.elementor-15216 .elementor-element.elementor-element-b8f3b3d{--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-widget-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-15216 .elementor-element.elementor-element-0fe2de0 img{width:100%;}.elementor-15216 .elementor-element.elementor-element-38e0707{--display:flex;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-15216 .elementor-element.elementor-element-44b00ae .elementor-icon-list-icon{width:14px;}.elementor-15216 .elementor-element.elementor-element-44b00ae .elementor-icon-list-icon i{font-size:14px;}.elementor-15216 .elementor-element.elementor-element-44b00ae .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-15216 .elementor-element.elementor-element-44b00ae .elementor-icon-list-item{font-family:"Helvetica", Sans-serif;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;}.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-15216 .elementor-element.elementor-element-c7fe805 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:48px;font-weight:500;line-height:1.15;}.elementor-15216 .elementor-element.elementor-element-4bd5b97{--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-15216 .elementor-element.elementor-element-9de4ec8{--display:flex;}.elementor-15216 .elementor-element.elementor-element-2ede2da{--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-15216 .elementor-element.elementor-element-0630de8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-15216 .elementor-element.elementor-element-5832e7a{--display:flex;}.elementor-15216 .elementor-element.elementor-element-933dc86{--display:flex;}.elementor-15216 .elementor-element.elementor-element-7cc7563 .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-15216 .elementor-element.elementor-element-81ec0a9{--display:flex;}.elementor-15216 .elementor-element.elementor-element-627a827{--display:flex;}.elementor-15216 .elementor-element.elementor-element-8e80aa2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 00px 00px 0px;}.elementor-15216 .elementor-element.elementor-element-8e80aa2 .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-15216 .elementor-element.elementor-element-0022f99 > .elementor-widget-container{margin:-15px 0px 0px 0px;padding:0px 00px 00px 0px;}.elementor-15216 .elementor-element.elementor-element-0022f99 .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-15216 .elementor-element.elementor-element-a68dfe3 > .elementor-widget-container{margin:-15px 0px 0px 0px;padding:0px 00px 00px 0px;}.elementor-15216 .elementor-element.elementor-element-a68dfe3 .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-15216 .elementor-element.elementor-element-b2d1c23 .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-15216 .elementor-element.elementor-element-ebd9e07 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:20px;font-weight:500;}.elementor-15216 .elementor-element.elementor-element-c1b3e8a .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:14px;font-weight:400;line-height:1.5;color:var( --e-global-color-text );}.elementor-15216 .elementor-element.elementor-element-7f239de > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-15216 .elementor-element.elementor-element-7f239de{text-align:left;}.elementor-15216 .elementor-element.elementor-element-7f239de img{max-width:150px;}.elementor-15216 .elementor-element.elementor-element-6e184f4{--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-15216 .elementor-element.elementor-element-cdb7f2b{--display:flex;}.elementor-15216 .elementor-element.elementor-element-6b69f47{text-align:center;}.elementor-15216 .elementor-element.elementor-element-6b69f47 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:48px;font-weight:500;line-height:1.25;}.elementor-15216 .elementor-element.elementor-element-324623d{--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-15216 .elementor-element.elementor-element-61eeae0{--display:flex;}.elementor-widget-ucaddon_post_list_k12_schools .ue-grid-item-category a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_list_k12_schools .uc_post_list_title a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_list_k12_schools .ue-grid-item-meta-data{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_list_k12_schools .uc_post_content{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_list_k12_schools .uc_more_btn{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_list_k12_schools .uc_more_btn:hover{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_list_k12_schools .ue-no-posts-found{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-15216 .elementor-element.elementor-element-535c74e .uc_post_list_box{flex-direction:row;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );padding:0px 0px 0px 0px;border-radius:0px;}.elementor-15216 .elementor-element.elementor-element-535c74e .uc_post_list{grid-template-columns:repeat(1, 1fr);gap:20px;}.elementor-15216 .elementor-element.elementor-element-535c74e .uc_post_list_content{padding:15px 25px 20px 24px;justify-content:center;text-align:left;}.elementor-15216 .elementor-element.elementor-element-535c74e .uc_post_list_image{width:100px;height:100px;}.elementor-15216 .elementor-element.elementor-element-535c74e .uc_post_list_image,.elementor-15216 .elementor-element.elementor-element-535c74e .uc_post_list_image img{border-radius:0px;}.elementor-15216 .elementor-element.elementor-element-535c74e .uc_post_list_image img{object-position:center center;object-fit:cover;transform:scale(calc(100/100));}.elementor-15216 .elementor-element.elementor-element-535c74e .ue-grid-item-category a{background-color:#00bcff;color:#ffffff;padding:2px 10px 2px 10px;border-radius:5px 5px 5px 5px;}.elementor-15216 .elementor-element.elementor-element-535c74e .ue-grid-item-category{gap:5px;}.elementor-15216 .elementor-element.elementor-element-535c74e .uc_post_list_title a{color:#000000;font-family:"Helvetica", Sans-serif;font-size:24px;font-weight:400;}.elementor-15216 .elementor-element.elementor-element-535c74e .uc_post_list_title{margin-top:0px;}.elementor-15216 .elementor-element.elementor-element-535c74e .ue-grid-item-meta-data{color:#707070;gap:5px;width:auto;}.elementor-15216 .elementor-element.elementor-element-535c74e .ue-grid-item-meta-data svg{fill:#707070;}.elementor-15216 .elementor-element.elementor-element-535c74e .ue-meta-data{margin-top:0px;gap:10px;justify-content:flex-start;}.elementor-15216 .elementor-element.elementor-element-535c74e .uc_post_content{color:#969696;margin-top:10px;}.elementor-15216 .elementor-element.elementor-element-535c74e .ue-no-posts-found{color:#000000;background-color:#e8e8e8;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#c4c4c4;}.elementor-15216 .elementor-element.elementor-element-52fe2e6{--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-15216 .elementor-element.elementor-element-61e07b2{--display:flex;}.elementor-15216 .elementor-element.elementor-element-d13fa55{text-align:center;}.elementor-15216 .elementor-element.elementor-element-d13fa55 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:48px;font-weight:500;color:var( --e-global-color-accent );}.elementor-15216 .elementor-element.elementor-element-96177b5{--display:flex;}.elementor-15216 .elementor-element.elementor-element-047d256{--display:flex;}.elementor-widget-ucaddon_responsive_testemonial_carousel .ue_title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_responsive_testemonial_carousel .ue_subtitle{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_responsive_testemonial_carousel .ue-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_responsive_testemonial_carousel .flipster__nav__link{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-15216 .elementor-element.elementor-element-c3dae87 .uc_quote_item{transition:all 200ms;border-style:none;margin:0px 0px 0px 0px;padding:30px 30px 30px 30px;min-height:250px;text-align:center;}.elementor-15216 .elementor-element.elementor-element-c3dae87 .uc_quote_info{flex-direction:column;}.elementor-15216 .elementor-element.elementor-element-c3dae87 .uc_quote_item,.elementor-15216 .elementor-element.elementor-element-c3dae87 .flipster__item__content{border-radius:0px 0px 0px 0px;}.elementor-15216 .elementor-element.elementor-element-c3dae87 .ue-item{opacity:100%;}.elementor-15216 .elementor-element.elementor-element-c3dae87 .ue-item:hover{opacity:100%;}.elementor-15216 .elementor-element.elementor-element-c3dae87 .uc_author{flex-direction:column;margin-top:0px;}.elementor-15216 .elementor-element.elementor-element-c3dae87 .ue_title{color:var( --e-global-color-1debf37 );font-family:"Helvetica", Sans-serif;font-size:18px;font-weight:700;margin-top:0px;}.elementor-15216 .elementor-element.elementor-element-c3dae87 .ue_subtitle{color:var( --e-global-color-1debf37 );font-family:"Helvetica", Sans-serif;font-size:16px;font-weight:400;margin-top:0px;}.elementor-15216 .elementor-element.elementor-element-c3dae87 .ue-text{color:var( --e-global-color-1debf37 );font-family:"Helvetica", Sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin-top:20px;min-height:0px;}.elementor-15216 .elementor-element.elementor-element-c3dae87 .owl-nav .owl-prev{left:15px;}.elementor-15216 .elementor-element.elementor-element-c3dae87 .owl-nav .owl-next{right:15px;}.elementor-15216 .elementor-element.elementor-element-c3dae87 .owl-carousel .owl-nav .owl-next,.elementor-15216 .elementor-element.elementor-element-c3dae87 .owl-carousel .owl-nav .owl-prev{top:150px;border-radius:0px;width:50px;height:50px;line-height:50px;font-size:20px;background-color:var( --e-global-color-accent );color:var( --e-global-color-1debf37 );}.elementor-15216 .elementor-element.elementor-element-c3dae87 .owl-carousel .owl-nav .owl-next:hover,.elementor-15216 .elementor-element.elementor-element-c3dae87 .owl-carousel .owl-nav .owl-prev:hover{background-color:var( --e-global-color-28567a2 );color:#ffffff;}.elementor-15216 .elementor-element.elementor-element-c3dae87 .owl-dot{width:4px;height:4px;background-color:#FFFFFF4D;margin:0px 0px;}.elementor-15216 .elementor-element.elementor-element-c3dae87 .owl-dot.active{background-color:var( --e-global-color-1debf37 );}.elementor-15216 .elementor-element.elementor-element-c3dae87 .owl-dots{margin-top:20px;text-align:center;}.elementor-15216 .elementor-element.elementor-element-c3dae87 .owl-dots .owl-dot{border-radius:0px 0px 0px 0px;}.elementor-15216 .elementor-element.elementor-element-c3dae87 .center .ue-item{background-color:var( --e-global-color-1debf37 );opacity:100%;}.elementor-15216 .elementor-element.elementor-element-77a4bba{--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-15216 .elementor-element.elementor-element-03b8a19{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-15216 .elementor-element.elementor-element-6fcd932{--display:flex;}.elementor-15216 .elementor-element.elementor-element-8cdce1c .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:48px;font-weight:500;color:var( --e-global-color-accent );}.elementor-15216 .elementor-element.elementor-element-253a898{--display:flex;}.elementor-widget-toggle .elementor-toggle-title, .elementor-widget-toggle .elementor-toggle-icon{color:var( --e-global-color-primary );}.elementor-widget-toggle .elementor-toggle-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-toggle .elementor-tab-title.elementor-active a, .elementor-widget-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon{color:var( --e-global-color-accent );}.elementor-widget-toggle .elementor-toggle-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-toggle .elementor-tab-content{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-15216 .elementor-element.elementor-element-f3cf5f7 .elementor-toggle-item:not(:last-child){margin-block-end:10px;}.elementor-15216 .elementor-element.elementor-element-f3cf5f7 .elementor-toggle-title, .elementor-15216 .elementor-element.elementor-element-f3cf5f7 .elementor-toggle-icon{color:var( --e-global-color-primary );}.elementor-15216 .elementor-element.elementor-element-f3cf5f7 .elementor-toggle-icon svg{fill:var( --e-global-color-primary );}.elementor-15216 .elementor-element.elementor-element-f3cf5f7 .elementor-toggle-title{font-family:"Helvetica", Sans-serif;font-size:18px;font-weight:600;line-height:1.35;}.elementor-15216 .elementor-element.elementor-element-f3cf5f7 .elementor-tab-content{color:var( --e-global-color-text );font-family:"Helvetica", Sans-serif;font-size:16px;font-weight:400;line-height:1.5;}.elementor-15216 .elementor-element.elementor-element-20c77be{--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-15216 .elementor-element.elementor-element-46764df{--display:flex;--justify-content:center;}.elementor-15216 .elementor-element.elementor-element-113146e{--display:flex;}.elementor-15216 .elementor-element.elementor-element-db757b1{text-align:center;}.elementor-15216 .elementor-element.elementor-element-db757b1 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:40px;font-weight:500;line-height:1.15;color:var( --e-global-color-1debf37 );}.elementor-15216 .elementor-element.elementor-element-7405177{text-align:center;}.elementor-15216 .elementor-element.elementor-element-7405177 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:var( --e-global-color-1debf37 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-15216 .elementor-element.elementor-element-44b00ae .elementor-icon-list-item{font-size:14px;line-height:22px;letter-spacing:0px;}.elementor-15216 .elementor-element.elementor-element-7f239de img{max-width:120px;}}@media(max-width:767px){.elementor-15216 .elementor-element.elementor-element-44b00ae .elementor-icon-list-item{font-size:14px;line-height:22px;letter-spacing:0px;}.elementor-15216 .elementor-element.elementor-element-7f239de img{max-width:85px;}.elementor-15216 .elementor-element.elementor-element-535c74e .uc_post_list_box{flex-direction:column;}}/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start custom CSS */#course-list .col-left .elementor-heading-title
 {
    transition: 0.4s;
}

#class-info .class-wrap > .e-con-inner {
    max-width: 1100px;
}

#hero h1, #contact h3, #note-title {
    margin-bottom: 15px;
}

#course-title h3, #testimonial-1 .heading-wrap, #about-programs h3, #about-programs h4, #about-programs p, #about-school h3, #about-school h4, #about-school p {
    margin-bottom: 20px;
}

#class-info h2, #class-info .p-mb, #about-programs .program-wrap, #class-info .apply-p {
    margin-bottom: 25px;
}

#about-programs .heading-wrap {
    margin-bottom: 30px;
}

#class-info p a, #course-list .uc_post_content a, #faq .elementor-tab-content a, #course-list .course-class a {
    color: #686BCA;
    border-bottom: 1px solid #686BCA;
}
#class-info p a:hover, #course-list .uc_post_content a:hover, #faq .elementor-tab-content a:hover, #course-list .course-class a:hover {
    color: #4E51B4;
    border-bottom: 1px solid #4E51B4;
}

