.elementor-10267 .elementor-element.elementor-element-45145bbc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:45px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10267 .elementor-element.elementor-element-7c88b983{--display:flex;}.elementor-10267 .elementor-element.elementor-element-19cf9010{--e-image-carousel-slides-to-show:1;}.elementor-10267 .elementor-element.elementor-element-9916993{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10267 .elementor-element.elementor-element-1e5685a{--display:flex;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10267 .elementor-element.elementor-element-41b4861d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10267 .elementor-element.elementor-element-582a2889{--display:flex;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10267 .elementor-element.elementor-element-4316ee93 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-10267 .elementor-element.elementor-element-4316ee93 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:48px;font-weight:500;line-height:1.15;}.elementor-10267 .elementor-element.elementor-element-641bae6{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10267 .elementor-element.elementor-element-e66c24b .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:15px;font-weight:700;}.elementor-10267 .elementor-element.elementor-element-8a0c7f8 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:var( --e-global-color-text );}.elementor-10267 .elementor-element.elementor-element-4d473727{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10267 .elementor-element.elementor-element-201e8c96{--display:flex;}.elementor-10267 .elementor-element.elementor-element-b913ebd{--display:flex;}.elementor-10267 .elementor-element.elementor-element-b913ebd:not(.elementor-motion-effects-element-type-background), .elementor-10267 .elementor-element.elementor-element-b913ebd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ae76076 );}.elementor-10267 .elementor-element.elementor-element-48d39bf{--display:flex;}.elementor-10267 .elementor-element.elementor-element-315d914 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:32px;font-weight:700;color:var( --e-global-color-1debf37 );}.elementor-10267 .elementor-element.elementor-element-4b356593{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10267 .elementor-element.elementor-element-7efd89a7{--display:flex;}.elementor-10267 .elementor-element.elementor-element-d89ee12 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:32px;font-weight:700;color:var( --e-global-color-primary );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-10267 .elementor-element.elementor-element-3684d18{--divider-border-style:solid;--divider-color:#BBBBBB;--divider-border-width:1px;}.elementor-10267 .elementor-element.elementor-element-3684d18 .elementor-divider-separator{width:100%;}.elementor-10267 .elementor-element.elementor-element-3684d18 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-10267 .elementor-element.elementor-element-603cb10{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start custom CSS */#course-details .ic-calendar {
    display: none;
}

#course p a, #course a, #additional-info p a, #additional-info a {
    text-decoration: none;
    color: #628B35;
    border-bottom: 1px solid #628B35;
}
#course p a:hover, #course a:hover, #additional-info p a:hover, #additional-info a:hover {
    color: #4A6C25;
    border-bottom: 1px solid #4A6C25;
}

/*COURSE*/
#course {
    padding-bottom: 40px;
}

#course .fees-wrap > .e-con-inner {
    background: #F4F4F4;
    margin-top: 2rem;
    padding: 1.5rem;
}

#course h6 {
    margin-bottom: 15px;
}

#course .fees-block, #course .fees-block p, #course .fees-block li {
    font-size: 16px;
    font-family: 'Helvetica', sans-serif;
    color: #525252;
    line-height: 1.5;
}

#course .fees-block ul {
    padding-inline-start: 20px;
}

#course .fees-block i, #course .fees-block em {
    color: #628B35;
}

/*COURSE DETAILS*/
#course-details {
    padding-bottom: 65px;
}

#course-details .course-options-block:has(.course-listing-block--2-col) {
    width: 50%;
}
#course-details .course-options-block:has(.course-listing-block--3-col) {
    width: 75%;
}
#course-details .course-options-block:has(.course-listing-block--4-col) {
    width: 100%;
}

#course-details .course-listing-block {
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
    transition: all .5s ease-in-out;
    padding-bottom: 1rem;
}
#course-details .course-listing-block.hovered {
    background: #F4F4F4;
    transition: all .5s ease-in-out;
}
#course-details .course-listing_title.hovered {
    background: none !important;
}
#course-details .course-listing-block.hovered .col-course-list {
    color: #000;
    transition: all .5s ease-in-out;
}

#course-details .course-listing-block:not(:first-child) {
    border-top: 1px solid #BBBBBB;
    padding-top: 1rem;
}

#course-details .course-listing-block--2-col .col-course-list {
    flex: 1 1 calc(50% - 30px);
    max-width: calc(50% - 30px);
}
#course-details .course-listing-block--3-col .col-course-list {
    flex: 1 1 calc(33.33% - 30px);
    max-width: calc(33.33% - 30px);
}
#course-details .course-listing-block--4-col .col-course-list {
    flex: 1 1 calc(25% - 30px);
    max-width: calc(25% - 30px);
}
#course-details .col-course-list.status {
    min-width: 200px;
}

#course-details .col-course-list {
    font-size: 18px;
    font-family: 'Helvetica', sans-serif;
    line-height: 1.25;
    color: #202020;
    transition: all .5s ease-in-out;
}

