:root {
    --nunito: "Nunito Sans", Sans-serif!important;
    --fw500: 500;
    --fw600: 600;
    --fw700: 700;
    --block: block;
    --center: center;
    --white: #FFFFFF;
    --black: #000000;
    --darkgrey: rgba(42, 42, 46, 1);
}

.hero-title,
.section-newtitle,
.section-subtitle {
    font-family: "Nunito Sans", Sans-serif!important;
    font-size: 32px!important;
    font-weight: 800!important;
    line-height: 42px!important;
}
.section-newtitle {
    margin-bottom: 24px;
}
.section-newsubtitle {
    font-family: "Nunito Sans", Sans-serif!important;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    color: rgba(0, 105, 177, 1);
}

.section-program .row-module {
    max-width: 1000px;
    margin: 0 auto;
}
.breadcrumbs ol {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-inline-start: 0;
    margin-block-end: 15px;
    list-style: none;
}
.breadcrumbs a {color: #FFFFFF}
.breadcrumbs i {font-size: 12px}

/* Motivational Based */
.motivational {
    background-color: #FBF0EA!important;
    padding-top: 40px;
}
.motivational-data .title {
    margin-bottom: 30px;
}
.motivational-data .tabs-navigation {
    display: block;
    position: relative;
    margin-top: 60px;
}
.motivational-data .tab-program {
    margin-left: 0;
}
.motivational-data .tab-program li {
    margin-right: 10px;
}
.motivational-data .tab-program li:not(:first-child):before {
    display: none;
}
.motivational-data .tab-program li:last-child {
    margin-right: 0;
}
.motivational-data .tab-program li a {
    background: #FFFFFF;
    color: #FE833F;
    font-size: 14px;
    border: 1px solid #FE833F;
    padding: 8px 16px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.motivational-data .tab-program li a[aria-selected=true] {
    background: #FE833F;
    padding: 8px 16px;
    color: #FFFFFF;
    line-height: 20px;
}
.motivational-data .tab-content {
    padding-top: 25px;
}
.motivational-data .tab-content .fade,
.section-program .tab-content .fade {
    opacity: 1;
}
.motivational-data .tab-content .tab-info,
.motivational-data .tab-content .tab-item .slider-motivational .slide-inner .slide-image,
.motivational-data .tab-content .tab-item .slider-motivational .wrap-slide-content .slide-title,
.motivational-data .tab-content .tab-item .slider-motivational .wrap-slide-content .details,
.motivational-data .tab-content .tab-item .slider-motivational .wrap-slide-content .details .from,
.motivational-data .tab-content .tab-pane .swiper-slide .slide-inner .wrap-slide-content .details .from,
.motivational-data .tab-content .tab-item .slider-motivational .wrap-slide-content .details,
.motivational-data .tab-content .tab-item .slider-motivational .wrap-slide-content .details a.btn-detail,
.motivational-data .tab-content .tab-pane .swiper-slide .slide-inner .wrap-slide-content .details a.btn-detail {
    display: block;
}
.motivational-data .tab-content .tab-info {
    text-align: center;
    margin-bottom: 30px;
}
.motivational-data .tab-content .tab-item .slider-motivational .swiper-wrapper {
    justify-content: center;
}
.motivational-data .tab-content .tab-pane .swiper-slide .slide-inner {
    margin-bottom: 30px;
}
.motivational-data .tab-content .tab-item .slider-motivational .slide-inner .slide-image,
.motivational-data .tab-content .tab-pane .swiper-slide .slide-inner .slide-image {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
}
.motivational-data .tab-content .tab-pane .swiper-slide .slide-inner .slide-image img {
    width: 100%;
}
.motivational-data .tab-content .tab-item .slider-motivational .wrap-slide-content,
.motivational-data .tab-content .tab-pane .swiper-slide .slide-inner .wrap-slide-content {
    position: relative;
    background-color: #FFFFFF;
    color: #000000;
    min-height: 220px;
    padding: 15px;
    text-align: left;
    -webkit-border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    border-radius: 0 0 15px 15px;
}
.motivational-data .tab-content .tab-pane .swiper-slide .slide-inner .wrap-slide-content {
    min-height: 230px;
}
.motivational-data .tab-content .tab-item .slider-motivational .wrap-slide-content .slide-title,
.motivational-data .tab-content .tab-pane .swiper-slide .slide-inner .wrap-slide-content .slide-title {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
}
.motivational-data .tab-content .tab-item .slider-motivational .wrap-slide-content .details,
.motivational-data .tab-content .tab-pane .swiper-slide .slide-inner .wrap-slide-content .details {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 15px 15px;
}
.motivational-data .tab-content .tab-pane .swiper-slide .slide-inner .wrap-slide-content .details {
    margin: 0 15px 30px;
}
.motivational-data .tab-content .tab-item .slider-motivational .wrap-slide-content .details .from,
.motivational-data .tab-content .tab-pane .swiper-slide .slide-inner .wrap-slide-content .details .from {
    font-size: 15px;
    line-height: 20px;
    color: #00ADC6;
}
.motivational-data .tab-content .tab-item .slider-motivational .wrap-slide-content .details a.btn-detail,
.motivational-data .tab-content .tab-pane .swiper-slide .slide-inner .wrap-slide-content .details a.btn-detail {
    background: #FE833F;
    border: 2px solid #FE833F;
    box-shadow: -12px -12px 24px #FFFFFF, 12px 12px 24px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    font-family: 'Gotham Rounded';
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin-top: 10px;
    padding: 8px;
    color: #FFFFFF;
}
.motivational-data .nav-pills {
    margin-left: 0;
}
.motivational-data .nav-pills > li > a {
    display: block;
    background: #FFFFFF;
    color: #FE833F;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    border: 1px solid #FE833F;
    padding: 12px 2px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.motivational-data .nav-pills > li.active > a, 
.motivational-data .nav-pills > li.active > a:focus, 
.motivational-data .nav-pills > li.active > a:hover {
    background: #FE833F;
    padding: 12px 2px;
    color: #ffffff;
}

.section-offer .column-layout {
    padding: 45px 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 0px 8px 25px rgb(0 0 0 / 10%);
    min-height: 450px;
}
.section-offer .column-layout .section-title,
.section-offer .column-layout .section-subtitle {
    font-family: 'Gotham Rounded';
}
.section-offer .column-layout .section-title {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 15px;
}
.section-offer .column-layout .section-subtitle {
    font-size: 32px;
    line-height: 36px;
}
.section-offer .column-layout .price {
    margin-bottom: 10px;
}
.section-offer .column-layout p {
    font-size: 18px;
    line-height: 24px;
}
.section-offer .column-layout .btn {
    box-shadow: -12px -12px 24px rgba(231, 231, 231, 0.5), 12px 12px 24px #8D8D8D!important;
}

/* VIP */
.vip-program .section-title,
.vip-program .description {
    color: #FFFFFF!important;
}
.vip-program .section-title {
    font-family: "Gotham", sans-serif;
    font-size: 36px;
    line-height: 34.45px;
}
.vip-program .description {
    display: block;
    margin-bottom: 50px;
    font-size: 16px;
    line-height: 24px;
}
.vip-program .btn-detail {
    background: linear-gradient(110.48deg, #ECECEC 0%, #F4F4F4 100%);
    border: 1px solid #FFFFFF;
    box-shadow: -12px -12px 24px rgba(255, 255, 255, 0.15), 12px 12px 24px rgba(0, 0, 0, 0.15);
    border-radius: 16px;
    padding: 20px 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #333333;
}

.slider-hero .swiper-container:not(.swiper-container-initialized)>.swiper-wrapper, 
.slider-hero .swiper:not(.swiper-initialized)>.swiper-wrapper {
    overflow: visible;
}

/* New PT */
.wrapper-pt-card,
.wrapper-course-card {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-block-start: 40px;
    gap: 32px;
}
.wrapper-pt-card {
    margin-block-end: 40px;
    padding-block-end: 80px;
}
.pt-card-item {
    flex: 1 1 33.333333%;
    padding: 56px 32px 30px;
    border: 1px solid rgba(234, 236, 240, 1);
    box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
    border-radius: 16px;
}
.pt-card-item .badge {
    position: absolute;
    top: 4px;
    left: -15px;
}
.pt_header {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pt_header .title,
.pt_header .price {
    font-weight: 700;
}
.pt_header .title {
    font-size: 24px;
    line-height: 32px;
}
.pt_header .price {
    font-size: 32px;
    line-height: 42px;
}
.pt_header .old-price {
    font-size: 16px;
    line-height: 24px;
    text-decoration: line-through;
}
.pt_content {
    padding-block-start: 32px;
}
.pt_list {
    min-height: 145px;
    margin-inline-start: 0;
    border-bottom: 1px solid rgba(188, 188, 189, 1);
}
.pt_list li {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    color: rgba(42, 42, 46, 1);
    margin-bottom: 20px;
    list-style: none;
}
.pt_list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    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%3Crect width='24' height='24' rx='12' fill='%23DFF0FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.096 7.39016L9.93602 14.3002L8.03602 12.2702C7.68602 11.9402 7.13602 11.9202 6.73602 12.2002C6.34602 12.4902 6.23602 13.0002 6.47602 13.4102L8.72602 17.0702C8.94602 17.4102 9.32601 17.6202 9.75601 17.6202C10.166 17.6202 10.556 17.4102 10.776 17.0702C11.136 16.6002 18.006 8.41016 18.006 8.41016C18.906 7.49016 17.816 6.68016 17.096 7.38016V7.39016Z' fill='%23003F6A'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
}
.pt_list li .item {margin-left: 35px}
.pt_footer {
    margin-top: 40px;
}
.pt_footer .credit {
    font-size: 16px;
    line-height: 24px;
    color: rgba(42, 42, 46, 1);
}
.pt_footer .btn-buy {
    padding: 16px 28px;
    background: rgba(149, 193, 64, 1);
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: rgba(42, 42, 46, 1);
    border: 0;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
}
.pt-card-item,
.course-card-item {
    position: relative;
    font-family: "Nunito Sans", Sans-serif;
}
.course-content {
    position: absolute;
    padding: 25px;
    font-size: 24px;
    line-height: 32px;
    color: rgba(127, 66, 32, 1);
}
.info {
  position: relative;
  display: inline-block;
  margin-left: 5px;
}

.tooltips {
    visibility: hidden;
    opacity: 0;
    width: 300px;
    background-color: #FFFFFF;
    font-size: 14px;
    line-height: 20px;
    color: #57575B;
    text-align: left;
    border-radius: 6px;
    padding: 16px;
    position: absolute;
    z-index: 1;
    top: 110%;
    left: 50%;
    transform: translateX(-50%);
    transition: opacity 0.3s;
    box-shadow: 0px 6px 16px 0px #00000033;
    border: 1px solid var(--Border-Tertiary, #F2F2F2);
    border-radius: 12px;
}
.tooltips strong {
    color: #2A2A2E;
    font-weight: 700;
}
.tooltips ul {
    margin: 5px 22px;
}
.tooltips li {
    list-style: disc;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 3px;
}
.tooltips li:before {
    display: none;
}

.info:hover .tooltips {
  visibility: visible;
  opacity: 1;
}

/* Faq */
.subtitle {
    font-size: 20px;
    line-height: 28px;
    color: rgba(87, 87, 91, 1);
}
#accordionFAQ {
    background-color: transparent;
    padding-top: 64px;
    border: none;
    box-shadow: none;
}
#accordionFAQ .card {
    margin-block-end: 16px;
    padding: 0 24px 12px;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 16px;
}
#accordionFAQ .card-header {
    background-color: transparent;
    padding: 0;
    border-bottom: 0;
}
#accordionFAQ button {
    background: transparent;
    padding: 24px 0 16px!important;
    border-radius: 0;
    box-shadow: none!important;
}
#accordionFAQ button[aria-expanded=true] {
    border-bottom: 1px solid rgba(0,0,0,.125);
}
#accordionFAQ button:hover,
#accordionFAQ button:focus {
    text-decoration: none;
}
#accordionFAQ button,
#accordionFAQ .collapse.show .card-body {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}
#accordionFAQ button {padding: 1.25rem 0}
#accordionFAQ .card-body {
    font-size: 14px;
    color: rgba(42, 42, 46, 1);
    padding: .65rem 0;
}