#course-list select:focus {
    outline: 1px solid #4A6C25;
}

/*HERO*/
#hero {
    padding-top: 45px;
}

#img-hero {
    position: absolute;
    top: 0;
}
#img-hero img {
    width: 100vw;
    max-height: 55vh;
}

#hero .course-badge {
    margin-bottom: 20px;
}

#hero .course-badge .elementor-icon-list-item {
    background-color: #686BCA;
    padding: 10px 20px 10px 0px;
}

#hero .course-badge li::before {
    content: '';
    background-color: #686BCA;
    display: block;
    width: 9999px;
    position: absolute;
    right: 75px;
    z-index: 1;
    height: 100%;
}

#hero .course-badge .elementor-post-info__item {
    color: #ffffff;
    font-size: 16px;
    position: relative;
    font-family: "Helvetica", sans-serif;
    z-index: 2;
}

/*ABOUT*/
#about {
    padding-top: 40px;
}

/*CLASS INFO*/
#class-info {
    padding-top: 80px;
    padding-bottom: 80px;
}

#class-info .col-right {
    border-left: 1px solid #BBBBBB;
}

#class-info .register-block {
    padding-right: 3rem;
}
#class-info .note-block {
    padding-left: 3rem;
}

#class-info ul {
    padding-inline-start: 20px;
}