#course-details .course-listing_title .col-course-list {
    font-size: 20px;
    font-weight: 500;
    font-family: "Playfair Display", Sans-serif;
    color: #000;
}

#course-details .instructor, #course-details .level {
    font-size: 16px;
    font-family: 'Helvetica', sans-serif;
    line-height: 1.25;
    color: #202020;
    display: block;
}

#course-details .btn-course {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Playfair Display', sans-serif;
    color: #fff !important;
    background: #628B35;
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    min-height: 48px;
    width: 200px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    text-transform: capitalize;
}

#course-details .btn-course:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background: #4A6C25;
}

#course-details .btn-course:hover:before, #course-details .btn-course:focus:before, #course-details .btn-course:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

#course-details .btn-course:before {
    background: #4A6C25;
}

#course-details .class-type {
    text-transform: capitalize;
}

#course-details .class-day {
    font-weight: 700;
    margin-bottom: 3px;
}

#course-details .class-day, #course-details .class-time {
    display: block;
}

#course-details .class-noclass {
    display: block;
    color: #525252;
    font-style: italic;
}

/*FOR PLT*/
.course-category-mandarin-chinese-sat-ii-ap-test-prep-lessons #course-details .course-listing-block {
    display: none;
}

/*ADDITIONAL INFO*/
#additional-info {
    padding-top: 65px;
    padding-bottom: 65px;
}

#course p, #course p a, #additional-info p, .testimonial-name {
    font-size: 16px;
    line-height: 1.5;
}

#course p, #course p a, #additional-info p {
    color: #525252;
}

.video-player {
    width: 100%;
    max-width: 560px;
    height: auto;
    overflow: hidden;
}

.video-player iframe {
    width: 100%;
    height: revert-layer;
    aspect-ratio: 16/9; /* This maintains the 16:9 aspect ratio */
}

.testimonial-wrap {
    padding-top: 25px;
}

.testimonial-block {
    margin-bottom: 25px;
}

.testimonial-name {
    font-weight: 700;
}

.testimonial-content {
    font-style: italic;
}

/*INSTRUCTORS*/
#instructors {
    padding-top: 80px;
    padding-bottom: 80px;
}

#instructor-title {
    margin-bottom: 40px;
}

#instructors .instructor-block {
    display: flex;
    flex-direction: row;
    gap: 40px;
}

#instructors .col-left {
    width: 24%;
}
#instructors .col-right {
    width: 76%
}

#instructors .col-left img {
    width: 100%;
    height: initial;
}

#instructors .instructor-name, #instructors .instructor-title, #instructors .instructor-content {
    color: #fff;
}

#instructors .instructor-name {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
}

#instructors .instructor-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}

#instructors .instructor-content, #instructors .instructor-content p, #instructors .instructor-content li {
    font-size: 16px;
    line-height: 1.5;
}

#instructors hr {
    background: #fff;
    border: none;
    height: .5px;
    width: 100%;
    margin: 40px 0 45px;
}

#instructors a {
    color: #FABC05;
}
#instructor a:hover {
    color: #E6AE06;
}

/*BLACKBAUD*/
#bbox-root {
    border-top: 1px solid #BBBBBB;
    padding-top: 65px;
}

#bbox-root .BBFormPriceName {
    white-space: normal;
}

#bboxevent_BBEmbeddedForm {
    padding: 0;
}

#bboxevent_lblEventName, #bboxevent_BBEmbeddedForm .BBFormSectionHeading label {
    font-family: 'Playfair Display', sans-serif;
}

#bboxevent_BBEmbeddedForm .BBFormPricingTable {
    background: #fff;
    border-radius: 0;
}

#bboxevent_BBEmbeddedForm input, #bboxevent_BBEmbeddedForm textarea, #bboxevent_BBEmbeddedForm select, #bboxevent_BBEmbeddedForm .BBFormRadioLabel,  #bboxevent_btnSubmit {
    border-radius: 0;
}

#bboxevent_BBEmbeddedForm .BBFormSectionHeading label, #bboxsecure, #reCAPTCHADisclosure a {
    color: #628B35;
}

#bboxevent_btnSecurePayment {
    background: #628B35;
    box-shadow: none;
}
#bboxevent_btnSecurePayment:hover {
    background: #4A6C25;
}

@media (max-width: 1480px) {
    #instructors .instructor-name {
        font-size: 30px;
    }
}

@media (max-width: 1280px) {
    #course .heading-wrap > .e-con-inner, #course .fees-wrap > .e-con-inner, #course-details .detail-wrap > .e-con-inner, #additional-info .info-wrap > .e-con-inner, #instructors .instructors-wrap > .e-con-inner {
        max-width: 80%;
    }
    #course h1, #bboxevent_lblEventName {
        font-size: 45px;
    }
    #additional-info h4 {
        font-size: 23px;
    }
    #course-details .course-listing_title .col-course-list {
        font-size: 19px;
    }
    #course-details .btn-course, #course-details .col-course-list {
        font-size: 17px;
    }
    #course p, #course p a, #additional-info p, #course .fees-block, #course .fees-block p, #course .fees-block li, .testimonial-name {
        font-size: 15px;
    }
    #course-details .instructor, #course-details .level {
        font-size: 14px;
    }
}

