@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&display=swap";
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: #f66962 }
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 0 1000px #fff inset !important
}
input, button, a { transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; -webkit-transition: all .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: .5rem }
.input-block { margin-bottom: 0.5rem }
.form-control { border-color: #dce0eb; color: #685f78; font-size: 15px; min-height: 44px; padding: 6px 15px }
.table .form-control { font-size: 14px; min-height: 38px }
 .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: 14px
}
 @-webkit-keyframes up-down {
 0% {
 transform: translateY(10px)
}
 100% {
 transform: translateY(-10px)
}
}
 @keyframes up-down {
 0% {
 transform: translateY(10px)
}
 100% {
 transform: translateY(-10px)
}
}
.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: #f66962 !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: #ffd600 !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: #012E81;; border: 1px solid #ff875a }
.bg-blue { background: #392c7d }
.bg-yellow { background: #ffb500 }
.bg-green { background: #21b477 }
.bg-light-green { background: #6cc04a }
.bg-orange { background: #ff602e }
.text-green { color: #21b477 }
.text-blue { color: #392c7d }
.text-orange { color: #ff602e }
.btn-primary:hover, .btn-primary:focus, .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary { background-color: #012E81; border: 1px solid #012E81 }
.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: #012E81; border: 1px solid #012E81 }
.btn-primary.active:not(:disabled):not(.disabled), .btn-primary:active:not(:disabled):not(.disabled), .show>.btn-primary.dropdown-toggle { background-color: #012E81; border-color: #012E81; 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: #ff875a; border: 1px solid #ff875a }
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary.active, .btn-secondary:active, .open>.dropdown-toggle.btn-secondary { background-color: #012E81; border: 1px solid #012E81 }
.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:hover { background: #392c7d }
.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 }
.btn-pink { color: #fff; background: #ff4667; border: 1px solid #ff4667; border-radius: 5px }
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary.active, .btn-secondary:active, .open>.dropdown-toggle.btn-secondary { background-color: #ff4667; border: 1px solid #ff4667; opacity: .9 }
.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 }
.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, .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, .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, .12) !important; color: #1db9aa !important }
.bg-primary-light { background-color: rgba(17, 148, 247, .12) !important; color: #2196f3 !important }
.bg-danger-light { background-color: rgba(242, 17, 54, .12) !important; color: #e63c3c !important }
.bg-warning-light { background-color: rgba(255, 152, 0, .12) !important; color: #f39c12 !important }
.bg-success-light { background-color: rgba(15, 183, 107, .12) !important; color: #26af48 !important }
.bg-purple-light { background-color: rgba(197, 128, 255, .12) !important; color: #c580ff !important }
.bg-default-light { background-color: rgba(40, 52, 71, .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 }
.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: .4s }

.header-nav-web { -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: 50px; padding: 0 20px; margin-bottom: 0; transition-duration: .4s }

.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: #f66962 }
.main-nav>li .submenu li a { display: block; padding: 10px 15px; clear: both; white-space: nowrap; font-size: 14px; 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: 15px; font-weight: 500; color: #26292c }
.header-two .main-nav li a { color: #324fa2 }
.header-two .main-nav li a { color: #324fa2 }
.header-two .main-nav .has-submenu>a { position: relative }
.header-two .main-nav .has-submenu.menu-effect>a::after { content: ""; height: 3px; width: 0; background-color: #ff602e; position: absolute; bottom: 20px; left: 0; transition: all .5s; border-radius: 5px }
.header-two .main-nav .has-submenu.menu-effect:hover>a::after { width: 20px }
.header-two .main-nav .has-submenu.active>a::after { width: 20px }
.main-nav li.login-link { display: none }
.logo { display: inline-block; margin-right: 30px; width: 160px }
.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: 0 }
.header-navbar-rht>li>a { font-size: 16px; font-weight: 500; color: #26292c }
.header-navbar-rht li .dropdown-menu { border: 0; box-shadow: 0 0 28px 15px rgba(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: #f6697b; border-color: #f6697b; color: #fff }
.header-navbar-rht li a.header-login { border-radius: 50px; text-align: center; font-size: 16px; color: #392c7d; text-transform: capitalize; font-weight: 500; min-width: 150px; border: 3px solid #b4a7f5; padding: 10px 15px }
.header-navbar-rht li a.header-sign { min-width: 150px; padding: 14px 15px; background: rgb(241 241 241/42%); border-radius: 46.9159px; text-align: center }
.header-navbar-rht li a.header-sign:hover { background-color: #f6697b; border-color: #f6697b; color: #fff }
.add-header-bg .header-navbar-rht li a.header-sign { background: #b4a7f5; border: 3px solid #b4a7f5; color: #fff; padding: 10px 15px }
.add-header-bg .header-navbar-rht li a.header-sign:hover { background: #fff; color: #22100d; border: 3px solid #b4a7f5 }
.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 .15s ease-in-out; transition: all .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, .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: #ff875a }
.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 }
.users .dropdown-item i { color: #ff875a }
.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: 0 1px 0 #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: #fff; 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; font-family: poppins, sans-serif }
.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: #ff5364 }
.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: #f66962; font-size: 14px; font-weight: 700; margin-bottom: 0 }
.wish-content h5 span { color: #777; font-size: 10px; font-weight: 400; margin-bottom: 0 }
.wish-nav .remove-btn a { margin-top: 10px }
.remove-btn a { background: #fff; border: 1px solid #ff5364; padding: 5px 10px; border-radius: 0; font-weight: 500; font-size: 12px }
.remove-btn a:hover { background: #ff5364; color: #fff }
.total-item { text-align: right }
.total-item h6 { font-size: 14px; color: #000; margin-bottom: 10px }
.total-item h5 { font-size: 16px; font-weight: 600; color: #000 }
.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;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmZmZmZmJy8+PC9zdmc+) }
.night-mode .form-switch .form-check-input:checked { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmY1MzY0Jy8+PC9zdmc+) !important }
.night-mode .form-switch .form-check-input { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmZmZmZmJy8+PC9zdmc+); background-color: #e0e0e0; border-color: #e0e0e0 }
.sidebar-overlay { background-color: rgba(0, 0, 0, .6); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1040 }
.menu-opened .main-menu-wrapper { transform: translateX(0) }
.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 { font-size: 18px }
.header-five .menu-close { color: #fff }
.bar-icon { display: inline-block; width: 31px }
.bar-icon span { background-color: #f66962; display: block; float: left; height: 3px; margin-bottom: 7px; width: 31px; border-radius: 2px }
.bar-icon span:nth-child(2) { width: 16px }
.bar-icon span:nth-child(3) { margin-bottom: 0 }
#mobile_btn { display: none; margin-right: 30px }
html.menu-opened body { overflow: hidden }
.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: #000 }
.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 .4s ease 0s }
.footer-menu ul li a i { margin-right: 5px }
.footer-widget.footer-menu ul li a:hover { color: #f66962 }
.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: 0 }
.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: #000; text-align: right }
.footer-bottom .copyright-text p a:hover { color: #f66962 }
.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: 0 10px; border-right: 1px solid #b2b1fc; list-style: none }
.privacy-policy ul li a { color: #000 }
.privacy-policy ul li a:hover { color: #f66962 }
.privacy-policy ul li:last-child { border-right: 0 }
.privacy-policy ul li:first-child { padding-left: 0 }
.news-letter form { border-bottom: 0 }
.footer-menu-two .footer-title { color: #392c7d }
.footer-contact-two .footer-title { color: #392c7d }
.footer-menu-two { font-weight: 500; font-size: 15px; color: #4f4f4f }
.footer-two .footer-contact-widget p { font-weight: 500; color: #4f4f4f }
.footer-two .privacy-policy ul li a { color: #292929 }
.footer-two .privacy-policy ul li a:hover { color: #ff602e }
.home-slide { position: relative; background-image: url(../img/banner.png); background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 1000px }
.section-header.section-head-one .sub-title { color: #777; font-size: 18px; font-weight: 400; max-width: 760px }
.section-header.section-head-one h2 { color: #0b0b0b }
.home-slide-text { line-height: 36px }
.home-slide-text h5 { color: #685f78; font-size: 20px; margin-bottom: 25px }
.home-slide-text h1 { font-weight: 700; font-size: 48px; margin-bottom: 40px; line-height: 1.2; max-width: 500px }
.home-slide-text p { font-weight: 500; font-size: 18px; color: #685f78; margin-bottom: 48px }
.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: 0 }
.bg-search a { font-size: 14px; 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: 20px; color: #685f78; font-weight: 500; margin: 30px 0 10px }
.banner-content { margin-bottom: 25px }
.rate-head h2 { margin-right: 40px; color: #000; font-size: 48px; font-weight: 700; margin-bottom: 0 }
.trust-rating .rating { margin-bottom: 0 }
.trust-rating .rating i { padding: 0 9px }
.rating h2 { color: #000; font-size: 48px; font-weight: 700; margin-bottom: 0 }
.banner-content .form-inner { padding: 12px; background-color: #fff; border-radius: 35px; width: 100%; border: 0; max-width: 740px }
.banner-content .input-group { background: #fff; border-radius: 130px; padding-left: 12px }
.banner-content .input-group .search-icon { display: flex; align-items: center; color: #f66962 }
 .banner-content .input-group .form-control::placeholder {
 color: #a2a2a2
}
.banner-content .input-group .input-group-prepend { margin-right: 0 }
.banner-content .form-control { background: #fff; border-radius: 40px; border: 0; height: 44px; color: #000; font-size: 16px; margin-right: 10px }
.drop-detail .form-select { border: 0; border-radius: 50px; background-color: #ffdeda; font-size: 14px }
.drop-detail .form-select:focus { box-shadow: none }
.drop-detail { width: 174px; display: flex; margin: 0 17px; border-radius: 50px !important; border: 0; height: 44px }
.banner-content .select2-container { border-radius: 50px; background-color: #ffdeda; z-index: unset }
.banner-content .select2-container .select2-selection--single .select2-selection__rendered { font-size: 14px; padding-left: 15px }
.banner-content .select2-container .select2-selection--single { border: 0; align-items: center; display: flex; background: 0 0; height: 44px }
.banner-content .select2-container--default.select2-container--open.select2-container { border-radius: 3px }
.select2-dropdown { border: 1px solid #ffdeda }
.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: #ffdeda; color: #22100d; font-size: 14px }
.banner-content .select2-container--default .select2-selection--single .select2-selection__arrow { top: auto }
.banner-content .sub-btn { background: #f66962; border-radius: 50px !important; font-weight: 700; border: 1px solid #f66962; margin: 0; font-size: 18px; line-height: 18px; padding: 10px 15px; color: #fff; width: 44px }
.banner-content .sub-btn:hover, .banner-content .sub-btn:focus { background: #012E81; border-color: #012E81 }
.banner-content .form-control.catecory-mentor { background: #ffdeda; margin: 0 10px; font-size: 14px; color: #22100d }
.section-header { margin-bottom: 18px; position: relative; display: flex }
.section-sub-head h2 { font-size: 36px; margin-bottom: 0; font-weight: 700; color: #0b0b0b; letter-spacing: .9px }
.section-sub-head span { color: #f66962; font-size: 18px; font-weight: 700; padding-bottom: 18px; display: block; letter-spacing: .9px }
.section-text { max-width: 700px; color: #685f78; font-size: 16px; font-weight: 500 }
.all-btn { margin-left: auto }
.all-category .btn-primary { color: #392c7d; border: 3px solid #b4a7f5; backdrop-filter: blur(151.39px); border-radius: 46.9159px; background: 0 0; border-radius: 46.9159px; min-width: 150px; padding: 10px 15px; font-weight: 500 }
.all-category .btn-primary:hover { background-color: #917cf6; border-color: #917cf6; color: #fff }
.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-inner-content { margin-left: 20px }
.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 .5s }
.course-full-width:hover { top: -10px; transition: top ease .5s }
.online-course h4 { margin-bottom: 0; font-size: 20px; font-weight: 600 }
.course-inner-content h4 { margin-bottom: 8px; font-weight: 700; color: #000 }
.course-inner-content p { color: #000; 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: #fff; border: 1px solid #e9ecef; box-shadow: -11.729px -11.729px 32px rgba(255, 255, 255, .15); border-radius: 10px }
.feature-bg { padding: 25px; width: 100%; border-radius: 10px; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease }
.feature-bg:hover { background: #413655; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease }
.feature-bg:hover p, .feature-bg:hover .feature-text { color: #fff; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease }
.feature-bg p { color: #685f78; font-size: 14px; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease }
.feature-header { margin-bottom: 10px }
.feature-icon { margin-right: 15px; font-size: 30px; 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: #fff; margin: 0 auto }
.mentoring-course .owl-stage { padding-top: 55px }
.feature-heading { text-transform: uppercase; font-size: 14px; font-weight: 700 }
.feature-text { font-size: 18px; font-weight: 700; padding-top: 25px; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease; max-width: 130px; margin: 0 auto 15px }
.feature-bg p { margin-bottom: 0 }
.mentoring-course { margin-top: 40px }
.owl-theme .owl-nav { display: none }
.owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px; margin: 0 5px; background: #ffdeda; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #f66962; width: 50px; height: 15px; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease }
.owl-theme .owl-dots, .owl-theme .owl-nav { margin-top: 26px }
.new-course { padding: 80px 0 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 }
.product { border-radius: 10px; position: relative; padding: 20px; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease; background: #fff; backdrop-filter: blur(17px); -webkit-backdrop-filter: blur(17px) }
.product:hover { background: #413655; color: #fff; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease }
.product:hover .course-info p, .product:hover .course-name p, .product:hover .btn-primary, .product:hover .course-name h4 a, .product:hover .product-content h3 a, .product:hover .course-share i { color: #fff; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease }
.product:hover .course-name h4 a:hover, .product:hover .product-content h3 a:hover { color: #f66962 }
.product:hover .rating-img img, .product:hover .course-view img { filter: invert(1) brightness(100); transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .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 { padding-top: 18px; display: inline-block; width: 100% }
.product-content h3 { font-size: 18px; color: #000; font-weight: 500; line-height: 1.3 }
.product-content h3 a:hover { color: #f66962 }
.product-content .instructor-text { max-width: 320px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box }
.product .rating { margin-left: auto; margin-bottom: 15px; width: auto; font-size: 14px; font-weight: 600; color: #685f78 }
.product:hover .rating { color: #fff }
.course-info { margin: 16px 0 18px }
.course-info .course-view img, .course-info .rating-img img { width: 18px }
.course-info p { margin-bottom: 0; color: #685f78; font-size: 12px; font-weight: 500; margin-left: 5px }
.course-view { margin-left: auto }
.course-group { margin-bottom: 17px }
.course-group .course-group-img { align-items: center }
.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: #ff5364; font-size: 20px }
.course-share a:hover i { font-weight: 700 }
.course-name h4 { font-size: 16px; margin-bottom: 5px; font-weight: 500 }
.course-name p { margin-bottom: 0; font-size: 14px; color: #685f78 }
.average-rating span { color: #685f78 }
.product:hover .average-rating span { color: #fff }
.master-skill { padding: 80px 0 0 }
.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 .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: 15px; font-weight: 500 }
.career-group { margin: 60px 0 }
.trend-course { padding: 80px 0; background-image: url(../img/bg-banner.png); background-repeat: no-repeat; background-position: center; background-size: cover }
.trending-course { position: relative; margin-top: 57px }
.trend-box { background: 0 0; border: 1px solid #e9ecef; padding: 0 }
.price { background: #fff; position: absolute; bottom: 20px; right: 20px; min-width: 149px; padding: 14px 15px; border-radius: 5px }
.price.combo { background: #fff; position: absolute; bottom: 20px; right: 20px; min-width: 149px; padding: 14px 15px; border-radius: 5px }
.price.combo { min-width: auto; padding: 4px 11px }
.price.combo h3 { color: #159f46; font-weight: 600; font-size: 16px }
.price h3 span { text-decoration: line-through; font-size: 14px; color: #a5a5a5 }
.price h3 { font-size: 16px; color: #f66962; font-weight: 600; margin-bottom: 0 }
.feature-instructors { padding-top: 80px }
.feature-head { margin: auto }
.feature-head h2 { margin-bottom: 25px }
.instructors-widget { background: #fff; border: 1px solid #e9ecef; box-shadow: 0 5px 13px 6px rgb(212 211 254/23%); border-radius: 10px; margin-bottom: 24px; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.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-widget:hover .instructors-img 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 0 18px }
.student-count i { display: flex; align-items: center; color: #ff5364; 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: #392c7d; margin-right: 17px }
.student-count .orange { display: flex; align-items: center; color: #ff875a; margin-right: 17px }
.student-count span { color: #685f78; font-size: 14px }
.lead-companies { padding: 0 0 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 0 24px }
.trust-lead .get-certified { padding: 20px }
.trust-lead .certified-img img { top: inherit; left: inherit }
.share-knowledge { padding: 60px 0; background-image: url(../img/bg-banner-01.png); background-repeat: no-repeat; background-position: center; background-size: cover }
.join-mentor h2 { color: #1f1f1f; font-size: 36px; font-weight: 700; margin-bottom: 0 }
.join-mentor p { font-size: 18px; color: #685f78; margin: 30px 0 }
.course-list { padding: 0; margin-bottom: 35px }
.course-list li { list-style: none; font-weight: 600; font-size: 20px; margin-bottom: 20px }
.course-list li i { color: #f66962; margin-right: 15px }
.latest-blog { padding: 80px 0 63px; background-image: url(../img/bg-banner-02.png); background-repeat: no-repeat; background-position: center; background-size: cover }
.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, .38); border-radius: 20px; padding: 30px; margin: 80px 0 }
.enroll-img { background: #fff; border-radius: 10px; padding: 10px }
.course-count { margin-left: 25px; color: #000 }
.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: 0 }
.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 .5s; cursor: pointer }
.icon-group .total-course:hover { top: -10px }
.total-course { margin-bottom: 24px }
.user-love { padding: 80px 0; 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: 327px 0 100px }
.student-mentor { background: #ffdeda; padding: 30px; border-radius: 20px; color: #000; position: relative }
.student-mentor h4 { font-size: 24px; font-weight: 700; margin-bottom: 18px }
.top-instructors p { font-size: 18px; margin-bottom: 0; margin-bottom: 40px }
.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: 0 0 }
.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 0 10px }
.testimonial-four .testimonial-two-head p { font-size: 20px; color: #fff; font-weight: 500; line-height: 1.6; font-style: italic; margin: 37px 0 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: #f66962; 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: #f66962 }
.testimonial-four .slick-prev:before { font-family: "font awesome 5 free"; content: "\f060"; color: #392c7d; 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: #392c7d; 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: 0 }
.four-testimonial-founder h3 { margin: 17px 0 10px; font-size: 24px; font-weight: 700; color: #201f2e }
.four-testimonial-founder span { font-size: 18px; color: #685f78 }
.mentor-img img { position: absolute; bottom: 0; right: 0 }
.home-two .add-header-bg { box-shadow: 0 4px 15px hsl(220deg 23% 97%); transition-duration: .4s; background: #fff; padding-top: 0; margin: 0 }
.home-two .banner-content .input-group { background: #fff; padding-left: 0; align-items: center }
.home-two-slide { position: relative; background-image: url(../img/bg/home-main.png); background-repeat: no-repeat; background-position: center; background-size: cover }
.home-two-slide .home-slide-face { padding: 230px 0 }
.home-two-slide .drop-detail { width: 170px; display: flex; margin: 0; border-radius: 50px !important; border: 0; height: 44px }
.home-two-slide .banner-content .form-inner { padding: 10px; background-color: #fff; border-radius: 35px; width: 100%; border: 0; max-width: 740px }
.home-two .banner-content .input-group>:not(:first-child) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 1px solid #f4f4f4 }
.home-two .sub-btn { background: #ff602e; border-radius: 5px !important; width: 221px; padding: 15px }
.home-two .sub-btn:hover { background: #392c7d; border: 1px solid #392c7d; border-radius: 5px !important }
.home-two .banner-content .form-inner { background: #fff; border: 1px solid #7a9edd; box-shadow: 0 4px 34px rgb(196 196 196/25%); border-radius: 10px }
.home-two .home-slide-text h1 { color: #324fa2; max-width: 817px }
.home-two .home-slide-text h5 { font-style: italic; font-weight: 600; color: #ff602e }
.home-two .trust-user-two p { color: #324fa2; font-weight: 500; font-size: 16px }
.trust-user-two .rating-two { color: #21b477; font-size: 15px; font-weight: 700 }
.trust-user-two .rating-two i { font-size: 14px }
.home-two .banner-content .form-inner { max-width: 856px; width: 100% }
.home-two .banner-content .select2-container .select2-selection--single { border: 0; align-items: center; display: flex; background: #fff; height: 44px; border-right: 1px solid #f5f5f5; border-radius: 0 }
.home-two .trust-user p { margin: 30px 0 10px; font-weight: 500; font-size: 16px; color: #324fa2 }
.home-two .shapes-one { position: absolute; right: -12rem; top: 0 }
.home-two .shapes-two { position: absolute; right: 7rem; bottom: 0; top: 26rem; animation: up-down 3s ease-in-out infinite alternate-reverse both }
.home-two .shapes-four { position: absolute; width: 220px; left: -5rem; bottom: -1rem }
.home-two .shapes-middle { position: absolute; left: 50rem; top: 18rem; bottom: 0 }
.about-section { padding: 60px 0 }
.home-two .trust-user .rating .filled { color: #21b477; font-size: 16px }
.home-two .trust-user .rating span { color: #21b477; font-size: 16px }
.text-navy { color: #324fa2 !important }
.login-head { border: 1px solid #392c7d; font-weight: 700 !important; color: #fff !important; background: #392c7d; border-radius: 5px; text-align: center; padding: 10px; min-width: 165px; position: relative; z-index: 1; overflow: hidden; text-transform: initial; box-shadow: inset 0 0 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.login-head:hover { background-color: #fff; border-color: #392c7d; color: #392c7d !important; box-shadow: inset 0 50px 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.signin-head { border: 1px solid #ff602e; font-weight: 700 !important; color: #fff !important; background: #ff602e; border-radius: 5px; text-align: center; padding: 10px; min-width: 165px; position: relative; z-index: 1; overflow: hidden; text-transform: initial; box-shadow: inset 0 0 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.signin-head:hover { background-color: #fff; border-color: #ff602e; color: #ff602e !important; box-shadow: inset 0 50px 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.discover-btn:hover { background-color: #fff; border-color: #392c7d; color: #392c7d !important; box-shadow: inset 0 50px 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.about-section .tagline { font-style: italic; font-weight: 600; font-size: 20px; color: #ff602e }
.home-two .about-section li { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 20px 0 }
.home-two .about-section li .list-icon { text-transform: capitalize }
.home-two .about-section li .list-icon img { width: 20px; margin-right: 10px }
.discover-btn { font-size: 16px; display: inline-block; border: 1px solid #ff602e; font-weight: 700 !important; color: #fff !important; background: #ff602e; border-radius: 5px; text-align: center; padding: 12px 45px; position: relative; z-index: 1; overflow: hidden; text-transform: initial; box-shadow: inset 0 0 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.about-section .stylist-gallery .image-1 { position: relative }
.about-section .stylist-gallery .single-image { margin-bottom: 30px }
.about-count .course-img img { width: 80px }
.about-count { text-align: center }
.about-image.count-one h4 { color: #21b477; margin-top: 20px }
.about-image.count-two h4 { color: #ff602e; margin-top: 20px }
.about-image.count-three h4 { color: #ffb500; margin-top: 20px }
.about-image.count-four h4 { color: #392c7d; margin-top: 20px }
.count-content-three p { color: #5c5c5c; font-weight: 500; font-size: 20px }
.count-content-three h4 { font-size: 28px; font-weight: 700 }
.header-two-title { margin-bottom: 50px }
.header-two-title .tagline { font-style: italic; font-weight: 600; font-size: 20px; color: #ff602e }
.header-two-title h2 { margin-bottom: 24px; font-weight: 700; color: #4f4f4f }
.header-two-title p { font-weight: 400; color: #5c5c5c }
.home-two .header-two-text { max-width: 700px; color: #685f78; font-size: 16px; font-weight: 500; margin: auto }
.home-two .about-image { background: #fff; border: 1px solid #e0ebff; box-shadow: 0 4px 34px #e0ebff; border-radius: 10px; height: 300px; -webkit-transition: all 1.5s; transition: all 1.5s; margin-bottom: 24px }
.home-two .about-image:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); background: #fefefe; box-shadow: none }
.about-section .count-four { margin-top: -30px }
.about-section .count-two { margin-top: -33px }
.patter-one-main .patter-one { position: absolute; left: -5rem; bottom: 18rem }
.topcategory-sec { padding: 60px 0; background: #fbfcff; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative }
.topcategory-sec .categories-item { background: #fff; border: 1px solid #e0ebff; box-shadow: 0 4px 34px #e0ebff; padding: 30px; margin-bottom: 24px; border-radius: 10px; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.topcategory-sec .categories-item p { margin-bottom: 0; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.topcategory-sec .categories-content h3 { font-weight: 700; font-size: 20px; color: #392c7d; margin-top: 0; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.topcategory-sec .categories-icon { margin-bottom: 20px }
.home-two .categories-icon img { width: 53px }
.top-category-group { margin-bottom: 42px }
.categories-item:hover { background: #413655; cursor: pointer; border: 1px solid #413655; box-shadow: 0 1px 4px rgb(0 0 0/20%); -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.categories-item:hover .categories-content h3 { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.categories-item:hover .categories-content p { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.home-two .about-section .about-text { margin-bottom: 50px }
.price-text { background: #21b477; border-radius: 4px; position: absolute; bottom: 10px; display: flex; left: 15px; justify-content: center; min-width: 123px; padding: 8px 15px; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.price-text h4 { font-size: 16px; color: #fff; font-weight: 700; margin-bottom: 0 }
.featured-details { background: #fff; border: 1px solid #e0ebff; box-shadow: 0 4px 34px #e0ebff; border-radius: 10px; margin-bottom: 25px }
.course-price h3 { font-weight: 700; font-size: 20px; color: #21b477; margin-bottom: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex }
.course-price h3 span { text-decoration: line-through; color: #ff602e; line-height: 0; margin-left: 4px }
.featured-courses-sec { padding: 60px 0; position: relative }
.featured-courses-two { margin-bottom: 50px }
.featured-info { border-bottom: 1px solid #f7f7f7; margin-bottom: 15px; padding-bottom: 15px }
.featured-details .image-info img { width: 60px; height: 60px; border: 2px solid #fff; border-radius: 4px; z-index: 99999 }
.featured-details-two .image-info img { width: 60px; height: 60px; border: 2px solid #fff; border-radius: 4px }
.featured-details-two { padding: 5px; background: #fff; border: 1px solid #e0ebff; box-shadow: 0 4px 34px #e0ebff; border-radius: 10px; margin-bottom: 24px; width: 100%; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.featured-details-two:hover { background: #392c7d; border: 1px solid #392c7d; box-shadow: 0 4px 34px #392c7d; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.course-details-content span { font-weight: 500; font-size: 14px; color: #5c5c5c; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.course-details-content span { font-weight: 400; font-size: 14px; color: #a5a5a5; line-height: 0; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.featured-details-two:hover .course-details-content span { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.featured-details-two:hover .course-details-content p { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.featured-details-two:hover .hours-time-two { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.product-img-two img { width: 100%; border-radius: 4px 4px 0 0; transform: translateZ(0); transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms }
.featured-details-two:hover .featured-info-two span { color: #ff602e !important; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.featured-details-two:hover .product-img-two img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); transform: scale(1.15) }
.product-img-two { position: relative; overflow: hidden; border-radius: 10px 10px 10px 10px }
.course-details-content .image-info { position: absolute; top: -2.5rem; right: 1.5rem }
.featured-details-two .product--two-img { z-index: -1 }
.course-details-content { position: relative; padding: 20px 10px 10px; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.featured-details-two .name-text h3 a { font-weight: 700; font-size: 20px; color: #324fa2; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.featured-details-two:hover .name-text h3 a { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.featured-details-two .name-text { font-size: 14px }
.featured-details:hover .course-details-content h3 a { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.featured-details:hover .course-details-content span { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.featured-details:hover .course-details-content span { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.growup-section { padding: 80px 0 0; background-image: url(../img/bg/bg-3.png); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; width: 100% }
.growup-skills-img { text-align: center }
.home-two-shapes { position: absolute; right: 1rem; bottom: 8rem; animation: up-down 3s ease-in-out infinite alternate-reverse both }
.growup-section .growup-images { position: relative; padding: 0 70px 75px 0 }
.growup-section .growup-left-img img { border: 6px solid #fff; border-radius: 10px; max-width: 340px }
.growup-section .growup-right-img img { border: 6px solid #fff; max-width: 340px }
.growup-section .growup-right-img { position: absolute; bottom: 0; top: 15rem; right: 10rem; filter: drop-shadow(0px 4px 14px rgba(202, 202, 202, 0.25)); border-radius: 10px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px }
.growup-left-img { display: flex; filter: drop-shadow(0px 4px 14px rgba(202, 202, 202, 0.25)) }
.growup-section .section-sub-head { margin-top: 100px }
.growup-section .feature-head h2 { margin-bottom: 25px; font-weight: 700; font-size: 32px; color: #324fa2 }
.master-skills-sec { padding: 60px 0 }
.master-skills-sec .join-mentor { margin-top: 50px; padding: 50px; text-align: right }
.master-skills-info { margin-bottom: 60px }
.award-winning { margin-top: 70px }
.master-skills-sec .join-mentor h2 { font-weight: 700; font-size: 36px !important; text-align: right; color: #5c5c5c !important }
.winning-img img { border-radius: 10px }
.home-two .join-title-one h2 { font-weight: 700; font-size: 36px; text-align: right; margin-bottom: 25px; color: #5c5c5c }
.home-two .join-title-one { max-width: 515px }
.winning-two-one img { max-width: 636px }
.winning-two-two img { max-width: 636px; margin: auto }
.winning-two-three img { max-width: 636px }
.join-title-middle { max-width: 480px; margin: auto }
.home-two .join-title-one p { font-weight: 400; font-size: 16px; text-align: right; color: #292929; margin-bottom: 0 }
.home-two .join-title-middle h2 { font-weight: 700; font-size: 36px; text-align: left; margin-bottom: 25px; color: #5c5c5c }
.home-two .join-title-middle p { font-weight: 400; font-size: 16px; text-align: left; color: #292929; margin-bottom: 0 }
.pattern-layer-two { position: absolute; left: 31rem; top: -3.5rem; z-index: -1; width: 188px; height: 188px; background-repeat: no-repeat }
.pattern-layer-three { position: absolute; left: -5rem; top: -5.2rem; z-index: -1 }
.join-mentor-img { position: relative; margin-bottom: 50px }
.joing-icon-award .joing-icon-one { position: absolute; bottom: 50px; left: -50px }
.joing-icon-award img { width: 100px; height: 100px }
.joing-icon-award .joing-icon-two { position: absolute; bottom: 75px; right: -35px }
.joing-icon-award .joing-icon-three { position: absolute; bottom: 50px; left: -40px }
.master-skills-sec .pattern-imgone { background: #ffb500; border-radius: 10px; text-align: center; align-items: center; padding: 15px; display: inline-block; justify-content: center }
.master-skills-sec .pattern-icon-one { position: absolute; margin-top: -9rem; margin-left: -3rem }
.master-skills-sec .pattern-imgtwo { background: #21b477; border-radius: 10px; text-align: center; align-items: center; padding: 15px; display: inline-block; justify-content: center }
.master-skills-sec .pattern-icon-two { position: absolute; margin-top: -8rem; margin-left: 37rem }
.master-skills-sec .pattern-imgthree { background: #ff602e; border-radius: 10px; text-align: center; align-items: center; padding: 15px; display: inline-block; justify-content: center }
.master-skills-sec .pattern-icon-three { position: absolute; margin-top: -9rem; margin-left: -3rem }
.home-two .testimonial-sec { background-image: url(../img/bg/map.png); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; padding: 60px 0; width: 100% }
.home-two .testimonial-two-img { padding: 50px }
.trending-course-sec .feature-head { margin-bottom: 70px }
.testimonial-sec .testimonial-head-two h6 { color: #5c5c5c !important }
.testimonial-head-two h2 { font-size: 32px; color: #4f4f4f; font-weight: 700; margin-bottom: 25px }
.testimonial-head-two span { color: #ff602e }
.course-count-two h4 { font-weight: 500; color: #000 }
.course-count-two { margin-left: 0 !important }
.course-count-two h5 { font-weight: 700; color: #5c5c5c; text-transform: uppercase; margin-bottom: 0 }
.course-count-two p { color: #000; font-size: 16px; margin-bottom: 0 }
.course-details-content .filled { font-size: 12px }
.course-details-content p { font-size: 14px; margin-bottom: 0; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.new-course-bg { background: #fff; border: 1px solid #e0ebff; box-shadow: 0 4px 34px #e0ebff; border-radius: 10px; -webkit-transition: all .5s; transition: all .5s; margin-top: 20px }
.new-course-bg:hover { background: #e0ebff2e; -webkit-transform: translateY(-5px); transform: translateY(-10px) }
.home-two .trending-course-sec { padding: 60px 0 }
.home-two .trending-course-main { margin-bottom: 40px }
.trending-course-sec .trending-list { background: #fff; border: 1px solid #e0ebff; box-shadow: 0 4px 34px #e0ebff; border-radius: 10px; padding: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; margin-top: 20px }
.trending-two-rating { margin-bottom: 10px }
.time-hours-two { display: flex; align-items: center }
.time-hours-two { display: flex; align-items: center }
.trending-two-rating span { font-weight: 400; font-size: 14px; color: #a5a5a5; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.trending-courses-group:hover .trending-two-rating span { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.trending-two-rating i { color: #ffb54a; font-size: 10px }
.featured-info-two h3 a { font-weight: 700; font-size: 20px; color: #324fa2; display: flex; margin-bottom: 10px }
.time-hours-two p { margin-bottom: 0; font-size: 14px; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.time-hours-two span i { color: #22100d; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.rating-price-two p { font-weight: 500; font-size: 14px; color: #ff602e; margin-bottom: 0 }
.course-price-two h3 { font-weight: 700; font-size: 20px; color: #21b477; margin-bottom: 0 }
.course-column-img { -ms-flex: 35%; flex: 35%; max-width: 35% }
.course-content-column { -ms-flex: 65%; flex: 65%; max-width: 65% }
.course-img-two { position: relative; overflow: hidden; z-index: 1 }
.course-img-two img { position: relative; overflow: hidden; width: 100%; border-radius: 5px; transform: translateZ(0); transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms }
.trending-courses-group:hover .product-img img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); transform: scale(1.15) }
.trending-courses-group:hover { background: #392c7d; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.trending-courses-group:hover .time-hours-two p { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.trending-courses-group:hover .time-hours-two span i { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.trending-courses-group:hover .featured-info-two h3 a { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.course-content-column { position: relative; padding-left: 20px; padding-right: 20px }
.trending-courses-group { margin-bottom: 24px; padding: 8px; background: #fff; border: 1px solid #e0ebff; box-shadow: 0 4px 34px #e0ebff; border-radius: 10px; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.trending-courses-group:hover .course-img-two img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); transform: scale(1.15); border-radius: 5px; position: relative; overflow: hidden }
.trending-courses-two { display: flex; display: -ms-flexbox; align-items: center; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.trending-course-sec .trending-list .product-img { z-index: 1; max-width: 190px }
.trending-price { background: #21b477; border-radius: 4px; position: absolute; top: 15px; text-align: center; left: 15px; min-width: 75px; padding: 5px 15px }
.trending-price h4 { font-size: 16px; color: #fff; font-weight: 700; margin-bottom: 0 }
.trending-course-sec .trending-list:hover { background: #392c7d; cursor: pointer }
.trending-course-sec .course-details-content { position: relative; margin-top: 0; padding: 10px; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease }
.featured-info-two { border-bottom: 1px solid #f7f7f7; margin-bottom: 16px; padding-bottom: 16px !important }
.hours-time-two { font-style: normal; font-weight: 500; font-size: 14px; color: #5c5c5c; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.feature-instructors-sec .featured-border { position: absolute; top: 10px; left: 10px }
.feature-instructors-sec .featured-img { background: #fff; box-shadow: 0 4px 4px rgba(159, 159, 159, .25); border-radius: 50%; padding: 10px; align-items: center; display: flex; text-align: center }
.feature-instructors-sec .featured-img img { width: 20px; height: 20px }
.feature-instructors-sec .instructors-widget p { font-weight: 400; font-size: 16px; color: #324fa2; margin: 16px 0 0 }
.feature-instructors-sec .course-info { border-bottom: 1px solid #e0ebff; padding: 0; margin: 0 }
.feature-instructors-sec .student-count { padding: 20px 0 0 }
.feature-instructors-sec .student-count i { color: #ff602e }
.feature-instructors-sec .student-count span { color: #ff602e }
.course-details-two { position: relative; padding: 0 20px 20px; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.knowledge-sec { width: 100%; background: #fbfcff }
.knowledge-sec .joing-content { margin-left: 20px }
.knowledge-sec .joing-group { padding: 30px 30px 0; display: flex; flex-direction: column; justify-content: center }
.joing-section-text { font-weight: 400; font-size: 16px; color: #292929; margin-bottom: 47px }
.knowledge-sec .section-title h2 { font-weight: 700; font-size: 32px; color: #5c5c5c; margin-bottom: 25px; max-width: 520px }
.knowledge-sec .featured-img-1 { width: 100%; float: left; background-image: url(../img/joing-us.png); height: 777px; background-size: cover; background-position: center center }
.knowledge-sec .joing-list ul { list-style: none; margin: 0; padding: 0; outline: none }
.knowledge-sec .joing-list .joing-header { display: flex; display: -ms-flexbox; margin-bottom: 47px }
.knowledge-sec .joing-list .joing-icon { align-items: center; display: inline-flex; justify-content: center; text-align: center; border-radius: 10px; padding: 0; width: 70px; height: 70px }
.knowledge-sec .joing-list .joing-title { font-weight: 700; font-size: 16px; color: #5c5c5c }
.joing-list .joing-para p { font-weight: 400; font-size: 14px; color: #292929; margin-bottom: 0 }
.feature-instructors-sec { background: #fff; padding: 60px 0 }
.feature-instructors-sec .section-header { margin-bottom: 70px }
.real-reviews-sec { background: #fbfcff; padding: 60px 0 }
.featured-instructor-two { margin-bottom: 50px }
.pattern-review { align-items: center; display: inline-flex; justify-content: center; text-align: center; border-radius: 10px; padding: 0; width: 70px; height: 70px }
.home-two-theme .section-sub-head span { color: #ff602e; font-weight: 600; font-size: 20px; font-style: italic; padding-bottom: 10px; display: block; letter-spacing: .9px }
.home-two-theme .tagline { font-style: italic; font-weight: 600; font-size: 20px; color: #ff602e }
.home-two-theme .feature-head h2 { margin-bottom: 10px; font-size: 32px; color: #4f4f4f }
.growup-section .section-sub-head h2 { color: #324fa2 }
.real-reviews-group { padding: 70px 0 }
.slide-nav-8 button.owl-next, .slide-nav-8 button.owl-prev { width: 44px; height: 44px; background: 0 0; text-shadow: none; top: 0; margin-top: 0; cursor: pointer; border: 0; color: #392c7d; margin-bottom: 0; border-radius: 50px; transform: rotate(0deg); font-size: 24px }
.slide-nav-8 button.owl-next:hover, .slide-nav-8 button.owl-prev:hover { color: #ff602e }
.real-reviews .owl-nav button.owl-next span, .real-reviews .owl-nav button.owl-prev span { font-size: 34px; line-height: 25px; transform: rotate(0deg); display: flex; padding-left: 6px; padding-bottom: 3px }
.real-reviews .owl-nav button.owl-next { margin-left: 10px }
.real-reviews-grid .review-content h3 { font-size: 36px; color: #292929; font-weight: 500; margin-bottom: 25px }
.real-reviews-grid .review-info h3 { font-weight: 700; font-size: 18px; color: #292929 }
.real-reviews-grid .review-info h5 { font-weight: 400; font-size: 14px; color: #5c5c5c }
.real-reviews-grid .review-content p { font-weight: 400; font-size: 16px; line-height: 29px; color: #5c5c5c }
.award-winning-two { margin-bottom: 50px }
.latest-blog-sec { background: #fff; padding: 60px 0 }
.latest-blog-widget .latest-blog-img img { border-radius: 5px }
.latest-blog-widget .latest-blog-content .span-name { background: #21b477; border-radius: 4px; color: #fff; padding: 6px }
.latest-blog-widget { position: relative }
.event-blog-main .latest-blog-img img { border-radius: 5px; width: 100% }
.event-blog-main { position: relative; overflow: hidden; margin-bottom: 10px }
.blog-img-three img { width: 100%; transform: translateZ(0); transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms }
.blog-img-three { position: relative; overflow: hidden }
.blog-img-three:hover img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); transform: scale(1.15) }
.latest-blog-img:before { background: linear-gradient(180deg, rgba(0, 0, 0, 0.105) 0%, rgba(0, 0, 0, 0.7) 100%); content: ""; position: absolute; border-radius: 5px; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.latest-blog-content { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 20px; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.blog-student-count { color: #fff }
.latest-blog-img { position: relative; overflow: hidden; border-radius: 5px }
.event-blog-main:hover .latest-blog-img img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); transform: scale(1.15) }
.latest-blog-img img { transform: translateZ(0); transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms }
.event-blog-main:hover .event-content-title h5 a { color: #ff602e }
.footer-two { background: linear-gradient(180.9deg, #fbfcff 7.44%, #f3edff 115.77%) }
.footer-two .footer-menu ul li a:before { display: block; content: "\f054"; float: left; margin-right: 10px; color: #292929; transition: all .5s ease-in-out; font-family: fontawesome }
.footer-two .footer-top .social-icon ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; list-style: none; padding: 0; margin: 0 }
.footer-two .social-icon ul li { margin-right: 15px }
.footer-two .social-icon ul li a { color: #392c7d; display: flex; align-items: center; justify-content: center; transition: all .4s ease 0s; width: 35px; height: 35px; background: 0 0; border: 1px solid #392c7d; border-radius: 50% }
.footer-two .social-icon ul li a:hover { color: #fff; background: #392c7d }
.footer-two .footer-bottom .copyright-text p { color: #292929; text-align: left; font-weight: 400; font-size: 14px }
.footer-two .social-icon { margin-top: 20px }
.footer-two .footer-contact-widget h6 { font-weight: 500; font-size: 16px; color: #392c7d }
.footer-two .privacy-policy { text-align: right }
.footer-two .footer-bottom .copyright { border-top: 1px solid #e0ebff !important; padding: 30px 0 !important }
.footer-two .footer-top { padding: 60px 0 !important }
.header-nav-three { -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: .4s }
.header-page .header-nav-three { background-color: #fff }
.header-three .main-nav { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; margin: 0; padding: 0 }
.header-three .main-nav>li.active>a { color: #7b1ffe; font-weight: 600 }
.header-three .main-nav li .submenu a:hover { color: #7b1ffe; letter-spacing: .5px; padding-left: 20px }
.header-three .main-nav>li .submenu li a { display: block; padding: 10px 15px; clear: both; white-space: nowrap; font-size: 14px; color: #26292c; -webkit-transition: all .35s ease; transition: all .35s ease; width: 100%; border-top: 1px solid #f0f0f0 }
.header-three .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 }
.header-three .main-nav>li .submenu li { position: relative }
.header-three .main-nav li a { display: block; font-size: 15px; font-weight: 500; color: #585858 }
.header-three .main-nav li a:hover { color: #7b1ffe }
.header-three .main-nav li.login-link { display: none }
.logo { display: inline-block; margin-right: 30px; width: 160px }
.header-navbar-rht { margin: 0; margin-left: 0; padding: 0 }
.header-navbar-rht li:last-child { padding-right: 0 }
.header-navbar-rht li .dropdown-menu { border: 0; box-shadow: 0 0 28px 15px rgba(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: #f6697b; border-color: #f6697b; color: #fff }
.header-navbar-rht li a.header-login { border-radius: 50px; text-align: center; font-size: 16px; color: #392c7d; text-transform: capitalize; font-weight: 500; min-width: 150px; border: 3px solid #b4a7f5; padding: 10px 15px }
.header-navbar-rht li a.header-sign { min-width: 150px; padding: 14px 15px; background: rgb(241 241 241/42%); border-radius: 46.9159px; text-align: center }
.header-navbar-rht li a.header-sign:hover { background-color: #f6697b; border-color: #f6697b; color: #fff }
.add-header-bg .header-navbar-rht li a.header-sign { background: #b4a7f5; border: 3px solid #b4a7f5; color: #fff; padding: 10px 15px }
.add-header-bg .header-navbar-rht li a.header-sign:hover { background: #fff; color: #22100d; border: 3px solid #b4a7f5 }
.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 .15s ease-in-out; transition: all .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, .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: #ff875a }
.user-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; 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: 0 4px 15px rgb(0 0 0/8%); transition-duration: .4s; background: #fff; padding-top: 0; margin: 0 }
.users .dropdown-item i { color: #685f78; min-width: 18px }
.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: 0 1px 0 #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: #fff; 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; font-family: poppins, sans-serif }
.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: #ff5364 }
.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: #f66962; font-size: 14px; font-weight: 700; margin-bottom: 0 }
.wish-content h5 span { color: #777; font-size: 10px; font-weight: 400; margin-bottom: 0 }
.wish-nav .remove-btn a { margin-top: 10px }
.remove-btn a { background: #fff; border: 1px solid #ff5364; padding: 5px 10px; border-radius: 0; font-weight: 500; font-size: 12px }
.remove-btn a:hover { background: #ff5364; color: #fff }
.total-item { text-align: right }
.total-item h6 { font-size: 14px; color: #000; margin-bottom: 10px }
.total-item h5 { font-size: 16px; font-weight: 600; color: #000 }
.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;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmZmZmZmJy8+PC9zdmc+) }
.night-mode .form-switch .form-check-input:checked { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmY1MzY0Jy8+PC9zdmc+) !important }
.night-mode .form-switch .form-check-input { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmZmZmZmJy8+PC9zdmc+); background-color: #e0e0e0; border-color: #e0e0e0 }
.home-three .header-navbar-rht>li { padding-right: 6px }
.home-three .banner-three-content .input-group { position: relative; display: flex; flex-wrap: wrap; border: 0; background-image: url(../img/icon-three/building.svg); background-repeat: no-repeat; background-position: left 0 center; padding-left: 40px; align-items: stretch; width: 100% }
.home-three .bar-icon span { background-color: #7b1ffe }
.badge-green { background: #0dd3a3 }
.badge-yellow { background: #fed700 }
.text-green { color: #0dd3a3 }
.text-yellow { color: #fed700 }
.text-info { color: #1cbeef }
.main-nav .has-submenu-three.active>a { color: #232158 }
.home-three-slide { position: relative; background-image: url(../img/slider/home-three-banner.jpg); background-repeat: no-repeat; background-position: right; background-size: cover }
.home-three .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #7b1ffe; color: #fff; font-size: 14px }
.home-three .select2-dropdown { border: 1px solid #e5e5e5 }
.home-three-slide-face { padding: 189px 0 }
.home-three-slide-text h1 { font-weight: 700; font-size: 36px; letter-spacing: .02em }
.home-three-slide-face h1 span { color: #7b1ffe }
.home-three .drop-detail-three { width: 164px; display: flex; margin: 0 17px; border-radius: 50px !important; border: 0; height: 44px }
.home-three-slide-text h5 { background: #7b1ffe; border-radius: 30px; display: inline-flex; padding: 12px; font-weight: 500; font-size: 14px; align-items: center; color: #fff; margin-bottom: 15px }
.home-three-slide-text p { margin-bottom: 23px }
.home-three-slide .girl-slide-img img { width: 500px; margin-top: 104px }
.home-three .header-nav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border: 0; border-bottom: 1px solid #f0f0f0; 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: 85px; padding: 0 30px; margin-top: 0; margin-bottom: 0 }
.home-three header input { outline: none }
.home-three header input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box }
 .home-three header input::-webkit-search-decoration, .home-three header input::-webkit-search-cancel-button {
 display: none
}
.home-three header input[type=search] { padding: 10px 10px 10px 31px; width: 0; background: url(../img/icon-three/search-icon.svg) no-repeat 9px center; border: transparent; -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; margin: auto; cursor: pointer }
.home-three header input[type=search]:focus { width: 130px; background-color: #fff; border-color: #717171; -webkit-box-shadow: 0 0 2px #dee2e6; -moz-box-shadow: 0 0 2px rgba(109, 207, 246, .5); box-shadow: 0 0 2px #dee2e6 }
.banner-three-content .form-inner-three { background: #fff; box-shadow: 0 4px 4px rgb(216 216 216/25%); border-radius: 10px; padding: 10px; width: 100%; border: 0; max-width: 100% }
.banner-three-content .select2-container .select2-selection--single { border: 0; align-items: center; text-align: center; font-size: 14px; display: flex; background: #f7f7f7f7; height: 56px }
.banner-three-content .form-control { background: #fff; border: 0; padding: 0; height: 56px; color: #000; font-size: 18px; margin-right: 10px }
.banner-three-content .input-group .search-icon { display: flex; align-items: center; color: #f66962 }
.form-three-select .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: red !important; color: #fff; font-size: 14px }
.banner-three-content .select2-container--default .select2-selection--single .select2-selection__arrow { top: auto }
.banner-three-content .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #7b1ffe; color: #585858; font-size: 14px }
.banner-three-content .select2-dropdown { border: 1px solid #ffdeda }
.btn-three-primary { background-color: #7b1ffe; border: 1px solid #7b1ffe }
.banner-three-content .sub-btn { background: #7b1ffe; border-radius: 10px; border: 1px solid #7b1ffe; margin: 0; font-size: 18px; line-height: 18px; padding: 10px 15px; color: #fff; width: 60px; border-right: 1px solid #f4f4f4 !important; border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.banner-three-content .sub-btn:hover { background: #1cbeef; border-radius: 10px; border: 1px solid #1cbeef; margin: 0; font-size: 18px; line-height: 18px; padding: 10px 15px; color: #fff; width: 60px; border-right: 1px solid #f4f4f4 !important; border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important }
 .banner-three-content .input-group>:not(:nth-child(2)) {
 border-top-left-radius: 0;
 border-bottom-left-radius: 0;
 font-size: 14px
}
 .banner-three-content .form-inner-three .input-group::placeholder {
 font-weight: 400;
 font-size: 14px;
 color: #2e2e2e
}
.banner-three-content .input-group .search-icon { display: flex; align-items: center; color: #dedede }
 body.home-three ::placeholder {
 color: #2e2e2e
}
 body.home-three :-ms-input-placeholder {
 color: #2e2e2e
}
.login-three-head { border: 1px solid #1cbeef; font-weight: 700 !important; color: #fff !important; background: #1cbeef; border-radius: 10px; text-align: center; padding: 10px 45px; min-width: 150px; position: relative; z-index: 1; overflow: hidden; text-transform: initial; box-shadow: inset 0 0 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.login-three-head:hover { background-color: #1cbeef; border-color: #1cbeef; color: #1cbeef !important; box-shadow: inset 0 50px 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.signin-three-head { border: 1px solid #fed700; font-weight: 700 !important; color: #0d0d0d !important; background: #fed700; border-radius: 10px; text-align: center; padding: 10px 45px; min-width: 150px; position: relative; z-index: 1; overflow: hidden; text-transform: initial; box-shadow: inset 0 0 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.signin-three-head:hover { background-color: #1cbeef; border-color: #1cbeef; color: #1cbeef !important; box-shadow: inset 0 50px 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.home-three-course .online-course { background: #fff; border: 1px solid #f4f4f4; box-shadow: 0 4px 14px rgb(231 231 231/25%); border-radius: 10px }
.course-details-three { border: 1px solid #f4f4f4; box-shadow: 0 4px 14px rgba(231, 231, 231, .25); border-radius: 10px; padding: 10px; background: #fff; width: 100%; height: 133px; display: -ms-flexbox; align-items: center; display: -ms-flexbox; display: flex; position: relative; top: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.course-details-three:hover { top: -10px; border: 1px solid #f4f4f4; box-shadow: 0 44px 34px rgba(204, 204, 204, .25); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.course-count-three { margin-left: 25px; color: #000; display: flex; display: -ms-flexbox; align-items: center }
.course-content-three { margin-left: 5px }
.course-details-three .course-content-three h4 { font-weight: 700; font-size: 24px }
.course-details-three .course-content-three p { color: #454242; margin-bottom: 0; font-size: 18px }
.course-count-three .course-img img { width: 92px }
.master-three-images { position: relative; max-width: 513px; margin: auto }
.master-three-left { animation: up-down 3s ease-in-out infinite alternate-reverse both }
.master-skill-three { padding: 60px 0; position: relative }
.home-three-content p { margin-bottom: 0 }
.home-three-content { margin-bottom: 40px }
.master-three-vector { position: absolute; right: 0; top: 25rem; bottom: 0; animation: up-down 3s ease-in-out infinite alternate-reverse both }
.master-three-right { position: absolute; bottom: 0; top: 10rem; right: 9.9rem }
.vector-layer-one { position: absolute; left: 0; top: 4rem; width: 505px; z-index: -1; background-repeat: no-repeat }
.vector-layer-two { position: absolute; right: 12rem; top: 5.3rem; width: 92px; height: 83px; background-repeat: no-repeat }
.skils-icon { background: #fff; border: 1px solid #f4f4f4; box-shadow: 0 4px 14px rgb(231 231 231/25%); align-items: center; display: inline-flex; justify-content: center; text-align: center; border-radius: 10px; margin-bottom: 16px; padding: 0; width: 60px; height: 60px }
.skils-icon-item { position: relative; top: 0; margin-bottom: 40px; transition: top ease .5s }
.skils-icon-item:hover { top: -10px; transition: top ease .5s }
.home-three .categories-icon img { width: 44px !important; height: 44px !important }
.favourite-course-sec .mentoring-course .owl-stage { padding-top: 0 }
.home-three-head h2 { font-weight: 700; padding-bottom: 20px; margin-bottom: 0; position: relative }
.home-three-head h2:after { content: ""; position: absolute; display: block; width: 70px; height: 4px; background: linear-gradient(89.96deg, #7b1ffe 2.92%, #fed700 50.8%, #1cbeef 99.71%); left: 0; right: 0; bottom: 0 }
.home-three .see-all a { font-weight: 600; font-size: 20px; color: #7b1ffe; float: right }
.home-three .see-all a:hover { color: #1cbeef }
.home-three .see-all-icon { margin-left: 10px }
.home-three-favourite:after { content: ""; position: absolute; display: block; width: 100%; height: 230px; background: #f4f4ff; text-align: center; left: 0; right: 0; bottom: 0 }
.home-three .home-three-head { margin-bottom: 48px }
.home-three-favourite { padding-bottom: 40px; position: relative }
.home-three-favourite .categories-content h3 { font-weight: 600; font-size: 16px; color: #2f2f2f; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.home-three-favourite .mentoring-course .owl-stage { padding-top: 0 }
.categories-icon { margin-bottom: 12px }
.favourite-box { background: #fff; border: 1px solid #dedede; box-shadow: 0 4px 14px rgb(231 231 231/25%); border-radius: 10px; display: flex; padding: 20px 20px 0; align-items: center; height: 252px; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.favourite-box:hover { background: #7b1ffe; cursor: pointer; border: 1px solid #7b1ffe; box-shadow: 0 1px 4px rgb(0 0 0/20%); -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.favourite-box:hover .categories-content h3 { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.favourite-box:hover .instructors-info p { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.favourite-box .instructors-info p { font-weight: 500; font-size: 14px; color: #717171; margin-bottom: 0; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.home-three .owl-theme .owl-dots .owl-dot.active span, .home-three .owl-theme .owl-dots .owl-dot:hover .home-three span { width: 8px; height: 8px; background: #7b1ffe; box-shadow: 0 0 0 3px #7b1ffe; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease }
.home-three-trending .owl-theme .owl-dots .owl-dot.active span, .home-three-trending .owl-theme .owl-dots .owl-dot:hover .home-three-trending span { width: 8px; height: 8px; background: #1a1e21; box-shadow: 0 0 0 3px #1a1e21; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease }
.home-three-courses { padding: 60px 0; background: #fbfbff }
.tablist-three .nav-tab.active { font-weight: 500; font-size: 18px; color: #000 }
.tablist-three .nav-tab:hover { color: #7b1ffe }
.tablist-three .nav-tab { font-weight: 500; font-size: 18px; color: #717171 }
.course-three-img img { position: relative; border-radius: 10px 10px 0 0; width: 100%; -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 }
.course-box-three:hover .course-three-img img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); transform: scale(1.15); overflow: hidden; position: relative }
.course-three-img { position: relative; overflow: hidden; padding: 0; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.course-three-text { margin-top: 30px; margin-bottom: 20px }
.course-three-item:hover .course-three-text h3 { color: #7b1ffe }
.course-three-item:hover .course-three-text p { color: #1cbeef }
.course-three-item:hover .students-three-counts p { color: #0dd3a3 }
.course-three-item:hover .course-price-three h3 { color: #1cbeef }
.heart-three { position: absolute; top: 1rem; display: inline-block; right: 1rem; bottom: 0 }
.heart-three .fa-heart { width: 31px; background-color: #fff; height: 31px; align-items: center; display: flex; justify-content: center; border-radius: 50%; font-size: 12px; color: #000; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.course-box-three:hover .course-three-text p { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.course-three-text p { font-weight: 500; font-size: 14px; color: #7b1ffe; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.course-three-text h3 { font-weight: 600; font-size: 18px; color: #142e42; margin-bottom: 0; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.course-box-three:hover .course-three-text h3 { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.students-three-counts img { width: 20px }
.students-three-counts p { font-weight: 400; font-size: 14px; color: #717171; margin-left: 12px; margin-bottom: 0; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.course-box-three:hover .students-three-counts p { color: #0dd3a3; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.students-three-counts { margin-bottom: 20px }
.course-price-three h3 { color: #7b1ffe; font-weight: 600; font-size: 20px; margin-bottom: 0; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.course-box-three:hover .course-price-three h3 { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.course-box-three:hover .price-three-time { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.group-three-img { position: absolute; top: 0; right: 50%; transform: translate(50%, -50%) }
.price-three-time { -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.tablist-three { margin-bottom: 40px }
.course-price-three span { text-decoration: line-through; font-size: 14px; color: #dedede; line-height: 0 }
.student-counts-info { border-bottom: 1px solid #f4f4f4; margin-bottom: 20px }
.home-three .owl-theme .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 0 5px; background: #dedede; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease }
.group-three-img img { width: 51px; height: 51px; border: 3px solid #fff; border-radius: 50% }
.course-three-item { position: relative; overflow: hidden; padding: 0; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.course-three-content { position: relative; padding: 10px 20px 20px; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease }
.course-box-three { position: relative; overflow: hidden; background: #fff; box-shadow: -3px 5px 16px rgb(0 0 0/7%); border-radius: 10px; margin-bottom: 24px; transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; -webkit-transition: all .4s ease }
.course-box-three:hover .course-three-content { background-color: #7b1ffe; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.home-three-transform { padding: 60px 0; background-color: #7b1ffe; background-repeat: no-repeat; background-position: top right }
.home-three-transform .cta-content h2 { font-weight: 700; font-size: 32px; color: #fff }
.home-three-transform .cta-content p { font-weight: 500; font-size: 22px; color: #fff }
.btn-action { background: #fed700; border-radius: 10px; padding: 12px 30px; font-weight: 600; font-size: 16px; align-items: center; color: #0d0d0d; text-align: center; position: relative; z-index: 1; overflow: hidden; text-transform: initial; box-shadow: inset 0 0 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.btn-action:hover { background-color: #1cbeef; border-color: #1cbeef; color: #1cbeef !important; box-shadow: inset 0 50px 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.course-box-three:hover .heart-three .fa-heart { background-color: #0dd3a3; color: #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.transform-button-three { text-align: end }
.instructors-list { display: flex; align-items: center; list-style: none; padding: 0; margin: 0 }
.instructors-list li a img { width: 35px !important; height: 35px !important; border-radius: 50px; border: 3px solid #fff }
.instructors-list li { margin-left: -20px }
.more-set a { width: 35px; height: 35px; background: #1a1e21; display: flex; align-items: center; justify-content: center; border-radius: 50px; font-size: 12px; color: #fff; line-height: 0 }
.favourite-box .course-info { border-bottom: 1px solid #f4f4f4; margin-bottom: 15px; padding-bottom: 15px }
.instructors-info { display: flex; display: -ms-flexbox; align-items: center }
.accelerate-cloud-three { background: #071136; padding: 60px 0; position: relative }
.award-three-content-one { max-width: 515px }
.award-three-content-two { max-width: 515px; margin: auto }
.award-three-images-one { max-width: 515px; margin: auto auto 56px }
.award-three-images-three { max-width: 515px; margin: auto }
.award-three-images-two { max-width: 515px }
.award-three-images img { animation: up-down 3s ease-in-out infinite alternate-reverse both }
.award-win-icon img { animation: up-down 3s ease-in-out infinite alternate-reverse both }
.accelerate-three-business { max-width: 625px; color: #fff; font-weight: 600; font-size: 20px }
.accelerate-cloud-three .home-three-head h1 { width: 656px; font-weight: 700; color: #fff; font-size: 28px }
.accelerate-one { position: absolute; right: 0; top: 0; bottom: 0 }
.home-three .accelerate-two { position: absolute; right: 0; bottom: 50rem }
.shapes-three-left .accelerate-three { position: absolute; left: 0; top: 18rem }
.shapes-three-left .accelerate-four { position: absolute; left: 0; bottom: 8rem }
.shapes-three-left .accelerate-five { position: absolute; left: 0; bottom: 10rem }
.accelerate-one img { width: 200px }
.award-win-icon { margin-bottom: 20px }
.award-three-content-one h2 { font-weight: 600; font-size: 36px; color: #fed700; margin-bottom: 20px }
.award-three-content-one p { font-weight: 500; font-size: 16px; color: #fff; margin-bottom: 0 }
.award-three-content-two p { font-weight: 500; font-size: 16px; color: #fff; margin-bottom: 0 }
.award-list .award-icon { margin-right: 15px }
.award-one { border-bottom: 1px solid #162a73 }
.award-list-info { margin-bottom: 10px }
.award-list-content { margin-bottom: 25px }
.award-list { margin-bottom: 20px }
.learn-anything h2 { font-weight: 600; font-size: 36px; color: #1cbeef; margin-bottom: 20px }
.learn-anything { padding: 46px 0 50px; border-bottom: 1px solid #162a73 }
.learn-anything .award-three-images img { text-align: left }
.development-carrer { padding-top: 56px }
.home-three-goals { padding: 60px 0; background-color: #fff }
.development-carrer h2 { font-weight: 600; font-size: 36px; color: #0dd3a3 }
.acheive-goals h2 { font-weight: 700; font-size: 32px; color: #1a1e21 }
.acheive-goals h2:hover { color: #7b1ffe }
.acheive-goals span { font-weight: 700; font-size: 32px; color: #000 }
.acheive-goals p { font-weight: 500; font-size: 16px; color: #717171; text-align: left }
.acheive-goals { position: relative; z-index: 999 }
.acheive-goals-content h4 { margin-bottom: 20px; text-align: left }
.acheive-elips-one { position: absolute; right: 10px; z-index: -1; top: -18px }
.acheive-goals-main { position: relative; top: 0; transition: top ease .5s; transition-timing-function: ease-in-out }
.acheive-goals-main h2 { font-weight: 700; font-size: 32px; color: #1a1e21 }
.acheive-goals { position: relative; top: 0; transition: top ease .5s; transition-timing-function: ease-in-out; max-width: 167px; margin: auto }
.acheive-goals:hover { top: -15px; transition: top ease .8s; transform: translateZ(0); transition-timing-function: ease-in-out }
.acheive-elips-three { position: absolute; right: 80px; z-index: -1; top: -18px }
.acheive-elips-two { position: absolute; right: 38px; z-index: -1; top: -18px }
.acheive-goals-icon { position: absolute; top: 0; right: 7rem }
.acheive-goals-icon img { width: 64px; height: 64px }
.home-three-trending { padding: 60px 0; background: #fbfbff }
.trending-bg-one { background: #ffe57a; border: 1px solid #f4f4f4; border-radius: 10px 10px 0 0; padding: 20px; transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; -webkit-transition: all .4s ease }
.trending-three-item:hover { box-shadow: 0 24px 20px rgb(204 204 204/25%); -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; -webkit-transition: all .4s ease; border-radius: 10px }
.trending-bg-two { background: #69ffdb; border: 1px solid #f4f4f4; border-radius: 10px 10px 0 0; padding: 20px; transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; -webkit-transition: all .4s ease }
.trending-bg-three { background: #ebe3ff; border: 1px solid #f4f4f4; border-radius: 10px 10px 0 0; padding: 20px }
.trending-three-item { position: relative; top: 0; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s; cursor: pointer; margin-bottom: 40px }
.trending-bg-four { background: #abeeff; border: 1px solid #f4f4f4; border-radius: 10px 10px 0 0; padding: 20px; transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; -webkit-transition: all .4s ease }
.course-title-one { background: rgba(0, 0, 0, .7); border-radius: 4px; padding: 10px; margin-bottom: 25px; display: inline-flex; position: relative; z-index: 1; overflow: hidden; text-transform: initial; box-shadow: inset 0 0 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.trending-three-item:hover .course-title-one { background-color: #1cbeef; border-color: #7b1ffe; color: #7b1ffe !important; box-shadow: inset 0 50px 0 0 #1cbeef; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.course-title-one a:hover { color: #fff }
.course-title-one a { font-weight: 500; font-size: 14px; text-align: center; color: #fff }
.trending-three-text h3 { font-weight: 600; font-size: 18px; color: #142e42; margin-bottom: 10px }
.trending-three-text p { font-weight: 400; font-size: 14px; color: #0d0d0d; margin-bottom: 20px }
.trending-three-counts p { margin-left: 10px; font-size: 14px; margin-bottom: 0 }
.price-three-time span { font-size: 14px }
.trending-three-counts img { width: 20px !important }
.trending-content-footer { padding: 20px; background: #fff; border: 1px solid #f4f4f4; border-radius: 0 0 10px 10px }
.trending-footer-img img { width: 45px !important; height: 45px !important; border-radius: 50px; border: 2px solid #7b1ffe }
.trending-price-three h3 { font-weight: 600; font-size: 20px; color: #0d0d0d; margin-bottom: 0 }
.trending-price-three span { text-decoration: line-through; font-size: 14px; color: #dedede }
.content-three-overlay { position: absolute; bottom: 100%; left: 0; right: 0; overflow: hidden; height: 0; background: rgba(123, 31, 254, .9); z-index: 1; display: flex; justify-content: center; flex-direction: column; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.gallery-three-img-item:hover .content-three-overlay { height: 100%; bottom: 0; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.gallery-three { padding: 60px 0; background: #fff }
.gallery-three .gallery-three-img-item { max-width: 100%; position: relative; overflow: hidden; margin-bottom: 24px; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.gallery-three .content-three-details h6 { font-weight: 700; font-size: 16px; color: #fff; margin-bottom: 0 }
.gallery-three .service-link i { font-size: 25px; color: #fff }
.gallery-three .content-three-details p { font-weight: 400; font-size: 16px; color: #fff }
.gallery-img img { width: 100% }
.gallery-img-item-one img { min-height: 235px }
.content-three-image { width: 100% }
.content-three-text { padding: 0 30px; display: flex; align-items: center; justify-content: space-between }
.content-three-text h6 { font-weight: 700; font-size: 16px; color: #fff }
.content-three-text p { font-weight: 400; font-size: 16px; color: #fff }
.content-three-arrows { color: #fff; font-size: 18px }
.content-three-arrows:hover i { color: #1cbeef; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.content-three-arrows i { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.content-three-details { display: flex; align-items: center; justify-content: space-between }
.home-three-become { background: #fed700; padding: 60px 0 }
.become-content-three h2 { font-weight: 700; font-size: 32px; color: #000 }
.become-content-three p { font-weight: 500; font-size: 22px; color: #000; margin-bottom: 0 }
.become-button-three { text-align: end }
.home-three .swiper-slide { flex-shrink: unset; width: 100%; height: 100%; position: relative; transition-property: transform }
.home-three .become-content h2 { font-weight: 600; font-size: 48px; color: #fff }
.home-three .become-content { margin-bottom: 50px; width: 400px; position: relative; z-index: 11111 }
.home-three .become-content h4 { font-weight: 500; font-size: 20px; color: #fff }
.home-three .become-content p { color: #fff; font-size: 16px }
.home-three .testimonial-item-five { background: #fff; box-shadow: 0 4px 24px rgb(100 100 100/25%); border-radius: 10px; background-position: center; background-size: cover; width: 455px }
.home-three .testimonial-quote { padding: 20px }
.home-three .testimonial-ratings .rating { list-style: none; margin: 0; padding: 0; width: 100% }
.home-three .testimonial-ratings .rating span { font-weight: 400; font-size: 14px; color: #736969; margin-left: 5px }
.home-three .testimonial-content { padding: 20px }
.home-three .testimonial-item-five .testimonial-users { display: flex; align-items: center; padding: 20px }
.home-three .testimonial-item-five .testimonial-users .imgbx { position: relative; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; margin-right: 20px }
.home-three .testimonial-item-five .testimonial-users .imgbx img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover }
.home-three .testimonial-item-five .testimonial-users h6 { font-weight: 600; font-size: 16px; color: #0d0d0d }
.home-three .testimonial-item-five .testimonial-users .imgbx img span { font-weight: 400; font-size: 14px; color: #717171 }
.home-three .testimonial-content p { font-weight: 600; font-size: 16px; color: #2e2e2e; margin-bottom: 0 }
.home-three .testimonial-ratings { border-bottom: 1px solid #e7e7e7; font-size: 14px; padding: 30px }
.home-three .testimonial-ratings .rating p { margin-left: 8px; margin-bottom: 0 }
.home-three .testimonial-item-five .testimonial-users p { font-weight: 400; font-size: 14px; color: #717171; margin-bottom: 0 }
.testimonial-pattern .pattern-left { position: absolute; left: 0; top: 5rem }
.testimonial-pattern .pattern-right { position: absolute; right: 0; bottom: 5rem }
.testimonial-bottom-nav { display: flex; float: right; margin-right: 60px }
.testimonial-next-pre { background: #fff; border-radius: 50px !important; font-size: 16px; padding: 10px 15px; color: #071136; cursor: pointer; margin-right: 20px }
.testimonial-next-pre:hover { background: #1cbeef; color: #fff }
.become-content h2 { font-weight: 700; font-size: 32px; color: #000 }
.become-content p { font-weight: 500; font-size: 22px; color: #000 }
.btn-become { border: 1px solid #1cbeef; font-weight: 700 !important; color: #fff !important; background: #1cbeef; border-radius: 10px; text-align: center; padding: 15px 35px; position: relative; z-index: 1; overflow: hidden; text-transform: initial; box-shadow: inset 0 0 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.btn-become:hover { background-color: #7b1ffe; border-color: #7b1ffe; color: #7b1ffe !important; box-shadow: inset 0 55px 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.lead-companies-three { padding: 60px 0 }
.testimonial-three { padding: 60px 0; background: url(../img/bg/map.png), #071136; background-repeat: no-repeat; background-position: top; background-size: cover; position: relative; width: 100% }
.testimonial-three-content .swiper-wrapper { margin-bottom: 20px }
.slide:not(.slick-active) { cursor: pointer }
.box-form-newsletter form { display: flex; align-items: center; justify-content: space-between }
.box-form-newsletter form .input-newsletter { width: 70%; border: 0; background-image: url(../img/icon-three/email.svg); background-repeat: no-repeat; background-position: left 17px center; padding: 10px 10px 10px 50px }
.custom-select:focus, :focus, [contenteditable].form-control:focus, [type=email].form-control:focus, [type=password].form-control:focus, [type=tel].form-control:focus, [type=text].form-control:focus, button:focus, input.form-control:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=text]:focus, select:focus, textarea.form-control:focus, textarea:focus { outline: none !important; box-shadow: none }
.home-three .btn-default { color: #fff; font-size: 12px; font-weight: 500; background: #7b1ffe; border-radius: 5px; min-width: 159px; height: 44px; padding: 10px; overflow: hidden; text-transform: initial; box-shadow: inset 0 0 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.home-three .btn-default:hover { background-color: #fff; border-color: #1cbeef; color: #fff !important; box-shadow: inset 0 50px 0 0 #1cbeef; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.latest-blog-three { background: #fff; padding: 60px 0 }
.event-three-title h5 { font-weight: 600; font-size: 24px; color: #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.event-three-title p { font-weight: 400; font-size: 14px; color: #dedede }
.event-blog-three { position: relative; overflow: hidden; margin-bottom: 24px }
.event-blog-three:hover .blog-img-three img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); transform: scale(1.15) }
.event-blog-three:hover .event-span-three .span-name-three { background: #7b1ffe !important; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.event-blog-three:hover .event-three-title h5 { color: #1cbeef; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.latest-blog-three .section-header-title { padding-bottom: 48px }
.span-name-three { padding: 5px 25px; border-radius: 4px; display: inline-flex; margin-bottom: 10px; color: #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.blog-widget-three .blog-img-three img { border-radius: 5px }
.blog-widget-three .blog-content-three .span-name-three { background: #21b477; border-radius: 4px; color: #fff; padding: 6px }
.blog-widget-three { position: relative }
.event-main-three .blog-img-three img { border-radius: 5px; width: 100% }
.event-main-three { position: relative; overflow: hidden }
.blog-img-three:before { background: linear-gradient(0.26deg, #071136 0.25%, rgba(0, 0, 0, 0) 86.87%); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.blog-content-three { position: absolute; bottom: -10%; left: 50%; z-index: 1; width: 100%; padding: 15px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.event-blog-main .span-name { background: #21b477; border-radius: 4px; color: #fff; font-weight: 700; font-size: 16px; justify-content: center; min-width: 90px; margin-bottom: 10px; padding: 5px; display: inline-flex }
.event-content-title h5 a { font-weight: 700; font-size: 22px; color: #fff }
.blog-student-count { color: #fff }
.event-blog-main:hover .event-content-title h5 a { color: #ff602e }
.box-form-newsletter { background: #fff; max-width: 635px; border-radius: 5px; padding: 10px }
.footer-three { padding: 60px 0; background: #071136; background-image: url(../img/bg/bg-footer.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; width: 100% }
.footer-menu-three ul li { margin-bottom: 10px; position: relative }
.footer-menu-three ul { list-style: none; margin: 0; padding: 0; outline: none }
.footer-menu-three ul li a { color: #fff; font-weight: 500; font-size: 14px; margin-left: 20px }
.footer-menu-three ul li a:hover { color: #fed700; padding-left: 10px }
.footer-three .newsletter-title h6 { font-weight: 500; font-size: 20px; color: #fff; margin-bottom: 18px }
.footer-three-logo { margin-bottom: 20px }
.footer-three-about { max-width: 627px }
.footer-three-about p { font-weight: 400; font-size: 16px; color: #fff; margin-bottom: 50px }
.footer-three-right { margin-left: 100px }
.footer-three-title { font-weight: 600; color: #fff; margin-bottom: 20px }
.footer-three-top-content { border-bottom: 1px solid #2e2566 !important; padding-bottom: 60px }
.footer-three-top { margin-bottom: 60px }
.privacy-policy-three ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; list-style: none; padding: 0; margin: 0 }
.privacy-policy-three ul li { padding: 0 10px; border-right: 1px solid #b2b1fc; list-style: none; height: 10px; align-items: center; display: flex }
.privacy-policy-three ul li:last-child { border-right: 0 }
.footer-menu-three ul li a:before { position: absolute; top: 7px; display: block; content: "\f111"; float: left; margin-right: 10px; font-size: 8px; color: #fed700; transition: all .5s ease-in-out; font-family: fontawesome }
.social-icon-three ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; list-style: none; padding: 0; margin-left: 20px; align-items: center; margin-bottom: 0 }
.social-icon-three { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; list-style: none; padding: 0; margin-bottom: 36px; align-items: center }
.privacy-policy-three { margin-bottom: 36px }
.social-icon-three ul li { margin-right: 15px }
.social-icon-three ul li .feather-facebook-icon { color: #fff; display: flex; align-items: center; justify-content: center; transition: all .4s ease 0s; background: #066ac9; border-radius: 50% }
.social-icon-three ul li .feather-facebook-icon:hover { background: #7b1ffe }
.social-icon-three ul li .feather-twitter-icon:hover { background: #7b1ffe }
.social-icon-three ul li .feather-linkedin-icon:hover { background: #7b1ffe }
.social-icon-three ul li .feather-youtube-icon:hover { background: #7b1ffe }
.social-icon-three ul li .feather-twitter-icon { color: #fff; display: flex; align-items: center; justify-content: center; transition: all .4s ease 0s; background: #2bb7e5; border-radius: 50% }
.social-icon-three ul li .feather-linkedin-icon { color: #fff; display: flex; align-items: center; justify-content: center; transition: all .4s ease 0s; background: #066ac9; border-radius: 50% }
.social-icon-three ul li .feather-youtube-icon { color: #fff; display: flex; align-items: center; justify-content: center; transition: all .4s ease 0s; background: #ff2d20; border-radius: 50% }
.social-icon-three h6 { font-weight: 500; font-size: 20px; color: #fff; margin-bottom: 0 }
.copyright-three { text-align: center }
.privacy-policy-three ul li a { font-weight: 400; font-size: 14px; color: #fff }
.privacy-policy-three ul li a:hover { color: #fed700 }
.copyright-text-three p { font-weight: 400; font-size: 14px; color: #fff }
.header-four .main-nav .has-submenu.active>a { font-weight: 500; font-size: 16px; align-items: center; color: #ee009c }
.header-four .main-nav li a { display: block; font-weight: 500; font-size: 16px; color: #392c7d }
.header-four .main-nav li .submenu a:hover { color: #ee009c; letter-spacing: .5px; padding-left: 20px }
.list-data { list-style: none; display: inline-block; margin: 0 25px 0 0 }
.landing-menu li a i { font-weight: 600; font-size: 16px; padding-left: 7px }
.right-header { display: flex; justify-content: start; align-items: center }
.right-header-button { display: flex; justify-content: end; align-items: center; gap: 15px; transition: all .3s ease }
.right-header-button a .active { color: #f58e06; padding-right: 20px }
.buy-template-btn { background: #392c7d; border-radius: 32px; color: #fff !important; font-weight: 700; padding: 12px 40px; font-size: 16px; transition: all .6s }
.signup-four { background: #ee009c; padding: 12px 40px; color: #fff !important; border-radius: 32px; border: 1px solid #ee009c; position: relative; z-index: 1; overflow: hidden; text-transform: initial; box-shadow: inset 0 0 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.signup-four:hover { background-color: #fff; border: 1px solid #ee009c; color: #ee009c !important; box-shadow: inset 0 50px 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.buy-template-btn:hover { background: #ee009c; color: #fff; box-shadow: inset 0 50px 0 0 #ee009c; transition: .6s all }
.landing-menu li a { font-weight: 600; font-size: 16px; color: #392c7d; display: flex; justify-content: space-between; align-items: center }
.landing-menu li a:hover { color: #ee009c }
.landing-menu ul li .landing-page-list::before { content: ""; position: absolute; height: 4px; bottom: 23px; -webkit-transition: all .5 ease; transition: all .5s ease; width: 0 }
.landing-menu ul li:hover .landing-page-list::before { content: ""; position: absolute; bottom: 23px; -webkit-transition: all .5 ease; transition: all .5s ease; background-color: #2066e7 }
.sub-menu { display: none; background: #fff; position: absolute }
.sub-menu li { display: block; padding: 5px 0; border-top: 1px solid #f0f0f0 }
.sub-menu li a { padding: 15px 20px }
.landing-menu ul li:hover .sub-menu { display: block; z-index: 20 }
.main-nav { display: flex; justify-content: center }
.sub-head-wraper { background-color: #f3f2f7 }
.landing-menu ul { padding-left: 0; margin: 0 }
.dropdown:hover .dropdown-menu { display: block; margin-top: 10px }
.dropdown:hover .dropdown-menu .dropdown-item { display: block; margin-top: 10px }
.home-four .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #ee009c; color: #fff; font-size: 14px }
.home-four .select2-dropdown { border: 1px solid #ee009c }
.banner-section-four { position: relative; background-image: url(../img/banner-background-img-1.png); background-repeat: no-repeat; background-position: center; background-size: cover }
.banner-heading-four { padding: 159px 0 }
.vector-four .vector-four-one { position: absolute; right: 0; top: 0 }
.vector-four .vector-four-two { position: absolute; left: 0; top: 0 }
.banner-heading-four h3 { font-weight: 500; font-size: 20px; color: #ee009c }
.banner-heading-four h2 { font-weight: 700; font-size: 45px; color: #392c7d; padding-bottom: 35px }
.banner-heading-four h5 { font-weight: 400; font-size: 16px; color: #392c7d; margin: 0; padding-bottom: 40px }
.search-box-four { background: #fff; border: 1px solid #ee009c; box-shadow: 0 16px 106px rgba(196, 196, 196, .16); border-radius: 40px; padding: 10px; display: flex; justify-content: space-between; align-items: center }
.search-box-four .select2-container { width: 196px !important; background: #e8e6f0; border-radius: 90px; border: none; padding: 20px; font-weight: 400; font-size: 16px; color: #392c7d; cursor: pointer }
.search-box-four .select2-container--default .select2-selection--single { border: none; background: #e8e6f0; color: #392c7d }
.search-box-four .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 22px; right: 10px; width: 20px }
.search-box-four .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 0; padding-right: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.search-box-four .select2-container--default .select2-selection--single .select2-selection__rendered { color: #392c7d }
.search-box-four input { border: none; font-weight: 400; font-size: 16px; padding: 0; color: #392c7d; width: 400px }
.search-box-four input:focus { outline: none }
.search-icon-four { width: 60px; height: 60px; background: #ee009c; border-radius: 32px; border: 1px solid #ee009c; display: flex; align-items: center; justify-content: center; transition: .5s }
.search-box-four a:hover div { background: #fff; box-shadow: 50px 0 0 0 #fff inset }
.search-box-four a:hover i { color: #ee009c }
.search-icon-four i { color: #fff }
.banner-img-four { position: relative }
.banner-img-sec { position: absolute; left: -65px; top: 35px }
.banner-img-third { position: absolute; right: -95px; top: 50px }
.banner-img-fourth { position: absolute; right: -5rem; top: 10rem }
.banner-img-sec, .banner-img-third, .banner-img-fourth, .banner-imgs .banner-img-two, .banner-imgs .banner-img-three { padding: 33px 0 0 33px; -webkit-animation: float 2s ease-in-out infinite; animation: float 2s ease-in-out infinite }
.user-registration .student-img img, .master-skill-img-two, .master-skill-img-three { padding: 33px 0 0 33px; -webkit-animation: float 2s ease-in-out infinite; animation: float 2s ease-in-out infinite }
 @keyframes float {
 0% {
 transform: translatey(0px)
}
 50% {
 transform: translatey(-15px)
}
 100% {
 transform: translatey(0px)
}
}
.course { border-right: none }
.circle { background: #e8e6f0; border-radius: 100px; display: flex; align-items: center; justify-content: center; width: 100px; height: 95px }
.multiple-courses-text span { font-weight: 700; font-size: 24px; color: #392c7d }
.multiple-courses-text h5 { font-weight: 500; font-size: 16px; color: #392c7d; margin: 0 }
.course-categories { padding: 60px 0 }
.course-categories .section-heading { padding: 70px 0 50px }
.section-heading h2 { font-weight: 700; font-size: 32px; color: #392c7d }
.section-heading h5 { font-weight: 500; font-size: 16px; color: #5c5c5c; margin: 0 }
.development-course { background: #fff; border: 1px solid #e0ebff; box-shadow: 0 4px 34px rgba(57, 44, 125, .02); border-radius: 10px; display: flex; justify-content: center; align-items: center; height: 135px; gap: 20px }
.main-development { display: flex; flex-direction: column; row-gap: 20px }
.course-name span { font-weight: 500; font-size: 18px; color: #5c5c5c }
.favourite-course .owl-nav { position: absolute; top: -110px; right: 20px; display: flex; gap: 20px }
.home-four .owl-nav .owl-prev i, .home-four .owl-nav .owl-next i { width: 50px; height: 50px; background: #c4c4c4; border-radius: 53px; display: flex; justify-content: center; align-items: center; color: #fff }
.home-four .owl-nav .owl-prev i:hover, .home-four .owl-nav .owl-next i:hover { background: #392c7d }
.our-courses { background: #f3f2f7; padding: 80px 0 }
.our-courses .section-heading { padding-bottom: 50px }
.our-courses .section-heading h5 { font-weight: 500; font-size: 16px; color: #392c7d; margin-bottom: 0 }
.card-body-group { position: relative; overflow: hidden; background: #fff; box-shadow: -3px 5px 16px rgb(0 0 0/7%); border-radius: 15px; margin-bottom: 20px; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.card-body-group:hover { position: relative; overflow: hidden; background: #ee009c; box-shadow: -3px 5px 16px rgba(0, 0, 0, .07); -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.rated { background: rgba(57, 44, 125, .5); border-radius: 15px; display: flex; align-items: center; justify-content: center; gap: 10px; width: 93.54px; height: 39px; position: absolute; top: 16px; left: 20px; color: #fff; font-size: 18px; font-weight: 500; transition: .7s all }
.heart { position: absolute; top: 16px; right: 20px; color: #392c7d; font-size: 20px; cursor: pointer }
.our-courses .card-body { padding: 0 1rem }
.our-courses .card .card-img:hover .rated { background: #ee009c }
.our-courses .card .card-img img { border-top-left-radius: 15px; border-top-right-radius: 15px; min-height: 260px }
.developer-img { border-radius: 50px; overflow: hidden; position: relative }
.developer-img img { width: 34px; height: 35px }
.web-developer-name { display: flex; align-items: center; gap: 10px }
.web-developer-name a { margin-bottom: 0; font-weight: 500; font-size: 16px; color: #392c7d; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.card-body-group:hover .web-developer-name a { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.our-courses .card:hover .php-course a { color: #ee009c; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.developer-img img { border-radius: 50px }
.web-developer-info { display: flex; justify-content: space-between; align-items: center; padding: 20px }
.course-caste span { font-weight: 600; font-size: 22px; color: #ee009c; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.card-body-group:hover .course-caste span { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.card-body-group .php-course { padding: 20px; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.php-course a { font-weight: 500; font-size: 20px; color: #392c7d; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.card-body-group:hover .php-course a { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.course-lesson-and-duration { display: flex; align-items: center; justify-content: space-between; padding: 20px }
.course-lesson { display: flex; align-items: center; gap: 10px }
.book-img { width: 38px; height: 38px; background: rgba(57, 44, 125, .2); border-radius: 25px; display: flex; align-items: center; justify-content: center; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.card-body-group:hover .book-img { background: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.book-img i { color: #392c7d }
.course-lesson span { font-weight: 400; font-size: 14px; color: #392c7d; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.card-body-group:hover .course-lesson span { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.card-button { display: flex; align-items: center; justify-content: center; padding: 20px }
.card-button .buy-now-btn { display: flex }
.card-button .buy-now-btn a { font-weight: 700; font-size: 16px; color: #fff; background: #ee009c; border-radius: 32px; padding: 15px 50px; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.card-button .buy-now-btn a:hover { background: #392c7d; box-shadow: inset 0 50px 0 0 #392c7d }
.home-four .our-courses-slider .owl-nav { position: absolute; top: -110px; right: 20px; display: flex; gap: 20px }
.heart-red { color: red }
.career-skills { padding: 80px 0 }
.skills-info .section-heading p { font-weight: 400; font-size: 17px; color: #5c5c5c; padding-bottom: 20px }
.skills-info .section-heading h2 { padding-bottom: 20px; margin: 0; max-width: 375px }
.skills-info ul li span { color: #ee009c; padding-right: 10px }
.skills-info ul { padding-left: 0; margin: 0 }
.skills-info ul li { list-style-type: none; font-weight: 400; font-size: 16px; padding-bottom: 10px; color: #5c5c5c }
.skills-info ul li:last-child { padding: 0 }
.multiple-informations { display: flex; justify-content: space-between; max-width: 450px; padding: 10px 0 30px }
.learning-process span { font-weight: 700; font-size: 24px; color: #5c5c5c }
.learning-process h5 { font-size: 16px; color: #5c5c5c; font-weight: 400 }
.explore-button { display: flex; align-items: center }
.skills-info .section-heading p { margin-bottom: 0 }
.explore-button .explore-btn { display: flex }
.explore-button .explore-btn a { font-weight: 700; font-size: 16px; color: #fff; background: #ee009c; border-radius: 32px; padding: 15px 50px; transition: .7s all }
.explore-button .explore-btn a:hover { background: #392c7d; box-shadow: inset 0 50px 0 0 #392c7d }
.skills-img { padding-bottom: 40px; display: flex; flex-direction: column; align-items: center }
.card-img { position: relative; overflow: hidden; border-radius: 15px }
.card-img img:hover { transform: scale(1.15) }
.card-img img { transition: .7s all }
.feature-instructor { padding: 80px 0 }
.feature-instructor .section-heading h5 { color: #392c7d }
.instructor-info-four { text-align: center }
.instructor-info-four h3 { font-weight: 500; font-size: 20px; color: #392c7d }
.instructor-info-four h3:hover { color: #ee009c }
.instructor-info-four h4 { font-weight: 400; font-size: 16px; color: #525252; padding: 5px 0 20px; margin-bottom: 0 }
.instructor-info-four h5 { font-weight: 600; font-size: 16px; color: #ee009c }
.feature-instructor .card { background: #fff; box-shadow: 2px 8px 20px rgba(0, 0, 0, .06); border-radius: 20px; border: 1px solid #fff; max-width: 100% }
.feature-instructor .section-heading { padding-bottom: 50px }
.feature-instructor-slider .owl-nav { position: absolute; top: -110px; right: 20px; display: flex; gap: 20px }
.different-companies { background: #f3f2f7; padding: 80px 0 }
.different-companies .section-heading { display: flex; justify-content: center; padding-bottom: 50px }
.different-companies .section-heading h2 { max-width: 540px; font-weight: 600; text-align: center; margin-bottom: 0 }
.leading-univercities .item { display: flex; justify-content: space-around; align-items: center }
.leading-univercities .owl-theme .owl-dots, .owl-theme .owl-nav { margin-top: 0 !important }
.testimonial { padding: 80px 0; background-image: url(../img/testimonial-background-img-1.png), url(../img/testimonial-background-img-2.png); background-repeat: no-repeat; background-position: left 10% top 40%, right 10% bottom 30% }
.testimonial .section-heading { display: flex; justify-content: center; align-items: center; flex-direction: column }
.testimonial .section-heading h5 { color: #392c7d; margin: 0 }
.testimonial-img img { border-radius: 50%; padding: 50px 0 }
.testimonial-name h2 { font-weight: 700; font-size: 32px; color: #392c7d }
.testimonial-name h5 { font-weight: 500; font-size: 16px; color: #392c7d; margin: 0 }
.testimonial-name p { max-width: 789px; text-align: center; font-weight: 400; font-size: 16px; color: #4d4d4d; padding: 50px 0 }
.founder-info { display: flex; flex-direction: column; justify-content: center; align-items: center }
.founder-info .testimonial-name { text-align: center }
.testimonial-slider .owl-dots { display: flex; justify-content: center; gap: 10px }
.testimonial-slider .owl-dots .owl-dot { width: 10px; height: 10px; background: #c4c4c4; border-radius: 53px }
.testimonial-slider .owl-dots .active { background: #392c7d }
.testimonial-img img { width: 201px; height: 301px }
.latest-blog-four { background: #f3f2f7; padding: 60px 0 }
.latest-blog .section-heading { padding-bottom: 50px }
.blog-info .course-name { padding-bottom: 15px; border-bottom: 1px solid rgba(57, 44, 125, .1) }
.blog-info .course-info { border-bottom: none; margin-bottom: 15px; padding-bottom: 0 }
.blog-info .course-name h5 { font-weight: 700; font-size: 14px; color: #ee009c; transition: .5s all; margin: 0 }
.blog-info .course-info a { font-weight: 700; font-size: 20px; color: #392c7d }
.blog-info .course-info a:hover { color: #ee009c }
.blog-info .course-date { display: flex; align-items: center; gap: 10px }
.latest-blog .card { margin-bottom: 0 }
.latest-blog-slider .card .card-body { padding-bottom: 0 }
.latest-blog-slider .card { border: none; background: #fff; box-shadow: -3px 5px 16px rgba(0, 0, 0, .07); border-radius: 30px; margin-bottom: 20px; max-width: 100% }
.latest-blog-slider .card .card-img { border-radius: 30px }
.latest-blog-slider .card .card-img img { border-radius: 30px; min-height: 292px }
.home-four .latest-blog-slider .owl-nav { position: absolute; top: -110px; right: 20px; display: flex; gap: 20px }
.education-details { background: #d9d9d9; padding: 50px 0 }
.unlimited-courses-labs { padding: 80px 0 }
.unlimited-courses-labs .section-heading { display: flex; justify-content: center; padding-bottom: 50px }
.unlimited-courses-labs .section-heading h2 { text-align: center; max-width: 550px }
.courses-labs-logo { display: flex; align-items: center; justify-content: space-evenly }
.courses-labs-logo .owl-theme .owl-dots, .owl-theme .owl-nav { margin-top: 0 !important }
.leading-univercities.owl-carousel.owl-theme.owl-loaded.owl-drag { margin-bottom: 0; display: flex }
.education-details-box { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative }
.education-details-box .card-button { display: block; padding-bottom: 0 }
.education-info { display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute }
.education-info h2 { font-weight: 700; font-size: 34px; color: #fff }
.education-info p { font-weight: 700; font-size: 16px; color: #fff; max-width: 350px; text-align: center }
.education-img img { border-radius: 25px; transition: .5s }
.education-img { position: relative; overflow: hidden; border-radius: 25px }
.news-letter-four { background: #392c7d; padding: 50px 0 }
.news-letter .section-heading { padding-bottom: 30px }
.news-letter .section-heading h2 { margin-bottom: 0 }
.news-letter .section-heading h2 { color: #fff }
.news-letter-four .section-heading h2 { font-weight: 700; font-size: 40px; color: #fff; padding-bottom: 30px }
.request-box { display: flex; align-items: center; justify-content: space-between }
.request-box .send-btn a { padding: 15px 70px; background: #ee009c; border: 1px solid #ee009c; border-radius: 32px; color: #fff; font-weight: 700; font-size: 16px; transition: .5s all }
.request-box .send-btn { display: flex; align-items: center; justify-content: center }
.request-box .name-field input { border: none; background: #392c7d; border-bottom: 2px solid rgba(255, 255, 255, .33); padding: 0 0 17px; color: #fff; font-weight: 400; font-size: 16px; width: 400px }
.request-box .email-field input { border: none; border-bottom-color: currentcolor; background: #392c7d; border-bottom: 2px solid rgba(255, 255, 255, .33); padding: 0 0 17px; color: #fff; width: 500px }
 .request-box input::placeholder {
 font-weight: 400;
 font-size: 16px;
 color: #fff
}
.request-box input:focus { outline: none }
.request-box .send-btn a:hover { background: #fff; box-shadow: inset 0 50px 0 0 #fff; color: #ee009c; border: 1px solid #ee009c }
.footer-four { background: #f3f2f7; padding: 50px 0; background-image: url(../img/footer-background-img.png); background-repeat: no-repeat; background-position: right bottom }
.footer-main-info { display: flex; justify-content: space-between; align-items: baseline; padding-bottom: 60px }
.footer-main-info h2 { font-weight: 700; font-size: 20px; color: #392c7d; margin: 0; padding-bottom: 25px }
.footer-main-info ul { margin: 0; padding: 0 }
.footer-four .footer ul li a { font-weight: 400; font-size: 16px; color: #392c7d }
.footer-main-info ul li { list-style-type: none; padding-bottom: 10px }
.footer-main-info ul li:last-child { padding-bottom: 0 }
.address p { font-weight: 400; font-size: 16px; color: #392c7d; max-width: 250px }
.footer-logo p { max-width: 385px; font-weight: 400; font-size: 16px; color: #392c7d; padding: 70px 0 0 }
.social-media-links { display: inline-flex }
.social-media-links a { margin-left: 17px }
.social-media-icon { width: 47px; height: 47px; background: rgba(57, 44, 125, .1); border-radius: 6px; display: flex; justify-content: center; align-items: center }
.social-media-icon i { color: #392c7d; font-size: 22px; transition: .5s }
.social-media-links a div { transition: .5s all }
.social-media-links a div:hover { background: #fff; box-shadow: inset 50px 0 0 0 #fff }
.social-media-links a div:hover i { color: #ee009c; transform: rotatey(360deg) }
.more-information { display: inline-flex; list-style: none; margin: 0; padding: 0; outline: none }
.more-information li { position: relative; margin-left: 70px }
.footer-four .footer-bottom ul { margin: 0; padding: 0 }
.footer-four ul li a:hover { color: #ee009c }
.footer-bottom .more-information li { list-style-type: none }
.footer-four ul li a { font-weight: 400; font-size: 16px; color: #392c7d }
.header-navbar-five { margin: 0; margin-left: 0; padding: 0 }
.header-five .main-nav .has-submenu.active>a { font-weight: 700; font-size: 16px; color: #ffd600 }
.header-five .main-nav li .submenu a:hover { color: #ffd600; letter-spacing: .5px; padding-left: 20px }
.header-five .main-nav>li .submenu li a { display: block; padding: 10px 15px; clear: both; white-space: nowrap; font-size: 14px; color: #000; -webkit-transition: all .35s ease; transition: all .35s ease; width: 100%; border-top: 1px solid #f0f0f0 }
.header-navbar-five>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: 46px; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; position: relative }
.header-navbar-five>li .login-five { color: #333;  font-size: 15px }
.header-navbar-five>li .login-five:hover { color: #1cbeef }
/* .header-navbar-five>li .signup-five { font-weight: 500; font-size: 16px; border-radius: 32px; padding: 10px 40px; background-color: #ffd600; border-color: #ffd600; color: #000 } */
.header-navbar-five>li .signup-five{color: #333;  font-size: 15px}
/* .header-navbar-five>li .signup-five:hover { background-color: #1cbeef; border-color: #1cbeef; color: #fff } */
.header-navbar-five>li .signup-five:hover{color: #1cbeef}
.home-slide-five { position: relative; background: #2d0160 }
.header-five .main-nav li a { display: block; font-size: 17px; font-weight: 500; color: #000 !important }
.header-five .main-nav li a:hover { color: #ffd600 }
.header-five .add-header-bg { box-shadow: 0 4px 15px rgb(0 0 0/8%); transition-duration: .4s; background: #D92231; padding-top: 0; margin: 0 }
.vector-shapes-five { position: absolute; left: 2.5rem; top: 14.5rem }
.home-slide-five-face { padding: 174px 0 56px }
.home-slide-five .banner-slider-img { position: relative }
.home-slide-five-text { max-width: 415px; width: 100% }
.slider-five-one { position: absolute; top: 9.2rem }
.slider-five-one img { width: 351px; max-width: 100% }
.slider-five-two img { width: 351px; max-width: 100% }
.slider-five-two { animation: up-down 5s ease-in-out infinite alternate-reverse both }
.home-slide-five-text h5 { font-weight: 500; font-size: 16px; color: #ffd600 }
.home-slide-five-text h1 { font-weight: 700; font-size: 36px; color: #fff; margin-bottom: 38px }
.home-slide-five-text p { font-weight: 700; font-size: 16px; color: #fff; margin-bottom: 38px }
.banner-content-five { margin-bottom: 116px }
.banner-content-five .form-inner-five { padding: 5px; background: #fff; border: 1px solid #ffd600; box-shadow: 0 16px 106px rgb(196 196 196/16%); border-radius: 40px; width: 100%; max-width: 585px }
.banner-content-five .form-inner-five .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100% }
.drop-detail-five { background: #ffd600; border-radius: 90px; display: flex; border: 0; border-top-right-radius: 90px !important; border-bottom-right-radius: 90px !important; max-width: 147px; width: 100% }
.banner-content-five .select2-container--default .select2-selection--single .select2-selection__arrow b { margin-top: -2px; margin-left: -8px }
.banner-content-five .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { margin-top: 2px }
.banner-content-five .select2-container .select2-selection--single { border: 0; align-items: center; display: flex; background: 0 0; justify-content: center; height: 50px; font-weight: 500; font-size: 14px; color: #000 }
.home-five .select2-dropdown { border: 1px solid #ffd600 }
.home-five .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #ffd600; color: #000; font-size: 14px }
.banner-content-five .sub-btn { background: #ffd600; border: 1px solid #ffd600; box-shadow: inset 0 0 0 0 #fff; border-radius: 32px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; border: 1px solid #ffd600; border-radius: 32px; margin: 0; line-height: 0; padding: 15px; color: #000; border-top-left-radius: 32px !important; border-bottom-left-radius: 32px !important }
.banner-content-five .sub-btn:hover { color: #0071dc; border: 1px solid #0071dc; background: #0071dc; box-shadow: inset 0 50px 0 0 #1cbeef; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.banner-content-five .select2-container--default .select2-selection--single .select2-selection__rendered { font-weight: 500; font-size: 16px; color: #000; padding-left: 0 }
.banner-content-five .input-group>.form-control, .input-group>.form-select { position: relative; width: auto; margin-left: 0 !important; border: 1px solid transparent !important }
.banner-content-five .select2-container--default .select2-selection--single .select2-selection__arrow { height: auto; position: absolute; top: 23px; right: 0; width: 50px }
 .banner-content-five .form-inner-five ::-webkit-input-placeholder {
 font-size: 14px
}
 .banner-content-five .form-inner-five ::-moz-placeholder {
 font-size: 14px
}
 .banner-content-five .form-inner-five :-ms-input-placeholder {
 font-size: 14px
}
 .banner-content-five .form-inner-five :-moz-placeholder {
 font-size: 14px
}
.review-user-five .review-users-list { display: flex; align-items: center; list-style: none; padding: 0; margin: 0 }
.review-user-five .review-users-list li { margin-right: -20px }
.review-user-five .review-users-list li a img { width: 40px; height: 40px; border-radius: 50px; border: 2px solid #440093 }
.review-rating-five p { display: inline-block; font-weight: 700; font-size: 16px; color: #fff; margin-bottom: 0 }
.review-rating-five { margin-left: 39px }
.rating-star .filled { color: #ffb54a }
.rate-head-five h2 { font-weight: 700; font-size: 32px; color: #fff; margin-bottom: 0 }
.rate-head-five p { font-weight: 500; font-size: 16px; color: #fff; margin-left: 10px; margin-bottom: 0 }
.review-user-five { margin-bottom: 25px }
.review-five-group .course-count { margin-left: 0 }
.leading-section-five { position: relative; /*padding: 60px 0;*/
background: #f6f7fb;/* padding-top:70px; */
}
.leading-five-content h2 { font-weight: 700; font-size: 32px; color: #2d0160 }
.leading-five-content p { color: #515151; font-size: 16px; font-weight: 500; margin-bottom: 0 }
.leading-section-five .owl-carousel .owl-item .lead-img img { width: 147px }
.course-section-five .owl-theme .owl-dots .owl-dot span { width: 15px; height: 5px; margin: 0 5px; background: #d9d9d9; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease }
.home-five .owl-theme .owl-dots .owl-dot.active span, .home-five .owl-theme .owl-dots .owl-dot:hover span { background: #ffd600; width: 50px; height: 5px; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease }
.home-five .owl-theme .owl-dots .owl-dot span { width: 50px; height: 5px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px }
.course-section-five { background: #fff; padding: 60px 0; position: relative; z-index: 999 }
.course-section-five .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 30px }
.course-five-item { background: #f6f7fb; border-radius: 10px; border: 1px solid transparent }
.course-five-item:hover { background: #fff; border: 1px solid #000066; border-radius: 10px; transition-duration: 0s }
.course-five-grid { padding: 30px }
.course-info-five h3 { font-weight: 700; font-size: 20px; color: #2d0160 }
.course-info-five p { font-weight: 400; font-size: 16px; color: #515151; margin-bottom: 39px }
.course-info-btn .btn-five { display: flex; align-items: center; justify-content: center; transition: all .4s ease 0s; width: 30px; height: 30px; background: #2d0160; border-radius: 50%; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.course-info-btn i { color: #fff; font-size: 12px }
.course-icon-five { margin-bottom: 39px; text-align: center }
.course-icon-five img { background: #fff; padding: 20px; align-items: center; justify-content: center; transition: all .4s ease 0s; border-radius: 50% }
.course-info-five { margin-bottom: 20px; text-align: center }
.course-info-btn { display: -ms-flexbox; display: flex; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center }
.header-five-title h2 { font-weight: 700; font-size: 32px; color: #392c7d }
.header-five-title { margin-bottom: 50px }
.course-section-five .owl-carousel .owl-item img { display: inline-flex; width: auto }
.icon-five-border { position: relative; background: rgba(251, 15, 0, .2); border-radius: 75px 30px 75px 30px; width: 90px; margin: auto auto 20px }
.course-five-item:hover .course-info-five h3 { font-weight: 700; font-size: 20px; color:#000066; }
.course-five-item:hover .course-info-five h3 { font-weight: 700; font-size: 20px; color: #FA0824 }
.course-five-item:hover .course-info-btn .btn-five { background-color: #ffd600 }
.course-five-item:hover .icon-five-border { background-color: #FA0824 }
.counter-section-five { background: #2d0160; padding: 60px 0 }
.count-content-five h4 { font-weight: 700; font-size: 32px; color: #ffd600 }
.count-content-five p { font-weight: 700; font-size: 20px; color: #fff; margin-bottom: 0 }
.count-five { border-right: 1px solid #d9d9d9 }
.count-five-0 { border-right: 0 }
.featured-section-five { padding: 80px 0 65px; background: #f6f7fb }
.tablist-five { padding-bottom: 18px; border-bottom: 1px solid #eff2f5; display: block; margin-bottom: 40px; text-align: center }
.tablist-five .nav-tab { margin-right: 40px; font-weight: 500; font-size: 18px; color: #515151; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.tablist-five .nav-tab.active { color: #2d0160; border-bottom: 4px solid #2d0160; padding-bottom: 18px }
.tablist-five .nav-tab:hover { color: #ffd600; border-bottom: 4px solid #ffd600; padding-bottom: 18px; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.course-box-five { position: relative; overflow: hidden; background: #fff; box-shadow: -3px 5px 16px rgba(0, 0, 0, .07); border-radius: 10px; margin-bottom: 24px; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.product-content-five { padding: 20px }
.joing-course-ovelay { position: absolute; bottom: 100%; left: 0; right: 0; overflow: hidden; width: 100%; height: 0; background: rgba(45, 1, 96, .63); border-radius: 10px; z-index: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.course-box-five:hover .joing-course-ovelay { height: 100%; bottom: 0; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.course-box-five:hover .heart-five .fa-heart { width: 30px; height: 30px; background-color: transparent; border: 2px solid transparent; align-items: center; display: flex; justify-content: center; border-radius: 50%; font-size: 16px; color: red; stroke: #000; stroke-width: 30px; z-index: 2; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.product-img-five { position: relative; overflow: hidden; padding: 0; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.heart-five { position: absolute; top: 1rem; display: inline-block; left: 1rem; bottom: 0 }
.heart-five .fa-heart { position: relative; width: 30px; height: 30px; background-color: transparent; border: 2px solid #fff; align-items: center; display: flex; justify-content: center; border-radius: 50%; font-size: 12px; color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.course-group-img-five img { max-width: 36px; height: 36px; border-radius: 50%; margin-right: 10px; margin-bottom: 0 }
.course-group-img-five h6 { font-weight: 500; font-size: 16px; color: #515151; margin-bottom: 0 }
.product-content-five .price-five-group p { font-weight: 500; font-size: 16px; color: #2d0160; margin-bottom: 0 }
.course-share-five .rating { list-style: none; margin: 0; padding: 0; width: 100% }
.course-share-five .rating { font-size: 12px }
.product-content-five h3 a { font-weight: 600; font-size: 18px; color: #515151 }
.product-five-title { display: flex; display: -ms-flexbox; margin-bottom: 20px }
.info-five-middle { border-bottom: 1px solid #f1f1f1; padding-bottom: 20px; margin-bottom: 20px; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; justify-content: space-between }
.price-five-group { display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; justify-content: space-between }
.course-view-five { display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center }
.info-five-middle .rating-img { display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center }
.course-info-five p { margin-bottom: 0; color: #685f78; font-size: 16px; margin-left: 5px }
.course-group-five { margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between }
.course-group-img-five { display: flex; align-items: center; justify-content: space-between }
.course-info-five .course-view-five i { color: #ffd600 }
.course-info-five .rating-img i { color: #ffd600 }
.product-content-five .price-five-group h3 { font-weight: 500; font-size: 20px; color: #fb0f00; margin-bottom: 0 }
.info-five-middle .course-view-five p { font-weight: 500; font-size: 16px; color: #2d0160; margin-bottom: 0 }
.info-five-middle .rating-img span, .info-five-middle .rating-img p { margin-bottom: 0 }
.joing-course-middle { position: absolute; bottom: 100%; left: 0; right: 0; overflow: hidden; width: 100%; height: 0; background-color: #0071dc; border-radius: 6px; z-index: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.joing-course-btn { font-weight: 500 !important; background: #ffd600; border: 1px solid #ffd600; text-align: center; padding: 10px 30px; position: relative; box-shadow: inset 0 0 0 0 #fff; border-radius: 32px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; border-radius: 32px }
.joing-course-btn:hover { color: #2d0160; border: 1px solid #2d0160; background: #fff; box-shadow: inset 0 50px 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.master-section-five { position: relative; background: #fff; padding: 60px 0 }
.master-section-five .header-five-title h2 { max-width: 374px; width: 100% }
.master-five-vector { position: absolute; left: 2rem }
.skill-five-icon img { padding: 5px; width: 30px; height: 30px; align-items: center; justify-content: center; transition: all .4s ease 0s; border-radius: 50% }
.career-five-content { margin-bottom: 40px }
.career-five-content p { font-weight: 400; font-size: 16px; color: #515151 }
.skill-five-icon { margin-bottom: 10px }
.skill-five-item { margin-bottom: 38px }
.learn-more-five { border: 1px solid #fed700; font-weight: 500 !important; color: #0d0d0d !important; background: #fed700; border-radius: 32px; font-size: 16px; text-align: center; padding: 12px 30px; position: relative; z-index: 1; overflow: hidden; text-transform: initial; box-shadow: inset 0 0 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.learn-more-five:hover { background-color: #1cbeef; border-color: #1cbeef; color: #1cbeef !important; box-shadow: inset 0 50px 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.skill-five-content h3 { font-weight: 600; font-size: 20px; color: #515151 }
.skill-five-content p { font-weight: 400; font-size: 16px; color: #515151; margin-bottom: 0 }
.experienced-course-five { background: #2d0160; padding: 60px 0; position: relative }
.instructor-vector-left { position: absolute; left: 0; top: .7rem }
.header-five-title-inner { margin-bottom: 30px }
.header-five-title .ex-five-title { /*max-width: 374px;*/
color: #ffdb20 }
.career-five-content .ex-five-content { max-width: 550px; color: #fff }
.experienced-five-sub { padding-left: 50px }
.instructor-vector-right { position: absolute; right: 2rem; bottom: 1.7rem }
.developer-five-list li img { max-width: 92px; height: 92px; border-radius: 50%; margin-right: 10px; margin-bottom: 0; border: 5px solid transparent }
.developer-five-list ul { list-style: none; margin: 0; padding: 0; outline: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.developer-five-list { max-width: 550px; margin: auto }
.experienced-five-group { position: relative }
.developer-five-list .column-img { display: flex; -ms-flex: 25%; flex: 25%; max-width: 25%; margin-bottom: 20px }
.developer-profile-five { cursor: pointer; position: relative; cursor: pointer; position: relative; text-align: center; width: 230px; -webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased }
.developer-profile-five .profile-five-ovelay { background: rgba(255, 255, 255, .85); border: 5px solid #ffd600; border-radius: 60px 60px 60px 0; bottom: 100%; display: block; text-align: center; left: 70px; bottom: 80px; opacity: 0; z-index: 2; padding: 10px; position: absolute; min-width: 213px; max-width: 100%; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(14px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgb(0 0 0/28%); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, .28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, .28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, .28); box-shadow: 2px 2px 6px rgb(0 0 0/28%) }
.developer-profile-five:hover .profile-five-ovelay { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px) }
.developer-profile-five:hover .developer-image img { border: 5px solid #ffd600 }
.profile-five-ovelay h5 { font-weight: 500; font-size: 20px; color: #000 }
.profile-five-ovelay p { font-weight: 400; font-size: 16px; color: #000; margin-bottom: 0 }
.knowledge-list-five ul { list-style: none; margin: 0; padding: 0; outline: none }
.knowledge-list-group { display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.knowledge-list-group img { width: 24px; margin-right: 10px }
.knowledge-list-group p { font-style: normal; font-weight: 400; font-size: 16px; color: #515151; margin-bottom: 0 }
.knowledge-list-five ul li { margin-bottom: 18px }
.knowledge-list-five { margin-bottom: 48px }
.joing-count-five img { animation: up-down 3s ease-in-out infinite alternate-reverse both }
.share-knowledge-five { padding: 60px 0; background: #fff }
.share-knowledge-five .header-five-title { max-width: 559px }
.share-knowledge-five .career-five-content { max-width: 550px }
.joing-count-five { position: relative }
.joing-count-five-one { text-align: center; position: absolute; left: 0; top: 6.5rem; z-index: 2 }
.joing-count-five-two { text-align: center; position: absolute; left: -4rem; bottom: 3rem; z-index: 2 }
.joing-count-five-three { text-align: center; position: absolute; right: 5rem; top: 2rem; z-index: 2 }
.joing-count-number { font-weight: 700; font-size: 32px; color: #2d0160 }
.joing-count-text { font-weight: 500; font-size: 22px; color: #2d0160; margin-bottom: 0 }
.goals-section-five { background: #ffd600; padding: 60px 0 }
.goals-content-five h4 { font-weight: 700; font-size: 32px; color: #2d0160 }
.goals-content-five p { font-weight: 500; font-size: 16px; color: #515151 }
.goals-count-five { border-left: 1px solid #fff09f }
.transform-section-five { padding: 60px 0 }
.transform-access-content .career-five-content { max-width: 550px }
.transform-count-five-one { position: absolute; top: 0; left: -2rem; text-align: center }
.home-five .course-count h3 { margin-bottom: 0 }
.transform-count-five-two { position: absolute; top: 3.5rem; right: 6.5rem; text-align: center }
.transform-count-five-three { position: absolute; bottom: 3.5rem; right: 3.5rem; text-align: center }
.testimonial-section-five { background: #2d0160; padding: 60px 0 }
.testimonial-slider-five { max-width: 1000px; width: 100%; margin: auto }
.testimonial-item { display: flex; align-items: center; position: relative }
.testimonial-content-five { position: relative; background: #fff; border-radius: 10px; left: 35px; padding: 40px; width: 757px; height: 278px; z-index: 2 }
.testimonial-item:before { content: ""; background: #ffd600; border-radius: 35px; width: 62px; height: 168px; left: 25px; position: absolute; top: 50%; transform: translateY(-50%) }
.testimonial-text p { font-weight: 400; font-size: 16px; text-align: center; color: #0a033c }
.testimonial-users h5 { font-weight: 700; font-size: 20px; letter-spacing: .002em; color: #000 }
.testimonial-users p { font-weight: 400; font-size: 16px; color: #000; margin-bottom: 0 }
.testimonial-section-five .slick-prev, .testimonial-section-five .slick-next { z-index: 99; background: #fff; box-shadow: 0 4px 60px rgb(41 44 124/15%); transform: matrix(-1, 0, 0, 1, 0, 0); width: 40px; height: 40px; border-radius: 50% }
.testimonial-section-five .slick-prev { left: -80px }
.testimonial-section-five .slick-next { right: -80px }
.testimonial-section-five .slick-prev:hover, .testimonial-section-five .slick-next:hover, .testimonial-section-five .swiper-button-prev:hover, .testimonial-section-five .swiper-button-next:hover { color: #000; background: #ffd600; opacity: 1 }
.testimonial-section-five .slick-prev:hover:before, .testimonial-section-five .slick-prev:focus:before, .testimonial-section-five .slick-next:hover:before, .testimonial-section-five .slick-next:focus:before, .testimonial-section-five .swiper-button-prev:hover:before, .testimonial-section-five .swiper-button-next:hover:before { color: #fff; opacity: 1 }
.testimonial-section-five .slick-next:focus, .testimonial-section-five .slick-prev:focus { background: #ffd600 }
.testimonial-section-five .slick-prev:before { font-family: "font awesome 5 free"; content: "\f054"; color: #392c7d; font-size: 16px; font-weight: 900 }
[dir=rtl] .testimonial-section-five .slick-prev:before { content: "→" }
.testimonial-section-five .slick-next:before { font-family: "font awesome 5 free"; content: "\f053"; color: #392c7d; font-size: 16px; font-weight: 900 }
[dir=rtl] .testimonial-section-five .slick-next:before { content: "←" }
.blogs-section-five { padding: 60px 0 }
.blog-five-item { position: relative; overflow: hidden; background: #fff; box-shadow: -3px 5px 16px rgb(0 0 0/7%); border-radius: 10px; margin-bottom: 20px; transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; -webkit-transition: all .4s ease }
.blog-box-content { padding: 30px; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.blog-five-header { border-bottom: 1px solid rgba(57, 44, 125, .1); padding-bottom: 20px; margin-bottom: 20px }
.blog-five-footer h3 { display: flex;  font-size: 16px; color: #392c7d; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s; margin-bottom: 0 }
.blogs-section-five .owl-theme .owl-dots, .owl-theme .owl-nav { margin-top: 20px; margin-bottom: 0 }
.blog-five-header .blog-five-text p { font-weight: 600; font-size: 16px; color: #515151; margin-bottom: 0; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.blog-five-item:hover .blog-five-text p { -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s; color: #fff }
.blog-five-item:hover .blog-five-year i { -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s; color: #fff }
.blog-five-year span { font-weight: 400; font-size: 14px; color: #515151; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.blog-five-item:hover .blog-five-year span { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.blog-five-year i { font-weight: 400; font-size: 14px; color: #392c7d; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.blog-five-item .product-img-five img { width: 100%; border-radius: 10px 10px 0 0; -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-five-item:hover .product-img-five img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); transform: scale(1.15) }
.blog-five-item:hover .blog-box-content { background-color: #2d0160; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.blog-five-item:hover .blog-five-footer h3 a { color: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s }
.footer-five { position: relative; background: #2d0160; padding: 30px 0 0px }
.footer-top-five { position: relative; z-index: 9; font-size: 14px; margin-bottom: 60px }
.footer-title-five { font-weight: 700; font-size: 20px; color: #fff }
.footer-five-left { position: absolute; top: 0; left: 3rem }
.footer-five-right { position: absolute; top: 0; right: 3rem }
.footer-five-right { position: absolute; top: 7rem; right: 2rem }
.footer-top-five .footer-menu ul { list-style: none; margin: 0; padding: 0; outline: none }
.footer-top-five .footer-address span { font-weight: 400; font-size: 16px; color: #ffd600 }
.footer-top-five .footer-contact-info p { font-weight: 400; font-size: 14px; color: #fff }
.footer-top-five .footer-contact-info .phone-icon { font-weight: 400; font-size: 16px; color: #ffd600 }
.footer-top-five .footer-contact-info .phone-icon i { transform: rotate(320deg) }
.footer-menu-five ul li a:before { content: ""; background: #ffd600; border-radius: 8px; width: 15px; height: 3px; left: -40px; position: absolute; top: 50%; transform: translateY(-50%) }
.footer-menu-five ul li a { font-weight: 400; font-size: 16px; color: #fff; transition: all .4s ease 0s }
.footer .footer-menu-five ul li a { color: #fff; font-size: 14px; margin-left: 40px; position: relative; transition: all .4s ease 0s }
.footer .footer-menu-five ul li a:hover { color: #ffd600; padding-left: 5px }
.footer-about-five p { font-weight: 400; letter-spacing: .346154px; color: #fff; margin-bottom: 0 }
.footer-news-five .form-control { background: #39007a; border: 1px solid #c5c5d2; border-radius: 35px; min-height: 50px; font-size: 16px; color: #fff }
.footer-news-five .btn { border-radius: 32px; position: absolute; right: 0; top: 0; width: 144px; height: 50px; display: flex; justify-content: center; align-items: center }
.footer-news-five .btn-one { font-size: 16px; font-weight: 500; color: #000; padding: 10px 30px; text-align: center; background: #ffd600; border: 1px solid #ffd600; box-shadow: inset 0 0 0 0 #fff; border-radius: 32px; min-width: 110px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.btn-one:hover { color: #0071dc; border: 1px solid #0071dc; background: #fff; box-shadow: inset 0 50px 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.footer-news-five .input-block { position: relative }
.social-icon-five { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; list-style: none; padding: 0; margin-bottom: 0; align-items: center; float: right }
.social-icon-five ul li { margin-right: 20px }
.social-icon-five ul li:last-child { margin-right: 0 }
.social-icon-five a { width: 42px; height: 42px; font-size: 16px; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50px; border: 2px solid #fff }
.social-icon-five a:hover { color: #fff; background: 0 0 }
.social-icon-five .twitter-icon { background: #2bb7e5 }
.social-icon-five .linked-icon { background: #066ac9 }
.social-icon-five .facebook-icon { background: #066ac9 }
.social-icon-five .youtube-icon { background: #ff2d20 }
 .footer-news-five .input-block ::placeholder {
 font-weight: 400;
 font-size: 14px;
 color: #fff
}
 .footer-news-five .input-block :-ms-input-placeholder {
 font-weight: 400;
 font-size: 14px;
 color: #fff
}
 .footer-news-five .input-block::-ms-input-placeholder {
 font-weight: 400;
 font-size: 14px;
 color: #fff
}
.social-icon-three ul li a { width: 42px; height: 42px }
.copyright-five { border-top: 1px solid #392c7d; padding: 0px 0 0 }
.footer-news-five { margin-bottom: 30px }
.copyright-five .copyright-text p { color: #cec9e8; text-align: center; margin-bottom: 0 }
.right-header-center { justify-content: center }
.right-header-center .landing-menu ul li a { color: #585858 }
.right-header-center .landing-menu ul li a:hover { color: #421e76 }
.right-header-button .login-btn, .right-header-button .register-btn { background: #fff; border-radius: 60px; padding: 15px 50px; transition: .5s all }
.right-header-button .login-btn i { padding-right: 5px }
.right-header-button .login-btn:hover, .right-header-button .register-btn:hover { background: #f58e06; color: #fff; box-shadow: 0 50px 0 0 inset #f58e06 }
.right-header-button a :hover i { color: #fff }
.sign-btn-six { padding: 12px 30px; background: #f58e06; border-radius: 60px; font-weight: 600; font-size: 16px; color: #fff !important; position: relative; z-index: 1; overflow: hidden; text-transform: initial; box-shadow: inset 0 0 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }
.sign-btn-six:hover { background: #421e76; color: #000; text-transform: initial; color: #fff; box-shadow: inset 0 0 0 0 #421e76; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }
.login-btn-six { background: #fff; border-radius: 60px; padding: 12px 35px; position: relative; z-index: 1; overflow: hidden; text-transform: initial; box-shadow: inset 0 0 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }
.login-btn-six:hover { background: #421e76; color: #fff; position: relative; z-index: 1; overflow: hidden; text-transform: initial; box-shadow: inset 0 0 0 0 #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }
.banner-sections-six { position: relative; background-image: url(../img/home-six-banner.jpg); background-repeat: no-repeat; background-position: center; background-size: cover }
.banner-slide-six { padding: 124px 0 0 }
.banner-small-circles .small-circle-one { position: absolute; top: 20px; left: 335px }
.home-six header input[type=search] { padding: 10px 10px 10px 30px; width: 0; background: url(../img/icon/home-search-six.svg) no-repeat 9px center; border: transparent; -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; margin: auto; cursor: pointer }
.home-six header input[type=search]:focus { width: 150px; background-color: #fff; border-color: #717171; -webkit-box-shadow: 0 0 2px #dee2e6; -moz-box-shadow: 0 0 2px rgba(109, 207, 246, .5); box-shadow: 0 0 2px #dee2e6 }
.banner-content-six .select2-container .select2-selection--single { border: 0; align-items: center; display: flex; background: #fffaf3; justify-content: center; height: 45px; border-radius: 80px; font-weight: 400; border-bottom-left-radius: 80px !important; border-bottom-right-radius: 80px !important; font-size: 14px; color: #585858 }
.banner-content-six .form-inner-six { padding: 10px; background: #fff; border-radius: 40px; width: 100%; max-width: 585px }
.banner-content-six .sub-btn { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; border: 1px solid transparent; margin: 0; background: #2bb7e5; border-radius: 115px; padding: 12px 60px; color: #fff; border-top-left-radius: 115px !important; border-bottom-left-radius: 115px !important }
.banner-content-six .form-inner-six .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100% }
.drop-detail-six { max-width: 147px; width: 100% }
.banner-content-six .input-group>.form-control, .input-group>.form-select { position: relative; width: auto; margin-left: 0 !important; border: 1px solid transparent !important }
.banner-content-six .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: 0; margin-left: -11px }
.banner-small-circles .small-circle-two { position: absolute; top: 260px; left: 935px }
.banner-small-circles .small-circle-three { position: absolute; right: 60px; bottom: 75px }
.banner-small-circles .small-circle-four { position: absolute; left: -30px; bottom: 160px }
.banner-sections-six .section-heading h2 { color: #421e76; max-width: 470px; padding: 15px 0; margin: 0 }
.banner-sections-six .section-heading p { font-weight: 400; font-size: 24px; color: #585858; max-width: 520px; margin: 0; padding-bottom: 15px }
.banner-sections-six .section-heading h2 span { color: #f58e06 }
.banner-sections-six .section-heading .search-box { border: none; color: #585858; max-width: 750px }
.banner-sections-six .search-box .select2-container { width: 180px !important; background: #fffaf3; border-radius: 80px; border: none; padding: 20px; font-weight: 400; font-size: 16px; color: #585858; cursor: pointer }
.banner-sections-six .search-box .select2-container--default .select2-selection--single { border: none; background: #fffaf3 }
.banner-sections-six .search-box .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 22px; right: 20px; width: 20px }
.banner-sections-six .search-box .select2-container--default .select2-selection--single .select2-selection__rendered { color: #585858; font-size: 14px }
.banner-sections-six .section-heading .search-box .search-icon { background: #2bb7e5; border-radius: 115px; border: none; padding: 20px 80px; border: 1px solid #2bb7 }
.banner-sections-six .section-heading .search-box .search-icon:hover { box-shadow: 200px 0 0 0 inset#fff; background: #fff; border: 1px solid #2bb7e5 }
.banner-sections-six .section-heading .search-box .search-icon:hover i { color: #2bb7e5 }
.banner-sections-six .section-heading .search-box input { color: #585858; min-width: 335px }
.banner-sections-six .banner-imgs .small-box { width: 90px; height: 90px; background: #fff; box-shadow: 0 4px 24px rgba(119, 185, 143, .25); border-radius: 10px; display: flex; align-items: center; justify-content: center }
.banner-sections-six .banner-imgs { position: relative }
.banner-sections-six .banner-imgs .react-icon { position: absolute; top: 200px }
.banner-sections-six .banner-imgs .figma-icon { position: absolute; bottom: 50px; left: -30px }
.banner-sections-six .banner-imgs .banner-img-two { position: absolute; top: 250px; right: -120px }
.banner-sections-six .banner-imgs .banner-img-three { position: absolute; bottom: 48px; right: 35px }
.banner-imgs .react-icon img { animation: rotation 4s infinite linear }
 @keyframes rotation {
 from {
 transform: rotate(0deg)
}
 to {
 transform: rotate(360deg)
}
}
.top-category-six { padding: 80px 0 }
.multiple-websites { display: flex; justify-content: space-around; align-items: center; gap: 20px }
.section-headings { position: relative }
.leading-univercities .item { display: flex; justify-content: space-around; align-items: center }
.section-headings::after { width: 40px; height: 2px; background: #f58e06; content: ""; position: absolute; top: 40px }
.section-headings h2 { padding-bottom: 20px; margin: 0; font-weight: 700; font-size: 28px; color: #171717 }
.top-category-six .section-headings { display: flex; flex-direction: column; align-items: center; padding: 50px 0 }
.top-category-six .section-headings::after { top: 90px }
.top-category-six .section-headings p { max-width: 530px; font-weight: 600; font-size: 16px; color: #7b7b7b }
.course-development-slider { position: relative }
.course-development { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; height: 200px; background: #fff; border: 1px solid #f7fbfd; box-shadow: 0 4px 24px rgba(223, 223, 223, .25); border-radius: 6px }
.top-category-list .item { display: flex; justify-content: space-around; align-items: center }
.top-category-list .item img { filter: contrast(0) }
.top-category-slider .instructor { background: #fff6ea; border-radius: 64px; padding: 5px 17px; color: #f58e06 }
.top-category-slider .course-development-name h2 { font-size: 16px; font-weight: 600; color: #2f2f2f; width: 100px; text-align: center; margin: 0 }
.top-category-slider .owl-nav .owl-prev i, .top-category-slider .owl-nav .owl-next i { width: 41px; height: 41px; background: #fff; border: 1px solid #e7e7e7; box-shadow: 0 4px 34px 10px rgba(237, 237, 237, .25); border-radius: 25px; color: #f58e06; transition: .5s all }
.top-category-slider .owl-nav .owl-prev i, .owl-nav .owl-next i { display: flex; justify-content: center; align-items: center }
.top-category-slider .owl-nav .owl-prev i:hover, .top-category-slider .owl-nav .owl-next i:hover { background: #f58e06; color: #fff }
.course-development-img img { height: 37px }
.top-category-slider .owl-nav .owl-prev { position: absolute; top: 70px; left: -20px }
.top-category-slider .owl-nav .owl-next { position: absolute; top: 70px; right: -20px }
.trained-by-experts { background: #fffbf7; padding: 80px 0; position: relative; z-index: 1 }
.trained-by-experts .section-headings { display: flex; flex-direction: column; align-items: center; padding-bottom: 50px }
.trained-by-experts .section-headings p { max-width: 530px; font-weight: 600; font-size: 16px; color: #7b7b7b }
.online-courses { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; background: #fff; border: 1px solid #f7fbfd; box-shadow: 0 4px 24px rgba(223, 223, 223, .25); border-radius: 6px; height: 330px; transition: .5s all; position: relative }
.online-courses-img { background: rgba(112, 194, 23, .25); border-radius: 90px; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center }
.online-courses-name { text-align: center }
.online-courses-name span { font-weight: 700; font-size: 28px; color: #70c217 }
.online-courses-name h5 { font-weight: 700; font-size: 16px; color: #5c5c5c; margin: 0 }
.online-courses-text { text-align: center; font-weight: 400; font-size: 14px; color: #2e2e2e; max-width: 240px }
.expert-tutors .online-courses-img { background: #ffe3bd }
.certified-courses .online-courses-img { background: rgba(26, 188, 254, .26) }
.online-students .online-courses-img { background: #dddeff }
.expert-tutors span { color: #f58e06 }
.certified-courses span { color: #2bb7e5 }
.online-students span { color: #4c51ce }
.online-courses::after { width: 125px; height: 132px; background: #80ca2f; border-radius: 10px; content: ""; position: absolute; z-index: -1; right: -4px; bottom: -4px }
.online-courses:hover:after { z-index: -1 }
.online-courses:hover { box-shadow: 0 4px 24px rgb(125 125 125/25%) }
.online-courses:hover::after { background: #f58e06 }
.expert-tutors::after { background: #f58e06 }
.certified-courses::after { background: #2bb7e5 }
.online-students::after { background: #4c51ce }
.best-course-section { padding: 80px 0; position: relative }
.best-course-section .small-icons .arrow-img { position: absolute; top: 300px; left: 0 }
.best-course-section .small-icons .hat-img { position: absolute; right: 50px; bottom: 150px }
.best-course-section .section-small-imgs .hat-img { position: absolute; right: 80px; top: 70px }
.best-course-section .section-small-imgs .vector-img { position: absolute; left: -18px; bottom: 400px }
.select-category .select2-container { width: 245px !important; height: 71.5px; background: #fff; border: 1px solid #e5e5e5; box-shadow: 0 4px 10px rgba(242, 242, 242, .25); border-radius: 120px; display: flex; align-items: center; justify-content: center }
.select-category .select2-container--default .select2-selection--single { border: none }
.select-category .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 22px; right: 20px; width: 20px }
.best-course-heading { display: flex; align-items: center; padding-bottom: 40px; gap: 250px }
.best-course-heading .section-headings p { max-width: 600px; font-weight: 600; font-size: 16px; color: #7b7b7b }
.business-management { background: #fff; border: 1px solid #e5e5e5; box-shadow: 0 14px 44px rgba(230, 230, 230, .25); border-radius: 10px; padding: 20px }
.business-course-heading h5 { font-weight: 700; font-size: 14px; color: #1abcfe; margin: 0 }
.business-course-heading { background: rgba(26, 188, 254, .04); padding: 10px; width: 200px; display: flex; align-items: center; justify-content: center; margin-top: 15px }
.creative-art .business-course-heading { background: rgba(204, 0, 0, .06) }
.personal-learning .business-course-heading { background: rgba(10, 207, 131, .03) }
.creative-art .business-course-heading h5 { color: #f58e06 }
.personal-learning .business-course-heading h5 { color: #85d1a0 }
.business-management .business-img { position: relative; overflow: hidden; border-radius: 5px }
.business-management .business-img img { border-radius: 5px; transition: .5s all }
.business-management .business-img img:hover { border-radius: 5px; transform: scale(1.14) }
.best-course-instructor-info { display: flex; justify-content: space-between; align-items: center; padding-top: 15px }
.best-course-text h3 { margin: 0; font-weight: 600; font-size: 24px; color: #171717; max-width: 305px; padding: 15px 0 }
.business-management .text-two { max-width: 275px }
.best-course-info { display: flex; align-items: center; gap: 40px; padding-bottom: 18px; position: relative; border-bottom: 3px solid rgba(98, 85, 164, .03) }
.best-course-info::after { content: "|"; position: absolute; color: #c4c4c4; left: 123px }
.best-course-info span { font-weight: 400; font-size: 16px; color: #736969 }
.best-course-info .lesson-icon { display: flex; align-items: center; gap: 10px }
.instructor-img { display: flex; align-items: center; gap: 10px; justify-content: center }
.instructor-list .instructor-img { justify-content: start }
.best-course-instructor-info .instructor-img .instructor-name a { font-weight: 600; font-size: 16px; color: #585858 }
.best-course-instructor-info .instructor-img .instructor-name h5 { font-weight: 400; font-size: 14px; color: #7b7b7b; margin: 0 }
.best-course-instructor-info .course-cost { font-weight: 700; font-size: 24px; color: #f58e06 }
.best-course-slider .owl-dots .owl-dot { width: 10px; height: 10px; background: #ffeacf; border-radius: 40px }
.best-course-slider .owl-dots { display: flex; justify-content: center; align-items: center; gap: 10px; padding-top: 40px }
.best-course-slider .owl-dots .active { width: 38px; height: 8px; background: #421e76; border-radius: 40px }
.best-course-slider .owl-nav .owl-prev i, .best-course-slider .owl-nav .owl-next i { width: 60px; height: 60px; background: #2bb7e5; box-shadow: 0 4px 10px rgba(242, 242, 242, .25); border-radius: 120px; transition: .5s all; display: flex; justify-content: center; align-items: center; color: #fff }
.best-course-slider .owl-nav { position: absolute; top: -130px; right: 0; display: flex; gap: 10px }
.best-course-slider .owl-nav .owl-prev i:hover, .best-course-slider .owl-nav .owl-next i:hover { background: #421e76 }
.best-course-instructor-info .instructor-name a:hover { color: #f58e06 }
.best-course-text h3 a:hover { color: #f58e06 }
.feature-instructor-card .instructor-info a:hover { color: #f58e06 }
.master-skills-section { background: #fcfcfc; padding: 80px 0 50px; position: relative }
.master-skills-section .small-circles .dotted-img { position: absolute; left: 300px; top: 50px }
.master-skills-section .small-circles .small-circle-one { position: absolute; right: 300px; top: 60px }
.master-skills-section .small-circles .small-circle-two { position: absolute; right: 40px; bottom: 50px }
.master-skills-section .small-circles .small-circle-three { position: absolute; left: -30px; bottom: 160px }
.skills-main-info .section-headings { padding-top: 60px; padding-bottom: 50px }
.skills-main-info .section-headings::after { top: 105px }
.skills-main-info .section-headings p { padding-top: 20px; font-weight: 400; font-size: 16px; color: #2e2e2e }
.skill-rectangle-box { background: #fff; box-shadow: 0 4px 24px rgba(219, 219, 219, .25); border-radius: 4px; display: flex; align-items: center; padding: 20px; gap: 30px; margin-bottom: 20px }
.skill-rectangle-box span { font-weight: 600; font-size: 16px; color: #393939 }
.skill-rectangle-box span b { color: #421e76; font-weight: 600; font-size: 16px }
.master-skill-imgs { position: relative }
.master-skill-img-two { position: absolute; top: 15px; right: 45px }
.master-skill-img-three { position: absolute; right: 50px; bottom: 128px }
.feature-instructor-two { background: #fffbf7; padding: 80px 0 }
.feature-instructor-two .section-headings { display: flex; flex-direction: column; align-items: center; padding-bottom: 50px }
.feature-instructor-two .section-headings p { max-width: 560px; font-weight: 600; font-size: 16px; color: #7b7b7b; text-align: center }
.feature-instructor-card { background: #fff; box-shadow: 0 14px 44px rgba(230, 230, 230, .25); border-radius: 10px; padding: 15px 15px 30px; position: relative; margin-bottom: 10px }
.feature-instructor-img { background: #f7fbfd; border-radius: 5px; display: flex; justify-content: center; margin-bottom: 50px; height: 250px; align-items: end; position: relative; overflow: hidden; cursor: pointer }
.feature-instructor-img:hover img { transform: scale(1.1) }
.feature-instructor-img img { transition: .5s all }
.instructor-rated { background: #fff; box-shadow: 0 4px 14px rgba(230, 230, 230, .25); border-radius: 6px; display: flex; justify-content: center; align-items: center; width: 135px; height: 33px; position: absolute; top: 245px }
.instructor-rated i { color: #faae42 }
.feature-instructor-two-slider .instructor-info { display: flex; flex-direction: column; align-items: center }
.feature-instructor-two-slider .instructor-info a { font-weight: 600; font-size: 20px; color: #000 }
.feature-instructor-two-slider .instructor-info h5 { margin: 0; font-weight: 400; font-size: 16px; color: #066ac9; padding-top: 15px }
.feature-instructor-two-slider .owl-dots .owl-dot { width: 10px; height: 10px; background: #ffeacf; border-radius: 40px }
.feature-instructor-two-slider .owl-dots { display: flex; justify-content: center; align-items: center; gap: 10px; padding-top: 40px }
.feature-instructor-two-slider .owl-dots .active { width: 38px; height: 8px; background: #421e76; border-radius: 40px }
.accelerate-cloud-section { background: #fcfcfc; border-radius: 11px; padding: 100px 0; position: relative; z-index: 1 }
.accelerate-cloud-section .section-headings::after { top: 72px }
.accelerate-cloud-section .section-headings p { font-weight: 400; font-size: 20px; color: #7b7b7b; padding-bottom: 20px }
.cloud-technologies { display: flex; align-items: center; flex-wrap: wrap; gap: 20px }
.cloud-technologies .technology-item { background: #fff; box-shadow: 0 4px 24px rgba(219, 219, 219, .25); border-radius: 4px; display: flex; align-items: center; gap: 15px; padding: 12px; width: 300px }
.cloud-technologies .technology-item span { width: 65px; height: 65px; background: #fff; border: 1px solid #f1f1f1; border-radius: 4px; display: flex; justify-content: center; align-items: center }
.cloud-technologies .technology-item p { max-width: 200px; font-weight: 400; font-size: 16px; color: #393939 }
.cloud-technology-img .male-img { position: absolute; right: 0; bottom: 0 }
.cloud-technology-img .vector-green-img { position: absolute; z-index: -1; top: 145px; right: 55px }
.cloud-technology-img .cloud-icon { position: absolute; right: 555px; top: 100px }
.cloud-technology-img .aero-icon { position: absolute; left: 70px; bottom: 150px }
.student-section { background: #421e76; padding-top: 80px; position: relative }
.student-section .section-small-imgs .vector-img-one { position: absolute; right: 150px; top: 100px }
.student-section .section-small-imgs .vector-img-two { position: absolute; top: 250px; left: -30px }
.user-registration-right { padding-left: 78px }
.student-section .section-headings { display: flex; flex-direction: column; align-items: center }
.student-section .section-headings p { text-align: center; max-width: 850px; font-weight: 400; font-size: 20px; color: #fff; padding-bottom: 80px }
.student-section .section-headings h2 { font-weight: 700; font-size: 32px; color: #fff }
.students-enrolled .student-icon { background: #f58e06; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; border-radius: 50% }
.multiple-students-informations { display: flex; align-items: center; justify-content: space-between; padding-bottom: 80px }
.students-enrolled { display: flex; align-items: center; gap: 10px }
.students-enrolled .total-students span { font-weight: 700; font-size: 32px; color: #fff }
.students-enrolled .total-students h5 { margin: 0; font-weight: 600; font-size: 20px; color: #fff }
.total-course .student-icon { background: #4c51ce }
.worldwide-student .student-icon { background: #2bb7e5 }
.student-bottom-section { background: linear-gradient(to right, #4c51ce 0%, #4c51ce 50%, #f58e06 50%, #f58e06 100%); padding: 70px 0 }
.registration-info a { background: #f58e06; border: 1px solid #f58e06; border-radius: 60px; padding: 15px 50px; font-weight: 700; font-size: 16px; color: #fff; transition: .5s all }
.registration-info a:hover { border: 1px solid #f58e06; background: #fff; color: #f58e06; box-shadow: 0 70px 0 0 inset#fff }
.registration-info h2 { font-weight: 700; font-size: 36px; color: #fff; max-width: 295px; margin: 0 }
.registration-info p { font-weight: 600; font-size: 16px; color: #fff; max-width: 410px; margin: 0 }
.student-register-field { display: flex; justify-content: space-between; align-items: center }
.user-registration { display: flex; align-items: center; gap: 100px }
.registration-info { display: flex; flex-direction: column; align-items: start; gap: 20px }
.registration-info .start-course { background: #4c51ce; border: 1px solid #4c51ce }
.registration-info .start-course:hover { border: 1px solid #4c51ce; background: #fff; color: #4c51ce; box-shadow: 0 70px 0 0 inset#fff }
.impressive-section { padding: 80px 0 }
.impressive-section .section-headings { display: flex; flex-direction: column; align-items: center; padding-bottom: 50px }
.impressive-section .section-headings p { font-weight: 400; font-size: 16px; color: #5c5c5c }
.impressive-card { background: #fff; box-shadow: 0 4px 14px rgba(191, 191, 191, .25); border-radius: 4px; margin-bottom: 10px }
.impressive-card-head { padding: 17px; border-bottom: 1px solid #e7e7e7 }
.impressive-card .rating { display: flex; align-items: center; justify-content: space-between }
.impressive-card .impressive-developer { display: flex; align-items: center; gap: 10px }
.impressive-card .star-rating h4 { font-weight: 600; font-size: 20px; color: #421e76 }
.impressive-card .star-rating i { color: #faae42 }
.impressive-card .star-rating span { font-weight: 400; font-size: 14px; color: #736969; padding-left: 8px }
.impressive-card .star-rating :nth-child(6) { color: #e7e7e7 }
.impressive-developer .instructor-name a { font-weight: 600; font-size: 16px }
.impressive-developer .instructor-name h5 { font-weight: 400; font-size: 14px; color: #7b7b7b; margin: 0 }
.impressive-card p { font-weight: 400; font-size: 14px; color: #2e2e2e; margin: 0; padding: 30px 0 }
.impressive-developer { padding: 17px 0 17px 23px }
.impressive-section-slider .owl-dots .owl-dot { width: 10px; height: 10px; background: #ffeacf; border-radius: 40px }
.impressive-section-slider .owl-dots { display: flex; justify-content: center; align-items: center; gap: 10px; padding-top: 40px }
.impressive-section-slider .owl-dots .active { width: 38px; height: 8px; background: #421e76; border-radius: 40px }
.latest-news-events { background: #fcfcfc; border-radius: 11px; padding: 80px 0; position: relative }
.latest-news-events .section-small-imgs .hat-img { position: absolute; top: 100px; left: 50px }
.latest-news-events .section-small-imgs .vector-img { position: absolute; right: 0; bottom: 130px }
.latest-news-events .section-headings { display: flex; flex-direction: column; align-items: center; padding-bottom: 50px }
.latest-news-events .section-headings p { font-weight: 400; font-size: 16px; color: #5c5c5c; max-width: 620px; text-align: center }
.news-events-card { background: #fff; box-shadow: 0 4px 14px rgba(169, 169, 169, .25); border-radius: 0 0 10px 10px; margin-bottom: 10px; position: relative }
.news-card-body { padding: 27px }
.news-card-body h5 { font-weight: 600; font-size: 16px; color: #70c217; margin: 0 }
.news-events-card .business h5 { color: #2bb7e5 }
.news-events-card .development h5 { color: #f58e06 }
.news-card-body h2 { font-weight: 700; font-size: 20px; color: #2f2f2f; margin: 0; padding: 15px 0 }
.news-card-body p { font-weight: 400; font-size: 16px; color: #5c5c5c; margin: 0 }
.news-card-img .date { background: #4c51ce; border-radius: 4px; width: 85px; height: 85px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 20px; left: 15px; transition: .5s all }
.news-card-img .date h5 { margin: 0; font-weight: 400; font-size: 14px; color: #fff }
.news-card-img .date span { font-weight: 700; font-size: 24px; color: #fff }
.news-card-img .rounded-img { position: absolute; z-index: 1; top: 290px; right: 50px; transition: .5s all }
.latest-news-events-slider .owl-dots .owl-dot { width: 10px; height: 10px; background: #ffeacf; border-radius: 40px }
.latest-news-events-slider .owl-dots { display: flex; justify-content: center; align-items: center; gap: 10px; padding-top: 40px }
.latest-news-events-slider .owl-dots .active { width: 38px; height: 8px; background: #421e76; border-radius: 40px }
.unlimited-courses-labs-two { padding: 80px 0; position: relative }
.unlimited-courses-labs-two .section-small-imgs .small-circle-one { position: absolute; right: 320px; top: 20px }
.unlimited-courses-labs-two .section-small-imgs .small-circle-two { position: absolute; right: 80px; bottom: 140px }
.unlimited-courses-labs-two .section-small-imgs .small-circle-three { position: absolute; left: -50px; bottom: 160px }
.unlimited-courses-labs-two .section-heading h2 { text-align: center; width: 600px; font-weight: 700; font-size: 32px; color: #171717; margin: 0 }
.unlimited-courses-labs-two .section-heading { display: flex; justify-content: center; padding-bottom: 30px }
.unlimited-courses-labs-two .lab-items-one { display: flex; justify-content: center; align-items: center; gap: 20px; padding-bottom: 30px }
.unlimited-courses-labs-two .lab-items-two { display: flex; justify-content: center; align-items: center; gap: 20px }
.unlimited-courses-labs-two .lab-item { background: #fff; border: 1px solid rgba(225, 225, 225, .25); box-shadow: 0 4px 24px rgba(190, 190, 190, .25); border-radius: 6px; width: 100px; height: 100px; display: flex; justify-content: center; align-items: center }
.unlimited-courses-labs-two .multiple-labs { padding-bottom: 80px; border-bottom: 1px solid #e7e7e7 }
.trusted-customer .section-heading { display: flex; flex-direction: column; align-items: center; padding-bottom: 30px }
.trusted-customer .section-heading h2 { font-weight: 500; font-size: 32px; color: #171717 }
.trusted-customer .section-heading h5 { font-weight: 700; font-size: 16px; color: #f58e06; margin-bottom: .5rem }
.trusted-customer .different-company .company-logo { width: 198px; height: 75px; background: #fff; border: 1px solid rgba(225, 225, 225, .25); box-shadow: 0 4px 24px rgba(190, 190, 190, .25); border-radius: 6px; display: flex; align-items: center; justify-content: center }
.trusted-customer .different-company { display: flex; align-items: center; justify-content: center; gap: 20px }
.trusted-customer { padding-top: 80px }
.footer-six { background: #421e76; padding: 80px 0 }
.footer-top-six { padding-bottom: 60px; border-bottom: 1px solid #52219a }
.footer-six .footer-top-six h2 { font-weight: 700; font-size: 24px; color: #fff; margin: 0; max-width: 400px; padding-bottom: 30px }
.footer-six .footer-top-six h5 { font-weight: 400; font-size: 20px; color: #f58e06; padding: 30px 0 20px; margin: 0 }
.footer-top-six .email-address-six { background: #fff; border: 1px solid #fff; border-radius: 106px; display: flex; justify-content: space-between; width: 525px; height: 75px; align-items: center; padding: 10px }
.footer-top-six .email-address-six input { border: none; font-weight: 400; font-size: 16px }
.footer-top-six .email-address-six input:focus { outline: none }
.footer-top-six .subscribe-btn-six button { background: #f58e06; border-radius: 106px; border: none; padding: 15px 40px; color: #fff; font-weight: 700; font-size: 16px; transition: .5s all }
.footer-top-six .subscribe-btn-six button:hover { background: #52219a; box-shadow: 0 50px 0 0 inset#52219A; color: #f58e06 }
.goto-website { display: flex; align-items: center; gap: 10px; padding-bottom: 50px }
.goto-website .site-name { display: flex; flex-direction: column }
.goto-website .site-name span { font-weight: 600; font-size: 16px; color: #fff }
.goto-website .site-name a { font-weight: 200; font-size: 14px; color: #cccc }
.goto-website .envelop { width: 52px; height: 52px; background: #2bb7e5; border-radius: 4px; display: flex; align-items: center; justify-content: center }
.goto-website .envelop i { color: #fff; font-size: 20px }
.footer-six-info { display: flex; justify-content: space-between }
.footer-six-info h3 { font-weight: 700; font-size: 16px; color: #fff; padding-bottom: 25px; margin: 0 }
.footer-six-info ul { margin: 0; padding: 0 }
.footer-six-info ul li a { font-weight: 400; font-size: 16px; color: #fff; padding-bottom: 10px }
.footer-six-info ul li a:hover { color: #f58e06 }
.footer-contact-info-six p { font-weight: 600; font-size: 14px; color: #fff }
.footer-contact-info-six .address-info-six { display: flex; align-items: center; gap: 20px; padding-bottom: 20px }
.footer-contact-info-six .address-info-six i { color: #fff; font-size: 20px }
.footer-six-info ul li { padding-bottom: 10px; list-style: none }
.footer-six-info ul li:last-child { padding-bottom: 0 }
.social-media-links .link { width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center }
.footer-bottom-six .social-media-links { float: right }
.footer-bottom-six { padding-top: 30px }
.footer-bottom-six p { font-weight: 400; font-size: 16px; color: #fff; margin: 0 }
.social-media-links .facebook { background: #066ac9 }
.social-media-links .twitter { background: #2bb7e5 }
.social-media-links .linkedin { background: #066ac9 }
.social-media-links .youtube { background: #ff2d20 }
.social-media-links .link i { color: #fff; transition: .5s all }
.social-media-links .link:hover i { color: #f58e06 }
.login-bg { background-image: url(../img/login-bg.png); background-size: cover; top: 0; left: 0; position: fixed; min-height: 100vh; display: flex; align-items: center }
.login-banner { max-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 0 }
.mentor-course h2 { font-size: 30px; color: #000; font-weight: 500; margin: 40px 0 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: #ffb54a !important }
.login-slide.owl-theme .owl-dots .owl-dot span { background: #ff875a }
.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 { max-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 10px 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: 150px*/ }
.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: 18px; width: 100%; color: #685f78; font-weight:bold; }
.toggle-password { position: absolute; right: 17px; top: 50%; transform: translateY(-50%); color: #ccc; cursor: pointer }
.remember-me .form-check-input { border: 1px solid #ffdeda; border-radius: 0 }
.remember-me a { color: #f66962 }
.pass-group { position: relative }
.google-bg { background: rgba(255, 222, 218, .31); padding: 0px 0 30px 0; 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: 0 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: #FA0824 }
.sign-google ul li a img { margin-right: 10px }
.sign-google ul li:first-child a { border-right: 1px solid #000 }
.google-bg span a { color: #22100d; font-weight: 400 }
.sign-google { margin: 32px 0 }
.loginbox .form-control { border-color: rgba(255, 222, 218, .71); border-radius: 5px; min-height: 50px }
.loginbox .form-control:focus { border: 1px solid #eb9481 }
 .loginbox .form-control::placeholder {
 color: #a2a2a2
}
.toggle-password.feather-eye { margin-right: 1px; color: #6e82a3 }
.toggle-password.feather-eye-off { color: #f66962 }
.pass-checked { position: absolute; right: 40px; top: 55%; transform: translateY(-50%); color: #4caf50; opacity: 0 }
.pass-checked.active { opacity: 1 }
.forgot-link { color: #392c7d; font-size: 18px; font-weight:bold; }
.forgot { margin-bottom: 28px }
.remember-me label { font-size: 14px }
.remember-me { margin-bottom: 30px }
.btn-start { background: #012E81; border-radius: 5px; padding: 12px 15px; font-weight: 700; color: #fff }
.btn-start:hover { background: #f57b4d; 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 !important; 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 input { position: absolute; opacity: 0; cursor: pointer }
.custom_check input:checked~.checkmark { background-color: #ff5364; border-color: #ff5364 }
.custom_check .checkmark { position: absolute; top: 0; left: 0; height: 15px; width: 15px; border: 1px solid #ff5364; background-color: #fff; border-radius: 2px; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .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: #fff; font-size: 9px }
.custom_check input:checked~.checkmark:after { display: block }
.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; height: 100% }
.profile-box h3 { font-size: 15px; color: #000; text-align: center; margin: 24px 0 }
.personal-detail { background: #fff; box-shadow: 0 0 7px 10px rgba(227, 227, 227, .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, .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: #159f46; color: #fff }
.personal-form { background: #fff; border: 1px solid #c7c7c740; border-radius: 10px; padding: 20px; height: 100%; position: relative }
.personal-form h4 { font-size: 20px; color: #000; margin-bottom: 28px }
.personal-form .form-select { border-color: rgba(255, 222, 218, .71); min-height: 40px; font-size: 14px; color: #c4c4c4 }
.personal-form .form-select:focus { box-shadow: none }
.personal-form .input-block { margin-bottom: 15px }
.next-btn .btn-start { font-weight: 700; min-width: 163px; padding: 12px 15px }
.form-check-input:checked { background-color: #FA0824; border-color: #FA0824 }
.form-check-input:focus { box-shadow: none; border-color: #ff5364 }
.form-switch .form-check-input:checked { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmZmJy8+PC9zdmc+) !important }
.form-switch .form-check-input:focus { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmY1MzY0Jy8+PC9zdmc+) }
.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 0 30px }
.loginbox .check-on label { margin-bottom: 0; margin-left: 15px; font-size: 14px; color: #000; font-weight: 400 }
.btn-back { background: #777; 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: #777; border: 1px solid #777; font-size: 14px; padding: 7px 15px }
.account-link .btn-primary:hover { opacity: .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: #777; border: 1px solid #777; color: #fff }
.your-done p { font-size: 14px; color: #685f78 }
.your-done p a { color: #f66962 }
.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: red }
.reset-account p { font-size: 14px; color: #22100d; margin-top: 39px }
.reset-account p a { color: #f66962 }
.verification-code .input-block { 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: #392c7d; font-size: 14px; text-decoration: underline }
.send-code { margin: 7px 0 40px }
.active-bar:before { content: ""; position: absolute; width: 2px; height: 40px; background: #159f46; left: 6px }
.progress { width: 110px; height: 110px; line-height: 110px; background: 0 0; margin: 0 auto; box-shadow: none; position: relative }
.progress:after { content: ""; width: 100%; height: 100%; border-radius: 50%; border: 12px solid #fff; position: absolute; top: 0; left: 0 }
.progress>span { width: 50%; height: 100%; overflow: hidden; position: absolute; top: 0; z-index: 1 }
.progress .progress-left { left: 0 }
.progress .progress-bar { width: 100%; height: 100%; background: 0 0; border-width: 8px; border-style: solid; position: absolute; top: 0 }
.progress .progress-left .progress-bar { left: 100%; border-top-right-radius: 80px; border-bottom-right-radius: 80px; border-left: 0; -webkit-transform-origin: center left; transform-origin: center left }
.progress .progress-right { right: 0 }
.progress .progress-right .progress-bar { left: -100%; border-top-left-radius: 80px; border-bottom-left-radius: 80px; border-right: 0; -webkit-transform-origin: center right; transform-origin: center right; animation: loading-1 1.8s linear forwards }
.progress .progress-value { width: 90%; height: 90%; border-radius: 50%; background: #fff; font-size: 20px; color: #159f46; text-align: center; position: absolute; top: 5%; left: 5% }
.progress.blue .progress-bar { border-color: #159f46 }
.progress.blue .progress-left .progress-bar { animation: loading-2 1.5s linear forwards 1.8s }
 @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: #159f46 }
.circle-bar>div p span { font-weight: 500; font-size: 14px; color: #000; display: block }
#passwordInfo, #passwordInfos { font-size: 12px; font-weight: 400; margin-top: 15px }
.poor-active span.active#poor, .poor-active span.active#poors { background: red }
.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: #159f46 }
 input[type=password]::-ms-reveal, input[type=password]::-ms-clear {
 display: none
}
.header-page .scroll-sticky { margin-top: 0 }
.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 { background: #fff; padding: 80px 0 10px 0; }
.breadcrumb-list { display: flex; align-items: center; justify-content: space-between }
.breadcrumb-bar .breadcrumb-title { color: #000; font-size: 35px; font-weight: 700; margin-bottom: 0 }
.page-breadcrumb ol { background-color: transparent; font-size: 16px; margin-bottom: 0; padding: 0 }
.page-breadcrumb ol li a { color: #002058; font-weight: 500 }
.page-breadcrumb ol li.active { color: #685f78; font-weight: 500; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease }
.page-breadcrumb ol li a:hover { color: #ff5364 }
.page-breadcrumb ol li.active:hover { color: #22100d; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease }
.breadcrumb-item+.breadcrumb-item { padding-right: 16px; font-weight: 500 }
.page-breadcrumb .breadcrumb-item+.breadcrumb-item:before { color: #22100d; font-size: 11px; content: "\f054"; font-weight: 600; line-height: 2.4; font-family: "font awesome 5 free"; padding-right: 16px }
.course-content { background: #ffffff; padding: 40px 0; }
.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: #000 }
.course-design .product:hover .rating-img img, .course-design .product:hover .course-view img { filter: none }
.course-design .product:hover { color: #000 }
.course-design .product:hover .course-share i { color: #ff5364 }
.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: auto; padding: 4px 11px }
.tab-title { color: #685f78 }
.tab-title:hover { color: #ff4667 }
.title-sec { margin-bottom: 30px }
.title-sec h5 { font-weight: 700; font-size: 18px; color: #f66962; 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: #fff; 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: #ff5364; 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: #fff; 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: #ffdeda }
.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: #ff5364; color: #fff }
.table-price .business-cell { background: #392c7d; 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: #fff; border-radius: 10px; padding: 20px; margin-bottom: 25px; border: 1px solid #e9ecef }
.price-box h4 { color: #ff5364; 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: #fff; border: 1px solid #f66962; border-radius: 5px; color: #f66962; transition: .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 #f66962; background: #f66962; color: #fff }
.recom-badge { background: #392c7d; border-radius: 5px; padding: 4px; font-size: 14px; color: #fff; display: inline-block }
.notify-sec h5 { font-weight: 700; font-size: 18px; color: #f66962; margin-bottom: 38px }
.btn-mark { background: #ff5364; font-weight: 600; padding: 12px; color: #fff }
.btn-mark:hover { color: #fff; background: #f94355 }
.notify-item { background: #fff; 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: #fff; 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 }
.wishlist-item { background: #fff; 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: #000; font-family: poppins, sans-serif }
.wishlist-info h5 a:hover { color: #f66962 }
.wishlist-info .course-view { margin-left: 30px }
.wishlist-item .remove-btn { text-align: right }
.price-amt { background: #fff; border-radius: 10px; position: absolute; bottom: 12px; right: 12px; padding: 6px 12px }
.price-amt h4 { color: #f66962; font-weight: 700; font-family: poppins, sans-serif; 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: 0 0 }
.subs-title { font-size: 18px; font-weight: 700; color: #392c7d; 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 { border-bottom: 1px solid #c7c7c7; margin-bottom: 15px; padding-bottom: 15px }
.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: #fff; border: 1px solid #392c7d; border-radius: 50px; padding: 6px 22px; font-weight: 500; font-size: 14px; color: #392c7d }
.btn-reply:hover { background: #392c7d; color: #fff }
.comment-sec .form-control { background: rgba(229, 229, 229, .42) }
.submit-btn { font-weight: 500; color: #392c7d; 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: #392c7d; color: #fff }
.cou-title a { background: rgba(161, 196, 253, .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" }
.course-card ul { margin: 0; padding: 0 }
.course-card ul li { display: flex; justify-content: space-between; border-bottom: 1px solid #c7c7c7; padding: 15px 0 }
.course-card ul li:last-child { border: 0 }
.course-card ul li p { font-size: 14px; margin-bottom: 0 }
.course-card ul li a { font-size: 14px; text-decoration: underline }
.course-card ul li span { font-size: 14px; margin-left: 30px }
.video-sec img { width: 100% }
.video-thumbnail { position: relative }
.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 }
.play-icon i { font-size: 50px; padding-left: 8px }
.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(../img/inner-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(0, 0, 0, .76) }
.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: -305px }
.course-sec .card { z-index: 2 }
.vid-bg { position: relative; z-index: 1 }
.video-details { margin-top: 25px }
.video-details h2 { font-weight: 700; font-size: 30px; color: #159f46; font-family: poppins, sans-serif; margin-bottom: 12px }
.video-details p { font-size: 14px; color: #777; font-family: poppins, sans-serif; margin-bottom: 12px }
.video-details p span { text-decoration: line-through }
.btn-enroll { background: #159f46; border: 1px solid #159f46; border-radius: 50px; font-weight: 500; font-size: 14px; color: #fff; padding: 13px 20px }
.btn-enroll:hover { color: #fff; background: #0c993e }
.btn-wish { background: #fff; border: 1px solid #f66962; border-radius: 50px; padding: 10px; color: #f66962; font-size: 14px; font-weight: 500; margin-bottom: 15px }
.btn-wish:hover { background: #f66962; color: #fff }
.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 }
.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 }
.btn-cart { background: #f66962; border: 1px solid #f66962; border-radius: 50px; font-weight: 500; font-size: 14px; color: #fff; padding: 13px 20px }
.btn-cart:hover { color: #fff; background: #f4554e }
.overflow-links { margin: 0 0 10px; padding: 0; list-style: none }
.overflow-links li { display: inline-block }
.overflow-links li a { border: 1px solid #392c7d; border-radius: 50px; min-width: 150px; padding: 8px 10px; font-weight: 500; font-size: 16px; color: #392c7d; 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 }
.page-content { background: #f2f2f2; padding: 10px 0 }
.instructor-page-content { padding: 60px 0 30px }
.cat-title { margin-bottom: 15px }
.cat-title h4 { font-size: 18px; font-weight: 700; color: #0b0b0b; margin-bottom: 0; display: inline-block }
.cat-title span { float: right; margin-bottom: 15px }
.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: #fff; 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: #ff5364 }
.faq-title>a:not(.collapsed):after { content: "\f068"; color: #ff5364 }
.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) #012e81; 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: #fff; 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: #ff5364; border: 1px solid #ff5364; border-radius: 5px; color: #fff }
.btn-submit:hover { background: #ff3448; color: #fff }
.support-wrap .btn-submit { padding: 12px 10px; min-width: 200px }
.category-box { background: #fff; box-shadow: 0 0 6px rgba(227, 227, 227, .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: #ff5364; 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: #ff5364; 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 }
.instructor-box { background: #fff; 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: #ff5364 }
.instructor-list { background: #fff; 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 0 0 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, .36); border-radius: 5px; color: #ff875a; font-size: 14px; padding: 3px 10px; margin-top: 10px }
.instructor-badge .web-badge:hover { background: rgba(255, 222, 218, .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: #ff5364; border-radius: 50%; color: #fff; 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 }
.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: #f66962 }
.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 }
.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 #fff; margin-bottom: 8px }
.profile-info-blk h4 { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0 }
.profile-info-blk h4 a { font-size: 32px; font-weight: 600; color: #fff }
.profile-info-blk h4 a:hover { color: #f66962 }
.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: 0 }
.profile-info-social li a { color: #fff }
.profile-info-social li a:hover { color: #f66962 }
.profile-info-social li:not(:last-child) { margin-right: 14px }
.sidebar-tag-labels ul { display: flex; flex-wrap: wrap; padding: 0; margin: 0; gap: 10px }
.sidebar-tag-labels ul li a { display: block; background: rgba(255, 222, 218, .36); padding: 5px 10px; border-radius: 5px; color: #ff875a }
.sidebar-tag-labels ul li a:hover { background: rgba(255, 222, 218, .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: 700; color: #22100d; margin-bottom: 2px }
.profile-overview-list .list-content-blk p { margin: 0; word-wrap: break-word }
.contact-info-list { margin-top: 23px }
.contact-info-list .edu-wrap:not(:last-child) { margin-bottom: 23px }
.edit-blk { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px }
.edit-blk h5 { margin-bottom: 0 }
.edit-blk a { width: 30px; height: 30px; background-color: #455a64; border-radius: 5px; display: flex; align-items: center; justify-content: center }
.edit-blk a i { color: #fff; font-size: 14px }
.student-box { border: 1px solid #e9ecef; border-radius: 10px; padding: 20px; margin-bottom: 30px }
.student-img { position: relative; text-align: center }
.student-content { padding: 15px 0; text-align: center }
.student-content h5 { color: #000; font-size: 20px; font-weight: 500; margin-bottom: 5px }
.student-content h6 { font-size: 14px; color: #685f78; margin-bottom: 15px }
.student-content p { color: #685f78; margin-bottom: 0 }
.student-box.student-grid { padding: 0 }
.student-grid .student-img img { border-radius: 10px; max-width: unset }
.card-info .checkout-form { padding: 24px }
.card-info .course-box h3 { margin-bottom: 0 }
.card-info .course-box .price { min-width: auto }
.wishlist-tab { margin-bottom: 9px }
.wishlist-tab li { display: inline-block; margin: 0 15px 15px 0 }
.wishlist-tab li:last-child { margin-right: 0 }
.wishlist-tab li a { display: inline-block; background: #e9ecef; color: #685f78; border-radius: 5px; padding: 12px 15px; font-weight: 500 }
.wishlist-tab li a.active, .wishlist-tab li a:hover { background: #ff4667; color: #fff }
.review-wrap { border-bottom: 1px solid #e9ecef; margin-bottom: 24px; padding-bottom: 24px }
.review-wrap:last-child { margin-bottom: 0; padding-bottom: 0; border: 0 }
.review-wrap .review-user-info { 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; flex-wrap: wrap; margin-bottom: 5px }
.review-wrap .reviewer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px }
.review-wrap .review-img { margin-right: 11px }
.review-wrap .review-img img { width: 40px; height: 40px; flex-shrink: 0; border-radius: 50%; border: 3px solid #e9ecef }
.reviewer-rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px }
.reviewer-rating i { font-size: 14px; color: #e9ecef; margin-right: 5px }
.reviewer-rating i:last-child { margin-right: 0 }
.reviewer-rating i.filled { color: #ffb931 }
.review-wrap .reviewer-info h6 { font-size: 14px; font-weight: 600; margin-bottom: 2px }
.review-wrap .reviewer-info h6 a { color: #002058 }
.review-wrap .reviewer-info p { font-size: 14px; margin-bottom: 0 }
.review-wrap .review-content p { margin-bottom: 15px; text-align: justify }
.review-action a { color: #685f78; font-weight: 500 }
.review-action a:hover { color: #ff4667 }
.review-action a+a { margin-left: 15px }
.resut-badge { min-width: 60px; border-radius: 20px; font-size: 14px; font-weight: 500; padding: 4px 9px; display: inline-block; text-align: center }
.badge-light-danger { background: #fff0f3; border: 1px solid #ff4667; color: #ff4667 }
.badge-light-success { background: #d0ffe1; border: 1px solid #159f46; color: #159f46 }
.badge-light-warning { background: #fff0cc; border: 1px solid #ffb500; color: #ffb500 }
.status-badge { border-radius: 5px; padding: 6px 10px; font-size: 14px; font-weight: 500 }
.badge-soft-danger { background: #fff0f3; color: #ff4667 }
.badge-soft-success { background: #d0ffe1; color: #159f46 }
.badge-soft-warning { background: #fff0cc; color: #ffb500 }
.quiz-table p { margin-bottom: 5px }
.quiz-table p:last-child { margin-bottom: 0 }
.quiz-table p span { font-weight: 500 }
.btn-light-danger { border: 1px solid #ff4667; color: #ff4667; padding: 5px 15px; border-radius: 5px; transition: all .5s ease }
.btn-light-danger:hover { border: 1px solid #ff4667; background: #ff4667; color: #fff }
.quiz-view { border: 1px solid #ff4667; color: #ff4667; padding: 5px 15px; display: inline-block; border-radius: 5px }
.table th, .table td { vertical-align: middle; line-height: 1.462; white-space: nowrap }
.custom-table { border: 1px solid #f4f6f9; border-radius: 5px }
.custom-table table th { background: #f4f6f9; font-weight: 500; color: #685f78; padding: 15px 10px; border-color: #f4f6f9 }
.custom-table table td { color: #685f78; padding: 15px 10px }
.custom-table table td { border-color: #f4f6f9 }
.quiz-del { color: #685f78 }
.quiz-details { margin-bottom: 14px }
.quiz-details .back-link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #685f78; margin-bottom: 10px }
.quiz-details .back-link i { margin-right: 5px }
.quiz-details p { font-size: 14px; margin-bottom: 10px }
.quiz-details h6 { color: #002058; margin-bottom: 10px }
.quiz-details ul { padding: 0 }
.quiz-details ul li { font-size: 14px; color: #685f78; display: inline-block; margin: 0 15px 15px 0 }
.quiz-details ul li:last-child { margin-right: 0 }
.quiz-overview h6 { color: #685f78; font-weight: 400; margin-bottom: 24px }
.table-quiz { margin-bottom: 24px }
.action-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; width: 40px; height: 40px; color: #685f78; border: 1px solid #e9ecef; border-radius: 5px }
.action-icon:hover { background: #ff4667; border-color: #ff4667; color: #fff }
.title-course { width: 280px; white-space: normal; display: block }
.wishlist-tab.order-tab ul li a { min-width: 100px; text-align: center }
.table-avatar { font-size: 16px }
.table-avatar a.avatar img { border-radius: 50% }
.table-avatar a.avatar { width: 40px; height: 40px; margin-right: 10px }
.table-avatar a { color: #685f78 }
.table-avatar a:hover { color: #ff4667 }
.table-view a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #685f78; font-weight: 500 }
.table-view a i { margin-right: 8px }
.table-view a:hover { color: #ff4667 }
.icon-form { position: relative }
.icon-form .form-icon { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); color: #685f78 }
.icon-form .form-control { border-color: #e9ecef; padding-left: 30px }
.profile-heading .icon-form { margin-bottom: 5px }
.student-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: 30px; padding: 20px }
.student-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 }
.student-list .student-content { width: 100%; text-align: left; padding: 0 0 0 25px }
.student-info>div { width: auto; margin-right: 20px }
.student-content h6 { font-size: 14px; color: #685f78; margin-bottom: 15px }
.student-list .student-content .loc-blk { margin-bottom: 10px }
.student-list .student-content { position: relative }
.student-list .student-content p { margin: 0 }
.student-list .profile-info-social { margin: 0 }
.student-list .profile-info-social li:not(:last-child) { margin-right: 10px }
.student-list .profile-info-social li a { color: #000; font-size: 18px }
.student-list .profile-info-social li a:hover { color: #f66962 }
.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 }
.contact-info { margin-bottom: 24px }
.contact-info h6 { color: #002058; margin-bottom: 5px }
.contact-info p { margin-bottom: 0 }
.settings-btn-grp { margin-bottom: 40px }
.payment-method-blk .payment-list:not(:last-child) { margin-bottom: 32px }
.settings-inner-blk { background-color: #fff; border-radius: 10px }
.hvr-sweep-to-right a { font-size: 15px; font-weight: 700; color: #ff5364; 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, #392c7d, #ff5364); 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 transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s; overflow: hidden; min-height: 41px }
.hvr-sweep-to-right a:hover { color: #fff; background: #ff5364; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .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: 0 }
.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: #fff }
.btn-action-primary:hover, .btn-action-dark:hover, .btn-action-method:hover, .btn-action-delete:hover { color: #fff }
.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: #fff; padding: 4px 8px; text-transform: uppercase; background-color: #159f46 }
.btn-action-method { min-width: 35px; display: block; background-color: #ff875a; color: #fff }
.btn-action-delete { min-width: 35px; background-color: #eb4334; color: #fff }
.modal-styles .modal-header, .modal-styles .modal-body { padding: 23px }
.modal-styles .modal-header { border-color: rgba(199, 199, 199, .25) }
.modal-styles .close { border-width: 0; padding: 0; margin: 0; font-size: 23px; background-color: transparent; color: #f12804 }
.modal-styles .modal-title { color: #392c7d; font-size: 24px; font-weight: 700; text-transform: capitalize }
.modal-styles .btn-modal-style { display: block; padding: 10px 25px; color: #fff; border-radius: 5px; font-size: 16px; margin: 0; font-weight: 600 }
.modal-styles .btn-theme { background-color: #ff5364 }
.modal-styles .btn-cancel { background-color: #455a64 }
.modal-styles .btn-theme:hover, .modal-styles .btn-cancel:hover { opacity: .86; color: #fff }
.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, .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: 0 23px 23px; border-top: 0 solid transparent }
.modal-styles.modal { z-index: 1050 }
.pop-modal .modal-backdrop { z-index: 1040 }
.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 0; font-size: 15px }
.settings-invoice-blk table tbody tr td .invoice-no { color: #f66962 }
.settings-invoice-blk table tbody tr td .badge { font-size: 14px; padding: 7px 10px; font-weight: 400; border-radius: 5px; color: #fff }
.settings-invoice-blk table tbody tr td .badge.status-due { background: #e53935 }
.settings-invoice-blk table tbody tr td .badge.status-completed { background: #159f46 }
.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: 0 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: #f66962; color: #fff }
.settings-inner-blk table tbody tr td .btn-style svg { width: 18px; height: 18px }
.table-nowrap tr th, .table-nowrap tr td { white-space: nowrap }
.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 0 }
.settings-top-widget .stat-info p { color: #303030; font-size: 14px; margin-bottom: 0 }
.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: #159f46 }
.settings-top-widget .stat-info.avg h3 { color: #ff5364 }
.settings-top-widget .stat-info.refer h3 { color: #1d9cfd }
.refer-card, .link-box { border-radius: 5px }
.refer-card .card-body { padding: 15px }
.refer-card h6 { color: #685f78; font-weight: 600; margin-bottom: 5px }
.refer-card h3 { color: #002058; font-weight: 600; margin-bottom: 5px }
.refer-card p { font-size: 14px; color: #685f78; margin-bottom: 0 }
.link-box .card-body { padding: 15px }
.link-box h5 { color: #002058; margin-bottom: 15px }
.link-box p { color: #002058; margin-bottom: 10px }
.link-box input { background: #fff; border-color: #e9ecef; border-radius: 5px; min-height: 44px }
.link-box a { display: inline-block; background-color: #ff5364; border: 1px solid #ff5364; border-radius: 5px; padding: 7px 16px; font-weight: 500; color: #fff }
.link-box a:hover, .link-box a:focus { background-color: #fff; color: #ff5364 }
.link-box ul li { position: relative; color: #685f78; margin-bottom: 10px; padding-left: 20px }
.link-box ul li::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #685f78; position: absolute; top: 7px; left: 0 }
.link-box ul li:last-child { margin-bottom: 15px }
.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: 0 }
.filter-grp { margin-bottom: 20px }
.filter-grp h3 { font-size: 24px; font-weight: 600; color: #002058; margin: 0 0 5px }
.filter-grp select { border-radius: 10px }
.filter-blk div:not(:last-child) { margin-right: 14px }
.settings-referral-blk .refer-avatar-blk p { margin: 0 }
.settings-top-widget .card { border-radius: 10px }
.settings-top-widget .card.withdraw-box { background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #392c7d, #ff5364) }
.settings-top-widget .stat-info.ttl-tickets h3 { color: #1d9cfd }
.settings-top-widget .stat-info.open-tickets h3 { color: #159f46 }
.settings-top-widget .stat-info.close-tickets h3 { color: #ff5364 }
.ticket-grp p { color: #685f78; margin: 0 0 4px }
.tiket-suport.filter-grp { margin-bottom: 40px }
.tiket-suport .ticket-btn-grp { display: inline-flex }
.ticket-btn-grp a { background: #ff4667; border: 1px solid #ff4667; border-radius: 5px; font-size: 16px; font-weight: 500; color: #fff; padding: 7px 19px; display: inline-block; margin-bottom: 4px }
.ticket-btn-grp a:hover { background: #fff; color: #ff4667 }
.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: #fff; background: #ff5364 }
.settings-inner-blk table .link { color: #f66962 }
.settings-inner-blk .info-high { background: #e53935 }
.settings-inner-blk .info-medium { background: #ffb54a }
.settings-inner-blk .info-low { background: #159f46 }
.settings-menu .top-menu-bar li:last-child { margin-bottom: 23px }
.new-ticket-blk h4 { font-size: 24px; margin-bottom: 23px; color: #f66962 }
.new-ticket-blk .form-control { border-color: rgba(255, 222, 218, .71); border-radius: 5px; min-height: 40px }
.new-ticket-blk .input-block { margin-bottom: 25px }
.new-ticket-blk .input-block 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, .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 }
.support-box { border-radius: 5px }
.support-box .card-body { padding: 15px }
.support-box h3 { font-weight: 600; color: #002058; margin-bottom: 5px }
.support-box p { color: #685f78; font-weight: 600; margin-bottom: 0 }
.bug-software-head h2 { font-size: 24px; font-weight: 500; margin-bottom: 15px }
.bug-software-head p { color: #f66962; font-size: 14px; font-weight: 400; margin-bottom: 0 }
.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 0 }
.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: #159f46; border: 1px solid #159f46; 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: #000; 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 0 }
.dropzone { background: #fff; border: 1px dashed #e9ecef; border-radius: 5px; padding: 10px; min-height: 45px; 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: #685f78; margin-bottom: 0 }
.accept-drag-file p { color: #685f78; font-weight: 500; font-size: 14px; margin-top: 15px }
.your-replay-head h2 { font-size: 24px; font-weight: 600; color: #392c7d }
.your-replay-head { margin-bottom: 30px }
.your-replay-head p { margin-bottom: 0; color: #303030; font-size: 14px }
.section-wrapper { background: #fafafa; padding: 80px 0 }
.custom-btn-blk a:hover { opacity: .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 #fff; margin-right: 8px }
.instructor-info-blk .instructor-info-content { text-align: left }
.instructor-info-blk h4 { font-size: 32px; font-weight: 600; color: #fff; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0 }
.instructor-info-blk h4 a { color: #fff }
.instructor-info-blk h4 span { background: #fff; color: #000; 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, .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: 700; color: #fff; margin-bottom: 2px }
.instructor-overview-list .list-content-blk p { margin: 0; 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, #ffdeda); border-radius: 10px }
.custom-card-header { padding: 23px; border-bottom: 1px solid rgba(199, 199, 199, .23) }
.custom-card-header h3 { font-size: 24px; font-weight: 600; color: #392c7d; margin: 0 }
.custom-card-header .custom-btn-blk a { background: #392c7d; border: 1px solid #392c7d; border-radius: 5px; font-size: 14px; color: #fff; padding: 13px 28px }
.courses-grp .course-design { background: #fff; border: 1px solid rgba(199, 199, 199, .25) }
.courses-grp .list-course .product-img { -ms-flex: 0 0 205px; flex: 0 0 205px; margin-right: 24px; width: 205px; position: relative }
.sell-course-head h3 { color: #392c7d; font-size: 24px; font-weight: 600; margin-bottom: 0 }
.sell-course-head { border-bottom: 1px solid rgba(199, 199, 199, .25) }
.sell-table-group p { font-size: 20px; color: #000; font-weight: 500; margin-bottom: 0 }
.sell-tabel-info .course-info { margin: 7px 0; width: 270px }
.sell-table-group .sell-tabel-info p { font-size: 16px }
.course-instruct-blk .badge { min-width: 79px; padding: 7px 10px }
.settings-inner-blk .info-inter { background: #1d9cfd }
.course-stip.progress-stip { height: 8px }
.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 .input-block { width: 222px; margin-left: auto }
.choose-search-blk.show-filter .form-control { border: 1px solid #e9ecef; border-radius: 10px }
.table-select-blk .input-block { 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-tabel-info { max-width: 270px }
.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 .input-block { width: 100%; margin-right: 20px }
.student-search-form .form-control { height: 50px }
.export-cvv-btn .btn-primary { background: #ff5364; 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 .student-content h5 { font-weight: 600 }
.student-box-blks .student-content p { font-size: 14px }
.student-box-blks .student-img img { max-width: 100px }
.message-text-img { width: 38px; height: 38px; background: #fff; 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 }
.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 }
.breadcrumb-bar.breadcrumb-bar-info { padding: 120px 0 40px; background: url(../img/bg/breadcrumb-bar.png); background-repeat: no-repeat; background-size: cover }
.breadcrumb-bar.breadcrumb-bar-info .breadcrumb-list { display: block; text-align: center }
.breadcrumb-bar.breadcrumb-bar-info .breadcrumb-title { color: #002058; font-size: 36px; margin-bottom: 15px }
.breadcrumb-bar.breadcrumb-bar-info .page-breadcrumb ol { justify-content: center }
.breadcrumb-bar.breadcrumb-bar-info .page-breadcrumb .breadcrumb-item { position: relative }
.breadcrumb-bar.breadcrumb-bar-info .page-breadcrumb .breadcrumb-item+.breadcrumb-item { padding: 0 0 0 30px; margin-left: 15px }
.breadcrumb-bar.breadcrumb-bar-info .page-breadcrumb .breadcrumb-item+.breadcrumb-item:before { content: ""; background: #ff4667; width: 15px; height: 5px; border-radius: 5px; transform: translateY(10px); position: absolute; left: 0 }
.settings-widget.dash-profile { position: relative; border-radius: 5px }
.settings-widget.dash-profile::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100px; background: url(../img/bg/profile-bg.jpg); border-radius: 5px 4px 0 0 }
.dash-info { border-radius: 5px; margin-bottom: 24px }
.dash-info h5 { font-size: 18px; color: #685f78; margin-bottom: 10px }
.dash-info h2 { font-weight: 700; font-size: 36px; color: #002058; margin-bottom: 0 }
.dashboard-title { margin-bottom: 24px }
.dashboard-title h4 { color: #002058; font-weight: 600; margin-bottom: 0 }
.dash-pagination p { font-size: 14px; font-weight: 500; color: #685f78; margin-bottom: 0 }
.dash-pagination .pagination { margin-bottom: 0; justify-content: end; -webkit-justify-content: end; -ms-flex-pack: end }
.dash-pagination .pagination li { margin-right: 10px }
.dash-pagination .pagination li:last-child { margin-right: 0 }
.dash-pagination .pagination li a { width: 40px; height: 40px; border-radius: 5px; border: 1px solid #e9ecef; color: #685f78; background: #fff; 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 }
.dash-pagination .pagination li.active a, .dash-pagination .pagination li:hover a { background: #ff4667; border: 1px solid #ff4667; color: #fff }
.img-deposit-ticket { margin-left: auto }
.settings-top-widget .stat-info.ttl-tickets .student-ticket-view h3 { color: #f66962; margin-top: 0 }
.settings-top-widget .stat-info.open-tickets .student-ticket-view h3 { color: #392c7d; margin-top: 0 }
.settings-top-widget .stat-info.close-tickets .student-ticket-view h3 { color: #159f46; 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: #392c7d; font-size: 16px; font-weight: 500; text-decoration: underline }
.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% }
.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, .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, .08); border: 1px solid #159f46; 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, .08); border: 1px solid #159f46; 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 }
.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: #ff5364 }
.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 0 25px }
.error-box h4 { font-size: 32px; margin-bottom: 0 }
.error-box h6 { font-size: 16px; margin: 35px 0 }
.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: #ff5364; border: 1px solid #ff5364; 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, .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 }
.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 }
.inner-banner h5 a { color: #fff }
.inner-banner h5 a:hover { color: #f66962 }
.view-icons { display: inline-flex }
.view-icons a { align-items: center; background-color: #fff; border: 1px solid #d2dcec; box-shadow: 0 4px 4px rgba(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 0 }
.clear-filter h4 { font-size: 20px; color: #333 }
.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: #f66962 }
.course-share .active-heart i { color: #ff5364; font-weight: 900 }
.course-design .price .free-color { color: #159f46 }
.course-design .price { min-width: auto; padding: 8px 15px; text-align: center }
.lms-page li .page-link { margin-right: 15px; border: 1px solid #ffdeda; border-radius: 5px; width: 40px; height: 40px; color: #000; 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 }
.lms-page { margin-bottom: 0; margin-top: 20px }
.lms-pagination { margin-bottom: 20px }
.lms-page li .page-link:hover { background-color: #ff5364; color: #fff }
.lms-page .page-item.active .page-link { background-color: #ff5364; border-color: #ff5364; color: #fff }
.page-item:first-child .page-link { border-top-left-radius: 5px; border-bottom-left-radius: 5px }
.show-filter .form-control { border-color: rgba(255, 222, 218, .71); min-height: 40px; font-size: 14px; padding-left: 30px }
 .show-filter .form-control::placeholder {
 color: #a2a2a2
}
.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: #f66962 }
.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: #e9ecef }
.rating i.filled { color: #ffb931 }
.product-content h3 a, .course-name h4 a { color: #002058 }
.product-content-title { max-width: 320px }
.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: 0; margin-bottom: 0; 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: #000; font-size: 14px }
.post-info h4 a:hover { color: #f66962 }
.post-info p { color: #df5f5e; font-size: 14px; margin: 0; font-weight: 500 }
.free-color p { color: #159f46 }
.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, .71); min-height: 40px; font-size: 14px; color: #22100d }
.select-form .form-select:focus { box-shadow: none }
.blog { border-radius: 5px; position: relative; margin-bottom: 25px }
.section-blogs .blog { border: 1px solid #f0f0f0; box-shadow: 0 0 13px rgba(0, 0, 0, .1); 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 }
.blog-title { font-size: 16px; margin: 0 0 20px; font-weight: 600; line-height: 1.3 }
.blog-title a { color: #000 }
.blog-title a:hover { color: #f66962 }
.blog-content p { margin: 0 0 20px; font-size: 14px; color: #685f78; font-weight: 400 }
.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 }
.blog-info { color: #26292c; font-size: 14px; margin-bottom: 20px }
.blog-info a { color: #000; font-size: 14px; font-weight: 400 }
.blog-info a:hover { color: #f66962 }
.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: #fff }
.post-left ul { margin: 0; padding-left: 0; list-style: none; display: flex; align-items: center; flex-wrap: wrap }
.post-left ul li { padding: 0 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: 0; margin-bottom: 0; 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: #f66962 }
.blog-widget .post-info p { color: #000; 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: 14px; font-weight: 500 }
.category-widget .categories li a:hover { color: #f66962 }
.category-widget .categories>li>a>i { color: #f66962; font-size: 18px; margin-right: 19px }
.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: #ffdeda; border-radius: 5px; color: #22100d; padding: 5px 10px; position: relative; margin: 0 15px 15px 0; font-size: 14px; border: 1px solid #ffdeda; 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: #ff875a; border: 1px solid #ff875a; 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 #ff875a; color: #ff875a }
.blog-widget { padding: 20px; border: 1px solid #e9ecef; margin-bottom: 20px; border-radius: 10px }
.tags-card { padding-bottom: 5px }
.blog-widget .card-body { padding: 0 }
.blog-widget .card-header { border-bottom: 0; padding: 0; margin-bottom: 20px }
.blog-search .input-group .btn-primary { background: #ff5364; border: 1px solid #ff5364 }
.blog-search .input-group .form-control { background: rgba(229, 229, 229, .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: #ff5364; border: 1px solid #ff5364; 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 }
.blog-grid-box { background: #fff; padding: 15px; margin: 0 10px; margin-top: -20px; position: relative; border-radius: 5px }
.blog-grid-box .post-left ul li, .grid-modern .post-left ul li { padding: 0 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 }
.grid-modern .blog-image { border-radius: 10px 10px 0 0; 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 }
.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 0 }
.student-group .course-group-img img { max-width: 100px; height: 100px; border-radius: 10px; border: 5px solid #fff }
.student-group:before { content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; background: #fff; opacity: .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: #f66962 }
.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: #ff5364; border: 1px solid #ff5364; font-size: 14px; font-weight: 600; padding: 13px 26px }
.student-group .course-group-img img { margin-right: 25px }
.my-student-list ul { display: flex; padding: 0; margin: 0 }
.my-student-list ul li { list-style: none; margin-right: 20px }
.my-student-list ul li a { color: #fff; padding: 0 10px; padding-bottom: 10px }
.my-student-list ul li .active { border-bottom: 4px solid #fff }
.my-student-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: #159f46 !important }
.start-leason .btn-primary { background: #392c7d; 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 0 }
.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: #777; 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: 0 0 }
.lesson-group .course-card { background: #fff; 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: #f66962 }
.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: #f66962; font-size: 24px; font-weight: 500; margin-bottom: 20px }
.introduct-video img { width: 100% }
.chat-page .content { padding: 0; overflow: hidden; height: calc(100vh) }
.chat-wrapper .content { display: flex; display: -webkit-flex }
.chat { flex: 1; display: flex; flex-direction: column; transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; width: 100%; height: 100% }
.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 .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: #ff875a; 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: #ff5b37 }
.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: .4; transition: all .4s }
.chat-attachment:hover:before { opacity: .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, .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, .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 .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: #f66962; font-size: 14px; background: #fff; border: 1px solid #f66962; border-radius: 50px; padding: 13px 41px }
.add-compose .btn-primary:hover { background-color: #ff875a; border: 1px solid #ff875a; color: #fff }
.main-chat-blk .sidebar-group { display: flex; display: -webkit-flex; flex-direction: column; position: relative; z-index: 99; width: 340px }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform }
.main-chat-blk .chat-page-wrapper .sidebar { position: initial }
.main-chat-blk .chat-page-wrapper .left-chat-title { padding: 15px; border-bottom: 1px solid #e0e0e0; min-height: 72px }
.main-chat-blk .all-chats { position: relative }
.main-chat-blk .chat-page-wrapper .setting-title-head h4 { font-size: 18px; color: #092c4c; font-weight: 700 }
.main-chat-blk .add-section ul { list-style: none; padding: 0; margin: 0 }
.main-chat-blk .add-section ul { list-style: none; padding: 0; margin: 0 }
.main-chat-blk .add-section ul li a { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; font-size: 15px; color: #002058; background: #f4f6f9; border-radius: 5px; width: 20px; height: 20px }
.main-chat-blk .top-online-contacts { padding: 24px 24px 0 }
.main-chat-blk .fav-title { 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; margin-bottom: 15px }
.main-chat-blk .top-contacts-box .profile-img { position: relative; width: 46px; height: 46px }
.main-chat-blk .top-contacts-box .profile-img.online:before { content: ""; position: absolute; right: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); top: 0; background-color: #49e073; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 50px }
.main-chat-blk .top-contacts-box .profile-img img { max-width: 100%; height: auto; border-radius: 50px }
.main-chat-blk .sidebar-body { flex: 1; overflow: auto; padding: 24px 24px 10px; width: 100% }
.main-chat-blk .fav-title { 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; margin-bottom: 15px }
.main-chat-blk .fav-title h6 { margin-bottom: 0; font-size: 18px; font-weight: 500; color: #002058; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.main-chat-blk .user-list { border-radius: .25rem; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; padding-left: 0; margin-bottom: 0 }
.main-chat-blk .user-list { border-radius: .25rem; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none }
.main-chat-blk .user-list li .avatar { margin-right: .8rem; display: inline-block; margin-bottom: 0; height: 45px; width: 45px; border-radius: 50%; position: relative; z-index: 0 }
.main-chat-blk .avatar-online::before { background-color: #00e65b }
.main-chat-blk .avatar-away::before, .main-chat-blk .avatar-offline::before, .main-chat-blk .avatar-online::before { position: absolute; right: 0; bottom: 0; width: 25%; height: 25%; border-radius: 50%; content: ""; border: 2px solid #fff }
.main-chat-blk .sidebar .user-list li .users-list-body { flex: 1; position: relative; min-width: 0; display: flex }
.main-chat-blk .sidebar .user-list li .users-list-body>div:first-child { min-width: 0; display: flex; flex-direction: column; flex: 1 }
.main-chat-blk .sidebar .user-list li .users-list-body h5 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; font-weight: 400; margin-bottom: 3px; color: #002058 }
.main-chat-blk .sidebar .user-list li .users-list-body p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 0; font-size: 14px; color: #685f78 }
.main-chat-blk .sidebar .user-list li .users-list-body .last-chat-time { padding-left: 15px; position: relative }
.main-chat-blk .sidebar .user-list li .users-list-body .last-chat-time .text-muted { color: #685f78 !important; font-weight: 500; font-size: 14px; margin-bottom: 5px; display: block; text-align: right }
.main-chat-blk .chat-pin { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: end; -webkit-justify-content: end; -ms-flex-pack: end; color: #685f78 }
.main-chat-blk .chat-pin .fa-check-double { color: #159f46 }
.main-chat-blk .chat .chat-header { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; padding: 15px; align-items: center; background: #fcfcfc; box-shadow: 0 4.4px 12px -1px #dedede5c; position: relative; margin: 15px }
.main-chat-blk .chat .chat-header .user-details { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center }
.header-navbar-rht li .dropdown-menu.show { opacity: 1; visibility: visible }
.main-chat-blk .chat .chat-body .messages { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; align-items: flex-start; -webkit-align-items: flex-start }
.main-chat-blk .chat .chat-body .messages .chats { max-width: 75%; margin-bottom: 1.5rem; display: flex; display: -webkit-flex }
.main-chat-blk .chat-avatar { padding: 8px 15px 0 8px; display: flex; display: -webkit-flex; align-items: flex-start; -webkit-align-items: flex-start; flex-shrink: 0 }
.main-chat-blk .dreams_chat { width: 40px; height: 40px; object-fit: cover }
.main-chat-blk .dreams_chat { width: 32px; height: 32px; object-fit: cover }
.main-chat-blk .chat .chat-body .messages .chat-profile-name h6 { margin-bottom: 0; color: #1d1d1d; font-weight: 400; font-size: 16px }
.main-chat-blk .chat-line { margin: 0 0 20px; position: relative; text-align: center; width: 100% }
.main-chat-blk .chat-line:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); background-color: #eee; width: 100%; height: 1px }
.main-chat-blk .chat-date { border-radius: 100px; background: #e6e6e6; color: #002058; font-size: 14px; padding: 4px 20px; display: inline-block; font-weight: 400; position: relative; border: 1px solid #e0e0e0 }
.view-all-chat-profiles { color: #ff4667; font-weight: 500; font-size: 14px }
.view-all-chat-profiles:hover { color: #f21c43 }
.chat.chat-messages { border: 1px solid #cdcdcd; border-radius: 10px }
.location-sharing { background: #e6e6e6; border-radius: 5px; display: flex; align-items: center; padding: 5px; min-width: 200px }
.location-sharing h6 { font-weight: 400; font-size: 16px }
.location-sharing h6 a { display: block; font-size: 14px; font-weight: 500 }
.sharing-location-icon { width: 54px; height: 54px; border-radius: 5px; display: flex; align-items: center; justify-content: center; background: #fff; margin-right: 10px }
.select-group-chat a { color: #002058; font-weight: 500; font-size: 18px }
.chat-hover { position: absolute; bottom: 30px; right: 10px; display: none }
.add-section ul li { float: left; border-radius: 50px; width: 28px; height: 28px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center }
.user-chat-search { position: absolute; left: 0; top: 0; width: 100%; transition: ease all .5s; -webkit-transition: ease all .5s; -ms-transition: ease all .5s; opacity: 0; visibility: hidden }
.user-chat-search.visible-chat { opacity: 1; visibility: visible; top: 100%; transition: ease all .5s; -webkit-transition: ease all .5s; -ms-transition: ease all .5s; z-index: 9 }
.chat-search input[type=text], .user-chat-search input[type=text] { padding: 8px 8px 8px 35px; width: 100%; min-height: 47px; border-radius: 0 0 5px 5px; border: 1px solid #e5e7eb; font-size: 13px; background-color: #fff; color: #0a0a0a; font-size: 15px; font-weight: 500 }
 .chat-search input[type=text]:hover, .user-chat-search input[type=text]:hover, .chat-search input[type=text]:focus, .user-chat-search input[type=text]:focus, .chat-search input[type=text]:focus-visible, .user-chat-search input[type=text]:focus-visible {
 border-color: #f3f3f3
}
.all-chats { position: relative }
.close-btn-chat, .user-close-btn-chat { width: 25px; height: 25px; border-radius: 25px; color: #0a0a0a; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; position: absolute; right: 12px; top: 9px; cursor: pointer }
.chat-user-list { position: relative }
.chat-user-list:hover .chat-hover { display: block }
.chat-user-list:hover .chat-pin, .chat-hover:hover .chat-pin { margin-right: 15px }
.chat-hover span { cursor: pointer }
.main-chat-blk .sidebar .user-list li a, .main-chat-blk .sidebar .user-list li .list-user-blk { padding: 10px; display: flex; display: -webkit-flex; cursor: pointer; margin-bottom: 15px; border: 1px solid #e0e0e0; box-shadow: none; border-radius: 5px; position: relative; transition: ease all .5s; -webkit-transition: ease all .5s; -ms-transition: ease all .5s }
.main-chat-blk .sidebar .user-list li a:hover, .main-chat-blk .sidebar .user-list li .list-user-blk:hover { background-color: #f8ecff; transition: ease all .5s; -webkit-transition: ease all .5s; -ms-transition: ease all .5s }
.main-chat-blk .sidebar .user-list li.item-typing { background-color: #f1f6ff }
.main-chat-blk .sidebar .user-list li figure { margin-right: 1rem }
.main-chat-blk .sidebar .user-list li .users-list-body { flex: 1; position: relative; min-width: 0; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.chat-page .slimscroll { height: calc(100vh - 0px) !important }
.chat-page .chat .slimscroll { height: calc(100vh - 100px) !important }
.chat-wrapper .content { display: flex; display: -webkit-flex }
.chat-wrapper .content .sidebar-group { display: flex; display: -webkit-flex; flex-direction: column; position: relative; z-index: 99; width: 340px; border: 1px solid #cdcdcd; background: #fcfcfc; margin-right: 24px; border-radius: 10px }
.left-sidebar .slimScrollDiv { border-radius: 10px }
.chat-wrapper .content .sidebar-group .sidebar { background: 0 0; overflow: hidden; width: 340px; display: flex; flex-direction: column; flex: 1 }
.chat .chat-body .messages .chats:last-child { margin-bottom: 0 }
.chat .chat-body .messages .chats .chat-time { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; margin-bottom: 0 }
.chat .chat-body .messages .chats .chat-time .avatar { margin-right: 1rem }
.chat .chat-body .messages .chats .chat-time h5 { font-size: 15px; margin-bottom: 0 }
.chat .chat-body .messages .chats .chat-time .time { color: #fff; margin-top: 2px; font-size: 12px; font-weight: 400 }
.chat .chat-body .messages .chats .chat-time .time i { color: rgba(247, 247, 247, .5) }
.chat .chat-body .messages .chats .chat-time .time i img { width: 14px; height: auto; margin-left: 2px; vertical-align: 0 }
.chat .chat-body .messages .chats .message-content { background-color: #f8f8f8; border-radius: 0 10px 10px 10px; padding: 14px 20px; color: #737373; font-size: 14px; font-weight: 400; box-shadow: 0 6px 12px 0 #00000008 }
.chat .chat-body .messages .chats .message-content a { color: #ff4667 }
.chat .chat-body .messages .chats .message-content.award-link a { color: #424242; margin-bottom: 2px; display: block }
.chat .chat-body .messages .chats .message-content.chat-award-link a { word-wrap: break-word; margin-bottom: 10px }
.chat .chat-body .messages .chats .message-content.chat-award-link .emoj-group li a { margin-bottom: 0 }
.chat .chat-header .user-details .avatar { margin-right: 1rem }
.chat .chat-header .user-details .avatar img { width: 45px; height: 45px }
.chat .chat-header .user-details h5 { font-size: 18px; font-weight: 500; margin-bottom: 4px; line-height: 1; color: #002058 }
.chat .chat-header .last-seen { color: #685f78; font-size: 16px }
.chat .chat-header .chat-options ul>li>a { font-size: 14px; color: #4f4f4f; cursor: pointer; width: 26px; height: 26px; padding: 0; border-radius: 50px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center }
.chat .chat-header .chat-options ul>li>a i { font-size: 14px }
.chat .chat-header .chat-options ul>li>a.btn { background: #f2f2f2 }
.chat .chat-header .chat-options ul>li>a.btn:hover { background: #f2f2f2 }
.chat .chat-header .chat-options ul>li>a:not(.no-bg):hover { background-color: #f5f5f5; border-color: #f5f5f5 }
.chat .chat-body { flex: 1; padding: 24px; padding-bottom: 100px }
.chat .chat-body:not(.no-message) { overflow: auto }
.chat .chat-header { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; padding: 13px 24px; align-items: center; background: #fff; position: relative }
.chat-search { position: absolute; left: 0; top: 0; width: 100%; transition: ease all .5s; -webkit-transition: ease all .5s; -ms-transition: ease all .5s; opacity: 0; visibility: hidden }
.chat-search.visible-chat { opacity: 1; visibility: visible; top: 100%; transition: ease all .5s; -webkit-transition: ease all .5s; -ms-transition: ease all .5s; z-index: 9 }
.form-control-feedback { z-index: 2; display: block; text-align: center; pointer-events: none; color: rgba(0, 0, 0, .4); position: absolute; left: 13px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%) }
.form-control-feedback i { font-size: 16px; color: #0a0a0a }
.user-chat-search { position: absolute; left: 0; top: 0; width: 100%; transition: ease all .5s; -webkit-transition: ease all .5s; -ms-transition: ease all .5s; opacity: 0; visibility: hidden }
.user-chat-search.visible-chat { opacity: 1; visibility: visible; top: 100%; transition: ease all .5s; -webkit-transition: ease all .5s; -ms-transition: ease all .5s; z-index: 9 }
.chat-voice-group ul { 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; padding: 0; margin-bottom: 0 }
.chat-page-wrapper .dropdown-menu .dropdown-item { display: flex }
.chat-voice-group ul li span { width: 28px; height: 28px; background: #ff4667; border-radius: 50px; 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 }
.chat-voice-group li { margin-bottom: 0; color: #424242; font-size: 14px; font-weight: 400; list-style: none }
.chat-voice-group li+li { padding-left: 10px }
.chat .chat-body .messages .chats.chats-right .chat-avatar { padding: 8px 0 0 15px }
.chat .chat-body .messages .chats.chats-right .chat-time { justify-content: flex-end }
.chat-pin img { width: 10px }
.chat-pin .check { color: #1abe17 }
.chat-pin .count-message { background: #ff4667; width: 20px; height: 20px; border-radius: 50px; font-size: 12px; font-weight: 400; color: #fff; 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 }
.like-chat-grp ul { padding: 0; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; margin-top: 10px }
.like-chat-grp ul li { list-style: none }
.like-chat-grp ul li+li { margin-left: 10px }
.like-chat-grp ul li a { border: 1px solid #e0e0e0; border-radius: 50px; padding: 3px 12px; display: block; 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; color: #0a0a0a; font-weight: 400; font-size: 14px }
.like-chat-grp ul li.like-chat a { background: #fef6dc }
.like-chat-grp ul li.comment-chat a { background: #ffe8e9 }
.like-chat-grp ul li a img { margin-left: 5px }
.sidebar .user-list li .users-list-body p.missed-call-col { color: #ff5454 }
.chat .chat-body .messages .chats.chats-right .message-content { background: #fdf4f3; color: #232323; border-radius: 15px 0 15px 15px; padding: 15px }
.chat .chat-body .messages .chats.chats-right .chat-action-btns { order: 2; -webkit-order: 2; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; -webkit-justify-content: center }
.chat .chat-body .messages .chats.chats-right .chat-action-btns .chat-action-col { width: 20px; text-align: center }
.chat .chat-body .messages .chats.chats-right .chat-action-btns .chat-read-col { display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end; padding-bottom: 22px; color: #008024 }
.chat .chat-body .messages .chats .message-content.award-link img { border-radius: 10px }
.chat .chat-body .messages .chats.chats-right .chat-content { order: 1; -webkit-order: 1 }
.chats.chats-right { flex-direction: row-reverse; -webkit-flex-direction: row-reverse }
.chat .chat-body .messages .chats.chats-right .chat-avatar { padding: 8px 0 0 15px }
.chat .chat-body .messages .chats.chats-right .message-content .chat-time { justify-content: flex-start; -webkit-justify-content: flex-start }
.chat .chat-body .messages .chats.chats-right .message-content .chat-time .time { color: #909090 }
.chat .chat-body .messages .chats.chats-right .message-content .chat-time .time i { color: #a3c2ff }
.chat .chat-body .messages .download-col { position: relative }
.chat .chat-body .messages .download-col ul { list-style: none; padding: 0; margin: 0 0 5px; display: flex; display: -webkit-flex; justify-content: center; row-gap: 10px }
.chat .chat-body .messages .download-col ul li+li { margin-left: 5px }
.chat .chat-body .messages .download-col .image-download-col { position: relative }
.chat .chat-body .messages .download-col .image-download-col a>img { border: 1px solid transparent; width: 80px; border-radius: 8px }
.chat .chat-body .messages .chats .message-content.fancy-msg-box .image-not-download span { position: absolute; color: #fff; font-size: 13px; font-weight: 500; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.chat .chat-body .messages .download-col .image-download-col.image-not-download a>img { -webkit-filter: blur(1px); filter: blur(1px) }
.chat .chat-body .messages .download-col .download-action, .chat .chat-body .messages .file-download .download-action, .file-download-col .download-action { position: absolute; right: 8px; bottom: 8px; line-height: 0 }
.chat .chat-body .messages .file-download .download-action { bottom: 14px }
.chat .chat-body .messages .download-col .download-action a, .chat .chat-body .messages .file-download .download-action a, .file-download-col .download-action a { color: #fff; font-size: 10px }
.chat .chat-body .messages .download-col .download-action div+div, .chat .chat-body .messages .file-download .download-action div+div, .file-download-col .download-action div+div { margin-left: 8px }
.chat .chat-body .messages .download-col .download-action div img, .chat .chat-body .messages .file-download .download-action div img, .file-download-col .download-action div img { width: 13px }
.chat .chat-body .messages .file-download { position: relative; background: #f5f5f5; border-radius: 10px; padding: 10px; margin-bottom: 7px }
.chat .chat-body .messages .file-download .file-type { width: 54px; height: 54px; background-color: #fff; border-radius: 4px }
.chat .chat-body .messages .file-download .file-type i { color: #9e9e9e; font-size: 24px }
.chat .chat-body .messages .file-download .file-details span.file-name { color: #0a0a0a; display: inline-block; width: 100%; font-size: 15px; font-weight: 500 }
.chat .chat-body .messages .file-download .file-details span.file-size { color: #909090; display: inline-block; width: 100% }
.chat .chat-body .messages .file-download .file-details ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; margin-bottom: 0 }
.chat .chat-body .messages .file-download .file-details ul li { list-style: none; color: #424242; font-size: 14px; position: relative }
.chat .chat-body .messages .file-download .file-details ul li::before { content: ""; position: absolute; width: 1px; height: 13px; background: #c2c2c2; right: -8px; top: 5px }
.chat .chat-body .messages .file-download .file-details ul li:last-child::before { display: none }
.chat .chat-body .messages .file-download .file-details ul li+li { padding-left: 15px }
.chat .chat-body .messages .file-download .file-details ul li a { color: #ff6900 }
.chat .chat-body .messages .file-download .download-action a { color: #ff6900 }
.chat-select .select2-container .select2-selection--single { border: 0; height: 24px }
.chat-select .select2-container--default .select2-selection--single .select2-selection__rendered { color: #344357; font-size: 18px; font-weight: 400; line-height: 24px; font-weight: 600 }
.chat-select .select2-container--default .select2-selection--single .select2-selection__arrow { height: 24px; right: 7px }
.success-pass { margin-bottom: 40px; text-align: center }
.chat-select .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #344357; border-style: solid; border-width: 0 2px 2px 0; padding: 3px; height: 0; left: 50%; margin-left: -5px; margin-top: -5px; position: absolute; top: 50%; width: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg) }
.chat-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: #344357; border-width: 2px 0 0 2px; padding: 3px; margin-top: -5px }
.chat-select .select2-container--default.form-control-sm .select2-selection--single .select2-selection__arrow { top: 7px }
.chat-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: #344357; border-style: solid; border-width: 0 2px 2px 0; padding: 3px }
.chat-select .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 40px; padding-left: 0 }
.chat-select .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #4b4b9f }
.chat-select .select2-container--default .select2-selection--multiple { border: 1px solid #ddd; min-height: 40px }
.chat-select .select2-container--open .select2-dropdown--below { margin-top: 10px }
.chat-avatar { padding: 8px 15px 0 8px; display: flex; display: -webkit-flex; align-items: flex-start; -webkit-align-items: flex-start }
.chat .chat-body .messages .chat-profile-name h6 { margin-bottom: 0; color: #0a0a0a; font-weight: 600; font-size: 15px }
.chat .chat-body .messages .chat-profile-name h6 span { font-size: 12px; color: #4f4f4f; font-weight: 600; padding-left: 10px }
.chats.chats-right .chat-profile-name { justify-content: end; -webkit-justify-content: end; -ms-flex-pack: end }
.chat .chat-body .messages .chats.chats-right { margin-left: auto }
.chat-content .chat-profile-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 5px }
.chat .chat-footer { position: relative }
.chat .chat-footer form { display: flex; display: -webkit-flex; align-items: end; -webkit-align-items: end; position: absolute; bottom: -1px; left: 0; right: 0; padding: 24px; background-color: #fff; border-bottom: 1px solid #cdcdcd; border-radius: 10px; align-items: center }
.chat .chat-footer form .form-buttons .btn { margin-left: 0; color: #bdbfc7; font-size: 20px; padding: 0; width: 20px; height: 20px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-right: 10px }
.chat .chat-footer form .form-buttons .btn:last-child { margin-right: 0 }
.chat .chat-footer form .specker-col span { color: #ff6900; font-size: 25px }
.chat .chat-footer form .attach-col i, .chat .chat-footer form .smile-col i { color: #ff6900; font-size: 20px }
.chat .chat-footer form .smile-col i { font-size: 22px }
.chat .chat-footer form .smile-col { right: inherit; left: 15px }
.chat .chat-footer form .smile-foot .action-circle { width: 40px; height: 40px; background: #fff; border-radius: 50px; 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 }
.chat .chat-footer form .smile-foot .action-circle:hover { background-color: #fff6f1; border-color: #fff6f1 }
.chat .chat-footer form .smile-foot .action-circle i { color: #685f78; font-size: 18px }
.chat .chat-footer form .attach-col { right: inherit; left: 60px }
.replay-forms { width: 100%; border: 1px solid #e0e0e0; background: #fff; border-radius: 10px }
.replay-forms .form-control { border: 0; background: 0 0; box-shadow: none }
.chat .chat-footer form .form-buttons .btn.send-btn { width: 40px; height: 40px; border-radius: 6px; display: inline-flex; justify-content: center; align-items: center; color: #fff !important; background: #ff4667; border: 1px solid #ff4667; margin-left: 10px }
.chat .chat-footer form .form-buttons .btn.send-btn:hover { background: #fff; color: #ff4667 !important }
.chat-wrapper .dropdown-menu .dropdown-item span { margin-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.chats .chat-content { width: calc(100% - 55px) }
.cart-remove .btn-primary { font-size: 16px; border: 1px solid #ff5364; background: #fff; color: #ff5364; font-weight: 500; border-radius: 0; padding: 4px 11px; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease }
.cart-remove .btn-primary:hover { font-size: 16px; border: 1px solid #ff5364; background: #ff5364; color: #fff }
.course-design .product:hover { transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease }
.course-design .product:hover .cart-remove .btn-primary { color: #fff; background: #ff5364; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .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: #ff5364; border: 1px solid #ff5364; 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 #ff5364; width: 100%; color: #ff5364; padding: 12px 15px; font-size: 16px; font-weight: 700 }
.condinue-shop .btn-primary:hover { background: #ff5364; border: 1px solid #ff5364; color: #fff }
.cart-subtotal p { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; font-size: 20px; font-weight: 500; color: #000 }
.cart-subtotal span { margin-left: auto; font-size: 20px; font-weight: 600 }
.checkout-form { padding: 20px }
.checkout-form label { color: #685f78; font-weight: 600; font-size: 16px }
.checkout-form .form-control, .checkout-form .form-select { border-radius: 5px; min-height: 44px }
.checkout-form .form-control:focus { border: 1px solid #eb9481 }
.checkout-form .input-block { margin-bottom: 20px }
.checkout-form .form-select:focus { box-shadow: none }
 .checkout-form .form-control::placeholder {
 font-size: 14px;
 color: #a2a2a2
}
.checkout-widget .student-widget-group { padding: 0 }
.ship-check .form-check-input { border-radius: 0; border-color: #ffdeda; 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: #ff5364; border: 1px solid #ff5364; 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: #392c7d }
.plan-header h4 { font-size: 24px; color: #fff; text-align: center; padding: 15px; margin-bottom: 0 }
.basic-plan h3 { font-size: 24px; color: #ff5364; margin-bottom: 15px }
.basic-plan h2 { font-size: 36px; color: #392c7d; 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 #ffe6e1; 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: #ff5b37; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.wallet-method { margin: 10px 0 }
.benifits-feature { margin: 30px 0 }
.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: #392c7d; background: #fff; border: 1px solid #392c7d; border-radius: 0; width: 100%; padding: 12px 15px }
.plan-change .btn-primary:hover { background: #392c7d; border: 1px solid #392c7d; color: #fff }
.settings-widget.account-settings .settings-menu { border-radius: 5px; padding: 24px; border-radius: 10px }
.settings-widget { border: 1px solid #e9ecef; margin-bottom: 30px; border-radius: 10px; background: #fff }
.settings-menu { background: #fff; border-radius: 10px; padding: 15px }
.account-settings .settings-menu h3 { font-size: 20px; color: #002058; font-weight: 600; margin: 0 0 20px }
.account-settings .settings-menu ul { display: block; border: 0; padding: 0; margin: 0 0 40px; list-style: none }
.account-settings .settings-menu ul:last-child { margin-bottom: 0 }
.account-settings .settings-menu ul li { position: relative; margin-bottom: 15px }
.account-settings .settings-menu ul li:last-child { margin-bottom: 0 }
.account-settings .settings-menu ul li a { color: #685f78; font-size: 16px; font-weight: 400; padding: 0; border: 0; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center }
.account-settings .settings-menu ul li:hover, .account-settings .settings-menu ul li:focus { color: #303030 }
.account-settings .settings-menu ul li:hover a, .account-settings .settings-menu ul li.active a { color: #ff4667 }
.account-settings .settings-menu ul li a i { margin-right: 8px }
.settings-widget.account-settings { margin-bottom: 0 }
.go-dashboard .btn-primary { background: #392c7d; border: 1px solid #392c7d; border-radius: 5px; font-size: 14px; color: #fff; padding: 13px 28px }
.go-dashboard .btn-primary:hover { opacity: .86 }
.profile-bg img { width: 100%; border-radius: 5px 5px 0 0 }
.profile-bg { position: relative }
.profile-bg h5 { position: absolute; background: #fff; border-radius: 10px; padding: 3px 10px; color: #000; font-size: 14px; right: 20px; top: 20px; margin: 0 }
.dash-profile .settings-menu { padding: 24px }
.dash-profile .profile-img { text-align: center }
.profile-img img { width: 125px; height: 125px; border-radius: 50%; border: 5px solid #fff }
.profile-name h4 { font-size: 20px; color: #22100d; font-weight: 600; margin-bottom: 5px }
.profile-name h4 a { color: #002058 }
.profile-name p { color: #685f78; margin-bottom: 0 }
.profile-group { padding: 15px 0 0 }
.profile-heading { padding: 24px 24px 19px; border-bottom: 1px solid #e9ecef }
.profile-heading h3 { font-size: 24px; font-weight: 600; margin-bottom: 0; margin-top: 0 }
.profile-heading p { margin-bottom: 0; margin-top: 5px }
.profile-details .course-group { padding: 25px; border-bottom: 1px solid rgb(199 199 199/25%) }
.course-box .product { border: 1px solid #e9ecef }
.profile-share { margin-left: auto }
.profile-share .btn-success { background: 0 0; color: #159f46; border: 1px solid #159f46; margin-right: 10px; border-radius: 0; padding: 7px 22px; font-weight: 500; border-radius: 5px }
.profile-share .btn-success:hover { background: #159f46; color: #fff; border: 1px solid #159f46 }
.profile-share .btn-danger { background: 0 0; color: red; border-radius: 0; padding: 7px 22px; font-weight: 500; border-radius: 5px }
.profile-share .btn-danger:hover { background: red; color: #fff; border: 1px solid red }
.profile-details .course-name h4 a { color: #392c7d; font-size: 18px; font-weight: 600 }
.profile-details .course-name h4 a:hover { color: #f66962 }
.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: 24px; margin-bottom: 0 }
.personal-address h4 { font-size: 20px; color: #392c7d; margin-bottom: 15px; font-weight: 600 }
.personal-address p { color: #685f78 }
.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 #ff875a; border-radius: 5px; min-width: 200px }
.update-profile .btn-primary:hover { background-color: #fff; border: 1px solid #012E81; color: #012E81 }
.border-line { border-bottom: 1px solid rgb(199 199 199/25%) }
.personal-info-head p span { color: #f66962 }
.save-social .btn-primary { min-width: 237px }
.secure-alert .check-on label { margin-bottom: 0; margin-left: 15px; font-size: 14px; color: #000; font-weight: 400 }
.secure-alert .check-on { margin: 0 0 25px }
.un-subscribe { padding: 25px }
.un-subscribe .btn-danger { background: 0 0; color: red; padding: 10px 15px; font-size: 16px; font-weight: 500 }
.un-subscribe .btn-danger:hover { background: red; color: #fff }
.link-accounts.personal-form { border: 0; padding: 25px; border-radius: 0; background: 0 0 }
.comman-space { padding: 25px }
.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: 0 }
.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, #392c7d, #ff5364); border-radius: 10px }
.grad-border .btn-default { background: rgba(227, 227, 227, .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: #ff5364; 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: #ff5364; padding: 8px 16px }
.upgrade-now { margin-left: auto }
.active-btns .btn-success { background-color: #159f46; border: 1px solid #159f46; 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 0 }
.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: #ff5364; 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: #ff875a; 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 }
.btn-dark { font-weight: 600; background: #392c7d; border: 1px solid #392c7d; 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 #392c7d; color: #392c7d }
.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: #159f46; border: 1px solid #159f46; 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 #159f46; color: #159f46 }
.instructor-profile { text-align: left }
.instructor-profile-pic { max-width: 100px; height: 100px; border-radius: 5px; border: 5px solid #fff; margin-right: 10px }
.instructor-profile-content h4 { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0 }
.instructor-profile-content h4 a { font-size: 32px; font-weight: 600; color: #fff }
.instructor-profile-content h4 a:hover { color: #f66962 }
.instructor-profile-content h4 span { background: #fff; color: #000; 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, .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: .05em; color: #fff; margin-bottom: 0 }
.instructor-card .card-header { background: 0 0; 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: #392c7d; margin-bottom: 0 }
.instructor-card .btn { font-size: 14px; min-width: 170px; padding: 13px 15px }
.instructor-card .card-body { padding: 20px }
.instructor-grid { background: #fff; 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; font-family: poppins, sans-serif; max-width: 460px; line-height: 30px }
.instructor-grid .instructor-product-content h3 a { color: #000 }
.instructor-grid .instructor-product-content h3 a:hover { color: #f66962 }
.instructor-grid .course-view { margin-left: 30px }
.instructor-grid .course-info p { font-size: 16px; font-weight: 500 }
.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: #000; 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; 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: #159f46; 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 #159f46 !important }
.progress-activated p { border-top: 5px solid #159f46 !important }
.progress-active span { color: #159f46 !important; border-color: #159f46 !important; position: relative; border: 5px solid #159f46 !important }
.add-course-inner-header { padding: 0 30px 30px }
.add-course-inner-header h4 { font-weight: 500; font-size: 24px; color: #f66962; margin-bottom: 0 }
.add-course-form { padding: 0 30px 30px }
.add-course-info .input-block { margin-bottom: 20px }
.add-course-info .add-course-label { font-weight: 500; color: #685f78; margin-bottom: 10px }
.add-course-info .form-control { background: #fff; border: 1px solid #e9ecef; border-radius: 5px; min-height: 44px }
.form-control:focus { border: 1px solid #e9ecef }
.select2-container--default .select2-selection--single { border: 1px solid #e9ecef }
.select2-container .select2-selection--single { height: 44px }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: #263238; line-height: 44px; font-size: 14px }
.select2-container--default .select2-selection--single .select2-selection__arrow { top: 8px }
.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: 44px }
.add-course-info .select2-container--default .select2-selection--single .select2-selection__rendered { color: #263238; line-height: 44px; 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; 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: #fff; 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: #f66962; border: 1px solid #f66962; 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, .71) }
.add-video-box a { font-size: 40px; color: #ff5364 }
.add-course-section { padding: 0 40px 40px }
.add-course-section .btn { font-weight: 600; font-size: 14px; color: #1d9cfd; background: #fff; border: 1px solid #1d9cfd; border-radius: 5px; min-width: 105px; padding: 7px 10px }
.add-course-section .btn:hover { color: #fff; background: #1d9cfd; border: 1px solid #1d9cfd }
.curriculum-grid { padding: 20px; margin-bottom: 30px; background: rgba(227, 227, 227, .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: #000 }
.curriculum-head .btn { font-weight: 600; font-size: 14px; color: #1d9cfd; background: #fff; border: 1px solid #1d9cfd; border-radius: 5px; min-width: 105px; padding: 7px 10px }
.curriculum-head .btn:hover { color: #fff; background: #1d9cfd; border: 1px solid #1d9cfd }
.faq-grid { background: #fff; 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: #000; 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: #000; margin-right: 8px }
.faq-right a:hover { color: #f66962 }
.faq-body { padding-top: 20px; padding-left: 25px }
.add-article-btns .btn { font-weight: 600; font-size: 14px; color: #685f78; margin-right: 12px; background: #fff; border: 1px solid #685f78; border-radius: 5px; min-width: 130px; padding: 7px 8px }
.add-article-btns .btn:hover { color: #fff; background: #685f78; border: 1px solid #685f78 }
.input-block-tagsinput .bootstrap-tagsinput { display: block; border-radius: 5px; color: #000; background: #fff; border: 1px solid #e9ecef; box-shadow: unset; min-height: 60px; padding-top: 8px; padding-left: 10px; padding-right: 10px }
.input-block-tagsinput .bootstrap-tagsinput .tag { margin-right: 5px; margin-bottom: 5px; color: #263238; border: 1px solid #e9ecef; background: rgba(227, 227, 227, .41) !important; font-size: 14px; font-weight: 400; padding: 12px }
.input-block-tagsinput .bootstrap-tagsinput input { line-height: 42px; font-size: 14px }
.add-course-msg { text-align: center; padding-bottom: 30px }
.add-course-msg i { color: #159f46; font-size: 40px }
.add-course-msg h4 { font-weight: 400; font-size: 24px; color: #000; margin-top: 20px; margin-bottom: 10px }
.add-course-msg p { font-size: 16px; color: #000; margin-bottom: 0 }
.settings-menu .instructor-title { padding-top: 20px }
.instructor-card { border-radius: 10px; margin-bottom: 25px }
.instructor-inner h6 { font-weight: 600; font-size: 14px; color: #685f78; margin-bottom: 16px; text-transform: uppercase }
.instructor-inner h4 { font-weight: 600; font-size: 32px; margin-bottom: 16px }
.instructor-inner .instructor-text-success { color: #159f46 }
.instructor-inner .instructor-text-info { color: #1d9cfd }
.instructor-inner .instructor-text-warning { color: #ffb54a }
.instructor-inner p { font-size: 14px; letter-spacing: .05em; color: #303030; margin-bottom: 0 }
.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 }
.btn.btn-action-delete:hover { background: #eb4334 }
.btn.btn-black:hover { background: #fff; border: 1px solid #263238; color: #263238 }
.announcement-head { background: #f4f6f9; border-radius: 5px; padding: 24px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px }
.announcement-head .announcement-titlte h5 { font-size: 18px }
.announcement-head .announcement-titlte p { margin-bottom: 0 }
.add-announcement-btn .btn-primary { background: #ff4667; border: 1px solid #ff4667 }
.add-announcement-btn .btn-primary:hover, .add-announcement-btn .btn-primary.active:not(:disabled):not(.disabled), .add-announcement-btn .btn-primary:active:not(:disabled):not(.disabled) { background: #fff; color: #ff4667 }
.withdraw-box, .wrap-wallet { border: 1px solid #e9ecef; border-radius: 5px; padding: 24px; margin-bottom: 24px }
.withdraw-box p { margin-left: 30px }
.withdraw-box.wallet-method .custom_radio { color: #002058 }
.label-slug { font-size: 14px; color: #685f78; margin-top: 5px }
.del-acc h6 { color: #002058; font-weight: 500; margin-bottom: 5px }
.del-acc p { margin-bottom: 24px }
.quiz-description-box { margin-top: 24px }
.quiz-description-box .ck.ck-editor { background: #fff; padding: 0 !important }
.quiz-update-btn { background: #ff4667; border-color: #ff4667 }
.quiz-update-btn.btn-primary:hover { background: #ff4667; border-color: #ff4667 }
.instructor-earnings-card .dash-info h5 { font-size: 16px }
.instructor-earnings-card .dash-info h2 { font-size: 24px }
.instructor-earnings-card .dash-info p { margin-bottom: 0; font-size: 14px; color: #685f78; margin-top: 5px }
.earning-chart-header { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e9ecef; padding-bottom: 15px }
.earning-chart-header h5 { font-size: 18px; margin-bottom: 0 }
.chart-body .apexcharts-toolbar { display: none }
.modal-header h4 { color: #002058; margin-bottom: 0; font-size: 24px; font-weight: 600 }
.modal .modal-header { padding: 24px 24px 0; justify-content: space-between }
.modal .modal-body { padding: 24px }
.modal .modal-header button { border: 0; background: 0 0; width: auto; height: auto; padding: 0 }
.modal .modal-header button i { color: #ff5454; width: 24px; height: 24px; border: 1px solid #ff5454; border-radius: 50%; font-size: 14px; font-weight: 700; background: #ffdcdf; display: flex; align-items: center; justify-content: center; transition: .5s all; line-height: 20px }
.modal .modal-header button i:hover { background: #ff5454; color: #fff; transition: .5s all }
label.form-label { font-size: 14px; color: #002058; margin-bottom: 5px; font-weight: 500 }
.modal-footer-btn { display: flex; align-items: center }
.modal-footer-btn button { padding: 7px 15px; margin-right: 10px }
.modal-footer-btn button:last-child { margin-right: 0 }
.modal-footer-btn button.btn-primary { background: #ff4667; color: #fff; border: 1px solid #ff4667 }
.modal-footer-btn button.btn-primary:active:not(:disabled):not(.disabled), .modal-footer-btn button.btn-outline-primary:active:not(:disabled):not(.disabled), .modal-footer-btn button.btn-outline-primary:not(:disabled):not(.disabled):active { background: #ff4667; border: 1px solid #ff4667 }
.modal-footer-btn button.btn-primary:hover { background: #fff; color: #ff4667 }
.modal-footer-btn button.btn-outline-primary { border: 1px solid #ff4667; border-radius: 5px; color: #ff4667 }
.modal-footer-btn button.btn-outline-primary:hover { background: #ff4667; color: #fff }
ul { padding: 0; margin: 0 }
ul li { list-style-type: none }
.settings-page-head .settings-pg-links { border-bottom: 1px solid #e9ecef; display: flex; align-items: center; flex-wrap: wrap }
.settings-page-head .settings-pg-links li a { padding: 15px 20px; color: #685f78; position: relative; display: flex; align-items: center }
.settings-page-head .settings-pg-links li a:hover { color: #ff4667 }
.settings-page-head .settings-pg-links li:first-child a { padding-left: 24px }
.settings-page-head .settings-pg-links li i { margin-right: 8px }
.settings-page-head .settings-pg-links li a::after { content: ""; width: 100%; height: 1px; background: #e9ecef; position: absolute; left: 0; bottom: 0; opacity: 0 }
.settings-page-head .settings-pg-links li a.active::after { opacity: 1; background: #ff4667 }
.settings-page-head .settings-pg-links li a.active { color: #ff4667 }
.image-upload input[type=file] { width: 40px; opacity: 0; height: 40px; position: relative; z-index: 9; cursor: pointer }
.new-employee-field .image-upload { width: 40px; height: 40px; border: 0; background-color: #f4f6f9; border-radius: 5px; position: relative; cursor: pointer }
.new-employee-field .image-upload:hover { background: #ff4667; color: #fff }
.image-upload .image-uploads { text-align: center; width: 40px; padding: 0; border-radius: 5px; position: absolute; top: 50%; transform: translateY(-50%) }
.img-delete a { width: 40px; height: 40px; border-radius: 5px; display: flex; align-items: center; background: #f4f6f9; justify-content: center; margin-left: 15px }
.img-delete a:hover { background: #ff4667; color: #fff }
.course-group-img.profile-edit-field .profile-pic img { width: 100px; height: 100px; max-width: 100%; border-radius: 50%; border: 1px solid #ff4667 }
.profile-upload-group { padding: 24px; border-bottom: 1px solid #e9ecef }
.profile-upload-head h4 { font-size: 18px }
.settings-wrap .btn-primary { background: #ff4667; border-color: #ff4667 }
.settings-wrap .btn-primary:hover, .settings-wrap .btn-primary:focus, .settings-wrap .btn-primary:active:not(:disabled):not(.disabled) { background: #fff; color: #ff4667 }
.lined-accounts-list li { display: flex; border-bottom: 1px solid #e9ecef; margin-bottom: 24px; padding-bottom: 24px }
.lined-accounts-list li:last-child { margin-bottom: 0; padding-bottom: 0; border: 0 }
.lined-accounts-list li .account-info h5 { font-size: 16px; margin-bottom: 10px }
.lined-accounts-list li .account-info p { color: #685f78; margin-bottom: 10px }
.lined-accounts-list li .account-info .linked-btn { border: 1px solid #e9ecef; color: #685f78; padding: 10px 15px; display: inline-flex; line-height: normal; border-radius: 5px }
.lined-accounts-list li .account-info .linked-btn:hover { background: #a5a5a5; color: #fff }
.lined-accounts-list li .account-icon { margin-right: 20px }
.check { display: block; margin: 0; padding: 0; width: 0; height: 0; visibility: hidden; opacity: 0; pointer-events: none; position: absolute }
.checktoggle { background-color: #e9ecef; border: 1px solid #e9ecef; border-radius: 12px; cursor: pointer; display: block; font-size: 0; height: 13px; margin-bottom: 0; position: relative; width: 30px; height: 15px }
.checktoggle:after { content: " "; display: block; transform: translate(2px, -50%); width: 10px; height: 10px; background-color: #fff; transition: left 300ms ease, transform 300ms ease; border-radius: 50%; transform: translate(2px, -50%); -webkit-transform: translate(2px, -50%); -ms-transform: translate(2px, -50%); position: absolute; top: 50%; left: 0 }
.check:checked+.checktoggle:after { background-color: #fff; left: 100%; transform: translate(calc(-90% - 3px), -50%) }
.check:checked+.checktoggle { background-color: #ff4667; border-color: #ff4667 }
.settings-wrap h5 { font-size: 18px; margin-bottom: 24px }
.settings-noti-lists li { display: flex; align-items: center; justify-content: space-between }
.settings-noti-lists li .notification-title p { margin-bottom: 0; color: #685f78 }
.settings-noti-lists li { border-bottom: 1px solid #e9ecef; margin-bottom: 15px; padding-bottom: 15px }
.settings-noti-lists.email-noti-lists li:last-child { border: 0; padding-bottom: 10px }
.add-course.btn-primary { display: block; background: #ff4667; border: 1px solid #ff4667; padding: 10px 15px; border-radius: 5px; margin-top: 24px; color: #fff }
.add-course.btn-primary:hover, .add-course.btn-primary.active:not(:disabled):not(.disabled), .add-course.btn-primary:active:not(:disabled):not(.disabled) { background: #fff; color: #ff4667 }
.table-course-detail .course-table-img { display: flex; align-items: center; max-width: 350px; white-space: normal; color: #685f78 }
.table-course-detail .course-table-img span img { width: 80px; height: 80px; border-radius: 5px; margin-right: 10px }
.table-course-detail .course-table-img:hover { color: #ff4667 }
.instructor-course-table { margin-bottom: 24px }
.noti-mark-btns ul { display: flex; align-items: center }
.instructor-noti-head { justify-content: space-between; margin-bottom: 24px }
.noti-mark-btns ul li a { border: 1px solid #e9ecef; padding: 10px; line-height: normal; display: inline-flex; align-items: center }
.noti-mark-btns ul li+li { margin-left: 10px }
.noti-mark-btns ul li a:hover { background: #ff4667; color: #fff }
.notication-item { border: 1px solid #e9ecef; padding: 24px; margin-bottom: 24px; border-radius: 10px }
.notication-item .notication-content { display: -webkit-box; display: -ms-flexbox; display: flex }
.notication-item span { flex-shrink: 0; margin-right: 15px }
.notication-item span img { width: 45px; height: 45px; border-radius: 50% }
.notication-item p span { margin-right: 0; color: #002058 }
.notication-item .notication-content p { margin-bottom: 2px; color: #685f78 }
.notication-item .notication-content .notify-time { margin-bottom: 0; color: #685f78 }
.notication-item .notification-btn .btn { display: none; -webkit-transition: all .2s ease; transition: all .2s ease; font-weight: 600; background: #ff4667; border-color: #ff4667 }
.notication-item:hover .notification-btn .btn { -webkit-transition: all .2s ease; transition: all .2s ease; display: -webkit-inline-box; display: -ms-inline--flexbox; display: inline-flex }
.notication-item:hover { border-color: #ff4667 }
.notication-list .notication-item:last-child { margin-bottom: 0 }
.course-edit-btn a { color: #685f78; font-weight: 500 }
.course-box .product:hover .course-edit-btn a { color: #fff }
.settings-widget.card-details p { color: #685f78 }
.announcement-table-data { max-width: 330px; white-space: normal }
.payment-method-data { display: flex; align-items: center }
.payment-method-data span { background: #f4f6f9; width: 44px; height: 44px; border-radius: 5px; display: inline-flex; align-items: center; justify-content: center; margin-right: 10px }
.edit-profile-info p { color: #685f78 }
.settings-wrap h1, h2, h3, h4, h5, h6 { color: #002058 }
.settings-wrap .edit-profile-info h5 { margin-bottom: 5px }
.withdrawel-head { display: flex; align-items: center; justify-content: space-between }
.withdrawel-head .title-withdrawel { display: flex; align-items: center }
.withdrawel-head .title-withdrawel .file-text-icon i { color: #ff4667; font-size: 40px }
.withdrawel-head .title-withdrawel .file-text-icon { margin-right: 10px }
.info-withdraw h6 { color: #685f78; margin-bottom: 5px }
.info-withdraw h5 { color: #685f78; font-size: 24px; margin-bottom: 0 }
.info-withdraw h5 span { color: #002058 }
.modal .withdraw-modal { max-width: 665px }
.info-request { margin-bottom: 24px }
.info-request h6 { margin-bottom: 0; margin-top: 5px }
.info-text-withdraw { color: #685f78; margin-bottom: 15px }
.bootstrap-datetimepicker-widget table th { font-size: 14px; font-weight: 500 }
.bootstrap-datetimepicker-widget table td { font-size: 14px }
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #ff4667 }
.datepicker-icon { position: relative }
.datepicker-icon .form-icon { position: absolute; top: 50%; transform: translateY(-50%); right: 15px }
.sell-group-img { margin-right: 15px }
.sell-group-img img { border-radius: 10px }
.review-wrap.reply-review { border: 1px solid #e9ecef; border-radius: 5px; padding: 20px }
.header-five .main-nav li.has-submenu .submenu a { color: #26292c !important }
.header-five .main-nav li.has-submenu .submenu a:hover { color: #f66962 !important }
.product:hover .rating i { color: #e9ecef }
.product:hover .rating i.filled { color: #ffb931 }
.modal { z-index: 1051 }
.dark-mode-toggle { width: 35px; height: 34px; background: #fff; border: 1px solid #fff; font-size: 16px; border-radius: 10px; padding: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between }
.dark-mode-toggle i { font-size: 16px; color: gray; border-radius: 10px; line-height: 26px; width: 26px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center }
.dark-mode-toggle .light-mode.active { color: #fff; background: #000 }
.dark-mode-toggle .dark-mode.active { color: #fff; background: #131022 }
.dark-mode-toggle { display: none }
.dark-mode-toggle.activate { display: flex }
#dark-mode-toggle, #dark-mode-toggle i { border: none; background-color: #131022; color: #fff }
.dark .checkmark { background-color: #a19fa7; border: none }
.dark { background-color: #131022; color: #b9b7c0 }
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark p { color: #b9b7c0 }
.dark a { color: #b9b7c0 }
.dark .add-header-bg { box-shadow: 0 4px 15px rgb(0 0 0/8%); transition-duration: .4s; background: #2b2838; padding-top: 0; margin: 0 }
.dark .main-nav .has-submenu a { color: #b9b7c0 }
.dark .submenu { background: #131022 }
.dark .main-nav>li .submenu li a { border: none }
.dark .main-nav li .submenu::before { border-color: transparent transparent #131022 #131022 }
.dark .main-nav>li .submenu.first-submenu li a { border: none }
.dark .main-nav>.has-submenu>.submenu>.has-submenu>.submenu::before { border-color: transparent transparent #131022 #131022 }
.dark .banner-content .form-inner { background-color: #2b2838; border-color: #1b1632 }
.dark .banner-content .input-group { background-color: #2b2838; border-color: #1b1632; box-shadow: 0 4.4px 12px -1px rgba(44, 44, 44, .361) }
.dark .banner-content .input-group input { background-color: #2b2838; border: none; color: #b9b7c0 }
.dark .selection .select2-selection { background: #131022 }
.dark .selection .select2-selection option { color: #b9b7c0 }
.dark .banner-content .select2-container { background-color: #2b2838 }
.dark .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #b9b7c0 }
.dark .select2-container--open .select2-dropdown--above { border-color: #2b2838 }
.dark .select2-container--default .select2-results>.select2-results__options { background-color: #2b2838; color: #b9b7c0 }
.dark .home-two .sub-btn { color: #b9b7c0 }
.dark .header-five .main-nav .has-submenu.active>a { color: #ffd600 !important }
.dark .fa-book-open:before { color: #b9b7c0 }
.dark .sub-btn i { color: #131022 }
.dark .online-course { background: #2b2838 }
.dark .course-radius { border: none }
.dark .how-it-works { background: #131022 }
.dark .feature-box { background: #2b2838; border: 1px solid #1b1632; box-shadow: 0 4.4px 12px -1px rgba(44, 44, 44, .361) }
.dark .product { background: #2b2838 }
.dark .course-info { border-bottom: 1px solid rgba(199, 199, 199, .25) }
.dark .product-content h3 a, .course-name h4 a { color: #b9b7c0 }
.dark .price { background: #131022 }
.dark .certified-group { border: 1px solid #1b1632 }
.dark .get-certified { background: #2b2838; box-shadow: 0 4.4px 12px -1px rgba(44, 44, 44, .361) }
.dark .trend-box { border: 1px solid #1b1632 }
.dark .instructors-widget { background: #2b2838; border: 1px solid #1b1632; box-shadow: 0 4.4px 12px -1px rgba(44, 44, 44, .361) }
.dark .testimonial-four .slick-list { border: 14px solid #1b1632 }
.dark .slick-arrow { background: #131022 }
.dark .slick-prev:before, .slick-next:before { color: #b9b7c0 }
.dark .testimonial-four .slick-next:before { color: #b9b7c0 }
.dark .student-mentor { background: #2b2838; border-color: #1b1632; box-shadow: 0 4.4px 12px -1px rgba(44, 44, 44, .361) }
.dark .enroll-group { background: #2b2838; border-color: #1b1632; box-shadow: 0 4.4px 12px -1px rgba(44, 44, 44, .361) }
.dark .dropdown-menu.dropdown-menu-right { top: 100% }
.dark .enroll-img { background: #2b2838; border-color: #1b1632; box-shadow: 0 4.4px 12px -1px rgba(44, 44, 44, .361) }
.dark .check-outs .btn-primary { color: #efeff2 }
.dark .condinue-shop .btn-primary { background-color: #2b2838; color: #efeff2 }
.dark .condinue-shop .btn-primary:hover { color: #efeff2 }
.dark .condinue-shop .btn-primary { color: #efeff2 }
.dark .faq-title>a:after { color: #b9b7c0 }
.dark .support-sec { background: #131022 }
.dark .support-card { background: #2b2838 }
.dark .footer { background: #131022 }
.dark .error-box .btn-primary { color: #efeff2 }
.dark .loginbox button { color: #efeff2 }
.dark .footer-widget .footer-about-content p { color: #b9b7c0 }
.dark .next-btn .btn-start { color: #b9b7c0 }
.dark .payment-btn .btn-primary { color: #b9b7c0 }
.dark .acheive-goals span { color: #b9b7c0 }
.dark .price-three-time span { color: #b9b7c0 }
.dark .footer-menu ul li a { color: #b9b7c0 }
.dark .news-letter form { border-bottom: 1px solid #1b1632 }
.dark .news-letter form input { background: #2b2838; border-color: #1b1632 }
.dark .privacy-policy ul li a { color: #b9b7c0 }
.dark .privacy-policy ul li { border-right: 1px solid #1b1632 }
.dark .privacy-policy ul li:last-child { border-radius: 0 }
.dark .footer-bottom .copyright-text p { color: #b9b7c0 }
.dark .home-two-slide { background: #131022 }
.dark .banner-content .select2-container .select2-selection--single { background: #2b2838 }
.dark .banner-content .form-inner { box-shadow: 0 4.4px 12px -1px rgba(44, 44, 44, .361) }
.dark .select2-dropdown { border: 1px solid #1b1632 }
.dark .about-image { background: #2b2838; border: #1b1632; box-shadow: 0 4.4px 12px -1px rgba(44, 44, 44, .361) }
.dark .topcategory-sec { background-color: #131022 }
.dark .topcategory-sec .categories-item { background: #2b2838; border: #1b1632; box-shadow: 0 4.4px 12px -1px rgba(44, 44, 44, .361) }
.dark .featured-details-two { background: #2b2838; border: #1b1632; box-shadow: 0 4.4px 12px -1px rgba(44, 44, 44, .361) }
.dark .featured-info-two { border-bottom: 1px solid #1b1632 }
.dark .growup-section { background-image: none }
.dark .join-title-one h2, .dark .join-title-one p { color: #b9b7c0 }
.dark .join-title-middle h2, .dark .join-title-middle p { color: #b9b7c0 }
.dark .trending-courses-group { background: #2b2838; border: #1b1632; box-shadow: 0 4.4px 12px -1px rgba(44, 44, 44, .361) }
.dark .time-hours-two span i { color: #b9b7c0 }
.dark .knowledge-sec { background-color: #131022 }
.dark .knowledge-sec .section-title h2 { color: #b9b7c0 }
.dark .knowledge-sec .joing-list .joing-title { color: #b9b7c0 }
.dark .joing-list .joing-para p { color: #b9b7c0 }
.dark .feature-instructors-sec { background: #131022 }
.dark .real-reviews-sec { background: #131022 }
.dark .real-reviews-grid .review-content h3, .dark .real-reviews-grid .review-content p { color: #b9b7c0 }
.dark .real-reviews-grid .review-info h3, .dark .real-reviews-grid .review-info h5 { color: #b9b7c0 }
.dark .latest-blog-sec { background: #131022 }
.dark .footer-two .footer-menu ul li a:before { color: #3e4265 }
.dark .footer-two .footer-contact-widget p { color: #b9b7c0 }
.dark .footer-two .footer-bottom .copyright { border-top: 1px solid #1b1632 !important }
.dark .header-three .main-nav>li .submenu li a { color: #b9b7c0 }
.dark .home-three-slide { background: #131022 }
.dark .notify-item a.btn { background-color: #ff5364 }
.dark .remove-btn a { color: #efeff2; background-color: #ff5364 }
.dark .course-design .product:hover { background-color: #2b2838; color: #efeff2 }
.dark .main-chat-blk .add-section ul li a { background: #131022 }
.dark .banner-three-content .form-inner-three { background: #131022; box-shadow: 0 4.4px 12px -1px rgba(44, 44, 44, .361) }
.dark .select2-container--default .select2-selection--single .select2-selection__rendered { color: #b9b7c0 }
.dark .banner-three-content .form-control { background: #131022; color: #a19fa7 }
.dark .banner-three-content .sub-btn { border-right: none !important }
.dark .course-details-three { background: #2b2838; border: #1b1632; box-shadow: 0 4.4px 12px -1px rgba(44, 44, 44, .361) }
.dark .course-details-three .course-content-three p { color: #b9b7c0 }
.dark .favourite-box { background: #2b2838; border: #1b1632 }
.dark .home-three-favourite:after { background-color: #131022 }
.dark .home-three-favourite .categories-content h3 { color: #b9b7c0 }
.dark .home-three-courses { background-color: #131022 }
.dark .course-box-three { background-color: #2b2838 }
.dark .student-counts-info { border-bottom: 1px solid rgba(199, 199, 199, .25) }
.dark .home-three-transform { background-color: #131022 }
.dark .home-three-goals { background-color: #131022 }
.dark .accelerate-cloud-three { background-color: #131022; border-bottom: 1px solid #1b1632 }
.dark .learn-anything { border-bottom: 1px solid #1b1632 }
.dark .award-one { border-bottom: 1px solid #1b1632 }
.dark .home-three-trending { background-color: #131022 }
.dark .trending-bg-one, .dark .trending-content-footer, .dark .trending-bg-two, .dark .trending-bg-three, .dark .trending-bg-four { background-color: #2b2838; border: #1b1632; box-shadow: 0 4.4px 12px -1px rgba(44, 44, 44, .361) }
.dark .trending-three-item:hover { box-shadow: 0 4.4px 12px -1px rgba(44, 44, 44, .361) }
.dark .gallery-three { background: #131022 }
.dark .home-three-become { background: #2b2838; border: #1b1632 }
.dark .testimonial-item-five { background: #2b2838; border: #1b1632 }
.dark .testimonial-content p { color: #b9b7c0 }
.dark .testimonial-item-five .testimonial-users h6, .dark .testimonial-item-five .testimonial-users p { color: #b9b7c0 }
.dark .latest-blog-three { background: #131022 }
.dark .box-form-newsletter, .dark .box-form-newsletter input { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) 2 }
.dark .footer-three-top-content { border-bottom: 1px solid #1b1632 !important }
.dark .main-nav>li .submenu li a { color: #b9b7c0 }
.dark .home-slide-five { background-color: #131022 }
.dark .banner-content-five .form-inner-five { background: #131022; border: #1b1632 }
.dark .banner-content-five .select2-container--default .select2-selection--single .select2-selection__rendered { color: #b9b7c0 }
.dark .lined-accounts-list li .account-info .linked-btn { border: 1px solid rgba(199, 199, 199, .25) }
.dark .form-control { border: 0; background-color: #131022; color: #b9b7c0 }
.dark .leading-section-five { background-color: #2b2838 }
.dark .course-section-five { background-color: #131022 }
.dark .course-five-item { background-color: #2b2838 }
.dark .count-five { border-right: 1px solid #1b1632 }
.dark .counter-section-five { background: #2b2838; border: #1b1632 }
.dark .featured-section-five { background-color: #131022 }
.dark .tablist-five .nav-tab.active { color: #2f15bb; border-bottom: 4px solid #2f15bb }
.dark .tablist-five { border-bottom: 1px solid rgba(199, 199, 199, .25) }
.dark .tablist-five .nav-tab { color: #b9b7c0 }
.dark .course-box-five { background: #2b2838; border: #1b1632 }
.dark .product-content-five h3 a { color: #b9b7c0 }
.dark .info-five-middle { border-bottom: 1px solid #1b1632 }
.dark .master-section-five { background-color: #131022 }
.dark .experienced-course-five { background: #2b2838; border: #1b1632 }
.dark .share-knowledge-five { background: #131022 }
.dark .goals-section-five { background: #2b2838; border: #1b1632 }
.dark .goals-count-five { border-left: 1px solid rgba(199, 199, 199, .25) }
.dark .testimonial-section-five { background: #131022 }
.dark .testimonial-content-five { background: #2b2838; border: #1b1632 }
.dark .testimonial-section-five .slick-next:before { color: #b9b7c0 }
.dark .blog-five-item { background: #2b2838; border: #1b1632 }
.dark .blog-five-header .blog-five-text p { color: #b9b7c0 }
.dark .blog-five-year i { color: #b9b7c0 }
.dark .wishlist-tab li a { background-color: #0f0c1c }
.dark .certified-img { background-color: #0f0c1c }
.dark .home-two .home-slide-text h1, .dark .home-two .trust-user-two p, .dark .topcategory-sec .categories-content h3 { color: #b9b7c0 }
.dark .featured-details-two .name-text h3 a { color: #b9b7c0 }
.dark .text-navy { color: #b9b7c0 !important }
.dark .featured-info-two h3 a { color: #b9b7c0 }
.dark .feature-instructors-sec .instructors-widget p { color: #b9b7c0 }
.dark .copyright-five { border-top: 1px solid #1b1632 }
.dark .header-nav { background-color: #2b2838 }
.dark .page-content { background-color: #131022 }
.dark .card { background: #2b2838; border-color: #1b1632; box-shadow: 0 4.4px 12px -1px rgba(44, 44, 44, .361) }
.dark .settings-widget { border-color: #1b1632; box-shadow: 0 4.4px 12px -1px rgba(44, 44, 44, .361) }
.dark .settings-menu { background: #2b2838; border-color: #1b1632 }
.dark .profile-bg h5 { background-color: #131022 }
.dark .settings-menu ul li .btn { border: 1px solid rgba(199, 199, 199, .25); color: #b9b7c0 }
.dark .notication-item .notification-btn .btn { color: #efeff2 }
.dark .noti-mark-btns ul li a:hover { color: #efeff2 }
.dark .settings-inner-blk { background: #2b2838; border-color: #1b1632 }
.dark .table {  --bs-table-bg: #2b2838
}
.dark .table th { color: #b9b7c0; border-bottom: 1px solid rgba(199, 199, 199, .25) }
.dark .course-instruct-blk tr:last-child { border-bottom: 1px solid rgba(199, 199, 199, .25) }
.dark .table tbody tr, .dark .table tbody td { color: #b9b7c0; border-bottom: 1px solid rgba(199, 199, 199, .25) }
.dark .privacy-policy ul li { border-right: 1px solid rgba(199, 199, 199, .25) }
.dark .privacy-policy ul li:last-child { border-right: none }
.dark .settings-inner-blk table tbody tr td .btn-style { border: 1px solid rgba(199, 199, 199, .25) }
.dark .student-box { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .course-content { background-color: #131022 }
.dark .notify-item { background: #2b2838; border: #1b1632 }
.dark .plan-box { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .benefit-box { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .benefit-box ul li { color: #b9b7c0 }
.dark .table-price tr { border: 1px solid rgba(199, 199, 199, .25) }
.dark .wish-card .card-header { border-bottom: 1px solid rgba(199, 199, 199, .25) }
.dark .wish-card .card-header h5 { color: #b9b7c0 }
.dark .wishlist-item { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .wishlist-info h5 a { color: #b9b7c0 }
.dark .widget-setcount ul li p { color: #b9b7c0 }
.dark .add-course-info .add-course-label { color: #b9b7c0 }
.dark .course-design { border: 1px solid rgba(199, 199, 199, .25) }
.dark .custom_check { color: #b9b7c0 !important }
.dark .post-info h4 a { color: #b9b7c0 }
.dark .page-banner { background-color: #131022 }
.dark .help-sec { background-color: #131022 }
.dark .faq-card { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .support-wrap { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .support-wrap label { color: #b9b7c0 }
.dark .category-box { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25); box-shadow: 0 4.4px 12px -1px rgba(44, 44, 44, .361) }
.dark .student-widget-group { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .student-widget { border: 1px solid rgba(199, 199, 199, .25) }
.dark .cart-head { border: 1px solid rgba(199, 199, 199, .25) }
.dark .cart-widget .student-widget .course-design { border: 1px solid rgba(199, 199, 199, .25) }
.dark .checkout-form label { color: #b9b7c0 }
.dark .benifits-feature ul li { color: #b9b7c0 }
.dark .login-wrapper .loginbox label { color: #b9b7c0 }
.dark .header-border { border-bottom: 1px solid rgba(199, 199, 199, .25) }
.dark .breadcrumb-bar { background-color: #131022 }
.dark .page-breadcrumb ol li a { color: #5a5864 }
.dark .page-breadcrumb .breadcrumb-item+.breadcrumb-item:before { color: #5a5864 }
.dark .breadcrumb-item+.breadcrumb-item { color: #b8b7bd }
.dark .add-course-info .select2-container--default .select2-selection--single { border: 1px solid rgba(199, 199, 199, .25) }
.dark .instructor-list { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .search-filter .filter-widget h4 { color: #b9b7c0 }
.dark .instructor-box { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .choose-search-blk.show-filter .form-control { border: 1px solid rgba(199, 199, 199, .25) }
.dark .btn-reply { background: #131022; border: 1px solid rgba(199, 199, 199, .25) }
.dark .tak-instruct-group .student-box { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .message-text-img { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .download-widra { border: 1px solid rgba(199, 199, 199, .25) }
.dark .secure-alert .check-on label { color: #b9b7c0 }
.dark .overview-sec ul li { color: #b9b7c0 }
.dark .include-sec ul li { color: #b9b7c0 }
.dark .instructor-sec ul li { color: #b9b7c0 }
.dark .student-list { background-color: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .student-list .profile-info-social li a { color: #b9b7c0 }
.dark .settings-top-widget .card.withdraw-box { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .hvr-sweep-to-right a { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .blog-widget .card-header .card-title { background: #2b2838; color: #b9b7c0 }
.dark .blog-widget .post-info p { color: #b9b7c0 }
.dark .category-widget .categories li a { color: #b9b7c0 }
.dark .blog-grid-box { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .post-left ul li { color: #b9b7c0 }
.dark .feature-text { color: #b9b7c0 }
.dark .home-slide { background: #131022 }
.dark .new-course { background: #131022 }
.dark .trend-course { background: #131022 }
.dark .share-knowledge { background: #131022 }
.dark .course-list li { color: #b9b7c0 }
.dark .latest-blog { background: #131022 }
.dark .price-three-time i { color: #b9b7c0 }
.dark .home-three .testimonial-ratings { border-bottom: 1px solid rgba(199, 199, 199, .25) }
.dark .settings-top-widget .stat-info p { color: #b9b7c0 }
.dark .error-page .main-wrapper { background: #131022 }
.dark .social-icon-soon ul li .insta-gram { color: #b9b7c0 }
.dark .error-page { background: #131022 }
.dark .add-course-info .input-block { color: #b9b7c0 }
.dark .login-bg { background: #131022 }
.dark .login-wrapper .loginbox { background: #2b2838 }
.dark .login-wrapper .loginbox h1 { color: #b9b7c0 }
.dark .login-wrapper { background: #2b2838 }
.dark .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #2b2838; color: #b9b7c0 }
.dark .select2-container--default .select2-results__option[aria-selected=true] { background-color: #131022 }
.dark .chat-window .chat-scroll { border: 1px solid rgba(199, 199, 199, .25) }
.dark .chat-cont-left .chat-users-list a.media { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-name { color: #b9b7c0 }
.dark .chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-last-chat { color: #b9b7c0 }
.dark .chat-cont-left { background-color: #131022; border: 1px solid rgba(199, 199, 199, .25) }
.dark .chat-window .chat-scroll { background-color: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .chat-cont-right .chat-header { background-color: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .chat-cont-right .chat-header .media .media-body .user-name { color: #b9b7c0 }
.dark .chat-cont-right { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .chat-cont-right .chat-header .media .media-body .user-status { color: #b9b7c0 }
.dark .chat-cont-right .chat-footer { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .chat-cont-right .chat-footer .input-group { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .chat-cont-right .chat-footer .input-group .form-control { background: #2b2838 }
.dark .chat-cont-right .chat-footer .input-group .btn.msg-send-btn { background-color: #ff875a }
.dark .chat-cont-right .chat-body .media.received .media-body .msg-box>div { background-color: #42404e }
.dark .chat-cont-right .chat-body .media .media-body .msg-box>div p { color: #b9b7c0 }
.dark .header-navbar-rht .dropdown-toggle.show+.dropdown-menu { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .wish-content h6 a { color: #b9b7c0 }
.dark .wish-content ul li { border-bottom: 1px solid rgba(199, 199, 199, .25) }
.dark .topnav-dropdown-header { border-bottom: 1px solid rgba(199, 199, 199, .25) }
.dark .notifications ul.notification-list>li { border-bottom: 1px solid rgba(199, 199, 199, .25) }
.dark .notifications .notification-message p { color: #b9b7c0 }
.dark .course-design .product:hover p { color: #131022 }
.dark .course-design .product:hover .average-rating span { color: #ffb54a }
.dark .student-group .course-name h4 span { background-color: #131022 }
.dark .lesson-group .course-card { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .lesson-group .cou-title { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .cou-title>a:after { color: #b9b7c0 }
.dark .lesson-widget-group { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .course-card ul li { border-bottom: 1px solid rgba(199, 199, 199, .25) }
.dark .feature-sec ul li { color: #b9b7c0; border-bottom: 1px solid rgba(199, 199, 199, .25) }
.dark .home-two .about-image:hover p { color: #b9b7c0 }
.dark .login-three-head:hover span { color: #b9b7c0 }
.dark .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) { background-color: #2b2838 }
.dark .ck.ck-toolbar>.ck-toolbar__items { background-color: #2b2838 }
.dark .ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label { color: #b9b7c0 }
.dark .ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover { background-color: #42404e }
.dark .ck.ck-icon, .ck.ck-icon * { color: #b9b7c0 }
.dark .ck-rounded-corners .ck.ck-dropdown .ck-dropdown__panel .ck-list .ck-list__item:last-child .ck-button, .ck.ck-dropdown .ck-dropdown__panel .ck-list .ck-list__item:last-child .ck-button.ck-rounded-corners { background-color: #42404e; color: #b9b7c0 }
.dark .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on { background-color: #42404e; color: #b9b7c0 }
.dark .form-check-input { background-color: #a19fa7; border: none }
.dark .plan-change .btn-primary { background-color: #2b2838; color: #b9b7c0; border: 1px solid rgba(199, 199, 199, .25) }
.dark .plan-change :hover { background-color: #392c7d; border: 1px solid #392c7d }
.dark .google-bg span a { color: #b9b7c0 }
.dark .sign-google ul li a, .google-bg span a, .google-bg p, .back-home a { color: #b9b7c0 }
.dark .page-item:first-child .page-link { background-color: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .page-item:last-child .page-link { background-color: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .fa-angle-right:before { color: #b9b7c0 }
.dark .fa-angle-left:before { color: #b9b7c0 }
.dark .page-item:not(:first-child) .page-link { background-color: #2b2838; border: 1px solid rgba(199, 199, 199, .25); color: #b9b7c0 }
.dark .profile-info-blk h4 span { background-color: #2b2838 }
.dark .dropzone { background-color: #2b2838 }
.dark .profile-box { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .circle-bar>div p span { color: #b9b7c0 }
.dark .personal-detail { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25); box-shadow: 0 4.4px 12px -1px rgba(44, 44, 44, .361) }
.dark .personal-form { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25); box-shadow: 0 4.4px 12px -1px rgba(44, 44, 44, .361) }
.dark .personal-form .form-select { background-color: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .invoice-item .customer-text { color: #b9b7c0 }
.dark .table-bordered>:not(caption)>* { border: 1px solid rgba(199, 199, 199, .25) }
.dark .invoice-item .invoice-details strong { color: #b9b7c0 }
.dark .price-amt { background-color: #2b2838 }
 .dark input::placeholder {
 color: #b9b7c0
}
.dark .student-group .course-group-img img { border: 5px solid rgba(199, 199, 199, .25) }
.dark .my-student-list ul li .active { border-bottom: 4px solid rgba(199, 199, 199, .25) }
.dark .my-student-list ul li a:hover { border-bottom: 4px solid rgba(199, 199, 199, .25) }
.dark .header-navbar-rht li a.header-login { color: #b9b7c0 }
.dark .btn-primary { color: #b9b7c0 }
.dark .course-box .product { border: 1px solid rgba(199, 199, 199, .25) }
.dark .testimonial-all { background: #131022 }
.dark .footer-two .social-icon ul li a { color: #442cc4 }
.dark .tablist-three .nav-tab.active { color: #b9b7c0 }
.dark .btn-action { color: #efeff2 }
.dark .home-three-slide-text h5 { color: #efeff2 }
.dark .joing-course-btn { color: #efeff2 }
.dark .product-content-five .price-five-group p, .dark .product-content-five .price-five-group h3 { color: #b9b7c0 }
.dark .info-five-middle .course-view-five p { color: #b9b7c0 }
.dark .header-five .main-nav li.has-submenu .submenu a { color: #b9b7c0 !important }
.dark .header-five .main-nav .has-submenu.active .submenu li.active>a { color: #ffd600 !important }
.dark .custom-table table th { background: #2b2838 }
.dark .custom-table { border: 1px solid rgba(199, 199, 199, .25) }
.dark .profile-name h4 a { color: #b9b7c0 }
.dark .settings-widget { border: none }
.dark .settings-widget { background: #2b2838 }
.dark .profile-group .profile-name a { color: #efeff2 }
.dark .profile-group .profile-name a:hover { color: #b9b7c0 !important }
.dark .table-course-detail .course-table-img { color: #b9b7c0 }
.dark .table-course-detail .course-table-img:hover { color: #f66962 }
.dark .dash-pagination .pagination li a { background: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .profile-heading { border-bottom: 1px solid rgba(199, 199, 199, .25) }
.dark .settings-widget.card-details p { color: #b9b7c0 }
.dark .dash-pagination .pagination .active a { background-color: #f66962 }
.dark .review-wrap { border-bottom: 1px solid rgba(199, 199, 199, .25) }
.dark .review-wrap.reply-review { border: none }
.dark .account-settings .settings-menu h3 { color: #b9b7c0 }
.dark .action-icon { border: 1px solid rgba(199, 199, 199, .25) }
.dark .main-chat-blk .sidebar-body { background: #2b2838 }
.dark .main-chat-blk .top-online-contacts { background: #2b2838; color: #b9b7c0 }
.dark .main-chat-blk .chat-page-wrapper .left-chat-title { background: #131022; color: #b9b7c0 }
.dark .main-chat-blk .fav-title h6 { color: #b9b7c0 }
.dark .main-chat-blk .chat-page-wrapper .left-chat-title { border-bottom: 1px solid rgba(199, 199, 199, .25) }
.dark .chat .chat-footer form { background: #2b2838 }
.dark .chat .chat-footer form .smile-foot .action-circle { background: 0 0 }
.dark .chat .chat-footer form .smile-foot .action-circle i { color: #b9b7c0 }
.dark .dropdown-menu { background: #2b2838; color: #b9b7c0 }
.dark .replay-forms { border-color: #131022 }
.dark .chat .chat-body .messages .chats.chats-right .message-content { background: #0f0c1c; color: #b9b7c0 }
.dark .chat .chat-body .messages .chats .message-content { background: #000; color: #b9b7c0 }
.dark .chat .chat-body .messages .chats .message-content.award-link a { color: #efeff2 }
.dark .blog-search .input-group .btn-primary { background-color: #2b2838; color: #efeff2; border: 1px solid rgba(199, 199, 199, .25) }
.dark .main-chat-blk .chat .chat-header { background: #000; color: #b9b7c0; box-shadow: 0 4.4px 12px -1px rgba(44, 44, 44, .361) }
.dark .chat .chat-header .user-details h5 { color: #b9b7c0 }
.dark .chat .chat-header .chat-options ul>li>a.btn { background: #a19fa7; color: #b9b7c0 }
.dark .main-chat-blk .sidebar .user-list li .users-list-body h5 { color: #b9b7c0 }
.dark .main-chat-blk .sidebar .user-list li a:hover .users-list-body h5 { color: #002058 }
.dark .main-chat-blk .chat .chat-body .messages .chat-profile-name h6 { color: #b9b7c0 }
.dark .chat .chat-body .messages .chat-profile-name h6 span { color: #b9b7c0 }
.dark .notication-item p span { color: #b9b7c0 }
.dark .announcement-head { background-color: #2b2838 }
.dark .add-announcement-btn .btn-primary { color: #efeff2 }
.dark .add-announcement-btn .btn-primary:hover { color: #b9b7c0 }
.dark .review-wrap .reviewer-info h6 a { color: #b9b7c0 }
.dark .settings-wrap .btn-primary { color: #efeff2 }
.dark .settings-wrap .btn-primary:hover { color: #b9b7c0 }
.dark .settings-page-head .settings-pg-links { border-bottom: 1px solid rgba(199, 199, 199, .25) }
.dark .lined-accounts-list li { border-bottom: 1px solid rgba(199, 199, 199, .25) }
.dark .settings-noti-lists li { border-bottom: 1px solid rgba(199, 199, 199, .25) }
.dark .blog-read .btn-primary { color: #efeff2 }
.dark .blog-read .btn-primary:hover { color: #b9b7c0 }
.dark .tag { border: 1px solid rgba(199, 199, 199, .25); background-color: #2b2838; color: #efeff2 }
.dark .load-more .btn-primary { color: #efeff2 }
.dark .blog-widget .card-body { border: 0 }
.dark .ck.ck-toolbar { background-color: #2b2838 }
.dark .ck.ck-toolbar>.ck-toolbar__items>:not(.ck-toolbar__line-break), .ck.ck-toolbar>.ck.ck-toolbar__grouped-dropdown { background-color: #2b2838 }
.dark .post-left ul li { border-left: 1px solid rgba(199, 199, 199, .25) }
.dark .ck.ck-editor { border: 1px solid rgba(199, 199, 199, .25) !important }
.dark .home-two .sub-btn { color: #b9b7c0 }
.dark .fa-book-open:before { color: #b9b7c0 }
.dark .header-five .main-nav .has-submenu.active>a { color: #ffd600 !important }
.dark .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #0f0c1c; color: #efeff2 }
.dark .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #0f0c1c; color: #efeff2 }
.dark .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #0f0c1c; color: #efeff2 }
.dark .daterangepicker.show-ranges.ltr .drp-calendar.left { border: 0 }
.dark .daterangepicker .calendar-table { border: 1px solid rgba(199, 199, 199, .25) }
.dark .daterangepicker .drp-buttons .btn { color: #efeff2 }
.dark .modal-content { background: #2b2838 }
.dark label.form-label { color: #b9b7c0 }
.dark body { color: #b9b7c0; background-color: #131022 }
.dark .daterangepicker { background-color: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .daterangepicker .ranges li:hover { background-color: #131022; color: #b9b7c0 }
.dark .daterangepicker .calendar-table { background-color: #2b2838; color: #b9b7c0 }
.dark .header-navbar-rht li a.header-login:hover { color: #b9b7c0 }
.dark .breadcrumb-bar.breadcrumb-bar-info .breadcrumb-title { color: #b9b7c0 }
.dark .btn-mark { color: #efeff2 }
.dark .chat-wrapper .content .sidebar-group { border: none }
.dark .chat-wrapper .content .sidebar-group { border: 0 }
.dark .left-sidebar .slimScrollDiv { border-radius: 0 }
.dark .chat.chat-messages { border: 0 }
.dark .location-sharing { background: #2b2838 }
.dark .chat .chat-footer form { border: 0 }
.dark .notication-item { border: 1px solid rgba(199, 199, 199, .25) }
.dark .notication-item:hover { border: 1px solid #ff4667 }
.dark .card-body { border: 1px solid rgba(199, 199, 199, .25) }
.dark .image-upload .image-uploads .bx-cloud-upload { color: #b9b7c0 }
.dark .profile-upload-group { border-bottom: 1px solid rgba(199, 199, 199, .25) }
.dark .account-settings .settings-menu ul li a { color: #b9b7c0 }
.dark .account-settings .settings-menu ul li.active a { color: #f66962 }
.dark .developer-profile-five .profile-five-ovelay { background: #2b2838; color: #b9b7c0 }
.dark .page-breadcrumb ol li.active:hover { color: #b9b7c0 }
.dark .blog-five-year span { color: #b9b7c0 }
.dark .footer-news-five .form-control { border: 1px solid rgba(199, 199, 199, .25) }
.dark .social-icon-five a { border: 0 }
.dark .instructor-badge .web-badge { background-color: #2b2838; color: #b9b7c0 }
.dark .add-course-info .form-control { border: 1px solid rgba(199, 199, 199, .25) }
.dark .view-icons a { background-color: #2b2838; border: 1px solid rgba(199, 199, 199, .25) }
.dark .link-box a { color: #efeff2 }
.dark .main-chat-blk .sidebar .user-list li a, .main-chat-blk .sidebar .user-list li .list-user-blk { border: 1px solid rgba(199, 199, 199, .25) }
.dark .main-chat-blk .chat-line:before { background-color: #0f0c1c }
.dark .main-chat-blk .chat-date { background-color: #0f0c1c; border: 1px solid rgba(199, 199, 199, .25); color: #b9b7c0 }
.dark .ticket-btn-grp a { color: #efeff2 }
.dark .select2-container--default .select2-selection--single { border: 0 }
.dark .skils-icon { background-color: #2b2838; border: 1px solid rgba(199, 199, 199, .25); box-shadow: 0 4.4px 12px -1px rgba(44, 44, 44, .361) }
.dark .info-withdraw h5 span { color: #b9b7c0 }
.dark .new-employee-field .image-upload, .dark .new-employee-field .img-delete a { background-color: #2b2838 }
.dark .notify-item a.btn { color: #efeff2 }
.dark .benefit-box a { color: #efeff2 }
.dark .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: #efeff2 }
.dark .btn-wish { background: 0 0 }
.dark .btn-enroll { color: #efeff2 }
.dark .category-tab ul li a { background-color: #0f0c1c; color: #efeff2 }
.dark .category-tab ul li a.active { background-color: #ff5364; color: #fff }
.dark .cart-remove .btn-primary { background-color: #2b2838 }
.dark .daterangepicker td.in-range { background-color: #2b2838; color: #b9b7c0 }
.dark .daterangepicker td.in-range { background: #0f0c1c }

@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:50px; padding: 0 !important }
.main-nav>li>a:hover { color: #f66962 }
.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, .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, .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: #f66962 }
.main-nav .has-submenu.active .submenu li.active>a { color: #f66962 }
.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: #f66962 }
.header-three .main-nav .has-submenu.active .submenu li.active>a { color: #7b1ffe }
.header-five .main-nav .has-submenu.active .submenu li.active>a { color: #ffd600 }
.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: #f66962; letter-spacing: .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:576px) {
.modal-styles .modal-dialog { max-width: 860px }
.growup-section .growup-right-img { margin-top: 20px; filter: drop-shadow(0px 4px 14px rgba(202, 202, 202, 0.25)); border-radius: 10px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px }
.knowledge-sec .joing-list .joing-icon { flex-shrink: 0 }
}

@media(max-width:992px) {
.home-two .shapes-one { position: absolute; right: -3rem; top: 0; width: 500px }
.home-two .home-slide-text h1 { font-weight: 700; font-size: 45px; color: #324fa2; margin-bottom: 10px; max-width: 800px }
.home-two .shapes-four { position: absolute; left: -7rem; bottom: -2rem }
.home-two .shapes-two { position: absolute; right: 4rem; bottom: 0; top: 36rem }
.knowledge-sec .featured-img-1 { width: 100%; float: left; height: 777px; background-size: cover; background-position: inherit }
.knowledge-sec .joing-list .joing-icon { align-items: center; display: inline-flex; justify-content: center; text-align: center; border-radius: 10px; padding: 0; width: 50px; height: 50px }
.knowledge-sec .joing-group { padding: 10px }
.featured-courses-sec { padding: 60px 0; position: relative }
.growup-section .growup-right-img { position: absolute; bottom: 0; top: 11rem; right: 1rem }
.growup-section .section-sub-head { margin-top: 50px }
.new-course-bg .course-details-content h3 a { font-weight: 700; font-size: 16px; color: #324fa2; line-height: 20px !important; display: block; margin-top: 8px }
.course-price h3 { font-weight: 700; font-size: 16px; color: #21b477; margin-bottom: 0 }
.new-course-bg .rating { list-style: none; margin: 0; padding: 0; width: 100% }
.course-count-two h5 { font-size: 16px }
.trending-price h4 { font-size: 12px }
.home-three-head h1 { font-size: 25px }
.home-three .become-content h2 { font-size: 30px }
.home-two .shapes-middle { position: absolute; left: 43rem; top: 20rem; bottom: 0 }
.award-three-content { float: left }
.login-three-head { padding: 5px 30px }
.learn-anything h2 { font-size: 25px }
.signin-three-head { padding: 5px 30px }
.home-three-slide .girl-slide-img img { width: 300px; margin-top: 140px }
.home-three-slide-face { padding: 60px 0 }
.master-three-left { margin-bottom: 30px }
.home-three-courses { padding: 60px 0; background: #fbfbff }
.home-three-transform { padding: 60px 0 }
.home-three-goals { padding: 60px 0; background-color: #fff }
.accelerate-cloud-three { padding: 60px 0 }
.home-three-trending { padding: 60px 0 }
.gallery-three { padding: 60px 0 }
.home-three-become { padding: 60px 0 }
.lead-companies-three { padding: 60px 0 }
.latest-blog-three { background: #fff; padding: 60px 0 }
.event-three-title h5 { font-size: 15px }
.event-three-title p { font-weight: 400; font-size: 12px; color: #dedede }
.span-name-three { padding: 0 20px; font-size: 14px; border-radius: 4px; display: inline-flex; margin-bottom: 10px; color: #fff }
.gallery-three .content-three-details { position: absolute; padding: 7px }
.box-form-newsletter { margin-bottom: 25px }
.home-two .winning-two-two { margin-bottom: 30px }
.home-two .course-column-img { -ms-flex: 25%; flex: 25%; max-width: 25% }
.home-two .course-content-column { -ms-flex: 75%; flex: 75%; max-width: 75% }
.instructors-img img { width: 100% }
.home-two .home-slide-text h1 { font-weight: 700; font-size: 35px; color: #324fa2; margin-bottom: 25px; max-width: 100% }
.home-two .shapes-middle { display: none }
.home-two .shapes-one { display: none }
.home-two .shapes-four { display: none }
.home-two-slide .home-slide-face { padding: 120px 0 100px }
.login-head { padding: 5px 30px }
.signin-head { padding: 5px 20px }
.event-content-title h5 a { font-size: 20px }
.main-nav-four .has-submenu.active>a { color: #ee009c }
.request-box .name-field input { width: 100% }
.section-heading h2 { font-size: 25px }
.buy-template-btn { padding: 8px 25px; font-size: 14px }
.signup-four { padding: 8px 25px; font-size: 14px }
.banner-section-four { text-align: center }
.banner-heading-four h2 { font-size: 33px }
.banner-img-third { position: absolute; right: 4rem; top: 1rem }
.banner-img-fourth { position: absolute; right: 2rem; top: 10rem }
.slider-five-one { position: absolute; top: 5.5rem }
.slider-five-one img { width: 100%; max-width: 550px }
.slider-five-two img { width: 100%; max-width: 550px; float: right }
.home-slide-five-text { width: 100%; max-width: 100% }
.banner-content-five { max-width: 580px; width: 100%; margin-bottom: 70px }
.header-navbar-five>li .signup-five { font-size: 14px; padding: 8px 30px }
.header-navbar-five>li .login-five { font-size: 14px }
.slider-five-two img { width: 220px !important; max-width: 100% !important; float: right }
.vector-shapes-five { display: none }
.instructor-vector-left { position: absolute; left: -1.6rem; top: .7rem }
.banner-content-five .sub-btn { padding: 15px 20px }
.banner-content-five .select2-container .select2-selection--single { height: 55px; font-size: 14px }
.home-five .course-count h3 { margin-bottom: 0; font-size: 30px }
.master-five-vector { display: none }
.footer-five-left { display: none }
.footer-five-right { display: none }
.best-course-slider .owl-nav { display: none }
.more-information li { margin-left: 20px }
}

@media(min-width:1200px) {
.main-nav>li { margin-right:50px }
.master-five-vector { position: absolute; left: 1rem; top: 3rem }
}

@media(max-width:1399.98px) {
.register-step .login-banner img,  .login-banner img { max-width: 280px }
.instructor-vector-left { position: absolute; left: -2.5rem; top: .7rem }
.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 0 }
.time-counts { margin-bottom: 20px }
.come-soon-box h5 { font-size: 16px; margin: 25px 0 }
.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 #fff }
.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 }
.login-head { padding: 8px; min-width: 130px }
.signin-head { padding: 8px; min-width: 130px }
.home-two .sub-btn { width: 180px }
.home-two .shapes-one { position: absolute; right: -5rem; top: 0; max-width: 400px; width: 100% }
.home-two .shapes-middle { position: absolute; left: 46rem; top: 18rem; width: 115px; bottom: 0 }
.home-two .home-slide-text h1 { font-size: 40px; margin-bottom: 25px; max-width: 100% }
.header-two-title { margin-bottom: 20px }
.count-content-three h4 { font-size: 25px }
.count-content-three p { font-size: 18px }
.home-two .shapes-four { position: absolute; left: -6rem; bottom: 0 }
.course-details-content .featured-info { border-bottom: 1px solid #f7f7f7; margin-bottom: 0 !important; padding-bottom: 0 !important }
.acheive-elips-one { position: absolute; right: -1rem; z-index: -1; top: -1rem }
.home-two .course-column-img { -ms-flex: 40%; flex: 40%; max-width: 40% }
.home-two .course-content-column { -ms-flex: 60%; flex: 60%; max-width: 60% }
.joing-icon-award img { width: 70px; height: 70px }
.home-two .join-title-one { max-width: 500px }
.joing-icon-award .joing-icon-one { bottom: 50px; left: -30px }
.joing-icon-award .joing-icon-two { bottom: 60px; right: 0 }
.joing-icon-award .joing-icon-three { bottom: 70px; left: -20px }
.join-mentor-img { margin-bottom: 25px }
.winning-two-one img { max-width: 525px }
.winning-two-two img { max-width: 525px; margin: auto }
.winning-two-three img { max-width: 525px }
.course-count-two h5 { font-size: 18px }
.knowledge-sec .joing-group { padding: 10px 10px 0 }
.real-reviews-grid .review-content h3 { font-size: 30px }
.event-content-title h5 a { font-size: 20px }
.knowledge-sec .joing-list .joing-title { font-size: 16px }
.joing-section-text { font-size: 14px; margin-bottom: 25px }
.joing-list .joing-para p { font-size: 14px }
.home-three header input[type=search]:focus { width: 125px }
.home-three header input[type=search] { padding: 8px 8px 8px 25px }
.login-three-head { padding: 8px 25px; min-width: 120px }
.signin-three-head { padding: 8px 25px; min-width: 120px }
.event-three-title h5 { font-size: 18px }
.banner-img-sec { position: absolute; left: -55px; top: 35px }
.banner-img-sec { position: absolute; left: -55px; top: 35px }
.banner-img-fourth { position: absolute; right: -6rem; top: 10rem }
.our-courses .card .card-img img { min-height: 223px }
.latest-blog .card .card-img img { min-height: 252px }
.right-header-button .login-btn { padding: 15px 25px }
.right-header-button .register-btn { padding: 15px 25px }
.banner-sections-six .section-heading .search-box .search-icon { padding: 15px 60px; width: 100%; height: 100% }
.banner-sections-six .banner-imgs .react-icon { position: absolute; top: 200px; right: 410px }
.banner-sections-six .banner-imgs .banner-img-two { position: absolute; top: 250px; right: -35px; width: 300px }
.banner-sections-six .banner-imgs .figma-icon { position: absolute; bottom: 50px; left: -50px }
.banner-sections-six .banner-imgs .banner-img-three { position: absolute; bottom: 28px; right: -32px; width: 300px }
.best-course-heading { gap: 90px }
.best-course-slider .owl-nav { top: -140px }
.top-category { padding: 40px 0 }
.top-category .section-headings { padding: 30px 0 }
.section-headings h2 { font-size: 24px }
.trained-by-experts .section-headings { padding-bottom: 30px }
.cloud-technology-img .cloud-icon { position: absolute; right: 575px; top: 255px }
.cloud-technology-img .vector-green-img { top: 335px }
.cloud-technologies .technology-item { min-width: 260px }
.banner-sections-six .section-heading .search-box input { color: #585858; min-width: 305px }
.top-category .section-headings::after { top: 70px }
.user-registration { display: flex; align-items: center; gap: 0 }
.instructor-vector-right { position: absolute; right: -1.5rem; bottom: 1.7rem }
.slider-five-two img { width: 280px !important }
.home-five .course-count h3 { margin-bottom: 0; font-size: 30px }
.joing-count-five-one { position: absolute; left: -1rem; top: 6.5rem }
.joing-count-five-two { position: absolute; left: -6rem; bottom: 3rem }
.joing-count-five-three { text-align: center; position: absolute; right: 4rem; top: 2rem }
.transform-count-five-three { position: absolute; bottom: 3.5rem; right: -.5rem; text-align: center }
.settings-page-head .settings-pg-links li a { padding: 15px }
}

@media(max-width:1299.98px) {
.home-two .home-slide-text h1 { font-size: 40px }
.home-two .shapes-middle { position: absolute; left: 43rem; top: 18rem; bottom: 0 }
.home-two .sub-btn { width: 150px }
.home-two-slide .banner-content .form-inner { padding: 8px }
.header-two-title h2 { font-size: 30px }
.topcategory-sec .categories-content h3 { font-size: 18px }
.header-navbar-five>li .signup-five { padding: 8px 40px }
.banner-content-five .select2-container .select2-selection--single { height: 55px; font-size: 14px }
.banner-content-five .form-inner-five { padding: 5px }
}

@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 { min-width: 110px; 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: 0 10px }
.login-wrapper .loginbox h1 { font-size: 28px }
.login-banner img { max-width: 330px }
.mentor-course h2 { font-size: 28px; margin: 20px 0 }
.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: 11px }
.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 0 }
.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 0 }
.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 }
.login-head { padding: 5px 20px; min-width: 100px }
.signin-head { padding: 5px 20px; min-width: 100px }
.instructors-img img { width: 100%; transform: translateZ(0); transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms }
.home-three-slide .girl-slide-img img { width: 400px; margin-top: 140px }
.home-three-transform .cta-content h2 { font-size: 25px }
.home-three-transform .cta-content p { font-size: 16px }
.btn-action { font-size: 14px }
.home-three-slide-text h1 { font-size: 30px }
.home-three-slide-face { padding: 100px 0 }
.master-three-left { margin-bottom: 30px }
.event-three-title h5 { font-size: 16px; margin-bottom: 10px }
.span-name-three { padding: 2px 15px }
.blog-student-count { font-size: 16px }
.home-two .join-title-one { max-width: 430px }
.home-two .join-title-one h2 { font-size: 25px; margin-bottom: 15px }
.home-two .join-title-middle h2 { font-size: 25px; margin-bottom: 15px }
.winning-two-one img { max-width: 480px }
.winning-two-two img { max-width: 480px; margin: auto }
.winning-two-three img { max-width: 480px }
.join-title-middle { max-width: 425px; margin: auto }
.joing-icon-award .joing-icon-two { bottom: 60px; right: 2rem }
.master-three-images { max-width: 413px; margin: 0 }
.acheive-elips-one { right: 2rem }
.acheive-elips-two { right: 3.5rem; top: -1rem }
.acheive-elips-three { right: 5.5rem; top: -1rem }
.award-three-content { max-width: 515px; width: 100%; float: left }
.acheive-goals-main h2 { font-size: 25px; margin-bottom: 50px; text-align: center }
.acheive-goals span { font-size: 25px }
.award-three-images-one { max-width: 415px; margin: auto auto 46px }
.learn-anything { padding: 36px 0 40px }
.accelerate-cloud-three .home-three-head h1 { width: 100%; font-size: 18px }
.course-three-text { margin-top: 20px; margin-bottom: 15px }
.home-three-trending { padding: 40px 0; background: #fbfbff }
.gallery-three { padding: 40px 0 }
.home-three-head h1 { font-size: 25px }
.home-three-become { padding: 40px 0 }
.lead-companies-three { padding: 40px 0 }
.home-three .become-content h2 { font-size: 28px }
.home-three .become-content h4 { font-size: 18px }
.accelerate-three-business { font-size: 16px }
.award-three-content-one h2 { font-size: 25px; margin-bottom: 15px }
.award-three-content-one p { font-size: 14px }
.learn-anything h2 { font-size: 25px; margin-bottom: 15px }
.award-win-icon img { width: 50px }
.award-three-content-two p { font-size: 14px }
.award-three-images-two { max-width: 415px; margin: auto }
.become-content-three h2 { font-size: 25px }
.become-content-three p { font-size: 16px }
.btn-become { font-size: 14px; padding: 12px 30px }
.home-three .btn-default { font-size: 12px; min-width: 125px; height: 44px; padding: 10px }
.accelerate-cloud-three { padding: 40px 0 }
.footer-three-right { margin-left: 70px }
.footer-three-about p { font-size: 14px; margin-bottom: 25px }
.footer-three .newsletter-title h6 { font-size: 18px; margin-bottom: 18px }
.box-form-newsletter form .input-newsletter { background-position: left 10px center; padding: 5px 5px 5px 45px }
.footer-three-top-content { padding-bottom: 20px }
.social-icon-three { margin-bottom: 30px }
.footer-three-top { margin-bottom: 30px }
.banner-img-fourth { position: absolute; right: 8rem; top: 10rem }
.banner-img-third { position: absolute; right: 12rem; top: 1rem }
.home-two .home-slide-text h1 { font-size: 30px; margin-bottom: 20px }
.home-two .shapes-middle { display: none }
.knowledge-sec .section-title h2 { font-size: 20px; margin-bottom: 15px }
.home-two-slide .home-slide-face { padding: 150px 0 }
.home-two .shapes-two { position: absolute; right: 7rem; bottom: 0; top: 19rem }
.home-two .sub-btn { width: 120px; padding: 8px }
.header-two-title h2 { font-size: 25px }
.event-content-title h5 a { font-size: 18px }
.event-blog-main .span-name { font-size: 14px }
.discover-btn { padding: 10px 35px; font-size: 14px }
.price-text h4 { font-size: 14px }
.price-text { min-width: 100px }
.joing-icon-award img { width: 60px; height: 60px }
.featured-details-two .name-text h3 a { font-size: 18px }
.home-two .shapes-four { position: absolute; left: -5rem; bottom: 0 }
.count-content-three h4 { font-size: 20px }
.count-content-three p { font-size: 16px }
.about-section { padding: 60px 0 }
.topcategory-sec { padding: 60px 0 }
.home-two .trending-course-sec { padding: 60px 0 }
.featured-courses-sec { padding: 60px 0 }
.feature-instructors-sec { padding: 60px 0 }
.real-reviews-sec { padding: 60px 0 }
.latest-blog-sec { padding: 60px 0 }
.footer-two .footer-top { padding: 60px 0 !important }
.home-two .course-column-img { -ms-flex: 30%; flex: 30%; max-width: 30% }
.home-two .course-content-column { -ms-flex: 70%; flex: 70%; max-width: 70% }
.real-reviews-grid .review-content h3 { font-size: 25px; margin-bottom: 10px }
.real-reviews-grid .review-content p { font-size: 14px }
.real-reviews-grid .review-info h3 { font-size: 16px }
.real-reviews-grid .review-info h5 { font-size: 12px }
.box-form-newsletter { margin-bottom: 40px; padding: 5px }
.knowledge-sec .joing-list .joing-icon { width: 50px; height: 50px }
.course-details-three .course-content-three h4 { font-size: 20px }
.course-details-three .course-content-three p { font-size: 14px }
.login-three-head { padding: 5px 15px; min-width: 100px }
.signin-three-head { padding: 5px 15px; min-width: 100px }
.login-three-head span { font-size: 14px }
.signin-three-head span { font-size: 14px }
.home-three header input[type=search] { padding: 5px 15px }
.award-three-content h2 { font-size: 25px }
.award-three-content h2 { font-weight: 600; font-size: 36px; color: #fed700; margin-bottom: 20px }
.home-three .home-three-head { margin-bottom: 38px }
.master-skill-three { padding: 40px }
.home-three-courses { padding: 40px 0 }
.home-three-transform { padding: 40px 0 }
.home-three-goals { padding: 40px 0 }
.home-five .bar-icon span { background-color: #000; }
.home-five .menu-header { background-color: #2d0160; border-bottom: 1px solid #fff }
.home-five .main-nav>li { border-bottom: 1px solid #fff; margin-left: 0 }
.home-five .main-menu-wrapper { background-color: #2d0160 }
.home-five .main-nav ul { background-color: #520aa5 }
.menu-close { font-size: 18px }
.slider-five-one { position: absolute; top: 5.8rem }
.slider-five-one img { width: 300px !important; max-width: 550px }
.slider-five-two img { max-width: 100%; float: right }
.home-slide-five-text { width: 100%; max-width: 100% }
.banner-content-five { max-width: 580px; width: 100%; margin-bottom: 50px }
.header-navbar-five>li .signup-five { font-size: 14px; padding: 8px 30px }
.header-navbar-five>li .login-five { font-size: 14px }
.banner-content-five .sub-btn { padding: 10px 20px }
.banner-content-five .form-inner-five .input-group { position: relative; display: flex; flex-wrap: revert; align-items: stretch; width: 100% }
.banner-content-five .select2-container .select2-selection--single { height: 50px }
.home-slide-five-text h1 { font-size: 25px; margin-bottom: 25px }
.banner-content-five .form-inner-five { padding: 5px }
.leading-section-five { padding: 40px 0 }
.learn-more-five { padding: 10px 15px }
.leading-five-content h2 { font-size: 25px }
.course-icon-five img { padding: 15px }
.course-icon-five { margin-bottom: 29px }
.course-section-five { padding: 50px 0 }
.course-info-five h3 { font-size: 18px }
.course-info-five p { font-size: 14px }
.counter-section-five { padding: 50px 0 }
.featured-section-five { padding: 50px 0 }
.tablist-five .nav-tab { font-size: 16px }
.product-img-five img { width: 100% }
.product-content-five h3 a { font-size: 14px }
.info-five-middle { padding-bottom: 10px; margin-bottom: 10px }
.product-content-five .price-five-group h3 { font-size: 16px }
.count-content-five h4 { font-size: 25px }
.count-content-five p { font-size: 18px }
.skill-five-content h3 { font-size: 18px }
.header-five-title h2 { font-size: 25px }
.goals-five-one .goals-content-five { border-left: 1px solid transparent }
.header-five-title { margin-bottom: 31px }
.master-section-five { padding: 50px 0 }
.experienced-course-five { padding: 50px 0 }
.joing-count-five-one { position: absolute; left: 2rem; top: .5rem }
.joing-count-five-two { position: absolute; left: -7rem; bottom: 3rem }
.joing-count-five-three { position: absolute; right: 2rem; top: 2rem; z-index: 2 }
.goals-section-five { padding: 50px 0 }
.goals-content-five h4 { font-size: 25px }
.transform-section-five { padding: 50px 0 }
.transform-count-five-one { position: absolute; top: 0; left: 3.5rem }
.joing-count-five img { animation: up-down 0s ease-in-out infinite alternate-reverse both }
.joing-count-number { font-size: 25px }
.joing-count-text { font-size: 16px }
.transform-count-five-two { position: absolute; top: -.5rem; right: 3.5rem }
.transform-count-five-three { position: absolute; bottom: -1.5rem; left: -18rem }
.testimonial-section-five .slick-prev { left: -8px }
.testimonial-section-five .slick-next { right: -8px }
.testimonial-section-five { padding: 50px 0 }
.testimonial-users h5 { font-size: 18px }
.leading-five-content p { font-size: 14px }
.blogs-section-five { padding: 50px 0 }
.blog-five-footer h3 a { font-size: 18px }
.blog-box-content { padding: 20px }
.footer.footer-five { padding: 50px 0 30px }
.copyright-five { padding: 20px 0 0 }
.footer-title-five { font-size: 18px }
.footer-logo-five img { width: 120px }
.social-icon-three ul li a { width: 32px; height: 32px }
.copyright-text-three p { font-size: 14px }
.more-information li { margin-left: 20px }
.request-box .name-field input { width: 100%; margin-bottom: 40px }
.request-box .email-field input { width: 100%; margin-bottom: 40px }
.news-letter-four .section-heading h2 { font-size: 30px; padding-bottom: 30px }
.request-box { display: block; align-items: center; justify-content: space-between }
.request-box .send-btn { display: block; align-items: center; justify-content: center }
.footer-news-five .btn { width: 105px; height: 45px }
.footer-news-five .form-control { min-height: 45px }
.footer-about-five p { font-size: 14px }
.footer-top-five .footer-contact-info p { font-size: 14px }
.chat-wrapper .content .sidebar-group { width: 300px }
.location-sharing { min-width: 150px }
}

@media(max-width:991.98px) {
.main-nav li.login-link { display: block }
.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: #f38681; display: none; list-style: none; margin: 0; padding-left: 0 }
.main-nav>li { border-bottom: 1px solid #f38681; 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: 14px; font-weight: 500 }
.header-two .main-nav li a { color: #fff }
.header-two .main-nav .has-submenu.menu-effect>a::after { display: none }
.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; 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 }
.header-five .main-nav>li .submenu li a { padding: 10px 20px }
.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 .4s; background-color: #f66962 }
.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: 0 0; 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 }
.trust-user p { font-size: 16px }
.rate-head h2,  .rating h2 { font-size: 40px }
.course-radius { margin-bottom: 45px }
.course-widget { background: #fff; padding: 60px 20px 0 }
.student-course,  .how-it-works,  .new-course,  .trend-course { padding: 60px 0 }
.master-skill { padding: 60px 0 0 }
.section-header h2 { font-size: 30px }
.owl-theme .owl-dots,  .owl-theme .owl-nav { margin-top: 0 }
.career-img { display: none }
.feature-instructors { padding-top: 60px }
.lead-group { padding: 0 0 40px }
.join-mentor h2 { font-size: 25px }
.join-mentor p { font-size: 16px; margin: 20px 0 }
.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 }
.become-instructors { padding: 240px 0 60px }
.mentor-img img { position: relative; bottom: 0; right: 0 }
.top-instructors p { margin-bottom: 0; font-size: 16px }
.latest-blog { padding: 60px 0 30px }
.enroll-group { margin: 60px 0 }
.new-course:before { display: none }
.trending-course { background: 0 0 }
.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: 18px }
.instructors-content p { font-size: 16px; margin: 10px 0 }
.support-box p { font-size: 16px }
.course-list li { font-size: 18px; margin-bottom: 12px }
.testi-quotes img { left: 150px }
.student-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 0 }
.mentor-course h2 { font-size: 22px; margin: 15px 0 }
.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: 50px 0 30px }
.sup-title { margin-bottom: 0 }
.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 0 }
.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 0 }
.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 0 }
.show-filter { margin-top: 15px }
.lms-page { margin-bottom: 20px; margin-top: 0 }
.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 #fff }
.student-group .course-name h4 a { font-size: 24px }
.student-group .course-share .btn-primary { padding: 8px 20px }
.my-student-list ul li a { font-size: 14px; padding: 0 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 }
.update-profile .btn-primary { font-size: 16px; min-width: 180px }
.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 { 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 }
.about-section .count-two { margin-top: 0 }
.about-section .count-four { margin-top: 0 }
.knowledge-sec .featured-img-1 { width: 100%; float: left; height: 777px; background-size: cover; background-position: inherit; margin-bottom: 25px }
.topcategory-sec { padding: 50px 0; background: #fbfcff }
.footer-two .footer-bottom .copyright { padding: 30px 0 0 !important }
.footer-two .footer-bottom { margin-bottom: 0 }
.home-three .main-menu-wrapper { background-color: #7b1ffe !important }
.home-three .main-nav>li { border-bottom: 1px solid #e5e5e5; margin-left: 0 }
.header-three .main-nav li.login-link { display: block }
.home-three .main-nav>li>a { color: #fff }
.home-three .main-nav ul { background-color: #9142ff }
.main-nav>li .submenu li a { color: #fff !important }
.home-three-slide .girl-slide-img img { display: none }
.home-three-slide { text-align: center; background-position: center; background-size: cover }
.home-three-slide-text h1 { font-size: 30px }
.home-three-slide-text p { margin-bottom: 23px; font-size: 16px }
.banner-three-content .select2-container .select2-selection--single { height: 50px }
.banner-three-content .sub-btn { font-size: 18px; line-height: 18px; padding: 10px 15px; width: 50px; height: 50px }
.login-three-head { min-width: 120px }
.signin-three-head { min-width: 120px }
.master-three-images { margin: auto 0 }
.home-three-slide-text h5 { padding: 10px; font-size: 12px }
.home-three-transform .cta-content h2 { font-size: 25px }
.home-three-transform .cta-content p { font-size: 16px }
.btn-action { padding: 10px 20px; font-size: 14px }
.award-three-content { max-width: 515px; float: left }
.course-details-three { margin-bottom: 20px }
.home-three .student-course { position: relative; margin-top: 0 }
.master-three-left { margin-bottom: 40px }
.home-three-transform { padding: 60px 0 }
.home-three-goals { padding: 60px 0 }
.acheive-elips-one { position: absolute; right: .5rem; z-index: -1; top: -1rem }
.acheive-elips-two { position: absolute; right: 1.5rem; z-index: -1; top: -1rem }
.acheive-elips-three { position: absolute; right: 3.8rem; z-index: -1; top: -1rem }
.acheive-goals h2 { text-align: center }
.acheive-goals { margin-bottom: 40px }
.home-three-trending { padding: 60px 0 }
.gallery-three { padding: 60px 0 }
.gallery-three .content-three-details { padding: 10px }
.home-three-become { background: #fed700; padding: 60px 0 }
.lead-companies-three { padding: 60px 0 }
.latest-blog-three { background: #fff; padding: 60px 0 }
.home-three .btn-default { font-size: 12px; min-width: 120px; height: 40px; padding: 8px }
.box-form-newsletter { padding: 5px }
.event-three-title h5 { font-size: 25px; margin-bottom: 15px }
.event-three-title p { font-weight: 400; font-size: 16px; color: #dedede }
.footer-menu-three ul li a { font-size: 12px; margin-left: 18px }
.footer-three-title { font-size: 18px }
.footer-three-top { margin-bottom: 0 }
.footer-three-bottom .copyright-three { padding-top: 40px }
.social-icon-three { margin-bottom: 26px }
.footer-three-logo { width: 180px }
.social-icon-three h6 { font-size: 18px }
.footer-three .newsletter-title h6 { font-size: 18px }
.footer-three-about p { font-size: 14px; margin-bottom: 30px }
.span-name-three { padding: 8px 30px; font-size: 14px; border-radius: 4px; display: inline-flex; margin-bottom: 10px; color: #fff }
.home-two .header-two-text { max-width: 700px; color: #685f78; font-size: 16px; font-weight: 500 }
.home-two-shapes { position: absolute; right: 1rem; bottom: 18rem }
.winning-two-one { margin-bottom: 20px; text-align: center }
.winning-two-two { margin-bottom: 20px }
.winning-two-three { margin-bottom: 20px }
.joing-icon-award { display: none }
.growup-skills-img img { max-width: 100% }
.home-two-shapes img { display: none }
.home-two .join-title-one h2 { text-align: center; font-size: 24px; margin-bottom: 15px }
.joing-icon-award .joing-icon-two { bottom: 4rem; right: 29rem }
.winning-two-one img { max-width: inherit }
.join-title-middle { margin: 0; max-width: inherit }
.home-two .join-title-one p { text-align: center; margin-bottom: 15px; font-size: 14px }
.home-two .join-title-middle h2 { text-align: center; font-size: 24px; margin-bottom: 15px }
.home-two .join-title-middle p { text-align: center; margin-bottom: 15px; font-size: 14px }
.winning-two-two { text-align: center }
.winning-two-two img { max-width: inherit }
.winning-two-three { text-align: center }
.winning-two-three img { max-width: inherit }
.joing-icon-award .joing-icon-three { bottom: 4rem; left: 29rem }
.master-skills-sec { padding: 50px 0 }
.home-two .testimonial-sec { padding: 50px 0 }
.home-two .course-column-img { -ms-flex: 25%; flex: 25%; max-width: 25% }
.home-two .course-content-column { -ms-flex: 75%; flex: 75%; max-width: 75% }
.home-two .instructors-img img { width: 100% }
.home-two .feature-instructors-sec { padding: 50px 0 }
.home-two .real-reviews-sec { padding: 50px 0 }
.real-reviews-group { margin-bottom: 0; text-align: center }
.home-two .reviews-img { margin-bottom: 20px }
.home-two .owl-nav.slide-nav-8.nav-control { text-align: center; display: block; margin: auto }
.login-head { padding: 5px 30px }
.signin-head { padding: 5px 20px }
.home-two .sub-btn { background: #ff602e; border-radius: 5px !important; width: auto }
.header-navbar-rht>li>a { font-size: 14px }
.home-two .banner-content .sub-btn { background: #ff602e; border-radius: 5px !important; border: 1px solid #ff602e; margin: 0; font-size: 16px; line-height: 18px; padding: 10px 35px; color: #fff }
.home-two .select2-container--default .select2-selection--single .select2-selection__rendered { font-weight: 700; font-size: 14px !important; color: #5c5c5c }
.footer-three-top-content { padding-bottom: 20px }
.header-four .main-menu-wrapper { background-color: #ee009c }
.header-four .main-nav li a { color: #fff !important }
.header-four .main-nav ul { background-color: #e578bf }
.header-four .bar-icon span { background-color: #e578bf }
.banner-heading h2 { font-size: 33px; padding-bottom: 15px }
.vector-four { display: none }
.banner-img-third { position: absolute; right: 1rem; top: 50px }
.banner-img-fourth { position: absolute; right: 0; top: 151px }
.banner-section { padding-top: 30px; background-size: auto, 0; text-align: center }
.banner-heading h2 { font-size: 33px; padding-bottom: 15px }
.banner-heading h5 { padding-bottom: 20px }
.course-categories { padding: 40px 0; text-align: center }
.section-heading h2 { font-size: 28px }
.course-categories .section-heading { padding: 20px 0 40px }
.online-course { padding-bottom: 20px; border: none }
.our-courses .section-heading h5 { margin: 0 }
.course-caste span { font-size: 21px }
.php-course a { font-size: 18px }
.card-button { padding: 0 0 15px }
.our-courses { padding: 40px 0 }
.our-courses .section-heading { padding-bottom: 40px; text-align: center }
.career-skills { padding: 40px 0; text-align: center }
.skills-info .section-heading h2 { max-width: 100% }
.skills-info ul { text-align: left }
.skills-info { display: flex; flex-direction: column; align-items: center }
.skills-img { padding-bottom: 30px }
.skill-img { padding-bottom: 15px }
.multiple-informations { padding: 0 0 20px; gap: 20px }
.multiple-informations h5 { margin: 0 }
.feature-instructor { padding: 40px 0 }
.feature-instructor .section-heading { padding-bottom: 40px; text-align: center }
.feature-instructor .section-heading h5 { margin: 0 }
.testimonial { padding: 40px 0; background-size: 300px, 300px }
.testimonial-img img { padding: 30px 0 }
.testimonial-name p { padding: 30px 0 }
.latest-blog .section-heading { padding-bottom: 40px; text-align: center }
.latest-blog .section-heading h5 { margin: 0 }
.latest-blog { padding: 40px 0 }
.blog-info .course-info a { font-size: 18px }
.unlimited-courses-labs { padding: 40px 0 }
.unlimited-courses-labs .section-heading { padding-bottom: 40px }
.unlimited-courses-labs .section-heading h2 { margin: 0 }
.education-details { padding: 40px 0 10px }
.education-details-box { padding-bottom: 30px }
.news-letter-four { padding: 40px 0; text-align: center }
.request-box .name-field input { width: 100% }
.request-box .email-field input { width: 100% }
.footer-top { padding-top: 40px }
.footer-bottom .copyright { padding: 0 0 30px }
.footer-logo p { padding: 40px 0 0 }
.footer-main-info { flex-wrap: wrap; padding-bottom: 40px }
.footer-main-info h2 { padding-bottom: 15px }
.favourite-course .owl-nav,  .our-courses-slider .owl-nav,  .feature-instructor-slider .owl-nav,  .latest-blog-slider .owl-nav { position: static; justify-content: center; padding-top: 20px }
.banner-sections-two { text-align: -moz-center; text-align: -webkit-center; padding: 40px 0 }
.banner-sections-two .section-heading { padding-top: 0 }
.banner-sections-two .banner-imgs { display: none }
.banner-small-circles .small-circle-one { position: absolute; top: 50px; left: 100px }
.banner-small-circles .small-circle-two { position: absolute; top: 0; left: 900px }
.banner-small-circles .small-circle-four { position: absolute; left: -30px; bottom: 80px }
.trained-by-experts { padding: 40px 0 20px }
.banner-sections-two .section-heading p { font-size: 20px }
.online-courses { margin-bottom: 20px }
.best-course-section .best-course-heading { justify-content: space-evenly; gap: 0 !important }
.best-course-slider .owl-nav .owl-prev i { position: absolute; top: 210px; left: -70px }
.section-headings::after { display: none }
.best-course-slider .owl-nav .owl-next i { position: absolute; right: -70px; top: 210px }
.best-course-slider .owl-nav { position: static }
.best-course-slider .owl-nav .owl-prev i,  .best-course-slider .owl-nav .owl-next i { display: none }
.best-course-section { padding: 40px 0 }
.best-course-heading { padding-bottom: 30px }
.master-skills-section { padding: 40px 0; text-align: -moz-center; text-align: -webkit-center }
.skills-main-info .section-headings { padding-top: 0; padding-bottom: 30px }
.section-headings h2 { padding-bottom: 10px }
.feature-instructor-two { padding: 40px 0 }
.feature-instructor-two .section-headings { padding-bottom: 30px }
.accelerate-cloud-section { padding: 40px 0 }
.cloud-technologies .technology-item { width: 300px }
.cloud-technology-img { display: none }
.students-enrolled .total-students span { font-size: 23px }
.students-enrolled .total-students h5 { font-size: 17px }
.student-section { padding-top: 40px }
.student-section .section-headings p { font-size: 16px; padding-bottom: 40px }
.multiple-students-informations { padding-bottom: 40px }
.student-section .section-headings h2 { font-size: 20px }
.user-registration { gap: 0 }
.registration-info h2 { font-size: 30px; max-width: 235px }
.registration-info p { font-size: 14px }
.registration-info a { padding: 12px 40px }
.student-bottom-section { padding: 40px 0 }
.impressive-section .section-headings { padding-bottom: 30px }
.impressive-section { padding: 40px 0 }
.impressive-card p { padding: 20px 0 }
.latest-news-events { padding: 40px 0 }
.latest-news-events .section-headings { padding-bottom: 30px }
.news-card-img .date { width: 70px; height: 70px }
.news-card-img .rounded-img { top: 230px }
.news-card-body h2 { font-size: 18px }
.news-card-body p { font-size: 15px }
.unlimited-courses-labs-two { padding: 40px 0 }
.unlimited-courses-labs-two .section-heading h2 { font-size: 20px }
.unlimited-courses-labs-two .multiple-labs { padding-bottom: 40px }
.trusted-customer { padding-top: 40px }
.trusted-customer .section-heading h2 { font-size: 25px }
.footer-two .footer-top-two h2 { font-size: 22px; padding-bottom: 20px }
.footer-two .footer-top-two h5 { font-size: 18px }
.footer-top-two .email-address-two { margin-bottom: 20px }
.goto-website { padding-bottom: 30px }
.footer-two-info h3 { padding-bottom: 20px }
.footer-top-two { padding-bottom: 30px }
.banner-content-five .sub-btn { padding: 10px 20px }
.banner-content-five .select2-container .select2-selection--single { height: 50px; font-size: 14px }
.banner-content-five .select2-container .select2-selection--single .select2-selection__rendered { display: flex; padding-left: 0; padding-right: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.banner-content-five .select2-container--default .select2-selection--single .select2-selection__rendered { font-weight: 500; font-size: 14px; color: #000 }
 .banner-content-five .form-control::placeholder {
 font-size: 12px
}
 .banner-content-five .form-control:-ms-input-placeholder {
 font-size: 12px
}
 .banner-content-five .form-control::-ms-input-placeholder {
 font-size: 12px
}
.banner-content-five .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 12px }
.slider-five-one { display: none }
.slider-five-two { display: none }
.slider-five-one img { width: 100%; max-width: 550px }
.slider-five-two img { width: 220px !important; max-width: 475px; float: right }
.home-slide-five-text { width: 100%; max-width: 100% }
.banner-content-five { max-width: 580px; width: 100%; margin-bottom: 70px }
.header-navbar-five>li .signup-five { font-size: 14px; padding: 8px 30px }
.header-navbar-five>li .login-five { font-size: 14px }
.master-section-five .section-five-sub { margin-bottom: 50px }
.vector-shapes-five { display: none }
.experienced-five-sub { max-width: 100%; margin: auto; padding-left: 0 }
.instructor-vector-left { position: absolute; left: 10rem; top: .7rem }
.instructor-vector-right { position: absolute; right: 12rem; bottom: 1.7rem }
.master-section-five .header-five-title h2 { max-width: 100%; width: 100% }
.home-five .course-count h3 { margin-bottom: 0; font-size: 25px }
.home-five .course-count p { margin-bottom: 0; font-size: 16px }
.master-five-vector { display: none }
.goals-section-five .header-five-title h2 { text-align: center; margin-bottom: 40px }
.footer-five-left { display: none }
.footer-five-right { display: none }
.footer-six-info { display: block; justify-content: flex-start }
.footer-bottom-six .social-media-links { float: none }
.footer-bottom-six p { font-weight: 400; font-size: 16px; color: #fff; padding-bottom: 45px }
.footer-top-six .email-address-six { margin-bottom: 50px }
.footer-top-six { padding-bottom: 30px }
.footer-six .footer-top-six h2 { font-size: 18px }
.footer-instructor-info-six { margin-bottom: 30px }
.sign-btn-six { padding: 10px 15px; font-size: 14px !important }
.login-btn-six { padding: 10px 25px; font-size: 14px !important }
.home-six header input[type=search] { padding: 8px 8px 8px 25px }
.banner-sections-six .banner-imgs .banner-img-three { position: absolute; bottom: 28px; right: 0; width: 300px }
.header-navbar-rht>li { padding-right: 10px }
.right-header-button { display: flex; justify-content: flex-start; align-items: center; gap: 0; transition: all .3s ease }
.best-course-section .small-icons .hat-img { display: none }
.master-skills-section .small-circles .small-circle-two { display: none }
.master-skills-section .small-circles .small-circle-three { display: none }
.student-section .section-small-imgs .vector-img-two { display: none }
.footer-top-six .subscribe-btn-six button { padding: 10px 35px; font-size: 14px }
.banner-sections-six .banner-imgs .figma-icon { position: absolute; bottom: 50px; left: 0 }
.banner-sections-six .banner-imgs .banner-img-two { position: absolute; top: 20rem; right: 13rem; width: 300px }
.banner-sections-six .banner-imgs .banner-img-three { position: absolute; bottom: 5rem; right: 13rem; width: 300px }
.more-information li { position: relative; margin-left: 20px }
.home-two .join-title-one { max-width: inherit }
.header-nav-three { padding: 0 }
.header-nav-three #mobile_btn { top: 2px }
.header-three .main-nav>li .submenu li a { padding: 10px 20px }
.header-three .menu-header { height: 70px }
.header-three .main-nav li a:hover { color: #fff }
.dash-info h2 { font-size: 28px }
.breadcrumb-bar.breadcrumb-bar-info .breadcrumb-title { font-size: 30px }
.breadcrumb-bar.breadcrumb-bar-info { padding: 30px 0 }
.settings-widget.account-settings { margin-bottom: 24px }
.chat-wrapper .content .sidebar-group { width: 100% }
.chat-page-wrapper .left-sidebar.hide-left-sidebar { margin-left: -991px }
.chat-page-wrapper .left-sidebar.hide-left-sidebar { margin-left: -991px }
.chat.show-chatbar { display: block; margin-left: 0 }
.chat-page-wrapper .right-sidebar.hide-right-sidebar { margin-right: -991px }
.chat .chat-header { padding: 15px 15px 10px }
.chat-page-wrapper .content { height: 100%; display: block }
.chat-page .chat .slimscroll { height: 100% }
.chat-messages { display: none }
.chat-messages.show-chatbar { display: block }
.left-sidebar .slimScrollDiv { height: 100% !important }
.chat_sidebar.hide-left-sidebar { display: none !important }
}

@media(max-width:767.98px) {
body { font-size: 15px }
.sell-tabel-info { max-width: 100% }
.navbar-header { width: 100% }
.logo { margin-right: 0; width: 100%; text-align: center }
.header-nav { height: 60px }
.header-nav-three #mobile_btn { top: 50%; transform: translateY(-50%) }
.search-box .input-block .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 }
.logo img,  .menu-logo img { width: 120px }
h5 { font-size: 16px }
h6 { font-size: 14px }
.testimonial-four .testimonial-all { background: 0 0; min-height: 454px }
.footer-menu-three ul li a { font-size: 14px }
.testimonial-four .testimonial-two-head { max-width: 95% }
.testimonial-four .testimonial-two-head p { font-size: 14px }
.testimonial-four .slick-list { padding: 0 !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: #f66962 }
.header-navbar-rht { display: none }
.course-key { position: relative; top: 0 }
.home-slide-text h1 { font-size: 28px; margin-bottom: 10px }
.home-slide { padding: 100px 0 60px }
.home-slide-text a,  .home-slide-text p,  .home-slide-text h5,  .trust-user p { font-size: 15px }
.banner-content .form-control { height: 46px }
.banner-content .sub-btn { width: 42px; height: 42px; font-size: 14px; margin-top: 10px }
.trending-three-item { margin-bottom: 20px }
.gallery-img { margin-bottom: 20px }
.rate-head h2,  .rating h2 { font-size: 32px }
.rate-head h2 { margin-right: 20px }
.course-widget { padding: 70px 20px 0 }
.student-course,  .how-it-works,  .new-course,  .trend-course,  .share-knowledge { padding: 40px 0 }
.master-skill { padding: 40px 0 0 }
.feature-instructors { padding-top: 40px }
.lead-companies { padding: 40px 0 20px }
.lead-group { padding: 10px 0 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 }
.student-mentor { margin-bottom: 20px }
.become-instructors { padding: 260px 0 20px }
.latest-blog { padding: 40px 0 13px }
.enroll-group { margin: 40px 0 }
.course-count h3 { font-size: 24px; margin-bottom: 1px }
.footer-bottom .copyright-text p { text-align: center }
.privacy-policy { text-align: center }
.dash-pagination .pagination li a { width: 25px; height: 25px }
.footer-bottom .copyright { padding: 0 0 20px }
.testi-quotes img { width: 50px }
.trending-course { background: 0 0; margin-top: 25px }
.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% }
.banner-content .form-inner { height: auto }
.banner-content .input-group .search-icon { display: none }
.drop-detail { width: 100% }
.trust-rating .rating i { padding: 0 5px; font-size: 12px }
.testi-quotes img { left: 60px; top: -10px }
.testimonial-four .testimonial-two-head p { margin: 0 0 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: 0 }
.product-content h3 { font-size: 16px }
.course-info p { font-size: 14px }
.all-category .btn-primary { min-width: 130px; padding: 6px 15px; font-weight: 500; font-size: 14px }
.home-slide-text h5 { margin-bottom: 15px }
.home-slide-text p { font-size: 14px; margin-bottom: 25px }
.home-three-slide-face { padding: 100px 0 50px }
.trust-user p { margin: 21px 0 10px }
.instructors-course { margin-top: 37px }
.instructors-content p { font-size: 15px }
.student-count span,  .student-count i { font-size: 14px }
.course-list li { font-size: 16px; margin-bottom: 10px }
.course-count p { font-size: 14px }
.home-three-goals .course-count p { text-align: center }
.home-three-goals .acheive-goals-content h4 { text-align: center }
.enroll-group { padding: 20px }
.enroll-img { width: 60px; height: 100% }
.student-mentor h4 { font-size: 20px }
.price { min-width: 130px; padding: 10px 15px; border-radius: 10px }
.price h3 { font-size: 16px }
.login-bg { display: none }
.login-wrapper .loginbox { padding: 50px }
.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 0 }
.login-wrapper .loginbox .img-logo { display: block; margin-bottom: 35px }
.back-home { 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 { display: block }
.course-card ul li p { margin-bottom: 10px }
.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 }
.sell-course-head h3 { font-size: 20px }
.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: 112px; height: 82px }
.sell-table-group .sell-tabel-info p { 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 0 }
.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 0 }
.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: 0 }
.show-filter .search-group { margin: 12px 0 }
.lms-page li .page-link { margin-right: 10px; width: 30px; height: 30px; color: #000; 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: 40px 0 }
.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-student-list ul { display: block }
.my-student-list ul li .active { border-bottom: 0 }
.my-student-list ul li a { padding-bottom: 0 }
.my-student-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-student-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 0 }
.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 0 }
.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 }
.update-profile .btn-primary { font-size: 16px; min-width: 180px }
.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 }
.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 0 }
.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; margin-bottom: 10px }
.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 .input-block { 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 0 }
.blog-widget .card-header { margin-bottom: 20px }
.student-list { padding: 15px }
.home-five p { font-size: 14px }
.home-two .home-slide-text h1 { font-weight: 700; font-size: 25px; color: #324fa2; margin-bottom: 20px; max-width: 100% }
.home-two .shapes-one { position: absolute; right: -4rem; top: 0; width: 200px }
.home-two .shapes-four { display: none }
.home-two .banner-content .sub-btn { width: 100%; height: 40px; font-size: 14px; margin-top: 8px }
.banner-content-five .input-group>.form-control,  .input-group>.form-select { position: relative; width: auto; padding: 0; margin-left: 0 !important; border: 1px solid transparent !important }
.home-two .banner-content .select2-container .select2-selection--single { border-right: none }
.home-two .shapes-two { display: none }
.count-content-three h4 { font-size: 25px }
.count-content-three p { font-size: 18px }
.header-two-title .tagline { font-size: 18px }
.course-count-two h4 { font-size: 20px }
.home-two .course-content-column h3 a { font-size: 16px; margin-bottom: 10px }
.header-two-title { margin-bottom: 20px }
.growup-skills-img { text-align: center; margin-bottom: 20px }
.discover-btn { padding: 8px 35px }
.about-section .count-two { margin-top: 0 }
.stylist-gallery .about-image { margin-bottom: 25px }
.about-section .count-four { margin-top: 0 }
.topcategory-sec { padding: 200px 0 }
.featured-courses-sec { padding: 0 0 100px }
.margin-bottom { margin-bottom: 0 }
.featured-courses-sec .featured-details { margin-bottom: 1rem }
.master-skills-info .winning-img img { width: 100% }
.master-skills-sec .pattern-icon-one { display: none }
.master-skills-sec .pattern-layer-three { display: none }
.master-skills-sec .pattern-icon-two { display: none }
.master-skills-sec .join-mentor { margin-top: 0; padding-bottom: 0 }
.master-skills-sec .pattern-icon-three { display: none }
.feature-instructors-sec .instructors-img img { width: 100% }
.joing-icon-award .joing-icon-one { bottom: 5rem; left: 28rem }
.price-text { min-width: 100px; padding: 5px 10px }
.price-text h4 { font-size: 14px }
.course-count-two h5 { font-size: 16px }
.footer-two .footer-bottom { margin-bottom: 0 }
.footer-two .footer-bottom .copyright { padding: 30px 0 0 !important }
.footer-two .footer-top { padding: 30px 0 !important }
.privacy-policy ul li { border-right: 0; margin-bottom: 10px }
.event-content-title h5 a { font-size: 16px }
.home-two .master-skills-sec h2 { font-weight: 700; font-size: 20px; margin-bottom: 15px }
.home-two .join-title-one { max-width: 100% }
.home-two .join-title-middle { margin-bottom: 25px; max-width: 100% }
.home-two .header-two-text { max-width: 700px; font-size: 16px; margin: 0 }
.knowledge-sec .joing-group { padding: 10px }
.knowledge-sec .featured-img-1 { margin-bottom: 25px }
.real-reviews-grid { margin-top: 40px }
.real-reviews-sec { background: #fbfcff; padding: 50px 0 0 }
.latest-blog-sec { background: #fff; padding: 30px 0 }
.home-two-slide .drop-detail { width: 100%; display: flex; margin: 0; border-radius: 50px !important; border: 0; height: 44px }
.home-two .trust-user p { margin-top: 120px; font-weight: 500; font-size: 16px; color: #324fa2 }
.home-two-slide .banner-content .input-group .form-control { margin-top: 25px; margin-bottom: 5px; border: 1px solid #7a9edd; border-radius: 10px !important }
.home-two-slide .banner-content .input-group { border-radius: 130px; background: 0 0; padding-left: 12px }
.home-two .trust-user p { margin-top: 20px; font-weight: 500; font-size: 16px; color: #324fa2 }
.home-two-slide .banner-content .form-inner { height: auto }
.home-two-slide .banner-content .select2-container { border-radius: 50px; background-color: transparent; z-index: unset }
.home-two-slide .more-details { margin-top: 40px; display: block }
.growup-section .growup-right-img { position: absolute; bottom: 0; top: -5rem; right: 1rem }
.master-skills-sec { padding: 0 0 50px }
.master-skills-sec .join-mentor h2 { text-align: left }
.master-skills-sec .join-mentor p { text-align: left }
.master-skills-sec .join-mentor { padding: 30px }
.master-skills-info { margin-bottom: 20px }
.event-blog-main { margin-bottom: 40px }
.stylist-gallery { margin-bottom: 30px }
.about-section .count-two { margin-top: 0 }
.home-two-slide .home-slide-face { padding: 60px 0 }
.home-two .course-column-img { -ms-flex: 30%; flex: 30%; max-width: 30% }
.home-two .course-content-column { -ms-flex: 70%; flex: 70%; max-width: 70% }
.home-two .about-section { padding: 50px 0 }
.home-two .topcategory-sec { padding: 50px 0; background: #fbfcff }
.featured-courses-sec { padding: 50px 0 }
.growup-section { padding: 50px 0 }
.growup-skills-img img { max-width: 100% }
.home-two-shapes img { display: none }
.winning-two-one img { margin-bottom: 30px }
.winning-two-two img { margin-bottom: 30px }
.winning-two-three img { margin-bottom: 30px }
.home-two .testimonial-two-img { padding: 0 }
.course-count-two { margin-bottom: 20px }
.home-two .testimonial-sec { padding: 50px 0 }
.home-two .trending-course-sec { padding: 50px 0 }
.feature-instructors-sec { padding: 50px 0 }
.footer-two .footer-bottom .copyright-text p { color: #292929; font-weight: 400; text-align: center; font-size: 14px; margin-bottom: 20px !important }
.footer-two .privacy-policy { text-align: center }
.featured-details-two { width: 100% }
.footer-three-about p { font-size: 14px; margin-bottom: 30px }
.home-three .home-three-slide-text h1 { font-size: 25px; color: #1a1e21; margin-bottom: 15px }
.home-three-slide .girl-slide-img img { display: none }
.home-three .shapes-one { position: absolute; right: -4rem; top: 0; width: 200px }
.home-three .shapes-four { display: none }
.home-three .banner-content .sub-btn { width: 100%; height: 42px; font-size: 14px; margin-top: 10px }
.home-three .banner-content .select2-container .select2-selection--single { border-right: none }
.banner-three-content .input-group .search-icon { display: none }
.home-three .shapes-three { display: none }
.home-three-slide .banner-three-content .sub-btn { width: 100%; height: 42px; font-size: 14px; margin-top: 0 }
.banner-three-content .drop-detail { margin-bottom: 20px }
.home-three-slide .banner-three-content .form-inner { height: auto }
.home-three-slide .banner-three-content .input-group .form-control { margin-bottom: 10px; border: 1px solid #ccc; border-radius: 10px !important; padding: 10px; width: 100% }
.home-three .drop-detail { width: 100% }
.course-details-three { margin-bottom: 15px }
.master-three-left img { max-width: 100%; text-align: center; margin: auto; display: block }
.master-skill-three { padding: 0 0 20px; position: relative }
.skils-icon-item { margin-bottom: 20px }
.master-three-left { margin-bottom: 40px }
.section-header-title h1 { font-size: 20px; margin-bottom: 10px }
.home-three .home-three-head { margin-bottom: 20px }
.become-content-three h2 { font-size: 20px }
.become-content-three p { font-size: 16px }
.btn-become { padding: 8px 15px; border-radius: 5px }
.trending-three-text h3 { font-size: 18px }
.lead-companies-three .section-header-title { padding-bottom: 20px }
.home-three .see-all { float: right }
.home-three-transform .cta-content p { font-size: 16px; margin-bottom: 15px }
.home-three-head h1 { font-size: 18px; padding-bottom: 15px }
.home-three .see-all a { font-size: 18px }
.tablist-three .nav-tab { font-size: 16px; margin-bottom: 15px }
.tablist-three .nav-tab.active { font-size: 16px; margin-bottom: 15px }
.tablist-three { margin-bottom: 40px; display: grid }
.home-three-transform { padding: 40px 0 }
.home-three-goals { padding: 40px 0 20px }
.home-three-courses { padding: 40px 0 20px }
.acheive-goals-main h2 { font-size: 20px }
.acheive-goals span { font-size: 20px }
.acheive-goals-content h4 { margin-bottom: 10px }
.course-price-three h3 { font-size: 16px }
.content-three-image { width: 100%; margin-bottom: 24px }
.gallery-three .gallery-three-img-item { margin-bottom: 0 }
.acheive-goals h2 { font-size: 25px; margin-bottom: 20px; text-align: center }
.acheive-goals { position: relative; margin-bottom: 20px; max-width: 100% }
.award-three-content-two { max-width: 100%; margin: auto }
.award-three-images-two { max-width: 100%; margin: auto }
.award-three-images-one { max-width: 100%; margin: auto }
.award-three-images-three { max-width: 100%; margin: auto }
.accelerate-cloud-three { padding: 40px 0 20px }
.award-one .award-three-images img { max-width: 100%; margin-bottom: 20px }
.award-three-content { margin-bottom: 40px; float: left }
.award-one { padding: 26px 0 }
.award-list-content h2 { font-size: 22px }
.award-three-content p { font-size: 14px }
.shapes-three-left .accelerate-three { display: none }
.home-three-transform .cta-content h2 { font-size: 20px }
.learn-anything .award-three-images img { max-width: 100% }
.swiper-container-3d { margin-top: 35px }
.testimonial-bottom-nav { margin-top: 20px }
.home-three .testimonial-item-five { width: 350px }
.development-carrer .award-three-images img { max-width: 100%; margin-bottom: 20px }
.shapes-three-left .accelerate-five { display: none }
.home-three-trending { padding: 40px 0; background: #fbfbff }
.home-three-trending .section-header-title { padding-bottom: 15px }
.home-three .owl-theme .owl-dots,  .owl-theme .owl-nav { margin-top: 20px }
.gallery-three { padding: 20px 0 }
.home-three-become { padding: 40px 0 }
.transform-button-three { text-align: left }
.become-button-three { text-align: center }
.acheive-elips-one { right: 15.5rem }
.acheive-elips-two { right: 17rem }
.acheive-elips-three { right: 18.3rem }
.event-three-title h5 { font-weight: 600; font-size: 18px; margin-bottom: 15px }
.event-three-title p { line-height: 20px; font-size: 16px }
.blog-student-count { font-size: 14px }
.span-name-three { display: none }
.latest-blog-three { background: #fff; padding: 40px 0 20px }
.testimonial-three { padding: 40px 0 }
.home-three .become-content { width: auto; margin-bottom: 30px }
.btn-action { padding: 8px 15px }
.box-form-newsletter { margin-bottom: 30px }
.lead-companies-three { padding: 40px 0 }
.become-content-three { padding-bottom: 20px }
.box-form-newsletter form .input-newsletter { width: 80%; font-size: 12px; border: 0; background-position: 5px; padding: 10px 10px 10px 50px }
.footer-three-top-content { padding-bottom: 15px }
.footer-menu-three { margin-bottom: 24px }
.footer-three-right { margin-left: 0 }
.social-icon-three { display: block; float: none; text-align: center; margin-bottom: 0 }
.privacy-policy-three { margin-bottom: 30px }
.footer-three-bottom .copyright-three { padding-top: 30px }
.footer-three { padding: 40px 0 }
.social-icon-three h6 { font-weight: 500; font-size: 18px; color: #fff; margin-bottom: 20px }
.footer-three-top { margin-bottom: 0 }
.home-three .banner-three-content .input-group { position: relative; max-width: 100% }
.banner-three-content .form-inner-three { background: #fff; box-shadow: 0 4px 4px rgb(216 216 216/25%); border-radius: 10px; padding: 10px; width: 100%; border: 0; max-width: 100%; height: auto }
.home-three .banner-three-content .input-group { display: block; flex-wrap: wrap; border: 0; background-image: none; background-repeat: no-repeat; background-position: left 0 center; padding-left: 0; align-items: stretch; width: 100% }
.home-three .drop-detail-three { width: 100%; display: flex; margin-bottom: 10px; border-radius: 50px !important; border: 0; height: auto }
.banner-three-content .select2-container .select2-selection--single { border: 0; align-items: center; display: flex; background: #f7f7f7f7; height: 45px }
.privacy-policy-three ul li { padding: 15px 0; border-right: none; list-style: none; height: 10px; align-items: center; display: block }
.privacy-policy-three ul { display: block; list-style: none; margin: 0 }
.banner-section-four { padding: 15px 0 25px }
.banner-heading-four h2 { font-size: 20px; margin: 0 }
.banner-heading-four h3 { font-size: 18px }
.banner-img { display: none }
.search-box-four { padding: 10px; display: block }
.search-box-four input { width: 100% }
.search-box-four .select2-container { width: 100% !important; padding: 10px; font-size: 14px; margin-bottom: 20px }
.search-box-four input { font-size: 12px; margin-bottom: 20px }
.search-box-four { border-radius: 10px }
.search-box-four .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 10px; right: 5px; width: 20px }
.search-box-four .select2-container--default .select2-selection--single .select2-selection__rendered { color: #392c7d; text-align: left }
.search-icon-four { width: 50px; height: 50px }
.course-categories { padding: 25px 0 }
.section-heading h5 { font-size: 15px }
.section-heading h2 { font-size: 25px }
.course-categories .section-heading { padding: 5px 0 25px }
.our-courses .section-heading { padding-bottom: 25px }
.course-name h4 { font-size: 18px }
.course-name span { font-size: 18px }
.multiple-courses-text span { font-size: 20px }
.circle { width: 80px; height: 80px }
.php-course a { font-size: 16px }
.skills-info { display: block; flex-direction: unset; align-items: flex-start }
.our-courses { padding: 25px 0; text-align: -moz-center; text-align: -webkit-center }
.card-button .buy-now-btn a { padding: 8px 20px }
.card-button .buy-now-btn a { font-size: 14px }
.our-courses .card .card-body { text-align: left }
.career-skills { padding: 25px 0 }
.skills-info .section-heading h2 { padding-bottom: 15px; text-align: left }
.skills-info .section-heading p { padding-bottom: 15px; text-align: left }
.skills-info ul { padding-bottom: 15px }
.explore-button .explore-btn a { padding: 10px 30px }
.multiple-informations { padding-bottom: 15px }
.skill-img,  .skills-img { display: none }
.feature-instructor { padding: 25px 0; text-align: -moz-center; text-align: -webkit-center }
.feature-instructor .section-heading { padding-bottom: 25px }
.feature-instructor-two { padding: 30px 0 }
.feature-instructor-two-slider .owl-dots { padding-top: 30px }
.feature-instructor-slider .owl-nav .owl-next { right: -60px }
.feature-instructor-two-slider .owl-dots { padding-top: 30px }
.feature-instructor-img { margin-bottom: 30px }
.best-course-slider .owl-nav .owl-prev i { position: absolute; top: 210px; left: -35px }
.best-course-slider .owl-nav .owl-next i { position: absolute; right: -35px; top: 210px }
.instructor-info a { font-size: 18px }
.instructor-info h4 { padding-bottom: 10px }
.instructor-info h5 { margin: 0 }
.different-companies { padding: 25px 0 }
.different-companies .section-heading { padding-bottom: 25px }
.testimonial { background-image: none; padding: 25px 0 }
.testimonial-img img { padding: 25px 0 }
.testimonial-name h2 { font-size: 25px }
.testimonial-name p { padding: 25px 0 }
.latest-blog { padding: 25px 0; text-align: -moz-center; text-align: -webkit-center }
.latest-blog-slider .card .card-body { text-align: left }
.blog-info .course-name { padding-bottom: 15px }
.blog-info .course-date { padding: 0 }
.unlimited-courses-labs { padding: 25px 0 }
.section-small-imgs { display: none }
.best-course-section .small-icons { display: none }
.unlimited-courses-labs .section-heading { padding-bottom: 25px }
.education-info h2 { font-size: 26px }
.education-details { padding: 25px 0 0 }
.education-details-box { padding-bottom: 25px }
.request-box .send-btn a { padding: 10px 37px }
.footer-logo p { padding: 25px 0 0 }
.footer-main-info { padding-bottom: 25px }
.favourite-course .owl-nav { position: static; display: block }
.favourite-course .owl-nav .owl-prev { display: none }
.favourite-course .owl-nav .owl-next { display: none }
.education-details-box { padding-bottom: 25px }
.education-info h2 { font-size: 18px }
.education-info p { font-size: 14px }
.card-button { padding: 0 0 15px }
.news-letter-four .section-heading h2 { font-size: 20px }
.our-courses-slider .owl-nav { position: static }
.our-courses-slider .owl-nav .owl-prev { position: absolute; top: 200px; left: -60px }
.our-courses-slider .owl-nav .owl-next { position: absolute; top: 200px; right: -60px }
.feature-instructor-slider .owl-nav { position: static }
.feature-instructor-slider .owl-nav .owl-prev { display: none }
.feature-instructor-slider .owl-nav .owl-next { display: none }
.latest-blog-slider .owl-nav { position: static }
.latest-blog-slider .owl-nav .owl-prev { position: absolute; top: 220px; left: 0 }
.latest-blog-slider .owl-nav .owl-next { position: absolute; top: 220px; right: 0 }
.banner-section-fours-two { padding: 20px 0 30px }
.section-heading h2 { font-size: 21px }
.banner-section-fours-two .section-heading p { font-size: 16px }
.banner-small-circles { display: none }
.banner-section-fours-two .section-heading .search-box-four input { width: 300px !important; min-width: 0 }
.multiple-websites { flex-wrap: wrap }
.top-category { padding: 30px 0 }
.top-category .section-headings { padding: 20px 0; text-align: center }
.trained-by-experts { padding: 30px 0 }
.section-headings { text-align: center }
.section-headings h2 { font-size: 20px }
.section-headings p { font-size: 15px }
.best-course-section .best-course-heading { flex-direction: column; gap: 15px !important }
.master-skill-imgs { display: none }
.master-skills-section .small-circles { display: none }
.master-skills-section { padding: 30px 0 }
.skills-main-info .section-headings p { padding-top: 5px; font-size: 15px }
.accelerate-cloud-section { padding: 30px 0 }
.accelerate-cloud-section .section-headings p { font-size: 16px }
.cloud-technologies { justify-content: center }
.student-section .section-headings p { font-size: 16px; padding-bottom: 25px }
.student-section .section-headings h2 { font-size: 22px }
.student-section { padding-top: 30px }
.multiple-students-informations { flex-direction: column; align-items: start; gap: 20px }
.student-bottom-section { background: linear-gradient(to top, #f58e06 0%, #f58e06 50%, #4c51ce 50%, #4c51ce 100%); padding: 30px 0 }
.student-register-field { flex-direction: column; gap: 15px }
.impressive-section { padding: 30px 0 }
.latest-news-events { padding: 30px 0 }
.news-card-img .rounded-img { top: 372px }
.best-course-slider .owl-nav .owl-prev i,  .best-course-slider .owl-nav .owl-next i { width: 50px; height: 50px }
.unlimited-courses-labs-two .section-heading h2 { font-size: 21px }
.unlimited-courses-labs-two { padding: 30px 0 }
.unlimited-courses-labs-two .lab-items-one { padding-bottom: 20px; flex-wrap: wrap }
.unlimited-courses-labs-two .multiple-labs { padding-bottom: 25px }
.trusted-customer { padding-top: 20px }
.footer-two .footer-top-two h5 { font-size: 17px; padding: 15px 0 }
.footer-two .footer-top-two h2 { font-size: 20px }
.goto-website { padding-bottom: 20px }
.footer-two-info h3 { padding-bottom: 15px }
.footer-top-two { padding-bottom: 20px }
.footer-bottom-two { padding-top: 20px }
.footer-bottom-two p { font-size: 15px }
.banner-content-five .form-inner-five { padding: 5px }
.home-slide-five-text h1 { font-size: 25px; margin-bottom: 25px }
.header-navbar-five { display: none }
.slider-five-one { position: absolute; top: 3.5rem }
.slider-five-one img { width: 100%; max-width: 400px }
.slider-five-two img { width: 100%; max-width: 400px; float: right }
.home-slide-five-text { width: 100%; max-width: 100% }
.banner-content-five { max-width: 580px; width: 100%; margin-bottom: 70px }
.vector-shapes-five { display: none }
.count-five { border-right: 0 }
.slider-five-one { display: none }
.slider-five-two { display: none }
.home-slide-five-text { width: 100%; max-width: 100% }
.banner-content-five { max-width: 580px; width: 100%; margin-bottom: 50px }
.header-navbar-five>li .signup-five { font-size: 14px; padding: 8px 30px }
.header-navbar-five>li .login-five { font-size: 14px }
.banner-content-five .form-inner-five .input-group { position: relative; display: flex; flex-wrap: revert; align-items: stretch; width: 100% }
.home-slide-five-text h1 { font-weight: 700; font-size: 25px; color: #fff; margin-bottom: 25px }
.banner-content-five .form-inner-five { padding: 5px }
.leading-five-content { text-align: center; margin-bottom: 20px }
.leading-section-five { padding: 40px 0 }
.learn-more-five { padding: 9px 20px; font-size: 14px }
.share-knowledge-five { padding: 40px 0 }
.leading-five-content h2 { font-size: 25px }
.course-icon-five img { padding: 15px }
.course-icon-five { margin-bottom: 29px }
.course-section-five { padding: 40px 0 }
.course-info-five h3 { font-size: 18px }
.course-info-five p { font-size: 14px }
.counter-section-five { padding: 30px 0 20px }
.featured-section-five { padding: 40px 0 20px }
.tablist-five .nav-tab { font-size: 14px }
.tablist-five .nav-tab.active { color: #2d0160; border-bottom: 3px solid #2d0160; padding-bottom: 15px }
.tablist-five { padding-bottom: 14px }
.product-img-five img { width: 100% }
.product-content-five h3 a { font-size: 16px }
.joing-course-btn { padding: 8px 20px; font-size: 14px }
.product-content-five .price-five-group h3 { font-size: 16px }
.count-content-five h4 { font-size: 25px }
.count-content-five p { font-size: 14px }
.count-five-last { margin-bottom: 0 }
.skill-five-content h3 { font-size: 18px }
.section-five-sub { margin-bottom: 40px }
.header-five-title h2 { font-size: 25px }
.header-five-title { margin-bottom: 20px }
.experienced-course-five { padding: 40px 0 }
.joing-count-five-one { position: absolute; left: 6.5rem; top: 5.5rem }
.joing-count-five-two { position: absolute; left: 2rem; bottom: 3rem }
.joing-count-five-three { position: absolute; right: 9.5rem; top: 2rem; z-index: 2 }
.goals-section-five { padding: 40px 0 }
.goals-content-five h4 { font-size: 25px }
.goals-section-five .header-five-title h2 { text-align: center; margin-bottom: 30px }
.transform-count-five-one { position: absolute; top: 0; left: 0 }
.goals-five-one .goals-content-five { border-left: 0 }
.goals-five-two .goals-content-five { border-left: 0 }
.goals-five-three .goals-content-five { border-left: 0 }
.goals-five-four .goals-content-five { border-left: 0 }
.transform-section-five { padding: 50px 0 }
.transform-count-five-one { position: absolute; top: 0; left: 0 }
.joing-count-number { font-size: 25px }
.joing-count-text { font-size: 16px }
.transform-count-five-three { position: absolute; bottom: 3.5rem; left: 18rem }
.experienced-five-sub { max-width: 100%; margin: auto }
.joing-count-five img { margin-bottom: 20px; max-width: 100% }
.testimonial-content-five { position: relative; background: #fff; border-radius: 10px; left: 0; padding: 20px; max-width: 757px; height: auto; width: 100%; z-index: 2 }
.testimonial-image img { display: none }
.testimonial-section-five .slick-prev { left: 0; top: -55px }
.testimonial-section-five .slick-next { right: 0; top: -55px }
.testimonial-text p { font-size: 14px }
.testimonial-section-five { padding: 40px 0 }
.testimonial-users h5 { font-size: 18px }
.leading-five-content p { font-size: 14px }
.blogs-section-five { padding: 40px 0 20px }
.footer-bottom-five { margin-bottom: 0 }
.footer .footer-menu-five ul li a { margin-left: 30px }
.footer-menu-five ul li a:before { left: -30px }
.social-icon-five ul li { margin-right: 15px }
.social-icon-five a { width: 38px; height: 38px; font-size: 14px }
.blog-five-footer h3 a { font-size: 18px }
.blog-box-content { padding: 20px }
.footer.footer-five { padding: 50px 0 }
.copyright-five { padding: 20px 0 0 }
.footer-title-five { font-size: 18px }
.footer-logo-five img { width: 120px }
.footer-top-five { margin-bottom: 30px }
.social-icon-three ul li a { width: 32px; height: 32px }
.copyright-text-three p { font-size: 14px }
.footer-news-five .btn { width: 115px; height: 50px }
.footer-news-five .form-control { min-height: 50px }
.footer-menu-five { margin-bottom: 30px }
.footer-title-five { font-size: 18px }
.footer-logo-five img { width: 120px }
.social-icon-three ul li a { width: 32px; height: 32px }
.copyright-text-three p { font-size: 14px }
.footer-news-five .btn { width: 115px; height: 40px }
.footer-news-five .form-control { min-height: 40px }
.footer-logo-five { text-align: center; margin-bottom: 15px }
.footer-bottom-five .copyright-text { text-align: center; margin-bottom: 15px }
.social-icon-three { display: block; float: none; text-align: center; margin-bottom: 0 }
.footer-menu ul li { margin-bottom: 15px; position: relative }
.footer.footer-five { padding: 30px 0 10px }
 .footer-news-five .input-block ::placeholder {
 font-size: 12px
}
 .footer-news-five .input-block :-ms-input-placeholder {
 font-size: 12px
}
 .footer-news-five .input-block::-ms-input-placeholder {
 font-size: 12px
}
.footer-five-left { display: none }
.footer-five-right { display: none }
.master-five-vector { display: none }
.footer-six-info { display: block; justify-content: flex-start }
.banner-sections-six .banner-imgs .banner-img-three { position: absolute; bottom: 12rem; right: 0; max-width: 100% }
.banner-sections-six .banner-imgs .figma-icon { position: absolute; bottom: 50px; left: 0 }
.banner-sections-six .banner-imgs .react-icon { position: absolute; top: 200px; left: 0 }
.banner-sections-six .banner-imgs .banner-img-two { position: absolute; top: 250px; right: 0; max-width: 300px }
.registration-info { display: flex; flex-direction: column; align-items: start; gap: 20px; margin-bottom: 30px }
.footer-top-six .email-address-six { max-width: 550px; padding: 10px; width: 100%; height: 80px; gap: 10px }
.footer-top-six .subscribe-btn-six button { padding: 20px 50px; font-size: 14px }
.students-enrolled .student-icon { width: 65px; height: 65px }
.best-course-text h3 { font-size: 20px }
.online-courses-name span { font-size: 22px }
.best-course-instructor-info .course-cost { font-size: 20px }
.banner-content-six .sub-btn { padding: 8px 40px }
.home-four .our-courses-slider .owl-nav { display: none }
.more-information { display: block }
.growup-section .growup-right-img { position: absolute; bottom: 0; top: -5rem; right: 1rem }
.acheive-elips-one { display: none }
.acheive-elips-two { display: none }
.award-three-content { max-width: 515px; float: left }
.shapes-three-left .accelerate-five { display: none }
.shapes-three-left .accelerate-three { display: none }
.acheive-elips-three { display: none }
.event-three-title h5 { font-size: 20px; margin-bottom: 10px }
.event-three-title p { font-size: 14px }
.course-three-text h3 { font-size: 16px }
.course-price-three h3 { font-size: 18px }
.span-name-three { padding: 2px 20px; font-size: 12px; border-radius: 4px; display: inline-flex; margin-bottom: 10px; color: #fff }
.slider-five-one { position: absolute; top: 3.5rem }
.slider-five-one img { width: 100%; max-width: 400px }
.slider-five-two img { width: 100%; max-width: 400px; float: right }
.home-slide-five-text { width: 100%; max-width: 100% }
.banner-content-five { max-width: 580px; width: 100%; margin-bottom: 70px }
.home-two .course-content-column h3 a { font-size: 18px; margin-bottom: 10px }
.topcategory-sec { padding: 50px 0 }
.latest-blog-content { padding: 15px 20px }
.joing-icon-award .joing-icon-two { bottom: 6rem; right: 15rem }
.joing-icon-award .joing-icon-three { bottom: 6rem; left: 29rem }
.course-count-two h5 { font-size: 15px }
.event-content-title h5 a { font-size: 16px }
.home-three-slide-text h1 { font-size: 30px }
.home-three-slide .girl-slide-img img { display: none }
.banner-content-five .form-inner-five { padding: 5px }
.slider-five-one { position: absolute; top: 3.5rem }
.slider-five-one img { width: 100%; max-width: 400px }
.slider-five-two img { width: 100%; max-width: 400px; float: right }
.home-slide-five-text { width: 100%; max-width: 100% }
.banner-content-five { max-width: 580px; width: 100%; margin-bottom: 70px }
.vector-shapes-five { display: none }
.slider-five-one { display: none }
.slider-five-two { display: none }
.home-slide-five-text { width: 100%; max-width: 100% }
.banner-content-five { max-width: 580px; width: 100%; margin-bottom: 50px }
.header-navbar-five>li .signup-five { font-size: 14px; padding: 8px 25px }
.header-navbar-five>li .login-five { font-size: 14px }
.banner-content-five .form-inner-five .input-group { position: relative; display: flex; flex-wrap: revert; align-items: stretch; width: 100% }
.home-slide-five-text h1 { font-weight: 700; font-size: 25px; color: #fff; margin-bottom: 25px }
.banner-content-five .form-inner-five { padding: 5px }
.count-content-five { border-right: none; margin-bottom: 20px }
.count-five-last { margin-bottom: 0 }
.leading-section-five { padding: 40px 0 }
.learn-more-five { padding: 10px 15px }
.leading-five-content h2 { font-size: 25px }
.course-icon-five img { padding: 15px }
.course-icon-five { margin-bottom: 29px }
.course-info-five h3 { font-size: 18px }
.course-info-five p { font-size: 14px }
.social-icon-five { text-align: center; float: unset }
.tablist-five .nav-tab { font-size: 14px }
.tablist-five .nav-tab.active { color: #2d0160; border-bottom: 3px solid #2d0160; padding-bottom: 15px }
.goals-five-one { border-left: 0 }
.master-five-vector { display: none }
.product-img-five img { width: 100% }
.product-content-five h3 a { font-size: 16px }
.joing-course-btn { padding: 8px 20px; font-size: 14px }
.product-content-five .price-five-group h3 { font-size: 16px }
.count-content-five h4 { font-size: 25px }
.count-content-five p { font-size: 14px }
.skill-five-content h3 { font-size: 18px }
.section-five-sub { margin-bottom: 40px }
.header-five-title h2 { font-size: 25px }
.header-five-title { margin-bottom: 31px }
.master-section-five { padding: 50px 0 }
.joing-count-five-one { position: absolute; left: 2.5rem; top: .5rem }
.joing-count-five-two { position: absolute; left: -7rem; bottom: 3rem }
.joing-count-five-three { position: absolute; right: 1.5rem; top: 1rem; z-index: 2 }
.goals-content-five h4 { font-size: 25px }
.goals-section-five .header-five-title h2 { text-align: center; margin-bottom: 30px }
.transform-count-five-one { position: absolute; top: 0; left: 0 }
.transform-count-five-two { position: absolute; top: 1rem; left: 13rem }
.goals-five-one .goals-content-five { border-left: 0 }
.goals-five-two .goals-content-five { border-left: 0 }
.goals-five-three .goals-content-five { border-left: 0 }
.goals-five-four .goals-content-five { border-left: 0 }
.transform-section-five { padding: 50px 0 }
.transform-count-five-one { position: absolute; top: 0; left: 0 }
.joing-count-number { font-size: 20px; margin-bottom: 0 }
.joing-count-text { font-size: 16px }
.transform-count-five-three { position: absolute; bottom: -2.5rem; left: 14rem }
.experienced-five-sub { max-width: 100%; margin: auto }
.joing-count-five img { margin-bottom: 20px; max-width: 100% }
.developer-five-list .column-img { display: flex; -ms-flex: 33.33%; flex: 33.33%; max-width: 33.33%; margin-bottom: 20px }
.instructor-vector-left { display: none }
.instructor-vector-right { display: none }
.testimonial-content-five { position: relative; background: #fff; border-radius: 10px; left: 0; padding: 20px; max-width: 757px; height: auto; width: 100%; z-index: 2 }
.testimonial-image img { display: block; width: 100% }
.testimonial-section-five .slick-prev { left: -10px }
.testimonial-section-five .slick-next { right: -10px }
.testimonial-text p { font-size: 14px }
.testimonial-users h5 { font-size: 18px }
.leading-five-content p { font-size: 14px }
.blog-five-footer h3 a { font-size: 18px }
.blog-box-content { padding: 20px }
.copyright-five { padding: 20px 0 0 }
.footer-title-five { font-size: 18px }
.footer-logo-five img { width: 120px }
.social-icon-three ul li a { width: 32px; height: 32px }
.copyright-text-three p { font-size: 14px }
.footer-news-five .btn { width: 115px; height: 50px }
.footer-news-five .form-control { min-height: 50px }
.footer-menu-five { margin-bottom: 30px }
.footer-title-five { font-size: 18px }
.footer-logo-five img { width: 120px }
.social-icon-three ul li a { width: 32px; height: 32px }
.copyright-text-three p { font-size: 14px }
.footer-news-five .btn { width: 115px; height: 40px }
.footer-news-five .form-control { min-height: 40px }
.footer-logo-five { text-align: center; margin-bottom: 15px }
.footer-bottom-five .copyright-text { text-align: center; margin-bottom: 15px }
.social-icon-three { display: block; float: none; text-align: center; margin-bottom: 0 }
.footer.footer-five { padding: 30px 0 0 }
 .footer-news-five .input-block ::placeholder {
 font-size: 12px
}
 .footer-news-five .input-block :-ms-input-placeholder {
 font-size: 12px
}
 .footer-news-five .input-block::-ms-input-placeholder {
 font-size: 12px
}
.footer-five-left { display: none }
.footer-five-right { display: none }
.master-section-five { padding: 40px 0 20px }
.skill-five-item { margin-bottom: 20px }
.banner-sections-six .banner-imgs .banner-img-two { position: absolute; top: 250px; right: 0; width: 300px }
.banner-sections-six .banner-imgs .figma-icon { position: absolute; bottom: 50px; left: 0 }
.banner-sections-six .banner-imgs .react-icon { position: absolute; top: 200px; left: 0 }
.students-enrolled .student-icon { width: 60px; height: 60px }
.more-information li { position: relative; margin-left: 14px }
.breadcrumb-bar.breadcrumb-bar-info .breadcrumb-title { font-size: 28px }
.dash-info h2 { font-size: 24px }
}

@media(max-width:575.98px) {
.video-thumbnail img { min-height: 150px; object-fit: cover }
.video-details .btn-enroll { margin-top: 10px }
.breadcrumb-bar-info .page-breadcrumb ol li { display: block }
.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 }
.growup-section .growup-right-img { margin-top: 20px; filter: drop-shadow(0px 4px 14px rgba(202, 202, 202, 0.25)); border-radius: 10px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px }
.home-three-head h2 { font-size: 20px }
.knowledge-sec .joing-list .joing-icon { flex-shrink: 0 }
.home-two-slide .home-slide-face { padding: 100px 0 50px }
.home-two .about-section { padding: 50px 0 }
.home-two .topcategory-sec { padding: 50px 0; background: #fbfcff }
.home-two .shapes-two { display: none }
.header-two-title h2 { font-size: 20px }
.header-two-title .tagline { font-size: 16px }
.header-two-title { margin-bottom: 20px }
.discover-btn { padding: 8px 35px }
.featured-courses-sec { padding: 50px 0 }
.growup-section { padding: 50px 0 }
.growup-skills-img img { width: 100% }
.home-two-shapes img { display: none }
.winning-two-one img { margin-bottom: 30px; max-width: 100% }
.winning-two-two img { margin-bottom: 30px; max-width: 100% }
.winning-two-three img { margin-bottom: 30px; max-width: 100% }
.joing-icon-award .joing-icon-one { display: none }
.joing-icon-award .joing-icon-two { display: none }
.joing-icon-award .joing-icon-three { display: none }
.rating-price-two p { font-size: 12px }
.home-three-courses .tab-content { text-align: center }
.knowledge-sec .featured-img-1 { height: 500px; background-size: cover; background-position: 0% }
.home-two .testimonial-two-img { padding: 10px }
.home-three .testimonial-item-five { width: 300px }
.home-three .testimonial-quote { padding: 10px }
.testimonial-quote .quote { width: 40px }
.home-three .testimonial-content p { font-size: 14px }
.home-three .testimonial-ratings { padding: 15px }
.home-three .testimonial-item-five .testimonial-users { padding: 15px }
.home-three .testimonial-content { padding: 15px }
.home-three .testimonial-item-five .testimonial-users h6 { font-size: 14px }
.home-three .testimonial-item-five .testimonial-users p { font-size: 12px }
.home-two .course-column-img { -ms-flex: 35%; flex: 35%; max-width: 35% }
.home-two .course-content-column { -ms-flex: 65%; flex: 65%; max-width: 65% }
.featured-details-two { width: 100% }
.course-price-two h3 { font-size: 12px }
.course-content-column { padding-left: 20px }
.featured-details-two .name-text h3 a { font-size: 16px; display: flex }
.home-three .banner-three-content .input-group { position: relative; max-width: 100% }
.banner-three-content .form-inner-three { background: #fff; box-shadow: 0 4px 4px rgb(216 216 216/25%); border-radius: 10px; padding: 10px; width: 100%; border: 0; max-width: 100%; height: auto }
.home-three .banner-three-content .input-group { display: block; flex-wrap: wrap; border: 0; background-image: none; background-repeat: no-repeat; background-position: left 0 center; padding-left: 0; align-items: stretch; width: 100% }
.box-form-newsletter form .input-newsletter { width: 55%; font-size: 12px; border: 0; background-image: none; background-repeat: no-repeat; background-position: 5px; padding: 0 }
.home-three .btn-default { padding: 10px; font-size: 10px }
.event-three-title p { line-height: 14px; font-size: 12px; margin-bottom: 5px }
.span-name-three { display: none }
.blog-student-count { font-size: 10px }
.event-three-title h5 { font-size: 14px; margin-bottom: 5px }
.acheive-elips-one { display: none }
.latest-blog-content { position: absolute; padding: 10px }
.acheive-elips-two { display: none }
.acheive-elips-three { display: none }
.home-three .become-content h2 { font-size: 22px; margin-bottom: 10px }
.home-three .become-content h4 { font-weight: 500; font-size: 16px; margin-bottom: 0; color: #fff }
.news-letter-four .request-box { flex-direction: column; gap: 20px }
.news-letter-four .request-box .name-field input { width: 100% }
.latest-blog-slider .owl-nav .owl-prev { display: none }
.latest-blog-slider .owl-nav .owl-next { display: none }
.banner-img-four { display: none }
.banner-heading-four { padding: 60px 0 }
.more-information li { position: relative; padding: 10px; margin-left: 0; display: block }
.social-media-icon { width: 40px; height: 40px; background: rgba(57, 44, 125, .1); border-radius: 6px; display: flex; justify-content: center; align-items: center }
.home-slide-five-face { padding: 100px 0 40px }
.home-slide-five-text h1 { font-size: 25px; margin-bottom: 20px }
.slider-five-one { position: absolute; bottom: -2rem }
.slider-five-one img { width: 100%; max-width: 300px }
.slider-five-two img { width: 100%; max-width: 300px; float: right }
.banner-content-five .sub-btn { border-radius: 10px; padding: 10px 20px; width: 100%; border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important }
.home-slide-five .banner-slider-img { display: none }
.drop-detail-five { background: 0 0; border-radius: 10px; display: flex; border: 0; border-top-right-radius: 10px !important; border-bottom-right-radius: 10px !important; max-width: 100%; width: 100% }
.banner-content-five .select2-container .select2-selection--single { border: 0; align-items: center; display: flex; background: 0 0; justify-content: space-between; height: 50px; font-weight: 500; font-size: 14px; color: #000 }
 .banner-content-five .input-block ::placeholder {
 font-size: 14px
}
 .banner-content-five .input-block :-ms-input-placeholder {
 font-size: 14px
}
 .banner-content-five .input-block::-ms-input-placeholder {
 font-size: 14px
}
.banner-content-five .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 14px }
.banner-content-five .form-inner-five { padding: 10px; background: #fff; border: 1px solid #ffd600; box-shadow: 0 16px 106px rgb(196 196 196/16%); border-radius: 10px; width: 100%; max-width: 585px }
.transform-count-five-three { position: absolute; bottom: -1rem; left: -9rem }
.joing-count-five { position: relative; margin-bottom: 40px }
.vector-shapes-five { display: none }
.banner-content-five .form-inner-five .input-group { position: relative; display: block; flex-wrap: revert; align-items: stretch; width: 100% }
.leading-five-content { margin-bottom: 30px }
.developer-five-list .column-img { display: flex; -ms-flex: 100%; flex: 100%; max-width: 100%; margin-bottom: 20px }
.goals-count-five { border-left: 0 }
.footer-logo-five { text-align: center; margin-bottom: 15px; font-size: 16px }
.footer-bottom-five .copyright-text { text-align: center; margin-bottom: 15px }
.social-icon-three { display: block; float: none; text-align: center; margin-bottom: 0 }
.footer.footer-five { padding: 30px 0 }
 .footer-news-five .input-block ::placeholder {
 font-size: 12px
}
 .footer-news-five .input-block :-ms-input-placeholder {
 font-size: 12px
}
 .footer-news-five .input-block::-ms-input-placeholder {
 font-size: 12px
}
.goals-five-one { margin-bottom: 30px; margin-top: 30px }
.goals-five-two { margin-bottom: 30px }
.goals-five-three { margin-bottom: 30px }
.goals-five-four { margin-bottom: 0 }
.testimonial-image { display: none }
.testimonial-content-five { position: relative; background: #fff; border-radius: 10px; left: 0; padding: 20px; max-width: 757px; height: auto; width: 100%; z-index: 2 }
.testimonial-section-five .slick-prev { display: none !important }
.testimonial-section-five .slick-next { display: none !important }
.tablist-five { display: flex; margin-bottom: 0 }
.tablist-five .nav-tab.active { color: #2d0160; border-bottom: 3px solid #2d0160; padding-bottom: 5px }
.slider-five-one { position: absolute; top: 10.5rem }
.slider-five-one img { width: 300px !important; max-width: 550px }
.slider-five-two img { width: 300px !important; max-width: 550px; float: right }
.leading-five-content h2 { font-size: 25px; text-align: center }
.leading-five-content { margin-bottom: 30px }
.course-icon-five img { padding: 15px }
.course-icon-five { margin-bottom: 29px }
.course-info-five h3 { font-size: 18px }
.course-info-five p { font-size: 14px }
.tablist-five .nav-tab { font-size: 14px; display: block; text-align: center; margin: auto auto 20px }
.tablist-five .nav-tab.active { border-bottom: none; padding-bottom: 5px; font-size: 14px }
.tablist-five { display: block; text-align: center; border-bottom: none }
.product-img-five img { width: 100% }
.product-content-five h3 a { font-size: 16px }
.product-content-five .price-five-group h3 { font-size: 16px }
.count-content-five p { font-size: 18px }
.skill-five-content h3 { font-size: 18px }
.header-five-title { margin-bottom: 20px }
.instructor-vector-left { display: none }
.instructor-vector-right { display: none }
.joing-count-five-one { position: absolute; left: 0; top: .5rem }
.joing-count-five-two { position: absolute; left: 6rem; bottom: -2.5rem }
.joing-count-five-three { position: absolute; right: 0; top: 2rem; z-index: 2 }
.goals-content-five h4 { font-size: 25px }
.transform-section-five { padding: 50px 0 }
.joing-count-number { font-size: 20px }
.joing-count-text { font-size: 16px }
.developer-five-list .column-img { display: flex; -ms-flex: 100%; flex: 100%; max-width: 100%; margin-bottom: 20px }
.developer-profile-five { width: 100% }
.experienced-five-sub { width: 100%; max-width: 100%; margin: 0 }
.experienced-five-sub { padding-left: 0 }
.testimonial-image { display: none }
.testimonial-users h5 { font-size: 18px }
.count-five-last { margin-bottom: 0 }
.leading-five-content p { font-size: 14px; text-align: center }
.blog-five-footer h3 a { font-size: 18px }
.blog-box-content { padding: 20px }
.footer.footer-five { padding: 50px 0 }
.copyright-five { padding: 20px 0 0 }
.footer-title-five { font-size: 16px }
.footer-logo-five img { width: 120px }
.social-icon-three ul li a { width: 32px; height: 32px }
.copyright-text-three p { font-size: 14px }
.footer-news-five .btn { width: 115px; height: 40px }
.footer-news-five .form-control { min-height: 40px }
.footer-logo-five { text-align: center; margin-bottom: 15px }
.footer-bottom-five .copyright-text { text-align: center; margin-bottom: 15px }
.social-icon-three { display: block; float: none; text-align: center; margin-bottom: 0 }
.footer.footer-five { padding: 30px 0 }
 .footer-news-five .input-block ::placeholder {
 font-size: 12px
}
 .footer-news-five .input-block :-ms-input-placeholder {
 font-size: 12px
}
 .footer-news-five .input-block::-ms-input-placeholder {
 font-size: 16px
}
.footer-top-six .email-address-six { max-width: 550px; padding: 10px; width: 100%; height: 115px; gap: 10px; flex-direction: column }
.banner-sections-six .banner-imgs .banner-img-three { position: absolute; bottom: 14rem; right: 0; max-width: 100% }
.banner-sections-six .banner-imgs .react-icon { display: none }
.banner-sections-six .banner-imgs .banner-img-two { position: absolute; top: 13rem; right: 0; max-width: 300px }
.banner-sections-six .banner-imgs .figma-icon { display: none }
.best-course-section .section-small-imgs .vector-img { display: none }
.best-course-section .small-icons .arrow-img { display: none }
.banner-sections-six .banner-imgs .react-icon { display: none }
.banner-sections-six .banner-imgs .figma-icon { display: none }
.registration-info { display: flex; flex-direction: column; align-items: start; gap: 20px; margin-bottom: 50px }
.main-chat-blk .chat .chat-header { flex-direction: column; align-items: start }
.main-chat-blk .chat .chat-header .user-details { align-items: start }
.chat-messages .user-details { flex-direction: row }
.chat-messages .chat-options { margin-top: 20px }
.chat .chat-footer form { padding: 15px }
.chat .chat-footer form .smile-foot .action-circle { width: 20px; height: 20px }
.main-chat-blk .chat .chat-body .messages .chats { max-width: 100% }
.location-sharing { min-width: 150px }
.main-chat-blk .chat .chat-header { padding: 0 }
.chat .chat-body .messages .chats .message-content { padding: 10px }
.main-chat-blk .chat .chat-body .messages .chat-profile-name h6 { font-size: 14px }
.chats .chat-content { width: calc(100% - 55px) }
.instructor-noti-head { flex-direction: column }
.noti-mark-btns { margin-top: 24px }
.announcement-head { flex-direction: column }
.add-announcement-btn { margin-top: 24px }
.announcement-titlte { text-align: center }
.earning-chart-header { flex-direction: column; align-items: self-start }
.earning-chart-header h5 { margin-bottom: 15px }
.course-group-img { flex-direction: column }
.course-group-img.profile-edit-field .profile-pic img { margin-right: 0; margin-bottom: 15px }
.settings-pg-links li { width: 100% }
.navbar-header .logo{display: block;}
.header-five .main-nav li a, .header-five .main-nav li.has-submenu .submenu a{color:#fff !important;}
}

header .input-group{position: relative;}
header .input-group i{position: absolute; right: 15px; top:13px}
header .input-group input[type="text"]{width: 100%; border: solid 1px #ccc; padding: 10px; font-size: 14px; border-radius: 5px !important;}