#class-info li {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Playfair Display', sans-serif;
    color: #686BCA;
    line-height: 1.35;
    margin-bottom: 20px;
}

#class-info p {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Helvetica', sans-serif;
    color: #525252;
    line-height: 1.5;
}

/*COURSE TITLE*/
#course-title {
    padding-top: 50px;
    padding-bottom: 20px;
}

/*COURSE LIST*/
#course-list {
    padding-bottom: 80px;
}

#course-list .course-wrap > .e-con-inner {
    max-width: 1000px;
    gap: 50px;
}

#course-list .col-left {
    width: 25%;
}

#course-list .col-right {
    width: 75%;
}

#course-list .course-block {
    padding-bottom: 1rem;
}

#course-list .col-left .elementor-heading-title {
    border-top: 2px solid #686BCA;
    padding: 1.25rem 6px 0;
    cursor: pointer;
    outline: none;
    display: flex;
    justify-content: space-between;
}

#course-list .course-block.active .elementor-heading-title {
    padding: 1.25rem 6px 1.5rem;
}

#course-level-accordion.active .ic-accordion, #course-time-accordion.active .ic-accordion, #course-day-accordion.active .ic-accordion {
    transform: rotate(180deg);
}

#course-list .checkbox-panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    padding: 5px 6px 0;
}