@media (max-width: 1080px) {
    #course .heading-wrap > .e-con-inner, #course .fees-wrap > .e-con-inner, #course-details .detail-wrap > .e-con-inner, #additional-info .info-wrap > .e-con-inner, #instructors .instructors-wrap > .e-con-inner {
        max-width: 85%;
    }
    #course h1, #bboxevent_lblEventName {
        font-size: 38px;
    }
    #additional-info #additional-title h4 {
      font-size: 28px;
    }
    #instructors .instructor-name {
        font-size: 26px;
    }
    #additional-info h4 {
        font-size: 22px;
    }

}

@media (max-width: 1024px) {
    #course h1, #bboxevent_lblEventName {
        font-size: 35px;
    }
    #additional-info h4 {
        font-size: 21px;
    }
    #course-details .course-listing_title .col-course-list {
        font-size: 18px;
    }
    #course-details .btn-course, #course-details .col-course-list {
        font-size: 16px;
    }
    #course p, #course p a, #additional-info p, .testimonial-name {
        font-size: 14px;
    }
}

@media (max-width: 980px) {
    #instructors .instructor-name {
        font-size: 25px;
    }
    #instructors {
        padding-top: 65px;
    }
    #instructors .col-left {
        width: 26%;
    }
    #instructors .col-right {
        width: 74%;
    }
}

@media (max-width: 900px) {
    #course {
        padding-top: 50px;
        padding-bottom: 0;
    }
    #course .fees-wrap {
        margin-bottom: 1rem;
    }
    #course-details .ic-calendar {
        display: block;
    }
    #course-details .course-listing_title {
        display: none !important;
    }
    #course-details .course-listing-block:not(:first-child) {
        border: none;
    }
    #course-details .course-options-block {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }
    #course-details .course-listing-block {
        flex-direction: column;
        gap: 10px;
        background: #EFF3EA;
        margin-bottom: 1rem;
        padding: 2rem 2rem 1.8rem !important;
        flex: 1 1 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
    #course-details .col-course-list {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        width: 100%;
    }
    #course-details .col-course-list.status {
        order: 99;
    }
    #course-details .course-options-block:has(#course-payment) .col-course-list.status {
        order: -1;
    }
    #course-details  #course-details .course-options-block:has(#course-payment) .class-type {
        font-size: 14px;
        text-transform: capitalize;
        background: #202020;
        color: #fff;
        border-radius: 0;
        margin-left: -32px;
        width: fit-content;
        padding: 8px 20px 8px 20px;
        margin-bottom: 15px;
        display: block;
    }
    #course-details .col-course-list.days-of-week {
        display: flex;
        gap: 12px;
        align-items: flex-start;
    }
    #course-details .btn-course {
        margin-top: 1.25rem;
    }
    #course-details .course-listing-block.hovered {
        background: #EFF3EA;
        transition: none;
    }
}

@media (max-width: 800px) {
    #course h1, #bboxevent_lblEventName {
        font-size: 32px;
        line-height: 1.25;
    }
    #instructor-title h5 {
        font-size: 30px;
    }
    #instructors .instructor-name {
        font-size: 23px;
    }
    #course-details .course-listing_title .col-course-list {
        font-size: 17px;
    }
    #course-details .btn-course, #course-details .col-course-list, #instructors .instructor-content, #instructors .instructor-content p, #instructors .instructor-content li {
        font-size: 15px;
    }
    #course-details .btn-course {
        gap: 15px;
        width: 185px;
    }
    #course-details .btn-course img {
        width: 9px;
        height: initial;
    }
    #course-payment {
        width: 100%;
        display: block;
    }
    #additional-info {
        padding-bottom: 50px;
    }
}

@media (max-width: 769px) {
    #course h1, #bboxevent_lblEventName {
        font-size: 30px;
    }
    #additional-info h3 {
        font-size: 19px;
    }
    #course-details .col-course-list {
        min-width: 180px;
    }
    #course-details .btn-course {
        width: 165px;
    }
    #instructors .instructor-block {
        flex-direction: column;
    }
    #instructors .col-left {
        width: 35%;
    }
    #instructors .col-right {
        width: 100%;
    }
}

@media (max-width: 680px) {
    #instructors .instructor-name {
        font-size: 22px;
    }
    #course-details .course-options-block {
        flex-direction: column;
    }
    #course-details .course-listing-block {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

@media (max-width: 580px) {
    #course h1, #bboxevent_lblEventName {
        font-size: 28px;
    }
    #instructors .instructor-name {
        font-size: 20px;
    }
    #additional-info h3 {
        font-size: 18px;
    }
    #instructors .instructor-content, #instructors .instructor-content p, #instructors .instructor-content li {
        font-size: 14px;
    }
    #instructors {
        padding-top: 65px;
    }
    #instructors .col-left {
        width: 45%;
    }
}/* End custom CSS */