.ratings-progress>li .progress-box-percentage,.ratings-progress>li .rating-star__count,.ratings-box p,.breadcrumb-menu ul li a,.activity-info p,.filepond--drop-label.filepond--drop-label label,.progress-content-right p,.footer-top .footer-widget .footer-menu ul li a,.footer-top .footer-textarea p,.footer-header.footer-header2 .footer-header-content p,.modal--lecturevideo p,.instructor-uploads__info p,.card-instructor .info p,.card-instructor .info h6,.card-activity .card-body .chart-info p,.card-activity .card-header .bv_mainselect .bv_ul_inner li,.card-activity .card-header .bv_mainselect .bv_atual,.register .form-group .form-check-label,.form-attach label .cap,.form-selects .bv_mainselect .bv_ul_inner li,.form-field .field-wrapper__count,.instructor-settings .form-checkitem .form-check-label,.instructor-requirements__header a,.message-contents__users .user .user-sendcontent__message p,.message-contents__date,.message-header .user__info p,.message-sidebar__users .message-info__date,.message-sidebar__users .user-info p,.message-sidebar__users .user-info h6 {
    font-size:14px;
    color:#6e7485;
    line-height:22px;
    letter-spacing:-0.01em;
    text-transform:capitalize
}
.instructor-rules__info ul li,.instructor-rules__info p,.join-team-content.become-instructor .checkbox-field ul li span,.join-team-content .checkbox-field ul li span,.join-team-content p,.curriculum-section-content .section-info>div h2,.progress-content-right a,.instructor-publish h2,.message-header .user__info h6 a {
    font-size:18px;
    color:#1d2026;
    font-weight:500;
    line-height:24px;
    text-transform:capitalize
}
.breadcrumb-menu h3,.card-settings__title {
    font-size:24px;
    color:#1d2026;
    font-weight:600;
    line-height:32px;
    letter-spacing:-0.01em;
    text-transform:capitalize
}
.instructor-rules__info h2,.footer-header .footer-header-content h3 {
    font-size:40px;
    color:#1d2026;
    font-weight:600;
    line-height:48px;
    letter-spacing:-0.01em;
    text-transform:capitalize
}
.form-selects label,.form-textarea label,.form-field-reply label,.form-field-price .field-wrapper .text-currencies,.form-field-price label,.form-field-social label,.form-field label {
    font-size:14px;
    color:#1d2026;
    line-height:22px;
    margin-bottom:6px;
    letter-spacing:-0.01em;
    text-transform:capitalize
}
.form-upload,.form-selects .bv_mainselect .bv_atual,.form-field-reply .field-wrapper input,.form-field-price .field-wrapper input,.form-field-social .field-wrapper input,.form-field .field-wrapper input,.form-searchbox input {
    width:100%;
    height:48px;
    font-size:16px;
    color:#4e4e4e;
    line-height:24px;
    padding:12px 18px;
    text-transform:capitalize;
    transition:all .3s linear;
    border:1px solid #e9eaf0
}
.form-upload::placeholder,.form-selects .bv_mainselect .bv_atual::placeholder,.form-field-reply .field-wrapper input::placeholder,.form-field-price .field-wrapper input::placeholder,.form-field-social .field-wrapper input::placeholder,.form-field .field-wrapper input::placeholder,.form-searchbox input::placeholder {
    color:#8c94a3
}
.form-upload:hover,.form-selects .bv_mainselect .bv_atual:hover,.form-field-reply .field-wrapper input:hover,.form-field-price .field-wrapper input:hover,.form-field-social .field-wrapper input:hover,.form-field .field-wrapper input:hover,.form-searchbox input:hover {
    border:3px solid #ffddd1
}
.form-upload:active,.form-selects .bv_mainselect .bv_atual:active,.form-field-reply .field-wrapper input:active,.form-field-price .field-wrapper input:active,.form-field-social .field-wrapper input:active,.form-field .field-wrapper input:active,.form-searchbox input:active,.form-upload:focus,.form-selects .bv_mainselect .bv_atual:focus,.form-field-reply .field-wrapper input:focus,.form-field-price .field-wrapper input:focus,.form-field-social .field-wrapper input:focus,.form-field .field-wrapper input:focus,.form-searchbox input:focus {
    border:1px solid #ff6636
}
* {
    margin:0;
    padding:0;
    outline:0
}
img {
    border:0;
    outline:0;
    max-width:100%
}
html {
    scroll-behavior:smooth
}
body {
    font-weight:400;
    font-family:"Inter",sans-serif
}
a {
    display:inline-block;
    text-decoration:none
}
a:hover {
    color:#fff
}
ul,ol,li {
    margin:0;
    padding:0;
    list-style:none
}
p {
    color:#333;
    line-height:24px;
    margin:0
}
.space50 {
    padding:50px
}
.space100 {
    padding:100px
}
.space20 {
    padding:20px
}
.space10 {
    padding:10px
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
    -webkit-appearance:none;
    margin:0
}
input[type=number] {
    -moz-appearance:textfield
}
button {
    margin:0;
    padding:0;
    outline:0;
    border:0
}
.bodybg {
    background-color:#f5f7fa
}
.message {
    display:flex;
    overflow:hidden;
    position:relative
}
.message.container {
    padding:0
}
.message-sidebar__users::-webkit-scrollbar,.message-contents::-webkit-scrollbar {
    width:2px
}
.message-sidebar__users::-webkit-scrollbar-thumb,.message-contents::-webkit-scrollbar-thumb {
    background:#ff6636;
    border-radius:12px;
    transition:all .3 ease-in-out
}
.message-sidebar__users::-webkit-scrollbar-thumb:hover,.message-contents::-webkit-scrollbar-thumb:hover {
    background:#7936ec9f
}
.message-contents::-webkit-scrollbar {
    width:6px
}
.message-contents::-webkit-scrollbar-thumb {
    border-radius:24px
}
.message-sidebar {
    width:30%;
    position:relative;
    margin-right:24px;
    background-color:#fff
}
@media(max-width:991px) {
    .message-sidebar {
        width:100%
    }
}@media(max-width:575px) {
    .message-sidebar {
        margin-right:0
    }
}.message-sidebar__title {
     font-size:20px;
     color:#1d2026;
     font-weight:600;
     line-height:26px;
     text-transform:capitalize
 }
.message-sidebar .btn-compose {
    font-weight:600
}
.message-sidebar .btn-compose .icon {
    margin-right:8px!important
}
.message-sidebar__search-box {
    padding:24px;
    padding-bottom:16px
}
.message-sidebar__search-box .top {
    margin-bottom:20px
}
.message-sidebar__users {
    max-height:650px;
    overflow-y:scroll;
    overflow-x:hidden
}
@media(max-width:991px) {
    .message-sidebar__users {
        max-height:650px
    }
}.message-sidebar__users-item {
     display:flex;
     cursor:pointer;
     padding:12px 24px;
     align-items:flex-start;
     background-color:#fff;
     transition:all .3s linear;
     justify-content:space-between
 }
@media(max-width:767px) {
    .message-sidebar__users-item {
        justify-content:center
    }
}@media(max-width:575px) {
    .message-sidebar__users-item {
        padding:12px
    }
}.message-sidebar__users-item:hover,.message-sidebar__users-item.active {
     background-color:#ffddd1
 }
.message-sidebar__users-item:hover .message-sidebar__users .user-info p,.message-sidebar__users-item:hover .message-sidebar__users .message-info__date,.message-sidebar__users-item.active .message-sidebar__users .user-info p,.message-sidebar__users-item.active .message-sidebar__users .message-info__date {
    color:#4e5566
}
.message-sidebar__users .user {
    display:flex;
    align-items:center
}
.message-sidebar__users .user__img {
    width:48px;
    height:48px;
    flex-shrink:0;
    cursor:pointer;
    margin-right:16px;
    position:relative
}
@media(max-width:767px) {
    .message-sidebar__users .user__img {
        width:24px;
        height:24px;
        margin-right:0
    }
}.message-sidebar__users .user__img img {
     border-radius:50%;
     width:inherit;
     height:inherit;
     object-fit:cover
 }
.message-sidebar__users .user-active {
    right:0;
    width:10px;
    height:10px;
    overflow:hidden;
    border-radius:50%;
    position:absolute;
    top:calc(100% - 12px);
    display:inline-block;
    background-color:#23bd33;
    border:2px solid #ffddd1
}
.message-sidebar__users .user-info {
    display:flex;
    flex-direction:column
}
.message-sidebar__users .user-info h6,.message-sidebar__users .user-info p {
    margin:0
}
.message-sidebar__users .user-info h6 {
    color:#1d2026;
    margin-bottom:6px
}
.message-sidebar__users .user-info p {
    font-weight:400;
    color:#6e7485
}
.message-sidebar__users .message-info {
    display:flex;
    flex-direction:column;
    align-items:center
}
.message-sidebar__users .message-info__date {
    margin:0;
    padding:0
}
.message-sidebar__users .message-info__date {
    white-space:nowrap;
    color:#6e7485
}
.message-inbox {
    width:70%;
    position:relative;
    background-color:#ebebf0
}
@media(max-width:991px) {
    .message-inbox {
        width:0;
        visibility:hidden
    }
}.message-header {
     display:flex;
     padding:20px 24px;
     align-items:center;
     background:#fff;
     justify-content:space-between;
     box-shadow:0 -1px 0 0 #e9eaf0 inset
 }
@media(max-width:767px) {
    .message-header {
        padding:20px 12px
    }
}.message-header .user {
     display:flex;
     align-items:center
 }
.message-header .user__image {
    width:64px;
    height:64px;
    flex-shrink:0;
    cursor:pointer;
    margin-right:16px;
    position:relative
}
@media(max-width:767px) {
    .message-header .user__image {
        width:40px;
        height:40px
    }
}.message-header .user__image img {
     border-radius:50%;
     width:inherit;
     height:inherit;
     object-fit:cover
 }
.message-header .user-active {
    right:0;
    width:12px;
    height:12px;
    overflow:hidden;
    border-radius:50%;
    position:absolute;
    top:calc(100% - 16px);
    display:inline-block;
    background-color:#23bd33;
    border:2px solid #fff
}
.message-header .user__info h6 {
    margin-bottom:8px
}
@media(max-width:767px) {
    .message-header .user__info h6 {
        margin-bottom:0
    }
}.message-header .user__info p {
     color:#4e5566
 }
.message-header .options {
    padding:12px;
    display:inline-block;
    background-color:#f5f7fa
}
.message-body {
    padding-right:0;
    padding-bottom:0
}
.message-body-search {
    padding:24px;
    background-color:#fff;
    box-shadow:0 1px 0 0 #e9eaf0 inset
}
@media(max-width:575px) {
    .message-body-search {
        padding:24px 12px
    }
}.message-body .input-field-wrapper {
     width:100%;
     position:relative
 }
.message-body .input-field-wrapper span {
    top:50%;
    left:18px;
    color:#ff6636;
    position:absolute;
    transform:translateY(-50%)
}
.message-body .input-field.message-body-search-field {
    display:flex;
    position:relative;
    align-items:center;
    margin:0!important
}
.message-body .input-field.message-body-search-field textarea {
    resize:none;
    width:inherit;
    max-height:48px;
    padding:12px 0;
    padding-left:55px;
    white-space:nowrap;
    background-color:#fff;
    border:1px solid #e9eaf0
}
.message-body .input-field.message-body-search-field textarea::-webkit-scrollbar {
    display:none
}
@media(max-width:480px) {
    .message-body .input-field.message-body-search-field textarea {
        padding-right:75px!important
    }
}.message-body .input-field.message-body-search-field button.message-body-search-btn {
     margin-left:20px;
     margin-bottom:6px
 }
@media(max-width:575px) {
    .message-body .input-field.message-body-search-field button.message-body-search-btn span {
        margin:0
    }
}@media(max-width:575px) {
    .message-body .input-field.message-body-search-field button.message-body-search-btn {
        font-size:0;
        padding:0 12px;
        margin-left:10px
    }
}.message-contents {
     height:600px;
     padding:24px;
     max-height:600px;
     overflow-y:scroll;
     position:relative;
     overflow-x:hidden;
     background-color:#fff
 }
@media(max-width:767px) {
    .message-contents {
        max-height:450px
    }
}.message-contents__date {
     max-width:65px;
     display:block;
     color:#4e5566;
     padding:8px 12px;
     margin:0 auto;
     text-align:center;
     margin-bottom:24px;
     background-color:#ffeee8
 }
.message-contents__users .user {
    margin-bottom:12px
}
.message-contents__users .user .user-sendcontent__message {
    display:inline-block;
    padding:8px 12px;
    background-color:#ff6636
}
.message-contents__users .user .user-sendcontent__message p {
    color:#fff;
    max-width:512px;
    text-align:left
}
.message-contents__users .user-wrapper {
    display:flex;
    margin-bottom:8px;
    align-items:center
}
.message-contents__users .user-wrapper .time {
    font-size:12px;
    color:#6e7485;
    line-height:16px
}
.message-contents__users .user-active .user-sendcontent__message {
    background-color:#ffeee8
}
.message-contents__users .user-active .user-sendcontent__message p {
    color:#1d2026
}
.message-contents__users .user-current {
    justify-content:flex-end
}
.message-contents__users .user-current .user-sendcontent {
    order:2
}
.message-contents__users .user-current .user-sendcontent__message {
    margin-left:auto
}
.message-contents__users .user-current .user-sendcontent__message,.message-contents__users .user-current .user-sendcontent {
    text-align:right
}
.message-contents__users .user-current .user-sendcontent {
    display:flex;
    align-items:flex-end;
    flex-direction:column
}
.message-contents__users .user-current .user-sendcontent .time {
    font-size:12px;
    color:#6e7485;
    line-height:16px;
    margin-bottom:8px
}
.message-contents__users .user-img {
    width:24px;
    height:24px;
    flex-shrink:0;
    overflow:hidden;
    position:relative;
    margin-right:6px;
    border-radius:50%
}
.message-contents__users .user-img img {
    width:inherit;
    height:inherit;
    object-fit:cover
}
.message__search-field {
    position:relative;
    width:100%
}
.message__search-field input {
    font-size:14px;
    line-height:21px;
    width:inherit;
    padding:12px 0;
    padding-left:40px;
    border-radius:12px;
    border:0;
    outline:0;
    background-color:#f5f5f7
}
.message__search-field input::placeholder {
    color:#9b9ab5;
    text-transform:capitalize
}
.message__search-field .icon {
    position:absolute;
    top:50%;
    left:12px;
    transform:translateY(-50%);
    cursor:pointer
}
@media(max-width:991px) {
    .message .message-sidebar__search-box,.message .message-sidebar__users .user-info,.message .message-sidebar__users .message-info {
        display:none
    }
}@media(max-width:991px) {
    .message .message-sidebar {
        width:15%
    }
}@media(max-width:991px) {
    .message .message-inbox {
        width:85%;
        visibility:visible
    }
}.register {
     position:relative
 }
@media(max-width:991px) {
    .register {
        padding:60px 0
    }
}.register__content {
     display:flex;
     align-items:center;
     justify-content:center;
     height:100vh
 }
@media(max-width:991px) {
    .register__content {
        height:100%
    }
}.register-left,.register-right {
     height:100%
 }
.register-left {
    width:45%;
    background-color:#ebebff
}
@media(max-width:1480px) {
    .register-left {
        width:40%
    }
}@media(max-width:991px) {
    .register-left {
        display:none
    }
}.register-right {
     width:55%;
     background-color:#fff
 }
@media(max-width:1480px) {
    .register-right {
        width:60%;
        margin-left:30px
    }
}@media(max-width:991px) {
    .register-right {
        width:100%;
        margin-left:0
    }
}@media(max-width:575px) {
    .register-right {
        margin:0 15px
    }
}.register-imgWrapper,.register-formWrapper {
     height:100%;
     display:flex;
     align-items:center
 }
.register-formWrapper {
    width:650px;
    margin-left:110px;
    flex-direction:column;
    justify-content:center
}
@media(max-width:1520px) {
    .register-formWrapper {
        width:100%;
        margin-left:0
    }
}@media(max-width:575px) {
    .register-formWrapper .form {
        width:inherit
    }
}.register-formWrapper .form-field {
     width:100%
 }
@media(max-width:575px) {
    .register-formWrapper .button {
        width:100%
    }
}.register-formWrapper .register-title {
     width:100%;
     text-align:center
 }
@media(max-width:575px) {
    .register-formWrapper .form-signup {
        margin-top:0
    }
}.register-formWrapper .form-signup__wrapper a {
     margin-right:24px
 }
.register-formWrapper .form-signup__wrapper a:nth-last-child(1) {
    margin:0
}
@media(max-width:575px) {
    .register-formWrapper .form-signup__wrapper a {
        width:0;
        margin:0;
        border:0;
        font-size:0;
        line-height:0
    }
}@media(max-width:575px) {
    .register-formWrapper .form-signup__wrapper a::before {
        border:1px solid #e9eaf0
    }
}.instructor {
     display:flex;
     height:100vh;
     overflow:hidden;
     position:relative;
     align-items:flex-start
 }
.instructor-sidebar {
    width:15%;
    height:100%;
    display:flex;
    position:relative;
    flex-direction:column;
    background-color:#1d2026;
    justify-content:space-between
}
@media(max-width:1200px) {
    .instructor-sidebar {
        width:25%
    }
}@media(max-width:991px) {
    .instructor-sidebar {
        width:10%
    }
}@media(max-width:680px) {
    .instructor-sidebar {
        width:15%
    }
}@media(max-width:480px) {
    .instructor-sidebar {
        width:20%
    }
}.instructor-content {
     width:85%;
     height:100%;
     overflow-y:scroll
 }
@media(max-width:1200px) {
    .instructor-content {
        width:75%
    }
}@media(max-width:991px) {
    .instructor-content {
        width:90%
    }
}.instructor-logo {
     padding:20px 24px;
     box-shadow:0 -1px 0 0 #363b47 inset
 }
.instructor-logo a {
    display:flex;
    color:#fff;
    font-size:32px;
    font-weight:600;
    line-height:38px;
    align-items:center;
    letter-spacing:-0.03em;
    text-transform:capitalize;
    transition:all .3s linear
}
@media(max-width:991px) {
    .instructor-logo a {
        font-size:0
    }
}.instructor-logo a img {
     flex-shrink:0;
     margin-right:6px
 }
.instructor-menu {
    padding:0;
    padding-top:16px
}
.instructor-menu li:hover a,.instructor-menu li.active a {
    color:#fff;
    background-color:#ff6636
}
.instructor-menu li:hover a .count,.instructor-menu li.active a .count {
    background-color:#fff;
    color:#ff6636
}
.instructor-menu li a {
    width:100%;
    display:flex;
    font-size:14px;
    font-weight:500;
    color:#8c94a3;
    line-height:20px;
    position:relative;
    padding:12px 24px;
    align-items:center;
    letter-spacing:-0.01em;
    text-transform:capitalize;
    transition:all .3s linear
}
@media(max-width:991px) {
    .instructor-menu li a {
        font-size:0;
        line-height:auto
    }
}.instructor-menu li a .icon {
     flex-shrink:0;
     margin-right:12px
 }
.instructor-menu li a .count {
    top:50%;
    right:24px;
    width:24px;
    height:24px;
    display:flex;
    color:#fff;
    font-size:12px;
    line-height:16px;
    font-weight:500;
    border-radius:50%;
    position:absolute;
    align-items:center;
    justify-content:center;
    transform:translateY(-50%);
    background-color:#ff6636;
    transition:all .3s linear
}
@media(max-width:991px) {
    .instructor-menu li a .count {
        left:40px;
        width:8px;
        top:18px;
        height:8px;
        font-size:0;
        line-height:0
    }
}.instructor .sign-out {
     display:flex;
     font-size:14px;
     cursor:pointer;
     font-weight:500;
     color:#8c94a3;
     line-height:20px;
     padding:12px 24px;
     align-items:center;
     margin-bottom:36px;
     text-transform:capitalize;
     transition:all .3s linear
 }
@media(max-width:991px) {
    .instructor .sign-out {
        font-size:0
    }
}.instructor .sign-out .icon {
     margin-right:12px
 }
.instructor .sign-out:hover {
    color:#fff;
    background-color:#ff6636
}
.instructor-header {
    padding:24px 0;
    position:relative;
    margin-bottom:40px;
    background-color:#fff
}
@media(max-width:767px) {
    .instructor-header {
        padding-bottom:90px
    }
}.instructor-header .container {
     display:flex;
     align-items:center;
     justify-content:space-between
 }
.instructor-header .right {
    display:flex;
    align-items:center
}
.instructor-header .right>div {
    margin-right:16px
}
.instructor-header .right>div:nth-last-child(1) {
    margin:0
}
@media(max-width:767px) {
    .instructor-header .form-searchbox {
        top:50%;
        left:50%;
        width:75%;
        z-index:9;
        margin-top:40px;
        position:absolute;
        transform:translate(-50%,-50%)
    }
}@media(max-width:575px) {
    .instructor-header .form-searchbox {
        width:95%
    }
}.instructor-header .form-searchbox input {
     color:#8c94a3;
     background-color:#f5f7fa
 }
.instructor-notification {
    padding:12px;
    cursor:pointer;
    position:relative;
    background-color:#f5f7fa
}
.instructor-user {
    cursor:pointer
}
.instructor-user .image {
    width:48px;
    height:48px;
    overflow:hidden;
    border-radius:50%
}
.instructor-user .image img {
    width:inherit;
    height:inherit;
    object-fit:cover
}
.instructor-user .greeting {
    font-size:14px;
    color:#6e7485;
    font-weight:500;
    line-height:20px;
    margin-bottom:6px;
    letter-spacing:-0.01em;
    text-transform:capitalize
}
.instructor-user .username {
    font-size:20px;
    color:#1d2026;
    font-weight:600;
    line-height:26px;
    text-transform:capitalize
}
.instructor-features {
    gap:24px;
    display:grid;
    margin-bottom:24px;
    grid-template-columns:repeat(4,1fr)
}
@media(max-width:1480px) {
    .instructor-features {
        grid-template-columns:repeat(3,1fr)
    }
}@media(max-width:1200px) {
    .instructor-features {
        grid-template-columns:repeat(2,1fr)
    }
}@media(max-width:767px) {
    .instructor-features {
        grid-template-columns:1fr
    }
}.instructor-features--2 {
     grid-template-columns:repeat(2,1fr)
 }
@media(max-width:767px) {
    .instructor-features--2 {
        grid-template-columns:1fr
    }
}.instructor-biodata {
     margin-bottom:24px
 }
.instructor-activity .row>div {
    margin-bottom:24px
}
@media(max-width:575px) {
    .instructor-activity .card-activity .ratings-box {
        margin-top:16px
    }
}.instructor-createcourse {
     background-color:#fff
 }
.instructor-createcourse .nav {
    box-shadow:0 1px 0 0 #e9eaf0
}
@media(max-width:1024px) {
    .instructor-createcourse .nav {
        flex-wrap:nowrap;
        max-width:700px;
        overflow-x:auto
    }
}.instructor-createcourse .nav-item {
     margin-right:24px
 }
@media(min-width:1025px) and (max-width:1200px) {
    .instructor-createcourse .nav-item {
        margin-right:-10px
    }
}.instructor-createcourse .nav-item:nth-last-child(1) {
     margin:0
 }
.instructor-createcourse .nav-link {
    padding:20px;
    font-size:16px;
    min-width:306px;
    color:#6e7485;
    font-weight:500;
    text-align:left;
    line-height:22px;
    border-radius:0;
    white-space:nowrap;
    display:inline-block;
    text-transform:capitalize;
    transition:all .3s linear;
    border-bottom:1.5px solid transparent
}
@media(max-width:1490px) {
    .instructor-createcourse .nav-link {
        min-width:260px
    }
}@media(max-width:1380px) {
    .instructor-createcourse .nav-link {
        min-width:150px
    }
}@media(min-width:320px) and (max-width:1024px) {
    .instructor-createcourse .nav-link {
        min-width:80px
    }
}.instructor-createcourse .nav-link.active {
     color:#1d2026;
     border-color:#ff6636;
     background-color:transparent
 }
.instructor-tab-header,.instructor-tab-main {
    padding:32px 40px;
    box-shadow:0 -1px 0 0 #e9eaf0 inset
}
@media(max-width:767px) {
    .instructor-tab-header,.instructor-tab-main {
        padding:16px 20px
    }
}.instructor-tab-header {
     display:flex;
     align-items:center;
     text-transform:capitalize;
     justify-content:space-between
 }
@media(max-width:767px) {
    .instructor-tab-header {
        flex-direction:column
    }
}.instructor-tab-header h2 {
     margin:0;
     font-size:24px;
     color:#1d2026;
     font-weight:600;
     line-height:32px;
     letter-spacing:-0.01em
 }
@media(max-width:767px) {
    .instructor-tab-header h2 {
        text-align:center;
        margin-bottom:16px
    }
}.instructor-tab-header>div {
     display:flex;
     align-items:center
 }
@media(max-width:480px) {
    .instructor-tab-header>div {
        width:100%;
        flex-direction:column
    }
}@media(max-width:480px) {
    .instructor-tab-header>div .button {
        width:100%
    }
}.instructor-tab-header>div .button:nth-child(1) {
     margin-right:12px
 }
@media(max-width:480px) {
    .instructor-tab-header>div .button:nth-child(1) {
        margin:0
    }
}.instructor-tab-main {
     box-shadow:none
 }
.instructor-tab-main .form .form-field,.instructor-tab-main .form .form-group {
    margin-bottom:24px
}
@media(max-width:767px) {
    .instructor-tab-main .form .form-field,.instructor-tab-main .form .form-group {
        margin-bottom:18px
    }
}.instructor-tab-main--requirements {
     padding:0
 }
.instructor-tab-main--requirements .instructor-tab-navigation {
    padding:40px;
    padding-top:6px
}
@media(max-width:767px) {
    .instructor-tab-main--requirements .instructor-tab-navigation {
        padding:16px
    }
}.instructor-tab-navigation {
     display:flex;
     margin-top:8px;
     align-items:center;
     justify-content:space-between
 }
@media(max-width:575px) {
    .instructor-tab-navigation {
        flex-direction:column
    }
}@media(max-width:575px) {
    .instructor-tab-navigation .button {
        width:100%
    }
}.instructor-tab-navigation .button:nth-child(1) {
     color:#6e7485;
     border:1px solid #e9eaf0;
     background-color:transparent
 }
@media(max-width:575px) {
    .instructor-tab-navigation .button:nth-child(1) {
        margin-bottom:18px
    }
}.instructor-requirements {
     padding:32px 40px;
     border-bottom:1px solid #e9eaf0
 }
@media(max-width:767px) {
    .instructor-requirements {
        padding:16px
    }
}.instructor-requirements:nth-last-child(1) {
     border:0
 }
.instructor-requirements__title {
    margin:0;
    font-size:18px;
    font-weight:500;
    color:#1d2026;
    line-height:24px;
    text-transform:capitalize
}
@media(max-width:575px) {
    .instructor-requirements__title {
        width:100%
    }
}.instructor-requirements__header {
     display:flex;
     align-items:center;
     margin-bottom:24px;
     justify-content:space-between
 }
@media(max-width:575px) {
    .instructor-requirements__header {
        align-items:flex-end;
        flex-direction:column
    }
}.instructor-requirements__header a {
     color:#ff6636;
     font-weight:500;
     white-space:nowrap
 }
.instructor-requirements .wrapper-upload {
    display:grid;
    gap:48px;
    grid-template-columns:repeat(2,1fr)
}
@media(max-width:1024px) {
    .instructor-requirements .wrapper-upload {
        gap:16px
    }
}@media(max-width:991px) {
    .instructor-requirements .wrapper-upload {
        grid-template-columns:auto
    }
}@media(max-width:1520px) {
    .instructor-requirements .wrapper-upload .instructor-uploads>div {
        flex-direction:column
    }
}@media(max-width:1024px) {
    .instructor-requirements .wrapper-upload .instructor-uploads>div {
        justify-content:center
    }
}@media(max-width:1520px) {
    .instructor-requirements .wrapper-upload .instructor-uploads__info {
        margin-top:16px;
        width:100%
    }
}@media(max-width:991px) {
    .instructor-requirements .wrapper-upload .instructor-uploads__info p {
        width:100%
    }
}@media(max-width:1520px) {
    .instructor-requirements .wrapper-upload .instructor-uploads__image {
        margin-right:0
    }
}@media(max-width:991px) {
    .instructor-requirements .wrapper-upload .instructor-uploads__image {
        width:100%
    }
}.instructor-requirements--description h2 {
     margin-bottom:16px
 }
.instructor-requirements--description .ck-toolbar {
    padding:12px;
    background-color:#fff;
    border:1px solid #e9eaf0
}
.instructor-requirements--description .ck-editor__editable {
    padding:12px 18px;
    min-height:150px
}
.instructor-requirements--description .ck-editor__editable p {
    margin:0
}
.instructor-requirements--description .ck-editor__editable_inline {
    border:1px solid #e9eaf0!important
}
.instructor-requirements--description .ck.ck-editor__editable_inline>:last-child {
    margin:0
}
.instructor-requirements--description .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
    box-shadow:none;
    border-color:#ff6636
}
.instructor-requirements--description .ck.ck-button.ck-on,.instructor-requirements--description a.ck.ck-button.ck-on {
    background-color:#f5f7fa!important
}
.instructor-publish {
    margin-bottom:40px
}
@media(max-width:991px) {
    .instructor-publish {
        margin-bottom:20px
    }
}.instructor-publish h2 {
     margin-bottom:24px
 }
.instructor-publish__search-instructor {
    margin-top:24px
}
@media(max-width:767px) {
    .instructor-publish__search-instructor .card-instructor {
        margin-bottom:16px
    }
}.instructor-publish__search-instructor .card-instructor::nth-last-child(1) {
     margin-bottom:0
 }
.instructor-settings .card-settings {
    margin-bottom:24px
}
.instructor-settings .form .form-field,.instructor-settings .form .form-textarea,.instructor-settings .form .form-field-social {
    margin-bottom:18px
}
.instructor-settings .form-checkitem {
    margin-bottom:20px
}
.instructor-settings .form-checkitem .form-check-input:checked+.form-check-label {
    color:#1d2026
}
.instructor-settings .card-upload {
    margin-bottom:20px
}
.instructor-messages {
    margin:0 12px
}
.instructor-curriculum .curriculum-section {
    margin-bottom:32px
}
.instructor-curriculum__adsection {
    margin-bottom:60px
}
.section-padding {
    padding:80px 0
}
@media only screen and (max-width:767px) {
    .section-padding {
        padding:60px 0
    }
}.section-padding-bottom {
     padding-bottom:100px
 }
@media only screen and (max-width:767px) {
    .section-padding-bottom {
        padding-bottom:60px
    }
}.section-title {
     text-align:center;
     margin-bottom:40px
 }
.section-title h2 {
    font-weight:600;
    font-size:40px;
    letter-spacing:-0.01em;
    color:#1d2026
}
@media only screen and (max-width:767px) {
    .section-title h2 {
        font-size:32px
    }
}@media only screen and (max-width:479px) {
    .section-title h2 {
        font-size:28px
    }
}.section-title.section-title2 {
     display:flex;
     align-items:center;
     text-align:left;
     justify-content:space-between;
     margin-bottom:30px
 }
.section-title.section-title2 h2 {
    margin-bottom:15px
}
@media only screen and (max-width:991px) {
    .section-title.section-title2 {
        display:block;
        text-align:center
    }
}@media only screen and (max-width:479px) {
    .section-title.section-title2 {
        padding-top:30px;
        padding:0 20px
    }
}.section-title.section-title2 p {
     font-size:14px;
     line-height:22px;
     letter-spacing:-0.01em;
     color:#4e5566
 }
.section-title.course-title {
    margin-bottom:55px
}









.hero-section {
    min-height:548px;
    display:flex;
    align-items:center;
    background-repeat:no-repeat;
    background-position:center right;
    background-image:none!important;
    overflow:hidden;
    position:relative;
    z-index:0;
    background:#f0f2f5
}
.hero-section:before {
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:-1;
    position:absolute;
    background-color:rgba(255,255,255,0.8)
}
@media only screen and (max-width:991px) {
    .hero-section:before {
        content:""
    }
}@media only screen and (max-width:991px) {
    .hero-section {
        background:0;
        background-image:url(https://www.17sucai.com/2022/1/q1bmf11814/assets/css/src/images/hero-thumb.jpg)!important
    }
}@media only screen and (max-width:479px) {
    .hero-section {
        min-height:475px
    }
}.st_screenfix {
     margin-right:calc((-100vw+100%) / 2);
     max-width:1640px
 }
.hero-thumb {
    height:548px;
    position:relative;
    left:5px;
    -webkit-clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);
    clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)
}
.hero-thumb img {
    width:100%;
    height:100%;
    object-fit:cover
}
@media only screen and (max-width:991px) {
    .hero-thumb {
        display:none
    }
}@media(max-width:991px) {
    .hero-content {
        text-align:center
    }
}.hero-content h1 {
     font-weight:600;
     font-size:72px;
     letter-spacing:-0.02em;
     color:#1d2026;
     margin-bottom:40px;
     line-height:74px
 }
@media(max-width:1200px) {
    .hero-content h1 {
        font-size:48px;
        line-height:62px;
        margin-bottom:20px
    }
}@media(max-width:575px) {
    .hero-content h1 {
        font-size:36px;
        line-height:42px
    }
}.hero-content p {
     font-size:24px;
     line-height:32px;
     color:#4e5566;
     margin-bottom:35px
 }
@media(max-width:1200px) {
    .hero-content p {
        font-size:16px;
        line-height:26px;
        margin-bottom:20px
    }
}.form-group {
     display:flex;
     align-items:flex-end;
     justify-content:space-between
 }
@media(max-width:575px) {
    .form-group {
        flex-direction:column
    }
}.form-group>div {
     width:50%;
     margin-right:24px
 }
@media(max-width:575px) {
    .form-group>div {
        width:100%;
        margin:0;
        margin-bottom:18px
    }
}.form-group>div:nth-last-child(1) {
     margin:0
 }
@media(max-width:1024px) {
    .form-group--3 {
        flex-direction:column
    }
}@media(max-width:1024px) {
    .form-group--3>div {
        margin:0;
        width:100%
    }
}@media(max-width:1200px) {
    .form-group--4 {
        display:grid;
        gap:24px;
        grid-template-columns:repeat(2,1fr)
    }
}@media(max-width:767px) {
    .form-group--4 {
        gap:18px
    }
}@media(max-width:575px) {
    .form-group--4 {
        grid-template-columns:1fr
    }
}.form-group--4>div {
     width:50%;
     margin-right:24px
 }
@media(max-width:1200px) {
    .form-group--4>div {
        width:100%;
        margin:0
    }
}.form-group--4>div:nth-last-child(1) {
     margin:0
 }