#course-list .uc-checkbox-filter__checkbox:checked + .uc-checkbox-filter_label:after {
    scale: 100%;
    left: 5px;
    background: #686BCA;
    box-shadow: 2px 0 0 #686BCA, 4px 0 0 #686BCA, 4px -2px 0 #686BCA, 4px -4px 0 #686BCA, 4px -6px 0 #686BCA, 4px -8px 0 #686BCA;
}

/*COURSE LISTING*/
#course-list .ue-grid-item-category {
    font-size: 14px;
    background: #686BCA;
    color: #FFFFFF;
    border-radius: 0;
    margin-left: -25px;
    width: fit-content;
    padding: 8px 30px 8px 25px;
    margin-bottom: 15px;
}

#course-list .uc_post_title {
    margin-bottom: 1rem;
}

#course-list .ue-grid-item-meta-data-icon {
    width: 25px;
}
#course-list .ue-grid-item-meta-data-icon svg {
    font-size: 25px;
}

#course-list .uc_btn_inner {
    gap: 15px;
}

#course-list .ic-accordion, #course-list .ue-grid-item-meta-data-icon svg, #course-list .uc_btn_icon svg {
    filter: brightness(0) saturate(100%) invert(44%) sepia(79%) saturate(420%) hue-rotate(199deg) brightness(86%) contrast(87%);
}
#course-list .uc_btn_icon svg {
    font-size: 10px;
}

#course-list .uc_post_image {
    height: 100%;
}
#course-list .uc_post_image img {
    height: 100%;
}

#course-list .accordion-title {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Helvetica', sans-serif;
    line-height: 1.25;
    color: #202020;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

#course-list .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out; /* Smooth transition */
}

#course-list .accordion-title.active .ic-accordion {
    transform: rotate(180deg);
}

#course-list .uc_post_content {
    margin-bottom: 2rem;
}

