/*main css cmsyou*/
@import url("../fonts/iconfont.css");
html{height: 100%;}
body{background-color: #fff;color: #22100D;font-family: 'Inter', sans-serif;font-size: 16px;height: 100%;overflow-x: hidden;}
h1, h2, h3, h4, h5, h6{color: #22100D;font-weight: 500;}
a{color: #22100D;text-decoration: none;}
a:hover{color: #1d618c;}
a:hover,a:active,a:focus{outline: none;text-decoration: none;}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
input,button,a{transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
button:focus{outline: 0;}
input[type=text],input[type=password]{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.btn.focus, .btn:focus{box-shadow: inherit;}
label{display: inline-block;margin-bottom: 0.5rem;}
.form-group{margin-bottom: 1rem;}
.form-control{border-color: #dce0eb;color: #26292c;font-size: 15px;min-height: 42px;padding: 6px 15px;}
.table .form-control{font-size: 14px;min-height: 38px;}
.container-fluid{padding-left: 30px;padding-right: 30px;}
.form-control::-webkit-input-placeholder{color: #6e82a3;font-size: 14px;}
.form-control::-moz-placeholder{color: #6e82a3;font-size: 14px;}
.form-control:-ms-input-placeholder{color: #6e82a3;font-size: 14px;}
.form-control::-ms-input-placeholder{color: #6e82a3;font-size: 14px;}
.form-control::placeholder{color: #6e82a3;font-size: 16px;}
/*Bootstrap Classes*/
.btn.focus, .btn:focus{box-shadow: unset;}
.btn-block{width: 100%;}
.btn-link{text-decoration: none;}
.btn-link:hover{text-decoration: underline;}
.btn-white{background-color: #fff;border: 1px solid #ccc;color: #26292c;}
.btn.btn-rounded{border-radius: 50px;}
.bg-primary,.badge-primary{background-color: #1e88e5 !important;}
a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color: #1879cd !important;}
.bg-success,.badge-success{background-color: #00e65b !important;}
a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color: #00cc52 !important;}
.bg-info,.badge-info{background-color: #009efb !important;}
a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color: #028ee1 !important;}
.bg-warning,.badge-warning{background-color: #ffbc34 !important;}
a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color: #e9ab2e !important;}
.bg-danger,.badge-danger{background-color: #ff0100 !important;}
a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color: #e63333 !important;}
.bg-white{background-color: #fff;}
.bg-purple,.badge-purple{background-color: #9368e9 !important;}
.text-primary,.dropdown-menu > li > a.text-primary{color: #1d618c !important;}
.text-success,.dropdown-menu > li > a.text-success{color: #00cc52 !important;}
.text-danger,.dropdown-menu > li > a.text-danger{color: #ff0100 !important;}
.text-info,.dropdown-menu > li > a.text-info{color: #009efb !important;}
.text-warning,.dropdown-menu > li > a.text-warning{color: #ffbc34 !important;}
.text-purple,.dropdown-menu > li > a.text-purple{color: #7460ee !important;}
.text-muted{color: #757575 !important;}
.text-black{color: #0B0B0B !important;}
.text-dark{color: #000 !important;}
.btn-primary{background-color: #0471b6;border: 1px solid #0471b6;}
.btn-primary:hover,.btn-primary:focus,.btn-primary.active,.btn-primary:active,.open > .dropdown-toggle.btn-primary{background-color: #1d618c;border: 1px solid #1d618c;}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary.focus:active,.btn-primary:active:focus,.btn-primary:active:hover,.open > .dropdown-toggle.btn-primary.focus,.open > .dropdown-toggle.btn-primary:focus,.open > .dropdown-toggle.btn-primary:hover{background-color: #1d618c;border-color: #1d618c;}
.btn-primary.active:not(:disabled):not(.disabled),.btn-primary:active:not(:disabled):not(.disabled),.show > .btn-primary.dropdown-toggle{background-color: #1d618c;border-color: #1d618c;color: #fff;}
.btn-primary.active:focus:not(:disabled):not(.disabled),.btn-primary:active:focus:not(:disabled):not(.disabled),.show > .btn-primary.dropdown-toggle:focus{box-shadow: unset;}
.btn-primary.disabled, .btn-primary:disabled{background-color: #1e88e5;border-color: #1e88e5;color: #fff;}
.btn-secondary{color: #fff;background: #1d618c;border: 1px solid #1d618c;}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary.active,.btn-secondary:active,.open > .dropdown-toggle.btn-secondary{background-color: #1d618c;border: 1px solid #1d618c;}
.btn-secondary.active:focus:not(:disabled):not(.disabled),.btn-secondary:active:focus:not(:disabled):not(.disabled),.show > .btn-secondary.dropdown-toggle:focus{box-shadow: unset;}
.btn-success{background-color: #00e65b;border: 1px solid #00e65b}
.btn-success:hover,.btn-success:focus,.btn-success.active,.btn-success:active,.open > .dropdown-toggle.btn-success{background-color: #00cc52;border: 1px solid #00cc52;color: #fff;}
.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success.focus:active,.btn-success:active:focus,.btn-success:active:hover,.open > .dropdown-toggle.btn-success.focus,.open > .dropdown-toggle.btn-success:focus,.open > .dropdown-toggle.btn-success:hover{background-color: #00cc52;border: 1px solid #00cc52}
.btn-success.active:not(:disabled):not(.disabled),.btn-success:active:not(:disabled):not(.disabled),.show > .btn-success.dropdown-toggle{background-color: #00cc52;border-color: #00cc52;color: #fff;}
.btn-success.active:focus:not(:disabled):not(.disabled),.btn-success:active:focus:not(:disabled):not(.disabled),.show > .btn-success.dropdown-toggle:focus{box-shadow: unset;}
.btn-success.disabled, .btn-success:disabled{background-color: #00e65b;border-color: #00e65b;color: #fff;}
.btn-info{background-color: #009efb;border: 1px solid #009efb}
.btn-info:hover,.btn-info:focus,.btn-info.active,.btn-info:active,.open > .dropdown-toggle.btn-info{background-color: #028ee1;border: 1px solid #028ee1}
.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info.focus:active,.btn-info:active:focus,.btn-info:active:hover,.open > .dropdown-toggle.btn-info.focus,.open > .dropdown-toggle.btn-info:focus,.open > .dropdown-toggle.btn-info:hover{background-color: #028ee1;border: 1px solid #028ee1}
.btn-info.active:not(:disabled):not(.disabled),.btn-info:active:not(:disabled):not(.disabled),.show > .btn-info.dropdown-toggle{background-color: #028ee1;border-color: #028ee1;color: #fff;}
.btn-info.active:focus:not(:disabled):not(.disabled),.btn-info:active:focus:not(:disabled):not(.disabled),.show > .btn-info.dropdown-toggle:focus{box-shadow: unset;}
.btn-info.disabled, .btn-info:disabled{background-color: #009efb;border-color: #009efb;color: #fff;}
.btn-warning{background-color: #ffbc34;border: 1px solid #ffbc34}
.btn-warning:hover,.btn-warning:focus,.btn-warning.active,.btn-warning:active,.open > .dropdown-toggle.btn-warning{background-color: #e9ab2e;border: 1px solid #e9ab2e}
.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning.focus:active,.btn-warning:active:focus,.btn-warning:active:hover,.open > .dropdown-toggle.btn-warning.focus,.open > .dropdown-toggle.btn-warning:focus,.open > .dropdown-toggle.btn-warning:hover{background-color: #e9ab2e;border: 1px solid #e9ab2e}
.btn-warning.active:not(:disabled):not(.disabled),.btn-warning:active:not(:disabled):not(.disabled),.show > .btn-warning.dropdown-toggle{background-color: #e9ab2e;border-color: #e9ab2e;color: #fff;}
.btn-warning.active:focus:not(:disabled):not(.disabled),.btn-warning:active:focus:not(:disabled):not(.disabled),.show > .btn-warning.dropdown-toggle:focus{box-shadow: unset;}
.btn-warning.disabled, .btn-warning:disabled{background-color: #ffbc34;border-color: #ffbc34;color: #fff;}
.btn-danger{background-color: #ff0100;border: 1px solid #ff0100;}
.btn-danger:hover,.btn-danger:focus,.btn-danger.active,.btn-danger:active,.open > .dropdown-toggle.btn-danger{background-color: #e63333;border: 1px solid #e63333;}
.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger.focus:active,.btn-danger:active:focus,.btn-danger:active:hover,.open > .dropdown-toggle.btn-danger.focus,.open > .dropdown-toggle.btn-danger:focus,.open > .dropdown-toggle.btn-danger:hover{background-color: #e63333;border: 1px solid #e63333;}
.btn-danger.active:not(:disabled):not(.disabled),.btn-danger:active:not(:disabled):not(.disabled),.show > .btn-danger.dropdown-toggle{background-color: #e63333;border-color: #e63333;color: #fff;}
.btn-danger.active:focus:not(:disabled):not(.disabled),.btn-danger:active:focus:not(:disabled):not(.disabled),.show > .btn-danger.dropdown-toggle:focus{box-shadow: unset;}
.btn-danger.disabled, .btn-danger:disabled{background-color: #f62d51;border-color: #f62d51;color: #fff;}
.btn-light.active:focus:not(:disabled):not(.disabled),.btn-light:active:focus:not(:disabled):not(.disabled),.show > .btn-light.dropdown-toggle:focus{box-shadow: unset;}
.btn-dark.active:focus:not(:disabled):not(.disabled),.btn-dark:active:focus:not(:disabled):not(.disabled),.show > .btn-dark.dropdown-toggle:focus{box-shadow: unset;}
.btn-outline-primary{color: #1e88e5;border-color: #1e88e5;}
.btn-outline-primary:hover{background-color: #1e88e5;border-color: #1e88e5;}
.btn-outline-primary:focus,.btn-outline-primary.focus{box-shadow: none;}
.btn-outline-primary.disabled,.btn-outline-primary:disabled{color: #1e88e5;background-color: transparent;}
.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show > .btn-outline-primary.dropdown-toggle{background-color: #1e88e5;border-color: #1e88e5;}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-primary.dropdown-toggle:focus{box-shadow: none;}
.btn-outline-success{color: #00e65b;border-color: #00e65b;}
.btn-outline-success:hover{background-color: #00e65b;border-color: #00e65b;}
.btn-outline-success:focus, .btn-outline-success.focus{box-shadow: none;}
.btn-outline-success.disabled, .btn-outline-success:disabled{color: #00e65b;background-color: transparent;}
.btn-outline-success:not(:disabled):not(.disabled):active,.btn-outline-success:not(:disabled):not(.disabled).active,.show > .btn-outline-success.dropdown-toggle{background-color: #00e65b;border-color: #00e65b;}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-success.dropdown-toggle:focus{box-shadow: none;}
.btn-outline-info{color: #009efb;border-color: #009efb;}
.btn-outline-info:hover{color: #fff;background-color: #009efb;border-color: #009efb;}
.btn-outline-info:focus, .btn-outline-info.focus{box-shadow: none;}
.btn-outline-info.disabled, .btn-outline-info:disabled{background-color: transparent;color: #009efb;}
.btn-outline-info:not(:disabled):not(.disabled):active,.btn-outline-info:not(:disabled):not(.disabled).active,.show > .btn-outline-info.dropdown-toggle{background-color: #009efb;border-color: #009efb;}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-info.dropdown-toggle:focus{box-shadow: none;}
.btn-outline-warning{color: #ffbc34;border-color: #ffbc34;}
.btn-outline-warning:hover{color: #212529;background-color: #ffbc34;border-color: #ffbc34;}
.btn-outline-warning:focus, .btn-outline-warning.focus{box-shadow: none;}
.btn-outline-warning.disabled, .btn-outline-warning:disabled{background-color: transparent;color: #ffbc34;}
.btn-outline-warning:not(:disabled):not(.disabled):active,.btn-outline-warning:not(:disabled):not(.disabled).active,.show > .btn-outline-warning.dropdown-toggle{color: #212529;background-color: #ffbc34;border-color: #ffbc34;}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-warning.dropdown-toggle:focus{box-shadow: none;}
.btn-outline-danger{color: #ff0100;border-color: #ff0100;}
.btn-outline-danger:hover{color: #fff;background-color: #ff0100;border-color: #ff0100;}
.btn-outline-danger:focus, .btn-outline-danger.focus{box-shadow: none;}
.btn-outline-danger.disabled, .btn-outline-danger:disabled{background-color: transparent;color: #ff0100;}
.btn-outline-danger:not(:disabled):not(.disabled):active,.btn-outline-danger:not(:disabled):not(.disabled).active,.show > .btn-outline-danger.dropdown-toggle{background-color: #ff0100;border-color: #ff0100;}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-danger.dropdown-toggle:focus{box-shadow: none;}
.btn-outline-light{color: #ababab;border-color: #e6e6e6;}
.btn-outline-light.disabled, .btn-outline-light:disabled{color: #ababab;}
.pagination > .active > a,.pagination > .active > a:focus,.pagination > .active > a:hover,.pagination > .active > span,.pagination > .active > span:focus,.pagination > .active > span:hover{background-color: #1e88e5;border-color: #1e88e5;}
.pagination > li > a,.pagination > li > span{color: #1e88e5;}
.page-link:hover{color: #1e88e5;}
.page-link:focus{box-shadow: unset;}
.page-item.active .page-link{background-color: #1e88e5;border-color: #1e88e5;}
.dropdown-menu{background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 3px;box-shadow: inherit;font-size: 14px;transform-origin: left top 0;}
.dropdown-item.active, .dropdown-item:active{background-color: #f7f7f7;}
.navbar-nav .open .dropdown-menu{border: 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);background-color: #fff;}
.card{border: 1px solid #e9ecef;margin-bottom: 1.875rem;border-radius: 0;}
.card-body{padding: 1.5rem;}
.card-title{margin-bottom: 15px;}
.card-header{border-bottom: 1px solid #f0f0f0;padding: 1rem 1.5rem;}
.card-footer{background-color: #fff;border-top: 1px solid #f0f0f0;padding: 1rem 1.5rem;}
.card .card-header{background-color: #fff;border-bottom: 1px solid #f0f0f0;}
.card .card-header .card-title{margin-bottom: 0;}
.btn-light{border-color: #e6e6e6;color: #a6a6a6;}
.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color: #1e88e5;text-shadow: unset;}
.bootstrap-datetimepicker-widget table td.today::before{border-bottom-color: #1e88e5;}
.bg-info-light{background-color: rgba(2, 182, 179,0.12) !important;color: #1db9aa !important;}
.bg-primary-light{background-color: rgba(17, 148, 247,0.12) !important;color: #2196f3 !important;}
.bg-danger-light{background-color: rgba(242, 17, 54,0.12) !important;color: #e63c3c !important;}
.bg-warning-light{background-color: rgba(255, 152, 0,0.12) !important;color: #f39c12 !important;}
.bg-success-light{background-color: rgba(15, 183, 107,0.12) !important;color: #26af48 !important;}
.bg-purple-light{background-color: rgba(197, 128, 255,0.12) !important;color: #c580ff !important;}
.bg-default-light{background-color: rgba(40, 52, 71,0.12) !important;color: #283447 !important;}
.text-xs{font-size: .75rem !important;}
.text-sm{font-size: .875rem !important;}
.text-lg{font-size: 1.25rem !important;}
.text-xl{font-size: 1.5rem !important;}
.form-control:focus{border-color: #bbb;box-shadow: none;outline: 0 none;}
/*3. Header*/
.header-nav{-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: transparent;border: 0;border-bottom: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: space-between;position: relative;height: 70px;padding: 0 20px;margin-bottom: 0;transition-duration: 0.4s;margin-top: 20px;}
.header-page .header-nav{background-color: #FFF;}
.main-nav{display: -webkit-box;display: -ms-flexbox;display: flex;list-style: none;margin: 0;padding: 0;}
.main-nav > li.active > a{color: #1d618c;}
.main-nav > li .submenu li a{display: block;padding: 10px 15px;clear: both;white-space: nowrap;font-size: 16px;color: #26292c;-webkit-transition: all .35s ease;transition: all .35s ease;width: 100%;border-top: 1px solid #f0f0f0;}
.main-nav > li .submenu > li.has-submenu > a::after{content: "\f054";font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;right: 15px;top: 12px;font-size: 13px;}
.main-nav > li .submenu li{position: relative;}
.main-nav li a{display: block;font-size: 18px;font-weight: 500;color: #26292c;}
.main-nav li a:hover{color: #1d618c;}
.main-nav li.login-link{display: none;}
.logo{display: inline-block;margin-right: 30px;width: 210px;}
.header-navbar-rht{margin: 0;margin-left: 0;padding: 0;}
.header-navbar-rht > li{-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;padding-right: 20px;justify-content: center;-webkit-justify-content: center;-ms-flex-pack: center;position: relative;}
.header-navbar-rht li:last-child{padding-right:0px;}
.header-navbar-rht > li > a{font-size: 16px;font-weight: 500;color: #1d618c;}
.header-navbar-rht li .dropdown-menu{border: 0;box-shadow: 0px 0px 28px 15px rgba(0, 0, 0, 0.06);border-radius: 10px;}
.header-navbar-rht .dropdown-toggle.show + .dropdown-menu{visibility: visible;opacity: 1;margin-top: 0;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.header-navbar-rht li .dropdown-menu{visibility: hidden;opacity: 0;-webkit-transition: all .2s ease;transition: all .2s ease;display: block;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
.header-navbar-rht .dropdown-toggle::after{display: none;}
.header-navbar-rht li .dropdown-menu .dropdown-item{border-top: 1px solid transparent;padding: 10px 15px;}
.header-navbar-rht li .dropdown-menu .dropdown-item:first-child{border-top: 0;border-radius: 5px 5px 0 0;}
.header-navbar-rht li .dropdown-menu .dropdown-item:last-child{border-radius: 0 0 5px 5px;}
.header-navbar-rht li a.header-login:hover{background-color: #1d618c;border-color: #1d618c;color: #fff;}
.header-navbar-rht li a.header-login{border-radius: 50px;text-align: center;font-size: 16px;color: #006eb3;text-transform: capitalize;font-weight: 500;min-width: 120px;border: 3px solid rgb(29 97 140 / 15%);padding: 10px 15px;}
.header-navbar-rht li a.header-sign{min-width: 120px;padding: 14px 15px;background: rgb(29 97 140 / 15%);border-radius: 46.9159px;text-align: center;}
.header-navbar-rht li a.header-sign:hover{background-color: #1d618c;border-color: #1d618c;color: #fff;}
.add-header-bg .header-navbar-rht li a.header-sign{background: rgb(29 97 140 / 10%);border: 3px solid rgb(29 97 140 / 15%);color: #1d618c;padding: 10px 15px;}
.add-header-bg .header-navbar-rht li a.header-sign:hover{background: #fff;color: #22100D;border: 3px solid #1d618c;}
.header .has-arrow .dropdown-toggle:after{border-top: 0;border-left: 0;border-bottom: 2px solid #757575;border-right: 2px solid #757575;content: '';height: 8px;display: inline-block;pointer-events: none;-webkit-transform-origin: 66% 66%;-ms-transform-origin: 66% 66%;transform-origin: 66% 66%;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;width: 8px;vertical-align: 2px;margin-left: 10px;}
.header .has-arrow .dropdown-toggle[aria-expanded="true"]:after{-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);}
.user-menu{float: right;margin: 0;position: relative;z-index: 99;}
.user-menu.nav > li > a{color: #fff;font-size: 14px;line-height: 58px;padding: 0 15px;height: 60px;}
.user-menu.nav > li > a:hover,.user-menu.nav > li > a:focus{background-color: rgba(0, 0, 0, 0.2);}
.user-menu.nav > li > a:hover i,.user-menu.nav > li > a:focus i{color: #fff;}
.user-img{display: inline-block;position: relative;}
.user-img > img{height: 50px;object-fit: cover;width: 50px;border-radius: 50%;border: 3px solid #E0E0E0;}
.user-header .avatar img{width: 50px;height: 50px;border: 3px solid #E0E0E0;}
.user-menu.nav > li > a.mobile_btn{border: 0;position: relative;padding: 0;margin: 0;cursor: pointer}
.header-navbar-rht .dropdown-menu{min-width: 200px;padding: 0;}
.header-navbar-rht .dropdown-menu .dropdown-item{padding: 7px 15px;}
.header-navbar-rht .dropdown-menu .dropdown-item{-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;border-top: 1px solid #e3e3e3;padding: 10px 15px;}
.header-navbar-rht .dropdown-menu .dropdown-item:hover,.header-navbar-rht .dropdown-menu .dropdown-item:hover i{color: #1d618c;}
.user-header{display: -webkit-box;display: -ms-flexbox;display: flex;padding: 10px 15px;}
.user-header .user-text{margin-left: 10px;}
.user-header .user-text h6{font-size: 15px;margin-bottom: 2px;}
.header-navbar-rht .logged-item .nav-link{-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;font-size: 14px;line-height: 70px;padding: 0 10px;}
.header-fixed{left: 0;position: fixed;right: 0;top: 0;z-index: 999;}
.header{background-color: #fff;}
.add-header-bg{box-shadow: 0px 4px 15px rgb(0 0 0 / 8%);transition-duration: 0.4s;background: #fff;padding-top: 0;margin: 0;}
.users .dropdown-item i{color: #1d618c;}
.dropdown-item.night-mode{justify-content: space-between;}
.dropdown-item.night-mode i{color: #685F78;}
.topnav-dropdown-header{border-bottom: 1px solid #EEF1FE;text-align: center;}
.topnav-dropdown-header{font-size: 14px;height: 40px;line-height: 40px;padding-left: 15px;padding-right: 15px;}
.topnav-dropdown-footer{border-top: 1px solid #eee;}
.topnav-dropdown-footer a{display: block;text-align: center;color: #333;}
.notifications .noti-content{height: 300px;width: 420px;overflow-y: auto;padding-right: 0;position: relative;}
.notifications .noti-content::-webkit-scrollbar{width: 6px;background: #fff;height: 10px;}
.notifications .noti-content::-webkit-scrollbar-track{border-radius: 4px;}
.notifications .noti-content::-webkit-scrollbar-thumb{background: #8A8A95;border-radius: 4px;}
.notifications .noti-content::-webkit-scrollbar-thumb:hover{background: #1B2559;}
.notifications .media .avatar > img{width: 32px;height: 32px;border-radius: 50%;margin-right: 16px;}
.notification-list{list-style: none;padding: 0;margin: 0;}
.notifications ul.notification-list > li{margin-top: 0;border-bottom: 1px solid #E4E8EE;box-shadow: 0px 1px 0px #E4E8EE;display: block;padding: 15px;border-radius: 2px;}
.notifications ul.notification-list > li:last-child{border-bottom: none;}
.notifications ul.notification-list > li .list-item{border: 0;padding: 0;position: relative;}
.notifications .notification-message h6{font-weight: 600;font-size: 14px;color: #1A1F36;margin-bottom: 15px;}
.notifications .notification-message h6 span{font-weight: 500;}
.notifications .notification-message p{font-weight: 500;font-size: 14px;color: #565758;margin-bottom: 0;}
.notifications .notification-message .btn{font-weight: 500;font-size: 14px;padding: 4px 8px;margin-bottom: 8px;border-radius: 4px;}
.notifications .notification-message .noti-details{color: #1A1F36;position: relative;border-left: 4px solid #DDDEE1;padding-left: 8px;margin-bottom: 8px;}
.notifications .notification-message .btn-accept{background: #E95744;border: 1px solid #E95744;color: #FFF;}
.notifications .notification-message .btn-reject{background: #FFFFFF;border: 1px solid #DDDEE1;color: #3C4257;}
.topnav-dropdown-header .notification-title{color: #1A1F36;display: block;float: left;font-size: 14px;font-weight: 500;}
.topnav-dropdown-header .clear-noti{color: #1A1F36;float: right;font-size: 14px;font-weight: 500;}
.topnav-dropdown-header .clear-noti i{font-weight: 500;}
.notification-title select{background: #515669;border-radius: 4px;color: #FFF;}
.notification-title select:focus-visible{outline: 0;}
.wishes-list{padding: 15px !important;}
.wish-header a{font-size: 12px;text-decoration: underline;}
.wish-nav .wishes-list{padding-right: 0 !important;}
.wish-nav .wish-content ul li{margin-right: 15px;}
.wish-content{height: 350px;width: 415px;overflow-y: auto;position: relative;padding-right: 0;}
.wish-content::-webkit-scrollbar{width: 6px;background: #fff;height: 10px;}
.wish-content::-webkit-scrollbar-track{border-radius: 4px;}
.wish-content::-webkit-scrollbar-thumb{background: #8A8A95;border-radius: 4px;}
.wish-content::-webkit-scrollbar-thumb:hover{background: #1B2559;}
.wish-content .media .avatar img{width: 84px;height: 63px;border-radius: 5px;margin-right: 10px;}
.wish-content ul{list-style: none;padding: 0;margin: 0 0 20px;}
.wish-content ul li{padding: 15px 0;border-bottom: 1px solid #DFDFE0;}
.wish-nav .wish-content ul{margin: 0;}
.wish-nav .wish-content ul li:first-child{padding-top: 0;}
.wish-nav .wish-content ul li:last-child{border-bottom: 0;padding-bottom: 0;}
.wish-content ul li .media{display: flex;justify-content: space-between;}
.wish-content h6{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 2px;}
.wish-content h6 a{color: #000;font-size: 14px;}
.wish-content h6 a:hover{color: #006eb3;}
.wish-content .media-body{overflow: hidden;}
.media-wide{width: 75%;}
.wish-content p{color: #685F78;font-size: 12px;margin-bottom: 2px;}
.wish-content h5{color: #1d618c;font-size: 14px;font-weight: 700;margin-bottom: 0;}
.wish-content h5 span{color: #777777;font-size: 10px;font-weight: 400;margin-bottom: 0;}
.wish-nav .remove-btn a{margin-top: 10px;}
.remove-btn a{background: #FFFFFF;border: 1px solid #006eb3;padding: 5px 10px;border-radius: 0;font-weight: 500;font-size: 12px;}
.remove-btn a:hover{background: #006eb3;color: #FFF;}
.total-item{text-align: right;}
.total-item h6{font-size: 14px;color: #000000;margin-bottom: 10px;}
.total-item h5{font-size: 16px;font-weight: 600;color: #000000;}
.night-mode .check-on .form-check-input{min-height: 20px;width: 38px;}
.night-mode .form-switch .form-check-input:focus{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");}
.night-mode .form-switch .form-check-input:checked{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ff5364'/%3e%3c/svg%3e") !important;}
.night-mode .form-switch .form-check-input{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");background-color: #E0E0E0;border-color: #E0E0E0;}
/*4. Mobile Menu*/
.sidebar-overlay{background-color: rgba(0, 0, 0, 0.6);display: none;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index:0;}
.menu-opened .sidebar-overlay{ display:block;}
.menu-opened .main-menu-wrapper{transform: translateX(0); z-index:9999;}
.menu-header{-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: #fff;height: 60px;padding: 0 20px;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: space-between;border-bottom: 1px solid #f0f0f0;display: none;}
.menu-logo img{width: 130px;}
.menu-close{ color:#1d618c; font-size: 24px;}
.bar-icon{display: inline-block;width: 31px;}
.bar-icon span{background-color: #1d618c;display: block;float: left;height: 3px;margin-bottom: 7px;width: 31px;border-radius: 2px;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease;}
.bar-icon span:nth-child(2){width: 16px;}
.bar-icon span:nth-child(3){margin-bottom: 0;}
.bar-icon span:nth-child(2){transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);top: -8px;content: "";display: block;}
.bar-icon span:nth-child(1){top: -16px;transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;content: "";display: block;}
.menu-opened .bar-icon span:nth-child(3){transform: translate3d(0, -10px, 0) rotate(-45deg);transition-delay: 0.32s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
.menu-opened .bar-icon span:nth-child(1){top: 0;transform: translate3d(0, 10px, 0) rotate(45deg);transition-delay: 0.32s;transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);}
.menu-opened .bar-icon span:nth-child(2){top: 0;opacity: 0;transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;}
#mobile_btn{display: none;margin-right: 30px;}
html.menu-opened body{overflow: hidden;}
/*5. Footer*/
.footer{background-color: #fff;position: relative;}
.footer-top{padding-top: 60px;position: relative;z-index: 9;font-size: 14px;}
.footer-top .footer-about-content{max-width: 315px;}
.footer-bottom{position: relative;z-index: 9;}
.footer-title{color: #0A142F;font-size: 18px;font-weight: 700;margin-bottom: 26px;text-transform: capitalize;}
.footer-widget.footer-menu ul{list-style: none;margin: 0;padding: 0;outline: none;}
.footer-widget .footer-logo{margin-bottom: 15px;}
.footer-widget .footer-logo img{width: 160px;max-width: 100%;}
.footer-widget .footer-about-content p{color: #000000;}
.footer-widget .footer-about-content p:last-child{margin-bottom: 0;}
.footer-menu ul li{margin-bottom: 20px;position: relative;}
.footer-menu ul li:last-child{margin-bottom: 0;}
.footer-menu ul li a{color: #000;transition: all 0.4s ease 0s;}
.footer-menu ul li a i{margin-right: 5px;}
.footer-widget.footer-menu ul li a:hover{color: #1d618c;}
.footer-contact-info{color: #26292c;margin-top: 20px;}
.footer-contact-info img{margin-right: 12px;}
.footer-contact-info .footer-address{display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;}
.footer-contact-info .footer-address span{margin-right: 20px;}
.footer-contact-info .footer-address{margin-bottom: 20px;}
.footer-contact-info .footer-address p{margin-bottom: 0px;}
.footer-contact-info p{color: #000;}
.footer-contact-info p i{margin-right: 15px;}
.footer-bottom .copyright{padding: 40px 0;}
.footer-bottom{font-size: 14px;}
.footer-bottom .copyright-text p{color: #333;}
.footer-bottom .copyright-text p a:hover{color: #1d618c;}
.privacy-policy ul{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;list-style: none;padding: 0;margin: 0;}
.privacy-policy ul li{padding: 0px 10px;border-right: 1px solid #B2B1FC;list-style: none;}
.privacy-policy ul li a{color: #000;}
.privacy-policy ul li a:hover{color: #1d618c;}
.privacy-policy ul li:last-child{border-right: 0;}
.privacy-policy ul li:first-child{padding-left: 0;}
.news-letter .form-control{border: 0;padding: 0;}
.news-letter form{border-bottom: 1px solid #e9ecef;}
/*6. Home*/
.home-slide{position: relative;background-image: url(../images/banner.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;min-height: 800px;}
.section-header.section-head-one .sub-title{color: #777777;font-size: 18px;font-weight: normal;max-width: 760px;}
.section-header.section-head-one h2{color: #0B0B0B;}
.home-slide-face{padding-top:15%;}
.home-slide-text{line-height: 36px;}
.home-slide-text h5{color: #685F78;font-size: 20px;margin-bottom: 10px;}
.home-slide-text h1{font-weight: 700;font-size: 48px;margin-bottom: 10px;line-height: 1.2;max-width: 500px;}
.home-slide-text p{font-weight: 500;font-size: 18px;color: #685F78;margin-bottom: 30px;}
.home-slide-text h1 span{color: #6255A4;}
.girl-slide-img img{width: 100%;}
.location-search .form-control{padding-right: 160px;}
.home-slide .search-box .search-btn{width: 150px;-ms-flex: 0 0 150px;flex: 0 0 130px;border-radius: 5px;position: absolute;top: 8px;right: 8px;padding: 0px;}
.bg-search a{font-size: 14px;font-weight: bold;color: #fff;}
.bg-search{background-color: #6255a4;border: 1px solid #6255a4;color: #fff;}
.bg-search:hover{background-color: #54469f;border: 1px solid #54469f;color: #fff;}
.trust-user p{font-size: 16px;color: #685F78;font-weight: 500;margin: 30px 0px 10px}
.rate-head h2{margin-right: 40px;color: #000000;font-size: 48px;font-weight: 700;margin-bottom: 0;}
.trust-rating .rating{margin-bottom: 0;}
.trust-rating .rating i{padding: 0px 9px;}
.rating h2{color: #000000;font-size: 48px;font-weight: 700;margin-bottom: 0;}
.search-content .form-inner{padding: 12px;background-color: #fff;border-radius: 35px;width: 100%;border: 0;max-width: 740px;height: 70px;}
.search-content .input-group{position:relative;background: #fff;border-radius: 130px;padding-left: 62px;}
.search-content .input-group .search-icon{display: flex;align-items: center;color: #1d618c;}
.search-content .input-group .form-control::placeholder{color: #a2a2a2;}
.search-content .input-group .input-group-prepend{margin-right: 0;}
.course-filter-search{ z-index:999;}
.course-filter-search .search-content .form-inner{ border:1px solid #eee; margin-bottom:10px;}
.form-search{}
.form-search .search-type{ position:absolute; left:10px; top:10px; z-index:99;}
.form-search .search-type .type-icon{ color:#666; cursor:pointer;}
.form-search .search-type .type-icon:hover{ color:#1d618c;}
.form-search .search-type .type-icon .type-name{ margin-right:5px;}
.form-search .search-type .type-list{ list-style:none; padding:0; padding-top:10px; margin-bottom:0; background-color:#fff; display:none;}
.form-search .search-type .type-list li{color:#666; font-size:14px; line-height:1.5em; list-style:none; padding:5px 15px; cursor:pointer;}
.form-search .search-type .type-list li:hover,.form-search .search-type .type-list li.active{color:#1d618c; background-color:#f8f8f8;}
.search-content .form-control{background: #fff;border-radius: 40px;border: 0;height: 44px;color: #000;font-size: 18px;margin-right: 10px;}
.drop-detail .form-select{border: 0;border-radius: 50px;background-color: #9ed8f2;font-size: 14px;}
.drop-detail .form-select:focus{box-shadow: none;}
.drop-detail{width: 174px;display: flex;margin: 0px 17px;border-radius: 50px !important;border: 0;height: 44px;}
.search-content .select2-container{border-radius: 50px;background-color: #9ed8f2;z-index: unset;}
.search-content .select2-container .select2-selection--single .select2-selection__rendered{font-size: 14px;padding-left: 15px;}
.search-content .select2-container .select2-selection--single{border: 0;align-items: center;display: flex;background: transparent;height: 44px;}
.search-content .select2-container--default.select2-container--open.select2-container{border-radius: 3px;}
.select2-dropdown{border: 1px solid rgba(218,232,255,71%);}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: #22100D;border-style: solid;border-width: 0 2px 2px 0;padding: 3px;transform: rotate(45deg);-webkit-transform: rotate(45deg);margin-top: -5px;margin-left: -11px;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color: #1B2559;border-width: 2px 0 0 2px;padding: 3px;margin-top: 1px;}
.select2-results__option{font-size: 14px;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color: #9ed8f2;color: #22100D;font-size: 14px;}
.search-content .select2-container--default .select2-selection--single .select2-selection__arrow{top: auto;}
.search-content .sub-btn{background: #1d618c;border-radius: 50px !important;font-weight: bold;border: 1px solid #1d618c;margin: 0px;font-size: 18px;line-height: 18px;padding: 10px;color: #fff;width: 44px;}
.search-content .sub-btn:hover,.search-content .sub-btn:focus{background: #009cff;border-color: #009cff;}
.search-content .form-control.catecory-mentor{background: #9ed8f2;margin: 0px 10px;font-size: 14px;color: #22100D;}
.section-header{margin-bottom: 18px;position: relative;display: flex;}
.section-sub-head h2{font-size: 32px;margin-bottom: 0;font-weight: 700;color: #0B0B0B;letter-spacing: 0.9px;}
.section-sub-head span{color: #1d618c;font-size: 18px;font-weight: 700;padding-bottom: 18px;display: block;letter-spacing: 0.9px;}
.section-text{max-width: 700px;color: #685F78;font-size: 16px;font-weight: 500;}
.all-btn{margin-left: auto;}
.all-category .btn-primary{color: #006eb3;border: 3px solid #1d618c;backdrop-filter: blur(151.39px);border-radius: 46.9159px;background: transparent;border-radius: 46.9159px;min-width: 150px;padding: 10px 15px;font-weight: 500;}
.all-category .btn-primary:hover{background-color: #1d618c;border-color: #1d618c;color: #fff;}
.all-category .btn-cart{color: #006eb3;border: 1px solid #eee;padding:5px 10px 5px 9px;border-radius:50%;margin-right:-5px;}
.all-category .btn-cart:hover{color: #fff;border-color: #1d618c;background-color: #1d618c;}
.all-category .btn-cart .iconfont{font-size:18px;}
.all-category .btn-download{margin-right:-10px;}
.all-category .btn-download .iconfont{color: #666;font-size:28px;}
.all-category .btn-download:hover .iconfont{color: #006eb3;}
.rating{list-style: none;margin: 0 0 7px;padding: 0;width: 100%;}
.rating i{color: #dedfe0;}
.rating i.filled{color: #FFB54A;}
.online-course{border-radius: 20px;padding: 25px;position: relative;background: #fff;}
.course-img{width:80px;height:80px;text-align:center;background-color:#eafdff;border-radius:50%;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.bg-color-1{background-color:#dbebff;}
.bg-color-2{background-color:#eafdff;}
.bg-color-3{background-color:#ecedfe;}
.bg-color-4{background-color:#fff2f8;}
.bg-color-1:hover,.course-full-width:hover .bg-color-1{background-color:#c8e0ff;}
.bg-color-2:hover,.course-full-width:hover .bg-color-2{background-color:#ddfcff;}
.bg-color-3:hover,.course-full-width:hover .bg-color-3{background-color:#e3e4ff;}
.bg-color-4:hover,.course-full-width:hover .bg-color-4{background-color:#ffedf5;}
.course-img .iconfont{font-size:48px;line-height:80px;}
.course-radius{border-radius: 20px;width: 100%;border: 1px solid #e9ecef;}
.blur-border.course-radius{padding: 1px;border-radius: 20px;}
.course-full-width{width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;top: 0;transition: top ease 0.5s;}
.course-full-width:hover{top: -10px;transition: top ease 0.5s;}
.online-course h4{margin-bottom: 0;font-size: 24px;font-weight: 600;}
.course-inner-content{display: block;padding-left: 16px;}
.course-inner-content h4{margin-bottom: 8px;font-weight: 700;color: #1d618c;}
.course-inner-content p{color: #000000;font-size: 16px;margin-bottom: 0;}
.student-course{position: relative;margin-top: -60px;}
.how-it-works{background: #fff;padding: 80px 0;position: relative;}
.feature-box{position: relative;z-index: 9;width: 100%;margin-bottom: 25px;background: #FFFFFF;border: 1px solid #e9ecef;box-shadow: -11.729px -11.729px 32px rgba(255, 255, 255, 0.15);border-radius: 10px;}
.feature-bg{padding: 25px;width: 100%;border-radius: 10px;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.feature-bg:hover{background: #413655;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.feature-bg:hover p,.feature-bg:hover .feature-text{color: #fff;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.feature-bg p{color: #685F78;font-size: 14px;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.feature-header{margin-bottom: 10px;}
.feature-icon{margin-right: 15px;font-size: 48px;width: 105px;border-radius: 100px;height: 105px;display: flex;display: -webkit-flex;display: -ms-flex;justify-content: center;-webkit-justify-content: center;-ms-justify-content: center;align-items: center;-webkit-align-items: center;-ms-align-items: center;color:#1d618c;margin: 0 auto;border:1px solid #c8e0ff;}
.feature-box:hover .feature-icon{color:#fff;border:1px solid rgba(255,255,255,0.5);}
.feature-icon .iconfont{font-size:inherit;}
.mentoring-course .owl-stage{padding-top: 10px;}
.feature-heading{text-transform: uppercase;font-size: 14px;font-weight: 700;}
.feature-text{font-size: 18px;font-weight: 700;padding-top: 25px;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;max-width: 130px;margin: 0 auto 25px;}
.feature-bg p{margin-bottom: 0px;}
.mentoring-course{margin-top: 40px;}
.owl-theme .owl-nav{display: none;}
.owl-theme .owl-dots .owl-dot span{width: 15px;height: 15px;margin: 0px 5px;background: #9ed8f2;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background: #1d618c;width: 50px;height: 15px;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.owl-theme .owl-dots, .owl-theme .owl-nav{margin-top: 26px;}
.new-course{padding: 80px 0px 56px;background-image: url(../img/banner.png);background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
.new-course:before{content: "";position: absolute;background-image: url(../img/course-bg.png);width: 100%;height: 100%;top: 0;background-repeat: no-repeat;}
.course-feature{margin-top: 57px;}
.product .rating i{font-size: 13px;}
.course-box{margin-bottom: 25px;border-radius: 10px;}
.course-lists{ margin-left:-13px; margin-right:-13px; clear:both;}
.course-lists .course-item{ float:left; width:33.33%; padding:0 13px;}
.product{border-radius: 10px;position: relative;padding: 20px;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;background: #fff;backdrop-filter: blur(17px);-webkit-backdrop-filter: blur(17px);}
.product:hover{background: #fff;box-shadow: 0px 5px 13px 6px rgb(212 211 254 / 40%);transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.product-img{position: relative;overflow: hidden;z-index: 1;border-radius: 10px 10px 10px 10px;}
.product-img img{width: 100%;border-radius: 4px 4px 0 0;transform: translateZ(0);transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;}
.product-img:hover img{-webkit-transform: scale(1.15);-moz-transform: scale(1.15);transform: scale(1.15);}
.product-content{display: inline-block;width: 100%;}
.product-content h3{font-size: 22px;color: #000000;font-weight: 500;line-height: 1.3;}
.assess-lists .product-content h3{font-size: 20px;}
.course-box .product-content h3{border-bottom: 1px dashed #ddd;padding-bottom:10px;margin-bottom:20px;}
.product-content h3 a:hover{color: #1d618c;}
.product-content .instructor-text{max-width: 320px;}
.product .rating{margin-left: auto;margin-bottom: 15px;width: auto;}
.course-info{margin: 16px 0px 18px;}
.course-info .course-view img,.course-info .rating-img img{width: 18px;}
.course-info p{margin-bottom: 0;color: #685F78;font-size: 16px;}
.course-box .course-info .course-view{margin-left: auto;}
.course-group{margin-bottom: 17px;}
.course-group-img img{max-width: 50px;height: 50px;border-radius: 25px;margin-right: 10px;}
.course-share{margin-left: auto;}
.color-active{color: red;font-weight: 700;}
.course-share i{color: #006eb3;font-size: 20px;}
.course-share a:hover i{color:#009cff;}
.course-share a.active i{font-weight: 700;}
.course-name h4{font-size: 16px;margin-bottom: 5px;font-weight: normal;}
.course-name p{margin-bottom: 0;font-size: 12px;color: #685F78;}
.average-rating span{color: #FFB54A;}
.master-skill{padding: 80px 0px 0px;}
.blur-border{padding: 3px;border-radius: 10px;}
.rotate-box{position: relative;transform: rotate(30deg);}
.certified-group{border-radius: 20px;margin-bottom: 24px;position: relative;top: 0;transition: top ease 0.5s;width: 100%;border: 1px solid #e9ecef;}
.certified-group:hover{top: -10px;}
.certified-img{background: #fff;border-radius: 10px;width: 72px;height: 72px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.get-certified{background: #fff;padding: 20px;border-radius: 20px;}
.get-certified p{margin-bottom: 0;color: #685F78;font-size: 14px;margin-left: 24px;font-weight: 500;}
.career-group{margin: 60px 0px ;}
.trend-course{padding: 80px 0px;background-image: url(../images/bg-banner.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.trending-course{position: relative;margin-top: 10px;}
.trending-course.owl-carousel{margin-top: 50px;}
.trending-course.owl-carousel .course-box{ margin-bottom: 0;}
.trend-box{background: transparent;border: 1px solid #e9ecef;padding: 0;}
.trend-product{background: #fff;}
.price{background: #fff;position: absolute;bottom: 20px;right: 20px;min-width: 149px;padding: 14px 15px;border-radius: 10px;}
.price.combo{background: #fff;position: absolute;bottom: 20px;right: 20px;min-width: 149px;padding: 14px 15px;border-radius: 10px;}
.price.combo{min-width: 80px;padding:12px 12px;}
.price.combo h3{color: #0081d2;font-weight: 700;font-size: 24px;}
.price h3 span{text-decoration: line-through;font-size: 14px;color: #777777;}
.price h3{font-size: 24px;color: #1d618c;font-weight: 700;margin-bottom: 0;}
.teacher-wrap{padding: 80px 0px;}
.teacher-lists{position: relative;margin-top: 57px;}
.feature-instructors{padding-top: 0;}
.feature-head{margin: auto;}
.feature-head h2{margin-bottom: 15px;}
.instructors-widget{background: #FFFFFF;border: 1px solid #e9ecef;border-radius: 10px;box-shadow: 0px 5px 13px 6px rgba(212, 211, 254, 0.23);margin-bottom: 24px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.instructors-widget:hover,.instructors-widget:active{box-shadow: 0px 5px 13px 6px rgba(212, 211, 254, 0.5);}
.instructors-course{margin-top: 57px;}
.instructors-img{position: relative;overflow: hidden;z-index: 1;border-radius: 10px 10px 0 0;padding-bottom: 0;}
.instructors-img img{transform: translateZ(0);transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;}
.instructors-img:hover img{-webkit-transform: scale(1.15);-moz-transform: scale(1.15);transform: scale(1.15);}
.instructors-content{padding: 20px;}
.instructors-content h5{font-size: 20px;font-weight: 600;margin-bottom: 0;}
.instructors-content p{margin-bottom: 0;color: #685F78;font-size: 16px;margin: 16px 0px 18px;}
.student-count i{display: flex;align-items: center;color: #006eb3;margin-right: 17px;}
.student-count .yellow{display: flex;align-items: center;color: #FFB54A;margin-right: 17px;}
.student-count .violet{display: flex;align-items: center;color: #006eb3;margin-right: 17px;}
.student-count .orange{display: flex;align-items: center;color: #1d618c;margin-right: 17px;}
.student-count span{color: #685F78;font-size: 14px;}
.lead-companies{padding: 0px 0px 56px;}
.lead-companies .owl-carousel .owl-stage{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;justify-content: center;-webkit-justify-content: center;}
.owl-carousel .owl-item .lead-img img{width: auto;}
.lead-group{padding: 30px 0px 24px;}
.trust-lead .get-certified{padding: 20px;}
.trust-lead .certified-img img{top: inherit;left: inherit;}
.share-knowledge{padding: 60px 0px;background-image: url(../images/bg-banner-03.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.join-mentor h2{color: #1F1F1F;font-size: 36px;font-weight: 700;margin-bottom: 0px;}
.join-mentor p{font-size: 18px;color: #685F78;margin: 30px 0px;}
.course-feature-list{padding: 0;margin-bottom: 35px;}
.course-feature-list li{list-style: none;font-weight: 600;font-size: 16px;margin-bottom: 20px;}
.course-feature-list li i{color: #1d618c;margin-right: 15px;}
.latest-blog{padding: 80px 0px 63px;}
.blogs-slide{margin-top: 57px;}
.blogs-slide .blog-widget{border: 1px solid #e9ecef;margin-bottom: 24px;padding: 0;}
.blog-widget .instructors-img{padding: 0;}
.enroll-group{background: linear-gradient(90deg, rgba(161, 196, 253, 0.79) 0%, rgba(194, 233, 251, 0.36) 100%);border: 1px solid rgba(255, 222, 218, 0.38);border-radius: 20px;padding: 30px;margin: 80px 0px;}
.enroll-img{background: #fff;border-radius: 10px;padding: 10px;}
.course-count{margin-left: 25px;color: #000000;}
.course-count p{margin-bottom: 0;font-size: 18px;}
.course-count h3{font-weight: 700;font-size: 36px;margin-bottom: 15px;}
.icon-group{padding-top: 17px;}
.enroll-group .total-course{margin-bottom: 0px;}
.icon-group .total-course{width: 70px;height: 70px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 24px;}
.icon-group .total-course{position: relative;top: 0;transition: top ease 0.5s;cursor: pointer;}
.icon-group .total-course:hover{top: -10px;}
.total-course{margin-bottom: 24px;}
.user-love{padding: 80px 0px;background-image: url(../img/user-love.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;min-height: 500px;}
.white-header span,.white-header h2{color: #fff;}
.become-instructors{padding: 80px 0;background-image: url(../images/bg-banner-02.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.feature-wrap{padding-top:40px;}
.feature-mentor{background: #9ed8f2;padding: 10px;border-radius: 20px;color: #000000;position: relative;padding:20px;text-align:left;}
.feature-mentor h4{font-size: 17px;font-weight: 700;margin-bottom: 10px;margin-top:20px;}
.top-instructors p{font-size: 15px;line-height:2em;margin-bottom: 0;}
.yellow-mentor{background: #FFE88F;}
.testimonial-four{background: #fff;position: relative;}
.review{position: absolute;width: 100%;bottom: -240px;}
.mentor-testimonial{z-index: 9;}
.testimonial-four .slick-list{border: 14px solid #ededed;max-width: 70%;margin: auto;border-radius: 45px;background: linear-gradient(142.13deg, rgba(255, 255, 255, 0.28) 1.8%, rgba(255, 255, 255, 0.31) 99.75%);backdrop-filter: blur(151.39px);}
.testimonial-four .testimonial-two-head{max-width: 90%;border: 0;background:none;}
.testimonial-bg-left img{-webkit-transform: translate(-50% , -50%);-ms-transform: translate(-50% , -50%);transform: translate(-50% , 50%);position: absolute;top: 50%;left: 174px;}
.testimonial-bg-left,.testimonial-bg-right,.testimonial-bg-top{position: relative;}
.testimonial-bg-right img{-webkit-transform: translate(-50% , -50%);-ms-transform: translate(-50% , -50%);transform: translate(-50% , 50%);position: absolute;top: 50%;right: -125px;}
.testimonial-bg-top img{-webkit-transform: translate(-50% , -50%);-ms-transform: translate(-50% , -50%);transform: translate(-50% , -50%);position: absolute;top: 50px;left: 38%;}
.testimonial-four .h-four{padding-bottom: 140px;}
.testimonial-four .slick-slide img{transform: scale(1, 1);-ms-transform: scale(1, 1);-webkit-transform: scale(1, 1);}
.fount-about-img img{margin: auto;border-radius: 50px;width: 80px;}
.fount-about-img span{color: #6E6C83;font-size: 18px;font-weight: 300;}
.fount-about-img h3{font-size: 24px;color: #201F2E;margin: 17px 0px 10px;}
.testimonial-four .testimonial-two-head p{font-size: 20px;color: #fff;font-weight: 500;line-height: 1.6;font-style: italic;margin: 37px 0px 43px;}
.testi-quotes{position: relative;}
.testi-quotes img{position: absolute;left: 205px;z-index: 99;top: -31px;}
.testimonial-four .slick-prev,.testimonial-four .slick-next{top: 62%;}
.testimonial-four .slick-prev{left: 20%;z-index: 99;background: #fff;width: 60px;height: 60px;border-radius: 0;}
.testimonial-four .slick-next{right: 22%;background: #fff;width: 60px;height: 60px;border-radius: 0;}
.testimonial-four .slick-prev:hover,.testimonial-four .slick-next:hover,.testimonial-four .swiper-button-prev:hover,.testimonial-four .swiper-button-next:hover{color: #fff;background: #1d618c;opacity: 1;}
.testimonial-four .slick-prev:hover:before,.testimonial-four .slick-prev:focus:before,.testimonial-four .slick-next:hover:before,.testimonial-four .slick-next:focus:before,.testimonial-four .swiper-button-prev:hover:before,.testimonial-four .swiper-button-next:hover:before{color: #fff;opacity: 1;}
.testimonial-four .slick-next:focus,.testimonial-four .slick-prev:focus{background: #1d618c;}
.testimonial-four .slick-prev:before{font-family: "Font Awesome 5 Free";content: "\f060";color: #006eb3;font-weight: 600;}
[dir='rtl'] .testimonial-four .slick-prev:before{content: '→';}
.testimonial-four .slick-next:before{font-family: "Font Awesome 5 Free";content: "\f061";color: #006eb3;font-weight: 600;}
[dir='rtl'] .testimonial-four .slick-next:before{content: '←';}
.testimonial-all{padding: 40px;position: relative;background-image: linear-gradient(#57504d, #f2f3f6);}
.testi-right{position: relative;}
.testi-right img{position: absolute;right: -60px;top: 0px;}
.four-testimonial-founder h3{margin: 17px 0px 10px;font-size: 24px;font-weight: 700;color: #201F2E;}
.four-testimonial-founder span{font-size: 18px;color: #685F78;}
/*7. Login*/
.login-bg{background-image: url('../images/bg-login.jpg');background-size: cover;top: 0;left: 0;position: fixed;min-height: 100vh;display: flex;align-items: center;}
.login-banner{width: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.welcome-login{padding: 20px 20px 0px 20px;}
.mentor-course h2{font-size: 30px;color: #000000;font-weight: 500;margin: 40px 0px 20px;}
.mentor-course p{font-size: 14px;color: #22100D;margin-bottom: 0;max-width: 570px;margin: auto;}
.login-banner img{max-width: 430px;}
.login-slide.owl-theme .owl-dots .owl-dot.active span,.login-slide.owl-theme .owl-dots .owl-dot:hover span{background: #1d618c;}
.login-slide.owl-theme .owl-dots .owl-dot span{background: #9ed8f2;}
.login-slide.owl-theme .owl-dots,.login-slide.owl-theme .owl-nav{margin-top: 40px;}
.login-wrap-bg{position: absolute;right: 0;padding: 0;}
.login-wrapper{width: 100%;height: 100vh;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: center;display: -ms-flexbox;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.login-wrapper .loginbox{max-width: 100%;width: 100%;font-weight: 600;padding: 50px 100px;}
.login-wrapper .loginbox .img-logo{margin-bottom: 54px;display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.login-wrapper .loginbox .img-logo img{width:210px;}
.back-home{margin-left: auto;}
.back-home a{text-decoration: underline;font-weight: 400;}
.login-wrapper .loginbox h1{font-weight: 500;font-size: 30px;margin-bottom: 27px;color: #000;}
.account-subtitle{color: #273656;font-size: 18px;margin-bottom: 55px;}
.login-wrapper .loginbox label{margin-bottom: 15px;width: 100%;color: #685F78;font-weight: 500;}
.toggle-password,.toggle-float{position: absolute;right: 17px;top: 50%;transform: translateY(-50%);color: #cccccc;cursor: pointer;}
.toggle-float{right: 10px;}
.remember-me .form-check-input{border: 1px solid #9ed8f2;border-radius: 0;}
.remember-me a{color: #1d618c;}
.pass-group,.float-group{position: relative;}
.google-bg{background: rgb(218 233 255 / 31%);padding: 50px;width: 100%;}
.sign-google ul{padding: 0;margin:0;display: inline-flex;}
.sign-google ul li{list-style: none;}
.sign-google ul li a{padding: 0px 20px;color: #000;font-weight: 600;display: inline-block;}
.sign-google ul li a,.google-bg span a,.google-bg p,.back-home a{font-size: 14px;}
.google-bg p a{color: #1d618c;}
.sign-google ul li a img{margin-right: 10px;}
.sign-google ul li:first-child a{border-right: 1px solid #000000}
.google-bg span a{color: #22100D;font-weight: 400;}
.sign-google{margin: 32px 0px;}
.loginbox .form-control{border-color:rgba(255, 222, 218, 0.71);border-radius: 5px;min-height: 50px;}
.loginbox .form-control:focus{border: 1px solid #EB9481;}
.loginbox .form-control::placeholder{color: #a2a2a2;}
.form-control-group{ position:relative;}
.form-control-group .btn-code{ position:absolute; right:20px; top:12px; font-weight:normal; background-color: transparent; border:0; outline: 0;}
.toggle-password.feather-eye{margin-right: 1px;color: #6e82a3;}
.toggle-password.feather-eye-off{color: #1d618c;}
.pass-checked{position: absolute;right: 40px;top: 55%;transform: translateY(-50%);color: #4CAF50;opacity: 0;}
.pass-checked.active{opacity: 1;}
.forgot-link{color: #006eb3;font-size: 14px;}
.forgot{margin-bottom: 28px;}
.remember-me label{font-size: 14px;}
.remember-me{margin-bottom: 30px;}
.btn-start{background: #1d618c;border-radius: 5px;padding: 12px 15px;font-weight: 700;color: #FFF;}
.btn-start:hover{background: #004571;color: #FFF;}
.login-wrapper .loginbox .dont-have{color: #273656;margin: 27px 0 0;font-size: 20px;}
.login-wrapper .loginbox .dont-have a{color: #FF6575;}
.login-wrapper .loginbox .dont-have a:hover{text-decoration: underline;}
.reset-password p{font-size: 16px;color: #685F78;margin-bottom: 20px;font-weight: 500;}
.log-wrap .login-wrapper{flex-direction: column;flex-wrap: unset;justify-content: unset;}
.log-wrap .google-bg{margin-top: auto;}
.custom_check{color: #685F78;display: inline-block;position: relative;font-size: 14px !important;margin-bottom: 15px;padding-left: 25px;cursor: pointer;font-weight: 400 !important;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;line-height: 18px;font-family: 'Noto Sans', sans-serif;}
.custom_check:hover,.active .custom_check{color: #006eb3;}
.custom_check input{position: absolute;opacity: 0;cursor: pointer;}
.custom_check input:checked ~ .checkmark,.active .custom_check .checkmark{background-color: #006eb3;border-color: #006eb3;}
.custom_check .checkmark{position: absolute;top: 0;left: 0;height: 15px;width: 15px;border: 1px solid #006eb3;background-color: #fff;border-radius: 2px;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.custom_check .checkmark::after{content: "\e92b";font-family: 'feather' !important;font-weight: 900;position: absolute;display: none;left: 2px;top: -2px;color: #ffffff;font-size: 9px;}
.custom_check input:checked ~ .checkmark:after,.active .custom_check .checkmark:after{display: block;}
.layui-layer-content .form-group-code{ padding:15px 15px 0;}
/*8. Register Step*/
.register-step .login-banner img{max-width: 350px;}
.login-wrapper .register-box{padding: 40px;}
.login-wrapper .register-box .img-logo{margin-bottom: 17px;}
.profile-box{background: #FAFAFA;border-radius: 10px;padding: 20px 20px 4px 20px;height: 100%;}
.profile-box h3{font-size: 15px;color: #000;text-align: center;margin: 24px 0px;}
.personal-detail{background: #FFFFFF;box-shadow: 0px 0px 7px 10px rgba(227, 227, 227, 0.16);border-radius: 10px;padding: 15px;margin-bottom: 16px;position: relative;}
.personal-text h4{font-size: 15px;font-weight: 500;color: #000;margin-bottom: 3px;}
.personal-text p{font-size: 12px;color: #000;font-weight: 400;}
.personal-detail span{background: rgba(224, 224, 224, 0.42);width: 30px;height: 30px;font-size: 14px;color: #000;margin-right: 10px;border-radius: 50px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.personal-detail .active-color{background: #0081d2;color: #fff;}
.personal-form{background: #FFFFFF;border: 1px solid #c7c7c740;border-radius: 10px;padding: 20px;height: 100%;position: relative;}
.personal-form h4{font-size: 20px;color: #000000;margin-bottom: 28px;}
.personal-form .form-select{border-color: rgba(255, 222, 218, 0.71);min-height: 40px;font-size: 14px;color: #C4C4C4;}
.personal-form .form-select:focus{box-shadow: none;}
.personal-form .form-group{margin-bottom: 15px;}
.next-btn .btn-start{font-weight: 700;min-width: 163px;padding: 12px 15px;}
.form-check-input:checked{background-color: #006eb3;border-color: #006eb3;}
.form-check-input:focus{box-shadow: none;border-color: #006eb3;}
.form-switch .form-check-input:checked{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;}
.form-switch .form-check-input:focus{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ff5364'/%3e%3c/svg%3e");}
.check-on .form-check-input{min-height: 30px;width: 70px;margin: 0;cursor: pointer;}
.check-on{display: flex;align-items: center;padding: 0;margin: 10px 0px 30px;}
.loginbox .check-on label{margin-bottom: 0;margin-left: 15px;font-size: 14px;color: #000000;font-weight: 400;}
.btn-back{background: #777777;border-radius: 5px;padding: 12px 15px;font-weight: 700;color: #FFF;margin-right: 25px;}
.btn-back:hover{background: #746e6e;color: #FFF;}
.back-btn .btn-back{font-weight: 700;min-width: 163px;padding: 12px 15px;}
.google-account{margin-bottom: 20px;}
.account-list h4{font-size: 16px;color: #000;font-weight: 400;margin-bottom: 20px;}
.account-list p{color: #685F78;font-size: 14px;}
.account-btn{margin-top: 10px;}
.account-link,.google-link{margin-top: 17px;}
.account-link .btn-primary{min-width: 243px;background-color: #777777;border: 1px solid #777777;font-size: 14px;padding: 7px 15px;}
.account-link .btn-primary:hover{opacity: 0.8;}
.google-link .btn-primary{min-width: 191px;background-color: #fff;border: 1px solid #C4C4C4;padding: 7px 15px;font-size: 14px;color: #263238;}
.google-link .btn-primary:hover{background-color: #777777;border: 1px solid #777777;color: #fff;}
.your-done p{font-size: 14px;color: #685F78;}
.your-done p a{color: #1d618c;}
.work-done{position: absolute;bottom: 20px;}
.password-strength{display: flex;margin-top: 15px;}
.password-strength span{width: 100%;height: 5px;background: #E3E3E3;margin-right: 10px;border-radius: 5px;}
.password-strength span:last-child{margin-right: 0;}
.weak-pass .password-strength span{background: #FF0000;}
.reset-account p{font-size: 14px;color: #22100D;margin-top: 39px;}
.reset-account p a{color: #1d618c;}
.verification-code .form-group{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.verification-code .form-control{min-height: 70px;width: 70px;text-align: center;margin-right: 35px;margin-bottom: 20px;}
.send-code a{color: #006eb3;font-size: 14px;text-decoration: underline;}
.send-code{margin: 7px 0px 40px;}
.active-bar:before{content: "";position: absolute;width: 2px;height: 40px;background: #0081d2;left: 6px;}
@keyframes loading-1{0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
100%{-webkit-transform: rotate(40deg);transform: rotate(40deg);}
}
@keyframes loading-1{0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
100%{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
}
.circle-bar > div{display: inline-block;position: relative;text-align: center;}
.circle-bar > div canvas{width: 110px !important;height: 110px !important;}
.circle-bar > div p{left: 0;position: absolute;top: 50%;left: 50%;text-align: center;margin: 0 auto;transform: translate(-50%, -50%);font-weight: 700;font-size: 24px;color: #0081d2;}
.circle-bar > div p span{font-weight: 500;font-size: 14px;color: #000000;display: block;}
#passwordInfo, #passwordInfos{font-size: 12px;font-weight: 400;margin-top: 15px;}
.poor-active span.active#poor,.poor-active span.active#poors{background: #FF0000;}
.avg-active span.active#poor, .avg-active span.active#weak,.avg-active span.active#poors, .avg-active span.active#weaks{background: #FFB54A;}
.strong-active span.active#poor, .strong-active span.active#weak, .strong-active span.active#strong,.strong-active span.active#poors, .strong-active span.active#weaks, .strong-active span.active#strongs{background: #1D9CFD;}
.heavy-active span.active#poor, .heavy-active span.active#weak, .heavy-active span.active#strong, .heavy-active span.active#heavy,.heavy-active span.active#poors, .heavy-active span.active#weaks, .heavy-active span.active#strongs, .heavy-active span.active#heavys{background: #0081d2;}
input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display: none;}
/*9. Courses*/
.header-page,.header-page .header-nav{height: 95px;}
.header-page .scroll-sticky{margin-top: 0px;}
.header-page .add-header-bg .header-border{border-bottom: 0;}
.header-border{border-bottom: 1px solid #DFDFE0;padding-top:12px;padding-bottom:12px;}
.breadcrumb-bar{color:#999;padding: 25px 0;margin-bottom:0;background: #eee;}
.breadcrumb-bar a{color: #22100D;font-weight: 500;padding-left: 6px;padding-right: 6px;}
.breadcrumb-bar a:hover{color: #006eb3;}
.breadcrumb-bar .breadcrumb{margin-bottom:0;}
.course-content{background:#fafafa;padding: 40px 0px;}
.course-design{border: 1px solid #e9ecef;}
.course-design .product{background: #fff;}
.course-design .product:hover{background: #fff;}
.course-design .product:hover .course-info p,.course-design .product:hover .course-name p,.course-design .product:hover .course-name h4 a,.course-design .product:hover .btn-primary,.course-design .product:hover .course-share i,.course-design .product:hover .product-content h3 a{color: #000000;}
.course-design .product:hover .rating-img img,.course-design .product:hover .course-view img{filter: none;}
.course-design .product:hover{color: #000000;}
.course-design .product:hover .course-share i{color: #006eb3;}
.course-design .all-category .btn-primary:hover{color: #fff;}
.course-design .course-info p{font-size: 15px;}
.course-design .product{padding: 12px;}
.course-design .price h3{font-size: 20px;}
.price{min-width: 140px;padding: 6px 15px;}
/*10. Pricing Plan*/
.title-sec{margin-bottom: 30px;}
.title-sec h5{font-weight: 700;font-size: 18px;color: #1d618c;margin-bottom: 18px;}
.title-sec h2{font-weight: 700;font-size: 36px;color: #0B0B0B;margin-bottom: 18px;}
.title-sec p{font-weight: 500;color: #685F78;padding-bottom: 10px;}
.plan-box{background: #FFFFFF;border-radius: 10px;padding: 20px;display: flex;justify-content: space-between;margin-bottom: 25px;border: 1px solid #e9ecef;}
.plan-box:hover{}
.plan-box h4{color: #006eb3;margin-bottom: 16px;font-weight: 700;}
.plan-box p{color: #685F78;font-size: 14px;margin-bottom: 16px;}
.plan-box p:last-child{margin-bottom: 0;}
.plan-box h3{font-size: 36px;display: inline-flex;}
.plan-box h3 span{font-size: 16px;position: relative;top: 7px;}
.benefit-box{background: #FFFFFF;border-radius: 10px;padding: 20px;margin-bottom: 30px;border: 1px solid #e9ecef;}
.benefit-box h5{font-size: 18px;color: #0B0B0B;margin-bottom: 20px;}
.benefit-box a{padding: 9px;font-weight: 700;font-size: 20px;}
.benefit-box ul{padding-left: 15px;margin-bottom: 40px;}
.benefit-box ul li{font-size: 14px;color: #685F78;margin-bottom: 10px;}
.table>:not(:first-child){border-top: 0;}
.table-price tr{border-color: #9ed8f2;}
.table-price thead tr{border-color: transparent;}
.table-price tr.basic-cell{border-left: 1px solid transparent;}
.table-price td{font-size: 18px;font-weight: 500;color: #685F78;}
.table-price .self-cell{background: #006eb3;color: #FFF;}
.table-price .business-cell{background: #006eb3;color: #FFF;}
.enable-item{padding: 10px;display: flex;align-items: center;justify-content: center;font-size: 14px;margin-bottom: 35px;}
.enable-item .check-on .form-check-input{min-height: 28px;width: 53px;}
.main-title{font-size: 36px;font-weight: 700;margin-bottom: 40px;}
.price-sec{margin-bottom: 70px;}
.price-box{background: #FFFFFF;border-radius: 10px;padding: 20px;margin-bottom: 25px;border: 1px solid #e9ecef;}
.price-box h4{color: #006eb3;margin-bottom: 16px;font-weight: 700;}
.price-box p{color: #685F78;font-size: 14px;margin-bottom: 20px;}
.price-box h3{font-size: 36px;display: inline-flex;margin-bottom: 20px;}
.price-box h3 span{font-size: 16px;position: relative;top: 7px;}
.price-box h5{font-size: 18px;color: #0B0B0B;margin-bottom: 30px;}
.btn-free{padding: 12px;font-weight: 700;background: #FFFFFF;border: 1px solid #1d618c;border-radius: 5px;color: #1d618c;transition: 0.7s;}
.price-box ul{padding-left: 15px;margin-bottom: 40px;}
.price-box ul li{font-size: 14px;color: #685F78;margin-bottom: 10px;}
.price-box:hover .btn-free{border: 1px solid #1d618c;background: #1d618c;color: #FFF;}
.recom-badge{background: #006eb3;border-radius: 5px;padding: 4px;font-size: 14px;color: #FFFFFF;display: inline-block;}
/*11. Notifications*/
.notify-sec h5{font-weight: 700;font-size: 18px;color: #1d618c;margin-bottom: 38px;}
.btn-mark{background: #006eb3;font-weight: 600;padding: 12px;color: #FFFFFF;}
.btn-mark:hover{color: #FFF;background: #f94355;}
.notify-item{background: #FFFFFF;backdrop-filter: blur(17px);border-radius: 10px;padding: 20px;margin-bottom: 20px;}
.notify-item img{width: 50px;height: 50px;border: 1px solid #E3E3E3;border-radius: 50%;}
.notify-content{display: flex;}
.notify-detail{margin-left: 10px;}
.notify-detail h6{font-weight: 600;font-size: 18px;}
.notify-detail h6 span{font-weight: 500;font-size: 14px;color: #A5ACB8;}
.notify-detail p{font-size: 14px;color: #685F78;margin-bottom: 0;}
.notify-item a.btn{background: #FFFFFF;border: 1px solid #303030;border-radius: 5px;font-weight: 600;color: #303030;padding: 12px;min-width: 150px;}
.notify-item a.btn:hover{background: #303030;color: #FFF;}
.dropdown-menu.dropdown-menu-right{left: auto;right: 0;margin-top: 15px;}
/*12. Wishlists*/
.wishlist-item{background: #FFFFFF;border: 1px solid rgb(199 199 199 / 25%);border-radius: 5px;padding: 15px;margin-bottom: 20px;}
.wishlist-item:last-child{margin-bottom: 0;}
.wishlist-detail{-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;width: 100%;}
.wishlist-img{margin-right: 20px;position: relative;}
.wishlist-img img{max-width: 205px;width: 100%;height: 154px;border-radius: 10px;}
.wishlist-info{overflow: hidden;}
.wishlist-info h5{margin-bottom: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.wishlist-info h5 a{color: #000000;}
.wishlist-info h5 a:hover{color: #1d618c;}
.wishlist-info .course-view{margin-left: 30px;}
.wishlist-item .remove-btn{text-align: right;}
.price-amt{background: #FFFFFF;border-radius: 10px;position: absolute;bottom: 12px;right: 12px;padding: 6px 12px;}
.price-amt h4{color: #1d618c;font-weight: 700;margin-bottom: 0;}
.wishlist-item .remove-btn a{font-size: 16px;padding: 4px 12px;}
.wish-card .card-header{border-bottom: 1px solid #DFDFE0;padding: 35px;}
.wish-card .card-header h5{margin-bottom: 0;color: #000;}
.wish-card .card-body{padding: 35px;}
.wish-card{border-radius: 10px;}
.wish-card .card-header{background: transparent;}
/*13. Course Details*/
.subs-title{font-size: 18px;font-weight: 700;color: #006eb3;margin-bottom: 20px;}
.course-sec p{font-size: 14px;}
.overview-sec h6{font-weight: 600;font-size: 14px;color: #0B0B0B;margin-bottom: 20px;}
.overview-sec ul{padding-left: 20px;margin: 0 0 20px;}
.overview-sec ul li{font-size: 14px;margin-bottom: 6px;}
.overview-sec-body{padding-bottom: 24px;}
.instructor-wrap{display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: space-between;align-items: center;border-bottom: 1px solid #C7C7C7;margin-bottom: 15px;flex-wrap: wrap;}
.about-instructor{display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 15px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.abt-instructor-img{margin-right: 10px;}
.abt-instructor-img img{width: 50px;height: 50px;border: 1px solid #E3E3E3;border-radius: 50%;}
.instructor-wrap .rating{width: unset;margin-bottom: 15px;font-size: 14px;}
.instructor-detail h6,.instructor-detail h5{font-weight: 600;font-size: 18px;margin-bottom: 5px;}
.instructor-detail p{font-size: 13px;color: #22100D;margin-bottom: 0;}
.course-info{margin-bottom: 15px;padding-bottom: 15px;}
.course-box .course-info{padding-bottom: 10px;}
.cou-info{display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;margin-right: 15px;}
.cou-info p{font-size: 16px;font-weight: 500;}
.instructor-sec ul{padding: 0;margin: 0;list-style: none;}
.instructor-sec ul li{font-size: 14px;}
.rev-info{font-style: italic;}
.btn-reply{background: #FFFFFF;border: 1px solid #006eb3;border-radius: 50px;padding: 6px 22px;font-weight: 500;font-size: 14px;color: #006eb3;}
.btn-reply:hover{background: #006eb3;color: #FFF;}
.comment-sec .form-control{background: rgba(229, 229, 229, 0.42);}
.submit-btn{font-weight: 500;color: #006eb3;border-radius: 50px;padding: 9px 15px;min-width: 150px;border: 4px solid transparent;background-origin: border-box;background-clip: padding-box, border-box;background-image: linear-gradient(white, white), linear-gradient(to right, rgba(180, 167, 245, 1), rgba(57, 44, 125, 1));}
.submit-btn:hover{background: #006eb3;color: #FFF;}
.cou-title a{background: rgba(161, 196, 253, 0.12);border-radius: 5px;padding: 15px;font-weight: 600;font-size: 14px;color: #0B0B0B;position: relative;display: block;font-weight: 600;font-size: 14px;padding-right: 60px;}
.cou-title > a:after{font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f078";position: absolute;top: 50%;transform: translateY(-50%);right: 15px;color: #000;}
.cou-title > a:not(.collapsed):after{content: "\f077";}
.category-widget .chapter-lists .cou-title a{ font-weight:normal;}
.category-widget .chapter-lists .cou-title > a:after{ color: #999;}
.category-widget .chapter-lists .course-card ul{ margin-top: -10px;}
.category-widget .chapter-lists .course-card ul li{padding: 10px 0;}
.category-widget .select2-container--default .select2-selection--single .select2-selection__arrow b{ border-color: #999;}
.course-card.active .cou-title a{color:#fff;background-color:#006eb3;}
.course-card.active .cou-title > a:after{color:#fff;}
.course-card ul{margin: 0;padding: 0;}
.course-card ul li{align-items: center!important;display: flex;justify-content: space-between!important;border-bottom: 1px solid #C7C7C7;padding: 15px 0;}
.course-card ul li:first-child{ padding-top:5px;}
.course-card ul li:last-child{border: 0;}
.course-card ul li p{font-size: 14px;margin-bottom: 0;}
.course-card ul li .btn-play{ cursor:pointer;}
.course-card ul li a{font-size: 14px;}
.course-card ul li a.red{ color:#C00;}
.course-card ul li a.green{ color:#090;}
.course-card ul li span{font-size: 14px;margin-left: 30px;}
.course-card ul li .icon-play,.course-card ul li .icon-cart{color:#0081d2;}
.video-sec img{width: 100%;}
.video-thumbnail{position: relative;}
.video-thumbnail img{ width: 100%;height:auto;}
.play-icon{position: absolute;top: 50%;left: 50%;background: rgb(1 1 1 / 40%);width: 90px;height: 90px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: center;-webkit-justify-content: center;-ms-flex-pack: center;border-radius: 50%;transform: translate(-50%, -50%);color: #FFF;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.play-icon i{font-size: 50px;padding-left: 8px;}
a:hover .play-icon{opacity: 0.7;}
.course-fee{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: center;flex-wrap: wrap;}
.inner-banner{padding: 45px 0;background: url("../images/bg-banner.jpg");background-size: cover;background-repeat: no-repeat;position: relative;}
.inner-banner:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(29,97,140,0.5);}
.inner-banner .container{position: relative;}
.inner-banner p, .inner-banner h5, .inner-banner h2, .inner-banner .average-rating{color: #FFF;}
.inner-banner h2{font-size: 30px;margin-bottom: 15px;}
.inner-banner p{font-size: 14px;}
.web-badge{background: #FFB54A;border-radius: 50px;padding: 6px 15px;font-weight: 500;font-size: 14px;color: #FFF;}
.web-badge:hover{background: #e19b36;}
.sidebar-sec{margin-top: -260px;}
.course-sec .card{z-index: 2;}
.video-main-sec{display: none;}
.vid-bg{position: relative;z-index: 1;}
.video-details{margin-top: 25px;}
.video-details h2{font-weight:normal;font-size: 24px;color: #0081d2;margin-bottom: 12px;}
.video-details h2 .iconfont{font-size:inherit;}
.video-details p{font-size: 14px;color: #777777;margin-bottom: 12px;}
.video-details p span{text-decoration: line-through;}
.btn-enroll{background: #0081d2;border: 1px solid #0081d2;border-radius: 50px;font-weight: 500;font-size: 14px;color: #FFF;padding: 10px 20px;}
.btn-enroll:hover{color: #FFF;background: #1d618c;}
.btn-wish{background: #FFFFFF;border: 1px solid #1d618c;border-radius: 50px;padding: 10px;color: #1d618c;font-size: 14px;font-weight: 500;margin-bottom: 15px;}
.btn-wish:hover{color: #009cff; border-color:#009cff;}
.btn-wish.active{background: #1d618c;color: #fff;}
.btn-wish.active:hover{border: 1px solid #1d618c;}
.btn-wish:hover .icon-fav:before,.btn-wish.active .icon-fav:before {content: "\e614";}
.video-btns{}
.video-btns .btn{ font-size:16px;}
.video-btns .btn .iconfont{ font-size:18px;}
.include-sec ul, .feature-sec ul{margin: 0;padding: 0;list-style: none;}
.include-sec ul li{font-size: 14px;margin-bottom: 15px;}
.include-sec ul li:last-child, .feature-sec ul li:last-child{margin-bottom: 0;}
.feature-sec ul li{font-size: 14px;padding: 10px 0;color: #39393B;border-bottom: 1px solid #e7e7e7;}
.feature-sec ul li span{font-weight: 700;}
.feature-sec ul li:last-child{border: 0;padding-bottom: 0;}
.feature-sec ul.ul-filter li{position:relative; padding-left: 40px; padding-bottom: 4px;}
.feature-sec ul.ul-filter li .cat-label{ position: absolute; left:0; top:15px; font-style:normal;}
.cat-filter{}
.cat-filter a{color:#006eb3;font-size:13px;border-radius: 20px;border:1px solid #e9f2ff;padding: 5px 15px; margin-left: 3px; margin-right: 3px; margin-bottom: 6px; display: inline-block;}
.cat-filter a.active{color:#006eb3;background: #e9f2ff;}
.cat-filter a:hover,.cat-filter a:active{color:#fff;background:#006eb3;}
.com-info{display: flex;}
.com-info h2{font-size: 30px;color: #000;margin-bottom: 15px;}
.complete-sec .video-thumbnail{max-width: 350px;margin-left: 15px;}
.no-video .card{background: #FFF;}
.no-video .video-details{margin: 0;}
.overflow-links{margin: 0 0 10px;padding: 0;list-style: none;}
.overflow-links li{display: inline-block;}
.overflow-links li a{border: 1px solid #006eb3;border-radius: 50px;min-width: 150px;padding: 8px 10px;font-weight: 500;font-size: 16px;color: #006eb3;display: inline-block;margin-bottom: 15px;text-align: center;}
.overflow-links li a:hover, .overflow-links li a.active{background: #9C8FDB;color: #FFF;border: 4px solid transparent;background-origin: border-box;background-clip: padding-box, border-box;background-image: linear-gradient(#9C8FDB, #9C8FDB), linear-gradient(to bottom, rgba(180, 167, 245, 1), rgba(57, 44, 125, 1));}
#Overview, #Course_Content, #Instructor, #Reviews{scroll-margin-top: 80px;}
.complete-sec .cou-info p{color: #000;}
.br-1{border-right: 1px solid rgb(199 199 199 / 25%);}
.bb-1{border-bottom: 1px solid rgb(199 199 199 / 25%);}
.com-course .feature-sec ul li{border-bottom: 0;padding: 0 0 15px;}
.com-course .feature-sec ul li:last-child{padding: 0;}
.complete-sec h2{font-size: 30px;margin-bottom: 15px;}
.course-sec .course-info, .inner-banner .course-info,.instructor-wrap .about-instructor{flex-wrap: wrap;}
.course-sec .card{border-radius: 10px;}
.course-video-item{ clear:both;}
.course-video-item.haschild{ padding-top:5px; display:block;}
.course-video-item.active{background-color: #f8f8f8;}
.course-card ul li.active:first-child{ padding-top:15px;}
.course-video-item.active .course-video-item-btns{padding-right: 15px;}
.course-video-item.active .course-item-title{color: #006eb3;}
.course-video-item-title{ clear:both;}
.course-video-item.haschild .course-video-item-title{display: flex;justify-content: space-between;border-bottom: 1px solid #C7C7C7;padding: 15px 0;}
.course-video-item.haschild .course-video-item-title:first-child{padding-top:5px;}
.course-card .chapters-children{ padding-left:2em;}
.course-card .chapters-children ul li:first-child{padding-top:15px;}
.chapters-children{ clear:both;}
.page-content{background: #fafafa;padding: 60px 0 40px;}
.instructor-page-content{padding: 40px 0 20px;}
.cat-title{margin-bottom: 15px;}
.cat-title h4{font-size: 18px;font-weight: 700;color: #006eb3;margin-bottom: 0px;display: inline-block;}
.cat-title span{float: right;margin-bottom: 15px;}
/*14. Help Center*/
.help-sec{padding: 80px 0 50px;background: #FAFAFA;}
.help-title{padding-bottom: 15px;}
.help-title h1{font-weight: 700;margin-bottom: 18px;}
.help-title p{font-size: 18px;margin-bottom: 15px;}
.faq-card{background: #FFFFFF;border: 1px solid #e9ecef;border-radius: 10px;margin-bottom: 30px;}
.faq-title{margin-bottom: 0;}
.faq-title a{padding: 15px;font-weight: 600;font-size: 16px;color: #000;position: relative;display: block;padding-right: 60px;}
.faq-title > a:after{font-family: "Font Awesome 5 Free";font-weight: 900;content: "\2b";position: absolute;top: 50%;transform: translateY(-50%);right: 15px;color: #000;}
.faq-title > a:not(.collapsed){color: #006eb3;}
.faq-title > a:not(.collapsed):after{content: "\f068";color: #006eb3;}
.faq-detail{padding: 0 15px;}
.faq-detail p{margin-bottom: 15px;}
.support-sec{padding: 100px 0;background: url('../img/support-bg.png');background-size: cover;}
.support-card{background: #FFF;border-radius: 10px;padding: 20px;position: relative;}
.support-card p, .support-card h3{margin-bottom: 15px;}
.support-card .btn{min-width: 150px;font-weight: 700;padding: 12px 10px;border-radius: 5px;color: #FFF;}
.btn-contact{background: #1D9CFD;}
.btn-contact:hover{background: #0d92f7;}
.btn-ticket{background: #58247E;}
.btn-ticket:hover{background: #4d1377;}
.support-img img{position: absolute;right: 0;bottom: 0;}
.page-banner{padding: 88px 0;text-align: center;background: url('../img/ban-bg.png') #1565C0;background-repeat: no-repeat;background-size: cover;}
.page-banner h1{font-weight: 600;margin-bottom: 15px;color: #FFF;}
.page-banner p{color: #FFF;margin-bottom: 0;}
.sup-title{margin-bottom: 30px;}
.support-wrap{background: #FFFFFF;border: 1px solid #e9ecef;border-radius: 10px;padding: 30px;}
.support-wrap h5{color: #0B0B0B;font-weight: 700;text-align: center;margin-bottom: 34px;}
.support-wrap label{color: #685F78;font-weight: 500;margin-bottom: 15px;}
.btn-submit{background: #006eb3;border: 1px solid #006eb3;border-radius: 5px;color: #FFF;}
.btn-submit:hover{background: #ff3448;color: #FFF;}
.support-wrap .btn-submit{padding: 12px 10px;min-width: 200px;}
/*15. Job Category*/
.category-box{background: #FFFFFF;box-shadow: 0px 0px 6px rgba(227, 227, 227, 0.85);border-radius: 10px;padding: 20px;margin-bottom: 30px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: space-between;}
.category-title{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.category-img{margin-right: 10px;}
.category-title h5{font-weight: 500;font-size: 18px;margin-bottom: 0;color: #685F78;}
.category-box span{width: 30px;height: 30px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: center;-webkit-justify-content: center;-ms-flex-pack: center;background: #006eb3;border-radius: 50%;color: #FFF;font-weight: 500;font-size: 14px;}
.category-tab ul{margin: 0 0 40px;padding: 0;list-style: none;}
.category-tab ul li{display: inline-block;margin: 0 20px 10px 0;}
.category-tab ul li a{background: #E0E0E0;color: #0B0B0B;padding: 10px 15px;display: inline-block;text-align: center;font-size: 24px;font-weight: 600;}
.category-tab ul li a.active, .category-tab ul li a:hover{background: #006eb3;color: #FFF;}
.category-tab.tickets-tab-blk .nav-justified .nav-item{flex-grow: inherit;}
.category-tab.tickets-tab-blk ul li a{font-size: 14px;padding: 10px 26px;}
.category-tab.tickets-tab-blk ul{margin: 0 0 10px;}
/*16. Instructor*/
.instructor-box{background: #FFFFFF;border-radius: 10px;padding: 20px;margin-bottom: 30px;border: 1px solid #e9ecef;}
.instructor-img{position: relative;text-align: center;}
.instructor-img img{max-width: 200px;width: 100%;border-radius: 50%;}
.rating-count{position: absolute;top: 0;right: 0;}
.instructor-content{padding-top: 15px;text-align: center;}
.instructor-content h5{color: #000;margin-bottom: 5px;}
.instructor-content h6{color: #685F78;margin-bottom: 15px;}
.instructor-content p{margin-bottom: 0;color: #685F78;font-weight: 500;}
.instructor-content .rating-img, .instructor-content .course-view{margin-bottom: 20px;}
.instructor-content .rating{margin-bottom: 0;}
.instruct-grid.instructor-box{padding: 0;}
.instruct-grid .instructor-img img{border-radius: 10px;max-width: unset;}
.instruct-grid .instructor-content{padding: 15px;}
.instruct-grid .rating-count{right: 20px;top: 20px;color: #006eb3;}
/*17. Instructor List*/
.instructor-list{background: #FFFFFF;border-radius: 10px;padding: 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 30px;border: 1px solid #e9ecef;}
.instructor-list .instructor-img img{width: 145px;border-radius: 7px 0px 0px 7px;}
.instructor-info{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.instructor-info > div{width: auto;margin-right: 20px;}
.instructor-info .course-view{margin-left: 0;}
.instructor-list .instructor-content{width: 100%;text-align: left;padding: 0 0 0 25px;}
.instructor-list .instructor-content .rating-img, .instructor-list .instructor-content .course-view{margin-bottom: 10px;}
.instructor-list .instructor-content{position: relative;}
.instructor-list .instructor-content .rating-count{right: 20px;top: 20px;}
.instructor-badge .web-badge{display: inline-block;background: rgba(255, 222, 218, 0.36);border-radius: 5px;color: #1d618c;font-size: 14px;padding: 3px 10px;margin-top: 10px;}
.instructor-badge .web-badge:hover{background: rgba(255, 222, 218, 0.66);}
.review-sec .review-item:not(:last-child){margin: 0 0 20px;}
.edu-wrap{display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 20px;}
.edu-wrap:last-child{margin: 0;}
.edu-name{margin-right: 15px;}
.edu-name span{width: 40px;height: 40px;background: #006eb3;border-radius: 50%;color: #FFFFFF;font-size: 14px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: center;-webkit-justify-content: center;-ms-flex-pack: center;}
.edu-detail h6{font-weight: 700;color: #000;margin-bottom: 6px;}
.edu-detail p.edu-duration{font-style: italic;margin-bottom: 6px;}
.edu-detail p{margin-bottom: 0;}
/*18. Terms and Conditions*/
.terms-text{margin-bottom: 20px;}
.terms-text h3{font-size: 24px;font-weight: 600;margin-bottom: 15px;}
.terms-text h3 span, .terms-text p a{color: #1d618c;}
.terms-text h4{font-size: 16px;font-weight: 500;margin-bottom: 15px;}
.terms-text h5{font-size: 16px;font-weight: 500;position: relative;}
.terms-text p, .terms-text ul li{color: #685F78;font-size: 14px;}
/*19. Instructor Profile*/
.page-banner.instructor-bg-blk{padding: 32px 0;text-align: center;background: url(../img/instructor/instructor-bg-banner.png) #1565C0;background-repeat: no-repeat;background-size: cover;}
.profile-info-blk{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;flex-direction: column;}
.profile-info-blk .profile-info-img{display: block;max-width: 100px;height: 100px;border-radius: 10px;border: 5px solid #FFFFFF;margin-bottom: 8px;}
.profile-info-blk h4{display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 0px;}
.profile-info-blk h4 a{font-size: 32px;font-weight: 600;color: #fff;}
.profile-info-blk h4 a:hover{color: #1d618c;}
.profile-info-blk h4 span{background: #fff;padding: 2px 10px;font-size: 14px;border-radius: 5px;margin-left: 20px;}
.profile-info-blk p{font-size: 16px;font-weight: 400;color: #fff;}
.profile-info-social{margin-top: 8px;margin-bottom: 0px;}
.profile-info-social li a{color: #ffffff;}
.profile-info-social li a:hover{color: #1d618c;}
.profile-info-social li:not(:last-child){margin-right: 14px;}
.sidebar-tag-labels ul{display: flex;flex-wrap: wrap;padding: 0px;margin: 0px;gap: 10px;}
.sidebar-tag-labels ul li a{display: block;background: rgba(255, 222, 218, 0.36);padding: 5px 10px;border-radius: 5px;color: #1d618c;}
.sidebar-tag-labels ul li a:hover{background: rgba(255, 222, 218, 0.66);}
.rating-grp{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;justify-content: space-between;}
.profile-overview-list{word-wrap: break-word;margin-top: 23px;}
.profile-overview-list .list-grp-blk:not(:last-child){margin-bottom: 23px;}
.profile-overview-list .list-content-blk h5{font-size: 15px;font-weight: bold;color:#22100D;margin-bottom: 2px;}
.profile-overview-list .list-content-blk p{margin:0px;word-wrap: break-word;}
.contact-info-list{margin-top: 23px;}
.contact-info-list .edu-wrap:not(:last-child){margin-bottom: 23px;}
/*20. Instructor Profile Edit*/
.edit-blk{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.edit-blk h5{margin-bottom: 0px;}
.edit-blk a{width: 30px;height: 30px;background-color: #455A64;border-radius: 5px;display: flex;align-items: center;justify-content: center;}
.edit-blk ai{color: #ffffff;font-size: 14px;}
/*21. Students*/
.student-box{border: 1px solid #e9ecef;border-radius: 10px;padding: 20px;margin-bottom: 30px;}
.student-img{position: relative;text-align: center;}
.student-img img{max-width: 200px;width: 100%;border-radius: 50%;}
.teacher-content{padding: 15px 0px;text-align: center;}
.teacher-content h5{color: #000;font-size: 20px;font-weight: 500;margin-bottom: 5px;}
.teacher-content h6{font-size: 14px;color: #685F78;margin-bottom: 15px;}
.teacher-content p{color: #685F78;font-size:14px;margin-bottom: 0px;word-break: break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all;overflow:hidden;}
.student-box.student-grid{padding: 0px;}
.student-grid .student-img img{border-radius: 10px;max-width: unset;}
/*22. Students List*/
.teacher-list{border: 1px solid #e9ecef;border-radius: 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 20px;padding: 20px;}
.teacher-list .student-img img{max-width: 100%;border-radius: 7px;}
.student-info{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.teacher-list .teacher-content{width: 100%;text-align: left;padding: 0 0 0 25px;}
.student-info > div{width: auto;margin-right: 20px;}
.teacher-content h6{font-size: 14px;color: #685F78;margin-bottom: 15px;}
.teacher-list .teacher-content .loc-blk{margin-bottom: 10px;}
.teacher-list .teacher-content{position: relative;}
.teacher-list .teacher-content p{margin: 0px;}
.teacher-list .profile-info-social{margin: 0px;}
.teacher-list .profile-info-social li:not(:last-child){margin-right: 10px;}
.teacher-list .profile-info-social li a{color: #000000;font-size: 18px;}
.teacher-list .profile-info-social li a:hover{color: #1d618c;}
/*23. Students Profile*/
.page-banner.student-bg-blk{padding: 14px 0;text-align: center;background: url(../img/students/student-bg-banner.png) #FFB54A;background-repeat: no-repeat;background-size: cover;}
/*24. Settings - Students Payments*/
.settings-btn-grp{margin-bottom: 40px;}
.payment-method-blk .payment-list:not(:last-child){margin-bottom: 32px;}
.settings-inner-blk{background-color: #ffffff;border-radius: 10px;}
.hvr-sweep-to-right a{font-size: 15px;font-weight: 700;color: #006eb3;padding: 8px 20px;border: 1px solid transparent;background-origin: border-box;background-clip: padding-box, border-box;background-image: linear-gradient(#FFF, #FFF), linear-gradient(to right, #006eb3, #006eb3);border-radius: 10px;display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;overflow: hidden;min-height: 41px;}
.hvr-sweep-to-right a:hover{color: white;background: #006eb3;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.payment-list h5{font-size: 14px;font-weight: 600;margin-bottom: 10px;color: #303030;}
.payment-list p{font-size: 14px;font-weight: 400;color: #303030;margin-bottom: 0px;}
.grp-action-style li:not(:last-child){margin-right: 10px;}
.btn-action-style{display: block;padding:3px 7px;}
.btn-action-dark{min-width: 35px;background-color: #455A64;color: #ffffff;}
.btn-action-primary:hover, .btn-action-dark:hover, .btn-action-method:hover, .btn-action-delete:hover{color: #ffffff;}
.btn-action-dark i, .btn-action-method i, .btn-action-delete i{font-size: 14px;}
.btn-action-primary{font-size: 14px;line-height: 22px;color: #ffffff;padding:4px 8px;text-transform: uppercase;background-color: #0081d2;}
.btn-action-method{min-width: 35px;display: block;background-color: #1d618c;color: #ffffff;}
.btn-action-delete{min-width: 35px;background-color: #EB4334;color: #ffffff;}
.modal-styles .modal-header, .modal-styles .modal-body{padding:23px;}
.modal-styles .modal-header{border-color: rgba(199, 199, 199, 0.25);}
.modal-styles .close{border-width: 0px;padding: 0;margin: 0px;font-size: 23px;background-color: transparent;color: #F12804;}
.modal-styles .modal-title{color: #006eb3;font-size: 24px;font-weight: 700;text-transform: capitalize;}
.modal-styles .btn-modal-style{display: block;padding: 10px 25px;color: #ffffff;border-radius: 5px;font-size: 16px;margin: 0px;font-weight: 600;}
.modal-styles .btn-theme{background-color: #006eb3;}
.modal-styles .btn-cancel{background-color: #455A64;}
.modal-styles .btn-theme:hover, .modal-styles .btn-cancel:hover{opacity: 0.86;color:#ffffff;}
.modal-styles .modal-footer .btn-modal-style:not(:last-child){margin-right: 20px;}
.modal-styles .form-control, .modal-styles .form-select{border-color: rgba(255, 222, 218, 0.71);border-radius: 5px;min-height: 40px;}
.modal-styles .form-control::-webkit-input-placeholder{color: #a2a2a2;}
.modal-styles .form-control::-moz-placeholder{color: #a2a2a2;}
.modal-styles .form-control:-ms-input-placeholder{color: #a2a2a2;}
.modal-styles .form-control::-ms-input-placeholder{color: #a2a2a2;}
.modal-styles .form-control::placeholder{color: #a2a2a2;}
.modal-styles .modal-footer{padding: 0px 23px 23px;border-top: 0px solid transparent;}
.modal-styles.modal{z-index: 1050;}
.pop-modal .modal-backdrop{z-index: 1040;}
/*25. Settings - Students Invoices*/
.settings-inner-blk table thead tr{font-size: 15px;font-weight: 500;background-color: #F0F0F0;border-radius: 5px;}
.settings-inner-blk .settings-invoice-blk table thead tr{text-transform: uppercase;}
.settings-inner-blk table tbody tr:last-child{border: 1px solid transparent;}
.settings-inner-blk table tbody tr td{padding: 1rem 0rem;font-size: 15px;}
.settings-invoice-blk table tbody tr td .invoice-no{color: #1d618c;}
.settings-invoice-blk table tbody tr td .badge{font-size: 14px;padding: 7px 10px;font-weight: 400;border-radius: 5px;color: #ffffff;}
.settings-invoice-blk table tbody tr td .badge.status-due{background: #E53935;}
.settings-invoice-blk table tbody tr td .badge.status-completed{background: #0081d2;}
.settings-inner-blk table tbody tr td .btn-style{-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;margin:0px auto;justify-content: center;-webkit-justify-content: center;-ms-flex-pack: center;width: 38px;height: 38px;color: #685F78;border: 1px solid #F1F1F1;border-radius: 5px;}
.settings-inner-blk table tbody tr td .btn-style i{font-size: 18px;}
.settings-inner-blk table tbody tr{vertical-align: middle;}
.settings-inner-blk table tbody tr td .btn-style:hover{background-color: #1d618c;color: #ffffff;}
.settings-inner-blk table tbody tr td .btn-style svg{width: 18px;height: 18px;}
.settings-inner-blk .comman-space .uc-empty{ line-height:20px; padding:10px 16px;border:1px solid #ffbe7a;zoom:1; background: #fffced;}
.settings-inner-blk .comman-space .uc-empty a{color: #006eb3;}
.settings-inner-blk .comman-space .uc-empty a:hover{color: #00395d;}
.table-nowrap{overflow:hidden;}
.table-nowrap tr th, .table-nowrap tr td{white-space: nowrap;}
.btn-operation{font-size: 13px;}
/*26. Settings - Students Referral*/
.settings-top-widget .stat-info span{color: #685F78;font-size: 14px;font-weight: 600;}
.settings-top-widget .stat-info h3{font-size: 28px;font-weight: 600;margin:16px 0px;}
.settings-top-widget .stat-info p{color: #303030;font-size: 14px;margin-bottom: 0px;}
.settings-top-widget .card{border-radius: 10px;}
.settings-top-widget .stat-info.net-earn h3{color: #1D9CFD;}
.settings-top-widget .stat-info.bal h3{color: #0081d2;}
.settings-top-widget .stat-info.avg h3{color: #006eb3;}
.settings-top-widget .stat-info.refer h3{color: #1D9CFD;}
.link-box h3{color: #006eb3;font-size: 24px;font-weight: 600;margin-bottom: 16px;}
.link-box p{font-size: 14px;line-height: 17px;margin-bottom: 8px;}
.link-box input{background: rgba(227, 227, 227, 0.41);border-color: rgba(255, 222, 218, 0.71);border-radius: 5px;min-height: 40px;}
.link-box a{display: inline-block;background-color: #006eb3;border-radius: 5px;padding: 10px 25px;font-size: 15px;font-weight: 700;color: #ffffff;}
.link-box a:hover, .link-box a:focus{opacity: 0.86;}
.withdraw-box h4{font-size: 16px;font-weight: 700;color: #303030;line-height: 26px;}
.withdraw-box p{font-size: 14px;line-height: 17px;margin-bottom: 16px;}
.filter-grp{margin-bottom: 23px;}
.filter-grp h3{font-size: 24px;font-weight: 600;color: #006eb3;margin:0px;}
.filter-grp select{border-radius: 10px;}
.filter-blk div:not(:last-child){margin-right: 14px;}
.settings-referral-blk .refer-avatar-blk p{margin: 0px;}
.settings-top-widget .card{border-radius: 10px;}
.settings-top-widget .card.withdraw-box{background-image: linear-gradient(#FFF, #FFF), linear-gradient(to right, #006eb3, #006eb3);}
/*27. Setting - Support Tickets*/
.settings-top-widget .stat-info.ttl-tickets h3{color: #1D9CFD;}
.settings-top-widget .stat-info.open-tickets h3{color: #0081d2;}
.settings-top-widget .stat-info.close-tickets h3{color: #006eb3;}
.ticket-grp p{margin:5px 0px 0px;}
.tiket-suport.filter-grp{margin-bottom: 40px;}
.tiket-suport .ticket-btn-grp{display: inline-flex;}
.ticket-btn-grp a{background: #006eb3;border: 1px solid #006eb3;border-radius: 5px;font-size: 14px;color: #fff;padding: 13px 28px;}
.ticket-btn-grp a:hover{opacity: 0.86;}
.filter-tickets ul li:not(:last-child){margin-right: 7px;}
.filter-tickets ul li a{display: block;font-size: 14px;padding: 10px 30px;background: #E0E0E0;}
.filter-tickets ul li a:hover, .filter-tickets ul li a:focus, .filter-tickets ul li a.active{color: #ffffff;background: #006eb3;}
.settings-inner-blk table .link{color: #1d618c;}
.settings-inner-blk .info-high{background: #E53935;}
.settings-inner-blk .info-medium{background: #0fadff;}
.settings-inner-blk .info-medium:hover{color:#fff;background: #008ad2;}
.settings-inner-blk .info-low{background: #0081d2;}
.settings-inner-blk .info-low:hover{color:#fff;background: #1D9CFD;}
.settings-menu .top-menu-bar li:last-child{margin-bottom: 23px;}
.new-ticket-blk h4{font-size: 24px;margin-bottom: 23px;color: #1d618c;}
.new-ticket-blk .form-control{border-color: rgba(255, 222, 218, 0.71);border-radius: 5px;min-height: 40px;}
.new-ticket-blk .form-group{margin-bottom: 25px;}
.new-ticket-blk .form-group label{font-weight: 500;color: #685F78;margin-bottom: 15px;}
.settings-inner-blk .form-control::-webkit-input-placeholder{color: #a2a2a2;}
.settings-inner-blk .form-control::-moz-placeholder{color: #a2a2a2;}
.settings-inner-blk .form-control:-ms-input-placeholder{color: #a2a2a2;}
.settings-inner-blk .form-control::-ms-input-placeholder{color: #a2a2a2;}
.settings-inner-blk .form-control::placeholder{color: #a2a2a2;}
.settings-inner-blk .form-select:focus{box-shadow: none;}
.settings-inner-blk .country-select{border: 1px solid rgba(255, 222, 218, 0.71);color: #263238;height: 40px;}
.submit-ticket{display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;}
.submit-ticket .btn-primary{background: #1D9CFD;border: 1px solid #1D9CFD;border-radius: 5px;font-size: 14px;font-weight: 600;min-width: 171px;padding: 13px 15px;margin-right: 12px;}
.submit-ticket .btn-primary:hover{background: #187ac5;border: 1px solid #187ac5;}
.submit-ticket .btn-dark{background: #263238;border: 1px solid #263238;border-radius: 5px;font-size: 14px;font-weight: 600;min-width: 171px;padding: 13px 15px;}
.submit-ticket .btn-dark:hover{background: #5f6568;border: 1px solid #5f6568;color: #fff;}
/*28. Setting - Support View Tickets*/
.bug-software-head h2{font-size: 24px;font-weight: 500;margin-bottom: 15px;}
.bug-software-head p{color: #1d618c;font-size: 14px;font-weight: 400;margin-bottom: 0px;}
.bdr-bottom-line{border-bottom: 1px solid rgb(199 199 199 / 25%);}
.ticket-profile .course-name h4{margin-bottom: 5px;font-size: 16px;font-weight: 600;}
.ticket-profile .course-group-img img{max-width: 40px;height: 40px;}
.ticket-profile .course-group-img{margin-bottom: 25px;}
.admin-msg-list{padding: 0;margin: 0;}
.admin-msg-list li{list-style: none;padding-bottom: 20px;}
.comman-space-ticket{padding: 30px;}
.requested-img img{width: 30px;height: 30px;border-radius: 50px;margin-right: 5px;}
.ticket-view-blk{padding: 15px 0px;}
.ticket-view-blk h5{color: #685F78;font-size: 16px;font-weight: 500;margin-bottom: 10px;}
.requested-img h4{font-size: 16px;font-weight: 500;margin-bottom: 0;color: #000;}
.ticket-view-blk p{font-size: 15px;font-weight: 500;margin-bottom: 0;color: #000;}
.ticket-view-blk .btn-success{background: #0081d2;border: 1px solid #0081d2;border-radius: 3px;font-size: 14px;font-weight: 400;padding: 2px 12px;}
.ticket-view-blk .btn-danger{background: #CC454E;border: 1px solid #CC454E;border-radius: 3px;font-size: 14px;font-weight: 400;padding: 2px 8px;}
.ticket-view-blk h3{color: #000000;font-size: 16px;font-weight: 500;margin-bottom: 0;}
.ticket-close-btn{margin-top: 15px;}
.ticket-close-btn .btn-danger{background: #CC454E;border: 1px solid #CC454E;border-radius: 5px;font-size: 15px;font-weight: 400;width: 100%;padding: 10px 15px;}
.ticket-close-btn .btn-danger:hover{background: #ed0b1a;border: 1px solid #ed0b1a;}
.btm-para-blk h2{color: #fff;font-size: 36px;font-weight: 600;margin: 30px 0px;}
.dropzone{background: #FBFBFF;border: 1px dashed rgba(255, 222, 218, 0.71);border-radius: 5px;padding: 10px;min-height: 70px;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: center;-webkit-justify-content: center;-ms-flex-pack: center;}
.dropzone.dz-clickable .dz-message{display: none;}
.dropzone p{color: #C4C4C4;margin-bottom: 0;}
.accept-drag-file p{color: #685F78;font-weight: 500;margin-top: 15px;}
.your-replay-head h2{font-size: 24px;font-weight: 600;color: #006eb3;}
.your-replay-head{margin-bottom: 30px;}
.your-replay-head p{margin-bottom: 0;color: #303030;font-size: 14px;}
/*29. Setting - Instructor My Courses*/
.section-wrapper{background: #fafafa;padding: 80px 0px;}
.custom-btn-blk a:hover{opacity: 0.86;}
.instructor-info-blk{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.instructor-info-blk .instructor-info-img{display: block;max-width: 100px;height: 100px;border-radius: 10px;border: 5px solid #FFFFFF;margin-right: 8px;}
.instructor-info-blk .instructor-info-content{text-align: left;}
.instructor-info-blk h4{font-size: 32px;font-weight: 600;color: #ffffff;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 0px;}
.instructor-info-blk h4 a{color: #ffffff;}
.instructor-info-blk h4 span{background: #fff;color: #000000;font-weight: 400;padding: 2px 10px;font-size: 14px;border-radius: 5px;margin-left: 8px;}
.instructor-info-blk p{font-size: 16px;font-weight: 400;color: #fff;margin: 0;}
.instructor-overview-list{background: rgba(10, 20, 47, 0.33);border-radius: 10px;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;word-wrap: break-word;padding: 10px;}
.instructor-overview-list .list-grp-blk:not(:last-child){margin-right: 23px;}
.instructor-overview-list .list-content-blk h5{font-size: 15px;font-weight: bold;color:#ffffff;margin-bottom: 2px;}
.instructor-overview-list .list-content-blk p{margin:0px;word-wrap: break-word;}
.instructor-bg-blk .btm-para-blk{margin-top: 23px;}
.custom-card{border: 4px solid transparent;background-origin: border-box;background-clip: padding-box, border-box;background-image: linear-gradient(#FFF, #FFF), linear-gradient(to right, #E3E3E3, #9ed8f2);border-radius: 10px;}
.custom-card-header{padding:23px;border-bottom: 1px solid rgba(199, 199, 199, 0.23);}
.custom-card-header h3{font-size: 24px;font-weight: 600;color: #006eb3;margin: 0px;}
.custom-card-header .custom-btn-blk a{background: #006eb3;border: 1px solid #006eb3;border-radius: 5px;font-size: 14px;color: #fff;padding: 13px 28px;}
.courses-grp .course-design{background: #ffffff;border: 1px solid rgba(199, 199, 199, 0.25);}
.courses-grp .list-course .product-img{-ms-flex: 0 0 205px;flex: 0 0 205px;margin-right: 24px;width: 205px;position: relative;}
/*30. Instructor - Dashboard*/
.sell-course-head h3{color: #006eb3;font-size: 18px;font-weight: 600;margin-bottom: 0;}
.sell-course-head{border-bottom: 1px solid rgba(199, 199, 199, 0.25);}
.sell-group-img{width: 60px;height:auto;text-align:center;margin-right: 20px;}
.sell-group-img .iconfont{font-size:42px;}
.item-download{position:relative;padding:20px;margin-top:40px;}
.download-lists{}
.download-lists .item-download{ margin-top:0; margin-bottom:15px;}
.item-download .item-inner{}
.item-download .item-inner .btn{position:absolute;right:30px;top:50%;margin-top:-15px;padding:5px 20px;}
.item-download .item-inner .btn-primary:hover{background-color: #fff;border: 1px solid #1d618c;color: #1d618c;}
.item-download .item-inner .sell-tabel-info{ padding-right: 90px;}
.download-btns{}
.download-btns .btn-download{ letter-spacing: 1px; padding: 8px 25px;}
.sell-table-group p{font-size: 16px;color: #000000;font-weight: 500;margin-bottom: 0;}
.sell-tabel-info .course-info{margin: 7px 0px;width: 100%;}
.sell-table-group .sell-tabel-info .filename{font-size: 18px;}
.sell-table-group a:hover .sell-tabel-info .filename{color:#1d618c;}
.sell-tabel-info .course-info p{ color:#999;font-size: 13px;}
a:hover .sell-tabel-info .course-info p{ color:#666;}
.sell-tabel-info .course-info p .icon-item+.icon-item{ margin-left: 20px;}
.sell-tabel-info .course-info .course-view{ margin-right: 15px;}
.sell-tabel-info .course-info .course-view:last-child{ margin-right: 0;}
.sell-tabel-info .course-info div img{ margin-right: 5px;}
.course-instruct-blk .badge{min-width: 60px;padding: 7px 10px;}
.course-instruct-blk .table-nowrap .badge{ margin-left: 5px; margin-right: 5px;}
.settings-inner-blk .info-inter{background: #1D9CFD;}
.course-stip.progress-stip{height: 8px;}
.settings-widget .assess-lists{}
.settings-widget .assess-lists .sell-group-img .icon-type{color:#61a0c8;font-size: 32px;}
.settings-widget .assess-lists .sell-group-img a:hover .icon-type{color:#1d618c;}
.settings-inner-blk .assess-info{ margin-bottom: 20px;}
.settings-inner-blk .assess-info table tbody tr td{padding: 0.5rem 0.5rem; background-color: #f8f8f8;}
.settings-inner-blk .assess-info table tbody tr td:hover{background-color: #f1f1f1;}
.echarts-wrap{ padding-bottom: 20px; clear: both;}
.echarts-wrap-half{}
.echarts-wrap .echarts-item{min-height: 400px;}
.echarts-wrap-half:after{content:" "; display: block; clear: both;}
.echarts-wrap-half .echarts-item{float:left; width:50%;}
.instruct-search-blk .show-filter .form-control,.instruct-search-blk .select-form .form-select{max-width: 222px;border-radius: 10px;}
.instruct-search-blk .select-form .form-select{margin-left: auto;border: 1px solid #EB9481;}
.instruct-search-blk .show-filter .form-control{border: 1px solid #EB9481;}
.instructor-detail h5{margin-bottom: 1px;}
.choose-search-blk .select2-container--default .select2-selection--single,.table-select-blk .select2-container--default .select2-selection--single,.all-select-blk .select2-container--default .select2-selection--single{border: 1px solid #e9ecef;height: 40px;border-radius: 10px;}
.choose-search-blk .select2-container--default .select2-selection--single .select2-selection__rendered,.table-select-blk .select2-container--default .select2-selection--single .select2-selection__rendered,.all-select-blk .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 40px;color: #263238;font-size: 14px;}
.choose-search-blk .select2-container--default .select2-selection--single .select2-selection__arrow,.table-select-blk .select2-container--default .select2-selection--single .select2-selection__arrow,.all-select-blk .select2-container--default .select2-selection--single .select2-selection__arrow{height: 36px;}
.choose-search-blk .form-group{width: 222px;margin-left: auto;}
.category-widget .choose-search-blk .form-group{width:100%;}
.choose-search-blk.show-filter .form-control{border: 1px solid #e9ecef;border-radius: 10px;}
.table-select-blk .form-group{width: 127px;}
.instruct-search-blk{margin-bottom: 25px;}
.course-instruct-blk .table-nowrap tr th,.course-instruct-blk .table-nowrap tr td{white-space: inherit;}
.sell-course-head p{color: #303030;margin-bottom: 0;margin-top: 15px;}
.instruct-review-blk .rev-info{font-style: normal;font-size: 14px;}
.instruct-review-blk .btn-reply{padding: 6px 11px;}
.instruct-orders-info p{margin-bottom: 0;max-width: 280px;}
.course-instruct-blk tr:last-child{border-color: #fff;}
.student-meet-head .view-icons{margin-left: auto;}
.student-search-form .form-group{width: 100%;margin-right: 20px;}
.student-search-form .form-control{height: 50px;}
.export-cvv-btn .btn-primary{background: #006eb3;border-radius: 5px;min-width: 125px;font-size: 14px;font-weight: 600;color: #fff;padding: 13px 15px;}
.student-search-form{margin-top: 25px;}
.export-cvv-btn .btn-primary:hover{background: #e73a4b;}
.tak-instruct-group .student-box{padding: 0;}
.student-box-blks{padding: 20px;}
.enrol-student-foot ul{padding: 0;margin: 0;}
.enrol-student-foot ul li{padding: 0;border-top: 1px solid rgb(199 199 199 / 25%);list-style: none;display: -webkit-box;display: -ms-flexbox;display: flex;padding: 15px;color: #303030;font-size: 14px;}
.enrol-student-foot ul li .instruct-stip{margin-left: auto;}
.instruct-stip .progress-stip{width: 69px;margin-left: auto;}
.instruct-stip span{color: #303030;font-size: 14px;margin-right: 5px;}
.student-box-blks .teacher-content h5{font-weight: 600;}
.student-box-blks .teacher-content p{font-size: 14px;}
.student-box-blks .student-img img{max-width: 100px;}
.message-text-img{width: 38px;height: 38px;background: #FFFFFF;border: 1px solid #F1F1F1;border-radius: 5px;position: absolute;right: 20px;z-index: 999;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: center;-webkit-justify-content: center;-ms-flex-pack: center;}
.message-text-img:hover{background: #ff5364;border: 1px solid #ff5364;cursor: pointer;}
.message-text-img:hover img{filter: invert(1) brightness(100);}
.tak-instruct-group .student-box{border: 1px solid rgb(199 199 199 / 25%);background: rgb(255 255 255 / 25%);border-radius: 5px;}
.instruct-check-list .form-check-input{width: 18px;height: 18px;}
.withdraw-history-head h3{margin-bottom: 20px;}
.download-widra{border: 1px solid #e9ecef;border-radius: 10px;width: 40px;height: 40px;margin-left: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: center;-webkit-justify-content: center;-ms-flex-pack: center;}
/*31. ck - Editer*/
.ck.ck-toolbar,.ck.ck-editor__editable_inline{border: 0 !important;}
.ck.ck-editor{border: 1px solid #e9ecef !important;border-radius: 5px !important;padding: 15px !important;}
.ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused{box-shadow: none !important;}
.ck.ck-editor__editable{height: 100px !important;}
/*32. Student Dashboard*/
.img-deposit-ticket{margin-left: auto;}
.settings-top-widget .stat-info.ttl-tickets .student-ticket-view h3{color: #1d618c;margin-top: 0;}
.settings-top-widget .stat-info.open-tickets .student-ticket-view h3{color: #006eb3;margin-top: 0;}
.settings-top-widget .stat-info.close-tickets .student-ticket-view h3{color: #0081d2;margin-top: 0;}
.settings-top-widget .stat-info .student-ticket-view p{margin-bottom: 15px;color: #685F78;font-weight: 600;}
.student-ticket-view a{color: #006eb3;font-size: 16px;font-weight: 500;text-decoration: underline;}
/*33. Deposit Instructor*/
.instructor-bg-blk .student-group{padding-bottom: 20px;margin-bottom: 20px;}
.settings-top-widget .stat-info.medium-tickets h3{color: #FFB54A;margin-top: 0;}
.settings-top-widget .stat-info.blue-tickets h3{color: #1D9CFD;margin-top: 0;}
.student-deposit-blk .stat-info{width: 100%;}
/*34. Deposit Payment Method*/
.radio-with-img{display: block;}
.radio-with-img p.radio-deposit-item{display: inline-flex;width: 180px;height: 132px;box-sizing: border-box;border: none;margin-right: 25px;margin-bottom: 30px;align-items: baseline;}
.radio-with-img p.radio-deposit-item label{display: block;height: 100%;width: 100%;padding: 10px;border-radius: 10px;border: 1px solid rgba(255, 222, 218, 0.71);color: #000;cursor: pointer;opacity: .8;transition: none;font-size: 13px;padding-top: 25px;text-align: center;margin: 0 ;font-size: 14px;font-weight: 400;}
.radio-with-img p.radio-deposit-item label:hover,.radio-with-img p.radio-deposit-item label:focus,.radio-with-img p.radio-deposit-item label:active{background: rgba(21, 159, 70, 0.08);border: 1px solid #0081d2;color: #000;margin: 0;}
.radio-with-img p.radio-deposit-item label::after,.radio-with-img p.radio-deposit-item label:after,.radio-with-img p.radio-deposit-item label::before,.radio-with-img p.radio-deposit-item label:before{opacity: 0;width: 0;height: 0;margin: 0;}
.radio-with-img p.radio-deposit-item label img{display: block;font-size: 50px;margin: auto;margin-bottom: 10px;}
.radio-with-img p.radio-deposit-item input[type="radio"]{opacity: 0;width: 0;height: 0;}
.radio-with-img p.radio-deposit-item input[type="radio"]:active ~ label{opacity: 1;}
.radio-with-img p.radio-deposit-item input[type="radio"]:checked ~ label{opacity: 1;background: rgba(21, 159, 70, 0.08);border: 1px solid #0081d2;color: #000;}
.radio-with-img p.radio-deposit-item input[type="radio"]:hover,.radio-with-img p.radio-deposit-item input[type="radio"]:focus,.radio-with-img p.radio-deposit-item input[type="radio"]:active{margin: 0;}
.radio-with-img p.radio-deposit-item input[type="radio"] + label:before,.radio-with-img p.radio-deposit-item input[type="radio"] + label:after{margin: 0;}
/*35. Error*/
.error-page{align-items: center;color: #1f1f1f;display: flex;background-image: url(../img/error-bg1.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
.error-page .main-wrapper{display: flex;flex-wrap: wrap;justify-content: center;width: 100%;min-height: unset;padding-top: 50px;}
.error-box{margin: 0 auto;max-width: 570px;padding: 20px 0;text-align: center;width: 100%;}
.error-logo{margin-bottom: 50px;}
.error-logo img{width: 150px;}
.error-box h3{color: #FA5560;font-weight: 600;font-size: 36px;margin-top: 20px;}
.error-box p{margin-bottom: 30px;color: #343A40;font-size: 14px;}
.error-box .btn-primary{border-radius: 50px;font-size: 16px;font-weight: 600;min-width: 158px;padding: 9px 15px;background: #006eb3;}
.error-box .btn-primary:hover,.error-box .btn-primary:active:not(:disabled):not(.disabled){background: #e72f41;}
.come-soon-box h5{font-size: 20px;margin: 50px 0px 25px;}
.error-box h4{font-size: 32px;margin-bottom: 0;}
.error-box h6{font-size: 16px;margin: 35px 0px;}
.social-icon-soon ul{padding: 0;margin: 0;display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: center;-webkit-justify-content: center;-ms-flex-pack: center;}
.social-icon-soon ul li i{font-size: 24px;}
.social-icon-soon ul li{list-style: none;}
.social-icon-soon ul li:not(:last-child){margin-right: 15px;}
.social-icon-soon ul li .face-book{color: #1877F2;}
.social-icon-soon ul li .twit-ter{color: #1DA1F2;}
.social-icon-soon ul li .insta-gram{color: #000100;}
.social-icon-soon ul li .linked-in{color: #0A66C2;}
.social-icon-soon ul li i:hover{color: #ff5364;}
.subscribe-soon .btn-danger{background: #006eb3;border: 1px solid #006eb3;min-width: 127px;font-size: 16px;}
.subscribe-soon .btn-danger:hover{background: #e63333;border: 1px solid #e63333;}
.subscribe-soon .form-control{height: 48px;}
.countdown-container{display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 15px;}
.error-box .big-text{font-weight: 700;font-size: 40px;line-height: 1;margin: 0;margin-bottom: 15px;padding-bottom: 15px;color: #fff;border-bottom: 1px solid #F2F2F2;}
.countdown-el{text-align: center;background: rgba(0, 0, 0, 0.4);min-width: 140px;padding: 38px 20px;border-radius: 10px;color: #fff;}
.countdown-el:not(:last-child){margin-right: 15px;}
.countdown-el span{font-size: 26px;}
/*36. All Courses*/
.search-filter{ padding-top:10px; clear:both;}
.search-filter .filter-widget{ position:relative; padding-left:60px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #ddd; clear:both;}
.search-filter .filter-widget:last-child{ margin-bottom:0; border-bottom:0;}
.search-filter .filter-widget:after{ content:" "; display:block; clear:both;}
.filter-widget .filter-name{ position:absolute; left:0; top:0;}
.filter-widget .filter-item{ float:left; margin-right:20px;}
.search-filter .filter-widget h4{color: #0B0B0B;font-size: 18px;font-weight: 700;}
.search-filter .filter-widget label{font-size: 14px;}
.search-filter .filter-widget .custom_check input{margin-right: 10px;}
.search-filter .search-widget h4{ margin-top: 10px;}
.search-filter .show-filter .form-control{padding-left:10px;padding-right: 30px;}
.search-filter .show-filter .search-group .btn-filter{ position:absolute; left: auto; right: 9px; cursor: pointer;}
.inner-banner h5 a{color: #fff;}
.inner-banner h5 a:hover{color: #1d618c;}
.view-icons{display: inline-flex;}
.view-icons a{align-items: center;background-color: #fff;border: 1px solid #D2DCEC;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);border-radius: 5px;color: #000;display: flex;font-size: 20px;justify-content: center;text-align: center;margin-right: 10px;width: 40px;height: 40px;}
.view-icons a:hover{border-color: #FF6575;color: #FF6575;}
.view-icons a.active{background-color: #FF6575;border-color: #FF6575;color: #fff;}
.show-result h4{font-size: 16px;color: #22100D;margin-bottom: 0;}
.clear-text{margin-left: auto;}
.clear-text p,.clear-filter h4{margin-bottom: 0;}
.clear-text p{color: #000;font-size: 14px;font-weight: 500;}
.clear-filter{margin-bottom: 43px;padding: 8px 0px;}
.clear-filter h4{font-size: 20px;color: #333333;}
.clear-filter h4 i{margin-right: 9px;}
.card.search-filter,.card.post-widget{margin-bottom: 20px;border-radius: 10px;}
.showing-list{margin-bottom: 44px;}
.course-design .product:hover .product-content h3 a:hover,.course-design .product:hover .course-name h4 a:hover{color: #1d618c;}
.course-share .active-heart i{color: #006eb3;font-weight: 900;}
.course-design .price .free-color{color: #0081d2;}
.course-design .price{min-width: auto;padding: 8px 15px;text-align:center;}
/*pages*/
.pagenavi{width:100%;text-align:center;padding:20px 0;margin-bottom:20px;display:inline-block;clear:both;}
.pagenavi a,.pagenavi span{border:1px solid #dee2e6;font-weight:700;display:inline-block;line-height:34px;margin:0 2px;margin-bottom:8px;text-align:center;padding:0 15px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;text-transform:uppercase;background:#fff;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.pagenavi a:hover,.pagenavi span{background:#1c5287;color:#fff;border-color:#1c5287}
.pagenavi .a0{display:none;}
.show-filter .form-control{border-color: rgba(218,232,255,71%);min-height: 40px;font-size: 14px;padding-left: 30px;}
.show-filter .form-control::placeholder{color: #a2a2a2;font-size: 13px;}
.search-filter .card-body{padding: 20px;}
.show-filter .search-group{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;}
.show-filter .search-group i{position: absolute;left: 9px;color: #1d618c;}
.categories-head i{margin-left: auto;margin-bottom: 15px;}
.course-design .product{width: 100%;}
.course-design{width: 100%;}
.list-course .product{display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;}
.list-course .product-img{-ms-flex: 0 0 240px;flex: 0 0 240px;margin-right: 24px;width: 240px;position: relative;}
.head-course-title{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.head-course-title .title{margin-bottom: 0;margin-right: 20px;}
.list-course .course-view{margin-left: 30px;}
.list-course .product-content{padding-top: 0;}
.rating i{color: #777777;}
.rating i.filled{color: #FFB54A;}
.product-content h3 a,.course-name h4 a{color: #000000;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.assess-lists .product-content h3 a{white-space: unset; word-break: break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;overflow:hidden;}
.product-content-title{max-width: 320px;}
.assess-lists .product-content .item-tags{ color: #999; margin-bottom: 10px;}
.assess-lists .product-content .item-tags .item-tag{ margin-right: 10px; margin-bottom: 10px;}
/*37. Search*/
.custom_one .checkmark{border-radius: 50px;}
.filter-widget{margin-bottom: 20px;}
.filter-widget h4{font-size: 1rem;margin-bottom: 15px;}
.filter-widget .custom_check{line-height: 18px;}
.latest-posts{margin: 0;padding: 0;}
.latest-posts li{display: table;width: 100%;margin-bottom: 20px;}
.latest-posts li:last-child{padding-bottom: 0px;margin-bottom: 0px;border-bottom: none;}
.post-thumb{border-radius: 4px;width: 60px;float: left;overflow: hidden;}
.post-thumb a img{border-radius: 4px;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0);-moz-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;-ms-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;-o-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;-webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;}
.post-thumb a:hover img{-webkit-transform: scale(1.15);-moz-transform: scale(1.15);transform: scale(1.15);}
.post-info{margin-left: 92px;}
.post-info h4{font-size: 15px;margin: 0 0 5px;}
.post-info h4 a{color: #000000;font-size: 14px;}
.post-info h4 a:hover{color: #1d618c;}
.post-info p{color: #df5f5e;font-size: 14px;margin: 0;font-weight: 500;}
.free-color p{color: #0081d2;}
.post-info p i{color: #1e88e5;font-size: 14px;margin-right: 4px;}
.latest-head h4{color: #0B0B0B;font-size: 18px;}
.select-form .form-select{border-color: rgba(255, 222, 218, 0.71);min-height: 40px;font-size: 14px;color: #22100D;}
.select-form .form-select:focus{box-shadow: none;}
/*38. Blog*/
.blog{position: relative;border-radius: 10px;border: 1px solid #e9ecef;margin-bottom: 25px; padding:20px; background-color:#fff;}
.section-blogs .blog{border: 1px solid #f0f0f0;box-shadow: 0 0 13px rgba(0,0,0,0.10);display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.blog-image{overflow: hidden;}
.blog-image,.blog-image > a,.blog-image img{display: block;position: relative;width: 100%;height: auto;}
.blog-image img{-webkit-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0);-moz-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;-ms-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;-o-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;-webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;}
.blog-image a:hover img{-webkit-transform: scale(1.15);-moz-transform: scale(1.15);transform: scale(1.15);}
.blog-image{margin-bottom: 20px;border-radius: 5px 5px 0 0}
.blog-content{position: relative;}
.post-content{ color:#333;}
.post-content img{ max-width:100%; height:auto!important;}
.post-meta{color:#999;font-size:14px; margin-bottom: 40px; clear: both;}
.post-meta .icon-item{ margin-right: 20px;}
.blog-title{font-size: 24px;margin: 0 0 20px;font-weight: 600;line-height: 1.3; border-bottom:1px dashed #ddd; padding-bottom:20px; margin-bottom:20px;}
.blog-title a{color: #000;}
.blog-title a:hover{color: #1d618c;}
.blog-content p{margin: 0 0 20px;font-size: 16px; margin-bottom:15px;}
.blog-content h4{font-size: 16px;color: #000;font-weight: 600;}
.post-author img{border-radius: 100%;width: 30px;margin-right: 5px;}
.read-more{display: inline-block;font-size: 16px;padding: 0;color: #1e88e5;text-decoration: underline;font-weight: bold;}
.blog-info{color: #26292c;font-size: 14px;margin-bottom: 20px;}
.blog-info a{color: #000000;font-size: 14px;font-weight: 400;}
.blog-info a:hover{color: #1d618c}
.entry-meta{color: #26292c;font-size: 14px;list-style: none;margin-bottom: 15px;padding: 0;}
.entry-meta li{display: inline-block;margin-right: 15px;}
.entry-meta li:last-child{margin-right: 0;}
.blog-pagination .pagination{margin-bottom: 30px;}
.blog-pagination .pagination li a{padding: 12px 20px;font-weight: 600;color: #26292c;margin-right: 10px;border-radius: inherit !important;border-color: #f0f0f0;}
.blog-pagination .pagination li.disabled a{border-color: #f0f0f0;}
.blog-pagination .pagination li.active a{background: #1e88e5;border-color: transparent;color: #ffffff;}
.post-left ul{margin: 0;padding-left: 0;list-style: none;display: flex;align-items: center;flex-wrap: wrap;}
.post-left ul li{padding: 0px 20px;border-left: 1px solid #C4C4C4;color: #000;font-weight: 400;display: -webkit-box;display: -ms-flexbox;display: flex;}
.post-left ul li:first-child{border:0;padding-left: 0;}
.post-left ul li img{margin-right: 9px;}
.post-author a{display: flex;align-items: center;}
.latest-posts{margin: 0;padding: 0;}
.latest-posts li{display: table;width: 100%;margin-bottom: 20px;}
.latest-posts li:last-child{padding-bottom: 0px;margin-bottom: 0px;border-bottom: none;}
.post-thumb{border-radius: 4px;width: 80px;float: left;overflow: hidden;}
.post-thumb a img{border-radius: 4px;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0);-moz-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;-ms-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;-o-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;-webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;}
.post-thumb a:hover img{-webkit-transform: scale(1.15);-moz-transform: scale(1.15);transform: scale(1.15);}
.blog-widget .post-info{margin-left: 95px;}
.blog-widget .post-info h4{font-size: 14px;margin: 0 0 5px;font-weight: 600;}
.blog-widget .post-info h4 a{color: #22100D;}
.blog-widget .post-info h4 a:hover{color: #1d618c;}
.blog-widget .post-info p{color: #000000;font-size: 12px;margin: 0;}
.category-widget .categories{list-style: none;margin: 0;padding: 0;}
.category-widget .categories li{margin-bottom: 20px;}
.category-widget .categories li:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.category-widget .categories li a{color: #22100D;font-size: 16px;font-weight: 500;}
.category-widget .categories li a:hover,.category-widget .categories li.active a{color: #1d618c;}
.category-widget .categories > li > a > i{color: #1d618c;font-size: 12px;margin-right: 12px;}
.tags-card{padding-bottom: 5px;}
.tags-widget .card-body{padding-bottom: 1rem;}
.tags{list-style: none;margin: 0;overflow: hidden;padding: 0;}
.tags li{float: left;}
.tag{background-color: #9ed8f2;border-radius: 5px;color: #22100D;padding: 5px 10px;position: relative;margin: 0 15px 15px 0;font-size: 14px;border: 1px solid #9ed8f2;display: inline-block;font-weight: 500;}
.tag:hover{background-color: #f5cbc5;border-color: #f5cbc5;color: #22100D;}
.comment-by{display: block;font-size: 14px;line-height: 21px;margin: 0 0 10px;}
.comments-list .comment-block p{font-size: 14px;margin-bottom: 5px;}
.blog-col{width: 100%;}
.custom-edit-service h4{padding-bottom: 15px;margin-bottom: 0;}
.custom-edit-service label{font-size: 16px;}
.custom-edit-service textarea.form-control{min-height: 200px;}
.custom-edit-service .service-upload{border: 1px solid #dcdcdc;border-radius: .25rem;text-align: center;padding: 70px 0;margin-bottom: 30px;background-color: #fff;position: relative;}
.custom-edit-service .service-upload i{font-size: 50px;color: #858585;}
.custom-edit-service .service-upload span{font-size: 15px;color: #858585;margin-top: 14px;display: block;}
.custom-edit-service .service-upload input[type="file"]{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.custom-edit-service .upload-wrap{display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;list-style: none;padding: 0;margin: 0;}
.custom-edit-service .upload-wrap li{margin: 10px;}
.custom-edit-service .upload-wrap li .upload-images{width: 100px;}
.custom-edit-service .upload-wrap li img{max-width: 100%;height: auto;}
.blog-read .btn-primary{background: #1d618c;border: 1px solid #1d618c;box-sizing: border-box;border-radius: 5px;font-size: 16px;color: #fff;text-decoration: none;padding: 9px 28px;}
.blog-read .btn-primary:hover{background: #fff;border: 1px solid #1d618c;color: #1d618c;}
.blog-widget{padding: 20px;border: 1px solid #e9ecef;margin-bottom: 20px;border-radius: 10px;}
.tags-card{padding-bottom: 5px;}
.blog-widget .card-body{padding: 0px;}
.blog-widget .card-header{border-bottom: 0px;padding: 0px;margin-bottom: 20px;}
.blog-search .input-group .btn-primary{background: #006eb3;border: 1px solid #006eb3;}
.blog-search .input-group .form-control{background: rgba(229, 229, 229, 0.42);border: 0;}
.blog-search .input-group .form-control::placeholder{color: #a2a2a2;font-size: 14px;}
.blog-widget .card-header .card-title{font-size: 18px;color: #0B0B0B;font-weight: 700;}
.post-widget .post-info p img{margin-right: 6px;}
.load-more .btn-primary{background: #006eb3;border: 1px solid #006eb3;border-radius: 5px;font-size: 18px;font-weight: 700;padding: 9px 48px;margin-top: 25px;}
.load-more .btn-primary:hover{background: #ed4051;border: 1px solid #ed4051;}
/*39. Blog Grid*/
.blog-grid-box{background: #fff;padding: 15px;margin: 0px 10px;margin-top: -20px;position: relative;border-radius: 5px;}
.blog-grid-box .post-left ul li,.grid-modern .post-left ul li{padding: 0px 5px;}
.blog-grid-box .post-left ul li:first-child,.grid-modern .post-left ul li:first-child{padding-left: 0;}
.grid-blog .blog-image{margin-bottom: 0;}
.grid-blog{margin-bottom: 20px;}
/*40. Blog Modern*/
.grid-modern .blog-image{border-radius: 10px 10px 0px 0px;margin-bottom: 25px;}
.blog-modern-box{position: absolute;bottom: 0;padding: 20px;}
.blog-modern-box .blog-title a{font-size: 20px;color: #fff;}
.blog-modern-box .blog-title a:hover{color: #ff5364;}
.blog-modern-box .post-left ul li{color: #fff;font-size: 12px;}
/*41. Mycourse*/
.mycourse-student{display: -webkit-box;display: -ms-flexbox;display: flex;}
.student-filter{margin-left: auto;}
.show-filter .mycourse-student .form-control{max-width: 222px;}
.student-filter .select-form .form-select{min-width: 222px;}
.student-group .course-share{display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;justify-content: center;}
.course-student-header{background: #645b73;padding: 25px 0px;}
.student-group .course-group-img img{max-width: 100px;height: 100px;border-radius: 10px;border: 5px solid #FFFFFF;}
.student-group:before{content: "";position: absolute;width: 100%;height: 1px;bottom: 0;background: #fff;opacity: 0.25;}
.student-group{position: relative;}
.student-group .course-name h4{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.student-group .course-name h4 a{font-size: 32px;font-weight: 600;color: #fff;}
.student-group .course-name h4 a:hover{color: #1d618c;}
.student-group .course-name h4 span{background: #fff;padding: 2px 10px;font-size: 14px;border-radius: 10px;margin-left: 20px;}
.student-group .course-name p{font-size: 16px;font-weight: 400;color: #fff;}
.student-group .course-share .btn-primary{background-color: #006eb3;border: 1px solid #006eb3;font-size: 14px;font-weight: 600;padding: 13px 26px;}
.student-group .course-group-img img{margin-right: 25px;}
.my-teacher-list ul{display: flex;padding: 0;margin: 0;}
.my-teacher-list ul li{list-style: none;margin-right: 20px;}
.my-teacher-list ul li a{color: #fff;padding: 0px 10px;padding-bottom: 10px;}
.my-teacher-list ul li .active{border-bottom: 4px solid #fff;}
.my-teacher-list ul li a:hover{border-bottom: 4px solid #fff;}
.student-group .course-group{padding-bottom: 20px;display: -webkit-box;display: -ms-flexbox;display: flex;}
.rating-student{display: -webkit-box;display: -ms-flexbox;display: flex;}
.product .rating-student .rating{margin-left: 0;}
.edit-rate{margin-left: auto;cursor: pointer;}
.progress-stip{display: flex;height: 20px;overflow: hidden;background-color: #e9ecef;border-radius: 50px;}
.active-stip{width: 35%;}
.progress-stip .bg-success{background-color: #0081d2 !important;}
.start-leason .btn-primary{background: #006eb3;border: 1px solid #C4C4C4;border-radius: 5px;width: 100%;font-size: 14px;font-weight: 600;padding: 13px 15px;}
.course-design .product:hover .start-leason .btn-primary{color: #fff;}
.edit-rate a{font-size: 14px;}
.student-percent p{font-size: 14px;margin: 20px 0px;}
.start-leason .btn-primary:hover{background: #3b2999;border: 1px solid #3b2999;}
.student-widget{border: 1px solid #e9ecef;border-radius: 10px;}
.message-student-widget{margin-bottom: 20px;}
.student-widget-group{background: #fff;padding: 20px;border-radius: 10px;padding-bottom: 0;}
.group-btn .btn-primary{width: 100%;padding: 13px 15px;}
.course-design .product:hover .group-btn .btn-primary{color: #fff;}
.publish-btn{font-size: 14px;font-weight: 600;background: #FF725E;border: 1px solid #C4C4C4;border-radius: 5px;}
.publish-btn:hover{background: #ed5843;border: 1px solid #ed5843;}
.cancel-btn{font-size: 14px;font-weight: 600;background: #777777;border: 1px solid #C4C4C4;border-radius: 5px;}
.cancel-btn:hover{background: #5e5959;border: 1px solid #5e5959;}
.publish-rate{display: none;}
.purchase-widget .student-widget-group{padding: 25px;}
.lesson-group .cou-title{margin-bottom: 0;}
.lesson-group .cou-title span{float: right;}
.lesson-group .cou-title a{background: transparent;}
.lesson-group .course-card{background: #FFFFFF;border: 1px solid #E5E5E5;border-radius: 10px;margin-bottom: 10px;}
.lesson-group .card-collapse{padding: 15px;}
.lesson-group .course-card ul li{border-bottom: 0;}
.play-intro{color: #1d618c;}
.lesson-percent{border-bottom: 1px solid #E5E5E5;}
.lesson-percent p{display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 12px;}
.lesson-percent p span{margin-left: auto;}
.progress-stip .bg-success{border-radius: 50px;}
.lesson-widget-group{background: #fff;padding: 20px;border-radius: 10px;}
.lesson-introduction .tittle{color: #1d618c;font-size: 24px;font-weight: 500;margin-bottom: 20px;}
.introduct-video img{width: 100%;}
/*42. Message*/
.chat-page .content{padding: 110px 0 0 0;}
.chat-page .footer{display: none;}
.chat-window{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;position: relative;}
.chat-cont-left{border-right: 1px solid #f0f0f0;-ms-flex: 0 0 34%;flex: 0 0 34%;left: 0;margin-right: 1%;max-width: 35%;position: relative;z-index: 4;background: #fff;border: 1px solid rgb(199 199 199 / 25%);border-radius: 5px;margin-bottom: 20px;}
.chat-cont-left .chat-header{-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: #fff;border-bottom: 1px solid #f0f0f0;color: #161c2d;display: -webkit-box;display: -ms-flexbox;display: flex;height: 72px;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: space-between;padding: 0 15px;}
.chat-cont-left .chat-header span{font-size: 20px;font-weight: 500;text-transform: capitalize;}
.chat-cont-left .chat-header .chat-compose{color: #8a8a8a;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
.chat-cont-left .chat-search{background-color: #fff;width: 100%;}
.chat-cont-left .chat-search .input-group{width: 100%;}
.chat-cont-left .chat-search .input-group .form-control{background-color: #fff;border-radius: 50px;padding-left: 36px;}
.chat-cont-left .chat-search .input-group .form-control:focus{border-color: #ccc;box-shadow: none;}
.chat-cont-left .chat-search .input-group .input-group-prepend{-webkit-box-align: center;-ms-flex-align: center;align-items: center;bottom: 0;color: #666;display: -webkit-box;display: -ms-flexbox;display: flex;right: 15px;pointer-events: none;position: absolute;top: 0;z-index: 4;}
.chat-window .chat-scroll{min-height: calc(100vh - 150px);max-height: calc(100vh - 150px);overflow-y: auto;border-radius: 5px;}
.chat-cont-right .chat-scroll{min-height: calc(100vh - 300px);max-height: calc(100vh - 300px);}
.chat-cont-left .chat-users-list{background-color: #fff;border-radius: 5px;}
.chat-cont-left .chat-users-list a.media{background: #fff;padding: 10px 15px;transition: all 0.2s ease 0s;border-bottom: 1px solid rgb(199 199 199 / 25%);}
.chat-cont-left .chat-users-list a.media .media-img-wrap{margin-right: 15px;position: relative;}
.chat-cont-left .chat-users-list a.media .media-img-wrap .avatar{height: 45px;width: 45px;}
.chat-cont-left .chat-users-list a.media .media-img-wrap .status{bottom: 7px;height: 10px;right: 4px;position: absolute;width: 10px;border: 2px solid #fff;}
.chat-cont-left .chat-users-list a.media .media-body{display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: space-between;}
.badge-active{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.chat-cont-left .chat-users-list a.media .media-body > div:first-child .user-name,.chat-cont-left .chat-users-list a.media .media-body > div:first-child .user-last-chat{max-width: 250px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.chat-cont-left .chat-users-list a.media .media-body > div:first-child .user-name{color: #22100D;font-weight: 600;font-size: 16px;text-transform: capitalize;text-align: left;}
.chat-cont-left .chat-users-list a.media .media-body > div:first-child .user-last-chat{color: #685F78;font-size: 14px;line-height: 24px;text-align: left;}
.chat-cont-left .chat-users-list a.media .media-body > div:last-child{text-align: right;}
.chat-cont-left .chat-users-list a.media .media-body > div:last-child .last-chat-time{color: #8a8a8a;font-size: 13px;}
.chat-cont-left .chat-users-list a.media.read-chat .media-body > div:last-child .last-chat-time{color: #8a8a8a;}
.chat-cont-right{-ms-flex: 0 0 65%;flex: 0 0 65%;max-width: 65%;background: #fff;border: 1px solid rgb(199 199 199 / 25%);border-radius: 5px;margin-bottom: 20px;padding-top: 0;}
.chat-cont-right .chat-header{-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: #fff;border-bottom: 1px solid rgb(199 199 199 / 25%);display: -webkit-box;display: -ms-flexbox;display: flex;height: 72px;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: space-between;padding: 0 15px;}
.chat-cont-right .chat-header .back-user-list{display: none;margin-right: 5px;margin-left: -7px;}
.chat-cont-right .chat-header .media{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.chat-cont-right .chat-header .media .media-img-wrap{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-right: 15px;}
.chat-cont-right .chat-header .media .media-img-wrap .avatar{height: 50px;width: 50px;}
.chat-cont-right .chat-header .media .media-img-wrap .status{border: 2px solid #fff;bottom: 0;height: 10px;position: absolute;right: 3px;width: 10px;}
.chat-cont-right .chat-header .media .media-body .user-name{color: #161c2d;font-size: 16px;font-weight: 500;text-transform: capitalize;}
.chat-cont-right .chat-header .media .media-body .user-status{color: #666;font-size: 14px;}
.chat-cont-right .chat-header .chat-options{display: -webkit-box;display: -ms-flexbox;display: flex;}
.chat-cont-right .chat-header .chat-options > a{-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-radius: 50%;color: #8a8a8a;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;height: 30px;justify-content: center;-webkit-justify-content: center;-ms-flex-pack: center;margin-left: 10px;width: 30px;}
.chat-cont-right .chat-body{background-color: #fff;}
.chat-cont-right .chat-body ul.list-unstyled{margin: 0 auto;padding: 15px;width: 100%;}
.chat-cont-right .chat-body .media .avatar{height: 30px;width: 30px;bottom: 0;position: absolute;}
.chat-cont-right .chat-body .media .media-body .msg-box > div{padding: 10px;border-radius: 10px;display: inline-block;position: relative;margin-bottom: 20px;}
.chat-cont-right .chat-body .media .media-body .msg-box > div p{color: #303030;margin-bottom: 0;}
.chat-cont-right .chat-body .media .media-body .msg-box .chat-msg-info{color: #685F78;}
.chat-cont-right .chat-body .media .media-body .msg-box + .msg-box{margin-top: 5px;}
.chat-cont-right .chat-body .media.received{margin-bottom: 20px;position: relative;}
.chat-cont-right .chat-body .media:last-child{margin-bottom: 0;}
.chat-cont-right .chat-body .media.received .media-body .msg-box > div{background-color: #F5F5F5;}
.chat-cont-right .chat-body .media.received .media-body .msg-box .chat-msg-info{justify-content: start;}
.chat-cont-right .chat-body .media.sent{margin-bottom: 20px;position: relative;}
.chat-cont-right .chat-body .media.sent .avatar{height: 30px;width: 30px;bottom: 0;right: 0;position: absolute;}
.chat-cont-right .chat-body .media.sent .media-body{-webkit-box-align: flex-end;-ms-flex-align: flex-end;align-items: flex-end;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;justify-content: flex-end;-webkit-justify-content: flex-end;-ms-flex-pack: flex-end;margin-left: 0;}
.chat-cont-right .chat-body .media.sent .media-body .msg-box > div{background-color: #1d618c;float: right;}
.chat-cont-right .chat-body .media.sent .media-body .msg-box > div p{color: #fff;}
.chat-cont-right .chat-body .chat-date{font-size: 14px;margin: 1.875rem 0;overflow: hidden;position: relative;text-align: center;text-transform: capitalize;}
.chat-cont-right .chat-body .chat-date:before{background-color: #e0e3e4;content: "";height: 1px;margin-right: 28px;position: absolute;right: 50%;top: 50%;width: 100%;}
.chat-cont-right .chat-body .chat-date:after{background-color: #e0e3e4;content: "";height: 1px;left: 50%;margin-left: 28px;position: absolute;top: 50%;width: 100%;}
.chat-cont-right .chat-footer{background-color: #fff;padding: 10px;position: relative;}
.chat-cont-right .chat-footer .input-group{width: 100%;background-color: #f5f5f6;border: none;border-radius: 50px;padding: 5px;}
.chat-cont-right .chat-footer .input-group .form-control{background-color: #f5f5f6;border: none;border-radius: 50px;}
.chat-cont-right .chat-footer .input-group .form-control:focus{background-color: #f5f5f6;border: none;box-shadow: none;}
.chat-cont-right .chat-footer .input-group .btn,.chat-cont-right .chat-footer .input-group .btn{background-color: transparent;border: none;color: #9f9f9f;}
.chat-cont-right .chat-footer .input-group .btn.msg-send-btn{}
.msg-typing{width: auto;height: 24px;padding-top: 8px}
.msg-typing span{height: 8px;width: 8px;float: left;margin: 0 1px;background-color: #a0a0a0;display: block;border-radius: 50%;opacity: .4}
.msg-typing span:nth-of-type(1){animation: 1s blink infinite .33333s}
.msg-typing span:nth-of-type(2){animation: 1s blink infinite .66666s}
.msg-typing span:nth-of-type(3){animation: 1s blink infinite .99999s}
.chat-cont-left .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color: #ff5837;background-color: #fff;border-color: #dee2e6 #dee2e6 #fff;}
.chat-cont-right .chat-body .media.received .media-body .msg-box{position: relative;}
.chat-cont-right .chat-body .media.received .media-body .msg-box h6, .chat-cont-right .chat-body .media.sent .media-body .msg-box h6{font-size: 10px;margin-bottom: 0;color: #0d6efd;}
.chat-cont-right .chat-body .media.sent .media-body .msg-box h6{text-align: right;}
.chat-cont-right .chat-body .media.sent .media-body .msg-box{padding-left: 50px;position: relative;}
.chat-msg-info{-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: end;-webkit-justify-content: end;-ms-flex-pack: end;clear: both;-ms-flex-wrap: wrap;flex-wrap: wrap;list-style: none;padding: 0;}
.chat-msg-info li{font-size: 13px;padding-right: 16px;position: relative;}
.chat-msg-info li:not(:last-child):after{position: absolute;right: 8px;top: 50%;content: '';height: 4px;width: 4px;background: #d2dde9;border-radius: 50%;transform: translate(50%, -50%)}
.chat-cont-right .chat-body .media.sent .media-body .msg-box .chat-msg-info li:not(:last-child)::after{right: auto;left: 8px;transform: translate(-50%, -50%);background: #aaa;}
.chat-cont-right .chat-body .media.received .media-body .msg-box > div .chat-time{color: #f6f6f6;}
.chat-cont-right .chat-body .media.sent .media-body .msg-box > div .chat-time{color: #919191;}
.chat-msg-info li a{color: #777;}
.chat-msg-info li a:hover{color: #2c80ff}
.chat-seen i{color: #00d285;font-size: 16px;}
.chat-msg-attachments{padding: 4px 0;display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;margin: 0 -1px}
.chat-msg-attachments > div{margin: 0 1px}
.chat-cont-right .chat-body .media.sent .media-body .msg-box > div .chat-msg-info{flex-direction: row-reverse;}
.chat-cont-right .chat-body .media.sent .media-body .msg-box > div .chat-msg-attachments{flex-direction: row-reverse}
.chat-cont-right .chat-body .media.sent .media-body .msg-box > div .chat-msg-info li{padding-left: 16px;padding-right: 0;position: relative;}
.chat-attachment img{max-width: 100%;}
.chat-attachment{position: relative;max-width: 130px;overflow: hidden;}
.chat-attachment{border-radius: .25rem;}
.chat-attachment:before{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: #000;content: "";opacity: 0.4;transition: all .4s;}
.chat-attachment:hover:before{opacity: 0.6;}
.chat-attach-caption{position: absolute;left: 0;right: 0;bottom: 0;color: #fff;padding: 7px 15px;font-size: 13px;opacity: 1;transition: all .4s;}
.chat-attach-download{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;transition: all .4s;color: #fff;width: 32px;line-height: 32px;background: rgba(255, 255, 255, 0.2);text-align: center;}
.chat-attach-download:hover{color: #495463;background: #fff;}
.chat-attachment:hover .chat-attach-caption{opacity: 0;}
.chat-attachment:hover .chat-attach-download{opacity: 1;}
.chat-attachment-list{display: -webkit-box;display: -ms-flexbox;display: flex;margin: -5px;}
.chat-attachment-list li{width: 33.33%;padding: 5px;}
.chat-attachment-item{-webkit-box-align: center;-ms-flex-align: center;align-items: center;border: 5px solid rgba(230, 239, 251, 0.5);height: 100%;min-height: 60px;text-align: center;font-size: 30px;display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: center;-webkit-justify-content: center;-ms-flex-pack: center;}
.chat-cont-right .chat-body .media.sent .media-body .msg-box > div:hover .chat-msg-actions{opacity: 1;}
.chat-msg-actions{position: absolute;left: -30px;top: 50%;transform: translateY(-50%);opacity: 0;transition: all .4s;z-index: 2;}
.chat-msg-actions > a{padding: 0 10px;color: #495463;font-size: 24px;}
.chat-msg-actions > a:hover{color: #2c80ff;}
@keyframes blink{50%{opacity: 1}
}
.btn-file{-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;font-size: 20px;justify-content: center;-webkit-justify-content: center;-ms-flex-pack: center;overflow: hidden;padding: 0 0.75rem;position: relative;vertical-align: middle;}
.btn-file input{cursor: pointer;filter: alpha(opacity=0);font-size: 23px;height: 100%;margin: 0;opacity: 0;position: absolute;right: 0;top: 0;width: 100%;}
.bgg-yellow{background: #FF7A03;color: #fff;border-radius: 50%;width: 17px;line-height: 17px;padding: 0;height: 17px;}
.avatar > img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.chat-cont-right .chat-footer .input-group .btn-file i{font-size: 16px;}
.add-compose{border-bottom: 1px solid rgb(199 199 199 / 25%);margin-bottom: 20px;padding-bottom: 20px;}
.add-compose i{margin-right: 10px;}
.add-compose .btn-primary{color: #1d618c;font-size: 14px;background: #FFFFFF;border: 1px solid #1d618c;border-radius: 50px;padding: 13px 41px;}
.add-compose .btn-primary:hover{background-color: #1d618c;border: 1px solid #1d618c;color: #fff;}
/*43. Cart*/
.cart-remove .btn-primary{font-size: 16px;border: 1px solid #006eb3;background: #FFFFFF;color: #006eb3;font-weight: 500;border-radius: 0;padding: 4px 11px;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.cart-remove .btn-primary:hover{font-size: 16px;border: 1px solid #006eb3;background: #006eb3;color: #fff;}
.course-design .product:hover{transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.course-design .product:hover .cart-remove .btn-primary{color: #fff;background: #006eb3;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.cart-widget .student-widget .course-design{border: 1px solid #e9ecef;border-radius: 5px;background: #fff;padding: 0;}
.cart-widget .student-widget-group{padding: 0;}
.cart-head{padding: 20px;border-bottom: 1px solid #e9ecef;}
.cart-head h4{margin-bottom: 0;font-size: 20px;}
.cart-group,.cart-total{padding: 20px;}
.cart-total{border-top: 1px solid #e9ecef;}
.check-outs .btn-primary{background: #006eb3;border: 1px solid #006eb3;width: 100%;color: #fff;padding: 12px 15px;font-size: 16px;font-weight: 700;}
.check-outs .btn-primary:hover{background: #e14151;border: 1px solid #e14151;}
.condinue-shop .btn-primary{background: #fff;border: 1px solid #006eb3;width: 100%;color: #006eb3;padding: 12px 15px;font-size: 16px;font-weight: 700;}
.condinue-shop .btn-primary:hover{background: #006eb3;border: 1px solid #006eb3;color: #fff;}
.cart-subtotal p{display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;font-size: 20px;font-weight: 500;color: #000000;}
.cart-subtotal span{margin-left: auto;font-size: 20px;font-weight: 600;}
.main-content .cart-head{padding: 20px 0;}
/*44. Ceckout*/
.checkout-form{padding: 20px;}
.checkout-form label{color: #685F78;font-weight: 600;font-size: 16px;}
.checkout-form .form-control,.checkout-form .form-select{border-color: rgba(255, 222, 218, 0.71);border-radius: 5px;min-height: 40px;}
.checkout-form .form-control:focus{border: 1px solid #EB9481;}
.checkout-form .form-group{margin-bottom: 20px;}
.checkout-form .form-select:focus{box-shadow: none;}
.checkout-form .form-control::placeholder{font-size: 14px;color: #a2a2a2;}
.main-content .checkout-form{padding: 20px 0;}
.checkout-widget .student-widget-group{padding: 0;}
.ship-check .form-check-input{border-radius: 0;border-color: #9ed8f2;margin-right: 10px;font-size: 20px;margin-top: 0;}
.ship-check{font-size: 14px;margin-bottom: 15px;}
.pay-method{margin-top: 40px;}
.payment-btn .btn-primary{background: #006eb3;border: 1px solid #006eb3;color: #fff;padding: 12px 15px;font-size: 16px;font-weight: 700;min-width: 600px;}
.payment-btn .btn-primary:hover{background: #e14151;border: 1px solid #e14151;}
.select-plan-group .student-widget-group{padding: 20px;}
.plan-header{background: #006eb3;}
.plan-header h4{font-size: 24px;color: #fff;text-align: center;padding: 15px 15px;margin-bottom: 0;}
.basic-plan h3{font-size: 24px;color: #006eb3;margin-bottom: 15px;}
.basic-plan h2{font-size: 36px;color: #006eb3;font-weight:700;margin-bottom: 0;}
.basic-plan h2 span{font-size: 18px;}
.basic-plan p{font-size: 14px;margin-bottom: 15px;}
.plan-header{margin-bottom: 20px;}
.benifits-feature ul{padding: 0;margin: 0;}
.benifits-feature ul li{list-style: none;}
.wallet-method .custom_radio{color: #555;display: inline-flex;align-items: center;position: relative;font-size: 14px;padding-left: 30px;margin-bottom: 10px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.wallet-method .custom_radio .checkmark{height: 25px;width: 25px;}
.wallet-method .custom_radio .checkmark{position: absolute;left: 0;height: 20px;width: 20px;background-color: #fff;border: 1px solid #bad7ff;border-radius: 50%;}
.wallet-method .custom_radio input{position: absolute;opacity: 0;}
.wallet-method .custom_radio input:checked ~ .checkmark:after{opacity: 1;}
.wallet-method .custom_radio .checkmark:after{display: block;content: "";position: absolute;opacity: 0;top: 4px;left: 4px;width: 10px;height: 10px;border-radius: 50%;background: #006eb3;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.wallet-method{margin: 10px 0px;}
.wallet-tips{ font-size: 14px; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; margin-bottom: 20px; padding: 0 20px; padding-top: 15px; background-color: #f8f8f8; clear: both;}
.benifits-feature{margin: 30px 0px;}
.benifits-feature h3{font-size: 18px;color: #000;font-weight: 700;margin-bottom: 30px;}
.benifits-feature ul li{font-size: 14px;color: #685F78;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 15px;}
.benifits-feature ul li i{font-size: 7px;margin-right: 10px;}
.plan-change .btn-primary{font-size: 16px;font-weight: 700;color: #006eb3;background:#fff;border: 1px solid #006eb3;border-radius: 0px;width: 100%;padding: 12px 15px;}
.plan-change .btn-primary:hover{background: #006eb3;border: 1px solid #006eb3;color: #fff;}
/*45. Student Profile*/
.settings-widget{border: 1px solid #e9ecef;margin-bottom: 30px;border-radius: 10px;}
.settings-menu{background: #fff;border-radius: 10px;padding: 15px;}
.settings-menu h3{font-size: 18px;color: #006eb3;font-weight: 600;margin: 5px 0px 20px;}
.settings-menu ul{display: block;border: 0;padding: 0px;margin: 0;list-style: none;}
.settings-menu ul li{border-top: 1px solid rgb(199 199 199 / 25%);position: relative;}
.settings-menu ul li a{color: #303030;font-size: 16px;font-weight: 400;padding: 0;border: 0 ;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;line-height: normal;padding:15px 20px;}
.settings-menu ul li:hover, .settings-menu ul li:focus,.settings-menu ul li.active a{color: #006eb3;background: rgba(152,203,255,0.1);}
.settings-menu ul li:before{opacity: 0;content: "";position: absolute;background: #006eb3;width: 2px;height: 32px;left: 9px;top: 11px;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.settings-menu ul li:hover:before,.settings-menu ul li.active:before{opacity: 1;}
.settings-menu ul li:hover a{color: #303030;}
.settings-menu ul .active{background: rgba(152,203,255,0.1);}
.settings-menu ul li i{color: #1d618c;}
.settings-menu ul .active i{color: #1d618c;}
.settings-menu ul li a i{margin-right: 15px;font-size: 20px;}
.settings-widget .form-group{position:relative;}
.settings-widget .form-group .float-btn{ position: absolute;right:12px;bottom:6px;line-height:26px;}
.go-dashboard .btn-primary{background: #006eb3;border: 1px solid #006eb3;border-radius: 5px;font-size: 14px;color: #fff;padding: 13px 28px;}
.go-dashboard .btn-primary:hover{opacity: 0.86;}
.profile-bg img{width: 100%;border-radius: 5px 5px 0 0;}
.profile-bg{position: relative;}
.profile-bg h5{position: absolute;background: #FFFFFF;border-radius: 10px;padding: 3px 10px;color: #000000;font-size: 14px;right: 20px;top: 20px;margin: 0;}
.profile-img img{width: 150px;height: 150px;border-radius: 50%;position: absolute;bottom: -60px;left: 50%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);border: 5px solid #FFFFFF;}
.profile-name h4{font-size: 20px;color: #22100D;font-weight: 600;margin-bottom: 5px;}
.profile-name p{color: #685F78;font-size: 14px;margin-bottom: 10px;}
.profile-group{padding: 20px;padding-top: 70px;}
.profile-heading{padding: 25px;border-bottom: 1px solid rgb(199 199 199 / 25%);}
.profile-heading h3{font-size: 24px;font-weight: 600;margin-bottom: 15px;margin-top: 0;}
.profile-heading p{margin-bottom: 0;}
.profile-details .course-group{padding: 25px;border-bottom: 1px solid rgb(199 199 199 / 25%);}
.profile-share{margin-left: auto;}
.profile-share .btn-success{background: transparent;color: #0081d2;border: 1px solid #0081d2;margin-right: 10px;border-radius: 0;padding: 7px 22px;font-weight: 500;border-radius: 5px;}
.profile-share .btn-success:hover{background: #0081d2;color: #fff;border: 1px solid #0081d2;}
.profile-share .btn-danger{background: transparent;color: #FF0000;border-radius: 0;padding: 7px 22px;font-weight: 500;border-radius: 5px;}
.profile-share .btn-danger:hover{background: #FF0000;color: #fff;border: 1px solid #FF0000;}
.profile-details .course-name h4 a{color: #006eb3;font-size: 18px;font-weight: 600;}
.profile-details .course-name h4 a:hover{color: #1d618c;}
.profile-details .course-name p{color: #303030;font-size: 14px;}
.profile-details .course-group-img img{max-width: 100px;height: 100px;border-radius: 50px;}
.checkout-form.personal-address{padding: 25px;margin-bottom: 0;}
.personal-address h4{font-size: 20px;color: #006eb3;margin-bottom: 15px;font-weight: 600;}
.personal-address p{font-size: 14px;color: #303030;}
.country-select{color: #C4C4C4;font-size: 14px;}
.update-profile{margin-top: 10px}
.update-profile .btn-primary{font-size: 16px;padding: 7px 15px;font-weight: 700;border: 1px solid #006eb3;border-radius: 5px;min-width: 80px;}
.update-profile .btn-primary:hover{background-color: #fff;border: 1px solid #1d618c;color: #1d618c;}
.border-line{border-bottom: 1px solid rgb(199 199 199 / 25%);}
.personal-info-head p span{color: #1d618c;}
.save-social .btn-primary{min-width: 237px;}
.secure-alert .check-on label{margin-bottom: 0;margin-left: 15px;font-size: 14px;color: #000000;font-weight: 400;}
.secure-alert .check-on{margin: 0px 0px 25px;}
.un-subscribe{padding: 20px;}
.un-subscribe .btn-danger{background: transparent;color: #FF0000;padding: 10px 15px;font-size: 16px;font-weight: 500;}
.un-subscribe .btn-danger:hover{background: #FF0000;color: #fff;}
.link-accounts.personal-form{border: 0;padding: 25px;border-radius: 0;background: transparent;}
.comman-space{padding: 20px;}
.edit-new-address{margin-bottom: 30px;}
.edit-new-address label{font-size: 14px;color: #303030;font-weight: 400;}
.wallet-radio-blk .custom_radio{margin-bottom: 0px;}
.wallet-radio-blk .custom_radio input:checked ~ .checkmark{background-color: #ff5364;}
.wallet-radio-blk .custom_radio .checkmark:after{background: #fff;}
.wallet-radio-blk .custom_radio input:checked ~ .checkmark:after{opacity: 1;}
.address-edits{margin-left: auto;}
.edit-new-address .form-check-input{width: 20px;height: 20px;}
.address-edits .edit-btn-blk{padding: 5px 7px;background-color: #455A64;border: 1px solid #455A64;border: 0;color: #fff;border-radius: 5px;}
.add-new-address{margin-bottom: 40px;}
.grad-border .btn-primary{border: 1px solid transparent;background-origin: border-box;background-clip: padding-box, border-box;background-image: linear-gradient(#FFF, #FFF), linear-gradient(to right, #006eb3, #006eb3);border-radius: 10px;}
.grad-border .btn-default{background: rgba(227, 227, 227, 0.41);border-radius: 10px;color: #C7C7C7;min-width: 173px;padding: 7px 15px;cursor: not-allowed;}
.add-new-address .btn-primary{font-size: 15px;font-weight: 700;color: #006eb3;padding: 8px 20px;}
.add-new-address .btn-primary:hover:focus,.active-change-plan .btn-primary:hover:focus,.upgrade-now .btn-primary:hover:focus{color: #fff;}
.upgrade-now .btn-primary{font-size: 15px;font-weight: 700;color: #006eb3;padding: 8px 16px;}
.upgrade-now{margin-left: auto;}
.active-btns .btn-success{background-color: #0081d2;border: 1px solid #0081d2;color: #fff;font-size: 14px;padding: 1px 11px;}
.active-btns .btn-danger{color: #fff;font-size: 14px;padding: 1px 11px;}
.subscribtion-active h5{color: #303030;font-size: 16px;font-weight: 700;margin: 10px 0px;}
.subscribtion-active p{color: #303030;font-size: 14px;font-weight: 400;margin-bottom: 0;}
.active-change-plan{margin-left: auto;}
.active-change-plan .btn-primary{font-size: 15px;font-weight: 700;color: #006eb3;padding: 8px 39px;}
.bill-widget{width: 100%;margin-bottom: 10px;}
.monthly-subscribtion.comman-space{padding-bottom: 15px;}
.monthly-group{margin-bottom: 30px;}
.bill-name-group h5{font-size: 14px;color: #303030;font-weight: 600;margin-bottom: 2px;}
.bill-name-group p{font-size: 14px;color: #303030;font-weight: 400;margin-bottom: 0;}
.plan-icons i{font-size: 18px;}
.plan-icons{background: #1d618c;color: #fff;width: 44px;height: 44px;border-radius: 5px;margin-right: 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: center;-webkit-justify-content: center;-ms-flex-pack: center;}
/* 46. Instructor Profile*/
.btn-dark{font-weight: 600;background: #006eb3;border: 1px solid #006eb3;color: #fff;border-radius: 5px;padding: 12px 15px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: center;-webkit-justify-content: center;-ms-flex-pack: center;}
.btn-dark:hover{background: #fff;border: 1px solid #006eb3;color: #006eb3;}
.btn-black{font-weight: 600;background: #263238;border: 1px solid #263238;color: #fff;border-radius: 5px;padding: 12px 15px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: center;-webkit-justify-content: center;-ms-flex-pack: center;}
.btn-black:hover{background: #fff;border: 1px solid #263238;color: #263238;}
.btn-success-dark{font-weight: 600;background: #0081d2;border: 1px solid #0081d2;color: #fff;border-radius: 5px;padding: 12px 15px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: center;-webkit-justify-content: center;-ms-flex-pack: center;}
.btn-success-dark:hover{background: #fff;border: 1px solid #0081d2;color: #0081d2;}
.instructor-profile{text-align: left;}
.instructor-profile-pic{max-width: 100px;height: 100px;border-radius: 5px;border: 5px solid #FFFFFF;margin-right: 10px;}
.instructor-profile-content h4{display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 0px;}
.instructor-profile-content h4 a{font-size: 32px;font-weight: 600;color: #fff;}
.instructor-profile-content h4 a:hover{color: #1d618c;}
.instructor-profile-content h4 span{background: #fff;color: #000000;padding: 2px 10px;font-size: 14px;border-radius: 5px;margin-left: 20px;}
.instructor-profile-content p{font-weight: 400;color: #fff;margin-bottom: 0;}
.instructor-profile-menu{background: rgba(10, 20, 47, 0.33);border-radius: 10px;padding: 15px 20px;text-align: left;max-width: 480px;margin-left: auto;}
.instructor-profile-menu ul{justify-content: space-between;}
.instructor-profile-menu-img{margin-right: 10px;}
.instructor-profile-menu-content h4{font-size: 16px;font-weight: 700;color: #fff;margin-bottom: 2px;}
.instructor-profile-menu-content p{font-size: 15px;font-weight: 400;color: #fff;margin-bottom: 0;}
.instructor-profile-text{text-align: left;padding-top: 30px;}
.instructor-profile-text p{font-size: 15px;letter-spacing: 0.05em;color: #FFFFFF;margin-bottom: 0;}
.instructor-card .card-header{background: transparent;border-bottom: 1px solid rgb(199 199 199 / 25%);padding: 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: space-between;}
.instructor-card .card-header h4{font-weight: 600;font-size: 24px;color: #006eb3;margin-bottom: 0;}
.instructor-card .btn{font-size: 14px;min-width: 170px;padding: 13px 15px;}
.instructor-card .card-body{padding: 20px;}
.instructor-card{box-shadow: 0px 3px 8px 4px rgb(212 211 254 / 10%);transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.instructor-card:hover{box-shadow: 0px 5px 13px 6px rgb(212 211 254 / 40%);}
.instructor-grid{background: #FFFFFF;border: 1px solid rgb(199 199 199 / 25%);border-radius: 5px;padding: 15px;margin-bottom: 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.instructor-grid .product{display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;width: 100%;}
.instructor-grid .product-img{-ms-flex: 0 0 240px;flex: 0 0 240px;margin-right: 0;width: 240px;border-radius: 10px;}
.instructor-grid .instructor-product-content{margin-left: 15px;}
.instructor-grid .instructor-product-content h3{font-size: 20px;font-weight: 500;margin-bottom: 0;max-width: 460px;line-height: 30px;}
.instructor-grid .instructor-product-content h3 a{color: #000;}
.instructor-grid .instructor-product-content h3 a:hover{color: #1d618c;}
.instructor-grid .course-view{margin-left: 30px;}
.instructor-grid .course-info p{font-size: 16px;font-weight: 500;}
/* 47. Add Course*/
.add-course-header{padding-bottom: 60px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: space-between;}
.add-course-header h2{font-weight: 600;font-size: 32px;color: #000000;margin-bottom: 0;}
.add-course-btns ul li{margin-right: 17px;}
.add-course-btns ul li:last-child{margin-right: 0;}
.add-course-btns .btn{font-weight: 600;font-size: 14px;padding: 13px 15px;min-width: 170px;display: inline-flex;}
.multistep-form #first{display: block;}
.multistep-form fieldset{display: none;width: 100%;}
.widget-setcount{padding: 30px 30px 30px;margin-bottom: 30px;border-bottom: 1px solid rgb(199 199 199 / 25%);}
.widget-setcount ul{padding: 0;margin: 0;display: flex;flex-wrap: wrap;list-style: none;}
.widget-setcount ul li{margin-right: 30px;position: relative;}
.widget-setcount ul li:last-child{margin-right: 0;}
.widget-setcount ul li p{font-weight: 500;color: #22100D;display: inline-flex;align-items: center;margin-bottom: 0;padding-top: 20px;border-top: 4px solid #C1C9D2;min-width: 173px;}
.widget-setcount ul span{border: 1px solid #8792A2;width: 15px;height: 15px;border-radius: 50px;margin-right: 4px;display: flex;align-items: center;justify-content: center;color: #B1B5B8;background: #fff;}
.progress-activated span:before{content: "\f00c";font-family: 'Font Awesome 6 Free';font-weight: 900;font-size: 12px;background: #0081d2;color: #fff;width: 16px;height: 16px;border-radius: 50px;display: inline-flex;align-items: center;justify-content: center;position: absolute;}
.progress-active p{border-top: 5px solid #0081d2 !important;}
.progress-activated p{border-top: 5px solid #0081d2 !important;}
.progress-active span{color: #0081d2 !important;border-color: #0081d2 !important;position: relative;border: 5px solid #0081d2 !important;}
.add-course-inner-header{padding: 0 30px 30px;}
.add-course-inner-header h4{font-weight: 500;font-size: 24px;color: #1d618c;margin-bottom: 0;}
.add-course-form{padding: 0 30px 30px;}
.add-course-info .form-group{margin-bottom: 20px;}
.add-course-info .add-course-label{font-weight: 500;color: #685F78;margin-bottom: 10px;}
.add-course-info .form-control{background: #FFFFFF;border: 1px solid #e9ecef;border-radius: 5px;min-height: 40px;}
.add-course-info .form-control:focus{border: 1px solid #e9ecef;}
.add-course-info .select2-container--default .select2-selection--single{border: 1px solid #e9ecef;}
.add-course-info .select2-container .select2-selection--single{height: 40px;}
.add-course-info .select2-container--default .select2-selection--single .select2-selection__rendered{color: #263238;line-height: 40px;font-size: 14px;}
.add-course-info .select2-container--default .select2-selection--single .select2-selection__arrow{top: 8px;}
.add-course-info textarea.form-control{min-height: 150px;}
.widget-btn{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: space-between;padding: 30px 30px;border-top: 1px solid rgb(199 199 199 / 25%);}
.widget-btn .btn{font-size: 14px;font-weight: 600;min-width: 170px;padding: 13px 15px;display: -webkit-box;display: -ms-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: center;-webkit-justify-content: center;-ms-flex-pack: center;}
.widget-btn .btn-info-light{color: #fff;background: #1D9CFD;border: 1px solid #1D9CFD;border-radius: 5px;}
.widget-btn .btn-info-light:hover{color: #1D9CFD;background: #fff;border: 1px solid #1D9CFD;}
.relative-form{position: relative;background: #FFFFFF;border: 1px solid #e9ecef;border-radius: 5px;color: #6e82a3;min-height: 40px;padding: 6px 15px;display: flex;align-items: center;justify-content: space-between;}
.relative-form span{font-size: 14px;}
.relative-file-upload{color: #fff;background: #1d618c;border: 1px solid #1d618c;border-radius: 5px;padding: 8px 18px;font-size: 14px;margin-bottom: 0;cursor: pointer;position: absolute;right: 0;min-width: 238px;text-align: center;}
.relative-file-upload input[type="file"]{position: absolute;top: 0;right: 0;text-align: right;filter: alpha(opacity=0);opacity: 0;outline: none;background: #fff;cursor: inherit;display: block;}
.add-image-box{min-height: 250px;background: #edede8;border-radius: 10px;display: -webkit-box;display: -ms-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: center;-webkit-justify-content: center;-ms-flex-pack: center;width: 100%;}
.add-image-box a{font-size: 200px;color: #a1a2a0;}
.add-video-box{background: rgba(255, 222, 218, 0.71);}
.add-video-box a{font-size: 40px;color: #006eb3;}
.add-course-section{padding: 0 40px 40px;}
.add-course-section .btn{font-weight: 600;font-size: 14px;color: #1D9CFD;background: #FFFFFF;border: 1px solid #1D9CFD;border-radius: 5px;min-width: 105px;padding: 7px 10px;}
.add-course-section .btn:hover{color: #FFFFFF;background: #1D9CFD;border: 1px solid #1D9CFD;}
.curriculum-grid{padding: 20px;margin-bottom: 30px;background: rgba(227, 227, 227, 0.41);border-radius: 10px;}
.curriculum-head{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: space-between;padding-bottom: 20px;}
.curriculum-head p{font-size: 16px;margin-bottom: 0;color: #000000;}
.curriculum-head .btn{font-weight: 600;font-size: 14px;color: #1D9CFD;background: #FFFFFF;border: 1px solid #1D9CFD;border-radius: 5px;min-width: 105px;padding: 7px 10px;}
.curriculum-head .btn:hover{color: #FFFFFF;background: #1D9CFD;border: 1px solid #1D9CFD;}
.faq-grid{background: #FFFFFF;border: 1px solid #F0F0F0;padding: 20px;margin-bottom: 16px;}
.faq-header{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: space-between;position: relative;}
.faq-header .faq-collapse{color: #000000;font-weight: 600;width: 100%;text-align: left;position: relative;display: inline-flex;align-items: center;}
.faq-header .faq-collapse i{font-size: 20px;margin-right: 10px;color: #757575;}
.faq-header .faq-collapse.collapsed:after{content: "\f078";font-family: 'Font Awesome 6 Free';font-weight: 600;font-size: 16px;color: #000;position: absolute;right: 0;top: 0;}
.faq-header .faq-collapse:after{content: "\f077";font-family: 'Font Awesome 6 Free';font-weight: 600;font-size: 16px;color: #000;position: absolute;right: 0;top: 0;}
.faq-right{position: absolute;right: 30px;}
.faq-right a{font-size: 18px;color: #000000;margin-right: 8px;}
.faq-right a:hover{color: #1d618c;}
.faq-body{padding-top: 20px;padding-left: 25px;}
.add-article-btns .btn{font-weight: 600;font-size: 14px;color: #685F78;margin-right: 12px;background: #FFFFFF;border: 1px solid #685F78;border-radius: 5px;min-width: 130px;padding: 7px 8px;}
.add-article-btns .btn:hover{color: #FFFFFF;background: #685F78;border: 1px solid #685F78;}
.form-group-tagsinput .bootstrap-tagsinput{display: block;border-radius: 5px;color: #000;background: #FFFFFF;border: 1px solid #e9ecef;box-shadow: unset;min-height: 60px;padding-top: 8px;padding-left: 10px;padding-right: 10px;}
.form-group-tagsinput .bootstrap-tagsinput .tag{margin-right: 5px;margin-bottom: 5px;color: #263238;border: 1px solid #e9ecef;background: rgba(227, 227, 227, 0.41) !important;font-size: 14px;font-weight: 400;padding: 12px 12px;}
.form-group-tagsinput .bootstrap-tagsinput input{line-height: 42px;font-size: 14px;}
.add-course-msg{text-align: center;padding-bottom: 30px;}
.add-course-msg i{color: #0081d2;font-size: 40px;}
.add-course-msg h4{font-weight: 400;font-size: 24px;color: #000000;margin-top: 20px;margin-bottom: 10px;}
.add-course-msg p{font-size: 16px;color: #000000;margin-bottom: 0;}
/* Instructor Dashboard*/
.settings-menu .instructor-title{padding-top: 20px;}
.instructor-card{border-radius: 10px;margin-bottom: 25px;}
.instructor-inner h6{font-size: 14px;color: #685F78;margin-bottom: 16px;text-transform: uppercase;}
.instructor-inner h4{font-weight: 600;font-size: 24px;margin-bottom: 0;}
.instructor-inner .instructor-text-success{color: #006eb3;}
.instructor-inner .instructor-text-info{color: #1D9CFD;}
.instructor-inner .instructor-text-warning{color: #FFB54A;}
.instructor-inner p{font-size: 14px;letter-spacing: 0.05em;color: #303030;margin-bottom: 0;}
/*48. Invoices*/
.invoice-list-blk .card{border-radius: 10px;}
.invoice-item .invoice-logo{margin-bottom: 30px;}
.invoice-item .invoice-logo img{width: auto;max-height: 52px;}
.invoice-item .invoice-text h2{color:#161c2d;font-size:36px;font-weight:600;}
.invoice-item .invoice-details{text-align: right;font-weight: 500}
.invoice-item .invoice-details strong{color:#161c2d}
.invoice-item .invoice-details-two{text-align:left}
.invoice-item .invoice-text{padding-top:42px;padding-bottom:36px}
.invoice-item .invoice-text h2{font-weight:400}
.invoice-info{margin-bottom: 30px;}
.invoice-info p{margin-bottom: 0;}
.invoice-info.invoice-info2{text-align: right;}
.invoice-item .customer-text{font-size: 18px;color: #161c2d;font-weight: 600;margin-bottom: 8px;display: block}
.invoice-table tr th,.invoice-table tr td,.invoice-table-two tr th,.invoice-table-two tr td{color: #161c2d;font-weight: 600;padding: 10px 20px;line-height: inherit}
.invoice-table tr td,.invoice-table-two tr td{font-weight: 500;}
.invoice-table-two{margin-bottom:0}
.invoice-table-two tr th,.invoice-table-two tr td{border-top: 0;}
.invoice-table-two tr td{text-align: right}
.invoice-info h5{font-size: 16px;font-weight: 500;}
.other-info{margin-top: 10px;}
/*floatbar*/
.floatbar{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:100}
.floatbar .clear{clear:both;font-size:0px;line-height:0;height:0;}
.floatbar p{margin:0px;padding:0px;line-height:20px;}
.floatbar i{margin:0px;padding:0px;font-style:normal;}
.floatbar ul{margin:0px;padding:0px;list-style:none;}
.floatbar ul li{margin:0px;padding:0px;list-style:none;}
.floatbar-meau{position:relative;}
.floatbar-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.floatbar-btn:hover{border-color:#1d618c;}
.floatbar-btn span{color:#848484;font-size:26px;line-height:48px;}
.floatbar-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#1d618c;position:absolute;left:-12px;top:-12px;}
.floatbar-btn p{color:#1d618c;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.floatbar-meau:hover .floatbar-btn span{display:none}
.floatbar-meau:hover .floatbar-btn p{display:block;}
.meau-sev .floatbar-btn{}
.meau-sev .floatbar-btn p{color:#fff}
.meau-sev .floatbar-btn span{color:#fff}
.meau-top .floatbar-btn span{font-size:24px;line-height:12px;padding-top:10px;display:block}
.meau-top .floatbar-btn i{display:block;color:#999;font-size:12px;font-style:normal;}
.meau-top.floatbar-meau:hover .floatbar-btn{background-color:#1d618c}
.meau-top.floatbar-meau:hover .floatbar-btn span{display:block;color:#fff}
.meau-top.floatbar-meau:hover .floatbar-btn i{color:#fff;}
.floatbar-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.floatbar-box .box-border{border:1px solid #ccc;border-top:4px solid #1d618c;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.floatbar-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.floatbar-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.floatbar-box .box-border .sev-t p{float:left;color:#1d618c;font-size:24px;line-height:28px;}
.floatbar-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.floatbar-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4;margin:0px;padding:0px;list-style:none;}
.floatbar-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-top:15px;}
.floatbar-box .box-border .sev-b li{float:left;width:33.33333%;margin:0px;padding:0px;list-style:none;}
.floatbar-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(../images/qq.gif) no-repeat left 3px;line-height:36px;}
.floatbar-box .box-border .sev-b li a:hover{color:#1d618c}
.meau-sev .floatbar-box .box-border{width:430px;}
.meau-contact .floatbar-box .box-border{width:230px;}
.meau-contact .floatbar-box .box-border:after{content:" ";display:none;clear:both;}
.floatbar-meau:hover .floatbar-box{display:block}
.meau-code .floatbar-box{top:inherit;bottom:-35px;}
.meau-code .floatbar-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .floatbar-box .box-border img{width:100%;height:auto;margin-bottom:5px;}
.meau-code .floatbar-box .box-border i{display:block;color:#666;font-size:14px;line-height:16px;}
.meau-code .floatbar-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .floatbar-btn .iconfont{color:#999;}
.meau-sev:hover .floatbar-btn{background:#1d618c}
.meau-zs .floatbar-btn{background-color:#1d618c;color:#fff;margin-top:80px;border-color:#1d618c}
.meau-zs .floatbar-btn span{color:#fff}
.meau-zs .floatbar-btn p{color:#fff}
/*pop*/
.winpopbg{display: none; position: fixed; z-index: 9999; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); background: url(../images/bg-gray.png)/9;}
.springtime-pop1060 .shijian-title{font-size:14px}
.springtime-pop1060 .allLink{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9}
.springtime-pop1060.hides{animation:fadeInRightBig 1s both;-webkit-animation:fadeInRightBig 1s both}
.springtime-pop1060:before{display:none;content:"";position:absolute;top:95px;right:43px;height:28px;width:2px;background:#fff;opacity:.8}
.springtime-pop1060{display:none;position:fixed;left:0;right:0;top:-23px;bottom:0;margin:auto;z-index:10001;width:497px;height:400px;box-sizing:border-box;padding:155px 0 0 125px;text-align:left;font-size:18px;color:#5e0c1f;animation:winAlertIn .4s}
.springtime-pop1060::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/bg-pop.png) no-repeat 0 0;background-size:cover}
.springtime-pop1060.login .springtime-price .discount{display:none}
.springtime-price{position:absolute;top:296px;left:253px;right:0;margin:auto}
.springtime-pop1060 .springtime-data i{font-style:normal}
.springtime-pop1060 .springtime-data{font-size:20px;color:#fff;white-space:nowrap;letter-spacing:.2px}
.springtime-pop1060 .icon-close{position:absolute;top:47px;right:17px;line-height:26px;border:1.5px solid #fff;border-radius:50%;width:30px;height:30px;color:#fff;text-align:center;transition:.3s;transform:rotate(0) scale(.95);cursor:pointer;z-index:10}
.springtime-pop1060 .icon-close:hover{transform:rotate(180deg) scale(.95)}
@keyframes springtimeAniamtScale2{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}
.springtime-pop1060 .springtime-Link{position:absolute;bottom:1px;left:0;right:0;box-sizing:border-box;padding-left:6px;margin:auto;display:inline-block;text-align:center;cursor:pointer;transition:.2s;letter-spacing:1px;font-size:26px;color:#fff;line-height:50px;border-radius:56px;width:200px;height:50px;background:linear-gradient(135deg,#ff3535 0,#ff7d4f 100%);box-shadow:0 4px 8px 0 rgba(255,58,91,.4)}
.springtime-pop1060 .springtime-font{position:absolute;top:303px;left:295px;right:12px;text-align:left;font-size:22px;color:#ffdc41}
.springtime-pop1060 .springtime-font span{color:#fff}
.springtime-pop1060.login .springtime-price{top:295px;left:256px}
/*nav-tabs*/
.nav-tabs{border-bottom:0;display:block;clear:both;}
.nav-tabs>li{float:left;margin-bottom:-1px;}
.nav-tabs>li>a{color:#666;font-size:18px;line-height:1.42857143;font-weight:600;margin-right:2px;border:1px solid transparent;border-radius:4px 4px 0 0;padding:10px 15px;display:block;}
.nav>li>a:hover,.nav>li>a:focus{color:#006eb3;/*background-color:#eee;*/}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#006eb3;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;}
.page-wrap{display: flow-root;}
.page-main{position: relative;float:right; z-index: 99;}
.page-side{position: relative;float:left; z-index: 0;}
.hidden{ display:none;}
.setting-items{ clear:both;}
.setting-items .weui-cells{ margin-top:0;}
.setting-items .weui-select{ height:25px; line-height:25px; margin-left:-15px;}
.setting-items .weui-select:hover,.setting-items .weui-cell__bd:hover .weui-select{/*padding-left:15px;*/}
.setting-items .submit-cell{margin-bottom:15px;}
.weui-cell .weui-label{ padding-right:15px;}
.weui-label{display:block;width:105px;word-wrap:break-word;word-break:break-all}
.weui-input{width:100%;border:0;outline:0;-webkit-appearance:none;background-color:transparent;font-size:inherit;color:inherit;height:1.47058824em;line-height:1.47058824}
.weui-input::-webkit-inner-spin-button,.weui-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.weui-cell:before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5);left:15px;z-index:2}
.weui-cell:first-child:before{display:none}
.change-form{ padding-top:10px;}
.change-form .weui-btn-area{ margin: 10px 15px 0.3em;}
.change-form .weui-cell{position: relative;padding:10px 15px;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.change-form  .weui-cells{ padding-bottom:10px;}
.change-form .weui-cells:after,.change-form .weui-cells:before{ display:none;}
.change-form .weui-btn{position:relative;display:block;}
.wxOrder{margin:27px 0 0;padding:24px 20px 20px;background:#eee;overflow:hidden;clear:both;}
.wxOrder .wxAp{background:transparent url(../images/wxpay.png) left center no-repeat;color:#333;float:left;font-size:16px;line-height:24px;margin-top:3px;margin-bottom: 0;padding:1px 0 0 90px}
.wxOrder .wxAp b{color:#2993de;font-size:12px; font-weight:normal;}
.wxOrder .wxMo{color:#333;float:right;font-size:14px;line-height:30px;margin-bottom: 0;}
.scan{ border:1px solid #eee; padding:40px 0; margin:0 auto; background:#fff; clear:both;}
.scan_center{ margin:0 auto; width:200px; text-align:center;}
.scan_center_header{margin: 0 0 10px;}
.scan_title{ color:#016672; font-size:16px;}
.totalMoney{color:#ff1307;font-size:22px; font-weight:bold;}
.scan_img{ border:1px solid #dcdcdc; padding-top:20px; padding-bottom:20px;}
.scan_img .text{font-size:14px; margin-top:10px;}
.echarts-select{margin-bottom: 40px; clear: both;}
.echarts-select select{border-radius:4px;border:1px solid #ccc;padding:5px 8px;outline:none;}
/*Responsive css*/
@media (min-width: 992px){
.main-nav > li{margin-right: 15px;}
.main-nav > li:last-child{margin-right: 0;}
.main-nav li{display: block;position: relative;}
.main-nav > li > a{line-height: 70px;padding: 0 !important;}
.main-nav > li > a > i{font-size: 12px;margin-left: 3px;}
.main-nav li > ul{background-color: #fff;border-radius: 5px;box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);display: block;font-size: 14px;left: 0;margin: 0;min-width: 200px;opacity: 0;padding: 0;position: absolute;-webkit-transition: all .2s ease;transition: all .2s ease;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);top: 100%;visibility: hidden;z-index: 1000;}
.main-nav li .submenu::before{border: 7px solid #fff;border-color: transparent transparent #fff #fff;box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1);content: "";left: 45px;position: absolute;top: 2px;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.main-nav li.has-submenu:hover > .submenu{visibility: visible;opacity: 1;margin-top: 0;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.main-nav .has-submenu.active > a{color: #1d618c;}
.main-nav .has-submenu.active .submenu li.active > a{color: #1d618c;}
.header-one .main-nav .has-submenu.active .submenu li.active > a,.header-four .main-nav .has-submenu.active .submenu li.active > a{color: #6255A4;}
.header-two .main-nav .has-submenu.active .submenu li.active > a{color: #1d618c;}
.header-five .main-nav .has-submenu.active .submenu li.active > a{color: #296ED6;}
.main-nav > li .submenu li:first-child a{border-top: 0;}
.main-nav > li .submenu.first-submenu li a{border-top: 1px solid #f0f0f0}
.main-nav > li.has-submenu:hover > .submenu > li.has-submenu:hover > .submenu{visibility: visible;opacity: 1;margin-top: -1px;margin-right: 0;}
.main-nav > li .submenu > li .submenu{left: 100%;top: 0;margin-top: 10px;}
.main-nav li .submenu a:hover{color: #1d618c;letter-spacing: 0.5px;padding-left: 20px;}
.main-nav > .has-submenu > .submenu > .has-submenu > .submenu::before{top: 20px;margin-left: -35px;box-shadow: 1px 1px 0 0 rgba(0,0,0,.15);border-color: transparent #fff #fff transparent;}
.profile-custom-list > li{width: 33.33%;}
.custom-about p{width: 73%;}
}
@media (min-width: 1200px){
.main-nav > li{margin-right: 30px;}
}
@media (max-width: 1399px){
.register-step .login-banner img,.login-banner img{max-width: 280px;}
.table-price td{font-size: 16px;}
h1{font-size: 32px;}
.help-title p, .category-title h5{font-size: 16px;}
.category-tab ul li a{font-size: 20px;}
.error-box h3{font-size: 30px;}
.error-box-img{max-width: 400px;margin: auto;}
.time-counts li{font-size: 16px;min-width: 85px;}
.time-counts li span{font-size: 25px;}
.error-logo{margin-bottom: 25px;}
.error-box h4{font-size: 24px;}
.error-box h6{font-size: 16px;margin: 20px 0px;}
.time-counts{margin-bottom: 20px;}
.come-soon-box h5{font-size: 16px;margin: 25px 0px 25px;}
.subscribe-soon .form-control{height: 42px;}
.masonry-box .post-left li{font-size: 12px;}
.masonry-box .blog-title{font-size: 20px;}
.profile-img img{width: 120px;height: 120px;border: 3px solid #FFFFFF;}
.account-settings .settings-menu h3{font-size: 16px;}
.account-settings .settings-menu ul li a{font-size: 15px;}
.bill-name-group p{font-size: 12px;}
.error-box .big-text{font-size: 26px;margin-bottom: 10px;padding-bottom: 10px;}
.countdown-el{min-width: 100px;padding: 15px;color: #fff;}
.countdown-el span{font-size: 18px;}
.main-nav > li{margin-right:20px;}
.comman-space{ padding: 15px;}
.sell-course-head h3{font-size: 16px;}
.login-wrapper .form-group{margin-bottom: 10px;}
.login-wrapper .loginbox{padding: 40px 100px;}
.login-wrapper .loginbox label{margin-bottom: 10px;}
}
@media (max-width: 1199.98px){
.header-nav{padding-left: 20px;padding-right: 20px;}
.header-navbar-rht li.contact-item{display: none;}
.map-right{height: 450px;position: static;min-height: inherit;margin-bottom: 30px;padding-right: 15px;}
.header-one .main-nav > li{margin-right: 27px;}
.home-slide-text h1{font-size: 38px;margin-bottom: 20px;}
.home-slide-text p{font-size: 18px;}
.home-slide .search-box .search-btn{top: 7px;right: 7px;padding: 10px 15px;}
.home-slide .search-box .search-btn{height: 46px;}
.homeone-section-header h2{font-size: 28px;}
.homeone-section-header .sub-title, .category-tab ul li a{font-size: 16px;}
.home-slide .search-box form{display: block;}
.section-header h2{font-size: 28px;}
.section-header .sub-title{font-size: 14px;}
.header-navbar-rht li a.header-login,.add-header-bg .header-navbar-rht li a.header-sign{padding: 6px 15px;font-size: 14px;}
.enroll-group .total-course{margin-bottom: 5px;}
.header-navbar-rht li a.header-sign{min-width: 110px;padding: 8px 15px;font-size: 14px;}
.main-nav li a{font-size: 14px;}
.logo{width: 130px;}
.google-bg{padding: 25px;}
.sign-google ul li a{padding: 0px 10px;}
.login-wrapper .loginbox h1{font-size: 28px;}
.login-banner img{max-width: 330px;}
.mentor-course h2{font-size: 28px;margin: 20px 0px 20px;}
.title-sec h5, .title-sec p{font-size: 16px;}
.title-sec h2, .main-title{font-size: 34px;}
.inner-banner h2, .video-details h2{font-size: 26px;}
.btn-wish{padding: 10px 0;font-size: 12px;}
.inner-banner h5, .instructor-detail h5{font-size: 18px;}
.complete-sec h2{font-size: 26px;}
.btn-cart, .btn-enroll{font-size: 13px;padding: 9px 11px; margin-bottom: 15px;}
.play-icon{width: 60px;height: 60px;}
.play-icon i{font-size: 24px;padding-left: 5px;}
.support-img img{width: 160px;}
.support-card h3{font-size: 22px;}
.faq-title a, .instructor-content p, .rating{font-size: 14px;}
.instructor-info > div{margin-right: 10px;}
.error-box h4{font-size: 20px;}
.error-box h6{font-size: 15px;margin: 20px 0px;}
.time-counts li span{font-size: 20px;}
.time-counts li{font-size: 15px;min-width: 80px;padding: 15px;}
.time-counts ul li:not(:last-child){margin-right: 10px;}
.come-soon-box h5{font-size: 14px;margin: 25px 0px;}
.social-icon-soon ul li i{font-size: 20px;}
.error-box-img img{width: 270px;}
.error-logo img{width: 120px;}
.error-box{padding: 20px;}
.progress-stip{display: flex;height: 15px;font-weight: 400;}
.payment-btn .btn-primary{min-width: 100%;}
.plan-header h4{font-size: 20px;padding: 12px 15px;}
.plan-change .btn-primary{font-size: 20px;padding: 10px 15px;}
.world-img img{margin-bottom: 15px;}
.link-accounts.personal-form{margin-top: 0;}
.error-box .big-text{font-size: 20px;margin-bottom: 6px;padding-bottom: 10px;}
.countdown-el{min-width: 90px;}
.countdown-el span{font-size: 16px;}
.course-box .course-info{ margin-bottom:5px;}
.all-category .btn-primary{min-width: 130px;padding: 6px 16px;font-size: 16px;border-width:2px;}
.all-category .btn-cart{ margin-top:0;margin-bottom:0;}
.login-wrapper .loginbox {padding: 40px 60px}
}
@media (max-width: 991.98px){
.main-nav{padding: 0;-ms-flex-direction: column;flex-direction: column;padding-left: 0;margin-bottom: 0;list-style: none;}
.main-nav ul{background-color: #0f5078;display: none;list-style: none;margin: 0;padding-left: 0;}
.main-nav > li{border-bottom: 1px solid #20506f;margin-left: 0;}
.main-nav li + li{margin-left: 0;}
.main-nav > li > a{line-height: 1.5;padding: 15px 20px !important;color: #fff;font-size: 15px;font-weight: 500;}
.main-nav li a:hover{color: #fff;}
.main-nav > li.active > a,.main-nav .has-submenu.active .submenu li.active > a,.main-nav .has-submenu.active > a{color: #fff !important;}
.main-nav > li > a > i{float: right;margin-top: 5px;}
.main-nav > li .submenu li a{border-top: 0;color: #fff;font-size: 14px;padding: 10px 15px 10px 35px;}
.main-nav > li .submenu ul li a{padding: 10px 15px 10px 45px;}
.main-nav > li .submenu > li.has-submenu > a::after{content: "\f078";}
.main-nav .has-submenu.active > a{color: #1879cd;}
.main-nav .has-submenu.active .submenu li.active > a{color: #1879cd;}
.login-left{display: none;}
.main-menu-wrapper{order: 3;width: 260px;position: fixed;top: 0;bottom: 0;left: 0;overflow-x: hidden;overflow-y: auto;z-index: 1060;transform: translateX(-260px);transition: all 0.4s;background-color: #1d618c;}
.menu-header{display: -webkit-box;display: -ms-flexbox;display: flex;}
.navbar-header{-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
#mobile_btn{display: inline-block;top: 4px;position: relative;}
.dropdown-menu.dropdown-menu-right{margin-top: 5px;}
h1{font-size: 28px;}
h5{font-size: 18px;}
.header-nav{padding: 0;}
.section-search{min-height: 330px;}
.progress{margin-bottom: 20px;}
.footer-widget{margin-bottom: 30px;}
.container{max-width: 100%;}
.home-slide .search-box form{display: block;}
.testimonial-four .testimonial-all{background: none;min-height: 454px;}
.new-course-four .course-mail .bg-course-subscribe{line-height: 2;height: 45px;}
.home-slide-four .hometwo-slide-text h1{font-size: 24px;}
.home-slide-four{min-height: 420px;}
.testimonial-four .testimonial-two-head p{font-size: 16px;}
.side-four img, .side-four-right img{display: none;}
.testimonial-four .testimonial-all{padding: 5px;}
.testimonial-bg-top img{top: 16px;left: 38%;width: 231px;}
.testimonial-bg-right img{top: 50%;right: -90px;width: 180px;}
.testimonial-bg-left img{top: 50%;left: 130px;width: 180px;}
.breadcrumb-bar{padding: 10px 0;}
.course-key{position: relative;top: 0;}
.home-slide-text h1{font-size: 32px;margin-bottom: 10px;}
.home-slide{min-height: 700px;}
.rate-head h2,.rating h2{font-size: 40px;}
.course-radius{margin-bottom: 45px;}
.course-widget{background: #fff;padding: 60px 20px 0px;}
.student-course,.how-it-works,.new-course, .trend-course{padding: 60px 0px;}
.master-skill{padding: 60px 0px 0px;}
.section-header h2{font-size: 30px;}
.owl-theme .owl-dots, .owl-theme .owl-nav{margin-top: 0px;}
.career-img{display: none;}
.feature-instructors{padding-top: 60px;}
.lead-group{padding: 0px 0px 40px;}
.join-mentor h2{font-size: 25px;}
.join-mentor p{font-size: 16px;margin: 20px 0px;}
.review{bottom: -190px;}
.testimonial-four .slick-prev,.testimonial-four .slick-next{width: 45px;height: 45px;}
.testimonial-four .slick-prev:before,.testimonial-four .slick-next:before{font-size: 28px;}
.testi-quotes img{width: 90px;}
.mentor-img img{position: relative;bottom: 0;right: 0;}
.top-instructors p{margin-bottom: 0;font-size: 16px;}
.latest-blog{padding: 60px 0px 30px;}
.enroll-group{margin: 60px 0px;}
.new-course:before{display: none;}
.trending-course{background: transparent;}
.trending-course.owl-carousel{ margin-top: 30px;}
.trending-course.owl-carousel .course-box{ margin-bottom:15px;}
.teacher-lists{ margin-top: 30px;}
.testi-right img{position: absolute;right: 0;}
.cube-instuctor:before,.yellow-mentor:before{display: none;}
.enroll-img{width: 92px;height: 92px;}
.total-course{margin-bottom: 24px;}
.header-nav{height: 60px;}
.icon-group .total-course{justify-content: center;}
.home-slide-text h5,.home-slide-text p{font-size: 16px;margin-bottom: 15px;}
.section-text p{font-size: 16px;}
.course-name h4,.product-content h3{font-size: 16px;}
.course-group-img{align-items: center;}
.course-info p, .average-rating, .category-tab ul li a{font-size: 14px;}
.instructors-content h5{font-size: 16px;}
.instructors-content p{font-size: 16px;margin: 10px 0px 10px;}
.course-feature-list li{font-size: 18px;margin-bottom: 12px;}
.testi-quotes img{left: 150px;}
.feature-mentor h4{font-size: 22px;margin-bottom: 15px;}
.icon-group .enroll-img{display: flex;align-items: center;justify-content: center;}
.login-wrapper .loginbox{padding: 50px;}
.login-wrapper .loginbox h1{font-size: 26px;}
.sign-google ul li{display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
.sign-google ul li:first-child a{border-right: 0;}
.sign-google ul{display: block;}
.sign-google{margin: 25px 0px;}
.mentor-course h2{font-size: 22px;margin: 15px 0px 15px;}
.login-slide.owl-theme .owl-dots, .login-slide.owl-theme .owl-nav{margin-top: 15px;}
.login-banner img{max-width: 280px;}
.login-wrapper .register-box{padding: 40px;}
.personal-form{margin-top: 20px;}
.title-sec h2, .main-title{font-size: 28px;}
.header-page, .header-page .header-nav{height: 60px;}
.header-border{padding: 4px 20px;}
.breadcrumb-list{padding: 0 10px;}
.page-breadcrumb ol, .notify-item a.btn{font-size: 14px;}
.wishlist-info h5, .wish-card .card-header h5{font-size: 18px;}
.price-amt h4, .notify-detail h6{font-size: 16px;}
.notify-detail h6 span{font-size: 12px;}
.notify-item a.btn{min-width: 130px;}
.inner-banner h2{font-size: 24px;}
.sidebar-sec{margin-top: 0;}
.play-icon{width: 60px;height: 60px;}
.play-icon i{font-size: 26px;}
.complete-sec h2{font-size: 24px;}
.instructor-detail h5{font-size: 16px;}
.com-info{flex-direction: column;}
.complete-sec .video-thumbnail{margin: 20px auto 0;}
.com-course .include-sec ul li:last-child{margin-bottom: 15px;}
.com-course .feature-sec ul li:last-child{padding-bottom: 15px;}
.nav-justified .nav-item{flex-grow: 0;flex-basis: unset;}
.category-title h5, .support-wrap label, .faq-detail p, .support-card p{font-size: 14px;}
.page-banner{padding: 50px 0;}
.page-banner h1, .help-title h1{font-size: 24px;}
.terms-text h3{font-size: 22px;}
.support-card h3{font-size: 20px;}
.help-sec{padding: 40px 0 30px;}
.support-sec{padding: 40px 0;}
.page-content{padding: 40px 0 20px;}
.sup-title{margin-bottom: 0px;}
.instructor-content p{font-size: 14px;margin-bottom: 10px;}
.instructor-info .rating-img p, .instructor-info .course-view p{margin-bottom: 0;}
.btn-action-primary{font-size: 12px;}
.profile-details .table th{font-size: 12px;}
.ticket-grp{flex-wrap: wrap;}
.ticket-grp .ticket-btn-grp{display: inline-flex;margin-top: 10px;}
.filter-tickets ul li{margin-bottom: 10px;}
.radio-with-img p.radio-deposit-item{display: inline-flex;width: 155px;}
.error-box h4{font-size: 20px;}
.error-box h6{font-size: 15px;margin: 20px 0px;}
.time-counts li span{font-size: 20px;}
.time-counts li{font-size: 15px;min-width: 80px;padding: 15px;}
.time-counts ul li:not(:last-child){margin-right: 10px;}
.come-soon-box h5{font-size: 14px;margin: 25px 0px;}
.social-icon-soon ul li i{font-size: 20px;}
.error-box-img img{width: 240px;}
.error-logo img{width: 120px;}
.error-box{padding: 20px;}
.course-content{padding: 60px 0px;}
.show-filter{/*margin-top: 15px;*/}
.lms-page{margin-bottom: 20px;margin-top: 0px;}
.clear-filter{margin-bottom: 25px;}
.course-design .price h3{font-size: 18px;}
.price h3 span{font-size: 12px;}
.course-group-img img{max-width: 40px;height: 40px;}
.view-icons a{font-size: 15px;width: 30px;height: 30px;}
.breadcrumb-bar{background: #FFF;padding: 15px 0;}
.blog-title{font-size: 20px;}
.blog-read .btn-primary{font-size: 16px;}
.post-left ul li{margin-bottom: 5px;}
.blog-modern-box .blog-title a{font-size: 18px;}
.student-group .course-group-img img{max-width: 80px;height: 80px;margin-right: 15px;border: 3px solid #FFFFFF;}
.student-group .course-name h4 a{font-size: 24px;}
.student-group .course-share .btn-primary{padding: 8px 20px;}
.my-teacher-list ul li a{font-size: 14px;padding: 0px 6px;padding-bottom: 10px;}
.progress-stip{height: 15px;}
.chat-cont-left .chat-users-list a.media .media-body > div:first-child .user-name{font-size: 14px;}
.chat-cont-left .chat-users-list a.media .media-body > div:first-child .user-last-chat{font-size: 12px;}
.cart-subtotal p,.cart-subtotal span{font-size: 18px;}
.check-outs .btn-primary,.condinue-shop .btn-primary{padding: 10px 15px;font-size: 18px;}
.payment-btn .btn-primary{padding: 12px 15px;font-size: 18px;min-width: 550px;}
.plan-header h4{font-size: 22px;padding: 12px 15px;}
.plan-change .btn-primary{font-size: 20px;padding: 12px 15px;}
.profile-img img{width: 90px;height: 90px;bottom: -50px;}
.profile-bg h5{font-size: 12px;}
.profile-name h4{font-size: 18px;}
.go-dashboard .btn-primary{padding: 9px 18px;}
.account-settings .settings-menu ul li a{font-size: 14px;}
.profile-heading h3{font-size: 20px;margin-bottom: 6px;}
.profile-heading{padding: 20px;}
.profile-heading p{font-size: 15px;}
.profile-details .course-group-img img{max-width: 80px;height: 80px;}
.profile-details .course-group{flex-wrap: wrap;}
.profile-details .course-group .course-group-img{margin-bottom: 15px;}
.profile-share .btn-success,.profile-share .btn-danger{padding: 4px 20px;font-size: 14px;}
.checkout-form label{font-size: 15px;}
.checkout-form.personal-address,.profile-details .course-group,.profile-heading{padding: 15px;}
.save-password{margin-top: 30px;}
.world-img img{margin-bottom: 15px;}
.link-accounts.personal-form{margin-top: 0;}
.filter-grp.user-referred h3,.link-box h3{font-size: 20px;}
.subscription-group{flex-wrap: wrap;}
.subscription-group .subscription-name{margin-bottom: 15px;}
.upgrade-now{margin-left: 0;}
.instructor-profile-content h4 a{font-size: 26px;}
.instructor-profile-content h4 span{margin-left: 0;}
.instructor-profile{margin-bottom: 20px;}
.instructor-profile-menu{max-width: 100%;margin-bottom: 20px;}
.instructor-profile-text{padding-top: 0;}
.add-course-header h2{font-size: 26px;}
.widget-setcount ul li p{min-width: 135px;}
.invoice-table tr td,.invoice-table-two tr td,.invoice-item .invoice-details{font-weight: 500;font-size: 15px;}
.main-nav > li{ margin-right: 0;}
.video-main-sec{display:block;}
.video-sec{display:none;}
.video-main-sec .video-sec{display:block;}
.settings-menu ul li{float: left; width: 25%;}
.settings-menu ul:after{ content: " "; display: block; clear: both;}
.profile-bg img{max-height: 150px;}
.profile-group{padding-bottom: 15px;}
.profile-name p{margin-bottom: 5px;}
}
@media (max-width: 767.98px){
.navbar-header{/*width: 100%;*/}
.logo{/*margin-right: 0;width: 100%;text-align: center;*/margin-right:0;}
.header-nav{height: 60px;}
.header-navbar-rht li a.header-sign{padding: 6px 15px;border:1px solid rgb(29 97 140 / 15%);}
.main-nav .nav-logout{ position:fixed;bottom:0;left:0;width:100%;padding:15px;}
.main-nav .nav-logout .header-login{border-radius: 50px;text-align: center;font-size: 15px;color: #ccc;text-transform: capitalize;font-weight: 500;min-width: 120px;border: 1px solid rgba(255,255,255,0.2);padding: 10px 20px!important;}
.main-nav .nav-logout .header-login:hover{background-color:rgba(255,255,255,0.3);border-color:rgba(255,255,255,0.3);color:#1d618c;}
.search-box .form-group .form-control{font-size: 14px;}
.profile-custom-list > li:nth-child(2n+1){clear: left;}
.bg-pattern-style-register{height: auto;}
.footer .footer-widget .footer-logo img{max-height:40px;}
#mobile_btn{/*top: 18px;margin-right: 0;position: absolute;*/margin-left:5px;margin-right:10px;}
.header-navbar-rht > li{padding-right:15px;}
.header-navbar-rht li a.header-login,.header-navbar-rht li a.header-sign{min-width:auto;}
.add-header-bg .header-navbar-rht li a.header-sign,.header-navbar-rht li a.header-login{border-width:1px;}
.add-header-bg .header-navbar-rht li a.header-sign:hover{border-width:1px;}
.logo img,.menu-logo img{width: 140px;}
h5{font-size: 16px;}
h6{font-size: 14px;}
.testimonial-four .testimonial-all{background: none;min-height: 454px;}
.testimonial-four .testimonial-two-head{max-width: 95%;}
.testimonial-four .testimonial-two-head p{font-size: 14px;}
.testimonial-four .slick-list{padding: 0px !important;}
.testimonial-four .slick-list{max-width: 85%;}
.testimonial-four .slick-prev:before,.testimonial-four .slick-next:before{font-size: 24px;}
.testimonial-four .slick-prev{left: 65px;width: 30px;height: 30px;}
.testimonial-four .slick-next{right:65px;width: 30px;height: 30px;}
.testimonial-four .slick-prev, .testimonial-four .slick-next{top: 63%;}
.testimonial-bg-top img{top: 18px;left: 38%;width: 160px;}
.testimonial-bg-right img{top: 50%;right: -77px;width: 140px;}
.testimonial-bg-left img{top: 50%;left: 59px;width: 140px;}
.testimonial-two-head{max-width: 90%;}
.testimonial-thumb img{width: 40px;}
.testimonial-two .slider-nav{margin-top: 0;}
.testimonial-two-head{padding: 15px;}
.bar-icon span{background-color: #1d618c;}
.header-navbar-rht{/*display: none;*/}
.course-key{position: relative;top: 0;}
.home-slide-text h1{font-size: 28px;margin-bottom: 10px;}
.home-slide {min-height: 600px;padding: 80px 0px 40px;}
.home-slide-text a,.home-slide-text p,.home-slide-text h5,.trust-user p{font-size: 15px;}
.search-content .form-control{min-height:auto;height: 36px;line-height:36px;padding:0;}
.search-content .form-inner{padding:5px 10px;}
.search-content .form-inner .form-control{width:auto;}
.search-content .sub-btn{position: absolute;right: -4px;width: 36px;height: 36px;font-size: 14px;margin-top: 0;padding:0;z-index:9}
.form-search .search-type{top:8px;left:8px;}
.home-slide-face{padding-top:5%;}
.girl-slide-img{display: contents;}
.girl-slide-img img{ max-width:200px; margin-left:auto; margin-right:auto;}
.rate-head h2,.rating h2{font-size: 32px;}
.rate-head h2{margin-right: 20px;}
.course-widget{padding: 40px 20px 0px;border-radius: 20px;}
.student-course,.how-it-works,.new-course,.trend-course,.share-knowledge,.teacher-wrap{padding: 40px 0px;}
.master-skill{padding: 40px 0px 0px;}
.feature-instructors{padding-top: 40px;}
.lead-companies{padding: 40px 0px 20px;}
.lead-group{padding: 10px 0px 40px;}
.course-radius{margin-bottom: 50px;}
.section-header{position: relative;display: block;}
.section-sub-head{margin-bottom: 20px;}
.section-header h2{font-size: 28px;}
.section-text p,.join-mentor p,.section-sub-head span,.top-instructors p,.course-count p{font-size: 15px;}
.owl-theme .owl-dots, .owl-theme .owl-nav{margin-top: 0;}
.owl-theme .owl-dots .owl-dot span{width: 10px;height: 10px;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{width: 25px;height: 10px;}
.join-mentor h2{font-size: 28px;}
.mentor-img img{position: relative;bottom: 0;right: 0;}
.top-instructors p{margin-bottom: 0;}
.feature-mentor{margin-bottom: 20px;}
.become-instructors{padding: 40px 0px 20px;}
.latest-blog{padding: 40px 0px 25px;}
.enroll-group{margin: 40px 0px;}
.course-count h3{font-size: 24px;margin-bottom: 10px;}
.footer-bottom .copyright-text p{text-align: center;}
.privacy-policy{text-align: center;margin-bottom: 20px;}
.footer-bottom .copyright{padding: 20px 0;}
.testi-quotes img{width: 50px;}
.trending-course{background: transparent;margin-top: 0;}
.course-feature{margin-top: 25px;}
.testi-right img{right: 0;right: -15px;width: 25px;top: -16px;}
.cube-instuctor:before,.yellow-mentor:before{display: none;}
.enroll-img img{width: 100%;}
.review{top: -300px;bottom: inherit;}
.scroll-sticky{margin-top: 0;}
.fount-about-img img{width: 60px;}
.four-testimonial-founder h3{font-size: 20px;}
.four-testimonial-founder span, .help-title p, .faq-title a{font-size: 14px;}
.testimonial-four .testimonial-two-head p, .faq-card{margin-bottom: 15px;}
.enroll-img{width: 100%;height: 100%;}
.form-inner .form-control{width: 100%;}
.search-content .form-inner{height: auto;}
.search-content .input-group .search-icon{display: none;}
.drop-detail{width: 100%;}
.trust-rating .rating i{padding: 0px 5px;font-size: 12px;}
.testi-quotes img{left: 60px;top: -10px;}
.testimonial-four .testimonial-two-head p{margin: 0px 0px 43px}
.icon-group .total-course{justify-content: center;width: 100%;}
.enroll-group .total-course{margin-bottom: 5px;}
.course-group-img{align-items: center;}
.course-name h4{font-size: 15px;margin-bottom: 0px;}
.product-content h3{font-size: 16px;}
.course-info p{font-size: 14px;}
.all-category .btn-primary{min-width: 100px;padding: 5px 12px;font-weight: 500;font-size: 14px;border-width:1px;}
.home-slide-text h5{margin-bottom: 15px;}
.home-slide-text p{font-size: 14px;margin-bottom: 25px;}
.trust-user p{margin: 21px 0px 10px;}
.instructors-course{margin-top: 37px;}
.instructors-content h5{font-size: 18px;}
.instructors-content p{font-size: 15px;}
.student-count span,.student-count i{font-size: 14px;}
.course-feature-list li{font-size: 16px;margin-bottom: 10px;}
.course-count p{font-size: 14px;}
.enroll-group{padding: 20px;}
.enroll-img{width: 60px;height: 100%;}
.feature-mentor{width: 100%; text-align:center; display:inline-block;}
.feature-mentor h4{font-size: 20px;}
.feature-mentor img{ max-width:50%; height:auto;}
.feature-wrap .d-flex{text-align: center; display:block!important;}
.price{min-width: 130px;padding: 10px 15px;border-radius: 10px;}
.price h3{font-size: 16px;}
.login-bg{display: none;}
.login-wrapper .loginbox{padding: 35px;}
.login-wrapper .loginbox h1{font-size: 24px;margin-bottom: 15px;}
.login-wrapper .loginbox label{font-size: 15px;}
.google-bg{padding: 20px;}
.sign-google ul li a img{margin-right: 10px;width: 16px;}
.sign-google ul{display: block;}
.sign-google ul li:first-child a{border-right: 0;}
.sign-google ul li{margin-bottom: 10px;}
.sign-google{margin: 20px 0px;}
.login-wrapper .loginbox .img-logo{display: block;margin-bottom: 35px;}
.back-home{float: right;margin-top: 10px;}
.personal-form{margin-top: 20px;}
.login-wrapper .register-box{padding: 35px;}
.personal-detail span{width: 22px;height: 22px;font-size: 12px;}
.title-sec h5, .title-sec p{font-size: 14px;}
.title-sec h2{font-size: 22px;margin-bottom: 10px;}
.table-price td{font-size: 14px;}
.wishlist-info h5, .wish-card .card-header h5{font-size: 16px;}
.wishlist-detail{display: block;flex-direction: column;}
.wishlist-img{margin: 0 auto 20px;}
.wishlist-info .course-info{justify-content: center;}
.wishlist-info .course-info p{margin-left: 7px;}
.wish-card .card-body, .wish-card .card-header{padding: 20px;}
.wishlist-info .course-view{margin-left: 10px;}
.wishlist-item .remove-btn{margin-top: 25px;text-align: center;}
.btn{font-size: 14px;}
.wishlist-info{text-align: center;}
.wishlist-img img, .wishlist-img{max-width: 230px;}
.course-content{padding: 50px 0;}
.notify-item a.btn{margin: 20px 0 0 60px;}
.notify-sec h5{font-size: 15px;margin-bottom: 20px;}
.course-card ul li{ position:relative; padding-right:80px;}
.course-card ul li p{margin-bottom: 0;}
.course-card ul li p .iconfont{ padding-left:15px!important;}
.course-video-item-btns{ position:absolute; right:0px; top:15px; text-align:right!important;}
.course-card ul li:first-child .course-video-item-btns{ top:5px;}
.course-video-item-btns .btn-cart,.course-video-item-btns .btn-play{ padding:5px;}
.inner-banner h2{font-size: 22px;}
.complete-sec h2{font-size: 20px;}
.web-badge, .cou-info{margin-bottom: 10px;}
.instructor-badge .web-badge{margin-bottom: 0;font-size: 12px;}
.instructor-wrap .rating{margin: 10px 0;}
.instructor-detail h5{font-size: 15px;}
.terms-text h3, .help-title h1{font-size: 20px;}
.support-img img{position: relative;}
.support-sec{padding: 40px 0 20px;}
.support-card{margin-bottom: 20px;}
.instructor-list{display: block;padding: 10px;}
.instructor-list .instructor-content{padding: 0;}
.instructor-list .instructor-img img{border-radius: 7px;margin-bottom: 15px;}
.instructor-list .instructor-content .rating-count{right: 0;top: 0;}
.check-on .form-check-input{min-height: 25px;width: 55px;flex: none;}
.payment-list{flex-wrap: wrap;}
.grp-action-style{padding: 0;}
.payment-method-blk .payment-list:not(:last-child){margin-bottom: 10px;}
.profile-details .table th{font-size: 12px;}
.profile-details .comman-space{padding: 15px;}
.ticket-grp{flex-wrap: wrap;}
.ticket-grp .ticket-btn-grp{display: inline-flex;margin-top: 10px;}
.filter-grp h3{font-size: 20px;}
.filter-tickets ul li{width: 100%;margin-bottom: 10px;}
.instruct-search-blk .select-form .form-select{margin-left: 0;}
.instruct-search-blk .show-filter .form-control,.instruct-search-blk .select-form .form-select{max-width: 100%;}
.sell-group-img{width:50px; margin-right: 10px;}
.sell-table-group .sell-tabel-info .filename{font-size: 16px;}
.settings-tickets-blk a{font-size: 14px;}
.course-instruct-blk .table-nowrap tr th, .course-instruct-blk .table-nowrap tr td{white-space: nowrap;}
.instruct-orders-info p{max-width: 100%;}
.ticket-btn-grp a{padding: 8px 28px;}
.radio-with-img p.radio-deposit-item{display: inline-flex;width: 100%;}
.error-box h4{font-size: 18px;}
.error-box h6{font-size: 14px;margin: 15px 0px;}
.time-counts li span{font-size: 18px;}
.time-counts li{font-size: 14px;min-width: 70px;}
.time-counts ul li:not(:last-child){margin-right: 5px;}
.come-soon-box h5{font-size: 12px;margin: 20px 0px;}
.social-icon-soon ul li i{font-size: 18px;}
.error-box-img img{width: 200px;}
.error-logo img{width: 100px;}
.error-box{padding: 10px;}
.lms-page{margin-bottom: 20px;margin-top: 0px;}
.show-filter .search-group{/*margin: 12px 0px;*/}
.lms-page li .page-link{margin-right: 10px;width: 30px;height: 30px;color: #000000;font-size: 12px;}
.course-design .price h3{font-size: 15px;}
.price h3 span{font-size: 12px;}
.clear-filter h4{font-size: 20px;}
.clear-filter{margin-bottom: 25px;}
.clear-text p{font-size: 12px;}
.course-content{padding: 30px 0px;}
.list-course .product{display: block;}
.list-course .product-img{margin-bottom: 12px;width: 100%;}
.view-icons a{font-size: 15px;width: 30px;height: 30px;}
.show-result h4{font-size: 14px;}
.breadcrumb-bar{background: #FFF;padding: 15px 0;}
.page-breadcrumb ol{font-size: 14px;}
.blog-title{font-size: 18px;}
.post-left ul li{margin-bottom: 10px;}
.blog-info a{font-size: 12px;}
.blog-read .btn-primary{font-size: 14px;padding: 7px 26px;}
.blog-modern-box .blog-title a{font-size: 16px;}
.student-group .course-group{display: block;}
.student-group .course-share{display: block;margin-top: 15px;}
.student-group .course-group-img img{max-width: 70px;height: 70px;margin-right: 12px;}
.student-group .course-name h4 a{font-size: 20px;}
.student-group .course-name p{font-size: 14px;}
.student-group .course-name h4 span{font-size: 12px;}
.student-group .course-share .btn-primary{padding: 8px 20px;}
.my-teacher-list ul{display: block;}
.my-teacher-list ul li .active{border-bottom: 0;}
.my-teacher-list ul li a{padding-bottom: 0;}
.my-teacher-list ul li{list-style: none;margin-right: 0;margin-bottom: 15px;}
.mycourse-student{display: -webkit-box;display: -ms-flexbox;display: block;}
.show-filter .mycourse-student .form-control{max-width: 100%;}
.progress-stip{height: 10px;}
.start-leason .btn-primary{padding: 10px 15px;}
.my-teacher-list ul li a{font-size: 14px;}
.purchase-widget .head-course-title{display: -webkit-box;display: -ms-flexbox;display: block;}
.chat-cont-left,.chat-cont-right{flex: 0 0 100%;max-width: 100%;}
.chat-cont-left .chat-users-list a.media .media-body > div:first-child .user-name{font-size: 14px;}
.chat-cont-left .chat-users-list a.media .media-body > div:first-child .user-last-chat{font-size: 12px;}
.cart-head h4{font-size: 18px;}
.cart-remove .btn-primary{font-size: 14px;}
.cart-subtotal p,.cart-subtotal span{font-size: 16px;}
.check-outs .btn-primary,.condinue-shop .btn-primary{padding: 10px 15px;font-size: 16px;}
.check-outs .btn-primary{margin-bottom: 10px;}
.course-design .course-info p{font-size: 12px;}
.payment-btn .btn-primary,.plan-change .btn-primary{min-width: 100%;padding: 10px 15px;font-size: 16px;}
.pay-method{margin: 30px 0px;}
.checkout-form label,.checkout-form .form-control,.checkout-form .form-select{font-size: 14px;}
.ship-check{font-size: 12px;}
.plan-header h4{font-size: 20px;}
.basic-plan h3{font-size: 18px;}
.basic-plan h2{font-size: 28px;}
.profile-details .course-group-img,.profile-details .course-group{flex-wrap: wrap;}
.profile-details .course-group-img .course-name{margin: 15px 0px;}
.profile-share{margin-left: 0;}
.profile-details .course-group-img img{max-width: 60px;height: 60px;}
.profile-img img{width: 90px;height: 90px;bottom: -50px;}
.profile-name h4{font-size: 16px;}
.profile-name p{font-size: 12px;}
.profile-group{padding-top: 62px;}
.go-dashboard .btn-primary{padding: 8px 24px;}
.profile-heading h3{font-size: 20px;}
.profile-heading p{font-size: 14px;}
.personal-address p{margin-bottom: 20px;}
.checkout-form.personal-address,.profile-details .course-group,.profile-heading{padding: 15px;}
.un-subscribe .btn-danger{font-size: 12px;}
.world-img img{margin-bottom: 15px;}
.link-accounts.personal-form{margin-top: 0;}
.widra-your-money,.user-referred{flex-wrap: wrap;}
.filter-grp.user-referred h3{font-size: 20px;margin-bottom: 15px;}
.link-box h3{font-size: 20px;}
.subscription-group{flex-wrap: wrap;}
.subscription-group .subscription-name{margin-bottom: 15px;}
.upgrade-now .btn-primary,.active-change-plan .btn-primary{font-size: 14px;}
.upgrade-now{margin-left: 0;}
.monthly-group{flex-wrap: wrap;}
.monthly-group .subscribtion-active{margin-bottom: 15px;}
.active-change-plan{margin-left: 0;}
.instructor-card .card-body{padding: 15px;}
.instructor-profile-content h4{margin-bottom: 10px;}
.instructor-profile-content h4 a{font-size: 20px;}
.instructor-profile-menu{padding: 15px;}
.instructor-profile-menu ul{flex-direction: column;}
.instructor-profile-menu ul li{margin-bottom: 15px;}
.instructor-profile-menu ul li:last-child{margin-bottom: 0;}
.instructor-profile-menu-content p{font-size: 14px;}
.instructor-profile-text p{font-size: 14px;}
.instructor-grid{display: block;}
.instructor-grid .product-img{width: 100%;margin-bottom: 15px;}
.instructor-grid .instructor-product-content{margin-left: 0;}
.instructor-grid .instructor-product-content h3{font-size: 16px;max-width: 100%;line-height: normal;}
.instructor-grid .course-info{margin: 15px 0px;}
.instructor-grid .course-info p{font-size: 14px;margin-left: 6px;}
.instructor-grid .course-view{margin-left: 8px;}
.add-course-header{padding-bottom: 20px;flex-direction: column;}
.add-course-header h2{font-size: 18px;}
.add-course-btns ul{flex-direction: column;}
.add-course-btns ul li{margin-top: 10px;margin-right: 0;}
.add-course-btns .btn{padding: 8px 15px;min-width: 160px;}
.widget-setcount{padding: 15px;margin-bottom: 5px;}
.widget-setcount ul{display: block;}
.widget-setcount ul li{margin-right: 0;margin-bottom: 10px;}
.widget-setcount ul li:last-child{margin-bottom: 0;}
.widget-setcount ul li p{border: 0 !important;padding-top: 0;}
.add-course-inner-header{padding: 15px;padding-bottom: 0;}
.add-course-inner-header h4{font-size: 16px;}
.add-course-form{padding: 15px;}
.widget-btn{padding: 15px;}
.widget-btn .btn{padding: 8px 15px;min-width: 120px;}
.relative-file-upload{min-width: 120px;}
.add-image-box{min-height: 150px;}
.add-image-box a{font-size: 40px;}
.add-course-section{padding: 15px;padding-bottom: 0;}
.curriculum-grid{padding: 15px;margin-bottom: 20px;}
.curriculum-head p{font-size: 14px;}
.faq-grid{padding: 15px;}
.faq-right{display: none;}
.faq-body{padding-top: 10px;padding-left: 0;}
.add-article-btns .btn{min-width: 100%;padding: 8px 10px;margin-top: 10px;}
.add-course-msg{padding: 15px;}
.add-course-msg i{font-size: 30px;}
.add-course-msg h4{font-size: 16px;margin-bottom: 6px;}
.add-course-msg p{font-size: 14px;}
.instructor-card{margin-bottom: 20px;}
.instructor-inner h6{margin-bottom: 10px;}
.instructor-inner h4{font-size: 24px;}
.submit-ticket .btn-primary,.submit-ticket .btn-dark{padding: 10px 12px;min-width: 161px;margin-bottom: 10px;}
.error-box .big-text{font-size: 18px;margin-bottom: 6px;}
.countdown-el{min-width: 80px;}
.countdown-el span{font-size: 14px;}
.choose-search-blk .form-group{width: 100%;}
.invoice-item .invoice-details{text-align: left;font-weight: 500;font-size: 14px;}
.invoice-info.invoice-info2{text-align: left;}
.invoice-table tr td, .invoice-table-two tr td{font-weight: 500;font-size: 14px;}
.post-left ul{display: block;}
.post-left ul li{border: 0;padding: 0 0px;}
.blog-widget .card-header{margin-bottom: 20px;}
.teacher-list{padding: 15px;}
.pagenavi{padding:10px 0;margin-bottom:10px;}
body{ font-size:15px;}
.pagenavi a,.pagenavi span{line-height:28px;margin:0 1px;margin-bottom:4px;padding:0 10px;}
.course-lists{ margin-left:-7px; margin-right:-7px;}
.course-lists .course-item{ width:50%; padding:0 7px;}
.course-box{ margin-bottom:15px;}
.btn-wish{ margin-bottom: 5px;}
.settings-menu ul li a{padding: 10px 15px;}
.settings-menu ul li:before{height: 20px;}
.summary-info{padding-left: 8px; padding-right: 8px;}
.summary-info .summary-item { width: 33.33%; padding-left: 5px; padding-right: 5px;}
.page-content{padding: 30px 0 15px}
.footer-bottom{font-size: 13px;}
.sell-tabel-info .course-info p .icon-item+.icon-item{ margin-left: 10px;}
.springtime-pop1060{width:248px;height:200px;}
.springtime-pop1060::after{ background-size:248px auto;}
.springtime-pop1060 .springtime-Link{width:100px;height: 32px;font-size:16px; line-height: 32px;}
.springtime-pop1060 .icon-close{right:0;top:0;}
.springtime-pop1060.login .springtime-price{top: 142px;left:128px; }
.springtime-pop1060 .springtime-data{font-size: 10px;}
.feature-instructors{padding-top: 20px;}
.nav-tabs>li>a{font-size:16px;}
.login-wrapper .loginbox .img-logo img{ width:140px;}
}
@media (min-width: 576px){
.modal-styles .modal-dialog{max-width: 860px;}
}
@media (max-width: 575.98px){
.video-thumbnail img{min-height: 150px;object-fit: cover;}
.video-details .btn-enroll{margin-top: 10px;}
.breadcrumb-bar{display: none;}
.page-breadcrumb ol li{display: none;}
.page-breadcrumb ol li.active{display: block;padding-left: 0;}
.category-tab ul li{width: 100%;margin-right: 0;}
.course-widget .col-xs-6{flex: 0 0 auto;width: 50%;}
.course-img{ width:60px;height:60px;}
.course-img .iconfont{font-size:36px;line-height:60px;}
.online-course{ padding:10px;}
.online-course h4{ font-size:18px;}
.course-inner-content p{ font-size:14px;}
.course-radius{ margin-bottom:30px;}
.student-course, .how-it-works, .new-course, .trend-course, .share-knowledge,.teacher-wrap{padding: 35px 0px;}
.feature-text{ padding-top:10px; margin-bottom:0;}
.course-content{ padding: 20px 0;}
.settings-widget{margin-bottom: 20px;}
}
@media (max-width: 479.98px){
.header-navbar-rht > li{padding-right:10px;}
.student-course, .how-it-works, .new-course, .trend-course, .share-knowledge,.teacher-wrap{padding: 25px 0px;}
body{ font-size:14px;}
.course-lists{ margin-left:0; margin-right:0;}
.course-lists .course-item{ width:100%; padding:0; clear:both;}
.search-filter .card-body{ padding: 10px 15px;}
.search-filter .filter-widget{padding-left: 50px;}
.search-filter .filter-widget h4{font-size:16px;}
.product{ padding: 10px 15px;}
.product-content{ padding-top: 12px; padding-bottom: 10px;}
.section-header h2{ font-size: 22px;}
.feature-head h2{ margin-bottom: 10px;}
.section-text p, .join-mentor p, .section-sub-head span, .top-instructors p, .course-count p{font-size:14px;}
.section-sub-head{ margin-top: 10px;margin-bottom: 10px;}
.feature-instructors{padding-top: 0;}
.join-mentor{padding-bottom: 30px;}
.item-download{margin-top: 10px;}
.feature-wrap{padding-top: 10px;}
.course-radius{margin-bottom:15px;}
.card-body{ padding: 15px;}
.item-download{ padding:15px;}
.item-download .item-inner .sell-tabel-info{ padding-right:75px;}
.item-download .item-inner .btn{right:15px;}
.sell-group-img{width:40px; margin-right: 5px;}
.sell-group-img .iconfont{font-size: 36px;}
.floatbar{display: none;}
.settings-menu ul li{width: 50%;}
.settings-menu ul li a{padding: 8px 10px;}
.settings-menu ul li:before{height: 14px;}
.instructor-inner h4{font-size: 18px;}
.instructor-card{margin-bottom: 15px;}
.settings-widget{margin-bottom: 15px;}
.page-content{padding: 20px 0 10px}
.blog,.blog-widget{ padding: 15px;}
.sell-tabel-info .course-info p .icon-item{ float: left; width: 50%;}
.sell-tabel-info .course-info p .icon-item+.icon-item{ margin-left: 0;}
.pagenavi a,.pagenavi span{ font-weight:normal;line-height: 24px; padding: 0 6px;}
.settings-menu ul li:before{left:0;}
.login-wrapper .loginbox{ padding:20px;}
.nav-tabs>li>a{font-size:15px;padding: 6px 10px;}
.login-wrapper .loginbox{ font-weight:normal;}
.echarts-wrap .echarts-item{min-height: 300px;}
}
@media (max-width: 419.98px){
.sell-tabel-info .course-info p .icon-item{ float:none; width: 1000%; display: block;clear: both;}
}
@media (max-width: 359.98px){
.header-nav .container{padding-left: 10px; padding-right: 10px;}
.header-navbar-rht > li{padding-right:5px;}
.header-navbar-rht li a.header-login, .add-header-bg .header-navbar-rht li a.header-sign{padding: 4px 10px;}
#mobile_btn{margin-right:5px;}
.bar-icon,.bar-icon span{width:26px;}
.course-widget{ padding:20px 15px 0;}
.course-widget .col-xs-6{flex: 0 0 auto;width: 100%;}
.course-radius{ margin-bottom:10px;}
.search-filter .card-body{ padding: 5px 10px;}
.search-filter .filter-widget{padding-left: 40px;}
.search-filter .filter-widget h4{font-size:14px;}
.product{ padding: 5px 10px;}
.section-header h2{ font-size: 20px;}
.section-text p, .join-mentor p, .section-sub-head span, .top-instructors p, .course-count p{font-size:13px;}
.card-body{ padding: 10px;}
.instructor-inner h4{font-size: 16px;}
.footer-bottom{font-size: 12px;}
}