.form-searchbox {
    position:relative;
    overflow:hidden
}
.form-searchbox .icon {
    top:50%;
    left:20px;
    position:absolute;
    transform:translateY(-50%)
}
.form-searchbox input {
    padding-left:55px
}
.form-field .field-wrapper {
    overflow:hidden;
    position:relative
}
.form-field .field-wrapper input {
    padding-right:60px
}
.form-field .field-wrapper .icon {
    top:50%;
    right:18px;
    position:absolute;
    transform:translateY(100%);
    transition:all .1s ease-in
}
.form-field .field-wrapper .icon--eye {
    transform:translateY(-50%);
    cursor:pointer
}
.form-field .field-wrapper__count {
    top:50%;
    right:18px;
    color:#4e5566;
    position:absolute;
    transform:translateY(-50%)
}
.form-field--success .field-wrapper .icon--eye,.form-field--warning .field-wrapper .icon--eye {
    transform:translateY(100%)
}
.form-field--success .field-wrapper input {
    border-color:#7bd785;
    background:linear-gradient(0deg,rgba(223,242,225,0.5),rgba(223,242,225,0.5)),linear-gradient(0deg,#fff,#fff)
}
.form-field--success .field-wrapper input:hover {
    border:3px solid #7bd785
}
.form-field--success .field-wrapper .icon--success {
    transform:translateY(-50%)
}
.form-field--warning .field-wrapper input {
    border-color:#ee8f8f;
    background:linear-gradient(0deg,rgba(249,234,234,0.5),rgba(249,234,234,0.5)),linear-gradient(0deg,#fff,#fff)
}
.form-field--warning .field-wrapper input:hover {
    border:3px solid #ee8f8f
}
.form-field--warning .field-wrapper .icon--warning {
    transform:translateY(-50%)
}
.form-field-social .field-wrapper {
    position:relative
}
.form-field-social .field-wrapper .icon {
    top:50%;
    left:18px;
    position:absolute;
    padding-right:12px;
    transform:translateY(-50%);
    border-right:1px solid #e9eaf0
}
.form-field-social .field-wrapper input {
    padding:8px 18px;
    padding-left:62px
}
.form-field-price .field-wrapper {
    position:relative
}
.form-field-price .field-wrapper .icon,.form-field-price .field-wrapper .text-currencies {
    top:50%;
    position:absolute;
    transform:translateY(-50%)
}
.form-field-price .field-wrapper .icon {
    left:18px;
    padding-right:8px
}
.form-field-price .field-wrapper .text-currencies {
    right:18px;
    color:#4e5566
}
.form-field-price .field-wrapper input {
    padding-left:45px
}
.form-field-reply .field-wrapper {
    position:relative
}
.form-field-reply .field-wrapper .icon {
    top:50%;
    position:absolute;
    transform:translateY(-50%)
}
.form-field-reply .field-wrapper .icon {
    left:18px;
    padding-right:8px
}
.form-field-reply .field-wrapper input {
    padding-left:55px
}
.form-textarea textarea {
    resize:none;
    width:100%;
    min-height:130px;
    font-size:16px;
    overflow:hidden;
    line-height:24px;
    position:relative;
    padding:12px 18px;
    overflow-y:scroll;
    border:1px solid #e9eaf0
}
.form-textarea textarea::-webkit-scrollbar {
    width:2px
}
.form-textarea textarea::-webkit-scrollbar-track {
    background:#f1f1f1
}
.form-textarea textarea::-webkit-scrollbar-thumb {
    background:#363b47
}
.form-textarea textarea::-webkit-scrollbar-thumb:hover {
    background:#555
}
.form-textarea textarea::placeholder {
    color:#8c94a3
}
.form-agrement {
    display:flex;
    align-items:center
}
.form-agrement input {
    width:22px;
    height:22px;
    flex-shrink:0;
    margin-right:10px;
    border:1px solid #ced1d9
}
.form-agrement label,.form-agrement p {
    margin:0;
    font-size:14px;
    color:#6e7485;
    line-height:22px;
    white-space:nowrap;
    letter-spacing:-0.01em;
    text-transform:capitalize
}
.form-agrement label a,.form-agrement p a {
    color:#564ffd
}
.form-agrement label a:hover,.form-agrement p a:hover {
    color:inherit
}
.form-selects .bv_ul_mobile {
    position:absolute!important;
    max-height:none!important
}
.form-selects .bv_ul_bg {
    display:none
}
.form-selects .bv_mainselect {
    padding:0;
    position:relative;
    font-family:Inter
}
.form-selects .bv_mainselect .bv_atual {
    color:#8c94a3;
    font-size:16px;
    line-height:24px;
    border-radius:0
}
.form-selects .bv_mainselect .bv_atual .arrow {
    border-color:#1d2026;
    border-width:0 1.5px 1.5px 0
}
.form-selects .bv_mainselect .bv_ul_inner {
    bottom:auto!important;
    top:100%!important;
    left:0!important;
    height:auto!important;
    overflow:visible!important;
    margin:0;
    border-top:0!important;
    padding:12px 0;
    border-radius:0;
    position:absolute!important;
    width:100%!important;
    border:1px solid #e9eaf0!important;
    box-shadow:0 6px 16px 0 #0000f
}
.form-selects .bv_mainselect .bv_ul_inner li {
    padding:5px 18px!important;
    color:#4e5566;
    transition:all .3s linear
}
.form-selects .bv_mainselect .bv_ul_inner li:hover {
    color:#1d2026;
    background-color:#ffeee8
}
.form-upload {
    position:relative;
    border-right:0
}
.form-upload:hover {
    border:1px solid #e9eaf0;
    border-right:0
}
.form-upload input {
    display:none
}
.form-upload .button {
    top:50%;
    right:0;
    width:auto;
    cursor:pointer;
    position:absolute;
    transform:translateY(-50%)
}
.form-attach {
    padding:24px;
    position:relative;
    text-align:center;
    border:1px solid #e9eaf0
}
.form-attach input {
    display:none
}
.form-attach label {
    width:100%;
    height:100%
}
.form-attach label span {
    width:100%;
    display:inline-block
}
.form-attach label .title {
    font-size:16px;
    color:#1d2026;
    font-weight:500;
    line-height:22px;
    margin-bottom:8px;
    text-transform:capitalize
}
.form-attach label .cap {
    color:#8c94a3
}
.register-title {
    font-size:40px;
    font-weight:600;
    color:#1d2026;
    line-height:48px;
    text-align:center;
    margin-bottom:40px;
    letter-spacing:-0.01em;
    text-transform:capitalize
}
@media(max-width:575px) {
    .register-title {
        font-size:32px;
        line-height:42px
    }
}.register .form-group:nth-last-child(1) {
     margin-top:40px;
     margin-bottom:0
 }
.register .form-group .form-check {
    width:100%;
    margin:0
}
@media(max-width:575px) {
    .register .form-group .form-check {
        margin-bottom:16px
    }
}.register .form-group .form-check-input {
     border-color:#ced1d9
 }
.register .form-group .form-check-input:checked {
    border-color:transparent
}
.register .form-group .form-check-input:checked+.form-check-label {
    color:#1d2026
}
.register .form-group .form-check-label {
    color:#6e7485;
    white-space:nowrap
}
.register .form-signup {
    margin-top:32px
}
.register .form-signup h6 {
    font-size:14px;
    color:#8c94a3;
    line-height:14px;
    position:relative;
    text-align:center;
    margin-bottom:24px;
    text-transform:uppercase
}
.register .form-signup h6::after,.register .form-signup h6::before {
    content:"";
    top:50%;
    height:1px;
    position:absolute;
    width:calc(50% - 70px);
    transform:translateY(-50%);
    background-color:#e9eaf0
}
.register .form-signup h6::after {
    right:0
}
.register .form-signup h6::before {
    left:0
}
.register .form-signup__wrapper {
    display:flex;
    align-items:center;
    justify-content:space-around
}
.register-formWrapper .form-group {
    margin-bottom:18px
}
.searchbox-course {
    position:relative
}
.searchbox-course input {
    padding:0 52px 0 48px;
    border:1px solid #e9eaf0;
    height:48px;
    width:100%;
    transition:.3s
}
.searchbox-course .course-search-icon-left {
    position:absolute;
    top:13px;
    left:21px
}
.searchbox-course .course-search-icon-right {
    position:absolute;
    top:11px;
    right:21px;
    margin-top:3px;
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#4e5566;
    cursor:pointer
}
.searchbox-course::-webkit-input-placeholder {
    color:#8c94a3;
    font-size:16px;
    font-weight:400
}
.searchbox-course::-moz-placeholder {
    color:#8c94a3;
    font-size:16px;
    font-weight:400
}
.searchbox-course:-ms-input-placeholder {
    color:#8c94a3;
    font-size:16px;
    font-weight:400
}
.searchbox-course:-moz-placeholder {
    color:#8c94a3;
    font-size:16px;
    font-weight:400
}
.searchbox-course input:focus {
    border:1px solid #ff6636
}
.searchbox-course input:hover {
    border:1px solid #ffddd1
}
.course-searchbox-input {
    position:relative;
    display:flex
}
.course-searchbox-input input {
    padding:0 0 0 54px;
    border:1px solid #e9eaf0;
    height:48px;
    width:100%;
    transition:.3s;
    margin-right:10px
}
.course-searchbox-input .course-search-icon-left {
    position:absolute;
    top:13px;
    left:21px
}
.course-searchbox-input .course-search-icon-right {
    position:absolute;
    top:11px;
    right:21px;
    margin-top:3px;
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#4e5566;
    cursor:pointer
}
.course-searchbox-input::-webkit-input-placeholder {
    color:#8c94a3;
    font-size:16px;
    font-weight:400
}
.course-searchbox-input::-moz-placeholder {
    color:#8c94a3;
    font-size:16px;
    font-weight:400
}
.course-searchbox-input:-ms-input-placeholder {
    color:#8c94a3;
    font-size:16px;
    font-weight:400
}
.course-searchbox-input:-moz-placeholder {
    color:#8c94a3;
    font-size:16px;
    font-weight:400
}
.course-searchbox-input input:focus {
    border:1px solid #ff6636
}
.course-searchbox-input input:hover {
    border:1px solid #ffddd1
}
.searchbox-input-card {
    padding:0 52px 0 21px!important
}
.course-searchbox-success {
    position:relative
}
.course-searchbox-success input {
    padding:0 0 0 48px;
    border:1px solid #7bd785;
    height:48px;
    width:100%;
    transition:.3s;
    background:linear-gradient(0deg,rgba(223,242,225,0.5),rgba(223,242,225,0.5)),#fff
}
.course-searchbox-success .course-search-icon-left {
    position:absolute;
    top:13px;
    left:21px
}
.course-searchbox-success .course-search-icon-right {
    position:absolute;
    top:8px;
    right:21px;
    margin-top:3px;
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#4e5566;
    cursor:pointer
}
.course-searchbox-success::-webkit-input-placeholder {
    color:#8c94a3;
    font-size:16px;
    font-weight:400
}
.course-searchbox-success::-moz-placeholder {
    color:#8c94a3;
    font-size:16px;
    font-weight:400
}
.course-searchbox-success:-ms-input-placeholder {
    color:#8c94a3;
    font-size:16px;
    font-weight:400
}
.course-searchbox-success:-moz-placeholder {
    color:#8c94a3;
    font-size:16px;
    font-weight:400
}
.course-searchbox-success input:focus {
    border:1px solid #7bd785
}
.course-searchbox-success input:hover {
    border:1px solid #7bd785
}
.course-searchbox-warning {
    position:relative
}
.course-searchbox-warning input {
    padding:0 0 0 48px;
    border:1px solid #f9eaea;
    height:48px;
    width:100%;
    transition:.3s;
    background:linear-gradient(0deg,rgba(249,234,234,0.5),rgba(249,234,234,0.5)),#fff
}
.course-searchbox-warning .course-search-icon-left {
    position:absolute;
    top:13px;
    left:21px
}
.course-searchbox-warning .course-search-icon-right {
    position:absolute;
    top:8px;
    right:21px;
    margin-top:3px;
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#4e5566;
    cursor:pointer
}
.course-searchbox-warning::-webkit-input-placeholder {
    color:#8c94a3;
    font-size:16px;
    font-weight:400
}
.course-searchbox-warning::-moz-placeholder {
    color:#8c94a3;
    font-size:16px;
    font-weight:400
}
.course-searchbox-warning:-ms-input-placeholder {
    color:#8c94a3;
    font-size:16px;
    font-weight:400
}
.course-searchbox-warning:-moz-placeholder {
    color:#8c94a3;
    font-size:16px;
    font-weight:400
}
.course-searchbox-warning input:focus {
    border:1px solid #ee8f8f
}
.course-searchbox-warning input:hover {
    border:1px solid #ee8f8f
}
input[type=checkbox]:focus {
    box-shadow:none;
    outline:0 none
}
input[type=checkbox]:checked+.form-check-label {
    color:#ff6636
}
input[type=checkbox]:checked+.checkbox-box.form-check-right {
    color:#4e5566!important
}
.checkbox-box {
    display:flex;
    justify-content:space-between
}
.checkbox-box .form-check-right {
    font-size:12px;
    line-height:16px;
    color:#8c94a3
}
.form-check-input[type=checkbox] {
    border-radius:0;
    border:1px solid #ff6636
}
.form-check-label label {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#1d2026;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none!important
}
input[type=checkbox]:checked {
    background-color:#ff6636;
    color:#fff!important;
    cursor:pointer
}
.dropdown-select {
    border:1px solid #e9eaf0
}
.create-course-label {
    display:flex;
    justify-content:space-between;
    border-bottom:2px solid #ff6636;
    padding:21px;
    margin-bottom:10px
}
.create-course-label h4 {
    font-weight:500;
    font-size:16px;
    line-height:22px;
    color:#1d2026;
    margin:0
}
.create-course-label h4 svg {
    margin-right:8px
}
.create-course-label span {
    font-style:normal;
    font-weight:500;
    font-size:12px;
    line-height:16px;
    text-align:right;
    color:#23bd33;
    align-self:center
}
.create-course-label.course-label-one {
    border:0
}
.create-course-label.course-label-one h4 {
    color:#6e7485
}
.create-course-label.course-label-one h4 svg path {
    stroke:#6e7485
}
.create-course-label.course-label-one h4 svg path.gray-color {
    fill:#6e7485
}
.create-course-label.course-label-two {
    border:0
}
.create-course-label.course-label-two h4 {
    color:#1d2026
}
.create-course-label.course-label-two h4 svg path {
    stroke:#1d2026
}
.create-course-label.course-label-two h4 svg path.color-black {
    fill:#1d2026
}
.default-input-field {
    position:relative;
    margin-bottom:20px
}
.default-input-field label {
    font-size:14px;
    letter-spacing:-0.01em;
    color:#1d2026;
    display:block;
    margin-bottom:6px
}
.default-input-field textarea {
    height:112px!important;
    resize:none
}
.default-input-field input,.default-input-field textarea {
    width:100%;
    height:48px;
    font-size:16px;
    font-weight:400;
    padding:10px 50px 10px 18px;
    transition:all .3s;
    border:1px solid #e9eaf0;
    transition:all .3s
}
.default-input-field input:hover,.default-input-field textarea:hover {
    border:1px solid #ffddd1
}
.default-input-field input:focus,.default-input-field textarea:focus {
    border:1px solid #ee8f8f
}
.default-input-field input::-webkit-input-placeholder,.default-input-field textarea::-webkit-input-placeholder {
    color:#8c94a3;
    opacity:1
}
.default-input-field input:-moz-placeholder,.default-input-field textarea:-moz-placeholder {
    color:#8c94a3;
    opacity:1
}
.default-input-field input::-moz-placeholder,.default-input-field textarea::-moz-placeholder {
    color:#8c94a3;
    opacity:1
}
.default-input-field input:-ms-input-placeholder,.default-input-field textarea:-ms-input-placeholder {
    color:#8c94a3;
    opacity:1
}
.default-input-field input::-ms-input-placeholder,.default-input-field textarea::-ms-input-placeholder {
    color:#8c94a3;
    opacity:1
}
.default-input-field input::placeholder,.default-input-field textarea::placeholder {
    color:#8c94a3;
    opacity:1
}
.default-input-field .select-box {
    position:absolute;
    top:40px;
    right:0
}
.default-input-field .select-box .custom-select-trigger {
    min-width:71px;
    color:#4e5566;
    margin:0
}
span.default-input-field-content {
    font-family:Inter;
    font-size:14px;
    letter-spacing:-0.01em;
    color:#4e5566;
    position:absolute;
    top:40px;
    right:18px;
    cursor:pointer
}
.default-input-field.input-dropdown input {
    padding-right:75px
}
.default-input-field.icon-field input {
    padding:5px 0 5px 65px
}
span.default-input-field-icon {
    position:absolute;
    left:20px;
    border-right:1px solid #e9eaf0;
    padding:4px 10px 7px 0;
    top:33px
}
.searchbox.searchbox-course.default-field label {
    font-size:14px;
    letter-spacing:-0.01em;
    color:#1d2026;
    display:block;
    margin-bottom:6px
}
.searchbox.searchbox-course.default-field input {
    background-color:transparent
}
.searchbox.searchbox-course.default-field span.course-search-icon-right {
    top:38px
}
.searchbox.searchbox-course.default-field svg.course-search-icon-left {
    top:39px
}
.card {
    border:0;
    border-radius:0;
    box-sizing:border-box;
    background-clip:border-box
}
.card-title {
    margin:0
}
.card-header,.card-body {
    padding:0;
    background-color:#fff
}
.card-header {
    border:0;
    padding:16px 20px;
    box-shadow:0 -1px 0 0 #e9eaf0 inset
}
.card-header .bv_mainselect,.card-header .bv_atual {
    padding:0
}
.card-activity .card-title {
    font-size:16px;
    overflow:hidden;
    color:#1d2026;
    font-weight:500;
    line-height:22px;
    white-space:nowrap;
    text-transform:capitalize
}
.card-activity .card-header {
    display:flex;
    align-items:center;
    justify-content:space-between
}
.card-activity .card-header .bv_ul_mobile {
    position:absolute!important
}
.card-activity .card-header .bv_ul_bg {
    position:static!important;
    display:none
}
.card-activity .card-header .bv_mainselect {
    position:relative;
    font-family:Inter
}
.card-activity .card-header .bv_mainselect .bv_background {
    background-color:transparent
}
.card-activity .card-header .bv_mainselect .bv_atual {
    border:0;
    display:flex;
    white-space:nowrap;
    align-items:center
}
.card-activity .card-header .bv_mainselect .bv_atual .arrow {
    border-color:#6e7485;
    border-width:0 1.2px 1.2px 0
}
.card-activity .card-header .bv_mainselect .bv_atual .arrows_bv {
    margin-left:12px;
    margin-top:-2px
}
.card-activity .card-header .bv_mainselect .bv_ul_inner {
    padding:8px 0;
    border-radius:0;
    top:100%!important;
    z-index:2!important;
    left:auto!important;
    right:0!important;
    height:auto!important;
    width:160px!important;
    margin:auto!important;
    background-color:#fff;
    max-height:480px!important;
    border:1px solid #e9eaf0!important;
    position:absolute!important;
    box-shadow:0 6px 16px 0 #0000f
}
.card-activity .card-header .bv_mainselect .bv_ul_inner li {
    color:#4e5566;
    padding:6px 18px!important;
    transition:all .3s linear
}
.card-activity .card-header .bv_mainselect .bv_ul_inner li:hover {
    color:#1d2026;
    background-color:#ffeee8
}
.card-activity .card-body .chart-info {
    margin-top:24px;
    margin-left:10px;
    padding-bottom:20px
}
.card-activity .card-body .chart-info h6 {
    font-size:20px;
    color:#1d2026;
    font-weight:500;
    line-height:26px;
    margin-bottom:4px;
    text-transform:capitalize
}
.card-activity .card-body .chart-info p {
    color:#6e7485
}
.card-activity #viewChart,.card-activity #revenueChart {
    margin-top:20px
}
.card-instructor {
    padding:16px;
    display:flex;
    overflow:hidden;
    position:relative;
    align-items:center;
    background-color:#f5f7fa
}
.card-instructor .image {
    width:48px;
    height:48px;
    overflow:hidden;
    margin-right:12px;
    border-radius:50%
}
.card-instructor .image img {
    width:inherit;
    height:inherit
}
.card-instructor .info h6 {
    margin:0;
    color:#1d2026;
    font-weight:600
}
.card-instructor .info p {
    color:#6e7485
}
.card-instructor .close {
    top:50%;
    right:16px;
    color:#4e5566;
    position:absolute;
    transform:translateY(-50%)
}
@media(max-width:575px) {
    .card-instructor .close {
        top:12px;
        transform:translateY(0px)
    }
}.card-instructor .close:hover {
     color:#1d2026
 }
.card-settings {
    padding:40px;
    background-color:#fff
}
.card-settings__title {
    margin-bottom:24px
}
.card-upload {
    padding:32px;
    background-color:#f1f0ef
}
.card-upload__info {
    font-size:12px;
    color:#6e7485;
    line-height:16px;
    text-align:center;
    text-transform:capitalize
}
.instructor-uploads>div {
    display:flex
}
.instructor-uploads .instructor-requirements__title {
    margin-bottom:16px
}
.instructor-uploads__image {
    width:228px;
    height:160px;
    overflow:hidden;
    margin-right:24px;
    position:relative;
    background-color:#f5f7fa
}
.instructor-uploads__image img,.instructor-uploads__image video {
    width:inherit;
    height:inherit;
    object-fit:contain
}
.instructor-uploads__info p {
    width:345px;
    color:#6e7485;
    margin-bottom:24px
}
@media(max-width:575px) {
    .instructor-uploads__info p {
        width:100%
    }
}.instructor-uploads__info p b {
     font-weight:500;
     color:#1d2026
 }
.instructor-uploads__info .upload input {
    display:none
}
.instructor-uploads__info .upload .button {
    width:auto;
    float:left;
    cursor:pointer
}
.course-item-4 {
    position:relative;
    margin-bottom:30px
}
.course-item-4 a {
    display:block
}
.course-item-4 .course-item-5-card-img {
    height:234px
}
.course-item-4-card {
    background-color:#fff;
    border:1px solid #e9eaf0
}
.course-item-4-card .course-item-4-card-img {
    transition:.3s;
    overflow:hidden;
    height:228px;
    padding:0
}
.course-item-4-card .course-item-4-card-img img {
    height:100%;
    width:100%;
    transition:.3s;
    object-fit:cover
}
.course-item-4-card:hover img {
    transform:scale(1.08)
}
.course-item-4-card-info {
    display:flex;
    justify-content:space-between;
    padding:16px 18px 0 18px
}
.course-item-4-card-info button {
    border:0;
    background-color:none
}
.course-item-4-card-info-tag {
    font-weight:600;
    font-size:10px;
    text-transform:uppercase;
    color:#993d20;
    padding:4px 6px;
    background-color:#ffeee8
}
.course-item-4-card-info-price {
    margin:0;
    font-weight:500;
    font-size:18px;
    line-height:24px;
    color:#ff6636
}
.course-item-4-card a {
    font-weight:500;
    font-size:16px;
    line-height:20px;
    letter-spacing:-0.01em;
    color:#1d2026;
    margin:0;
    padding:8px 18px 16px 18px
}
.course-item-4-card .title-link {
    font-size:12px;
    line-height:16px;
    color:#6e7485;
    margin-bottom:2px
}
.course-item-4-card-footer {
    display:flex;
    justify-content:space-between;
    border-top:1px solid #e9eaf0;
    padding:17px 18px
}
.course-item-4-card-footer-review {
    font-weight:500;
    font-size:14px;
    line-height:20px;
    letter-spacing:-0.01em;
    color:#4e5566
}
.course-item-4-card-footer-review svg {
    margin-right:7px;
    margin-bottom:3px
}
.course-item-4-card-footer-student {
    font-weight:500;
    font-size:14px;
    margin:0;
    letter-spacing:-0.01em;
    color:#4e5566
}
.course-item-4-card-footer-student svg {
    margin-left:7px
}
.course-item-4-card-footer-student span {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#8c94a3;
    font-weight:400
}
.course-item-4 .course-item-5-card-head {
    font-size:16px;
    line-height:22px;
    margin:0
}
.title-link {
    font-size:12px;
    line-height:16px;
    color:#6e7485;
    margin-bottom:2px
}
.course-item-4:hover .course-hover-detalis {
    opacity:1;
    visibility:visible
}
.course-hover-detalis {
    border:1px solid #e9eaf0;
    box-sizing:border-box;
    box-shadow:0 4px 20px rgba(29,32,38,0.12);
    width:calc(100%+160px);
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background-color:#fff;
    z-index:1;
    transition:all .3s;
    opacity:0;
    visibility:hidden
}
@media only screen and (max-width:1499px) {
    .course-hover-detalis {
        width:calc(100%+65px)
    }
}@media only screen and (max-width:1199px) {
    .course-hover-detalis {
        width:100%
    }
}.course-hover-detalis .feature-course-right-content {
     padding:20px
 }
.course-hover-detalis .feature-course-info {
    margin-bottom:10px
}
.course-hover-detalis a.feature-course-head {
    font-style:normal;
    font-weight:500;
    font-size:18px;
    line-height:24px;
    color:#1d2026!important;
    margin-bottom:15px
}
@media only screen and (max-width:1499px) {
    .course-hover-detalis a.feature-course-head {
        font-size:16px
    }
}.course-hover-detalis .feature-course-mid {
     margin-bottom:20px
 }
.course-hover-detalis .feature-course-mid img {
    height:48px;
    width:48px
}
.course-hover-detalis .feature-course-mid img p {
    font-size:16px
}
.course-hover-detalis .feature-course-mid img p span {
    font-size:16px
}
.course-hover-detalis .feature-course-user-data {
    display:block!important
}
.course-hover-detalis .feature-course-user-data p {
    font-size:14px;
    letter-spacing:-0.01em;
    color:#8c94a3;
    padding-left:12px;
    margin:0
}
.course-hover-detalis .feature-course-right-content-header {
    padding:0
}
.course-hover-detalis .feature-course-footer {
    padding:0;
    border-top:0
}
.course-hover-detalis .price-discount {
    border-bottom:1px solid #e9eaf0;
    padding:0 20px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.course-hover-detalis .price-discount h5 {
    font-size:24px;
    color:#1d2026;
    margin:0;
    display:flex;
    align-items:center
}
.course-hover-detalis .price-discount h5 del {
    color:#8c94a3;
    font-size:16px;
    margin:0 5px;
    margin-right:10px
}
.course-hover-detalis .price-discount h5 span {
    font-weight:500;
    font-size:14px;
    text-transform:uppercase;
    color:#ff6636;
    background-color:#ffeee8;
    padding:8px 12px
}
.course-hover-detalis .price-discount .heart-icon {
    width:48px;
    height:48px;
    background:#ffeee8;
    text-align:center;
    line-height:47px;
    cursor:pointer
}
.course-hover-detalis .what-your-learn {
    padding:20px;
    border-bottom:1px solid #e9eaf0
}
.course-hover-detalis .what-your-learn h5 {
    font-weight:500;
    font-size:12px;
    line-height:12px;
    text-transform:uppercase;
    color:#1d2026
}
.course-hover-detalis .what-your-learn ul {
    margin:0;
    padding:0;
    list-style:none
}
.course-hover-detalis .what-your-learn ul li {
    padding-left:30px;
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#6e7485;
    position:relative;
    margin-bottom:8px
}
.course-hover-detalis .what-your-learn ul li svg {
    position:absolute;
    left:0;
    top:7px
}
.course-hover-detalis .hover-footesection {
    padding:20px 20px 30px
}
@media only screen and (max-width:1199px) {
    .course-hover-detalis .hover-footesection {
        padding:20px 20px 10px
    }
}.course-hover-detalis .hover-footesection a.default-btn {
     margin-bottom:12px
 }
.course-hover-detalis .hover-footesection a.default-btn svg {
    margin-right:10px
}
.course-item-4-footer {
    transition:.3s
}
.course-lecture {
    background-color:#fff;
    position:relative;
    transition:.3s;
    border:1px solid #e9eaf0
}
.course-lecture-img {
    height:220px
}
.course-lecture-img a {
    display:block
}
.course-lecture-img img {
    height:100%;
    width:100%;
    object-fit:cover
}
.course-lecture .all-title {
    padding:16px
}
.course-lecture .title-link {
    font-size:12px;
    line-height:16px;
    color:#6e7485;
    margin-bottom:10px
}
.course-lecture .title-link-no {
    font-weight:500;
    font-size:14px;
    line-height:20px;
    letter-spacing:-0.01em;
    color:#1d2026
}
.course-lecture .course-lecture-footer {
    display:flex;
    justify-content:space-between;
    border-top:1px solid #e9eaf0;
    padding:17px 18px
}
.course-lecture .course-lecture-footer .percent-complete {
    align-self:center;
    font-weight:500;
    font-size:14px;
    line-height:20px;
    letter-spacing:-0.01em;
    color:#23bd33
}
a.course-lecture-img {
    display:block
}
.course-lecture-watched {
    background-color:#fff;
    transition:.3s;
    position:relative;
    border:1px solid #e9eaf0
}
.course-lecture-watched-img a {
    height:100%;
    width:100%
}
.course-lecture-watched-img a img {
    height:100%;
    width:100%
}
.course-lecture-watched .all-title {
    padding:16px
}
.course-lecture-watched .title-link {
    font-size:12px;
    line-height:16px;
    color:#6e7485;
    margin-bottom:10px
}
.course-lecture-watched .title-link-no {
    font-weight:500;
    font-size:14px;
    line-height:20px;
    letter-spacing:-0.01em;
    color:#1d2026
}
.course-lecture-watched .course-lecture-footer {
    display:flex;
    justify-content:space-between;
    border-top:1px solid #e9eaf0;
    padding:17px 18px
}
.course-lecture-watched .course-lecture-footer .percent-complete {
    align-self:center;
    font-weight:500;
    font-size:14px;
    line-height:20px;
    letter-spacing:-0.01em;
    color:#23bd33
}
.red-border {
    position:absolute;
    bottom:0;
    left:0;
    height:2px;
    width:61%;
    background-color:#ff6636
}
.course-lecture-watched:hover {
    border:1px solid transparent;
    box-shadow:0 12px 48px rgba(29,32,38,0.12)
}
.course-lecture:hover {
    border:1px solid transparent;
    box-shadow:0 12px 48px rgba(29,32,38,0.12)
}
.course-item-4-footer:hover {
    background:#fff;
    box-shadow:0 12px 48px rgba(29,32,38,0.12)
}
.course-item-4-a {
    display:unset
}
.course-section.grid5 {
    background:#f5f7fa;
    padding:80px 0 320px
}
@media only screen and (max-width:767px) {
    .course-section.grid5 {
        padding:60px 0 320px
    }
}.course-section.bg-gray {
     background:#f5f7fa
 }
.course-item-5 {
    max-width:100%;
    flex:0 0 18.9%;
    margin-bottom:20px
}
.course-item-5 a {
    display:block
}
@media only screen and (max-width:1499px) {
    .course-item-5 {
        flex:0 0 23.9%
    }
}@media only screen and (max-width:1199px) {
    .course-item-5 {
        flex:0 0 32.1%
    }
}@media only screen and (max-width:991px) {
    .course-item-5 {
        flex:0 0 48.7%
    }
}@media only screen and (max-width:767px) {
    .course-item-5 {
        flex:0 0 48.3%
    }
}.course-item-5-card {
     background-color:#fff;
     border:1px solid #e9eaf0;
     overflow:hidden
 }
.course-item-5-card img {
    height:100%;
    width:100%;
    object-fit:cover;
    transition:.3s
}
.course-item-5-card-img {
    overflow:hidden;
    height:182px
}
.course-item-5-card:hover img {
    transform:scale(1.08)
}
.course-item-5-card-info {
    display:flex;
    justify-content:space-between;
    padding:16px 14px 0 14px
}
.course-item-5-card-info button {
    border:0;
    background-color:none
}
.course-item-5-card-info-img {
    overflow:hidden;
    height:182px
}
@media only screen and (max-width:991px) {
    .course-item-5-card-info-img {
        height:240px
    }
}.course-item-5-card-info-tag {
     font-weight:600;
     font-size:10px;
     text-transform:uppercase;
     color:#993d20;
     padding:4px 6px;
     background-color:#ffeee8
 }
.course-item-5-card-info-price {
    margin:0;
    font-weight:500;
    font-size:18px;
    line-height:24px;
    color:#ff6636
}
.course-item-5-card-head {
    font-weight:500;
    font-size:14px;
    line-height:20px;
    letter-spacing:-0.01em;
    color:#1d2026!important;
    margin:0;
    padding:10px 14px 14px 14px
}
.course-item-5-card-footer {
    display:flex;
    justify-content:space-between;
    border-top:1px solid #e9eaf0;
    padding:15px 14px
}
.course-item-5-card-footer-review {
    font-weight:500;
    font-size:14px;
    line-height:20px;
    letter-spacing:-0.01em;
    color:#4e5566
}
.course-item-5-card-footer-review svg {
    margin-right:7px;
    margin-bottom:3px
}
.course-item-5-card-footer-student {
    font-weight:500;
    font-size:14px;
    margin:0;
    letter-spacing:-0.01em;
    color:#4e5566
}
.course-item-5-card-footer-student span {
    font-size:14px;
    font-weight:400;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#8c94a3
}
button.course-item-5-card-info-tag.tag-color2 {
    color:#342f98;
    background-color:#ebebff
}
button.course-item-5-card-info-tag.tag-color3 {
    color:#15711f;
    background:#e1f7e3
}
.course-item-5-grid {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
@media only screen and (max-width:1499px) {
    .course-item-5-grid {
        justify-content:inherit;
        column-gap:14.9px
    }
}@media only screen and (max-width:767px) {
    .course-item-5-grid {
        display:block
    }
}.feature-course-section {
     margin-top:-255px
 }
.feature-course-wrap {
    border:1px solid #e9eaf0;
    padding:80px 80px 60px 80px;
    width:calc(100%+160px);
    margin-left:-80px;
    background-color:#fff
}
@media only screen and (max-width:1499px) {
    .feature-course-wrap {
        padding:40px 40px 20px 40px;
        width:100%;
        margin:0
    }
}@media only screen and (max-width:479px) {
    .feature-course-wrap {
        padding:0;
        padding-top:30px
    }
}.feature-course {
     border:1px solid #e9eaf0;
     display:flex;
     overflow:hidden;
     background-color:#fff;
     transition:.3s;
     flex-wrap:wrap;
     margin-bottom:24px
 }
.feature-course img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.3s;
    overflow:hidden
}
.feature-course:hover img {
    transform:scale(1.08)
}
.feature-course:hover {
    box-shadow:0 12px 32px rgba(29,32,38,0.1)
}
.feature-course:hover .feature-course-head {
    color:#ff6636
}
.feature-course:hover .feature-course-mid h5 {
    color:#333
}
.feature-course-left {
    overflow:hidden
}
.feature-course-left a.feature-course-img {
    display:block
}
.feature-course-left .feature-course-img {
    height:203px;
    width:220px
}
@media only screen and (max-width:767px) {
    .feature-course-left .feature-course-img {
        width:100%
    }
}.feature-course-right {
     flex:1
 }
.feature-course-right-content-header {
    padding:18px 13px 18px 20px
}
.feature-course-info {
    display:flex;
    justify-content:space-between
}
.feature-course-info button {
    border:0;
    background-color:none
}
.feature-course-info-tag {
    font-weight:600;
    font-size:10px;
    line-height:24px;
    text-transform:uppercase;
    color:#15711f;
    padding:0 6px;
    background:#e1f7e3
}
.feature-course-info-price {
    font-size:18px;
    line-height:24px;
    letter-spacing:-0.015em;
    color:#1d2026
}
.feature-course-info-price span {
    font-size:14px;
    line-height:24px;
    text-decoration-line:line-through;
    color:#a1a5b3
}
.feature-course .feature-course-footer {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.feature-course-mid {
    display:flex;
    justify-content:space-between
}
.feature-course-mid div {
    display:flex
}
.feature-course-mid img {
    height:28px;
    width:28px;
    border-radius:50%
}
.feature-course-mid h5 {
    font-weight:400;
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#4e5566;
    align-self:center;
    margin:0;
    padding-left:12px;
    display:inline-block;
    transition:.3s
}
.feature-course-mid p {
    font-family:"DM Sans";
    font-weight:500;
    font-size:14px;
    line-height:20px;
    letter-spacing:-0.01em;
    color:#1d2026;
    margin-left:6px;
    align-self:center
}
.feature-course-mid p span {
    font-size:14px;
    line-height:24px;
    color:#a1a5b3;
    font-weight:400
}
.feature-course-footer {
    display:flex;
    justify-content:space-between;
    border-top:1px solid #e9eaf0;
    padding:20px 24px
}
.feature-course-footer p {
    display:inline-block;
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#4e5566
}
.feature-course-footer span {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#8c94a3;
    font-weight:400
}
.feature-course-footer svg {
    margin-right:6px
}
.feature-course-footer .p-color {
    font-weight:500;
    font-size:14px;
    line-height:20px;
    letter-spacing:-0.01em;
    color:#4e5566
}
.feature-course-head {
    font-weight:500;
    font-size:16px;
    line-height:22px;
    color:#1d2026;
    padding:10px 0 17px 0;
    margin:0;
    transition:.3s
}
.tag-color4 {
    color:#1d2026;
    background:#f5f7fa
}
.tag-color5 {
    color:#993d20;
    background:#ffeee8
}
.tag-color6 {
    color:#65390c;
    background:#fff2e6
}
.withdrew-money-card {
    display:flex;
    overflow:hidden;
    flex-wrap:wrap;
    padding:24px;
    margin-bottom:24px;
    background-color:#fff
}
.withdrew-money-card img {
    width:220px;
    height:100%;
    object-fit:cover;
    transition:.3s;
    overflow:hidden
}
.withdrew-money-card:hover img {
    transform:scale(1.08)
}
.withdrew-money-card:hover .feature-course-head {
    color:#ff6636
}
.withdrew-money-card:hover .feature-course-mid h5 {
    color:#333
}
.withdrew-money-card-left {
    width:352px;
    height:100%;
    overflow:hidden
}
.withdrew-money-card-left .withdrew-money-card-img {
    width:352px;
    height:264px
}
@media only screen and (max-width:991px) {
    .withdrew-money-card-left .withdrew-money-card-img {
        width:100%
    }
}.withdrew-money-card-left .withdrew-money-card-img img {
     width:100%;
     height:100%;
     object-fit:cover
 }
.withdrew-money-card-right {
    flex:1
}
.withdrew-money-card-right-content-header {
    padding:0 24px 0 20px
}
.withdrew-money-card-info {
    display:flex;
    column-gap:16px
}
.withdrew-money-card-info p {
    font-size:12px;
    line-height:16px;
    color:#8c94a3
}
.withdrew-money-card-info span {
    font-size:12px;
    line-height:16px;
    color:#4e5566
}
.withdrew-money-card .withdrew-money-card-head {
    font-style:normal;
    font-weight:600;
    font-size:20px;
    line-height:26px;
    color:#1d2026;
    padding:12px 0 8px 0
}
.withdrew-money-card .withdrew-money-card-p {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#6e7485
}
.withdrew-money-card .withdrew-money-card-footer {
    display:flex;
    justify-content:space-between;
    border-top:1px solid #e9eaf0;
    margin-left:24px
}
.withdrew-money-card-mid {
    display:flex;
    justify-content:space-between;
    margin:24px 0;
    flex-wrap:wrap
}
.withdrew-money-card-mid-inner {
    display:flex;
    column-gap:12px
}
.withdrew-money-card-mid-inner-img-2 {
    margin-left:-30px
}
.withdrew-money-card-mid img {
    height:50px;
    width:50px;
    border-radius:50%;
    border:2px solid #f1f1f1
}
.withdrew-money-card-mid h5 {
    font-weight:400;
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#4e5566;
    align-self:center;
    margin:0;
    transition:.3s;
    margin-bottom:4px
}
.withdrew-money-card-mid .withdrew-money-card-profile-name {
    font-style:normal;
    font-weight:500;
    font-size:16px;
    line-height:22px;
    color:#1d2026;
    margin-right:21px
}
@media only screen and (max-width:479px) {
    .withdrew-money-card-mid .withdrew-money-card-profile-name {
        display:block
    }
}.withdrew-money-card-mid .withdrew-money-card-profile-name:last-child {
     margin-right:0
 }
.withdrew-money-card-mid .withdrew-money-card-profile-name-2 {
    position:relative
}
.withdrew-money-card-mid .withdrew-money-card-profile-name-2:after {
    position:absolute;
    content:" ";
    top:50%;
    left:-12px;
    height:6px;
    width:6px;
    border-radius:50%;
    background-color:#000;
    transform:translate(-50%,-50%)
}
.withdrew-money-card-mid p {
    font-weight:500;
    font-size:16px;
    line-height:20px;
    letter-spacing:-0.01em;
    color:#1d2026;
    margin-left:6px;
    align-self:center;
    display:inline-block
}
.withdrew-money-card-mid p span {
    font-size:14px;
    line-height:24px;
    color:#a1a5b3;
    font-weight:400
}
.withdrew-money-card-footer {
    display:flex;
    justify-content:space-between;
    padding:24px 0 0 0
}
.withdrew-money-card-footer .item-box-all {
    display:flex
}
.withdrew-money-card-footer .item-box-all .item-box {
    margin-right:64px
}
.withdrew-money-card-footer .item-box-all .item-box:last-child {
    margin-right:0
}
.withdrew-money-card-footer .item-box-all .item-box p {
    font-size:20px;
    line-height:32px;
    color:#1d2026
}
.withdrew-money-card-footer .item-box-all .item-box span {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#6e7485;
    margin-top:4px
}
.withdrew-money-card-footer .item-box-all .item-box-line {
    position:relative
}
.withdrew-money-card-footer .item-box-all .item-box-line:after {
    position:absolute;
    content:" ";
    top:15%;
    left:-35px;
    background-color:#e9eaf0;
    height:70%;
    width:1px
}
.withdrew-money-card-footer-item {
    align-self:flex-end
}
.withdrew-money-card-footer-item button {
    height:48px;
    width:48px;
    line-height:47px;
    text-align:center;
    border:0;
    background-color:#f5f7fa;
    margin-left:12px;
    transition:.3s
}
.withdrew-money-card-footer-item button svg {
    transition:.3s
}
.withdrew-money-card-footer-item button svg path {
    transition:.3s
}
.withdrew-money-card-footer-item button:hover {
    background-color:#cc522b
}
.withdrew-money-card-footer-item button:hover svg path {
    stroke:#fff;
    fill:#fff
}
.withdrew-money-card-footer a {
    font-weight:600;
    font-size:16px;
    line-height:48px;
    letter-spacing:-0.008em;
    text-transform:capitalize;
    background-color:#ff6636;
    color:#fff;
    padding:0 24px;
    transition:.3s
}
.withdrew-money-card-footer a:hover {
    background-color:#cc522b;
    color:#fff
}
.withdrew-money-card-footer a:hover a:hover {
    background-color:#cc522b;
    color:#fff
}
.withdrew-money-card .course-searchbox-header {
    display:flex;
    justify-content:space-between
}
.withdrew-money-card .course-searchbox-header h4 {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#1d2026
}
.withdrew-money-card .course-searchbox-header a {
    font-weight:500;
    font-size:14px;
    line-height:20px;
    letter-spacing:-0.01em;
    color:#564ffd
}
.feature-course-profile {
    display:block
}
@media only screen and (max-width:767px) {
    .feature-course img {
        width:100%
    }
    .feature-course {
        flex-direction:column
    }
    .feature-course-mid img {
        height:28px;
        width:28px;
        border-radius:50%
    }
    .feature-course-head {
        font-size:14px
    }
    .feature-course-mid h5 {
        padding-left:5px
    }
    .feature-course-mid p {
        font-size:13px
    }
    .feature-course-footer-item {
        margin-bottom:5px
    }
    .feature-course-footer-item:last-child {
        margin-bottom:0
    }
    .feature-course-right-content-header {
        padding:10px
    }
    .feature-course-footer {
        padding:14px!important
    }
}@media only screen and (max-width:991px) {
    .withdrew-money-card-footer-item {
        margin-top:20px
    }
    .withdrew-money-card-left {
        width:100%
    }
    .withdrew-money-card-right-content-header {
        margin-top:20px;
        padding:0
    }
    .withdrew-money-card .withdrew-money-card-head {
        font-size:16px;
        line-height:24px;
        padding:10px 0 5px 0
    }
    .withdrew-money-card .withdrew-money-card-mid-inner {
        margin:15px 0;
        flex:0 0 auto
    }
    .withdrew-money-card .withdrew-money-card-mid {
        margin:10px 0
    }
    .withdrew-money-card-footer {
        margin-left:0!important;
        flex-wrap:wrap;
        padding:0
    }
    .withdrew-money-card-footer a {
        line-height:40px;
        padding:0 15px;
        font-size:14px
    }
    .withdrew-money-card-footer button {
        height:40px;
        width:40px;
        line-height:40px
    }
    .withdrew-money-card-footer .item-box-all .item-box {
        margin-right:40px
    }
}@media(min-width:992px) and (max-width:1199px) {
    .withdrew-money-card-footer {
        flex-wrap:wrap;
        padding:0
    }
    .withdrew-money-card-footer a {
        line-height:40px;
        padding:0 15px;
        font-size:14px
    }
    .withdrew-money-card-footer button {
        height:40px;
        width:40px;
        line-height:40px
    }
    .withdrew-money-card-footer .item-box-all .item-box {
        margin-right:40px
    }
    .withdrew-money-card .withdrew-money-card-head {
        font-size:16px;
        line-height:22px;
        padding:8px 0 5px 0
    }
    .withdrew-money-card-mid {
        margin:12px 0
    }
    .withdrew-money-card-footer .item-box-all .item-box-line:after {
        left:-25px
    }
    .withdrew-money-card-footer .item-box-all .item-box p {
        font-size:15px;
        line-height:22px
    }
    .withdrew-money-card-footer .item-box-all .item-box span {
        font-size:12px
    }
    .withdrew-money-card .withdrew-money-card-footer {
        padding-top:26px
    }
}@media only screen and (max-width:991px) {
    .shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item-content svg {
        margin-right:0!important
    }
    .shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item {
        flex-direction:column
    }
    .shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-thumb {
        margin:0!important
    }
}@media only screen and (max-width:991px) and (max-width:991px) {
    .shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-thumb {
        height:300px
    }
}@media only screen and (max-width:991px) {
    .shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-item-content {
        flex-direction:column;
        text-align:center
    }
}@media only screen and (max-width:991px) {
    .shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-data {
        padding-top:20px
    }
}@media only screen and (max-width:991px) {
    .shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .move-to-wishlist a {
        margin-top:20px
    }
}@media only screen and (max-width:991px) and (max-width:991px) {
    .shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .move-to-wishlist a {
        margin-top:10px
    }
}@media only screen and (max-width:991px) {
    .wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item {
        flex-direction:column
    }
    .wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .faq-review-item-content {
        flex-direction:column;
        text-align:center
    }
    .wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .faq-review-data {
        padding-top:20px
    }
}@media only screen and (max-width:991px) and (max-width:991px) {
    .wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .faq-review-data {
        margin:0;
        min-height:inherit;
        padding:0;
        text-align:left
    }
}@media only screen and (max-width:991px) {
    .wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .move-to-wishlist a {
        margin-top:20px
    }
}@media only screen and (max-width:991px) {
    .wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .all-btn {
        flex-wrap:wrap;
        justify-content:center
    }
    .wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .all-btn .wishlist-btn,.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .all-btn button {
        margin:10px 0
    }
}.course-item-data {
     text-align:center;
     padding:12px
 }
.course-item-data h5,.course-item-data h4 {
    font-weight:500;
    font-size:16px;
    color:#1d2026;
    margin-bottom:4px
}
.course-item-data h4 {
    font-size:18px
}
.course-item-data p {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#8c94a3
}
.course-item-5-card-img.team-thumb {
    height:244px
}
.faq-header {
    display:flex;
    align-items:center;
    margin-bottom:40px;
    justify-content:space-between
}
@media only screen and (max-width:767px) {
    .faq-header {
        display:block;
        margin-bottom:30px
    }
}.faq-header h2 {
     font-weight:600;
     font-size:40px;
     line-height:1;
     letter-spacing:-0.01em;
     color:#1d2026
 }
@media only screen and (max-width:991px) {
    .faq-header h2 {
        font-size:30px
    }
}@media only screen and (max-width:767px) {
    .faq-header h2 {
        font-size:26px;
        line-height:34px
    }
}.faq-left-sidebar {
     margin-right:14px;
     border:1px solid #e9eaf0;
     padding:8px 0
 }
@media only screen and (max-width:1199px) {
    .faq-left-sidebar {
        margin:0
    }
}.faq-left-sidebar .nav {
     display:block
 }
.faq-left-sidebar .nav ul {
    margin:0;
    padding:0;
    list-style:none
}
.faq-left-sidebar .nav .nav-link {
    font-weight:500;
    font-size:14px;
    line-height:20px;
    letter-spacing:-0.01em;
    color:#1d2026;
    display:block;
    padding:12px 16px;
    width:100%;
    border-radius:0;
    text-align:left;
    transition:all .3s;
    border-bottom:1px solid #e9eaf0
}
.faq-left-sidebar .nav .nav-link.active {
    color:#fff;
    background-color:#FF6636
}
@media only screen and (max-width:991px) {
    .faq-left-sidebar {
        margin:0 0 20px
    }
}.faq-right-sidebar {
     background:#f5f7fa;
     padding:20px;
     margin-left:14px
 }
@media only screen and (max-width:1199px) {
    .faq-right-sidebar {
        margin:0
    }
}.faq-right-sidebar h4 {
     font-weight:500;
     font-size:18px;
     line-height:24px;
     color:#1d2026;
     margin-bottom:8px
 }
.faq-right-sidebar p {
    font-size:12px;
    line-height:16px;
    color:#6e7485;
    margin-bottom:24px
}
.sidebar-field {
    margin-bottom:12px
}
.sidebar-field input,.sidebar-field textarea {
    width:100%;
    height:42px;
    background:#fff;
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#8c94a3;
    border:0;
    padding:10px 16px
}
.sidebar-field input::-webkit-input-placeholder,.sidebar-field textarea::-webkit-input-placeholder {
    color:#8c94a3
}
.sidebar-field input:-moz-placeholder,.sidebar-field textarea:-moz-placeholder {
    color:#8c94a3
}
.sidebar-field input::-moz-placeholder,.sidebar-field textarea::-moz-placeholder {
    color:#8c94a3
}
.sidebar-field input:-ms-input-placeholder,.sidebar-field textarea:-ms-input-placeholder {
    color:#8c94a3
}
.sidebar-field input::-ms-input-placeholder,.sidebar-field textarea::-ms-input-placeholder {
    color:#8c94a3
}
.sidebar-field input::placeholder,.sidebar-field textarea::placeholder {
    color:#8c94a3
}
.sidebar-field textarea {
    height:120px;
    resize:none
}
.accordion__list {
    margin-bottom:20px
}
.accordion__list .link {
    background:#fff;
    border:1px solid #e9eaf0;
    padding:18px 24px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-weight:500;
    font-size:16px;
    transition:all .3s
}
@media only screen and (max-width:767px) {
    .accordion__list .link {
        font-size:15px;
        padding:10px 15px
    }
}.accordion__list .link:hover {
     border:1px solid #e9eaf0;
     box-shadow:0 12px 32px rgba(29,32,38,0.1)
 }
.accordion__list .link svg {
    transition:all .3s
}
.accordion__list .link svg path {
    transition:all .3s
}
.accordion__list .link:hover svg path {
    stroke:#ff6636
}
@media only screen and (max-width:479px) {
    .accordion__list .link span.link__title {
        flex:0 0 85%
    }
}.accordion__list.open .link {
     color:#fff;
     background-color:#1d2026
 }
.accordion__list.open .link svg path {
    stroke:#fff
}
.accordion-wrap .open svg {
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg)
}
.accordion-body-text {
    display:none;
    padding:24px;
    box-shadow:0 12px 32px rgba(29,32,38,0.1)
}
@media only screen and (max-width:767px) {
    .accordion-body-text {
        padding:20px
    }
}.accordion-body-text p {
     font-weight:normal;
     font-size:14px;
     line-height:22px;
     letter-spacing:-0.01em;
     color:#4e5566
 }
.accordion-body-text .faq-description1 ul,.accordion-body-text .faq-description2 ul {
    margin:0;
    padding:20px 0;
    list-style:none
}
.accordion-body-text .faq-description1 ul li,.accordion-body-text .faq-description2 ul li {
    font-weight:normal;
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#4e5566
}
.accordion-body-text .faq-description2 ul li {
    padding-left:12px;
    position:relative
}
.accordion-body-text .faq-description2 ul li:before {
    content:"";
    left:0;
    top:8px;
    width:5px;
    height:5px;
    border-radius:50%;
    position:absolute;
    background-color:#4e5566
}
.cat-section {
    background:#f5f7fa;
    padding:80px 0 320px
}
.cta-left {
    padding:40px;
    position:relative;
    background:url(.png),linear-gradient(90deg,#cc522b 0,#ff6636 100%)
}
@media only screen and (max-width:767px) {
    .cta-left {
        padding:30px
    }
}@media(max-width:1200px) {
    .cta-left {
        margin-bottom:24px
    }
}.cta-left .cat-thumb {
     position:absolute;
     bottom:0;
     right:37px
 }
.cta-left .cat-thumb img {
    height:100%
}
@media only screen and (max-width:767px) {
    .cta-left .cat-thumb {
        display:none
    }
}.cta-left h4 {
     font-weight:600;
     font-size:32px;
     letter-spacing:-0.01em;
     color:#fff;
     margin-bottom:10px
 }
@media only screen and (max-width:767px) {
    .cta-left h4 {
        font-size:26px
    }
}.cta-left p {
     font-size:14px;
     line-height:22px;
     letter-spacing:-0.01em;
     color:#fff;
     margin-right:239px;
     margin-bottom:24px
 }
@media only screen and (max-width:767px) {
    .cta-left p {
        margin-right:0
    }
}.cta-right {
     background-color:#fff;
     padding:38px
 }
@media only screen and (max-width:767px) {
    .cta-right {
        padding:30px
    }
}.cta-right h3 {
     font-weight:600;
     font-size:32px;
     letter-spacing:-0.01em;
     color:#1d2026;
     margin-bottom:15px
 }
@media only screen and (max-width:767px) {
    .cta-right h3 {
        font-size:26px
    }
}@media(max-width:767px) {
    .cta-right h3 {
        text-align:center
    }
}.cta-right ul {
     margin:0;
     padding:0;
     list-style:none;
     display:flex;
     align-items:center;
     flex-wrap:wrap
 }
@media(max-width:991px) {
    .cta-right ul {
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:12px
    }
}@media(max-width:480px) {
    .cta-right ul {
        grid-template-columns:1fr
    }
}.cta-right ul li {
     display:flex;
     align-items:center;
     font-size:16px;
     line-height:24px;
     color:#1d2026;
     margin:10px 0;
     flex:0 0 50%
 }
.cta-right ul li span {
    display:flex;
    align-items:center;
    justify-content:center;
    width:52px;
    height:52px;
    border-radius:100%;
    margin-right:10px;
    font-size:24px;
    font-weight:600;
    flex-shrink:0
}
@media only screen and (max-width:1499px) {
    .cta-right ul li span {
        width:60px;
        height:60px;
        line-height:45px
    }
}.cta-right ul li span.color-1 {
     color:#564ffd;
     background-color:#ebebff
 }
.cta-right ul li span.color-2 {
    color:#ff6636;
    background:#fff0f0
}
.cta-right ul li span.color-3 {
    color:#e34444;
    background:#fff0f0
}
.cta-right ul li span.color-4 {
    color:#23bd33;
    background:#e1f7e3
}
.badge-color-1 {
    background-color:#ebebff
}
.badge-color-1 .category-content-left {
    color:#ebebff
}
.badge-color-1:hover .category-content-left {
    background-color:#564ffd
}
.badge-color-2 {
    background-color:#e1f7e3
}
.badge-color-2:hover .category-content-left {
    background-color:#23bd33
}
.badge-color-3 {
    background-color:#fff2e5
}
.badge-color-3:hover .category-content-left {
    background-color:#fd8e1f
}
.badge-color-4 {
    background-color:#fff0f0
}
.badge-color-4:hover .category-content-left {
    background-color:#e34444
}
.badge-color-5 {
    background-color:#f5f7fa
}
.badge-color-5:hover .category-content-left {
    background-color:#564ffd
}
.badge-color-6 {
    background-color:#e9eaf0
}
.badge-color-6:hover .category-content-left {
    background-color:#8c94a3
}
.badge-color7 {
    background-color:#ffeee8
}
.badge-color7:hover .category-content-left {
    background-color:#564ffd
}
.badge-color-8 {
    background-color:#f5f7fa
}
.badge-color-8:hover .category-content-left {
    background-color:#564ffd
}
.alert-btn-item {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 24px
}
@media only screen and (max-width:767px) {
    .alert-btn-item {
        width:100%!important
    }
}.alert-btn-item a.alert-btn {
     display:flex;
     align-items:center;
     font-family:"DM Sans";
     font-size:16px;
     letter-spacing:-0.01em
 }
.alert-btn-item a.alert-btn svg {
    margin-right:12px;
    flex:0 0 auto
}
.alert-btn-item .close-btn-wrap {
    display:flex;
    align-items:center
}
.alert-btn-item span.label-content {
    font-family:Inter;
    font-weight:600;
    font-size:16px;
    letter-spacing:-0.008em;
    text-transform:capitalize;
    color:#1D2026
}
.alert-btn-item a.close-btn {
    padding:2px 0;
    padding-left:16px;
    margin-left:35px;
    border-left:1px solid rgba(29,32,38,0.2)
}
.alert-btn-item.info-alert {
    width:422px;
    background:#F5F7FA;
    border:1px solid #CED1D9;
    box-shadow:0 4px 16px rgba(29,32,38,0.12)
}
.alert-btn-item.info-alert a.alert-btn {
    color:#1D2026
}
.alert-btn-item.info-alert span.label-content {
    color:#1D2026
}
.alert-btn-item.info-alert a.close-btn {
    border-left:1px solid rgba(29,32,38,0.2)
}
.alert-btn-item.info-alert a.close-btn svg path {
    stroke:#1D2026
}
.alert-btn-item.check-alert {
    width:523px;
    background:#E1F7E3;
    border:1px solid #7BD785;
    box-shadow:0 4px 16px rgba(7,38,10,0.12)
}
.alert-btn-item.check-alert a.alert-btn {
    color:#15711F
}
.alert-btn-item.check-alert span.label-content {
    color:#15711F
}
.alert-btn-item.check-alert a.close-btn {
    border-left:1px solid rgba(21,113,31,0.2)
}
.alert-btn-item.check-alert a.close-btn svg path {
    stroke:#15711F
}
.alert-btn-item.warning-octagon-alert {
    width:451px;
    background:#FFF2E6;
    border:1px solid #FEBC79;
    box-shadow:0 4px 16px rgba(51,39,6,0.12)
}
.alert-btn-item.warning-octagon-alert a.alert-btn {
    color:#65390C
}
.alert-btn-item.warning-octagon-alert span.label-content {
    color:#65390C
}
.alert-btn-item.warning-octagon-alert a.close-btn {
    border-left:1px solid rgba(101,57,12,0.2)
}
.alert-btn-item.warning-octagon-alert a.close-btn svg path {
    stroke:#65390C
}
.alert-btn-item.warning-alert {
    width:430px;
    background:#FFF0F0;
    border:1px solid #EE8F8F;
    box-shadow:0 4px 16px rgba(45,14,14,0.12)
}
.alert-btn-item.warning-alert a.alert-btn {
    color:#882929
}
.alert-btn-item.warning-alert span.label-content {
    color:#882929
}
.alert-btn-item.warning-alert a.close-btn {
    border-left:1px solid rgba(136,41,41,0.2)
}
.alert-btn-item.warning-alert a.close-btn svg path {
    stroke:#882929
}
.alert-btn-item.info-alert.midium-width {
    width:316px
}
.alert-btn-item.check-alert.midium-width {
    width:417px
}
.alert-btn-item.warning-octagon-alert.midium-width {
    width:345px
}
.alert-btn-item.warning-alert.midium-width {
    width:324px
}
.midium-width a.close-btn {
    margin:0;
    padding-left:0;
    border:0!important
}
.modal .btn-close {
    width:18px;
    height:18px
}
.modal .btn-close:focus {
    box-shadow:none;
    border:0
}
.modal-content {
    border-radius:0
}
.modal-title {
    font-size:16px;
    font-weight:500;
    line-height:22px;
    text-transform:capitalize
}
.modal-header {
    border:0;
    padding:16px 20px;
    box-shadow:0 -1px 0 0 #e9eaf0 inset
}
.modal-body {
    padding:24px 20px;
    padding-bottom:0
}
.modal-body-rating {
    text-align:center;
    padding-bottom:30px
}
.modal-body-rating p {
    font-size:20px;
    color:#1d2026;
    font-weight:600;
    line-height:26px;
    margin-bottom:16px;
    text-transform:capitalize
}
.modal-body-rating p span {
    font-size:18px;
    color:#8c94a3;
    font-weight:400;
    line-height:24px;
    letter-spacing:-1.5%
}
.modal-body-rating .jq-star {
    margin:0 6px
}
.modal-footer {
    border:0;
    display:flex;
    padding:24px 20px;
    align-items:center;
    justify-content:space-between
}
@media(max-width:480px) {
    .modal-footer .button {
        width:100%
    }
}.modal--newcard .form-field,.modal--newcard .form .form-field-social {
     margin-bottom:18px
 }
@media(min-width:575px) {
    .modal--newcard .form-group .form-field {
        margin-bottom:0
    }
}.modal--compose .form-selects {
     margin-bottom:18px
 }
.modal--lecturevideo .form-upload {
    margin-bottom:16px
}
.modal--lecturevideo p {
    color:#8c94a3
}
.modal--lecturevideo p span {
    color:#1d2026;
    font-weight:500
}
.modal--cdescription .form-textarea {
    margin-bottom:24px
}
.footer-header {
    box-shadow:inset 0 -1px 0 rgba(54,59,71,0.5);
    padding:100px 0
}
@media(max-width:991px) {
    .footer-header {
        padding:60px 0
    }
}@media only screen and (max-width:767px) {
    .footer-header {
        padding:70px 0
    }
}@media only screen and (max-width:479px) {
    .footer-header {
        padding:70px 0 55px
    }
}.footer-header .footer-header-content {
     margin-right:30px
 }
@media only screen and (max-width:991px) {
    .footer-header .footer-header-content {
        margin:0;
        margin-bottom:30px
    }
}@media only screen and (max-width:479px) {
    .footer-header .footer-header-content {
        margin-bottom:15px
    }
}.footer-header .footer-header-content h3 {
     color:#fff;
     margin-bottom:18px!important
 }
@media(max-width:991px) {
    .footer-header .footer-header-content h3 {
        font-size:36px
    }
}@media(max-width:575px) {
    .footer-header .footer-header-content h3 {
        font-size:32px;
        line-height:42px
    }
}.footer-header .footer-header-content a.footer-btn {
     font-weight:600;
     font-size:16px;
     line-height:48px;
     letter-spacing:-0.008em;
     text-transform:capitalize;
     color:#fff;
     padding:0 24px;
     margin-right:12px;
     transition:all .3s
 }
@media only screen and (max-width:479px) {
    .footer-header .footer-header-content a.footer-btn {
        padding:0 20px;
        line-height:45px;
        margin-bottom:15px
    }
}.footer-header .footer-header-content a.footer-btn.orange-btn {
     background-color:#ff6636
 }
.footer-header .footer-header-content a.footer-btn.orange-btn:hover {
    color:white;
    background-color:#cc522b
}
.footer-header .footer-header-content a.footer-btn.gray-btn {
    background-color:#282b31
}
.footer-header .footer-header-content a.footer-btn.gray-btn:hover {
    color:white;
    background-color:#cc522b
}
.footer-header .footer-counter-wrap {
    display:flex;
    width:100%;
    justify-content:space-between
}
@media only screen and (max-width:479px) {
    .footer-header .footer-counter-wrap {
        display:block
    }
}@media(max-width:991px) {
    .footer-header .footer-counter-wrap {
        margin-top:20px
    }
}@media only screen and (max-width:479px) {
    .footer-header .footer-counter-wrap .footer-counter-item {
        margin-bottom:20px
    }
}@media(max-width:991px) {
    .footer-header .footer-counter-wrap .footer-counter-item {
        text-align:center
    }
}.footer-header .footer-counter-wrap .footer-counter-item h3 {
     font-weight:600;
     font-size:40px;
     line-height:48px;
     letter-spacing:-0.01em;
     color:#fff;
     margin-bottom:12px
 }
@media(max-width:991px) {
    .footer-header .footer-counter-wrap .footer-counter-item h3 {
        font-size:28px;
        line-height:38px
    }
}@media(max-width:767px) {
    .footer-header .footer-counter-wrap .footer-counter-item h3 {
        margin-bottom:6px
    }
}.footer-header .footer-counter-wrap .footer-counter-item p {
     font-weight:500;
     font-size:16px;
     line-height:22px;
     color:#b7bac7
 }
.footer-header.footer-header2 .footer-header-content {
    margin-right:202px
}
@media only screen and (max-width:1499px) {
    .footer-header.footer-header2 .footer-header-content {
        margin-right:115px
    }
}@media only screen and (max-width:1199px) {
    .footer-header.footer-header2 .footer-header-content {
        margin-right:30px
    }
}@media only screen and (max-width:991px) {
    .footer-header.footer-header2 .footer-header-content {
        margin:0
    }
}.footer-header.footer-header2 .footer-header-content h3 {
     margin-bottom:24px
 }
.footer-header.footer-header2 .footer-header-content p {
    color:#b7bac7;
    font-size:16px;
    margin-bottom:40px;
    letter-spacing:normal
}
.footer-header.footer-header2 .footer-header-content a.footer-btn.orange-btn {
    line-height:64px;
    font-size:20px;
    padding:0 40px
}
@media only screen and (max-width:479px) {
    .footer-header.footer-header2 .footer-header-content a.footer-btn.orange-btn {
        line-height:60px;
        font-size:18px;
        padding:0 35px;
        margin:0
    }
}.footer-section {
     background-color:#1d2026
 }
.footer-top {
    padding:80px 0
}
@media only screen and (max-width:1199px) {
    .footer-top {
        padding:70px 0 40px
    }
}@media(max-width:767px) {
    .footer-top {
        padding-bottom:10px
    }
}.footer-top .footer-textarea {
     margin-right:90px
 }
@media only screen and (max-width:1199px) {
    .footer-top .footer-textarea {
        margin:0;
        margin-bottom:30px
    }
}.footer-top .footer-textarea p {
     color:#8c94a3
 }
.footer-top .footer-textarea .footer-logo {
    margin-bottom:20px
}
@media(max-width:767px) {
    .footer-top .footer-widget {
        margin-bottom:30px
    }
}.footer-top .footer-widget .footer-menu-title {
     margin-bottom:22px
 }
@media only screen and (max-width:1199px) {
    .footer-top .footer-widget .footer-menu-title {
        margin-bottom:20px
    }
}.footer-top .footer-widget .footer-menu-title h4 {
     font-family:Inter;
     font-weight:500;
     font-size:14px;
     text-transform:uppercase;
     color:#fff;
     margin:0
 }
.footer-top .footer-widget .footer-menu-title.dowmload-app {
    margin-bottom:20px
}
.footer-top .footer-widget .footer-menu ul {
    margin:0;
    padding:0;
    list-style:none
}
.footer-top .footer-widget .footer-menu ul li {
    margin-bottom:6px
}
.footer-top .footer-widget .footer-menu ul li:nth-last-child(1) {
    margin-bottom:0
}
.footer-top .footer-widget .footer-menu ul li a {
    position:relative;
    color:#8c94a3
}
.footer-top .footer-widget .footer-menu ul li a:hover {
    color:#fff
}
.footer-top .footer-widget .footer-menu ul li a:before {
    content:"";
    left:0;
    bottom:-5px;
    width:0;
    height:2px;
    transition:all .3s;
    position:absolute;
    background-color:#ff6636
}
.footer-top .footer-widget .footer-menu ul li a:hover::before {
    width:100%
}
.footer-top .footer-widget .footer-menu ul li a svg {
    transition:all .3s;
    opacity:0;
    position:relative;
    top:-2px
}
.footer-top .footer-widget .footer-menu ul li a:hover svg {
    margin-left:11px;
    opacity:1
}
.footer-bottom {
    box-shadow:inset 0 1px 0 rgba(54,59,71,0.5);
    padding:24px 0
}
@media only screen and (max-width:767px) {
    .footer-bottom {
        text-align:center
    }
}@media only screen and (max-width:767px) {
    .footer-bottom .copywright-text {
        width:100%
    }
}.footer-bottom .copywright-text p {
     font-size:14px;
     letter-spacing:-0.01em;
     color:#8c94a3
 }
.footer-bottom .copywright-text p a {
    color:#fff
}
@media only screen and (max-width:767px) {
    .footer-bottom .select-box {
        width:100%
    }
}.footer-bottom .custom-select-trigger {
     min-width:208px;
     padding:12px 18px;
     color:#8c94a3;
     border-radius:0;
     font-size:16px;
     margin-left:0;
     border:1px solid #363b47
 }
@media(max-width:575px) {
    .footer-bottom .custom-select-trigger {
        margin-bottom:16px
    }
}.footer-bottom .custom-options {
     top:-230%
 }
.footer-bottom.footer-three {
    box-shadow:none;
    padding:24px 0
}
.footer-bottom.footer-three .copywright-text p {
    color:#6e7485
}
.footer-bottom.footer-three .copywright-text p a {
    color:#1d2026
}
.footer-bottom.footer-three .footer-bottom-menu ul {
    margin:0;
    padding:0;
    list-style:none
}
.footer-bottom.footer-three .footer-bottom-menu ul li {
    display:inline-block;
    margin:0 10px
}
.footer-bottom.footer-three .footer-bottom-menu ul li:first-child {
    margin-left:0
}
.footer-bottom.footer-three .footer-bottom-menu ul li:last-child {
    margin-right:0
}
.footer-bottom.footer-three .footer-bottom-menu ul li a {
    font-size:14px;
    letter-spacing:-0.01em;
    color:#1d2026;
    transition:all .3s
}
.footer-bottom.footer-three .footer-bottom-menu ul li a:hover {
    color:#ff6636
}
.range-middle {
    position:relative;
    width:100%;
    max-width:100%
}
.range-middle .slider {
    position:relative;
    z-index:1;
    height:6px
}
.range-middle .slider>.track {
    position:absolute;
    z-index:1;
    left:0;
    right:0;
    top:0;
    bottom:0;
    border-radius:5px;
    background-color:#FFDDD1
}
.range-middle .slider>.range {
    position:absolute;
    z-index:2;
    left:26%;
    right:26%;
    top:0;
    bottom:0;
    border-radius:5px;
    background-color:#FF6636
}
.range-middle .slider>.thumb {
    position:absolute;
    z-index:3;
    width:12px;
    height:12px;
    background-color:#FF6636;
    border:2px solid #fff;
    border-radius:50%;
    box-shadow:0 2px 6px rgba(29,32,38,0.1);
    transition:box-shadow .3s ease-in-out
}
.range-middle .slider>.thumb.left {
    left:25%;
    margin-left:10px;
    top:7px;
    transform:translate(-15px,-10px)
}
.range-middle .slider>.thumb.right {
    right:25%;
    margin-right:10px;
    top:7px;
    transform:translate(15px,-10px)
}
.range-middle .slider>.thumb.hover {
    box-shadow:0 0 0 5px rgba(255,102,54,0.5)
}
.range-middle .slider>.thumb.active {
    box-shadow:0 0 0 10px rgba(255,102,54,0.7)
}
.range-middle input[type=range] {
    position:absolute;
    pointer-events:none;
    -webkit-appearance:none;
    z-index:2;
    height:10px;
    width:100%;
    opacity:0
}
.range-middle input[type=range]::-webkit-slider-thumb {
    pointer-events:all;
    width:30px;
    height:30px;
    border-radius:0;
    border:0 none;
    background-color:red;
    -webkit-appearance:none
}
.range-middle .youtube-link {
    position:fixed;
    left:20px;
    bottom:20px;
    color:#000;
    text-decoration:none;
    font-size:12px
}
.price-field-wrap {
    display:flex;
    justify-content:space-between;
    margin:24px 0
}
.price-field-wrap .default-input-field {
    flex:0 0 48%;
    position:relative
}
.price-field-wrap .default-input-field input {
    padding:10px 20px 10px 35px
}
.price-field-wrap .default-input-field .dollar {
    color:#1D2026;
    position:absolute;
    top:13px;
    left:20px
}
.review-item {
    display:flex;
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px solid #e9eaf0
}
.review-item:last-child {
    border-bottom:0
}
.review-item .review-thumb {
    width:40px;
    height:40px;
    overflow:hidden;
    border-radius:100%;
    flex:0 0 auto;
    margin-right:16px
}
.review-item .review-thumb img {
    width:100%;
    height:100%;
    object-fit:cover
}
.review-item .review-data h5 {
    font-style:normal;
    font-weight:500;
    font-size:14px;
    letter-spacing:-0.01em;
    color:#1d2026;
    margin-bottom:4px;
    line-height:1
}
.review-item .review-data h5 span {
    font-size:12px;
    color:#6e7485;
    margin-left:20px;
    position:relative
}
.review-item .review-data h5 span::before {
    content:"";
    left:-13px;
    top:6px;
    width:4px;
    height:4px;
    border-radius:50%;
    position:absolute;
    background-color:#6e7485
}
.review-item .review-data .review {
    margin-bottom:12px
}
.review-item .review-data .review ul {
    margin:0;
    padding:0;
    list-style:none
}
.review-item .review-data .review ul li {
    display:inline-block
}
.review-item .review-data p {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#4e5566
}
.student-comment-section {
    margin-bottom:40px
}
.student-cmment-wrap .review-item {
    border-bottom:0;
    padding:0
}
.student-cmment-wrap .review-item .review-data h5 {
    margin-bottom:12px
}
.student-cmment-wrap .review-item .review-data p {
    margin-bottom:12px
}
.student-cmment-wrap .review-item .review-data small {
    font-weight:500;
    color:#fff;
    font-size:10px;
    padding:4px 6px;
    background:#564ffd
}
.student-cmment-wrap .review-item a.replay-btn {
    font-style:normal;
    font-weight:500;
    font-size:14px;
    line-height:20px;
    letter-spacing:-0.01em;
    color:#8c94a3;
    text-transform:uppercase;
    display:flex;
    transition:all .3s
}
.student-cmment-wrap .review-item a.replay-btn:hover {
    color:#ff6636
}
.student-cmment-wrap .review-item a.replay-btn svg {
    margin-right:10px
}
.student-cmment-wrap .review-item a.replay-btn path {
    transition:all .3s
}
.student-cmment-wrap .review-item a.replay-btn:hover path {
    stroke:#ff6636
}
.student-cmment-wrap .review-item.user-comment {
    margin-left:50px
}




.header-top {
    padding:0 34px 0 24px;
    display:flex;
    align-items:center;
    position:relative;
    background-color:#1d2026
}
@media only screen and (max-width:1199px) {
    .header-top {
        padding:20px 34px 20px 24px;
        background-color:#fff
    }
}.header-top .header-right {
     flex:0 0 30%;
     display:flex;
     justify-content:flex-end
 }
.header-top .main-menu {
    flex:0 0 70%
}
.header-top .main-menu ul {
    margin:0;
    padding:0;
    list-style:none
}
.header-top .main-menu ul li {
    display:inline-block
}
.header-top .main-menu ul li a {
    font-weight:500;
    font-size:14px;
    letter-spacing:-0.01em;
    color:#8c94a3;
    padding:16px 20px;
    position:relative;
    transition:all .3s
}
.header-top .main-menu ul li a:hover {
    color:white
}
.header-top .main-menu ul li a:before {
    content:"";
    left:50%;
    width:0;
    top:0;
    position:absolute;
    height:2px;
    background-color:#ff6636;
    transition:.3s;
    transform:translateX(-50%)
}
.header-top .main-menu ul li a:hover::before {
    width:100%
}
.header-top .main-menu ul li a.active {
    color:white
}
.header-top .main-menu ul li a.active::before {
    width:100%
}
@media only screen and (max-width:1199px) {
    .header-top .main-menu {
        display:none
    }
}@media only screen and (max-width:1199px) {
    .header-right {
        display:none!important
    }
}.header-right .select-item .custom-select-trigger {
     min-width:inherit;
     padding-right:15px;
     margin-left:25px;
     color:#a1a5b3
 }
.header-right .select-item .custom-select-trigger:after {
    width:7px;
    height:7px;
    right:0;
    margin-top:-1px;
    border-bottom:1px solid #a1a5b3;
    border-right:1px solid #a1a5b3
}
.header-right .select-item .custom-options {
    margin:18px 0;
    padding:3px 0;
    border:0;
    border-radius:4px
}
.header-right .select-item .custom-option {
    padding:2px 10px
}
.header-bottom {
    padding:10px 32px;
    display:flex;
    align-items:center
}
@media only screen and (max-width:1199px) {
    .header-bottom {
        display:none
    }
}.header-bottom .header-bottom-left {
     flex:0 0 70%
 }
@media only screen and (max-width:1499px) {
    .header-bottom .header-bottom-left {
        flex:0 0 60%
    }
}@media only screen and (max-width:991px) {
    .header-bottom .header-bottom-left {
        flex:0 0 40%
    }
}.header-bottom .header-bottom-left .header-bottom-left-wrap {
     display:flex;
     align-items:center
 }
.header-bottom .header-bottom-left .header-bottom-left-wrap .main-logo {
    margin-right:50px
}
@media only screen and (max-width:1499px) {
    .header-bottom .header-bottom-left .header-bottom-left-wrap .main-logo {
        margin-right:20px
    }
}.header-bottom .header-bottom-left .header-bottom-left-wrap span.custom-select-trigger {
     border:1px solid #e9eaf0;
     min-width:200px;
     height:48px;
     padding:0 18px;
     font-size:16px;
     line-height:24px;
     color:#4e5566;
     display:flex;
     align-items:center;
     margin:0
 }
@media only screen and (max-width:1499px) {
    .header-bottom .header-bottom-left .header-bottom-left-wrap span.custom-select-trigger {
        min-width:150px
    }
}.search-field-wrap .form-searchbox {
     width:424px;
     margin-left:16px
 }
@media(max-width:1380px) {
    .search-field-wrap .form-searchbox {
        width:100%
    }
}@media(max-width:1200px) {
    .search-field-wrap .form-searchbox {
        padding:12px;
        margin-left:0
    }
}@media(max-width:1200px) {
    .search-field-wrap .form-searchbox .icon {
        left:25px
    }
}.search-field-wrap button#search-btn {
     border:0;
     background-color:transparent;
     position:absolute;
     left:20px;
     top:10px
 }
.search-field input[type=search]::-webkit-input-placeholder {
    color:#8c94a3;
    opacity:1
}
.search-field input[type=search]:-moz-placeholder {
    color:#8c94a3;
    opacity:1
}
.search-field input[type=search]::-moz-placeholder {
    color:#8c94a3;
    opacity:1
}
.search-field input[type=search]:-ms-input-placeholder {
    color:#8c94a3;
    opacity:1
}
.search-field input[type=search]::-ms-input-placeholder {
    color:#8c94a3;
    opacity:1
}
.header-bottom-right {
    flex:0 0 30%;
    display:flex;
    align-items:center;
    justify-content:flex-end
}
@media only screen and (max-width:1499px) {
    .header-bottom-right {
        flex:0 0 40%
    }
}@media only screen and (max-width:991px) {
    .header-bottom-right {
        flex:0 0 50%
    }
}.header-bottom-right .header-btn-wrap p {
     font-size:14px;
     color:#4e5566;
     line-height:22px;
     margin-right:16px;
     letter-spacing:-0.01em;
     text-transform:capitalize
 }
@media(max-width:575px) {
    .header-bottom-right .header-btn-wrap p {
        display:none
    }
}.header-bottom-right .header-btn-wrap.modal-btn .button:nth-child(1) {
     color:#ff6636;
     background-color:#fff;
     margin-right:12px
 }
.header-bottom-right .header-btn-wrap a.header-btn {
    display:inline-block;
    padding:0 24px;
    font-family:Inter;
    font-weight:600;
    font-size:16px;
    line-height:48px;
    letter-spacing:-0.008em;
    text-transform:capitalize;
    color:#ff6636;
    margin-right:8px;
    transition:all .3s
}
.header-bottom-right .header-btn-wrap a.header-btn:last-child {
    margin-right:0
}
.header-bottom-right .header-btn-wrap .header-btn.orange-btn {
    background:#ffeee8
}
.header-bottom-right .header-btn-wrap .header-btn.orange-btn:hover {
    color:white;
    background-color:#cc522b
}
.header-bottom-right .header-btn-wrap .header-btn.div-orange-btn {
    color:#fff;
    background-color:#ff6636
}
.header-bottom-right .header-btn-wrap .header-btn.div-orange-btn:hover {
    background-color:#cc522b
}
.header-cart-wrap {
    margin-right:12px
}
.header-cart-wrap ul {
    margin:0;
    padding:0;
    list-style:none
}
.header-cart-wrap ul li {
    margin:0 10px;
    display:inline-block
}
.header-cart-wrap ul li a {
    position:relative
}
.header-cart-wrap ul li a span.count {
    font-family:Inter;
    font-weight:500;
    font-size:10px;
    line-height:10px;
    text-align:center;
    color:#fff;
    width:16px;
    height:16px;
    background:#ff6636;
    display:block;
    padding:3px;
    border-radius:100%;
    position:absolute;
    top:-2px;
    right:-2px
}
.header-cart-wrap ul li a.bell-icon:before {
    content:"";
    right:3px;
    top:3px;
    width:8px;
    height:8px;
    border-radius:50%;
    position:absolute;
    background-color:#ff6636
}
.mobile-user-wrap {
    margin-top:60px;
    padding:20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-top:1px solid #e9eaf0
}
@media(max-width:420px) {
    .mobile-user-wrap {
        display:block;
        text-align:center
    }
}.mobile-user-wrap .mobile-use-left {
     display:flex;
     align-items:center;
     flex:0 0 55%
 }
@media(max-width:420px) {
    .mobile-user-wrap .mobile-use-left {
        display:block;
        margin-bottom:15px
    }
}.mobile-user-wrap .mobile-use-left .mobile-user-thumb {
     width:48px;
     height:48px;
     overflow:hidden;
     border-radius:100%;
     flex:0 0 auto;
     margin-right:12px
 }
@media(max-width:420px) {
    .mobile-user-wrap .mobile-use-left .mobile-user-thumb {
        margin:0 auto 10px
    }
}.mobile-user-wrap .mobile-use-left .mobile-user-thumb img {
     width:100%;
     height:100%;
     object-fit:cover
 }
.mobile-user-wrap .mobile-use-left .mobile-user-data a {
    display:block
}
.mobile-user-wrap .mobile-use-left .mobile-user-data h5 {
    font-weight:500;
    font-size:16px;
    color:#1d2026;
    margin-bottom:4px
}
.mobile-user-wrap .mobile-use-left .mobile-user-data p {
    font-family:Inter;
    font-size:14px;
    letter-spacing:-0.01em;
    color:#8c94a3
}
.mobile-user-wrap .mobile-cart .header-cart-wrap {
    margin:0
}
.mobile-user-wrap .mobile-cart .header-cart-wrap ul {
    margin:0
}
.mobile-user-wrap .mobile-cart .header-cart-wrap ul li {
    border:0
}
@media only screen and (max-width:1199px) {
    .mobile-user-wrap .mobile-cart .header-cart-wrap ul li {
        margin:0 5px
    }
}.mobile-user-wrap .mobile-cart .header-cart-wrap ul li:first-child {
     margin-left:0
 }
.mobile-user-wrap .mobile-cart .header-cart-wrap ul li:last-child {
    margin-right:0
}
.mobile-user-wrap .mobile-cart .header-cart-wrap ul li a {
    padding:0
}
.main-menu {
    display:block
}
.offcanves-menu {
    display:none
}
@media only screen and (max-width:1199px) {
    .offcanves-menu {
        display:block
    }
}.offcanves-menu {
     width:300px;
     background:#fff;
     height:100%;
     position:fixed;
     z-index:111;
     margin-left:-300px;
     transition:.3s;
     padding-right:0;
     height:100vh;
     overflow-y:scroll
 }
.offcanves-menu ul {
    margin:0 0 26px;
    padding:0;
    list-style:none
}
.offcanves-menu ul li {
    position:relative;
    border-bottom:1px solid #ddd
}
.offcanves-menu ul li:last-child {
    border-bottom:0
}
.offcanves-menu ul li a {
    font-family:Inter;
    font-weight:500;
    font-size:14px;
    line-height:20px;
    letter-spacing:-0.01em;
    color:#6e7485;
    padding:14px 20px;
    transition:all .3s;
    display:block
}
.offcanves-menu ul li a:hover {
    color:#ff6636
}
.offcanves-menu ul li a span {
    width:20px;
    height:20px;
    top:0;
    background:#ff6636;
    border-radius:20px;
    font-family:Inter;
    font-weight:500;
    font-size:12px;
    color:#fff;
    float:right;
    text-align:center
}
.offcanves-menu h3 {
    font-weight:600;
    font-size:16px;
    color:#1d2026;
    margin-left:20px
}
.offcanves-menu.active {
    margin-left:0;
    z-index:1111;
    width:340px
}
@media(max-width:340px) {
    .offcanves-menu.active {
        width:290px
    }
}.off-menu span.menubar {
     font-size:28px;
     cursor:pointer;
     transition:all linear .3s;
     color:#fff
 }
.off-menu {
    float:right
}
.close {
    cursor:pointer
}
.close:hover {
    color:#242d48;
    border-color:#242d48
}
.offcanvas-overlay {
    width:100%;
    height:100%;
    background:#000;
    position:absolute;
    z-index:0;
    visibility:hidden;
    opacity:0;
    transition:.3s
}
.offcanvas-overlay.active {
    opacity:.3;
    z-index:111;
    visibility:visible
}
.menu-bar {
    display:none;
    position:absolute;
    top:50%;
    right:30px;
    transform:translateY(-50%);
    cursor:pointer;
    display:none
}
@media only screen and (max-width:1199px) {
    .menu-bar {
        display:block
    }
}.responsive-logo {
     display:none
 }
.responsive-logo svg {
    width:148px
}
@media only screen and (max-width:1199px) {
    .responsive-logo {
        display:block
    }
}.mobile-header {
     display:flex;
     align-items:center;
     justify-content:space-between;
     padding:20px
 }
.mobile-header .mobile-logo svg {
    width:148px
}
a.header-user {
    width:48px;
    height:48px;
    overflow:hidden;
    border-radius:100%
}
a.header-user img {
    width:100%;
    height:100%;
    object-fit:cover
}
.header-bottom.header-three {
    background-color:#f5f7fa
}
@media only screen and (max-width:1199px) {
    .header-bottom.header-three {
        display:flex
    }
}@media only screen and (max-width:991px) {
    .header-bottom.header-three {
        display:block;
        text-align:center
    }
}@media only screen and (max-width:991px) {
    .header-bottom.header-three .header-bottom-right {
        margin-top:20px;
        flex:0 0 100%;
        display:block
    }
}@media only screen and (max-width:991px) {
    .header-bottom.header-three .header-bottom-left-wrap {
        display:block
    }
}a.header-arrow {
     width:58px;
     height:58px;
     background-color:#fff;
     text-align:center;
     line-height:58px;
     border-radius:100%;
     flex:0 0 auto;
     margin-right:16px
 }
@media only screen and (max-width:991px) {
    a.header-arrow {
        margin:0 0 20px
    }
}.header-bottom-meta h4 {
     font-weight:500;
     font-size:18px;
     color:#1d2026;
     margin-bottom:12px
 }
.header-bottom-meta ul {
    margin:0;
    padding:0;
    list-style:none
}
.header-bottom-meta ul li {
    display:inline-block;
    margin-right:10px
}
.header-bottom-meta ul li:last-child {
    margin-right:0
}
.header-bottom-meta ul li a {
    font-size:14px;
    letter-spacing:-0.01em;
    color:#4e5566;
    display:flex
}
.header-bottom-meta ul li a svg {
    margin-right:8px
}
header.header-section.header-four {
    background-color:#fff
}
header.header-section.header-four .main-logo a {
    display:flex;
    align-items:center;
    font-size:32px;
    font-weight:600;
    color:#1d2026;
    line-height:38px;
    letter-spacing:-0.03em;
    text-transform:capitalize
}
@media(max-width:480px) {
    header.header-section.header-four .main-logo a {
        font-size:0;
        line-height:0
    }
}header.header-section.header-four .main-logo a img {
     margin-right:8px
 }
header.header-section.header-four .main-logo--white a {
    color:#fff
}
.header-four {
    box-shadow:inset 0 -1px 0 #e9eaf0
}
.header-bottom.header-four {
    display:flex;
    padding:24px 0;
    align-items:center;
    justify-content:space-between;
    box-shadow:none
}
@media only screen and (max-width:1199px) {
    .header-bottom.header-four {
        display:flex
    }
}.header-bottom.header-four .header-bottom-right {
     flex:0 0 auto;
     display:block
 }
.card.card-activity.notification-box {
    position:absolute;
    width:430px;
    right:0;
    top:30px;
    z-index:1;
    opacity:0;
    z-index:99;
    visibility:hidden;
    border:1px solid #e9eaf0;
    background-color:#fff;
    transition:all .2s;
    box-shadow:0 4px 20px rgba(29,32,38,0.12)
}
.card.card-activity.notification-box .activity-item {
    margin:0!important;
    display:flex!important
}
.card.card-activity.notification-box p.mark-read {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#4e5566
}
.notification-visiable .card.card-activity.notification-box {
    opacity:1;
    visibility:visible;
    transition:all .2s
}
.card.card-activity.notification-box.instructor-page {
    top:58px
}
@media(max-width:390px) {
    .header-btn-wrap button.button.button--md {
        margin:0 0 15px
    }
}.top-action-header-section {
     margin-bottom:40px
 }
.top-action-header {
    margin-bottom:24px;
    display:flex;
    align-items:center;
    justify-content:space-between
}
@media only screen and (max-width:991px) {
    .top-action-header {
        display:block
    }
}.actions-filter {
     padding:0 24px;
     line-height:48px;
     align-items:center;
     width:167px;
     margin-right:24px;
     cursor:pointer;
     text-align:center;
     font-weight:600;
     font-size:16px;
     color:#1d2026;
     display:flex;
     letter-spacing:-0.008em;
     border:1px solid #ffddd1;
     background-color:transparent;
     text-transform:capitalize
 }
.actions-filter.active {
    color:#ff6636
}
.actions-filter.active path {
    stroke:#ff6636
}
.actions-filter.active span {
    color:#fff;
    background-color:#ff6636
}
@media only screen and (max-width:479px) {
    .actions-filter {
        width:100%;
        text-align:center;
        justify-content:center;
        margin-bottom:15px
    }
}.actions-filter svg {
     margin-right:13px
 }
.actions-filter span {
    width:20px;
    height:24px;
    background:#ffeee8;
    font-weight:600;
    font-size:12px;
    line-height:16px;
    text-align:center;
    color:#ff6636;
    display:inline-block;
    line-height:24px;
    margin-left:24px
}
.top-action-header-left {
    display:flex
}
@media only screen and (max-width:479px) {
    .top-action-header-left {
        display:block
    }
}.top-action-header-left .form-searchbox {
     width:424px
 }
@media only screen and (max-width:1499px) {
    .top-action-header-left .form-searchbox {
        width:380px
    }
}@media only screen and (max-width:991px) {
    .top-action-header-left .form-searchbox {
        width:100%
    }
}@media only screen and (max-width:479px) {
    .top-action-header-left .form-searchbox {
        margin-bottom:15px
    }
}.top-action-header-right {
     display:flex;
     align-items:center
 }
@media only screen and (max-width:991px) {
    .top-action-header-right {
        justify-content:center;
        margin-top:15px
    }
}.top-action-header-right .sort-by {
     font-size:14px;
     letter-spacing:-0.01em;
     color:#4e5566;
     margin-right:24px
 }
.top-action-header-right .select-box {
    display:flex;
    align-items:center
}
.top-action-header-right span.custom-select-trigger {
    font-family:Inter;
    font-style:normal;
    font-weight:normal;
    font-size:16px;
    color:#4e5566;
    border:1px solid #e9eaf0;
    margin:0;
    line-height:48px;
    width:200px;
    padding:0 18px
}
.top-action-header-right span.custom-select-trigger::after {
    border-bottom:2px solid #1d2026;
    border-right:2px solid #1d2026
}
.bottom-action-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    box-shadow:inset 0 -1px 0 #e9eaf0;
    padding-bottom:15px
}
@media only screen and (max-width:991px) {
    .bottom-action-header {
        display:block
    }
}.bottom-action-header .suggetions {
     display:flex
 }
@media only screen and (max-width:991px) {
    .bottom-action-header .suggetions {
        margin-bottom:10px
    }
}@media only screen and (max-width:767px) {
    .bottom-action-header .suggetions {
        display:block
    }
}.bottom-action-header .suggetions p {
     font-size:14px;
     letter-spacing:-0.01em;
     color:#1d2026;
     margin-right:6px
 }
@media only screen and (max-width:767px) {
    .bottom-action-header .suggetions p {
        margin-bottom:10px
    }
}.bottom-action-header .suggetions ul {
     margin:0;
     padding:0;
     list-style:none
 }
.bottom-action-header .suggetions ul li {
    margin:0 6px;
    display:inline-block
}
.bottom-action-header .suggetions ul li a {
    font-size:14px;
    letter-spacing:-0.01em;
    color:#ff6636
}
.bottom-action-header .search-result p {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#4e5566
}
.bottom-action-header .search-result p span {
    color:#1d2026
}
.profile-wrap {
    border:1px solid #ffddd1;
    padding:40px;
    display:flex;
    background-color:#fff;
    align-items:center;
    justify-content:space-between
}
@media only screen and (max-width:1199px) {
    .profile-wrap {
        padding:30px
    }
}@media only screen and (max-width:991px) {
    .profile-wrap {
        display:block
    }
}.profile-wrap .profile-left {
     display:flex;
     align-items:center
 }
@media only screen and (max-width:767px) {
    .profile-wrap .profile-left {
        display:block
    }
}.profile-wrap .profile-left .profile-thumb {
     width:200px;
     height:200px;
     overflow:hidden;
     border-radius:100%;
     margin-right:24px;
     flex:0 0 auto
 }
@media only screen and (max-width:1199px) {
    .profile-wrap .profile-left .profile-thumb {
        width:160px;
        height:160px;
        margin-right:15px
    }
}@media only screen and (max-width:767px) {
    .profile-wrap .profile-left .profile-thumb {
        margin-bottom:30px
    }
}.profile-wrap .profile-left .profile-thumb img {
     width:100%;
     height:100%;
     object-fit:cover
 }
.profile-wrap .profile-left .profile-data h3 {
    font-weight:600;
    font-size:32px;
    letter-spacing:-0.01em;
    color:#1d2026;
    display:flex;
    align-items:center;
    margin-bottom:9px
}
@media only screen and (max-width:1199px) {
    .profile-wrap .profile-left .profile-data h3 {
        font-size:28px
    }
}@media only screen and (max-width:479px) {
    .profile-wrap .profile-left .profile-data h3 {
        font-size:22px
    }
}.profile-wrap .profile-left .profile-data h3 span {
     font-weight:600;
     font-size:14px;
     line-height:20px;
     letter-spacing:-0.01em;
     color:#ff6636;
     background:#ffeee8;
     padding:8px 12px;
     margin-left:10px
 }
@media only screen and (max-width:1199px) {
    .profile-wrap .profile-left .profile-data h3 span {
        font-size:13px;
        padding:5px 10px
    }
}@media only screen and (max-width:479px) {
    .profile-wrap .profile-left .profile-data h3 span {
        font-size:12px
    }
}.profile-wrap .profile-left .profile-data h3 span svg {
     margin-right:2px
 }
.profile-wrap .profile-left .profile-data p {
    font-size:16px;
    line-height:24px;
    color:#6e7485
}
.profile-wrap .profile-left .profile-data .profile-review {
    margin-top:22px
}
.profile-wrap .profile-left .profile-data .profile-review ul {
    margin:0;
    padding:0;
    list-style:none;
    display:flex
}
@media only screen and (max-width:479px) {
    .profile-wrap .profile-left .profile-data .profile-review ul {
        display:block
    }
}.profile-wrap .profile-left .profile-data .profile-review ul li {
     display:inline-flex;
     font-size:14px;
     line-height:22px;
     letter-spacing:-0.01em;
     color:#6e7485;
     margin-right:17px
 }
@media only screen and (max-width:1199px) {
    .profile-wrap .profile-left .profile-data .profile-review ul li {
        margin-right:10px
    }
}@media only screen and (max-width:479px) {
    .profile-wrap .profile-left .profile-data .profile-review ul li {
        display:block;
        margin-bottom:5px
    }
}.profile-wrap .profile-left .profile-data .profile-review ul li:last-child {
     margin-right:0
 }
.profile-wrap .profile-left .profile-data .profile-review ul li span {
    font-weight:500;
    color:#1d2026;
    font-size:16px;
    margin-right:4px
}
.profile-wrap .profile-left .profile-data .profile-review ul li svg {
    margin-right:5px
}
.profile-wrap .profile-right {
    text-align:right
}
@media only screen and (max-width:991px) {
    .profile-wrap .profile-right {
        text-align:left;
        margin-top:25px
    }
}.profile-wrap .profile-right a.website-link {
     font-weight:500;
     font-size:14px;
     letter-spacing:-0.01em;
     color:#564ffd
 }
.profile-wrap .profile-right a.website-link svg {
    margin-right:2px
}
.accordion-wrap-faq.lecture-wrap .accordion__list2 {
    margin-bottom:0
}
.accordion-wrap-faq.lecture-wrap .accordion__list2:last-child .accordion-body-text {
    border-bottom:1px solid #e9eaf0
}
.accordion-wrap-faq.lecture-wrap .accordion__list2:last-child .link {
    border-bottom:1px solid #e9eaf0
}
.accordion-wrap-faq.lecture-wrap .accordion-header-content {
    font-size:16px;
    color:#1d2026;
    font-weight:500
}
@media only screen and (max-width:479px) {
    .accordion-wrap-faq.lecture-wrap .accordion-header-content {
        font-size:15px
    }
}.accordion-wrap-faq.lecture-wrap .accordion-header-content svg {
     margin-right:7px;
     transition:all .3s
 }
.accordion-wrap-faq.lecture-wrap .link {
    padding:20px;
    border:1px solid #e9eaf0;
    border-bottom:1px solid transparent
}
.accordion-wrap-faq.lecture-wrap .link:hover {
    border:1px solid #e9eaf0;
    box-shadow:none
}
.accordion-wrap-faq.lecture-wrap .accordion__list2.open .link {
    background-color:#f5f7fa;
    border:1px solid transparent
}
.accordion-wrap-faq.lecture-wrap .accordion__list2.open .accordion-header-content {
    color:#ff6636
}
.accordion-wrap-faq.lecture-wrap .accordion__list2.open .accordion-header-content svg {
    transform:rotate(180deg)
}
.accordion-wrap-faq.lecture-wrap .accordion__list2.open .accordion-header-content svg path {
    stroke:#ff6636
}
.accordion-wrap-faq.lecture-wrap .accordion-body-text {
    box-shadow:none;
    border:1px solid #e9eaf0;
    border-top:0;
    border-bottom:0;
    padding:0
}
.lectue-body-item {
    display:flex;
    padding:14px 20px;
    align-items:center;
    transition:all .3s;
    cursor:pointer;
    justify-content:space-between
}
.lectue-body-item.active {
    background:#ffeee8
}
.lectue-body-item.active label.form-check-label {
    color:#1d2026;
    font-weight:500
}
.lectue-body-item.active .form-check-input {
    border:1px solid #ff6636!important
}
.lectue-body-item.active .lecture-play path {
    fill:#1d2026
}
.lectue-body-item:hover {
    background-color:#f5f7fa
}
.lectue-body-item .form-check-input {
    width:18px;
    height:18px;
    margin-top:2px;
    cursor:pointer;
    border:1px solid #ced1d9!important
}
.lectue-body-item .form-check-input input[type=checkbox]:checked {
    border-color:#ff6636!important
}
.lectue-body-item label.form-check-label {
    font-size:14px;
    letter-spacing:-0.01em;
    color:#4e5566;
    cursor:pointer
}
.lectue-body-item input[type=checkbox]:checked+.form-check-label {
    color:#4e5566
}
.lectue-body-item .lecture-play path {
    fill:#a1a5b3
}
@media only screen and (max-width:1499px) {
    .sub-heading-meta {
        margin-top:10px
    }
}.sub-heading-meta ul {
     margin:0;
     padding:0;
     list-style:none
 }
.sub-heading-meta ul li {
    margin:0 8px;
    display:inline-block;
    font-size:14px;
    letter-spacing:-0.01em;
    color:#4e5566
}
.sub-heading-meta ul li span {
    color:#8c94a3
}
.sub-heading-meta ul li:first-child {
    margin-left:0
}
.sub-heading-meta ul li:last-child {
    margin-right:0
}
.company-content {
    margin-right:10px
}
@media only screen and (max-width:991px) {
    .company-content {
        text-align:center;
        margin-bottom:30px
    }
}.company-content h3 {
     font-weight:600;
     font-size:32px;
     line-height:40px;
     letter-spacing:-0.01em;
     color:#1d2026;
     margin-bottom:20px
 }
@media only screen and (max-width:1499px) {
    .company-content h3 {
        font-size:30px
    }
}@media only screen and (max-width:1199px) {
    .company-content h3 {
        font-size:26px
    }
}@media only screen and (max-width:991px) {
    .company-content h3 {
        margin-bottom:10px
    }
}.company-content p {
     font-size:14px;
     line-height:22px;
     letter-spacing:-0.01em;
     color:#6e7485;
     margin-right:110px
 }
@media only screen and (max-width:1199px) {
    .company-content p {
        margin-right:0
    }
}.company-logo-item a {
     width:200px;
     height:100px;
     left:0;
     top:0;
     background:#fff;
     box-shadow:0 0 32px rgba(9,26,68,0.07);
     display:flex;
     align-items:center;
     justify-content:center;
     margin-bottom:24px
 }
@media only screen and (max-width:1499px) {
    .company-logo-item a {
        width:100%;
        height:85px
    }
}.company-logo-wrap {
     display:flex;
     flex-wrap:wrap;
     justify-content:space-between
 }
.button {
    color:#fff;
    font-weight:600;
    font-size:14px;
    line-height:40px;
    padding:0 16px;
    text-align:center;
    white-space:nowrap;
    display:inline-block;
    letter-spacing:-0.04em;
    text-transform:capitalize;
    background-color:#ff6636;
    transition:all .3s ease-in-out
}
.button:hover {
    background-color:#cc522b;
    box-shadow:0 6px 20px 0 #cc522b80
}
.button--md {
    font-size:16px;
    line-height:48px;
    padding:0 24px;
    letter-spacing:-0.008em
}
.button--lg {
    font-size:18px;
    line-height:56px;
    padding:0 32px;
    letter-spacing:-0.01em
}
.button-i span {
    margin-right:15px;
    display:inline-block
}
.button-i--r span {
    margin-left:15px
}
.button-d {
    user-select:none;
    pointer-events:none;
    background:#ffddd1
}
.button-d:hover {
    box-shadow:none
}
.button-d--p-s:hover,.button-d--p-t:hover,.button-d--s:hover,.button-d--s-s:hover,.button-d--s-t:hover,.button-d--g:hover,.button-d--g-s:hover,.button-d--g-t:hover {
    box-shadow:none
}
.button-d--p-s {
    color:#ffa386;
    background-color:#ffeee8
}
.button-d--p-t {
    color:#ffa386;
    background-color:transparent
}
.button-d--s {
    background-color:#cdcbfe
}
.button-d--s:hover {
    background-color:#cdcbfe
}
.button-d--s-s {
    color:#9a95fe;
    background-color:#ebebff
}
.button-d--s-s:hover {
    background-color:#ebebff
}
.button-d--s-t {
    color:#9a95fe;
    background-color:transparent
}
.button-d--s-t:hover {
    background-color:transparent
}
.button-d--g {
    background-color:#ced1d9
}
.button-d--g:hover {
    background-color:#ced1d9
}
.button-d--g-s {
    color:#b7bac7;
    background-color:#f5f7fa
}
.button-d--g-s:hover {
    background-color:#f5f7fa
}
.button-d--g-t {
    color:#b7bac7;
    background-color:transparent
}
.button-d--g-t:hover {
    background-color:#f5f7fa
}
.button-p-s {
    color:#ff6636;
    background-color:#ffeee8
}
.button-p-s:hover {
    color:#cc522b;
    background-color:#ffddd1
}
.button-p-t {
    color:#ff6636;
    background-color:transparent
}
.button-p-t:hover {
    color:#cc522b;
    background-color:#ffeee8
}
.button-s {
    background:#564ffd
}
.button-s:hover {
    background-color:#453fca;
    box-shadow:0 6px 20px 0 #453fca80
}
.button-s-s {
    color:#564ffd;
    background-color:#ebebff
}
.button-s-s:hover {
    color:#453fca;
    box-shadow:none;
    background-color:#cdcbfe
}
.button-s-t {
    color:#564ffd;
    background-color:transparent
}
.button-s-t:hover {
    color:#453fca;
    box-shadow:none;
    background-color:#ebebff
}
.button-g {
    background-color:#1d2026
}
.button-g:hover {
    background-color:#363b47;
    box-shadow:none;
    box-shadow:0 6px 20px 0 #363b4780
}
.button-g-s {
    color:#1d2026;
    background-color:#f5f7fa
}
.button-g-s:hover {
    color:#363b47;
    box-shadow:none;
    background-color:#e9eaf0
}
.button-g-t {
    color:#1d2026;
    background-color:transparent
}
.button-g-t:hover {
    color:#1d2026;
    box-shadow:none;
    background-color:#f5f7fa
}
.edit-biography-content .edit-biography-right .edit-btn,.edit-biography-content .edit-biography-right .notification {
    transition:.3s
}
.edit-biography-content .edit-biography-right .notification:hover {
    background-color:#cc522b
}
.edit-biography-content .edit-biography-right .notification:hover svg path {
    stroke:#fff
}
.edit-biography-content .edit-biography-right .edit-btn:hover {
    background-color:#cc522b
}
.dashboard-content .dashboard-right .notification {
    transition:.3s
}
.dashboard-content .dashboard-right .notification:hover {
    background-color:#cc522b
}
.dashboard-content .dashboard-right .notification:hover svg path {
    stroke:#fff
}
label {
    width:100%;
    float:left;
    user-select:none
}
.center {
    position:absolute;
    display:inline-block;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
select {
    z-index:3;
    float:left
}
.custom-select-wrapper {
    position:relative;
    display:inline-block;
    user-select:none;
    cursor:pointer
}
.custom-select-wrapper select {
    display:none
}
.custom-select {
    position:relative;
    display:inline-block;
    font:13px/1.5 "Roboto",sans-serif
}
.custom-select-trigger {
    position:relative;
    display:block;
    min-width:115px;
    padding:0;
    font-weight:400;
    color:#6e7485;
    background-color:transparent;
    border-radius:3px;
    cursor:pointer;
    font-size:14px;
    margin-left:20px;
    transition:all .3s ease-in-out
}
.custom-select-trigger:after {
    position:absolute;
    display:block;
    content:"";
    width:10px;
    height:10px;
    top:50%;
    right:20px;
    margin-top:-3px;
    border-bottom:2px solid #c7d1d6;
    border-right:2px solid #c7d1d6;
    transform:rotate(45deg) translateY(-50%);
    transition:all .35s ease-out;
    transform-origin:50% 0
}
.custom-select.opened .custom-select-trigger:after {
    margin-top:3px;
    transform:rotate(-135deg) translateY(-50%)
}
.custom-options {
    position:absolute;
    display:block;
    top:100%;
    left:0;
    right:0;
    width:100%;
    margin:15px 0;
    border-radius:0;
    padding:10px 0;
    box-sizing:border-box;
    background:#fff;
    transition:all .3s ease-in-out;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-15px);
    border:0;
    z-index:9;
    border:1px solid #e9eaf0;
    border-top:0;
    box-shadow:0 6px 16px rgba(0,0,0,0.06)
}
.custom-select.opened .custom-options {
    opacity:1;
    visibility:visible;
    pointer-events:all;
    transform:translateY(0x)
}
.option-hover:before {
    background:#f9f9f9
}
.custom-option {
    position:relative;
    display:block;
    font-weight:400;
    line-height:30px;
    cursor:pointer;
    transition:all .05s ease-in-out;
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#4e5566;
    transition:all .3s;
    padding:5px 18px
}
.custom-option:hover {
    color:#1d2026!important;
    background:#ffeee8
}
.custom-option:first-of-type {
    border-radius:4px 4px 0 0;
    border-top-right-radius:5px;
    border-top-left-radius:5px
}
.custom-option:last-of-type {
    border-bottom:0;
    border-radius:0 0 4px 4px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px
}
.custom-option:hover,.custom-option.selection {
    color:#b5b5b5
}
.btn-parimary {
    background-color:#ff6636;
    border:0;
    color:#fff
}
.input-btn {
    font-weight:500;
    font-size:16px;
    line-height:48px;
    letter-spacing:-0.008em;
    height:48px;
    width:143px;
    text-align:center
}
@media(max-width:575px) {
    .input-btn {
        font-size:14px
    }
}.card-btn {
     background-color:transparent;
     border:0
 }
.lecture-card-btn {
    background-color:#ffeee8;
    color:#ff6636;
    border:0;
    line-height:40px;
    padding:0 16px;
    font-weight:600;
    transition:.3s;
    text-align:center
}
.lecture-card-btn:hover {
    background-color:#ff6636;
    color:#fff
}
.lecture-card-btn-watched {
    width:100%
}
.visa-btn {
    width:100%;
    display:flex;
    font-size:16px;
    padding:36px 0;
    color:#1d2026;
    transition:.3s;
    font-weight:500;
    line-height:22px;
    text-align:center;
    align-items:center;
    justify-content:center;
    text-transform:capitalize;
    border:1px dashed #e9eaf0
}
.visa-btn svg {
    margin-right:8px
}
.visa-btn:hover {
    background-color:#ffeee8;
    color:#ff6636;
    border:1px dashed transparent
}
.rotate {
    -moz-transition:all .1s linear;
    -webkit-transition:all .1s linear;
    transition:all .1s linear
}
.rotate path {
    stroke:#ff6636
}
.rotate.rotate-down {
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.btn-wrap-column {
    display:flex;
    justify-content:center
}
.btn-wrap {
    text-align:center;
    margin:0 7px
}
a.default-btn,button.default-btn {
    display:inline-block;
    font-weight:600;
    letter-spacing:-0.004em;
    text-transform:capitalize;
    color:#fff;
    transition:all .3s;
    text-align:center;
    border:0
}
a.default-btn.icon-btn svg,button.default-btn.icon-btn svg {
    margin-left:10px
}
a.default-btn.icon-btn-left svg,button.default-btn.icon-btn-left svg {
    margin-right:10px
}
a.default-btn.bg-gray {
    color:#1d2026;
    background:#f5f7fa
}
a.default-btn.bg-white {
    color:#ff6636;
    background-color:#fff
}
a.default-btn.bg-orange,button.default-btn.bg-orange {
    background:#ff6636
}
a.default-btn.bg-orange:hover,button.default-btn.bg-orange:hover {
    background-color:#cc522b
}
a.default-btn.btn-small,button.default-btn.btn-small {
    padding:0 16px;
    font-size:14px;
    line-height:40px
}
a.default-btn.btn-medium,button.default-btn.btn-medium {
    padding:0 24px;
    font-size:16px;
    line-height:48px
}
a.default-btn.btn-large,button.default-btn.btn-large {
    padding:0 32px;
    font-size:18px;
    line-height:56px
}
@media only screen and (max-width:479px) {
    a.default-btn.btn-large,button.default-btn.btn-large {
        padding:0 25px;
        font-size:16px;
        line-height:50px
    }
}a.default-btn.bg-tuscany {
     background:#cc522b;
     box-shadow:0 6px 20px rgba(204,82,43,0.5)
 }
a.default-btn.bg-watusi {
    background:#ffddd1
}
a.default-btn.bg-pink {
    color:#ff6636;
    background:#ffeee8
}
a.default-btn.bg-watusi2 {
    color:#cc522b;
    background:#ffddd1
}
a.default-btn.bg-pink2 {
    color:#ffa386;
    background:#ffeee8
}
a.default-btn.color-orange {
    color:#ff6636
}
a.default-btn.bg-pink3 {
    color:#cc522b;
    background:#ffeee8
}
a.default-btn.color-pink {
    color:#ffa386
}
.trailer {
    margin-bottom:48px
}
.trailer:last-child {
    margin-bottom:0
}
.trailer h4 {
    font-weight:500;
    font-size:18px;
    line-height:24px;
    color:#1d2026;
    margin-bottom:10px
}
.trailer-box {
    display:flex;
    overflow:hidden;
    transition:.3s;
    flex-wrap:wrap
}
.trailer-box img {
    width:228px;
    height:100%;
    object-fit:cover;
    margin-right:24px
}
.trailer-box-content {
    flex:1
}
.trailer-box-content p {
    font-style:normal;
    font-weight:normal;
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#6e7485;
    padding-bottom:32px
}
.trailer-box-content label[for=file-upload] {
    border:0;
    background-color:#ffeee8;
    color:#ff6636;
    font-weight:600;
    font-size:16px;
    line-height:48px;
    letter-spacing:-0.008em;
    text-transform:capitalize;
    padding:0 24px;
    transition:.3s;
    width:189px;
    cursor:pointer;
    position:relative
}
.trailer-box-content label[for=file-upload]:hover {
    background-color:#ff6636;
    color:#fff
}
.trailer-box-content label[for=file-upload]:hover svg path {
    stroke:#fff
}
.trailer-box-content label[for=file-upload] svg {
    margin-left:8px
}
.trailer-box-content label[for=file-upload] svg path {
    transition:all .3s
}
.bg-light {
    background-color:#fff!important;
    padding:20px;
    margin:20px 0
}
@media(min-width:576px) and (max-width:767px) {
    .trailer-box {
        flex-direction:column
    }
}#file-upload {
     position:absolute;
     left:-9999px
 }
.progress-content {
    padding:24px;
    text-align:center;
    transition:.3s;
    background-color:#fff;
    margin-bottom:20px
}
.progress-content:hover {
    box-shadow:0 12px 32px rgba(29,32,38,0.1)
}
.progress-content:hover .category-content-left {
    background-color:#ff6636
}
.progress-content:hover .category-content-left svg path {
    stroke:#fff
}
.progress-content-left {
    height:80px;
    width:80px;
    line-height:80px;
    text-align:center;
    margin-bottom:24px;
    display:inline-block;
    background:rgba(86,79,253,0.1)
}
@media(max-width:767px) {
    .progress-content-left {
        margin-bottom:12px
    }
}.progress-content-left svg {
     transition:.3s
 }
.progress-content-left svg path {
    transition:.3s
}
.progress-content-right {
    align-self:center
}
.progress-content-right a {
    margin-bottom:6px;
    white-space:nowrap;
    color:#1d2026
}
.progress-content-color-1 .progress-content-left {
    background-color:#e1f7e3
}
.progress-content-color-2 .progress-content-left {
    background-color:#fff2e5
}
.progress-content-color-3 .progress-content-left {
    background-color:#ffeee8
}
.progress-content-color-4 .progress-content-left {
    background-color:#fff0f0
}
a.cke_path_item,span.cke_path_empty {
    display:none
}
.checkbox-field ul {
    margin:0;
    padding:0;
    list-style:none
}
.checkbox-field ul li {
    position:relative;
    padding-left:35px;
    font-weight:normal;
    font-size:14px;
    letter-spacing:-0.01em;
    color:#4e5566;
    margin-bottom:20px;
    line-height:22px
}
.checkbox-field ul li:last-child {
    margin-bottom:0
}
.checkbox-field ul li svg {
    position:absolute;
    left:0
}
.calendar-wrapper {
    width:360px;
    padding:20px;
    border:1px solid #ff6636;
    border-radius:5px;
    background:#fff;
    position:absolute;
    top:48px;
    right:0;
    z-index:1;
    display:none
}
@media only screen and (max-width:767px) {
    .calendar-wrapper {
        width:100%
    }
}.calendar-wrapper table {
     clear:both;
     width:100%;
     border:1px solid #dcdcff;
     border-radius:3px;
     border-collapse:collapse;
     color:#444
 }
.calendar-wrapper table td {
    height:48px;
    text-align:center;
    vertical-align:middle;
    border-right:1px solid #dcdcff;
    border-top:1px solid #dcdcff;
    width:14.28571429%
}
td.not-current {
    color:#c0c0c0
}
td.today {
    font-weight:700;
    color:#28283b;
    font-size:1.5em
}
thead td {
    border:0;
    color:#28283b;
    text-transform:uppercase;
    font-style:normal;
    font-weight:500;
    font-size:16px;
    color:#1d2026
}
#btnPrev {
    float:left;
    margin-bottom:20px
}
#btnNext {
    float:right;
    margin-bottom:20px
}
#btnPrev,#btnNext {
    background:transparent;
    border:0;
    outline:0;
    color:#1d2026;
    cursor:pointer;
    text-transform:uppercase;
    transition:all .3s ease;
    font-family:Inter;
    font-style:normal;
    font-weight:500;
    font-size:16px;
    line-height:22px
}
#btnPrev:hover,#btnNext:hover {
    color:#ff6636
}
.filepond--drop-label {
    color:#4c4e53
}
.filepond--label-action {
    text-decoration-color:#babdc0
}
.filepond--panel-root {
    background-color:#edf0f4
}
.filepond--image-preview-wrapper {
    border-radius:0
}
.filepond--file {
    padding:0
}
.filepond--root {
    width:100%;
    height:100%;
    margin:0;
    border-radius:0!important
}
.filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper {
    border-radius:0!important
}
.filepond--file-wrapper.filepond--file-wrapper>legend {
    display:none
}
.filepond--item {
    margin:0
}
.filepond--list-scroller[data-state=overflow] {
    margin:0;
    width:inherit;
    height:inherit
}
.filepond--drop-label.filepond--drop-label label {
    color:#fff;
    background-color:#00080
}
.activity {
    margin:0;
    padding:0;
    height:385px;
    overflow:hidden;
    overflow-y:scroll
}
.activity::-webkit-scrollbar {
    width:4px
}
.activity::-webkit-scrollbar-track {
    background:#ffeee8
}
.activity::-webkit-scrollbar-thumb {
    border-radius:4px;
    background:#ff6636
}
.activity::-webkit-scrollbar-thumb:hover {
    background:#555
}
.activity-item {
    display:flex;
    padding:12px 20px;
    transition:all .3s linear
}
.activity-item:hover {
    background-color:#ffeee8
}
.activity-icon {
    width:32px;
    height:32px;
    display:flex;
    flex-shrink:0;
    overflow:hidden;
    border-radius:50%;
    margin-right:12px;
    align-items:center;
    justify-content:center;
    background-color:#ff6636
}
.activity-icon img {
    color:#fff;
    height:16px
}
.activity-info p {
    color:#4e5566;
    margin-bottom:6px
}
.activity-info p .username {
    color:#1d2026;
    font-weight:600
}
.activity-info .time {
    font-size:12px;
    color:#8c94a3;
    line-height:16px;
    text-transform:capitalize
}
.category-section .category-content {
    margin-bottom:24px
}
.category-content {
    display:flex;
    padding:20px;
    transition:.3s
}
.category-content:hover {
    box-shadow:0 12px 32px rgba(29,32,38,0.1);
    background-color:#fff
}
.category-content:hover .category-content-left svg path {
    stroke:#fff
}
.category-content-left {
    height:64px;
    width:64px;
    line-height:64px;
    text-align:center;
    margin-right:20px;
    background-color:#fff;
    transition:.3s
}
.category-content-left svg {
    transition:.3s
}
.category-content-left svg path {
    transition:.3s
}
.category-content-right {
    align-self:center
}
.category-content-right h4 {
    font-weight:500;
    font-size:16px;
    line-height:22px;
    color:#1d2026;
    margin:0;
    display:block;
    margin-bottom:5px
}
.category-content-right span {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#6e7485;
    margin-top:8px
}
.icon-bottom-btn {
    text-align:center
}
.icon-bottom-btn p {
    font-size:14px;
    letter-spacing:-0.01em;
    color:#4e5566
}
.icon-bottom-btn p a {
    color:#ff6636;
    font-weight:500;
    margin-left:10px
}
.icon-bottom-btn p a svg {
    margin-left:5px
}
.curriculum {
    padding:24px;
    background-color:#f5f7fa
}
@media(max-width:767px) {
    .curriculum {
        max-width:100%;
        overflow-x:scroll
    }
}.curriculum-section-content {
     display:flex;
     align-items:center;
     justify-content:space-between
 }