#course-list .uc_post_content, #course-list .uc_post_content p, #course-list .uc_post_content li, #course-list .ue-grid-item-meta-data, #course-list .ue-grid-item-meta-data p, #course-list .ue-grid-item-meta-data li, #course-list .course-class {
    font-size: 16px;
    font-family: 'Helvetica', sans-serif;
    color: #525252;
    line-height: 1.5;
}

#course-list .ue-grid-item-meta-data {
    display: block !important;
    background: #F4F4F4;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
}

#course-list .fees-title {
    font-size: 15px;
    font-weight: 700;
    font-family: 'Helvetica', sans-serif;
    color: #202020;
}
#course-list .ue-grid-item-meta-data i, #course-list .ue-grid-item-meta-data em {
    color: #686BCA;
}
#course-list .ue-grid-item-meta-data ul {
    padding-inline-start: 20px;
}

#course-list .register-title {
    font-size: 16px;
    font-weight: 700;
    font-family: 'Helvetica', sans-serif;
    color: #202020;
    display: block;
    border-bottom: 1px solid #A5A5A5;
    padding-bottom: 10px;
}

#course-list .course-class {
    margin-top: 20px;
}

#course-list .course-listing-block {
    padding: 20px 25px;
}

#course-list .course-listing-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

#course-list .course-listing-block {
    background: #EDEDF7
}

#course-list .course-listing-block {
    flex: 1 1 calc(50% - 15px);
    max-width: calc(50% - 15px);
}

#course-list .course-mode {
    font-size: 14px;
    text-transform: capitalize;
    background: #202020;
    color: #fff;
    border-radius: 0;
    margin-left: -25px;
    width: fit-content;
    padding: 8px 20px 8px 20px;
    margin-bottom: 15px;
}

#course-list .course-schedule-block {
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: flex-start;
    margin-bottom: 20px;
}

#course-list .course-daytime, #course-list .course-schedule, #course-list .course-noclass {
    font-size: 14px;
    line-height: 1.5;
    color: #202020;
}

#course-list .course-noclass {
    font-style: italic;
    color: #525252;
}

#course-list .course-level, #course-list .course-instructor {
    font-size: 14px;
    font-family: 'Helvetica', sans-serif;
    line-height: 1.5;
    color: #202020;
}

#course-list .btn-course::before {
	background: #4E51B4;
}
#course-list .btn-course {
    font-size: 16px;
	background: #686BCA;
	margin-left: 0;
	width: 125px;
    min-height: 40px;
	margin-top: 1.5rem;
	gap: 15px;
}
#course-list .btn-course img {
    width: 9.5px;
    margin-top: 3px;
}

/*TESTIMONIAL*/
#testimonial-1 {
    background: url('../png/alc-testimonial-bg.png') center #202020;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px;
}

#testimonial-1 .testimonial-wrap > .e-con-inner {
    position: relative;
}

#testimonial-1 .testimonial-block {
    width: 850px;
    margin: 1.5rem auto;
}

#testimonial-1 .owl-dot {
    width: 120px;
    height: 2px;
}

#testimonial-1 .owl-nav .owl-prev {
    left: -15%;
}
#testimonial-1 .owl-nav .owl-next {
    right: -15%;
}

#testimonial-1 .owl-prev i::before, #testimonial-1 .owl-next i::before {
    display: none;
}

#testimonial-1 .owl-prev i {
    content: '';
    background: url(../svg/ic-arrow-left.svg) center no-repeat;
    background-size: cover;
    width: 15px;
    height: 15px;
}
#testimonial-1 .owl-next i {
    content: '';
    background: url(../svg/ic-arrow-right.svg) center no-repeat;
    background-size: cover;
    width: 15px;
    height: 15px;
}

#testimonial-1 .ue-text {
    order: -1;
}

#testimonial-1 .ue_subtitle {
    margin-top: 5px;
}

#testimonial-1 .uc_author {
    margin-top: 1rem;
}

#testimonial-1 .icon-quote-open {
    position: absolute;
    left: 0;
    top: 0;
}
#testimonial-1 .icon-quote-close {
    position: absolute;
    right: 0;
    bottom: 0;
}

/*FAQ*/
#faq {
    padding-top: 80px;
    padding-bottom: 80px;
}

#faq .faq-wrap > .e-con-inner {
    gap: 45px;
}

#faq .col-left {
    width: 30%;
}
#faq .col-right {
    width: 70%;
}

.responsive-video {
    width: 100%;
    max-width: 100%;
    height: auto;
    overflow: hidden;
}

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

/*ABOUT PROGRAMS*/
#about-programs {
    padding-top: 80px;
    padding-bottom: 40px;
}