/* Responsive biasa */
@media only screen 
and (min-width: 800px) and (max-width: 900px),
only screen 
and (min-height: 800px) and (max-height: 900px) {
    :is(body, header, .container) {
        margin: 0 auto;
    }
    .site :is(main) {
        margin-top: 60px!important;
    }
    #elementor-popup-modal-44025 :is(.dialog-message,.dialog-widget-content) {
        max-width: 480px;
    }
    .offcanvas-collapse {
        left: -585px;
        &.open {
            max-width: 481px;
            left: 105px;
        }
    }
}

/* Spesifik foldable devices */
@media only screen 
and (device-width: 904px) and (device-height: 2316px) and (-webkit-device-pixel-ratio: 3),
only screen 
and (device-width: 2316px) and (device-height: 904px) and (-webkit-device-pixel-ratio: 3),
only screen 
and (device-width: 1812px) and (device-height: 2176px) and (-webkit-device-pixel-ratio: 3),
only screen 
and (device-width: 2176px) and (device-height: 1812px) and (-webkit-device-pixel-ratio: 3) {
    :is(body, header, .container) {
        max-width: 480px;
        margin: 0 auto;
    }
    .site :is(main) {
        margin-top: 60px!important;
    }
    #elementor-popup-modal-44025 :is(.dialog-message,.dialog-widget-content) {
        max-width: 480px;
    }
    .offcanvas-collapse {
        left: -585px;
        &.open {
            max-width: 481px;
            left: 105px;
        }
    }
}