@media(max-width:767px) {
    .curriculum-section-content {
        width:650px
    }
}.curriculum-section-content .section-info {
     display:flex;
     align-items:center
 }
.curriculum-section-content .section-info span {
    cursor:pointer
}
.curriculum-section-content .section-info>div {
    margin-left:12px
}
.curriculum-section-content .section-info>div h2 {
    margin:0;
    font-size:16px
}
.curriculum-section-content .section-info>div h2 span {
    max-width:575px;
    margin-left:12px;
    font-weight:normal
}
.curriculum-section-content .section-action {
    display:flex;
    align-items:center
}
.curriculum-section-content .section-action a {
    color:#8c94a3;
    margin-right:20px
}
.curriculum-section-content .section-action a:nth-last-child(1) {
    margin-right:0
}
.curriculum-section__lectures {
    margin-top:24px
}
@media(max-width:767px) {
    .curriculum-section__lectures {
        width:650px
    }
}.curriculum-lecture {
     padding:20px;
     display:flex;
     align-items:center;
     background-color:#fff;
     transition:all .3s linear;
     justify-content:space-between
 }
.curriculum-lecture:hover .lecture-action a {
    color:#1d2026
}
.curriculum-lecture:hover .lecture-action a:nth-last-child(1) {
    color:#e34444
}
.curriculum-lecture .lecture-info {
    display:flex;
    align-items:center
}
.curriculum-lecture .lecture-info span {
    cursor:pointer
}
.curriculum-lecture .lecture-info>div {
    margin-left:12px
}
.curriculum-lecture .lecture-info>div h2 {
    margin:0;
    font-size:14px;
    color:#1d2026;
    line-height:22px;
    letter-spacing:-0.01em
}
.curriculum-lecture .lecture-action {
    display:flex;
    align-items:center
}
.curriculum-lecture .lecture-action .button {
    transition:all .3s linear
}
.curriculum-lecture .lecture-action .button:hover {
    box-shadow:none
}
.curriculum-lecture .lecture-action .button.show span svg {
    transform:rotate(180deg)
}
.curriculum-lecture .lecture-action .button,.curriculum-lecture .lecture-action a {
    margin-right:15px;
    transition:all .3s linear
}
.curriculum-lecture .lecture-action a {
    color:#8c94a3
}
.curriculum-lecture .lecture-action a:nth-last-child(1) {
    margin:0
}
.pag .pag-arrow {
    height:48px;
    width:48px;
    border-radius:50%;
    margin-right:8px;
    text-align:center;
    line-height:48px;
    background-color:#ffeee8;
    display:inline-block
}
.pag .pag-arrow-right {
    margin-left:16px;
    cursor:pointer
}
.pag .pag-arrow-left {
    margin-right:16px;
    cursor:pointer
}
.pag .pag-content {
    display:inline-block
}
.pag ul {
    display:flex;
    padding:0
}
.pag ul li {
    height:48px;
    width:48px;
    margin:0 4px;
    border-radius:50%;
    text-align:center;
    line-height:48px;
    transition:.3s
}
.pag ul li a {
    font-weight:500;
    font-size:14px;
    color:#1d2026;
    transition:.3s;
    cursor:pointer
}
.pag ul li:hover a {
    color:#ff6636
}
.pag ul li:hover {
    background-color:#ffeee8
}
.pag ul .active {
    background-color:#ff6636
}
.pag ul .active a {
    color:#fff
}
.bredadcrumb-section {
    background-color:#f5f7fa;
    padding:40px 0
}
.breadcrumb-menu {
    text-align:center
}
.breadcrumb-menu.text-left {
    text-align:left;
    margin-bottom:16px
}
.breadcrumb-menu h3 {
    margin:6px
}
.breadcrumb-menu ul {
    margin:0;
    padding:0;
    list-style:none
}
.breadcrumb-menu ul li {
    margin:0 2px;
    display:inline-block
}
.breadcrumb-menu ul li:nth-last-child(1) a {
    color:#1d2026
}
.dashedboard-menu-wrap {
    background:#1d2026;
    box-shadow:inset 0 -1px 0 #363b47
}
.dashedboard-menu-wrap .dashedboard-menu-header {
    border-bottom:1px solid #363b47;
    margin-bottom:16px
}
.dashedboard-menu-wrap .dashedboard-menu-header ul {
    margin:0;
    padding:0;
    list-style:none
}
.dashedboard-menu-wrap .dashedboard-menu-header ul li {
    color:#fff;
    font-weight:600;
    font-size:23.9581px;
    padding:16px 27px
}
.dashedboard-menu-wrap .dashedboard-menu-header ul li img {
    margin-right:8px
}
.dashedboard-menu-wrap .dashedboard-menu-body ul {
    margin:0;
    padding:0;
    list-style:none
}
.dashedboard-menu-wrap .dashedboard-menu-body ul li a {
    display:block;
    font-weight:500;
    font-size:14px;
    color:#8c94a3;
    padding:15px 27px;
    transition:.3s
}
.dashedboard-menu-wrap .dashedboard-menu-body ul li a span {
    display:block;
    width:24px;
    height:24px;
    line-height:24px;
    background:#ff6636;
    border-radius:20px;
    color:#fff;
    float:right;
    text-align:center;
    transition:all .3s
}
.dashedboard-menu-wrap .dashedboard-menu-body ul li a:hover span {
    color:#ff6636;
    background-color:#fff
}
.dashedboard-menu-wrap .dashedboard-menu-body ul li a:hover {
    color:#fff;
    background-color:#ff6636
}
.dashedboard-menu-wrap .dashedboard-menu-body ul li a:hover svg path {
    stroke:#fff;
    transition:.3s
}
.dashedboard-menu-wrap .dashedboard-menu-body ul li:last-child a {
    margin-top:400px;
    padding:27px;
    background-color:#1d2026
}
.dashedboard-menu-wrap .dashedboard-menu-body svg {
    margin-right:10px
}
.dashedboard-menu-wrap .dashedboard-menu-body svg path {
    stroke:#8c94a3;
    transition:.3s
}
.social-icon {
    margin-top:16px
}
.social-icon ul {
    margin:0;
    padding:0;
    list-style:none
}
.social-icon ul li {
    margin:0 2px;
    display:inline-block
}
.social-icon ul li:first-child {
    margin-left:0
}
.social-icon ul li:last-child {
    margin-right:0
}
.social-icon ul li a {
    width:48px;
    height:48px;
    display:flex;
    font-size:14px;
    font-weight:500;
    color:#4e5566;
    line-height:20px;
    align-items:center;
    transition:all .3s;
    background:#f5f7fa;
    justify-content:center;
    letter-spacing:-0.01em
}
@media only screen and (max-width:1199px) {
    .social-icon ul li a {
        width:44px;
        height:44px
    }
}.social-icon ul li a:hover {
     color:#fff;
     background-color:#ff6636;
     box-shadow:0 6px 20px 0 #cc522b80
 }