#about-school {
    padding-top: 65px;
}

/*CONTACT*/
#contact {
    padding-top: 65px;
    padding-bottom: 65px;
}

#contact .contact-wrap > .e-con-inner {
    max-width: 1250px;
    margin: 0 auto;
    background: url('../jpg/ts-children-contact-bg.jpg') center no-repeat;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
    min-height: 430px;
}

#contact .btn-email {
    width: 300px;
    background: #686BCA;
    border: 1px solid #686BCA;
    margin-top: 1.5rem;
}

#contact .btn-contact {
    background: #4E51B4;
    border: 1px solid #4E51B4;
}


#contact .btn-phone {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Playfair Display', sans-serif;
    color: #fff !important;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    min-height: 48px;
    width: 265px;
    border: 1px solid #fff;
    margin-top: 1.5rem;
}

#contact .btn-phone img {
    margin-right: 10px;
}

#contact .btn-email:hover,  #contact .btn-phone:hover {
    -webkit-box-shadow: 0px 0px 0px 10px rgba(112, 112, 112, 0.28);
    -moz-box-shadow: 0px 0px 0px 10px rgba(112, 112, 112, 0.28);
    box-shadow: 0px 0px 0px 10px rgba(112, 112, 112, 0.28);
}

@media (max-width: 1280px) {
    #contact .contact-wrap > .e-con-inner {
        max-width: 95%;
    }
    #contact .contact-block > .e-con-inner {
        max-width: 90%;
    }
    #hero .hero-wrap > .e-con-inner, #about .about-wrap > .e-con-inner, #course-title .heading-wrap > .e-con-inner, #testimonial-1 .heading-wrap > .e-con-inner, #faq .faq-wrap > .e-con-inner, #about-programs .heading-wrap > .e-con-inner, #about-programs .program-wrap > .e-con-inner, #about-school .heading-wrap > .e-con-inner {
        max-width: 80%;
    }
    #course-list .course-wrap > .e-con-inner {
        max-width: 70%;
    }
    #class-info .class-wrap > .e-con-inner {
        max-width: 77%;
    }
    #hero h1, #course-title h3, #testimonial-1 h3, #faq h3 {
        font-size: 45px;
    }
    #contact h3, #about-programs h3, #about-school h3 {
        font-size: 38px;
    }
    #hero p, #class-info h2 {
        font-size: 30px;
    }
    #about-programs h4 {
        font-size: 24px;
    }
    #course-list .accordion-title {
        font-size: 17px;
    }
    #note-title div, #class-info li {
        font-size: 19px;
    }
    #testimonial-1 .ue_title {
        font-size: 17px;
        line-height: 1.35;
    }
    #contact .btn-contact {
        font-size: 17px;
    }
    #img-hero img {
        max-height: 60vh;
    }
    #note-title {
        margin-bottom: 12px;
    }
    #testimonial-1 .icon-quote-open, #testimonial-1 .icon-quote-close {
        max-width: 60px;
    }
}

@media (max-width: 1180px) {
    #postlist-d, #course-level-accordion, #course-time-accordion, #course-day-accordion {
        display: none;
    }
    #postlist-t, #course-list .dropdown-block {
        display: block;
    }
    #class-info h2 {
        font-size: 28px;
    }
    #course-list .col-left .elementor-heading-title {
        font-size: 19px;
    }
    #note-title div, #class-info li {
        font-size: 18px;
    }
    #course-list .uc-checkbox-filter_label, #faq .elementor-toggle-title {
        font-size: 17px;
    }
    #hero .course-badge .elementor-post-info__item, #class-info p, #course-title p,  #testimonial-1 .ue-text, #course-list .uc_post_content, #course-list .uc_post_content p, #course-list .uc_post_content li, #course-list .ue-grid-item-meta-data, #course-list .ue-grid-item-meta-data p, #course-list .ue-grid-item-meta-data li, #course-list .register-title, #faq .elementor-tab-content p, #faq .elementor-tab-content a, #faq .elementor-tab-content, #faq .elementor-tab-content li, #about-programs p, #about-school p, #course-list .course-class {
        font-size: 15px;
    }
    #class-info .supported-by span, #course-list .fees-title {
        font-size: 14px;
    }
    #course-list .col-left .elementor-heading-title {
        border-top: none;
        margin-bottom: 15px;
    }
    #img-hero img {
        max-height: 55vh;
    }
    #course-list .course-listing-wrap {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    #course-list .course-listing-block {
        flex: 1 1;
        max-width: 100%;
    }
    #course-list .course-schedule-level-block {
        display: flex;
        flex-direction: row;
        gap: 80px;
    }
    #course-list .course-schedule-block {
        width: 60%;
    }
    #course-list .level-instructor-block {
        width: 40%;
    }
    #course-list .btn-course {
        margin-top: 1rem;
    }
    #testimonial-1 .testimonial-block {
        max-width: 700px;
        width: 100%;
    }
    #testimonial-1 .icon-quote-open {
        left: 5%;
    }
    #testimonial-1 .icon-quote-close {
        right: 5%;
    }
}