@media screen and (max-width: 767px) {
    .section-newtitle {
        font-size: 28px;
        line-height: 36px;
    }
    #new-pt .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .course-content {line-height: 28px}
    .pt-card-item {width: 100%}
    .wrapper-pt-card, .wrapper-course-card {
        flex-direction: column;
    }
    #accordionFAQ button {
        flex-direction: row;
        align-items: baseline;
        gap: 10px;
        white-space: normal;
    }
    .motivational-data .swiper-slide {
        padding: 15px 0;
    }
    .vip-section {
        height: 715px;
    }
    .vip-program .section-title {
        font-size: 24px;
        line-height: 32px;
    }
    .vip-program .description br {
        display: none;
    }
}

@media only screen and (min-width: 690px) and (max-width: 980px) {
    :is(body, header, .container) {
        max-width: 480px;
        margin: 0 auto;
    }
    .site main {
        margin-top: 60px!important;
    }
    #elementor-popup-modal-44025 :is(.dialog-message,.dialog-widget-content) {
        max-width: 480px;
    }
    .offcanvas-collapse {
        left: auto;
        &.open {
            max-width: 482px;
            left: 0;
        }
    }
    .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:hover {
        background-color: transparent;
        outline: transparent !important;
    }
    .navbar-light .navbar-toggler {
        border-color: transparent !important;
        padding: 0 !important;
    }
    .navbar-light .navbar-toggler-icon {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        content: "\f0c9";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: #00ADC6;
        background-image: none !important;
    }
    .navbar-toggler-icon::before {
        font-family: "Font Awesome 5 Free";
        content: "\f0c9";
        font-size: 30px;
    }
}