.social-icon ul li a:hover path {
    fill:#fff
}
.social-icon ul li a svg {
    transition:all .3s
}
.social-icon ul li a path {
    transition:all .3s
}
.footer-social {
    margin-top:24px
}
.footer-social ul {
    display:flex
}
.footer-social ul li {
    margin:0 6px
}
.footer-social ul li a {
    width:46px;
    height:46px;
    background-color:#272b33
}
.app-btn-column a.app-btn {
    margin-bottom:12px
}
@media(max-width:767px) {
    .app-btn-column a.app-btn {
        margin:0;
        margin-right:12px
    }
}@media(max-width:480px) {
    .app-btn-column a.app-btn {
        width:100%;
        margin-bottom:12px
    }
    .app-btn-column a.app-btn:nth-last-child(1) {
        margin:0
    }
}.app-btn-column a.app-btn .app-btn-wrap {
     display:flex;
     align-items:center;
     justify-content:center;
     width:163px;
     height:58px;
     background:#272b33
 }
@media(max-width:480px) {
    .app-btn-column a.app-btn .app-btn-wrap {
        width:100%
    }
}.app-btn-column a.app-btn .app-btn-wrap .app-icon svg {
     margin-right:15px
 }
.app-btn-column a.app-btn .app-btn-wrap .app-icon img {
    margin-right:15px
}
.app-btn-column a.app-btn .app-btn-wrap .app-data p {
    font-size:10px;
    color:#b7bac7;
    line-height:1;
    margin-bottom:4px
}
.app-btn-column a.app-btn .app-btn-wrap .app-data h5 {
    font-weight:500;
    font-size:16px;
    color:#fff;
    margin:0
}
.notification-sections {
    padding:20px;
    background-color:#fff
}
.notification-sections .notification-item {
    display:flex;
    padding-bottom:12px;
    background-color:#fff
}
.notification-sections .notification-item-left-icon {
    height:32px;
    width:32px;
    border-radius:50%;
    line-height:29px;
    text-align:center;
    background-color:#ff6636;
    margin-right:12px;
    cursor:pointer
}
.notification-sections .notification-item-right-content a {
    margin:0;
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#4e5566
}
.notification-sections .notification-item-right-content span {
    font-size:12px;
    line-height:16px;
    color:#8c94a3;
    margin-top:6px
}
.payment-card-visa {
    background-image:radial-gradient(#453fca,#342f98);
    padding:24px;
    position:relative;
    overflow:hidden;
    width:100%;
    z-index:1
}
.payment-card-visa svg {
    z-index:1
}
.payment-card-visa-header {
    display:flex;
    justify-content:space-between;
    padding-bottom:28px
}
.payment-card-visa-header svg {
    z-index:1
}
.payment-card-visa-header button {
    background-color:transparent;
    border:0
}
.payment-card-visa-mid {
    display:flex;
    padding-bottom:24px
}
.payment-card-visa-mid input {
    background:transparent;
    border:0;
    font-size:24px;
    line-height:32px;
    color:#fff;
    padding-right:27px;
    z-index:1;
    width:252px
}
.payment-card-visa-mid p {
    font-size:24px;
    line-height:32px;
    color:#fff;
    padding-right:27px;
    z-index:1
}
.payment-card-visa-mid svg {
    z-index:1
}
.payment-card-visa-mid button {
    background-color:transparent;
    border:0
}
.payment-card-visa svg {
    z-index:9999
}
.payment-card-visa-footer {
    display:flex
}
.payment-card-visa-footer-left {
    padding-right:144px
}
.payment-card-visa-footer-info span {
    font-weight:300;
    font-size:10px;
    line-height:12px;
    text-transform:uppercase;
    color:#fffad;
    z-index:1
}
.payment-card-visa-footer-info p {
    font-weight:500;
    font-size:14px;
    line-height:20px;
    letter-spacing:-0.01em;
    color:#fff;
    z-index:1
}
.payment-card-visa::after {
    position:absolute;
    content:" ";
    bottom:-96px;
    right:-60px;
    height:250px;
    width:250px;
    border-radius:50%;
    background-color:#fff0d;
    z-index:-1
}
.payment-card-visa:before {
    position:absolute;
    content:" ";
    top:-43px;
    left:18px;
    height:90px;
    width:90px;
    border-radius:50%;
    background-color:#fff0d
}
.payment-card-visa-2 {
    background-image:radial-gradient(#b63636,#882929);
    padding:24px;
    position:relative;
    overflow:hidden;
    width:100%;
    z-index:1
}
.payment-card-visa-2 svg {
    z-index:1
}
.payment-card-visa-2-header {
    display:flex;
    justify-content:space-between;
    padding-bottom:20px
}
.payment-card-visa-2-header svg {
    z-index:1
}
.payment-card-visa-2-header button {
    background-color:transparent;
    border:0
}
.payment-card-visa-2-mid {
    display:flex;
    padding-bottom:20px
}
.payment-card-visa-2-mid input {
    background:transparent;
    border:0;
    font-size:24px;
    line-height:32px;
    color:#fff;
    padding-right:27px;
    z-index:1;
    width:252px
}
.payment-card-visa-2-mid p {
    font-size:24px;
    line-height:32px;
    color:#fff;
    padding-right:27px;
    z-index:1
}
.payment-card-visa-2-mid svg {
    z-index:1
}
.payment-card-visa-2-mid button {
    background-color:transparent;
    border:0
}
.payment-card-visa-2 svg {
    z-index:9999
}
.payment-card-visa-2-footer {
    display:flex
}
.payment-card-visa-2-footer-left {
    padding-right:144px
}
.payment-card-visa-2-footer-info span {
    font-weight:300;
    font-size:10px;
    line-height:12px;
    text-transform:uppercase;
    color:#fffad;
    z-index:1
}
.payment-card-visa-2-footer-info p {
    font-weight:500;
    font-size:14px;
    line-height:20px;
    letter-spacing:-0.01em;
    color:#fff;
    z-index:1
}
.payment-card-visa-2::after {
    position:absolute;
    content:" ";
    top:-96px;
    right:-5px;
    height:236px;
    width:236px;
    border-radius:50%;
    background-color:#fff0d;
    z-index:-1
}
.payment-card-visa-2:before {
    position:absolute;
    content:" ";
    bottom:-7px;
    left:-32px;
    height:90px;
    width:90px;
    border-radius:50%;
    background-color:#fff0d
}
.card-body-wrap {
    padding:20px
}
.payment-card-slider .owl-dots {
    bottom:-58px;
    position:absolute
}
.payment-card-slider .owl-dots .owl-dot span {
    width:10px;
    height:10px;
    margin:0 3px;
    background:#FF6636;
    display:block;
    transition:all .4s;
    border-radius:30px
}
.payment-card-slider .owl-dots .owl-dot.active span {
    background:#869791
}
.card-owl-nav {
    text-align:right;
    margin:30px 0
}
.card-next-button,.card-prev-button {
    cursor:pointer
}
.card-next-button path,.card-prev-button path {
    stroke:#CED1D9;
    transition:all .4s
}
.card-next-button:hover path,.card-prev-button:hover path {
    stroke:#4E5566
}
.features-card {
    padding:24px;
    display:flex;
    overflow:hidden;
    position:relative;
    align-items:center;
    background-color:#fff
}
.features-card .icon {
    width:60px;
    height:60px;
    padding:14px;
    margin-right:24px
}
.features-card .info h6 {
    color:#1d2026;
    font-size:24px;
    font-weight:400;
    line-height:32px;
    margin-bottom:6px;
    text-transform:capitalize
}
.features-card .info p {
    font-size:14px;
    color:#4e5566;
    line-height:22px;
    letter-spacing:-0.01em;
    text-transform:capitalize
}
.features-card--type-orange .icon {
    color:#ff6636;
    background-color:#ffeee8
}
.features-card--type-blue .icon {
    color:#564ffd;
    background-color:#ebebff
}
.features-card--type-yellow .icon {
    color:#fd8e1f;
    background-color:#fff2e5
}
.features-card--type-green .icon {
    color:#23bd33;
    background-color:#e1f7e3
}
.features-card--type-red .icon {
    color:#e34444;
    background-color:#fff0f0
}
.features-card--type-gray .icon {
    color:#1d2026;
    background-color:#f5f7fa
}
.dropdown-menu {
    min-width:170px;
    background:#fff;
    border:1px solid #ced1d9;
    box-shadow:0 6px 16px rgba(0,0,0,0.06)
}
.dropdown-menu a {
    font-size:14px;
    line-height:1;
    letter-spacing:-0.01em;
    color:#4e5566;
    padding:10px 18px;
    background-color:#fff
}
.dropdown-menu a:hover {
    color:#fff;
    background-color:#ff6636
}
del.less-price {
    font-size:14px;
    color:#a1a5b3
}
.profile-view-box {
    background-color:#fff;
    padding:20px
}
.profile-view {
    display:flex;
    justify-content:space-between;
    padding:16px 0 16px 20px;
    background-color:#fff;
    border-bottom:1px solid #f1f1f1;
    position:relative
}
.profile-view select {
    border:0;
    font-weight:400;
    font-size:14px;
    scroll-behavior:smooth;
    text-align:right;
    letter-spacing:-0.01em;
    color:#6e7485;
    appearance:none;
    background:url(https://www.17sucai.com/2022/1/q1bmf11814/src/images/arrow.svgg%22) 100%/15% no-repeat;
    margin-left:20px;
    padding-right:25px
}
.profile-view select option {
    padding:3px 0;
    background-color:#fff;
    box-shadow:2px 3px 5px #f1f1f1;
    border:none !important;
    line-height:28px
}
.profile-view select select#xyz {
    border:0px;
    outline:0px !important
}
.profile-view p {
    margin:0;
    font-weight:500;
    font-size:16px;
    line-height:22px;
    color:#1d2026;
    margin:0
}
.profile-view svg {
    position:absolute;
    top:25px;
    right:20px
}
.profile-view .info-box {
    display:flex
}
.profile-view a {
    text-decoration:none;
    padding-left:34px
}
.profile-view a:last-child {
    margin-left:0
}
.profile-view .dots,.profile-view .dot {
    position:relative
}
.profile-view .dots:before {
    position:absolute;
    content:"";
    height:8px;
    width:8px;
    border-radius:50%;
    background-color:#564ffd;
    top:50%;
    left:22px;
    transform:translate(-50%,-50%)
}
.profile-view .dot:before {
    position:absolute;
    content:"";
    height:8px;
    width:8px;
    border-radius:50%;
    background-color:#ff6636;
    top:50%;
    left:22px;
    transform:translate(-50%,-50%)
}
@media only screen and (max-width:319px) {
    .profile-view {
        display:flex;
        padding:8px
    }
    .profile-view-box {
        padding:8px
    }
    .profile-view-more {
        flex-wrap:wrap
    }
    .profile-view .dot:before {
        display:none
    }
    .profile-view .dots:before {
        display:none
    }
    .profile-view a {
        text-decoration:none;
        padding-left:0px;
        padding-right:8px
    }
    .profile-view .info-box {
        padding-top:8px
    }
}@media only screen and (max-width:479px) {
    .profile-view {
        display:flex;
        padding:10px
    }
    .profile-view-box {
        padding:10px
    }
    .profile-view-more {
        flex-wrap:wrap
    }
    .profile-view .dot:before {
        display:none
    }
    .profile-view .dots:before {
        display:none
    }
    .profile-view a {
        text-decoration:none;
        padding-left:0px;
        padding-right:12px
    }
    .profile-view .info-box {
        padding-top:8px
    }
}.download-file {
     display:flex;
     justify-content:space-between;
     padding:24px;
     background:#f5f7fa
 }
.download-file-left {
    display:flex
}
.download-file-left h2 {
    font-style:normal;
    font-weight:500;
    font-size:16px;
    line-height:22px;
    color:#1d2026;
    margin:0
}
.download-file-left span {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#6e7485
}
.download-file-left svg {
    margin-right:12px
}
.download-file-right a {
    padding:0 24px;
    font-weight:600;
    font-size:16px;
    line-height:48px;
    letter-spacing:-0.008em;
    text-transform:capitalize;
    color:#fff;
    background-color:#ff6636;
    transition:0.3s
}
.download-file-right a:hover {
    background-color:#cc522b;
    color:#fff
}
.download-file-right a:hover {
    background-color:#cc522b;
    color:#fff
}
@media only screen and (max-width:767px) {
    .download-file {
        flex-wrap:wrap
    }
    .download-file .download-file-right a {
        padding:0 15px;
        font-size:14px;
        line-height:40px
    }
    .download-file-left {
        margin-bottom:10px
    }
    .download-file-left h3 {
        font-size:14px;
        line-height:15px
    }
}.section-title.text-left {
     text-align:left;
     margin-bottom:0
 }
.section-title.text-left h3 {
    font-weight:600;
    font-size:24px;
    letter-spacing:-0.01em;
    color:#1d2026;
    margin:0
}
.popular-tools-items {
    border:1px solid #e9eaf0;
    text-align:center;
    height:94px;
    line-height:94px;
    vertical-align:middle;
    display:flex !important;
    flex-direction:column;
    justify-content:center;
    transition:all 0.3s;
    background-color:#fff;
    margin:24px 1px 40px
}
.popular-tools-items:hover {
    background:#ffffff;
    border:1px solid transparent;
    box-shadow:0px 12px 32px rgba(29,32,38,0.1)
}
.popular-tools-items:hover h5 {
    color:#ff6636
}
.popular-tools-items h5 {
    font-weight:500;
    font-size:16px;
    line-height:22px;
    color:#1d2026;
    transition:all 0.3s
}
.popular-tools-items p {
    font-size:12px;
    line-height:16px;
    color:#8c94a3
}
.tools-slider .owl-nav {
    position:absolute;
    top:-25px;
    right:-3px
}
.tools-slider .owl-next,.tools-slider .owl-prev {
    margin:0 4px
}
.popular-keyword {
    display:flex;
    align-items:center
}
@media only screen and (max-width:1499px) {
    .popular-keyword {
        display:block
    }
}.popular-keyword p {
     margin-right:24px;
     font-size:18px;
     line-height:24px;
     letter-spacing:-0.015em;
     color:#1d2026
 }
@media only screen and (max-width:1499px) {
    .popular-keyword p {
        margin-bottom:20px
    }
}.popular-keyword ul {
     margin:0;
     padding:0;
     list-style:none
 }
.popular-keyword ul li {
    display:inline-block;
    margin-right:8px;
    margin-bottom:8px
}
@media only screen and (max-width:479px) {
    .popular-keyword ul li {
        display:block;
        margin:0 0 8px
    }
}.popular-keyword ul li:last-child {
     margin-right:0
 }
.popular-keyword ul li a {
    padding:6px 12px;
    background:#f5f7fa;
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#1d2026;
    transition:all 0.3s;
    display:block;
    text-align:center
}
.popular-keyword ul li a:hover {
    color:#fff;
    background-color:#1d2026
}
.custom-border {
    box-shadow:inset 0px 1px 0px #e9eaf0;
    height:1px
}
.colurse-sidebar-item {
    margin-bottom:24px
}
.colurse-sidebar-item .accordion-item.main-item {
    background-color:#fff;
    border:1px solid #e9eaf0
}
.colurse-sidebar-item button.accordion-button.header-btn {
    font-style:normal;
    font-weight:500;
    font-size:18px;
    line-height:100%;
    text-transform:uppercase;
    color:#1d2026;
    padding:23px 20px
}
.colurse-sidebar-item button.accordion-button.header-btn::after {
    background-size:1.25rem;
    width:1.25rem;
    height:1.25rem;
    margin-left:auto;
    content:"";
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat:no-repeat;
    background-size:1.25rem
}
.colurse-sidebar-item button.accordion-button.header-btn:not(.collapsed) {
    box-shadow:none;
    background-color:transparent
}
.colurse-sidebar-item button.accordion-button.header-btn:not(.collapsed):after {
    width:1.25rem;
    height:1.25rem;
    background-size:1.25rem
}
.colurse-sidebar-item .accordion-button:focus {
    border-color:#e9eaf0;
    box-shadow:none
}
.colurse-sidebar-item .accordion-item:last-of-type {
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}
.colurse-sidebar-item .accordion-item:first-of-type {
    border-top-left-radius:0;
    border-top-right-radius:0
}
.colurse-sidebar-item .accordion-body.body-top {
    padding:0
}
.colurse-sidebar-item .accordion-body {
    padding:0 20px
}
.colurse-sidebar-item .accordion-item {
    border:0;
    border-top:1px solid #e9eaf0
}
.colurse-sidebar-item .accordion-button {
    padding:12px 20px;
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#1d2026
}
.colurse-sidebar-item .accordion-button::after {
    background-size:11px;
    background-position:center;
    background-image:url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L6 6L1 1' stroke='%238C94A3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}
.colurse-sidebar-item .accordion-button svg {
    margin-right:12px
}
.colurse-sidebar-item .accordion-button svg path {
    stroke:#8c94a3
}
.colurse-sidebar-item .accordion-button:not(.collapsed) {
    font-weight:500;
    box-shadow:none;
    background-color:transparent
}
.colurse-sidebar-item .accordion-button:not(.collapsed) svg path {
    stroke:#ff6636
}
.colurse-sidebar-item .accordion-button:not(.collapsed)::after {
    background-image:url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 6L6 1L1 6' stroke='%23FF6636' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}
.accordion-body.border_top {
    border-top:1px solid #e9eaf0;
    padding-top:20px
}
.check-field-wrap .form-group {
    display:block;
    margin-bottom:10px
}
.check-field-wrap .form-group input {
    padding:0;
    height:initial;
    width:initial;
    margin-bottom:0;
    display:none;
    cursor:pointer
}
.check-field-wrap .form-group input:checked + label:after {
    content:"";
    display:block;
    position:absolute;
    top:5px;
    left:7px;
    width:6px;
    height:10px;
    border:solid #fff;
    border-width:0 2px 2px 0;
    transform:rotate(45deg)
}
.check-field-wrap .form-group input:checked + label:before {
    border:1px solid #ff6636;
    background-color:#ff6636
}
.check-field-wrap .form-group input:checked + label {
    color:#ff6636
}
.check-field-wrap .form-group input:checked + label span {
    font-weight:500;
    color:#4e5566
}
.check-field-wrap .form-group label {
    position:relative;
    cursor:pointer;
    float:none;
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#4e5566;
    display:block
}
.check-field-wrap .form-group label span {
    float:right;
    font-size:12px;
    color:#8c94a3
}
.check-field-wrap .form-group label::before {
    content:"";
    -webkit-appearance:none;
    background-color:transparent;
    border:1px solid #ced1d9;
    padding:8px;
    display:inline-block;
    position:relative;
    vertical-align:middle;
    cursor:pointer;
    margin-right:10px
}
.dashboard {
    background-color:#fff
}
.dashboard-content {
    padding:16px 0;
    display:flex;
    justify-content:space-between
}
.dashboard-content .dashboard-left span {
    color:#6e7485;
    font-size:14px;
    font-weight:400;
    margin-top:6px;
    line-height:22px
}
.dashboard-content .dashboard-left p {
    color:#1d2026;
    font-size:20px;
    font-weight:600;
    margin:0;
    line-height:26px
}
.dashboard-content .dashboard-right {
    display:flex;
    justify-content:space-between
}
.dashboard-content .dashboard-right .notification {
    padding:12px;
    cursor:pointer;
    margin-left:16px;
    background:#f5f7fa
}
.dashboard-content .dashboard-right img {
    height:48px;
    width:48px;
    border-radius:50%;
    cursor:pointer
}
.dashboard-content .dashboard-right button {
    border:0;
    background-color:transparent
}
.dashboard .bg {
    background-color:#ffff;
    padding:10px
}
@media only screen and (max-width:479px) {
    .dashboard .dashboard-content .dashboard-right {
        flex-wrap:wrap-reverse;
        justify-content:end
    }
    .dashboard .dashboard-content .dashboard-right .searchbox {
        display:none
    }
    .dashboard .dashboard-content .dashboard-right .notification {
        background:#f5f7fa;
        padding:12px;
        margin:0 8px;
        cursor:pointer
    }
}.edit-biography {
     background-color:#111033
 }
.edit-biography__img {
    width:80px;
    height:80px;
    overflow:hidden;
    border-radius:50%;
    margin-right:24px
}
@media (max-width:991px) {
    .edit-biography__img {
        margin-right:12px
    }
}@media (max-width:1380px) {
    .edit-biography__img {
        margin:0;
        margin-bottom:16px
    }
}.edit-biography__img img {
     width:inherit;
     height:inherit;
     object-fit:cover
 }
.edit-biography-content {
    padding:40px;
    display:flex;
    flex-wrap:wrap;
    background-color:#111033;
    justify-content:space-between
}
@media (max-width:991px) {
    .edit-biography-content {
        padding:24px
    }
}@media (max-width:767px) {
    .edit-biography-content {
        justify-content:center
    }
}.edit-biography-content .edit-biography-left {
     display:flex;
     align-items:center
 }
@media (max-width:1380px) {
    .edit-biography-content .edit-biography-left {
        text-align:center;
        flex-direction:column
    }
}.edit-biography-content .edit-biography-left span {
     display:block;
     font-size:14px;
     font-weight:300;
     line-height:22px;
     color:rgba(255,255,255,0.5)
 }
.edit-biography-content .edit-biography-left p {
    margin:0;
    color:#fff;
    font-size:20px;
    font-weight:600;
    line-height:26px
}
.edit-biography-content .edit-biography-mid {
    display:flex;
    align-items:center
}
.edit-biography-content .edit-biography-mid span {
    font-size:14px;
    font-weight:300;
    align-self:center;
    white-space:nowrap;
    color:rgba(255,255,255,0.5)
}
.edit-biography-content .edit-biography-mid p {
    margin:0;
    color:#fff;
    font-size:16px;
    font-weight:600;
    align-self:center;
    white-space:nowrap
}
@media (max-width:575px) {
    .edit-biography-content .edit-biography-mid p {
        display:none
    }
}.edit-biography-content .edit-biography-mid progress {
     width:312px;
     height:16px;
     margin:0 24px;
     border-radius:0;
     align-self:center;
     vertical-align:baseline;
     background:rgba(255,255,255,0.2)
 }
@media (max-width:991px) {
    .edit-biography-content .edit-biography-mid progress {
        width:170px
    }
}@media (max-width:575px) {
    .edit-biography-content .edit-biography-mid progress {
        margin:0;
        margin-left:12px
    }
}.edit-biography-content .edit-biography-mid progress::-webkit-progress-bar {
     background-color:rgba(17,16,51,0.2)
 }
.edit-biography-content .edit-biography-mid progress::-webkit-progress-value {
    background:#23bd33
}
.edit-biography-content .edit-biography-mid progress::-moz-progress-bar {
    background:#23bd33
}
.edit-biography-content .edit-biography-right {
    display:flex;
    align-items:center
}
@media (max-width:1380px) {
    .edit-biography-content .edit-biography-right {
        width:100%;
        margin-top:24px;
        justify-content:space-between
    }
}.edit-biography-content .edit-biography-right .edit-btn {
     height:48px;
     color:#fff;
     font-size:16px;
     font-weight:500;
     line-height:48px;
     padding:0 24px 0 24px;
     background:#ff6636
 }
.edit-biography-content .edit-biography-right .notification {
    height:48px;
    width:48px;
    margin:0 16px;
    cursor:pointer;
    line-height:48px;
    text-align:center;
    transform:rotate(0deg);
    background:rgba(255,255,255,0.05)
}
.edit-biography-content .edit-biography-right .notification label {
    cursor:pointer
}
.edit-biography-content .edit-biography-right button {
    border:0
}
.edit-biography-content .edit-biography-right svg {
    cursor:pointer
}
.edit-biography-content-all {
    display:flex;
    margin-bottom:24px
}
.edit-biography-content-left-icon {
    width:56px;
    height:56px;
    color:#fff;
    display:flex;
    margin-right:20px;
    border-radius:50%;
    align-items:center;
    justify-content:center;
    background-color:#23bd33;
    background-color:rgba(255,255,255,0.05)
}
@media (max-width:991px) {
    .edit-biography-content-left-icon {
        font-size:16px;
        width:30px;
        height:30px
    }
}@media (max-width:575px) {
    .edit-biography-content-left-icon {
        margin-right:12px
    }
}.edit-biography-content-left-icon-color {
     background-color:#23bd33
 }
.edit-biography-content-right-content a {
    font-style:normal;
    font-weight:500;
    font-size:18px;
    line-height:24px;
    color:#fff;
    text-decoration:none
}
.edit-biography-content-right-content p {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#6e7485;
    margin:0
}
.edit-biography-content-right-contents a {
    color:rgba(255,255,255,0.5);
    font-weight:400;
    pointer-events:none
}
.edit-biography-content-right-contents p {
    color:rgba(110,116,133,0.5);
    margin:0
}
.heretheclass {
    display:none
}
.item-3 {
    display:block;
    cursor:pointer;
    margin:20px 0 0;
    border-bottom:1px solid green
}
.edit-bio-btn input {
    left:-999em;
    position:absolute
}
.edit-bio-content-change {
    height:0;
    opacity:0;
    padding:0;
    display:block
}
input[type=checkbox]:checked + .edit-bio-content-change {
    opacity:1;
    height:100%;
    padding:40px;
    overflow:hidden;
    transition:all 0.3s linear
}
@media only screen and (max-width:991px) {
    .edit-biography-content .edit-biography-mid {
        padding:20px 0
    }
    .edit-biography-content .edit-biography-right .edit-btn {
        color:#fff;
        height:40px;
        font-size:14px;
        padding:0 18px;
        font-weight:500;
        line-height:40px;
        background:#ff6636
    }
}@media only screen and (max-width:319px) {
    .edit-biography-content .edit-biography-mid {
        padding:20px 0;
        flex-wrap:wrap-reverse;
        flex-direction:column-reverse
    }
    .edit-biography-content .edit-biography-right .edit-btn {
        color:#fff;
        height:40px;
        font-size:14px;
        padding:0 18px;
        font-weight:500;
        line-height:40px;
        background:#ff6636
    }
    .edit-biography-content .edit-biography-right .notification {
        width:40px;
        height:40px;
        margin:0 10px;
        line-height:40px
    }
    .edit-biography-content .edit-biography-right .notification svg {
        height:18px;
        width:18px
    }
}.plans .plan input[type=radio] {
     position:absolute;
     opacity:0;
     width:0
 }
.plans .plan {
    cursor:pointer;
    margin-bottom:24px
}
.plans .plan-content {
    display:flex;
    height:48px;
    border:1px solid #e9eaf0;
    position:relative;
    padding:15px 18px;
    align-items:center;
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#4e5566;
    transition:all 0.3s
}
@media only screen and (max-width:1499px) {
    .plans .plan-content {
        padding:15px
    }
}@media only screen and (max-width:479px) {
    .plans .plan-content {
        display:block;
        text-align:center;
        height:auto
    }
}.plans .plan-content svg {
     margin-right:15px
 }
@media only screen and (max-width:1499px) {
    .plans .plan-content svg {
        margin-right:10px
    }
}@media only screen and (max-width:479px) {
    .plans .plan-content svg {
        margin:0 0 15px
    }
}.plans .plan-content:hover {
     border:1px solid #7bd785
 }
.plans .plan-content span {
    line-height:1;
    margin-right:65px;
    font-family:Inter
}
.plans .plan-content span:last-child {
    margin-right:0
}
@media only screen and (max-width:479px) {
    .plans .plan-content span {
        margin:0 0 15px
    }
}.plans .plan-content strong {
     font-weight:normal;
     font-size:12px;
     line-height:16px;
     color:#8c94a3;
     margin:0;
     transition:all 0.3s
 }
.plans .plan input[type=radio]:checked + .plan-content:after {
    transform:scale(1)
}
.plans .plan .plan-content:after {
    content:"";
    height:25px;
    width:25px;
    top:10px;
    right:15px;
    transition:all 0.3s;
    transform:scale(0);
    background-repeat:no-repeat;
    position:absolute;
    background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' fill='%2323BD33' stroke='%2323BD33' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.125 9.75L10.625 15L7.875 12.375' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}
@media only screen and (max-width:1499px) {
    .plans .plan .plan-content:after {
        right:5px;
        top:12px;
        background-size:20px
    }
}.plans .plan input[type=radio]:checked + .plan-content {
     border:1px solid #7bd785;
     -webkit-transition:ease-in 0.3s;
     -o-transition:ease-in 0.3s;
     transition:ease-in 0.3s
 }
.plans .plan input[type=radio]:checked + .plan-content p {
    color:#1d2026
}
.plans .plan input[type=radio]:checked + .plan-content h3 {
    color:#1d2026
}
.my-payment-method {
    padding:32px 20px 20px
}
.my-payment-method h5 {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#A1A5B3;
    margin-bottom:10px
}
.my-payment-method label.plan.complete-plan {
    margin-bottom:12px
}
.withdrew-money-card.my-payment-method {
    margin:0;
    display:block;
    padding:20px;
    border-top:1px solid #E9EAF0
}
.withdrew-money-card.my-payment-method .withdrew-money-card-footer {
    padding:0;
    margin:0;
    border:0
}
.withdrew-money-card.my-payment-method .withdrew-money-card-footer .item-box p {
    font-size:24px
}
.withdraw-history-table table {
    width:100%
}
.withdraw-history-table table thead tr th {
    font-weight:500;
    font-size:10px;
    line-height:12px;
    text-transform:uppercase;
    color:#6E7485;
    padding:9px 20px;
    background-color:#F5F7FA
}
.withdraw-history-table table tbody tr {
    transition:all 0.4s
}
.withdraw-history-table table tbody tr:hover {
    box-shadow:0px 0px 12px rgba(29,32,38,0.12)
}
.withdraw-history-table table tbody tr td {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#4E5566;
    padding:13px 20px;
    transition:all 0.4s
}
@media only screen and (max-width:1499px) {
    .withdraw-history-table table tbody tr td {
        min-width:200px
    }
}.withdraw-history-table table tbody tr:hover td {
     color:#1D2026
 }
.withdraw-history-table table tbody tr:hover button.three-dots path {
    fill:#1D2026
}
.withdraw-history-table td.color-green {
    color:#23BD33
}
.withdraw-history-table td.color-orange {
    color:#FD8E1F
}
.withdraw-history-table td.color-red {
    color:#E34444
}
button.three-dots {
    border:none;
    transition:all 0.4s;
    background-color:transparent
}
.table-dropdown-wrap {
    display:flex;
    position:relative;
    justify-content:space-between
}
.table-dropdown-wrap .dropdown-menu {
    min-width:190px;
    background:#ffffff;
    border:1px solid #E9EAF0;
    border-radius:0;
    transform:translate(-68px,26px) !important
}
@media (max-width:1700px) {
    .table-dropdown-wrap .dropdown-menu {
        transform:inherit !important
    }
}@media only screen and (max-width:1499px) {
    .withdraw-history-table {
        overflow-x:scroll
    }
}.ratings {
     overflow:hidden;
     position:relative
 }
.ratings-top,.ratings-bottom {
    padding:20px
}
.ratings-top {
    align-items:flex-end;
    padding:20px;
    border-bottom:1px solid #e9eaf0
}
.ratings-box {
    display:flex;
    padding:35px 0px;
    align-items:center;
    flex-direction:column;
    background-color:#fff2e5
}
.ratings-box h2 {
    font-size:40px;
    font-weight:600;
    color:#1d2026;
    line-height:48px;
    margin-bottom:0px;
    text-transform:capitalize
}
.ratings-box p {
    color:#1d2026;
    font-weight:500
}
.ratings-box ul {
    margin:0;
    padding:0;
    display:flex;
    margin-bottom:10px;
    align-items:center
}
.ratings-progress > li {
    display:flex;
    align-items:center;
    margin-bottom:12px;
    justify-content:space-between
}
@media (min-width:768px) and (max-width:1440px) {
    .ratings-progress > li {
        align-items:flex-start;
        flex-direction:column
    }
}@media (max-width:620px) {
    .ratings-progress > li {
        align-items:flex-start;
        flex-direction:column
    }
}.ratings-progress > li:nth-last-child(1) {
     margin-bottom:0px
 }
.ratings-progress > li .rating-star {
    width:50%;
    display:flex;
    margin-right:30px;
    align-items:center
}
.ratings-progress > li .rating-star ul {
    display:flex;
    flex-shrink:0;
    align-items:center
}
.ratings-progress > li .rating-star ul li {
    flex-shrink:0;
    margin-right:4px
}
.ratings-progress > li .rating-star ul li:nth-last-child(1) {
    margin:0
}
.ratings-progress > li .rating-star__count {
    color:#4e5566;
    margin-left:8px;
    line-height:0px;
    white-space:nowrap
}
.ratings-progress > li .progress-box {
    display:flex;
    width:100%;
    align-items:center
}
.ratings-progress > li .progress-box-item {
    width:inherit;
    height:8px;
    position:relative;
    display:inline-block;
    background-color:#e9eaf0
}
.ratings-progress > li .progress-box-rate {
    top:0;
    left:0;
    height:inherit;
    position:absolute;
    background-color:#fd8e1f
}
.ratings-progress > li .progress-box-percentage {
    font-weight:500;
    color:#1d2026;
    margin-left:16px
}
.student-profile-section {
    margin-top:-200px
}
.student-profile-wrap {
    border:1px solid #ffddd1;
    border-bottom:none;
    background-color:#fff
}
.student-profile-wrap .student-profile-header {
    padding:40px;
    display:flex;
    align-items:center;
    justify-content:space-between
}
@media only screen and (max-width:479px) {
    .student-profile-wrap .student-profile-header {
        padding:17px;
        text-align:center
    }
}@media only screen and (max-width:991px) {
    .student-profile-wrap .student-profile-header {
        display:block
    }
}.student-profile-wrap .student-profile-header .student-profile-left {
     display:flex;
     align-items:center
 }
@media only screen and (max-width:991px) {
    .student-profile-wrap .student-profile-header .student-profile-left {
        margin-bottom:30px
    }
}@media only screen and (max-width:479px) {
    .student-profile-wrap .student-profile-header .student-profile-left {
        display:block
    }
}.student-profile-wrap .student-profile-header .student-profile-left .student-thumb {
     width:110px;
     height:110px;
     overflow:hidden;
     border-radius:100%;
     margin-right:24px;
     flex:0 0 auto
 }
@media only screen and (max-width:479px) {
    .student-profile-wrap .student-profile-header .student-profile-left .student-thumb {
        margin:0 auto 15px
    }
}.student-profile-wrap .student-profile-header .student-profile-left .student-thumb img {
     width:100%;
     height:100%;
     object-fit:cover
 }
.student-profile-wrap .student-profile-header .student-profile-left .student-data h3 {
    font-weight:600;
    font-size:24px;
    line-height:32px;
    letter-spacing:-0.01em;
    color:#1d2026;
    margin-bottom:14px
}
.student-profile-wrap .student-profile-header .student-profile-left .student-data p {
    font-size:16px;
    line-height:24px;
    color:#6e7485
}
.student-profile-wrap .student-profile-header .student-profile-right a.become-instructor-btn {
    background:#ffeee8;
    font-weight:600;
    font-size:18px;
    line-height:56px;
    letter-spacing:-0.01em;
    text-transform:capitalize;
    color:#ff6636;
    padding:0 31px;
    transition:all 0.3s
}
.student-profile-wrap .student-profile-header .student-profile-right a.become-instructor-btn:hover {
    color:#fff;
    background-color:#ff6636
}
.student-profile-wrap .student-profile-header .student-profile-right a.become-instructor-btn svg {
    margin-left:10px;
    transition:all 0.3s
}
.student-profile-wrap .student-profile-header .student-profile-right a.become-instructor-btn path {
    transition:all 0.3s
}
.student-profile-wrap .student-profile-header .student-profile-right a.become-instructor-btn:hover path {
    stroke:#fff
}
.student-profile-menu.course-watch ul {
    display:block
}
.student-profile-menu ul {
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    justify-content:space-between
}
@media only screen and (max-width:991px) {
    .student-profile-menu ul {
        display:block;
        text-align:center
    }
}.student-profile-menu ul li {
     display:inline-block
 }
@media only screen and (max-width:479px) {
    .student-profile-menu ul li {
        display:block
    }
}.student-profile-menu ul li a {
     font-weight:500;
     font-size:16px;
     color:#4e5566;
     position:relative;
     transition:all 0.3s;
     padding:20px 38px
 }
@media only screen and (max-width:1499px) {
    .student-profile-menu ul li a {
        padding:20px 25px
    }
}@media only screen and (max-width:1199px) {
    .student-profile-menu ul li a {
        padding:20px 18px
    }
}@media only screen and (max-width:991px) {
    .student-profile-menu ul li a {
        padding:15px
    }
}.student-profile-menu ul li a:hover {
     color:#1d2026
 }
.student-profile-menu ul li a::before {
    content:"";
    left:0;
    bottom:0;
    width:0;
    height:3px;
    transition:all 0.3s;
    position:absolute;
    background-color:#ff6636
}
.student-profile-menu ul li a:hover::before {
    width:100%
}
.student-profile-menu ul li a.active {
    color:#1d2026
}
.student-tabs-wrap .nav {
    border-top:none;
    margin-bottom:40px;
    background-color:#fff;
    border:1px solid #ffddd1;
    justify-content:space-between
}
@media (max-width:991px) {
    .student-tabs-wrap .nav {
        max-width:700px;
        overflow:hidden;
        overflow-x:scroll;
        flex-wrap:nowrap
    }
}.student-tabs-wrap .nav-pills .nav-link {
     font-weight:500;
     font-size:16px;
     color:#4e5566;
     position:relative;
     transition:all 0.3s;
     padding:20px 38px;
     margin:0 auto;
     border-radius:0;
     white-space:nowrap
 }
@media (max-width:1200px) {
    .student-tabs-wrap .nav-pills .nav-link {
        padding:20px 16px
    }
}.student-tabs-wrap .nav-pills .nav-link.active {
     color:#1d2026;
     background-color:transparent
 }
.student-tabs-wrap .nav-pills .nav-link.active::before {
    content:"";
    left:0;
    bottom:0;
    width:100%;
    height:3px;
    transition:all 0.3s;
    position:absolute;
    background-color:#ff6636
}
.student-tabs-wrap .message {
    margin-bottom:80px
}
@media (max-width:767px) {
    .student-tabs-wrap .message {
        margin-bottom:40px
    }
}.student-tabs-wrap .message-sidebar,.student-tabs-wrap .message-inbox {
     border:1px solid #e9eaf0
 }
.accordion-wrap-faq .accordion__list2 {
    margin-bottom:20px
}
.accordion-wrap-faq .accordion__list2 .link {
    background:#ffffff;
    border:1px solid #e9eaf0;
    padding:18px 24px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:space-between;
    transition:all 0.3s
}
@media only screen and (max-width:767px) {
    .accordion-wrap-faq .accordion__list2 .link {
        padding:15px
    }
}@media only screen and (max-width:479px) {
    .accordion-wrap-faq .accordion__list2 .link {
        display:block
    }
}.accordion-wrap-faq .accordion__list2 .link:hover {
     border:1px solid transparent;
     box-shadow:0px 12px 32px rgba(29,32,38,0.1)
 }
.accordion-wrap-faq .accordion__list2 .link:hover .accordion-svg {
    background:#1d2026;
    box-shadow:0px 6px 20px rgba(54,59,71,0.5)
}
.accordion-wrap-faq .accordion__list2 .link:hover .accordion-svg path {
    stroke:#fff
}
.faq-review-thumb {
    width:160px;
    height:120px;
    margin-right:20px;
    overflow:hidden
}
@media only screen and (max-width:991px) {
    .faq-review-thumb {
        margin-right:0;
        margin:0 auto 20px;
        width:100%;
        height:250px
    }
}.faq-review-thumb img {
     object-fit:cover;
     width:100%;
     height:100%
 }
.accordion-header-content {
    font-size:18px
}
@media only screen and (max-width:479px) {
    .accordion-header-content {
        font-size:16px
    }
}.accordion-header-content ul {
     margin:8px 0 0;
     padding:0;
     list-style:none;
     line-height:1
 }
.accordion-header-content ul li {
    display:inline-block;
    font-size:14px;
    letter-spacing:-0.01em;
    color:#4e5566;
    margin-right:10px
}
.accordion-header-content ul li svg {
    margin-right:2px
}
.accordion-svg {
    width:48px;
    height:48px;
    background-color:#f5f7fa;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all 0.3s
}
@media only screen and (max-width:767px) {
    .accordion-svg {
        height:40px;
        width:40px
    }
}@media only screen and (max-width:479px) {
    .accordion-svg {
        height:34px;
        width:34px;
        margin-top:20px
    }
}.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item {
     display:flex;
     align-items:center;
     margin-bottom:24px
 }
@media only screen and (max-width:991px) {
    .accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item {
        display:block;
        text-align:left
    }
}.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item:last-child {
     margin-bottom:0
 }
.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-thumb {
    flex:0 0 auto
}
.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-thumb a {
    display:block
}
@media only screen and (max-width:767px) {
    .accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-thumb {
        display:block
    }
}@media only screen and (max-width:479px) {
    .accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-thumb {
        margin:0;
        margin-bottom:15px
    }
}.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-thumb img {
     width:100%;
     height:100%;
     object-fit:cover
 }
.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-data {
    min-height:120px;
    display:flex;
    flex:0 0 50%;
    flex-direction:column;
    justify-content:space-between
}
@media only screen and (max-width:1499px) {
    .accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-data {
        flex:0 0 42%
    }
}@media only screen and (max-width:991px) {
    .accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-data {
        min-height:inherit;
        display:block
    }
}.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-data h5 {
     font-size:14px;
     font-weight:500;
     letter-spacing:-0.01em;
     color:#1d2026;
     margin-bottom:8px
 }
.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-data h5 span {
    font-weight:normal;
    color:#8c94a3
}
.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-data h5 svg {
    width:17px;
    height:17px;
    margin-right:5px
}
.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-data a {
    font-weight:500;
    font-size:16px;
    line-height:22px;
    color:#1d2026
}
.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-data h4 {
    font-weight:500;
    font-size:16px;
    line-height:22px;
    color:#1d2026
}
.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-data p {
    color:#a1a5b3
}
.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-data p span {
    color:#4e5566;
    margin-left:7px
}
.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .amount {
    font-weight:500;
    font-size:20px;
    color:#ff6636;
    flex:0 0 19%;
    text-align:right
}
@media only screen and (max-width:991px) {
    .accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .amount {
        text-align:left
    }
}.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .amount a {
     text-decoration:line-through;
     color:#8c94a3;
     font-size:18px
 }
.accordion-body-text .accrodion-body-bottom .faq-body-right {
    width:100%;
    border-left:1px solid #e9eaf0;
    height:100%;
    display:flex;
    align-items:center;
    padding-left:50px;
    margin-left:100px
}
@media only screen and (max-width:1499px) {
    .accordion-body-text .accrodion-body-bottom .faq-body-right {
        padding-left:30px;
        margin-left:30px
    }
}@media only screen and (max-width:1199px) {
    .accordion-body-text .accrodion-body-bottom .faq-body-right {
        padding-left:20px;
        margin-left:0
    }
}@media only screen and (max-width:991px) {
    .accordion-body-text .accrodion-body-bottom .faq-body-right {
        padding:0;
        margin-left:0;
        margin-top:20px;
        border-left:none;
        display:block;
        text-align:left
    }
}.accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header {
     padding:0;
     display:block;
     border:none
 }
.accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .accordion-header-content {
    font-weight:600;
    font-size:24px;
    letter-spacing:-0.01em;
    color:#1d2026;
    margin-bottom:25px
}
@media only screen and (max-width:1199px) {
    .accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .accordion-header-content {
        font-size:19px
    }
}.accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .payment-info ul {
     margin:0;
     padding:0;
     list-style:none
 }
.accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .payment-info ul li {
    display:inline-block;
    font-weight:normal;
    font-size:14px;
    letter-spacing:-0.01em;
    color:#1d2026;
    margin:0 20px
}
@media only screen and (max-width:1199px) {
    .accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .payment-info ul li {
        margin:0 10px
    }
}@media only screen and (max-width:1199px) {
    .accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .payment-info ul li {
        margin:0 5px
    }
}@media only screen and (max-width:479px) {
    .accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .payment-info ul li {
        display:block;
        margin:0 0 5px
    }
}.accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .payment-info ul li:first-child {
     margin-left:0
 }
.accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .payment-info ul li:last-child {
    margin-right:0;
    margin-left:105px
}
@media only screen and (max-width:1499px) {
    .accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .payment-info ul li:last-child {
        margin-left:75px
    }
}@media only screen and (max-width:1199px) {
    .accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .payment-info ul li:last-child {
        margin-left:13px
    }
}.accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .payment-info ul li span {
     font-size:18px;
     color:#1d2026
 }
@media only screen and (max-width:1199px) {
    .accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .payment-info ul li span {
        font-size:16px
    }
}.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item {
     display:flex;
     align-items:center;
     justify-content:space-between;
     background-color:#fff;
     transition:0.3s;
     padding:24px 0;
     border-bottom:1px solid #e9eaf0
 }
@media only screen and (max-width:991px) {
    .shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item {
        display:block
    }
}.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item:last-child {
     border-bottom:0px solid transparent
 }
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item:last-child {
    margin-bottom:0
}
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item svg path {
    transition:0.3s
}
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item-content {
    display:flex;
    flex:0 0 57%
}
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item-content svg {
    margin-right:23px
}
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item-content button {
    border:0;
    background-color:transparent
}
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-thumb {
    margin-right:20px
}
@media (max-width:340px) {
    .shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-thumb {
        height:250px
    }
}.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-thumb a {
     display:block
 }
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-thumb img {
    width:100%;
    height:100%
}
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-data {
    min-height:120px;
    display:flex;
    flex:0 0 50%;
    flex-direction:column;
    justify-content:space-between
}
@media only screen and (max-width:991px) {
    .shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-data {
        display:block;
        text-align:left;
        min-height:inherit;
        margin-bottom:10px
    }
}.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-data h5 {
     font-size:14px;
     font-weight:500;
     letter-spacing:-0.01em;
     color:#1d2026;
     margin-bottom:8px
 }
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-data h5 span {
    font-weight:normal;
    color:#8c94a3
}
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-data h5 svg {
    width:17px;
    height:17px;
    margin-right:5px
}
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-data a {
    font-weight:500;
    font-size:16px;
    line-height:22px;
    color:#1d2026
}
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-data p {
    color:#a1a5b3;
    font-size:14px
}
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-data p span {
    color:#4e5566;
    margin-left:7px;
    font-size:14px
}
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .amount {
    font-weight:500;
    font-size:20px;
    color:#ff6636;
    text-align:right
}
@media only screen and (max-width:991px) {
    .shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .amount {
        text-align:left
    }
}.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .amount span {
     text-decoration:line-through;
     color:#8c94a3;
     font-size:18px
 }
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .move-to-wishlist {
    transition:0.3s
}
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .move-to-wishlist a {
    font-style:normal;
    font-weight:600;
    font-size:14px;
    line-height:40px;
    letter-spacing:-0.004em;
    text-transform:capitalize;
    color:#ff6636;
    padding:0 16px;
    transition:0.3s
}
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .move-to-wishlist a:hover {
    background-color:#ffeee8;
    color:#cc522b
}
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item:hover .cross-btn-shopping svg path {
    stroke:#333
}
@media only screen and (max-width:991px) {
    .shopping-body-text .shopping-body-bottom .faq-review-wrap .cross-btn-shopping {
        margin-bottom:15px;
        text-align:left
    }
}.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item:hover .move-to-wishlist a {
     background-color:#ffeee8;
     color:#cc522b
 }
.shopping-body-text .shopping-body-bottom .faq-review-wrap .all-btn {
    display:flex;
    column-gap:12px
}
.shopping-body-text .shopping-body-bottom .faq-review-wrap .all-btn button {
    background-color:#ffeee8;
    border:0;
    height:48px;
    width:48px;
    line-height:48px;
    text-align:center
}
.shopping-body-text .shopping-body-bottom .faq-review-wrap .all-btn .wishlist-btn {
    font-weight:600;
    font-size:16px;
    line-height:48px;
    letter-spacing:-0.008em;
    text-transform:capitalize;
    color:#1d2026;
    width:176px;
    line-height:48px;
    text-align:center
}
.shopping-body-text .shopping-body-bottom .faq-review-wrap .all-btn .wishlist-buy {
    background:#f5f7fa
}
.shopping-body-text .shopping-body-bottom .faq-review-wrap .all-btn .wishlist-buy a {
    color:#1d2026
}
.shopping-body-text .shopping-body-bottom .faq-review-wrap .all-btn .wishlist-add {
    background-color:#ff6636
}
.shopping-body-text .shopping-body-bottom .faq-review-wrap .all-btn .wishlist-add a {
    color:#fff
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item {
    display:flex;
    align-items:center;
    justify-content:space-between;
    background-color:#fff;
    transition:0.3s;
    padding:24px 0;
    border-bottom:1px solid #e9eaf0
}
@media only screen and (max-width:991px) {
    .wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item {
        display:block
    }
}.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item:last-child {
     border-bottom:0px solid transparent
 }
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item:last-child {
    margin-bottom:0
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item svg path {
    transition:0.3s
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item-content {
    display:flex
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item-content svg {
    margin-right:23px
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item-content button {
    border:0;
    background-color:transparent
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .faq-review-data-inner {
    min-height:120px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    max-width:300px
}
@media only screen and (max-width:1499px) {
    .wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .faq-review-data-inner {
        min-height:inherit;
        margin-bottom:10px
    }
}.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .faq-review-data-inner h5 {
     font-size:14px;
     font-weight:500;
     letter-spacing:-0.01em;
     color:#1d2026;
     margin-bottom:8px
 }
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .faq-review-data-inner h5 span {
    font-weight:normal;
    color:#8c94a3
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .faq-review-data-inner h5 svg {
    width:17px;
    height:17px;
    margin-right:5px
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .faq-review-data-inner a {
    font-weight:500;
    font-size:16px;
    line-height:22px;
    color:#1d2026
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .faq-review-data-inner p {
    color:#a1a5b3;
    font-size:14px
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .faq-review-data-inner p span {
    color:#4e5566;
    margin-left:7px;
    font-size:14px
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .amount {
    font-weight:500;
    font-size:20px;
    color:#ff6636;
    text-align:right
}
@media only screen and (max-width:991px) {
    .wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .amount {
        text-align:left
    }
}.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .amount span {
     text-decoration:line-through;
     color:#8c94a3;
     font-size:18px
 }
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .move-to-wishlist {
    transition:0.3s
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .move-to-wishlist a {
    font-style:normal;
    font-weight:600;
    font-size:14px;
    line-height:40px;
    letter-spacing:-0.004em;
    text-transform:capitalize;
    color:#ff6636;
    padding:0 16px;
    transition:0.3s
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .move-to-wishlist a:hover {
    background-color:#ffeee8;
    color:#cc522b
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item:hover .move-to-wishlist a {
    background-color:#ffeee8;
    color:#cc522b
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn {
    display:flex;
    column-gap:12px
}
@media only screen and (max-width:991px) {
    .wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn {
        margin-top:10px;
        justify-content:flex-start !important
    }
}.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn button {
     background-color:#ffeee8;
     border:0;
     height:48px;
     width:48px;
     line-height:48px;
     text-align:center
 }
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn button svg path {
    stroke:none
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn button:hover {
    background-color:#cc522b;
    transition:all 0.3s
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn button:hover:hover {
    background-color:#ff6636
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn button:hover svg path {
    stroke:none;
    fill:#fff
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn .wishlist-btn a {
    font-weight:600;
    font-size:16px;
    line-height:48px;
    letter-spacing:-0.008em;
    text-transform:capitalize;
    color:#1d2026;
    width:176px;
    line-height:48px;
    text-align:center;
    transition:0.3s
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn .wishlist-buy {
    background:#f5f7fa;
    transition:0.3s
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn .wishlist-buy:hover {
    background-color:#ff6636
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn .wishlist-buy a {
    color:#1d2026
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn .wishlist-add {
    background-color:#ff6636;
    transition:0.3s
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn .wishlist-add:hover {
    background-color:#cc522b
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn .wishlist-add a {
    color:#fff
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn .wishlist-btn a:hover {
    color:#fff !important
}
.accordion-wrap-faq .accordion__list2.open .link {
    color:#ff6636
}
.accordion-wrap-faq .accordion__list2.open .link:hover {
    box-shadow:none;
    border:1px solid #e9eaf0
}
.accordion-wrap-faq .accordion__list2.open .link .accordion-svg {
    background:#ff6636;
    box-shadow:none
}
.accordion-wrap-faq .accordion__list2.open .link .accordion-svg svg {
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg)
}
.accordion-wrap-faq .accordion__list2.open .link .accordion-svg path {
    stroke:#fff
}
p.emoji-content {
    font-size:16px;
    line-height:24px;
    text-align:center;
    color:#1d2026;
    margin-top:35px
}
p.emoji-content svg {
    margin-left:10px
}
.accordion-wrap-faq .accordion-body-text {
    display:none;
    border:1px solid #e9eaf0;
    border-top:none;
    box-shadow:0px 6px 16px rgba(0,0,0,0.06)
}
@media only screen and (max-width:479px) {
    .social-media-box-wrap {
        text-align:center
    }
}a.social-medaia-box-btn {
     border:1px solid #e9eaf0;
     display:inline-block;
     padding:10px;
     width:200px;
     height:44px;
     font-size:14px;
     line-height:22px;
     text-align:center;
     letter-spacing:-0.01em;
     color:#1d2026;
     transition:0.3s;
     position:relative;
     padding-left:44px
 }
a.social-medaia-box-btn:last-child {
    margin-right:0
}
@media only screen and (max-width:767px) {
    a.social-medaia-box-btn {
        width:170px;
        margin-right:10px
    }
}@media only screen and (max-width:479px) {
    a.social-medaia-box-btn {
        margin:0;
        margin-bottom:15px
    }
}a.social-medaia-box-btn.icon-common:before {
     content:"";
     left:0;
     top:0;
     width:44px;
     height:100%;
     position:absolute;
     transition:all 0.3s;
     border-right:1px solid #e9eaf0;
     background-position:center center;
     background-repeat:no-repeat
 }
a.social-medaia-box-btn.google.icon-common:before {
    background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M4.43242 12.0846L3.73625 14.6835L1.19176 14.7374C0.431328 13.3269 0 11.7132 0 9.99838C0 8.34014 0.403281 6.77639 1.11812 5.39948H1.11867L3.38398 5.81479L4.37633 8.06651C4.16863 8.67201 4.05543 9.32201 4.05543 9.99838C4.05551 10.7324 4.18848 11.4358 4.43242 12.0846Z' fill='%23FBBB00'/%3E%3Cpath d='M19.8261 8.13168C19.941 8.73661 20.0009 9.36133 20.0009 9.99981C20.0009 10.7157 19.9256 11.4141 19.7822 12.0877C19.2954 14.38 18.0234 16.3817 16.2613 17.7982L16.2608 17.7976L13.4075 17.652L13.0037 15.1311C14.1729 14.4454 15.0866 13.3723 15.568 12.0877H10.2207V8.13168H15.646H19.8261Z' fill='%23518EF8'/%3E%3Cpath d='M16.2595 17.7964L16.2601 17.797C14.5464 19.1744 12.3694 19.9986 9.99965 19.9986C6.19141 19.9986 2.88043 17.8701 1.19141 14.7376L4.43207 12.0849C5.27656 14.3387 7.45074 15.9431 9.99965 15.9431C11.0952 15.9431 12.1216 15.647 13.0024 15.1299L16.2595 17.7964Z' fill='%2328B446'/%3E%3Cpath d='M16.382 2.30219L13.1425 4.95437C12.2309 4.38461 11.1534 4.05547 9.99906 4.05547C7.39246 4.05547 5.17762 5.73348 4.37543 8.06812L1.11773 5.40109H1.11719C2.78148 2.1923 6.13422 0 9.99906 0C12.4254 0 14.6502 0.864297 16.382 2.30219Z' fill='%23F14336'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}
a.social-medaia-box-btn.google.icon-common:hover:before {
    border-right:1px solid #fbbb00
}
a.social-medaia-box-btn.google.icon-common:hover {
    border:1px solid #fbbb00
}
a.social-medaia-box-btn.icon-common.facebook:before {
    background-image:url("data:image/svg+xml,%3Csvg width='10' height='20' viewBox='0 0 10 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.25 6.875V4.375C6.25 3.685 6.81 3.125 7.5 3.125H8.75V0H6.25C4.17875 0 2.5 1.67875 2.5 3.75V6.875H0V10H2.5V20H6.25V10H8.75L10 6.875H6.25Z' fill='%234267B2'/%3E%3C/svg%3E%0A")
}
a.social-medaia-box-btn.icon-common.facebook:hover:before {
    border-right:1px solid #4267b2
}
a.social-medaia-box-btn.icon-common.facebook:hover {
    border:1px solid #4267b2
}
a.social-medaia-box-btn.apple:before {
    background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M13.7483 0C12.6821 0.0737496 11.4359 0.756246 10.7096 1.64499C10.0471 2.45124 9.50212 3.64873 9.71462 4.81247C10.8796 4.84872 12.0833 4.14998 12.7808 3.24623C13.4333 2.40499 13.9271 1.21499 13.7483 0Z' fill='black'/%3E%3Cpath d='M17.9634 6.71011C16.9397 5.42637 15.5009 4.68137 14.1422 4.68137C12.3485 4.68137 11.5897 5.54012 10.3435 5.54012C9.05847 5.54012 8.08223 4.68387 6.53099 4.68387C5.00724 4.68387 3.38475 5.61511 2.35601 7.20761C0.909769 9.45009 1.15727 13.6663 3.501 17.2575C4.33975 18.5425 5.45974 19.9875 6.92473 20C8.22848 20.0125 8.59597 19.1638 10.3622 19.155C12.1285 19.145 12.4635 20.0113 13.7647 19.9975C15.2309 19.9863 16.4122 18.385 17.2509 17.1C17.8522 16.1788 18.0759 15.7151 18.5422 14.6751C15.1509 13.3838 14.6072 8.56135 17.9634 6.71011Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}
a.social-medaia-box-btn.apple:hover:before {
    border-right:1px solid #ff6636
}
a.social-medaia-box-btn.apple:hover {
    border:1px solid #ff6636
}
.e_screenfix {
    margin-right:calc((-100vw + 100%) / 2);
    max-width:1618px
}
@media (max-width:991px) {
    .e_screenfix {
        max-width:100%
    }
}.header-bottom.border_bottom {
     border-bottom:1px solid #e9eaf0
 }
.page404-section {
    display:flex;
    align-items:center;
    min-height:715px;
    overflow:hidden
}
@media only screen and (max-width:767px) {
    .page404-section {
        min-height:75vh
    }
}.thumb404 {
     position:relative;
     left:7px
 }
.about-section {
    border-bottom:1px solid #e9eaf0
}
@media (max-width:991px) {
    .responsive_bottom {
        margin:0 0 30px !important
    }
}.about-content {
     margin-right:100px
 }
@media only screen and (max-width:1499px) {
    .about-content {
        margin-right:0
    }
}.about-content h3 {
     font-weight:600;
     font-size:80px;
     line-height:80px;
     letter-spacing:-0.02em;
     color:#e9eaf0;
     margin-bottom:15px
 }
@media only screen and (max-width:1499px) {
    .about-content h3 {
        font-size:60px
    }
}@media only screen and (max-width:1499px) {
    .about-content h3 {
        font-size:50px
    }
}@media only screen and (max-width:991px) {
    .about-content h3 {
        font-size:45px;
        line-height:40px
    }
}@media only screen and (max-width:479px) {
    .about-content h3 {
        font-size:40px
    }
}.about-content h2 {
     color:#1d2026;
     font-size:48px;
     line-height:52px;
     margin-bottom:24px;
     font-weight:600;
     letter-spacing:-0.02em
 }
@media (max-width:991px) {
    .about-content h2 {
        font-size:40px;
        white-space:normal
    }
}@media (max-width:767px) {
    .about-content h2 {
        font-size:36px;
        white-space:normal
    }
}@media (max-width:480px) {
    .about-content h2 {
        font-size:28px;
        white-space:normal
    }
}.about-content p {
     font-size:20px;
     line-height:32px;
     color:#6e7485
 }
@media only screen and (max-width:1499px) {
    .about-content p {
        font-size:18px
    }
}@media only screen and (max-width:767px) {
    .about-content p {
        font-size:16px;
        line-height:28px
    }
}.counter-wrap {
     display:flex;
     flex-wrap:wrap;
     justify-content:space-between
 }
@media only screen and (max-width:767px) {
    .counter-wrap {
        justify-content:inherit
    }
}.counter-wrap .counter-item {
     display:flex;
     flex-wrap:wrap
 }
@media only screen and (max-width:991px) {
    .counter-wrap .counter-item {
        display:block;
        text-align:center
    }
}@media only screen and (max-width:767px) {
    .counter-wrap .counter-item {
        flex:0 0 33%;
        margin-bottom:24px
    }
}@media only screen and (max-width:479px) {
    .counter-wrap .counter-item {
        flex:0 0 50%
    }
}.counter-wrap .counter-item .counter-icon {
     margin-right:16px
 }
@media (max-width:991px) {
    .counter-wrap .counter-item .counter-icon {
        margin:0px;
        margin-bottom:6px
    }
}.counter-wrap .counter-item .counter-data .counter-number {
     font-weight:600;
     font-size:32px;
     line-height:40px;
     letter-spacing:-0.01em;
     color:#1d2026
 }
@media (max-width:991px) {
    .counter-wrap .counter-item .counter-data .counter-number {
        font-size:24px;
        line-height:34px;
        margin:0px
    }
}.counter-wrap .counter-item .counter-data p {
     font-weight:500;
     font-size:14px;
     line-height:20px;
     letter-spacing:-0.01em;
     color:#4e5566
 }
.our-mission-section {
    background:#ffeee8
}
@media only screen and (max-width:991px) {
    .our-mission-section {
        padding:60px 0
    }
}.our-mission-content h5 {
     font-style:normal;
     font-weight:500;
     font-size:16px;
     line-height:22px;
     color:#ff6636
 }
.our-mission-content h2 {
    font-weight:600;
    font-size:40px;
    line-height:48px;
    letter-spacing:-0.01em;
    color:#1d2026;
    margin-bottom:24px
}
@media only screen and (max-width:1499px) {
    .our-mission-content h2 {
        font-size:36px;
        margin-bottom:15px;
        line-height:44px
    }
}@media only screen and (max-width:1199px) {
    .our-mission-content h2 {
        font-size:32px;
        line-height:38px
    }
}@media only screen and (max-width:479px) {
    .our-mission-content h2 {
        font-size:28px;
        line-height:36px
    }
}.our-mission-content p {
     font-size:16px;
     line-height:24px;
     color:#4e5566
 }
@media only screen and (max-width:1199px) {
    .our-mission-content p {
        font-size:15px;
        line-height:22px
    }
}.gallery-section.gray-bg {
     background:#f5f7fa
 }
.gallery-thumb {
    margin-left:100px
}
@media only screen and (max-width:1199px) {
    .gallery-thumb {
        margin-left:40px
    }
}@media only screen and (max-width:991px) {
    .gallery-thumb {
        margin:0
    }
}.testimonial-content {
     background:#f5f7fa;
     padding:80px 24px;
     text-align:center;
     position:relative
 }
.testimonial-content .quote1 {
    position:absolute;
    top:35px;
    left:35px
}
.testimonial-content .quote2 {
    position:absolute;
    bottom:35px;
    right:35px
}
.testimonial-content:before {
    content:"";
    width:0;
    height:0;
    position:absolute;
    bottom:-22px;
    left:50%;
    transform:translateX(-50%);
    border-left:16px solid transparent;
    border-right:16px solid transparent;
    border-top:24px solid #f5f7fa
}
.testimonial-content p {
    font-size:18px;
    line-height:24px;
    letter-spacing:-0.015em;
    color:#1d2026
}
.testimonial-data {
    text-align:center;
    margin-top:35px
}
.testimonial-data h5 {
    font-weight:500;
    font-size:16px;
    line-height:22px;
    color:#1d2026
}
.testimonial-data p {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#6e7485
}
.testimonial-data p a {
    color:#564ffd
}
@media only screen and (max-width:991px) {
    .testimonial-wrap {
        margin-bottom:24px
    }
}.contact-us-section.career-page {
     border:none
 }
.join-team-section {
    background:#f5f7fa
}
.join-team-thumb-wrap {
    display:flex
}
.join-team-thumb-wrap img {
    width:100%
}
@media only screen and (max-width:991px) {
    .join-team-thumb-wrap {
        justify-content:center;
        margin-bottom:30px
    }
}@media only screen and (max-width:479px) {
    .join-team-thumb-wrap {
        display:block
    }
}.join-team-thumb-wrap .join-team-thumb {
     margin-right:24px
 }
@media only screen and (max-width:479px) {
    .join-team-thumb-wrap .join-team-thumb {
        margin:0 0 20px
    }
}.join-team-thumb-wrap .join-team-thumb:last-child {
     margin:0
 }
.join-team-thumb-wrap .join-team-thumb img {
    width:100%;
    height:100%;
    object-fit:cover
}
.join-team-thumb-wrap .join-team-thumb:nth-child(1) {
    width:200px;
    height:425px
}
@media only screen and (max-width:479px) {
    .join-team-thumb-wrap .join-team-thumb:nth-child(1) {
        width:100%;
        height:auto
    }
}.join-team-thumb-wrap .join-team-thumb:nth-child(2) {
     width:200px;
     height:521.83px
 }
@media only screen and (max-width:479px) {
    .join-team-thumb-wrap .join-team-thumb:nth-child(2) {
        width:100%;
        height:auto
    }
}.join-team-thumb-wrap .join-team-thumb:nth-child(3) {
     width:200px;
     height:448px;
     margin-top:74px
 }
@media only screen and (max-width:479px) {
    .join-team-thumb-wrap .join-team-thumb:nth-child(3) {
        width:100%;
        height:auto;
        margin:0
    }
}.join-team-content h2 {
     font-size:40px;
     font-weight:600;
     color:#1d2026;
     line-height:48px;
     margin-bottom:18px;
     letter-spacing:-0.01em
 }
@media (max-width:767px) {
    .join-team-content h2 {
        font-size:32px;
        line-height:42px
    }
}.join-team-content p {
     font-weight:400;
     color:#4e5566
 }
@media (max-width:767px) {
    .join-team-content p {
        font-size:16px;
        line-height:normal
    }
}.join-team-content .checkbox-field ul {
     margin-top:40px
 }
@media only screen and (max-width:1499px) {
    .join-team-content .checkbox-field ul {
        margin-top:30px
    }
}.join-team-content .checkbox-field ul li {
     padding:30px;
     margin-bottom:32px;
     padding-left:75px;
     background-color:#fff
 }
.join-team-content .checkbox-field ul li:last-child {
    margin-bottom:0
}
@media only screen and (max-width:479px) {
    .join-team-content .checkbox-field ul li {
        padding:20px;
        padding-left:60px
    }
}.join-team-content .checkbox-field ul li svg {
     left:30px;
     width:30px;
     height:30px
 }
@media only screen and (max-width:479px) {
    .join-team-content .checkbox-field ul li svg {
        left:20px
    }
}.join-team-content .checkbox-field ul li span {
     width:100%;
     margin-bottom:4px;
     display:inline-block
 }
.join-team-content.become-instructor {
    margin-left:45px
}
.benefit-package {
    border-bottom:1px solid #e9eaf0
}
.gray-bg {
    position:relative;
    z-index:0
}
.gray-bg::before {
    content:"";
    left:0;
    bottom:0;
    width:100%;
    height:83%;
    z-index:-1;
    position:absolute;
    background-color:#f5f7fa
}
.company-main-wrap {
    background-color:#fff;
    padding:80px 80px 60px;
    border:1px solid #e9eaf0;
    width:calc(100% + 160px);
    margin-left:-80px
}
@media only screen and (max-width:1499px) {
    .company-main-wrap {
        width:100%;
        padding:30px;
        margin:0
    }
}.company-main-wrap .company-content {
     margin-right:7px
 }
.open-position-wrap {
    background:#ffffff;
    margin-bottom:24px
}
.open-position-wrap .open-position-bottom {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:24px
}
@media only screen and (max-width:1499px) {
    .open-position-wrap .open-position-bottom {
        padding:20px
    }
}.open-position-wrap .open-position-bottom a.arrow-icon {
     display:flex;
     width:48px;
     height:48px;
     background:#ffeee8;
     align-items:center;
     justify-content:center
 }
.open-position-wrap .open-position-bottom p {
    font-family:"Inter";
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#4e5566
}
.open-position-wrap .open-position-bottom p span {
    color:#e34444
}
.open-position-header {
    padding:24px;
    border-bottom:1px solid #e9eaf0
}
@media only screen and (max-width:1499px) {
    .open-position-header {
        padding:20px
    }
}.open-position-header h3 {
     font-family:"Inter";
     font-style:normal;
     font-weight:500;
     font-size:20px;
     line-height:26px;
     color:#1d2026;
     margin-bottom:20px
 }
.open-position-header .sub-heading-meta ul {
    display:flex
}
.open-position-header .sub-heading-meta ul li {
    display:flex;
    align-items:center
}
@media only screen and (max-width:1499px) {
    .open-position-header .sub-heading-meta ul li {
        margin:0 4px
    }
}@media only screen and (max-width:479px) {
    .open-position-header .sub-heading-meta ul li {
        font-size:13px
    }
}.open-position-header .sub-heading-meta ul li svg {
     margin-right:6px
 }
@media only screen and (max-width:1499px) {
    .open-position-header .sub-heading-meta ul li svg {
        margin-right:4px
    }
}.single-career-section {
     background:#f5f7fa
 }
.single-career-herader-right {
    width:100%;
    text-align:right
}
@media only screen and (max-width:767px) {
    .single-career-herader-right {
        text-align:left;
        margin-top:30px
    }
}.single-career-herader .open-position-header {
     padding:0;
     border:0;
     margin-bottom:40px
 }
@media only screen and (max-width:767px) {
    .single-career-herader .open-position-header {
        margin-bottom:24px
    }
}.single-career-herader .open-position-header .sub-heading-meta {
     margin-bottom:12px
 }
@media only screen and (max-width:479px) {
    .single-career-herader .open-position-header .sub-heading-meta ul li {
        font-size:12px
    }
}.single-career-herader .open-position-header h2 {
     font-family:"Inter";
     font-weight:600;
     font-size:40px;
     line-height:48px;
     letter-spacing:-0.01em;
     color:#1d2026
 }
@media only screen and (max-width:991px) {
    .single-career-herader .open-position-header h2 {
        font-size:36px;
        line-height:40px
    }
}@media only screen and (max-width:767px) {
    .single-career-herader .open-position-header h2 {
        font-size:30px;
        line-height:36px
    }
}@media only screen and (max-width:479px) {
    .single-career-herader .open-position-header h2 {
        font-size:24px;
        line-height:32px
    }
}.header-info-wrap {
     display:flex;
     align-items:center
 }
@media only screen and (max-width:479px) {
    .header-info-wrap {
        display:block
    }
}.header-info-wrap .header-info-item {
     margin-right:150px
 }
@media only screen and (max-width:991px) {
    .header-info-wrap .header-info-item {
        margin-right:40px
    }
}@media only screen and (max-width:479px) {
    .header-info-wrap .header-info-item {
        margin:0 0 20px
    }
}.header-info-wrap .header-info-item:last-child {
     margin-right:0
 }
.header-info-wrap .header-info-item h4 {
    font-family:"Inter";
    font-weight:500;
    font-size:16px;
    line-height:22px;
    color:#ff6636;
    margin-bottom:8px
}
.header-info-wrap .header-info-item p,.header-info-wrap .header-info-item a {
    font-family:"Inter";
    font-size:16px;
    line-height:24px;
    color:#1d2026
}
.single-career-body-section {
    padding:40px 0 80px
}
.single-career-body-wrap {
    max-width:650px
}
.single-career-body-wrap .course-single-title {
    margin-bottom:15px
}
.single-career-body-wrap .course-single-title h3 {
    font-weight:500;
    font-size:20px;
    line-height:26px;
    color:#1d2026;
    margin:0
}
@media only screen and (max-width:767px) {
    .single-career-body-wrap .overview-description {
        margin-bottom:25px
    }
}.single-career-body-wrap .overview-description p {
     color:#6e7485
 }
@media only screen and (max-width:767px) {
    .single-career-body-wrap .course-list-section {
        margin-bottom:25px
    }
}.single-career-body-wrap .course-list-section ul li {
     color:#6e7485;
     margin-bottom:10px;
     padding-left:25px
 }
.single-career-body-wrap .course-list-section ul li svg {
    top:6px;
    width:15px
}
.single-career-body-wrap .single-career-herader-right {
    text-align:center
}
.contact-us-section {
    padding-top:16px;
    border-bottom:1px solid #ffddd1
}
@media only screen and (max-width:991px) {
    .contact-us-section {
        padding:60px 0
    }
}.about-content.contact-content p {
     font-size:18px;
     line-height:24px
 }
.section-title h2 {
    margin-bottom:20px
}
.section-title p {
    font-size:18px;
    line-height:24px;
    letter-spacing:-0.015em;
    color:#4e5566
}
@media only screen and (max-width:1199px) {
    .branches-wrap {
        margin-bottom:24px
    }
}.branches-thumb {
     height:364px;
     position:relative
 }
@media only screen and (max-width:1199px) {
    .branches-thumb {
        height:450px
    }
}@media only screen and (max-width:767px) {
    .branches-thumb {
        height:auto
    }
}.branches-thumb img {
     width:100%;
     height:100%;
     object-fit:cover
 }
.branches-data {
    text-align:center;
    background-color:#fff;
    padding:0px 31px 16px 31px;
    position:absolute;
    bottom:24px;
    width:calc(100% - 48px);
    margin-left:24px;
    transition:all 0.3s
}
.branches-data:hover {
    padding:16px 31px 16px 31px
}
.branches-data h5 {
    font-weight:500;
    font-size:12px;
    line-height:12px;
    text-transform:uppercase;
    color:#ff6636;
    transition:all 0.3s;
    opacity:0;
    margin:0 0 3px
}
.branches-data:hover h5 {
    opacity:1
}
.branches-data h4 {
    font-weight:500;
    font-size:16px;
    line-height:22px;
    color:#1d2026
}
.branches-data p {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#6e7485
}
.contact-section {
    background-color:#f5f7fa
}
.contact-wrap {
    background:#ffffff;
    padding:40px
}
@media only screen and (max-width:479px) {
    .contact-wrap {
        padding:30px
    }
}.contact-title {
     margin-bottom:30px
 }
.contact-title h5 {
    font-size:24px;
    line-height:32px;
    color:#1d2026
}
@media only screen and (max-width:767px) {
    .contact-title h5 {
        font-size:22px;
        line-height:28px
    }
}.contact-title p {
     font-size:16px;
     line-height:24px;
     color:#8c94a3
 }
.contact-info-wrap {
    margin-right:100px
}
@media only screen and (max-width:1499px) {
    .contact-info-wrap {
        margin-right:15px
    }
}@media only screen and (max-width:1199px) {
    .contact-info-wrap {
        margin-right:0
    }
}.contact-info-item {
     border-bottom:1px solid #e9eaf0;
     display:flex;
     padding:30px 0
 }
@media only screen and (max-width:479px) {
    .contact-info-item {
        padding:20px 0
    }
}@media only screen and (max-width:479px) {
    .contact-info-item {
        display:block
    }
}.contact-info-item:last-child {
     border-bottom:0
 }
.contact-info-item h5 {
    font-weight:500;
    font-size:16px;
    text-transform:uppercase;
    color:#ff6636;
    margin:0;
    flex:0 0 40%
}
@media only screen and (max-width:479px) {
    .contact-info-item h5 {
        margin-bottom:15px
    }
}.contact-info-item p {
     font-size:16px;
     line-height:24px;
     color:#1d2026
 }
.contact-info-item p a {
    color:#1d2026
}
#map {
    height:424px;
    width:100%
}
.course-single-section {
    z-index:0;
    position:relative;
    border-bottom:1px solid #e9eaf0
}
.course-single-section:before {
    content:"";
    left:0;
    top:0;
    width:100%;
    height:380px;
    z-index:-1;
    position:absolute;
    background-color:#f5f7fa
}
@media only screen and (max-width:991px) {
    .course-single-section:before {
        content:none
    }
}.course-single-top ul {
     margin:0 0 12px;
     padding:0;
     list-style:none
 }
.course-single-top ul li {
    display:inline-block
}
.course-single-top ul li a {
    font-size:14px;
    letter-spacing:-0.01em;
    color:#6e7485
}
.course-single-top ul li a svg {
    margin:0 5px
}
.course-single-top h3 {
    font-weight:600;
    font-size:32px;
    line-height:40px;
    letter-spacing:-0.01em;
    color:#1d2026;
    margin-bottom:24px
}
@media only screen and (max-width:991px) {
    .course-single-top h3 {
        font-size:28px;
        line-height:34px
    }
}@media only screen and (max-width:479px) {
    .course-single-top h3 {
        font-size:22px;
        line-height:30px
    }
}.course-single-top p {
     font-size:20px;
     line-height:32px;
     color:#4e5566
 }
@media only screen and (max-width:479px) {
    .course-single-top p {
        font-size:16px;
        line-height:24px
    }
}.course-singe-main {
     margin-top:50px
 }
.course-right-sidebar {
    background:#ffffff;
    border:1px solid #e9eaf0;
    box-sizing:border-box;
    box-shadow:0px 6px 16px rgba(0,0,0,0.06)
}
@media only screen and (max-width:1199px) {
    .course-right-sidebar {
        margin-top:40px
    }
}.course-right-sidebar-row {
     border-bottom:1px solid #e9eaf0;
     padding:24px
 }
.course-right-sidebar-row:last-child {
    border-bottom:0
}
.course-right-sidebar-price {
    display:flex;
    align-items:start;
    justify-content:space-between
}
@media only screen and (max-width:479px) {
    .course-right-sidebar-price {
        display:block
    }
}.course-right-sidebar-price .price-time h4 {
     font-size:24px;
     line-height:32px;
     color:#1d2026
 }
.course-right-sidebar-price .price-time h4 del {
    font-size:16px;
    text-decoration-line:line-through;
    color:#8c94a3
}
.course-right-sidebar-price .price-time h6 {
    font-weight:500;
    font-size:14px;
    line-height:20px;
    letter-spacing:-0.01em;
    color:#e34444
}
.course-right-sidebar-price .price-time h6 svg {
    margin-right:10px
}
.price-dicount a {
    background:#ffeee8;
    font-family:Inter;
    font-style:normal;
    font-weight:500;
    font-size:14px;
    line-height:100%;
    text-transform:uppercase;
    color:#ff6636;
    padding:8px 12px
}
.course-detalis ul {
    margin:0;
    padding:0;
    list-style:none
}
.course-detalis ul li {
    margin-bottom:15px
}
.course-detalis ul li:last-child {
    margin-bottom:0
}
.course-detalis ul li a {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#1d2026;
    display:block
}
.course-detalis ul li a svg {
    width:25px;
    margin-right:8px
}
.course-detalis ul li a span {
    float:right;
    color:#6e7485
}
.course-purchase-btn .button {
    display:block;
    margin-bottom:12px
}
.course-purchase-btn .add-to-wishlist-wrap {
    display:flex;
    justify-content:space-between
}
.course-purchase-btn .add-to-wishlist-wrap a.add-to-wishlist {
    font-family:Inter;
    font-style:normal;
    font-weight:600;
    font-size:14px;
    line-height:40px;
    letter-spacing:-0.004em;
    text-transform:capitalize;
    color:#4e5566;
    border:1px solid #e9eaf0;
    width:100%;
    text-align:center;
    flex:0 0 48.5%;
    margin-bottom:12px
}
.course-purchase-btn p {
    font-size:14px;
    letter-spacing:-0.01em;
    color:#6e7485
}
.course-purchase-btn p span {
    font-weight:500;
    color:#6e7485
}
.course-includes-wrap ul {
    margin:0;
    padding:0;
    list-style:none
}
.course-includes-wrap ul li {
    margin-bottom:14px
}
.course-includes-wrap ul li:last-child {
    margin-bottom:0
}
.course-includes-wrap ul li a {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#4e5566;
    display:block;
    position:relative;
    padding-left:35px
}
.course-includes-wrap ul li a svg {
    width:25px;
    position:absolute;
    left:0
}
.course-includes-wrap ul li a svg path {
    stroke:#ff6636
}
h4.course-sidebar-title {
    font-style:normal;
    font-weight:500;
    font-size:16px;
    line-height:22px;
    color:#1d2026;
    margin-bottom:15px
}
.course-share-wrap .social-icon ul li:first-child a {
    width:137px
}
.course-share-wrap .social-icon ul li:first-child a svg {
    margin-right:10px
}
.course-video-wrap {
    height:492px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-size:cover;
    background-position:center;
    margin-bottom:20px
}
@media only screen and (max-width:991px) {
    .course-video-wrap {
        height:390px
    }
}@media only screen and (max-width:479px) {
    .course-video-wrap {
        height:250px
    }
}.course-video-wrap a.popup-youtube {
     width:72px;
     height:72px;
     background:#ffffff;
     border-radius:100%;
     display:inline-block;
     text-align:center;
     line-height:69px;
     transition:all 0.3s
 }
@media only screen and (max-width:479px) {
    .course-video-wrap a.popup-youtube {
        width:60px;
        height:60px;
        line-height:60px
    }
}.course-video-wrap a.popup-youtube:hover {
     background-color:#ff6636
 }
.course-video-wrap a.popup-youtube svg {
    position:relative;
    left:2px
}
.course-video-wrap a.popup-youtube svg path {
    transition:all 0.3s
}
.course-video-wrap a.popup-youtube:hover path {
    fill:#fff
}
.student-profile-menu.single-course {
    border-bottom:1px solid #e9eaf0
}
@media only screen and (max-width:991px) {
    .student-profile-menu.single-course ul {
        display:flex
    }
}@media only screen and (max-width:479px) {
    .student-profile-menu.single-course ul {
        display:block;
        text-align:center
    }
}.overview-section {
     padding:40px 0
 }
.overview-description {
    margin-bottom:40px
}
.overview-description p {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#4e5566;
    margin-bottom:20px
}
.overview-description p:last-child {
    margin-bottom:0
}
.course-learn-section {
    padding:40px;
    margin-bottom:40px;
    background:rgba(225,247,227,0.4)
}
@media only screen and (max-width:479px) {
    .course-learn-section {
        padding:25px
    }
}.course-learn-section .checkbox-field ul li {
     margin-right:0
 }
.course-single-title {
    margin-bottom:10px;
    display:flex;
    align-items:center;
    justify-content:space-between
}
@media only screen and (max-width:767px) {
    .course-single-title {
        display:block
    }
}.course-single-title h3 {
     font-weight:600;
     font-size:24px;
     line-height:32px;
     letter-spacing:-0.01em
 }
.course-list-section {
    margin-bottom:40px
}
.course-list-section ul {
    margin:0;
    padding:0;
    list-style:none
}
.course-list-section ul li {
    font-weight:normal;
    font-size:14px;
    letter-spacing:-0.01em;
    color:#4e5566;
    margin-bottom:14px;
    position:relative;
    padding-left:32px
}
.course-list-section ul li:last-child {
    margin-bottom:0
}
.course-list-section ul li svg {
    position:absolute;
    left:0
}
.course-list-section.course-requirements ul li {
    padding-left:15px
}
.course-list-section.course-requirements ul li::before {
    content:"";
    width:5px;
    height:5px;
    left:0;
    top:9px;
    border-radius:50%;
    position:absolute;
    background-color:#4e5566
}
@media only screen and (max-width:1499px) {
    .accordion-wrap-faq.lecture-wrap.course-watch .link {
        display:block
    }
}@media only screen and (max-width:1199px) {
    .accordion-wrap-faq.lecture-wrap.course-watch .link {
        display:flex
    }
}@media only screen and (max-width:767px) {
    .accordion-wrap-faq.lecture-wrap.course-watch .link {
        display:block
    }
}.course-curriculum-section {
     margin-bottom:40px
 }
.course-curriculum-section .accordion-wrap-faq.lecture-wrap .link {
    padding:18px 20px
}
.course-curriculum-section .accordion-wrap-faq.lecture-wrap .accordion__list2.open .link {
    background-color:transparent;
    border:1px solid #e9eaf0;
    border-bottom:1px solid #fff
}
.course-curriculum-section .lectue-body-item {
    padding:7px 20px
}
.course-curriculum-section .lectue-body-item:hover {
    background-color:transparent
}
.course-curriculum-section .curriculum-body-left {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#4e5566;
    display:flex;
    align-items:center
}
.course-curriculum-section .curriculum-body-left svg {
    margin-right:10px
}
.course-curriculum-section .curriculum-body-right {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#8c94a3
}
.course-instructor-section {
    margin-bottom:40px
}
.profile-wrap.course-instructor {
    border:1px solid #e9eaf0;
    padding:32px;
    margin-bottom:20px
}
@media only screen and (max-width:479px) {
    .profile-wrap.course-instructor {
        padding:20px
    }
}.profile-wrap.course-instructor .profile-left {
     align-items:flex-start
 }
.profile-wrap.course-instructor .profile-left .profile-thumb {
    width:136px;
    height:136px
}
@media only screen and (max-width:479px) {
    .profile-wrap.course-instructor .profile-left .profile-thumb {
        height:110px;
        width:110px
    }
}.profile-wrap.course-instructor .profile-left .profile-data p {
     font-size:14px;
     line-height:22px
 }
.profile-wrap.course-instructor .profile-left .profile-data p a {
    color:#6e7485;
    font-weight:500;
    text-transform:uppercase;
    transition:all 0.3s
}
.profile-wrap.course-instructor .profile-left .profile-data p a:hover {
    color:#1d2026
}
.profile-wrap.course-instructor .profile-left .profile-data h3 {
    font-size:20px;
    margin-bottom:6px
}
.profile-wrap.course-instructor .profile-left .profile-review {
    margin:16px 0
}
.rating-area {
    padding-bottom:24px;
    display:flex;
    align-items:flex-start
}
@media only screen and (max-width:991px) {
    .rating-area {
        display:block
    }
}.rating-area .rating-percentage .percentage-line {
     margin-bottom:18px
 }
.rating-area .rating-percentage .percentage-line .rating-area-percentage {
    margin:0 12px
}
.rating-area-percentage {
    position:relative;
    width:350px
}
@media only screen and (max-width:1499px) {
    .rating-area-percentage {
        width:230px
    }
}@media only screen and (max-width:991px) {
    .rating-area-percentage {
        width:59%
    }
}@media only screen and (max-width:767px) {
    .rating-area-percentage {
        width:100%;
        margin:0 !important
    }
}.rating-area-percentage .main-percentage {
     position:absolute;
     top:0;
     left:0
 }
.rating-area-percentage .eighty-eight {
    width:75%
}
.rating-area-percentage .three {
    width:8%
}
.rating-area-percentage .four {
    width:21%
}
.rating-area-percentage .two {
    width:5%
}
.rating-area-percentage .one {
    width:3%
}
.rating-box {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:200px;
    height:190px;
    border:1px solid #e9eaf0;
    margin-right:25px
}
@media only screen and (max-width:991px) {
    .rating-box {
        margin-bottom:30px
    }
}.rating-box h4 {
     font-style:normal;
     font-weight:600;
     font-size:48px;
     line-height:52px;
     text-align:center;
     letter-spacing:-0.02em;
     color:#1d2026;
     margin-bottom:24px
 }
.rating-box .total-star {
    margin-bottom:14px
}
.rating-box p {
    font-weight:500;
    font-size:14px;
    line-height:20px;
    letter-spacing:-0.01em;
    color:#1d2026
}
.total-star {
    padding:0;
    margin:0
}
.total-star li {
    margin-right:0px !important
}
.total-star li svg {
    height:20px;
    width:20px
}
.total-star-sm {
    line-height:15px
}
.total-star-sm li {
    margin-right:2px !important
}
.total-star-sm li svg {
    height:20px;
    width:20px
}
.main-percentage-bg {
    width:100%;
    height:8px;
    background-color:#fff2e6
}
.main-percentage-bg-null {
    background-color:#000
}
.main-percentage {
    height:8px;
    width:100%;
    background-color:#fd8e1f
}
.percentage-text span {
    font-family:Inter;
    font-style:normal;
    font-weight:500;
    font-size:14px;
    line-height:20px;
    text-align:right;
    letter-spacing:-0.01em
}
.percentage-line {
    display:flex;
    align-items:center
}
@media only screen and (max-width:767px) {
    .percentage-line {
        display:block
    }
}.null-star svg {
     color:#d2d1e0 !important;
     fill:transparent !important
 }
.null-percentage span {
    color:#b7b7cd
}
.rating {
    font-family:Inter;
    font-style:normal;
    font-weight:normal;
    font-size:14px;
    line-height:22px;
    text-align:right;
    letter-spacing:-0.01em;
    color:#6e7485;
    margin-left:6px;
    margin-right:10px
}
@media only screen and (max-width:767px) {
    .rating {
        text-align:left;
        margin:10px 0
    }
}.select-box.ratting label {
     float:none
 }
.select-box.ratting span.custom-select-trigger {
    margin:0;
    border:1px solid #e9eaf0;
    width:200px;
    line-height:48px;
    padding:0 20px;
    font-size:16px;
    color:#4e5566
}
.select-box.ratting span.custom-select-trigger:after {
    border-bottom:2px solid #1d2026;
    border-right:2px solid #1d2026
}
@media only screen and (max-width:767px) {
    .student-feedback-section .course-single-title {
        display:flex
    }
}@media only screen and (max-width:479px) {
    .student-feedback-section .course-single-title {
        display:block
    }
}.course-watch-section {
     padding:32px 22px 80px
 }
.course-content-area {
    margin-bottom:24px
}
@media only screen and (max-width:1199px) {
    .course-content-area {
        margin-top:40px
    }
}.course-content-area .course-content {
     display:flex;
     align-items:center;
     margin-bottom:15px;
     justify-content:space-between
 }
@media only screen and (max-width:479px) {
    .course-content-area .course-content {
        display:block
    }
}.course-content-area .course-content h3 {
     font-weight:600;
     font-size:24px;
     letter-spacing:-0.01em;
     color:#1d2026;
     margin:0
 }
@media only screen and (max-width:479px) {
    .course-content-area .course-content h3 {
        margin-bottom:15px
    }
}.course-content-area .course-content h4 {
     font-weight:600;
     font-size:16px;
     color:#23bd33;
     margin:0
 }
.course-content-area .course-progress-gray {
    width:100%;
    height:4px;
    background:#e9eaf0;
    position:relative
}
.course-content-area .course-progress-gray .course-progress-green {
    height:4px;
    background:#23bd33;
    width:15%
}
.course-youtube-video-wrap iframe {
    width:100%;
    height:690px
}
@media only screen and (max-width:1499px) {
    .course-youtube-video-wrap iframe {
        height:500px
    }
}@media only screen and (max-width:767px) {
    .course-youtube-video-wrap iframe {
        height:300px
    }
}.course-single-top.course-watch {
     padding:24px 0;
     border-bottom:1px solid #e9eaf0
 }
.course-single-top.course-watch .withdrew-money-card-mid {
    margin:0
}
@media only screen and (max-width:479px) {
    .course-single-top.course-watch .withdrew-money-card-mid {
        display:block
    }
}.course-single-top.course-watch .withdrew-money-card-mid-inner {
     align-items:center
 }
@media only screen and (max-width:479px) {
    .course-single-top.course-watch .withdrew-money-card-mid-inner {
        margin-bottom:15px
    }
}.course-single-top.course-watch .withdrew-money-card-mid img {
     width:32px;
     height:32px
 }
.course-single-top.course-watch .withdrew-money-card-mid h5 {
    font-size:12px;
    margin:0;
    line-height:1
}
.course-single-top.course-watch .withdrew-money-card-mid p {
    font-size:14px !important;
    color:#1d2026 !important
}
.course-single-top.course-watch .withdrew-money-card-mid p span {
    color:#6e7485
}
.course-single-top.course-watch .withdrew-money-card-mid-inner-img-2,.course-single-top.course-watch .withdrew-money-card-mid-inner-img-3,.course-single-top.course-watch .withdrew-money-card-mid-inner-img-4,.course-single-top.course-watch .withdrew-money-card-mid-inner-img-5 {
    margin-left:-24px
}
.course-single-top.course-watch a.withdrew-money-card-profile-name {
    font-size:14px !important;
    font-weight:600 !important;
    margin:0 !important
}
.student-profile-menu.course-watch {
    border-bottom:1px solid #e9eaf0
}
@media only screen and (max-width:767px) {
    .student-profile-menu.course-watch ul {
        display:block
    }
}@media only screen and (max-width:767px) {
    .student-profile-menu.course-watch ul li {
        display:block
    }
}.student-profile-menu.course-watch ul li a {
     padding:20px 30px
 }
@media only screen and (max-width:1499px) {
    .student-profile-menu.course-watch ul li a {
        padding:20px 0;
        font-size:15px
    }
}@media only screen and (max-width:1199px) {
    .student-profile-menu.course-watch ul li a {
        padding:15px
    }
}.course-watch-wrap {
     max-width:916px;
     margin-top:40px
 }
.lecture-notes p {
    margin:0
}
.lecture-notes ul {
    margin:0 0 20px;
    padding:0;
    list-style:none
}
.lecture-notes ul li {
    padding-left:15px;
    position:relative;
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#4e5566
}
.lecture-notes ul li:before {
    content:"";
    width:5px;
    height:5px;
    left:0;
    top:9px;
    border-radius:50%;
    position:absolute;
    background-color:#4e5566
}
.course-attach-file {
    margin-bottom:40px
}
.student-breadcrumb {
    height:280px;
    width:100%;
    background:#ffeee8
}
.student-title {
    margin-bottom:24px
}
.student-title h2 {
    font-weight:600;
    font-size:24px;
    letter-spacing:-0.01em;
    color:#1d2026;
    margin:0
}
.lecture-slider .owl-nav {
    position:absolute;
    top:-64px;
    right:-3px
}
.lecture-slider .owl-next,.lecture-slider .owl-prev {
    width:40px;
    height:40px;
    left:48px;
    line-height:40px;
    margin:0 4px;
    background:#ffeee8 !important
}
label {
    float:none
}
label.student-lebel {
    float:none;
    font-size:12px;
    line-height:16px;
    color:#6e7485;
    display:block;
    margin-bottom:5px
}
.student-header {
    display:flex;
    align-items:center;
    margin-bottom:40px;
    justify-content:space-between
}
@media only screen and (max-width:991px) {
    .student-header {
        display:block
    }
}.student-search {
     flex:0 0 40%
 }
@media only screen and (max-width:991px) {
    .student-search {
        margin-bottom:20px
    }
}.student-search input {
     background-color:transparent;
     border:1px solid #e9eaf0
 }
.student-search .dashboard-search-icon {
    top:32px
}
.student-header-dropdwon-wrap {
    flex:0 0 58%;
    display:flex;
    justify-content:space-between
}
@media only screen and (max-width:767px) {
    .student-header-dropdwon-wrap {
        display:block
    }
}.student-header-dropdwon-wrap .student-header-dropdwon-item {
     flex:0 0 31%
 }
@media only screen and (max-width:767px) {
    .student-header-dropdwon-wrap .student-header-dropdwon-item {
        margin-bottom:20px
    }
    .student-header-dropdwon-wrap .student-header-dropdwon-item:last-child {
        margin:0
    }
}.student-header-dropdwon-wrap .student-header-dropdwon-item .custom-select-trigger {
     margin:0;
     border:1px solid #e9eaf0;
     line-height:48px;
     padding:0 18px;
     color:#4e5566;
     font-size:16px
 }
.student-header-dropdwon-wrap .student-header-dropdwon-item .custom-select-trigger::after {
    border-bottom:2px solid #1d2026;
    border-right:2px solid #1d2026
}
.student-header-dropdwon-wrap .student-header-dropdwon-item .custom-select {
    display:block
}
.student-header-dropdwon-wrap .student-header-dropdwon-item .custom-select-wrapper {
    display:block
}
.student-header.my-course .form-searchbox input {
    background-color:#fff;
    border:1px solid #fff
}
.student-header.my-course span.custom-select-trigger {
    background-color:#fff;
    border:1px solid #fff
}
.course-item-4-card-info-price del {
    font-size:14px;
    color:#a1a5b3
}
.course-student-column {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
@media only screen and (max-width:767px) {
    .course-student-column {
        display:block
    }
}.course-student-column .course-column4 {
     flex:0 0 23.7%;
     margin-bottom:24px
 }
@media only screen and (max-width:1499px) {
    .course-student-column .course-column4 {
        flex:0 0 32%
    }
}@media only screen and (max-width:1199px) {
    .course-student-column .course-column4 {
        flex:0 0 48%
    }
}@media only screen and (max-width:1199px) {
    .course-student-column {
        flex:0 0 48%
    }
}.course-lecture.course-column4.tablet {
     display:none
 }
@media only screen and (max-width:1499px) {
    .course-lecture.course-column4.tablet {
        display:block
    }
}.student-instructor-section .course-item-5 {
     margin-bottom:24px
 }
.course-item-5-card-img.team-thumb-instructor {
    height:312px
}
.course-lecture-footer.student-instructor {
    padding:0 15px 14px
}
.wishlist-body-text .wishlist-body-bottom,.wishlist-body-text .shopping-body-bottom,.shopping-body-text .wishlist-body-bottom,.shopping-body-text .shopping-body-bottom {
    border:1px solid #e9eaf0
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap,.wishlist-body-text .shopping-body-bottom .faq-review-wrap,.shopping-body-text .wishlist-body-bottom .faq-review-wrap,.shopping-body-text .shopping-body-bottom .faq-review-wrap {
    padding:24px
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item,.wishlist-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item,.shopping-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item,.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item {
    border-bottom:1px solid #e9eaf0 !important
}
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item:last-child,.wishlist-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item:last-child,.shopping-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item:last-child,.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item:last-child {
    border-bottom:0 !important;
    padding-bottom:0
}
.student-wishist-header {
    border-bottom:1px solid #e9eaf0;
    padding:20px 24px;
    display:flex
}
@media only screen and (max-width:991px) {
    .student-wishist-header {
        justify-content:space-between
    }
}.student-wishist-header p {
     font-weight:500;
     font-size:14px;
     text-transform:uppercase;
     color:#4e5566
 }
.student-wishist-header p.one {
    flex:0 0 46.6%
}
@media only screen and (max-width:991px) {
    .student-wishist-header p.one {
        flex:0 0 auto
    }
}.student-wishist-header p.two {
     flex:0 0 19.5%
 }
@media only screen and (max-width:991px) {
    .student-wishist-header p.two {
        flex:0 0 auto
    }
}.student-wishist-header.student-shopping-header p.one {
     flex:0 0 63.6%
 }
@media only screen and (max-width:991px) {
    .student-wishist-header.student-shopping-header p.one {
        flex:0 0 auto
    }
}.wrapper {
     position:relative;
     border:1px solid #e9eaf0;
     padding:44px;
     margin-right:44px
 }
@media only screen and (max-width:1199px) {
    .wrapper {
        padding:25px;
        margin-right:25px
    }
}@media only screen and (max-width:991px) {
    .wrapper {
        margin:0 0 20px
    }
}.wrapper p {
     font-size:14px;
     line-height:22px;
     text-align:center;
     letter-spacing:-0.01em;
     color:#6e7485;
     padding:10px 15px 0
 }
.wrapper #img-result {
    cursor:pointer;
    margin:0;
    position:relative;
    display:block;
    width:100%;
    height:280px;
    color:rgba(0,0,0,0);
    border:none;
    overflow:hidden;
    z-index:0;
    transition:all 0.3s;
    background-size:cover;
    background-position:center center;
    background-image:url(https://www.17sucai.com/2022/1/q1bmf11814/assets/css/src/images/team9.jpg)
}
@media only screen and (max-width:1499px) {
    .wrapper #img-result {
        height:260px
    }
}@media only screen and (max-width:991px) {
    .wrapper #img-result {
        height:350px
    }
}.wrapper #img-result.no-image:before {
     content:"";
     position:absolute;
     left:0;
     bottom:0;
     opacity:0;
     width:100%;
     height:48px;
     transition:all 0.3s;
     background:rgba(0,0,0,0.5)
 }
.wrapper #img-result.no-image::after {
    content:"";
    position:absolute;
    width:24px;
    height:24px;
    transition:all 0.3s;
    left:50%;
    bottom:10px;
    opacity:0;
    background-size:24px;
    transition:all 0.3s;
    background-position:center bottom;
    transform:translateX(-50%);
    background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.0625 7.68647L12 3.75L15.9375 7.68647' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 14.2492V3.75195' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.25 14.25V19.5C20.25 19.6989 20.171 19.8897 20.0303 20.0303C19.8897 20.171 19.6989 20.25 19.5 20.25H4.5C4.30109 20.25 4.11032 20.171 3.96967 20.0303C3.82902 19.8897 3.75 19.6989 3.75 19.5V14.25' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}
.no-image:hover::before,.no-image:hover::after {
    opacity:1 !important
}
.student-account-setting {
    border-bottom:1px solid #e9eaf0;
    padding-bottom:40px;
    margin-bottom:40px
}
.change-password-wrap {
    padding-right:70px
}
@media only screen and (max-width:1199px) {
    .change-password-wrap {
        padding-right:40px
    }
}@media only screen and (max-width:991px) {
    .change-password-wrap {
        padding:0
    }
}.delete-account-wrap {
     padding-left:70px;
     margin-top:40px;
     position:relative
 }
@media only screen and (max-width:1199px) {
    .delete-account-wrap {
        padding-left:40px
    }
}@media only screen and (max-width:991px) {
    .delete-account-wrap {
        padding:0
    }
}.delete-account-wrap:before {
     content:"";
     left:-5px;
     top:40px;
     height:222px;
     width:1px;
     position:absolute;
     background-color:#e9eaf0
 }
@media only screen and (max-width:991px) {
    .delete-account-wrap:before {
        content:none
    }
}.delete-account-wrap p {
     font-size:16px;
     line-height:24px;
     color:#6e7485;
     margin-bottom:15px
 }
.delete-account-wrap ul {
    margin:0 0 24px;
    padding:0;
    list-style:none
}
.delete-account-wrap ul li {
    font-style:normal;
    font-weight:normal;
    font-size:16px;
    line-height:24px;
    color:#6e7485;
    padding-left:15px;
    position:relative
}
.delete-account-wrap ul li:before {
    content:"";
    left:0;
    top:10px;
    width:5px;
    height:5px;
    border-radius:50%;
    position:absolute;
    background-color:#6e7485
}
.contact-us-section {
    padding-top:16px;
    border-bottom:1px solid #ffddd1
}
@media only screen and (max-width:991px) {
    .contact-us-section {
        padding:60px 0
    }
}.about-content.contact-content p {
     font-size:18px;
     line-height:24px
 }
.section-title h2 {
    margin-bottom:20px
}
.section-title p {
    font-size:18px;
    line-height:24px;
    letter-spacing:-0.015em;
    color:#4e5566
}
@media only screen and (max-width:1199px) {
    .branches-wrap {
        margin-bottom:24px
    }
}.branches-thumb {
     height:364px;
     position:relative
 }
@media only screen and (max-width:1199px) {
    .branches-thumb {
        height:450px
    }
}@media only screen and (max-width:767px) {
    .branches-thumb {
        height:auto
    }
}.branches-thumb img {
     width:100%;
     height:100%;
     object-fit:cover
 }
.branches-data {
    text-align:center;
    background-color:#fff;
    padding:0px 31px 16px 31px;
    position:absolute;
    bottom:24px;
    width:calc(100% - 48px);
    margin-left:24px;
    transition:all 0.3s
}
.branches-data:hover {
    padding:16px 31px 16px 31px
}
.branches-data h5 {
    font-weight:500;
    font-size:12px;
    line-height:12px;
    text-transform:uppercase;
    color:#ff6636;
    transition:all 0.3s;
    opacity:0;
    margin:0 0 3px
}
.branches-data:hover h5 {
    opacity:1
}
.branches-data h4 {
    font-weight:500;
    font-size:16px;
    line-height:22px;
    color:#1d2026
}
.branches-data p {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#6e7485
}
.contact-section {
    background-color:#f5f7fa
}
.contact-wrap {
    background:#ffffff;
    padding:40px
}
@media only screen and (max-width:479px) {
    .contact-wrap {
        padding:30px
    }
}.contact-title {
     margin-bottom:30px
 }
.contact-title h5 {
    font-size:24px;
    line-height:32px;
    color:#1d2026
}
@media only screen and (max-width:767px) {
    .contact-title h5 {
        font-size:22px;
        line-height:28px
    }
}.contact-title p {
     font-size:16px;
     line-height:24px;
     color:#8c94a3
 }
.contact-info-wrap {
    margin-right:100px
}
@media only screen and (max-width:1499px) {
    .contact-info-wrap {
        margin-right:15px
    }
}@media only screen and (max-width:1199px) {
    .contact-info-wrap {
        margin-right:0
    }
}.contact-info-item {
     border-bottom:1px solid #e9eaf0;
     display:flex;
     padding:30px 0
 }
@media only screen and (max-width:479px) {
    .contact-info-item {
        padding:20px 0
    }
}@media only screen and (max-width:479px) {
    .contact-info-item {
        display:block
    }
}.contact-info-item:last-child {
     border-bottom:0
 }
.contact-info-item h5 {
    font-weight:500;
    font-size:16px;
    text-transform:uppercase;
    color:#ff6636;
    margin:0;
    flex:0 0 40%
}
@media only screen and (max-width:479px) {
    .contact-info-item h5 {
        margin-bottom:15px
    }
}.contact-info-item p {
     font-size:16px;
     line-height:24px;
     color:#1d2026
 }
.contact-info-item p a {
    color:#1d2026
}
#map {
    height:424px;
    width:100%
}
.instructor-profile-section {
    padding:40px 0 80px
}
.instructor-about-content {
    border:1px solid #e9eaf0;
    padding:24px
}
.instructor-about-content h4 {
    font-family:"Inter";
    font-weight:500;
    font-size:18px;
    line-height:100%;
    text-transform:uppercase;
    color:#1d2026;
    margin-bottom:15px
}
.instructor-about-content p {
    font-family:"Inter";
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#6e7485;
    margin-bottom:20px
}
.instructor-about-content p:last-child {
    margin-bottom:0
}
.student-tabs-wrap.instructor-tabs-wrap .nav {
    justify-content:flex-start;
    border:none;
    border-bottom:1px solid #e9eaf0
}
.student-tabs-wrap.instructor-tabs-wrap .nav-pills .nav-link {
    width:200px
}
.course-item-4.instructor-profile .course-item-5-card-img {
    height:312px
}
.course-item-4.instructor-profile .course-item-5-card-info-tag {
    font-size:12px
}
.course-item-4.instructor-profile .course-item-5-card-info-price {
    font-size:24px;
    font-weight:600
}
.course-item-4.instructor-profile .course-item-5-card-head {
    font-size:18px;
    line-height:24px;
    transition:all 0.3s;
    color:#1d2026 !important
}
.course-item-4.instructor-profile .course-item-5-card-info {
    padding:20px 20px 0 20px
}
.course-item-4.instructor-profile .course-item-5-card-head {
    padding:12px 20px 16px
}
.course-item-4.instructor-profile .course-item-5-card-footer-review {
    font-size:16px
}
.course-item-4.instructor-profile .course-item-5-card-footer-review svg {
    width:20px;
    height:20px
}
.course-item-4.instructor-profile .feature-course-footer {
    border:none;
    padding:0
}
.course-item-4.instructor-profile .feature-course-footer p.p-color {
    font-size:16px
}
.course-item-4.instructor-profile .feature-course-footer span {
    font-size:16px
}
.course-item-4.instructor-profile .course-item-5-card-footer {
    padding:20px
}
@media only screen and (max-width:991px) {
    .join-team-content.become-instructor {
        margin:0
    }
}.about-content.become-instructor {
     margin-right:0
 }
.about-content.become-instructor h2 {
    font-size:64px;
    margin-bottom:32px;
    line-height:68px
}
@media only screen and (max-width:1499px) {
    .about-content.become-instructor h2 {
        font-size:55px;
        margin-bottom:25px
    }
}@media only screen and (max-width:1499px) {
    .about-content.become-instructor h2 {
        font-size:46px;
        margin-bottom:15px
    }
}@media only screen and (max-width:991px) {
    .about-content.become-instructor h2 {
        font-size:40px;
        margin-bottom:5px
    }
}@media only screen and (max-width:767px) {
    .about-content.become-instructor h2 {
        font-size:35px
    }
}.about-content.become-instructor p {
     font-size:24px;
     margin-bottom:40px
 }
@media only screen and (max-width:1499px) {
    .about-content.become-instructor p {
        font-size:20px;
        line-height:28px
    }
}@media only screen and (max-width:767px) {
    .about-content.become-instructor p {
        font-size:18px;
        line-height:28px
    }
}.counter-section.become-instructor {
     padding:45px 0;
     background:#ffeee8
 }
.join-team-content.become-instructor .checkbox-field ul {
    margin-top:26px
}
.join-team-content.become-instructor .checkbox-field ul li {
    padding:0;
    padding-left:45px;
    margin-bottom:24px
}
@media (max-width:991px) {
    .join-team-content.become-instructor .checkbox-field ul li {
        margin-bottom:12px
    }
}.join-team-content.become-instructor .checkbox-field ul li:last-child {
     margin-bottom:0
 }
.join-team-content.become-instructor .checkbox-field ul li svg {
    left:0
}
.join-team-content.become-instructor .checkbox-field ul li span {
    white-space:normal
}
.become-successful-instructor {
    background:#f5f7fa
}
.about-section.instructor-rules {
    border:none
}
.about-content.instructor-rules {
    margin-right:80px
}
@media only screen and (max-width:991px) {
    .about-content.instructor-rules {
        margin:0
    }
}.about-content.instructor-rules h2 {
     margin-bottom:20px;
     font-size:40px;
     line-height:48px;
     margin-right:20px
 }
@media only screen and (max-width:991px) {
    .about-content.instructor-rules h2 {
        font-size:36px;
        line-height:40px
    }
}@media only screen and (max-width:767px) {
    .about-content.instructor-rules h2 {
        font-size:30px;
        line-height:36px
    }
}.about-content.instructor-rules p {
     font-size:18px;
     line-height:24px
 }
.about-content.instructor-rules ul {
    margin:24px 0 0;
    padding:0;
    list-style:none
}
.about-content.instructor-rules ul li {
    line-height:24px;
    color:#1d2026;
    position:relative;
    padding-left:15px;
    margin-bottom:12px
}
.about-content.instructor-rules ul li::before {
    content:"";
    left:0;
    top:10px;
    width:5px;
    height:5px;
    border-radius:50%;
    position:absolute;
    background-color:#1d2026
}
.help-center-section {
    background:#ffeee8
}
.join-team-content.help-center-content p {
    color:#6e7485
}
.join-team-content.help-center-content .course-list-section {
    margin:33px 0
}
.join-team-content.help-center-content .course-list-section ul li {
    color:#1d2026
}
.help-center-wrap {
    display:flex;
    align-items:center
}
.help-center-wrap a.help-center-icon {
    width:56px;
    height:56px;
    background:#ffffff;
    border-radius:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    margin-right:16px
}
.help-center-wrap .help-center-data p {
    font-weight:500;
    font-size:12px;
    line-height:12px;
    text-transform:uppercase;
    color:#8c94a3;
    margin-bottom:8px
}
.help-center-wrap .help-center-data a {
    font-weight:500;
    font-size:18px;
    line-height:24px;
    color:#1d2026
}
.our-mission-content.become-instructor {
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.our-mission-content.become-instructor p {
    font-size:20px;
    margin-bottom:32px;
    line-height:32px
}
.our-mission-content.become-instructor p:last-child {
    margin-bottom:0
}
.testimonial2-slider-item {
    background:#ffeee8;
    padding:32px
}
@media only screen and (max-width:767px) {
    .testimonial2-slider-item {
        padding:25px
    }
}.testimonial2-slider-item svg {
     margin-bottom:20px
 }
.testimonial2-slider-item p {
    font-size:18px !important;
    line-height:26px !important;
    letter-spacing:-0.015em;
    color:#1d2026
}
@media (max-width:575px) {
    .testimonial2-slider-item p {
        font-size:16px !important;
        line-height:normal
    }
}.my-owl-nav {
     display:flex;
     margin-top:32px
 }
.my-next-button,.my-prev-button {
    width:48px;
    height:48px;
    cursor:pointer;
    display:-o-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all 0.3s;
    margin-right:12px;
    transition:all 0.3s;
    background:#f5f7fa !important
}
.my-next-button:hover,.my-prev-button:hover {
    background:#ff6636 !important;
    box-shadow:0px 6px 20px 0px #cc522b80
}
.my-next-button svg path,.my-prev-button svg path {
    stroke:#1d2026;
    transition:all 0.3s
}
.my-next-button:hover path,.my-prev-button:hover path {
    stroke:#fff
}
.course-gift-wrap {
    margin-right:100px
}
@media only screen and (max-width:1199px) {
    .course-gift-wrap {
        margin-bottom:30px;
        margin-right:50px
    }
}@media only screen and (max-width:991px) {
    .course-gift-wrap {
        margin-right:0
    }
}.course-gift-wrap .section-title {
     text-align:left;
     margin-bottom:30px
 }
.course-gift-wrap .section-title h2 {
    font-size:32px
}
.course-gift-wrap .contact-wrap {
    padding:0;
    margin-bottom:40px
}
.course-gift-wrap .contact-wrap .contact-title {
    margin-bottom:24px
}
.course-gift-wrap .contact-wrap .contact-title h6 {
    font-weight:500;
    font-size:18px;
    line-height:24px;
    color:#1d2026;
    margin:0
}
.course-gift-wrap .contact-wrap .icon {
    width:31px
}
.course-gift-wrap label.form-check-label {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#4e5566 !important;
    margin:0;
    margin-left:10px
}
.course-gift-wrap .form-check-input {
    width:22px;
    height:22px
}
@media only screen and (max-width:1199px) {
    .amount-sidebar {
        margin-top:30px
    }
}.amunt-detalis h4 {
     font-weight:500;
     font-size:18px;
     line-height:24px;
     color:#1d2026;
     margin-bottom:15px
 }
.amunt-detalis ul {
    margin:0;
    padding:0;
    list-style:none
}
.amunt-detalis ul li {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#6e7485;
    line-height:22px;
    padding-bottom:13px
}
.amunt-detalis ul li:last-child {
    border-bottom:1px solid #e9eaf0
}
.amunt-detalis ul li span {
    float:right;
    color:#1d2026;
    font-weight:500
}
.amunt-detalis h3 {
    font-weight:600;
    font-size:24px;
    letter-spacing:-0.01em;
    color:#202029;
    padding:16px 0;
    display:flex;
    align-items:center;
    justify-content:space-between
}
@media only screen and (max-width:479px) {
    .amunt-detalis h3 {
        font-size:20px
    }
}.amunt-detalis h3 span {
     color:#202029;
     font-weight:normal;
     font-size:16px
 }
.amount-sidebar {
    border:1px solid #e9eaf0
}
.amount-sidebar .course-details-wrap {
    padding:24px;
    border-bottom:1px solid #e9eaf0
}
.amount-sidebar .course-details-wrap h4 {
    font-style:normal;
    font-weight:500;
    font-size:18px;
    line-height:24px;
    color:#1d2026;
    margin-bottom:15px
}
.amount-sidebar .course-details-wrap .course-details-item {
    display:flex;
    align-items:center;
    margin-bottom:16px
}
@media only screen and (max-width:479px) {
    .amount-sidebar .course-details-wrap .course-details-item {
        display:block;
        text-align:center
    }
}.amount-sidebar .course-details-wrap .course-details-item:last-child {
     margin-bottom:0
 }
.amount-sidebar .course-details-wrap .course-details-item .course-details-thumb {
    width:100px;
    height:75px;
    margin-right:12px;
    flex:0 0 auto
}
.amount-sidebar .course-details-wrap .course-details-item .course-details-thumb img {
    width:100%;
    height:100%;
    object-fit:cover
}
@media only screen and (max-width:479px) {
    .amount-sidebar .course-details-wrap .course-details-item .course-details-thumb {
        margin:0 0 20px;
        width:100%;
        height:250px
    }
}.amount-sidebar .course-details-wrap .course-details-item .course-details-data p {
     font-size:12px;
     line-height:16px;
     color:#a1a5b3;
     margin-bottom:2px
 }
.amount-sidebar .course-details-wrap .course-details-item .course-details-data p span {
    color:#4e5566
}
.amount-sidebar .course-details-wrap .course-details-item .course-details-data .course-detalis-title {
    font-size:14px;
    line-height:22px;
    letter-spacing:-0.01em;
    color:#1d2026;
    margin-bottom:10px
}
.amount-sidebar .course-details-wrap .course-details-item .course-details-data h5 {
    font-weight:500;
    font-size:14px;
    line-height:20px;
    letter-spacing:-0.01em;
    color:#ff6636
}
.amount-sidebar .course-details-wrap .course-details-item .course-details-data h5 del {
    color:#a1a5b3
}
.amount-sidebar .about-sidebar-wrap {
    padding:24px
}
.amount-sidebar.public-shopping-cart {
    border:none
}
.amount-sidebar.public-shopping-cart .about-sidebar-wrap {
    padding:0
}
@media only screen and (max-width:1499px) {
    .amount-sidebar.public-shopping-cart .amaunt-confirm-button .default-btn {
        padding:0 18px
    }
}.coupon-code {
     padding-top:24px;
     margin-top:24px;
     border-top:1px solid #e9eaf0
 }
.coupon-code h4 {
    font-weight:500;
    font-size:14px;
    letter-spacing:-0.01em;
    color:#1d2026;
    margin-bottom:15px
}
.coupon-code button#coupon-apply {
    border:none;
    font-style:normal;
    font-weight:600;
    font-size:14px;
    line-height:36px;
    letter-spacing:-0.004em;
    text-transform:capitalize;
    color:#fff;
    background:#1d2026;
    padding:0 16px;
    position:absolute;
    top:6px;
    right:5px;
    transition:all 0.3s
}
.coupon-code button#coupon-apply:hover {
    background-color:#ff6636
}
.main-logo-wrap {
    display:flex;
    align-items:center
}
@media only screen and (max-width:479px) {
    .logo-content {
        display:none
    }
}.logo-content h2 {
     font-weight:600;
     font-size:32px;
     letter-spacing:-0.03em;
     color:#1D2026;
     line-height:1;
     margin:0;
     margin-left:9px
 }
.header-bottom.header-four.coming-soon {
    background-color:transparent;
    display:flex
}
.header-bottom.header-four.coming-soon .social-icon {
    margin:0
}
.logo-cap {
    flex:0 0 auto
}
.coming-soon-section {
    padding:150px 0 100px
}
@media only screen and (max-width:1199px) {
    .coming-soon-section {
        padding:100px 0 60px
    }
}.coming-soon-content h4 {
     font-weight:600;
     font-size:18px;
     line-height:24px;
     color:#FF6636;
     margin-bottom:15px
 }
.coming-soon-content h2 {
    font-weight:600;
    font-size:64px;
    line-height:68px;
    letter-spacing:-0.02em;
    color:#1D2026
}
@media only screen and (max-width:1499px) {
    .coming-soon-content h2 {
        font-size:56px;
        line-height:60px
    }
}@media only screen and (max-width:1199px) {
    .coming-soon-content h2 {
        font-size:48px;
        line-height:54px
    }
}@media only screen and (max-width:767px) {
    .coming-soon-content h2 {
        font-size:36px;
        line-height:46px
    }
}@media only screen and (max-width:479px) {
    .coming-soon-content h2 {
        font-size:24px;
        line-height:30px
    }
}.countdown-wrap {
     max-width:550px;
     display:flex;
     margin-top:40px;
     justify-content:space-between
 }
@media only screen and (max-width:991px) {
    .countdown-wrap {
        max-width:480px
    }
}.countdown-wrap .countdown-item {
     width:116px;
     height:108px;
     left:0px;
     top:0px;
     background:#F5F7FA;
     text-align:center;
     display:flex;
     align-items:center;
     justify-content:center
 }
@media only screen and (max-width:1199px) {
    .countdown-wrap .countdown-item {
        width:100px;
        height:100px
    }
}@media only screen and (max-width:479px) {
    .countdown-wrap .countdown-item {
        width:80px;
        height:90px
    }
}.countdown-wrap .countdown-item .number {
     font-weight:600;
     font-size:32px;
     line-height:40px;
     text-align:center;
     letter-spacing:-0.01em;
     color:#1D2026;
     margin-bottom:6px
 }
@media only screen and (max-width:479px) {
    .countdown-wrap .countdown-item .number {
        font-size:30px;
        margin-bottom:0
    }
}.countdown-wrap .countdown-item span.time_content {
     font-size:14px;
     line-height:22px;
     text-align:center;
     letter-spacing:-0.01em;
     color:#1D2026
 }
.coming-soon-thumb {
    text-align:center
}
.notify-wrap {
    background:#FFFFFF;
    box-shadow:0px 16px 80px rgba(0,0,0,0.12);
    padding:32px;
    margin-top:-110px;
    z-index:1;
    position:relative
}
@media only screen and (max-width:479px) {
    .notify-wrap {
        padding:20px
    }
}.notify-wrap button.button.button--lg {
     width:100%;
     margin-top:15px
 }
.notify-wrap .course-searchbox-input {
    margin-bottom:24px
}
@media only screen and (max-width:479px) {
    .notify-wrap .course-searchbox-input {
        margin-bottom:15px;
        display:block
    }
}.notify-wrap .course-searchbox-input input {
     height:56px
 }
.notify-wrap .course-searchbox-input .course-search-icon-left {
    top:50%;
    transform:translateY(-50%)
}
@media only screen and (max-width:479px) {
    .notify-wrap svg.course-search-icon-left {
        top:22% !important
    }
}.notify-wrap h4 {
     font-weight:600;
     font-size:24px;
     line-height:32px;
     letter-spacing:-0.01em;
     color:#1D2026;
     margin-bottom:24px
 }
@media only screen and (max-width:479px) {
    .notify-wrap h4 {
        font-size:20px;
        margin-bottom:15px
    }
}.notify-wrap p {
     font-size:14px;
     line-height:22px;
     letter-spacing:-0.01em;
     color:#4E5566
 }
.copywright-text {
    width:100%
}
.footer-bottom-menu {
    width:100%;
    text-align:right
}
@media only screen and (max-width:767px) {
    .footer-bottom-menu {
        text-align:center
    }
}@media only screen and (max-width:479px) {
    .course-searchbox-input {
        margin-bottom:15px;
        display:block
    }
}@media only screen and (max-width:479px) {
    button.button.button--md {
        width:100%;
        margin-top:15px
    }
}.instructor-rules__info h2 {
     margin:0px;
     margin-bottom:20px
 }
@media (max-width:575px) {
    .instructor-rules__info h2 {
        font-size:32px;
        line-height:42px
    }
}.instructor-rules__info p {
     width:535px;
     font-weight:400;
     color:#6e7485;
     margin-bottom:14px
 }
@media (max-width:1200px) {
    .instructor-rules__info p {
        width:100%
    }
}.instructor-rules__info ul {
     width:535px
 }
@media (max-width:1200px) {
    .instructor-rules__info ul {
        width:100%
    }
}.instructor-rules__info ul li {
     font-size:16px;
     color:#1d2026;
     font-weight:400;
     padding-left:15px;
     margin-bottom:12px;
     position:relative
 }
.instructor-rules__info ul li::before {
    content:"";
    left:0;
    top:10px;
    width:5px;
    height:5px;
    border-radius:50%;
    position:absolute;
    background-color:#1d2026
}
.mola {
    font-size:12px;
    line-height:16px;
    color:#8C94A3
}
.pointer {
    cursor:pointer
}
.up-title {
    font-size:12px;
    line-height:16px;
    color:#6E7485
}
.h-320 {
    height:320px
}
.img-show-box {
    height:200px;
    width:100%;
    position:relative
}
.img-show-box img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover
}
.img-show-box span {
    display:inline-block;
    margin-right:10px
}
.img-show-box label {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    background:rgba(0,0,0,0.5);
    color:#FFF;
    font-size:14px;
    line-height:20px;
    padding:12px;
    text-align:center;
    z-index:4
}