@media (max-width: 1080px) {
    #contact .contact-block > .e-con-inner {
        max-width: 85%;
    }
    #course-list .course-wrap > .e-con-inner {
        max-width: 75%;
    }
    #hero h1, #course-title h3, #testimonial-1 h3, #faq h3 {
        font-size: 42px;
    }
    #about-programs h3, #about-school h3 {
        font-size: 36px;
    }
    #hero p {
        font-size: 28px;
    }
    #class-info h2 {
        font-size: 25px;
    }
    #about-programs h4 {
        font-size: 22px;
    }
    #note-title div, #class-info li {
        font-size: 17px;
        line-height: 1.5
    }
    #class-info p {
        font-size: 14px;
    }
    #note-title {
        margin-bottom: 5px;
    }
    #course-title {
        padding-top: 30px;
    }
    #faq .col-left {
        width: 25%;
    }
    #faq .col-right {
        width: 75%;
    }
    #contact .contact-wrap > .e-con-inner {
        min-height: 400px;
    }
    #contact .contact-block > .e-con-inner {
        flex-direction: column;
        gap: 40px;
    }
}

@media (max-width: 1024px) {
    #hero .hero-wrap > .e-con-inner, #about .about-wrap > .e-con-inner, #course-title .heading-wrap > .e-con-inner, #testimonial-1 .heading-wrap > .e-con-inner, #faq .faq-wrap > .e-con-inner, #about-programs .heading-wrap > .e-con-inner, #about-programs .program-wrap > .e-con-inner, #about-school .heading-wrap > .e-con-inner {
        max-width: 85%;
    }
    #class-info .class-wrap > .e-con-inner {
        max-width: 82%;
    }
    #hero h1, #course-title h3, #testimonial-1 h3, #faq h3 {
        font-size: 38px;
    }
    #contact h3 {
        font-size: 35px;
    }
    #hero p {
        font-size: 26px;
    }
    #course-list .accordion-title, #faq .elementor-toggle-title {
        font-size: 16px;
    }
    #faq .elementor-toggle-title {
        line-height: 1.5;
    }
    #course-list .btn-course {
        font-size: 15px;
    }
    #course-title p, #testimonial-1 .ue-text, #course-list .uc_post_content, #course-list .uc_post_content p, #course-list .uc_post_content li, #course-list .ue-grid-item-meta-data, #course-list .ue-grid-item-meta-data p, #course-list .ue-grid-item-meta-data li, #course-list .register-title, #faq .elementor-tab-content p, #faq .elementor-tab-content a, #faq .elementor-tab-content, #faq .elementor-tab-content li, #about-programs p, #about-school p, #course-list .course-class {
        font-size: 14px;
    }
    #class-info .supported-by span, #course-list .ue-grid-item-category, #course-list .course-mode {
        font-size: 13px;
    }
    #testimonial-1 .icon-quote-open, #testimonial-1 .icon-quote-close {
        max-width: 50px;
    }
    #contact h3 {
        margin-bottom: 20px;
    }
    #class-info h2, #class-info .p-mb {
        margin-bottom: 20px;
    }
    #class-info {
        padding-top: 65px;
        padding-bottom: 65px;
    }
    #class-info .register-block {
        padding-right: 2rem;
    }
    #class-info .note-block {
        padding-left: 2rem;
    }
    #course-list .course-wrap > .e-con-inner, #course-list .course-schedule-level-block {
        gap: 40px;
    }
    #course-list .btn-course img {
        width: 8.5px;
        margin-top: 2px;
    }
    #testimonial-1 .owl-nav .owl-prev {
        left: -10%;
    }
    #testimonial-1 .owl-nav .owl-next {
        right: -10%;
    }
    #about-school {
        padding-bottom: 50px;
    }
    #contact {
        padding-top: 0;
        padding-bottom: 0;
    }
    #contact .contact-wrap > .e-con-inner {
        max-width: 100%;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    #footer {
        margin-top: -1vh;
        z-index: 22;
    }
}