@media screen and (min-width: 1366px) and (max-width: 1439px) {
    .vip-section {
        height: 432px;
    }
}

@media screen and (min-width: 1440px) and (max-width: 1599px) {
    .vip-section {
        height: 456px;
    }
}

@media screen and (min-width: 1600px) and (max-width: 1679px) {
    .vip-section {
        height: 508px;
    }
}

@media screen and (min-width: 1680px) and (max-width: 1919px) {
    .vip-section {
        height: 500px;
    }
}

@media (min-width: 1920px) and (max-width: 2560px)  {
    .vip-section {
        height: 610px;
    }
    .vip-program .section-title {
        font-size: 55px;
        line-height: 45.45px;
    }
    .vip-program .description {
        margin-bottom: 60px;
        font-size: 20px;
        line-height: 32px;
    }
    .vip-program .btn-detail {
        font-size: 18px;
        line-height: 20px;
    }
}

/* Teaching Team */
.section-team {
    margin-bottom: 0;
    :is(.section-title,.section-subtitle) {
        font-family: "Nunito Sans", Sans-serif!important;
        margin-block-end: .5rem!important;
    }
    :is(.section-subtitle,.section-desc) {
        font-size: 16px!important;
        line-height: 24px!important;
    }
    .section-title {
        font-size: 32px!important;
        font-weight: 800!important;
        line-height: 42px!important;
        color: #2A2A2E!important;
    }
    .section-subtitle {
        font-weight: 700!important;
        color: #FC5053!important;
    }
    .section-desc {
        margin-bottom: 0;
        color: #2A2A2E!important;
    }
    .tutor-teams {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin-top: 1.5rem;
        gap: 25px;
        .wrapper-teams {
            height: 100%;
        }
    }
}
.section-team .tutor-teams .inner-wrap.classic {
    padding: 20px 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='275' height='376' viewBox='0 0 275 376' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10215_3340)'%3E%3Crect x='-0.000488281' width='275' height='376' rx='14.9254' fill='%23FFEBE0'/%3E%3Cpath d='M14 117.948C14 119.052 13.1046 119.947 12 119.947C10.8954 119.947 10 119.052 10 117.948C10 116.844 10.8954 115.949 12 115.949C13.1046 115.949 14 116.844 14 117.948Z' fill='%23FC5053'/%3E%3Cpath d='M29.9995 117.948C29.9995 119.052 29.1041 119.947 27.9995 119.947C26.8949 119.947 25.9995 119.052 25.9995 117.948C25.9995 116.844 26.8949 115.949 27.9995 115.949C29.1041 115.949 29.9995 116.844 29.9995 117.948Z' fill='%23FC5053'/%3E%3Cpath d='M45.9995 117.948C45.9995 119.052 45.1041 119.947 43.9995 119.947C42.8949 119.947 41.9995 119.052 41.9995 117.948C41.9995 116.844 42.8949 115.949 43.9995 115.949C45.1041 115.949 45.9995 116.844 45.9995 117.948Z' fill='%23FC5053'/%3E%3Cpath d='M61.9995 117.948C61.9995 119.052 61.1041 119.947 59.9995 119.947C58.8949 119.947 57.9995 119.052 57.9995 117.948C57.9995 116.844 58.8949 115.949 59.9995 115.949C61.1041 115.949 61.9995 116.844 61.9995 117.948Z' fill='%23FC5053'/%3E%3Cpath d='M77.9995 117.948C77.9995 119.052 77.1041 119.947 75.9995 119.947C74.8949 119.947 73.9995 119.052 73.9995 117.948C73.9995 116.844 74.8949 115.949 75.9995 115.949C77.1041 115.949 77.9995 116.844 77.9995 117.948Z' fill='%23FC5053'/%3E%3Cpath d='M93.999 117.948C93.999 119.052 93.1036 119.947 91.999 119.947C90.8945 119.947 89.999 119.052 89.999 117.948C89.999 116.844 90.8945 115.949 91.999 115.949C93.1036 115.949 93.999 116.844 93.999 117.948Z' fill='%23FC5053'/%3E%3Cpath d='M110 117.948C110 119.052 109.104 119.947 108 119.947C106.895 119.947 106 119.052 106 117.948C106 116.844 106.895 115.949 108 115.949C109.104 115.949 110 116.844 110 117.948Z' fill='%23FC5053'/%3E%3Cpath d='M14 133.939C14 135.043 13.1046 135.938 12 135.938C10.8954 135.938 10 135.043 10 133.939C10 132.835 10.8954 131.94 12 131.94C13.1046 131.94 14 132.835 14 133.939Z' fill='%23FC5053'/%3E%3Cpath d='M29.9995 133.939C29.9995 135.043 29.1041 135.938 27.9995 135.938C26.8949 135.938 25.9995 135.043 25.9995 133.939C25.9995 132.835 26.8949 131.94 27.9995 131.94C29.1041 131.94 29.9995 132.835 29.9995 133.939Z' fill='%23FC5053'/%3E%3Cpath d='M45.9995 133.939C45.9995 135.043 45.1041 135.938 43.9995 135.938C42.8949 135.938 41.9995 135.043 41.9995 133.939C41.9995 132.835 42.8949 131.94 43.9995 131.94C45.1041 131.94 45.9995 132.835 45.9995 133.939Z' fill='%23FC5053'/%3E%3Cpath d='M61.9995 133.939C61.9995 135.043 61.1041 135.938 59.9995 135.938C58.8949 135.938 57.9995 135.043 57.9995 133.939C57.9995 132.835 58.8949 131.94 59.9995 131.94C61.1041 131.94 61.9995 132.835 61.9995 133.939Z' fill='%23FC5053'/%3E%3Cpath d='M77.9995 133.939C77.9995 135.043 77.1041 135.938 75.9995 135.938C74.8949 135.938 73.9995 135.043 73.9995 133.939C73.9995 132.835 74.8949 131.94 75.9995 131.94C77.1041 131.94 77.9995 132.835 77.9995 133.939Z' fill='%23FC5053'/%3E%3Cpath d='M93.999 133.939C93.999 135.043 93.1036 135.938 91.999 135.938C90.8945 135.938 89.999 135.043 89.999 133.939C89.999 132.835 90.8945 131.94 91.999 131.94C93.1036 131.94 93.999 132.835 93.999 133.939Z' fill='%23FC5053'/%3E%3Cpath d='M110 133.939C110 135.043 109.104 135.938 108 135.938C106.895 135.938 106 135.043 106 133.939C106 132.835 106.895 131.94 108 131.94C109.104 131.94 110 132.835 110 133.939Z' fill='%23FC5053'/%3E%3Cpath d='M14 149.931C14 151.035 13.1046 151.93 12 151.93C10.8954 151.93 10 151.035 10 149.931C10 148.827 10.8954 147.932 12 147.932C13.1046 147.932 14 148.827 14 149.931Z' fill='%23FC5053'/%3E%3Cpath d='M29.9995 149.931C29.9995 151.035 29.1041 151.93 27.9995 151.93C26.8949 151.93 25.9995 151.035 25.9995 149.931C25.9995 148.827 26.8949 147.932 27.9995 147.932C29.1041 147.932 29.9995 148.827 29.9995 149.931Z' fill='%23FC5053'/%3E%3Cpath d='M45.9995 149.931C45.9995 151.035 45.1041 151.93 43.9995 151.93C42.8949 151.93 41.9995 151.035 41.9995 149.931C41.9995 148.827 42.8949 147.932 43.9995 147.932C45.1041 147.932 45.9995 148.827 45.9995 149.931Z' fill='%23FC5053'/%3E%3Cpath d='M61.9995 149.931C61.9995 151.035 61.1041 151.93 59.9995 151.93C58.8949 151.93 57.9995 151.035 57.9995 149.931C57.9995 148.827 58.8949 147.932 59.9995 147.932C61.1041 147.932 61.9995 148.827 61.9995 149.931Z' fill='%23FC5053'/%3E%3Cpath d='M77.9995 149.931C77.9995 151.035 77.1041 151.93 75.9995 151.93C74.8949 151.93 73.9995 151.035 73.9995 149.931C73.9995 148.827 74.8949 147.932 75.9995 147.932C77.1041 147.932 77.9995 148.827 77.9995 149.931Z' fill='%23FC5053'/%3E%3Cpath d='M93.999 149.931C93.999 151.035 93.1036 151.93 91.999 151.93C90.8945 151.93 89.999 151.035 89.999 149.931C89.999 148.827 90.8945 147.932 91.999 147.932C93.1036 147.932 93.999 148.827 93.999 149.931Z' fill='%23FC5053'/%3E%3Cpath d='M110 149.931C110 151.035 109.104 151.93 108 151.93C106.895 151.93 106 151.035 106 149.931C106 148.827 106.895 147.932 108 147.932C109.104 147.932 110 148.827 110 149.931Z' fill='%23FC5053'/%3E%3Cpath d='M14 165.922C14 167.026 13.1046 167.921 12 167.921C10.8954 167.921 10 167.026 10 165.922C10 164.818 10.8954 163.923 12 163.923C13.1046 163.923 14 164.818 14 165.922Z' fill='%23FC5053'/%3E%3Cpath d='M29.9995 165.922C29.9995 167.026 29.1041 167.921 27.9995 167.921C26.8949 167.921 25.9995 167.026 25.9995 165.922C25.9995 164.818 26.8949 163.923 27.9995 163.923C29.1041 163.923 29.9995 164.818 29.9995 165.922Z' fill='%23FC5053'/%3E%3Cpath d='M45.9995 165.922C45.9995 167.026 45.1041 167.921 43.9995 167.921C42.8949 167.921 41.9995 167.026 41.9995 165.922C41.9995 164.818 42.8949 163.923 43.9995 163.923C45.1041 163.923 45.9995 164.818 45.9995 165.922Z' fill='%23FC5053'/%3E%3Cpath d='M61.9995 165.922C61.9995 167.026 61.1041 167.921 59.9995 167.921C58.8949 167.921 57.9995 167.026 57.9995 165.922C57.9995 164.818 58.8949 163.923 59.9995 163.923C61.1041 163.923 61.9995 164.818 61.9995 165.922Z' fill='%23FC5053'/%3E%3Cpath d='M77.9995 165.922C77.9995 167.026 77.1041 167.921 75.9995 167.921C74.8949 167.921 73.9995 167.026 73.9995 165.922C73.9995 164.818 74.8949 163.923 75.9995 163.923C77.1041 163.923 77.9995 164.818 77.9995 165.922Z' fill='%23FC5053'/%3E%3Cpath d='M93.999 165.922C93.999 167.026 93.1036 167.921 91.999 167.921C90.8945 167.921 89.999 167.026 89.999 165.922C89.999 164.818 90.8945 163.923 91.999 163.923C93.1036 163.923 93.999 164.818 93.999 165.922Z' fill='%23FC5053'/%3E%3Cpath d='M110 165.922C110 167.026 109.104 167.921 108 167.921C106.895 167.921 106 167.026 106 165.922C106 164.818 106.895 163.923 108 163.923C109.104 163.923 110 164.818 110 165.922Z' fill='%23FC5053'/%3E%3Cpath d='M295.7 46.1914L310.161 31.4428L313 34.338L295.7 51.9829L279.82 35.7856L263.94 51.9829L248.059 35.7856L232.179 51.9829L216.299 35.7856L201.838 50.5353L199 47.6395L216.299 29.9946L232.179 46.1914L248.059 29.9946L263.94 46.1919L279.82 29.9946L295.7 46.1914Z' fill='%23FE833F'/%3E%3Cpath d='M295.7 62.1826L310.161 47.434L313 50.3292L295.7 67.9741L279.82 51.7768L263.94 67.9741L248.059 51.7768L232.179 67.9741L216.299 51.7768L201.838 66.5265L199 63.6307L216.299 45.9858L232.179 62.1826L248.059 45.9858L263.94 62.1831L279.82 45.9858L295.7 62.1826Z' fill='%23FE833F'/%3E%3Cpath d='M295.7 78.1743L310.161 63.4257L313 66.3209L295.7 83.9658L279.82 67.7685L263.94 83.9658L248.059 67.7685L232.179 83.9658L216.299 67.7685L201.838 82.5182L199 79.6224L216.299 61.9775L232.179 78.1743L248.059 61.9775L263.94 78.1748L279.82 61.9775L295.7 78.1743Z' fill='%23FE833F'/%3E%3Cpath d='M295.7 94.1658L310.161 79.4171L313 82.3124L295.7 99.9573L279.82 83.76L263.94 99.9573L248.059 83.76L232.179 99.9573L216.299 83.76L201.838 98.5096L199 95.6139L216.299 77.969L232.179 94.1658L248.059 77.969L263.94 94.1663L279.82 77.969L295.7 94.1658Z' fill='%23FE833F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10215_3340'%3E%3Crect x='-0.000488281' width='275' height='376' rx='14.9254' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
    height: 485px;
    border-radius: 20px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
}
.slider-team__item .desc, 
.slider-team-loop__item .desc {
    padding: 15px 15px;
    width: calc(100% - 10px);
    height: calc(100% - 255px);
    bottom: 40px;
}
.section-team .slider-team__item .desc-inner {
    height: auto;
}
.section-team .slider-team__item {
    height: 100%;
    &.disabled {
        pointer-events: none;
        .img-team {
            img {
                width: 100%;
            }
        }
        .desc {
            background: var(--white);
            height: calc(100% - 325px);
            padding: 16px 8px;
            text-align: center;
            bottom: 0;
            border-left: 0;
            box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
        }
        .desc-inner {
            font-family: var(--nunito);
            .item-title {
                font-size: 16px;
                font-weight: var(--fw700);
                line-height: 24px;
                color: var(--darkgrey);
            }
            :is(.item-cert,.item-jobdesc) {
                font-size: 12px;
                line-height: 18px;
            }
            .item-cert {
                font-weight: var(--fw600);
                color: #7E7E81;
            }
            .item-jobdesc {
                display: inline-block;
                background: #FFEBE0;
                font-weight: var(--fw700);
                color: #7F4220;
                padding: 4px 8px;
                border-radius: 100px;
            }
        }
    }
}