@media (max-width: 980px) {
    #course-list .course-wrap > .e-con-inner {
        max-width: 80%;
    }
    #about-programs h3, #about-school h3 {
        font-size: 32px;
    }
    #about-programs h4 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    #course-list select, #course-list .uc-select-filter__select-indicator {
        font-size: 15px;
    }
    #class-info .class-wrap > .e-con-inner {
        flex-direction: column;
        gap: 20px;
    }
    #class-info .col-right {
        border: none;
    }
    #class-info .register-block, #class-info .note-block {
        padding: 0;
    }
    #class-info li {
        margin-bottom: 12px;
    }
    #course-title {
        padding-top: 25px;
        padding-bottom: 10px;
    }
    #course-list .course-wrap > .e-con-inner {
        max-width: 80%;
        flex-direction: column;
    }
    #course-list .col-left, #course-list .col-right {
        width: 100%;
    }
    #course-list .course-schedule-level-block {
        flex-direction: column;
        gap: 0;
    }
    #course-list .btn-course {
        margin-top: 1.5rem;
    }
    #contact .btn-contact {
        margin-top: 1.8rem;
    }
}

@media (max-width: 900px) {
    #br-xs {
        display: block;
    }
    #testimonial-1 .testimonial-block {
        max-width: 100%;
        width: 70%;
    }
}

@media (max-width: 800px) {
    #img-hero img {
        display: none;
    }
    #class-info .class-wrap > .e-con-inner {
        max-width: 85%;
    }
    #hero h1, #testimonial-1 h3, #faq h3 {
        font-size: 35px;
    }
    #course-title h3 {
        font-size: 32px;
    }
    #about-programs h3, #about-school h3 {
        font-size: 30px;
    }
    #hero p {
        font-size: 24px;
    }
    #hero .course-badge .elementor-post-info__item {
        font-size: 14px;
    }
    #contact .btn-contact {
        font-size: 15px;
        width: 180px;
    }
    #hero .hero-wrap > .e-con-inner, #faq .faq-wrap > .e-con-inner {
        flex-direction: column;
    }
    #about .about-wrap > .e-con-inner {
        max-width: 100%;
    }
    #hero {
        background: url('../png/ts-children-hero-bg.png') no-repeat;
        background-size: cover;
        padding-top: 50px;
        padding-bottom: 30px;
    }
    #about {
        padding-top: 0;
    }
    #class-info {
        padding-top: 50px;
    }
    #course-list .accordion-title {
        font-size: 15px;
    }
    #course-list .uc_post_list_content {
        padding: 15px 15px 15px 15px;
    }
    #faq .faq-wrap > .e-con-inner {
        gap: 30px;
    }
    #faq .col-left, #faq .col-right {
        width: 100%;
    }
    #about-programs {
        padding-top: 65px;
    }
}

@media (max-width: 769px) {
    #course-list .course-wrap > .e-con-inner {
        max-width: 85%;
    }
    #testimonial-1 .icon-quote-open, #testimonial-1 .icon-quote-close {
        display: none;
    }
    #about-programs h3, #about-school h3 {
        font-size: 28px;
    }
    #about-programs h4 {
        font-size: 19px;
    }
    #note-title div, #class-info li {
        font-size: 16px;
    }
    #hero h1, #course-title h3, #about-programs h3, #about-school h3 {
        line-height: 1.25;
    }
    #course-list {
        padding-bottom: 50px;
    }
    #course-list .course-schedule-block {
        width: 100%;
    }
    #testimonial-1 .heading-wrap {
        margin-bottom: 0;
    }
    #faq {
        padding-bottom: 65px;
    }
}

@media (max-width: 680px) {
    #contact .contact-block {
        max-width: 85%;
        margin: auto;
    }
    #testimonial-1 h3, #contact h3 {
        font-size: 30px;
    }
    #testimonial-1 .testimonial-block {
        width: 75%;
    }
    #contact .contact-wrap > .e-con-inner {
        min-height: initial;
    }
}

@media (max-width: 580px) {
    #course-title h3 {
        font-size: 30px;
    }
    #class-info h2 {
        font-size: 23px;
    }
    #hero p {
        font-size: 22px;
    }
    #course-list .btn-course {
        font-size: 14px;
    }
    #contact .btn-cta img {
        width: 25px;
    }
}

@media (max-width: 480px) {
    #br-xs, #contact h3 br {
        display: none !important;
    }
    #course-list .course-wrap > .e-con-inner {
        max-width: 85%;
    }
    #hero h1, #faq h3 {
        font-size: 32px;
    }
    #course-title h3, #testimonial-1 h3, #contact h3 {
        font-size: 28px;
    }
    #class-info h2 {
        font-size: 21px;
    }
    #hero p {
        font-size: 20px;
    }
    #contact .btn-contact {
        width: 150px;
        margin-top: 1.5rem;
        min-height: 45px;
    }
}/* End custom CSS */