@media screen and (max-width: 767px) {
    .section-team .tutor-teams {
        grid-template-columns: repeat(1, 3fr);
    }
    .section-team .tutor-teams .inner-wrap.classic {
        height: 100%;
    }  
    .section-team .slider-team__item {
        padding-bottom: 0;
    }
    .section-team .slider-team__item.disabled {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: auto;
    }
    .section-team .slider-team__item.disabled .img-team {
        width: 100%;
        height: 100%;
    }
    .section-team .slider-team__item.disabled .img-team img {
        position: relative;
    }
    .section-team .slider-team__item.disabled .desc {
        position: relative;
        height: calc(100% - 290px);
        left: 0;
        bottom: 0;
        transform: unset;
    }  
}

.tutor-popup-content.fade {
    opacity: 1;
}

/* Custom Price */
.pricing-slider .swiper-slide {
    width: 380px!important;
    height: auto !important;
}
.pricing-slider .swiper-container {
    min-height: 820px;
    height: 100%;
}
.pricing-slider .swiper-slide {
    overflow: inherit;
}
.package-inner-wrap {
    border-radius: 20px 20px 0 0;
}
.package-header {
    display: grid;
    padding: 32px 20px;
    margin: 0 0 32px;
}
.package-desc {
    margin-top: 0;
}
.package-wrap {
    box-sizing: content-box;
}
.package-wrap {
    border-radius: 20px;
    height: 100%!important;
    padding: 0;
    margin-bottom: 35px;
    background: #f5f5f5;
    box-shadow: 0px 24px 32px -16px rgb(0 105 177 / 30%);
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.package-wrap .price-nominal .nominal {
    font-weight: 400;
}
.package-wrap .include {
    margin-bottom: 24px;
}
.package-wrap .include-items {
    display: grid;
    grid-template-columns: 100%;
    padding: 0 15px;
}
.package-wrap .include-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: start;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin-bottom: 8px;
}
.package-wrap .include-icon {
    width: auto;
    height: auto;
    background: transparent;
    border: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.package-wrap .include-item .include-icon {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.package-wrap .include-icon img {
    max-width: 100%;
    width: auto;
    height: 50%;
}
.package-wrap .include-text {
    padding-left: 10px;
    font-weight: 325;
    font-size: 16px;
    line-height: 1.25;
    color: #000000;
}
.package-wrap .include-item .include-text {
    text-align: left;
}
.package-wrap .button-wrap {
    padding: 0 15px 20px;
}
.package-wrap .button-wrap .btn {
    box-shadow: 12px 12px 24px rgb(0 0 0 / 15%) !important;
}
.with-icon .icon-whatsapp {
    width: 28px;
    height: 28px;
    margin-top: -15px;
    margin-bottom: -15px;
}

@media (max-width: 991.98px) {
    .template-mandarin-2022 section.hero-page .hero-inside .content-wrapper .hero-title, 
    .template-template-mandarin-2022 section.hero-page .hero-inside .content-wrapper .hero-title {
        font-size: 28px !important;
        line-height: 32px !important;
    }
    .template-mandarin-2022 section.hero-page .hero-inside, 
    .template-template-mandarin-2022 section.hero-page .hero-inside {
        height: 585px!important;
    }
    .hero-inside .hero-caption {display: none}
    .section-offer {
        margin-bottom: 0;
    }
    .section-learning-goal .section-subtitle {
        font-size: 24px;
        line-height: 32px;
    }
    .section-offer .section-subtitle {
        text-align: left;
    }
    .section-offer .column-layout {
        margin-bottom: 30px;
    }
    .section-offer .column-layout .section-title,
    .section-offer .column-layout p {
        font-size: 16px;
        line-height: 24px;
    }
    .section-offer .column-layout .section-subtitle {
        font-size: 24px;
        line-height: 29px;
    }
    .section-offer .column-layout .price .only {
        font-size: 32px;
        line-height: 38px;
    }
    .section-reffer .section-subtitle {
        text-align: left;
    }
}

@media only screen 
and (device-width: 904px) and (device-height: 2316px) and (-webkit-device-pixel-ratio: 3),
only screen 
and (device-width: 2316px) and (device-height: 904px) and (-webkit-device-pixel-ratio: 3),
only screen 
and (device-width: 1812px) and (device-height: 2176px) and (-webkit-device-pixel-ratio: 3),
only screen 
and (device-width: 2176px) and (device-height: 1812px) and (-webkit-device-pixel-ratio: 3) {
    :is(body, header, .container) {
        max-width: 480px;
        margin: 0 auto;
    }
    .site main {
        margin-top: 60px!important;
    }
    #elementor-popup-modal-44025 :is(.dialog-message,.dialog-widget-content) {
        max-width: 480px;
    }
    .offcanvas-collapse {
        left: -585px;
        &.open {
            max-width: 481px;
            left: 105px;
        }
    }
}