/* DETAILS
==================================================
	Theme Name: NINI
==================================================
*/

@charset "utf-8";

@font-face {
    font-family: 'Noche';
    src: url('../webfonts/Noche-Light.eot');
    src: url('../webfonts/Noche-Light.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Noche-Light.woff2') format('woff2'),
        url('../webfonts/Noche-Light.woff') format('woff'),
        url('../webfonts/Noche-Light.ttf') format('truetype'),
        url('../webfonts/Noche-Light.svg#Noche-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noche';
    src: url('../webfonts/Noche-Regular.eot');
    src: url('../webfonts/Noche-Regular.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Noche-Regular.woff2') format('woff2'),
        url('../webfonts/Noche-Regular.woff') format('woff'),
        url('../webfonts/Noche-Regular.ttf') format('truetype'),
        url('../webfonts/Noche-Regular.svg#Noche-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'nochesemibold';
    src: url('../webfonts/nochesemibold.eot');
    src: url('../webfonts/nochesemibold.eot') format('embedded-opentype'),
         url('../webfonts/nochesemibold.woff2') format('woff2'),
         url('../webfonts/nochesemibold.woff') format('woff'),
         url('../webfonts/nochesemibold.ttf') format('truetype'),
         url('../webfonts/nochesemibold.svg#nochesemibold') format('svg');
}
@font-face {
    font-family: 'nochebold';
    src: url('../webfonts/nochebold.eot');
    src: url('../webfonts/nochebold.eot') format('embedded-opentype'),
         url('../webfonts/nochebold.woff2') format('woff2'),
         url('../webfonts/nochebold.woff') format('woff'),
         url('../webfonts/nochebold.ttf') format('truetype'),
         url('../webfonts/nochebold.svg#nochebold') format('svg');
}


:root{
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --transition-common: all 0.5s ease 0s;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --color-accent: #254736;
    --color-primary: #FFB569;       
    --color-secondary: #262424;
    /* --rgb-secondary: 0, 46, 56; */
    --color-tertiary: #F9F9EF;   

    /* --color-quaternary: #EDF4F5;
    --color-quinary: #000;              
    --color-senary: #000;              
    --color-octonary: #000;      
    --color-nonary: #000;        
    --color-denary: #000;         */
    /* ~-~-~-~-~ colors ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --ff-base: 'Noche';
    --ff-noche-semibold: "nochesemibold", sans-serif;
    --ff-noche-bold: "nochebold", sans-serif;
    --ff-awesome: "Font Awesome 6 Free";
    --fw-light: 300;
    --fw-regular: normal;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 64px;    
    --f-size-XXL: 54px;      
    --f-size-XL: 34px;       
    --f-size-L: 20px;       
    --f-size-M: 18px;      
    --f-size-S: 16px;     
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
    --margin-title: 0 0 25px 0;
    --margin-paragraph: 0 0 25px 0;

    --border-radius-image: 20px;
    --padding-height: 60px;
    --gap-40:40px;
    --gap-50:50px;
    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */

    /* ~-~-~-~-~ form adjustments ~-~-~-~-~ */
    --form-height: 56px;
    --form-font-color: #5C5A5A;
    --form-placeholder-color: #5C5A5A;
    --form-border-radious: 10px;
    --form-holder-bg: #FFFFFF;
    /* ~-~-~-~-~ form adjustments ~-~-~-~-~ */
}
@media only screen and (max-width: 1599px) { 
    :root{
        --f-size-XXXL: 60px;    
        --f-size-XXL: 44px; 
   }
}
@media only screen and (max-width: 1399px) { 
    :root{
        /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
        --f-size-XXXL: 52px;    
        --f-size-XXL: 36px;      
        --f-size-XL: 22px;       
        --f-size-L: 18px;     
        /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
        --gap-40:30px;
        --gap-50:40px;
   }
}
@media only screen and (max-width: 1199px) { 
    :root{
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 46px;    
    --f-size-XXL: 32px;      
    --f-size-XL: 20px;       
    --f-size-L: 16px;
    --f-size-M: 16px;      
    --f-size-S: 15px;    
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --gap-40:25px;
    --gap-50:30px;
   }
}

@media only screen and (max-width: 767px){
    :root{
        --f-size-XXXL: 38px;    
        --f-size-XXL: 28px; 
        --f-size-XL: 18px;
        --margin-title: 0 0 15px 0;
        --margin-paragraph: 0 0 15px 0;
        --padding-height: 40px;
   }
}

@media only screen and (max-width: 479px){
:root {
    --f-size-XXXL: 30px;
}

}
/* ~-~-~-~-~-~-~-~-~-~ global font settings start ~-~-~-~-~-~-~-~-~-~ */
body{ font-family: var(--ff-base); font-size: var(--f-size-L); font-weight: 300; color: var(--color-secondary); overflow-x: hidden; position: relative;}
body,p{ margin: 0;}
p:not(:last-child){ margin: var(--margin-paragraph);}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{ font-family: var(--ff-noche-semibold); color: var(--color-secondary); line-height: 1.25; margin: var(--margin-title);}
h1,.h1{ font-size: var(--f-size-XXXL);}
h2,.h2{ font-size: var(--f-size-XXL);}
h3,.h3{ font-size: var(--f-size-XL);}
h4,.h4{ font-size: var(--f-size-L);}
h6,.h6{ font-size: var(--f-size-M);}

/* ~-~-~-~-~-~-~-~-~-~ global adjustments start ~-~-~-~-~-~-~-~-~-~ */
img{ max-width: 100%;}
a, img{ border: none; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover{ outline: none; text-decoration: none; transition: var(--transition-common);}
ul{ list-style: none; margin: 0; padding: 0;}
strong{ font-family: var(--ff-noche-semibold);}
.padding-common{ padding-top: var(--padding-height); padding-bottom: var(--padding-height);}
.padding-top-common{ padding-top: var(--padding-height);}
.padding-bottom-common{ padding-bottom: var(--padding-height);}

/* ==##==##== utility classes ==##==##== */

.common-title h2{ font-family: var(--ff-noche-semibold); color: var(--color-accent);}
.overlay-content{ position: relative; z-index: 3;}
/* .arrow{ display: inline-flex; justify-content: center; align-items: center; width: 45px; height: 45px; background: var(--color-accent); transition: var(--transition-common);}
.arrow::before{ content: ""; background: url(../images/right-arrow.svg) top left no-repeat; background-size: 100%; width: 20px; height: 20px;} */
.fade-bg{ background: var(--color-quaternary);}
.background-cover { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; }
.responsive-image-wrapper { position: relative; overflow: hidden; }
.responsive-image-wrapper img { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mb-40{ margin-bottom: var(--gap-50);}

/* ==##==##== utility classes ==##==##== */

/* ==##==##== container adjustments ==##==##== */
@media only screen and (min-width: 1600px){
    .container{ max-width: 1440px;}
}
/* ==##==##== container adjustments ==##==##== */

/* ==##==##== button settings ==##==##== */
.button__primary{ display: inline-flex; align-items: center; vertical-align: top; font-family: var(--ff-noche-bold); font-size: var(--f-size-M); color: var(--color-accent); background-color: var(--color-primary); border: 1px solid var(--color-primary); border-radius: 100px; height: 56px; padding: 0 80px 0 26px; position: relative;}
.button__primary:hover{ background-color: var(--color-accent); border-color: var(--color-accent); color: var(--bs-white);}
.button__primary::after { content: ""; position: absolute; z-index: 3; top: 0; right: 20px; bottom: 0; background: url(../images/btn-arrow.svg) top right  no-repeat; background-size: 100%; width: 14px; height: 14px; margin: auto 0; filter: brightness(0) invert(1); transition: var(--transition-common); transform: rotate(-45deg);}
.button__primary::before { content: ""; position: absolute; z-index: 2; top: 0; right: 8px; bottom: 0; width: 40px; height: 40px; background: var(--color-accent); border-radius: 50%; margin: auto 0; transition: var(--transition-common); }
.button__primary:hover::after{ transform: rotate(0deg); filter: brightness(0);}
.button__primary:hover::before{ background-color: var(--color-primary);}
.header-btn .button__primary:hover{ background-color: transparent !important; border-color: var(--color-primary) !important; color: var(--bs-white);}
.header-btn .button__primary:hover::after{ transform: rotate(0deg); filter: brightness(0);}
.header-btn .button__primary:hover::before{ background-color: var(--bs-white);}

@media only screen and (max-width: 1599px){
.button__primary{ padding: 0 55px 0 26px;}
}
@media only screen and (max-width: 1199px){
.button__primary{ height: 50px;}
.button__primary::before { right: 6px; width: 35px; height: 35px; }
.button__primary::after{ right: 17px;}
.slick-dots { bottom: 30px; }

}

@media only screen and (max-width: 767px){
.button__primary { height: 44px; padding: 0 48px 0 19px;}

}

/* ==##==##== button settings ==##==##== */

/* ==##==##== form control settings ==##==##== */
.form-control{ font-size: var(--f-size-M); font-weight: var(--fw-regular); height: 56px; border-radius: 10px; border: 1px solid rgba(0,0,0,0.1); outline: none; box-shadow: none; padding-inline: 15px; background-color: var(--bs-white);}
.form-control:focus{ box-shadow: none;}
select.form-control { background: url(../images/select-arrow.svg); background-position: right 15px center; background-size: 13px; background-repeat: no-repeat; padding: 2px 35px 2px 15px; height: fit-content; color: var(--form-font-color); cursor: pointer; height: 56px; background-color: var(--bs-white); }
textarea.form-control{ height: 155px; padding-top: 15px; border-radius: 10px; resize: none;}
.form-control::-moz-placeholder { color: var(--form-placeholder-color); opacity: 1; font-weight: 400;}
.form-control:-ms-input-placeholder { color: var(--form-placeholder-color); font-weight: 400;}
.form-control::-webkit-input-placeholder { color: var(--form-placeholder-color); font-weight: 400;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }
.form-group{ margin-bottom: 24px;}
.form-group .form-control.wpcf7-not-valid{ border-color: #dc3232;}
.form-group .wpcf7-not-valid-tip{ display: none;}
@media only screen and (max-width: 1399px){
.form-control{ font-size: 16px;}
}

@media only screen and (max-width: 991px){
.form-group { margin-bottom: 15px; }
textarea.form-control { height: 125px; }
}
@media only screen and (max-width: 479px){
.form-control{ height: 50px;}
textarea.form-control { height: 105px; padding-top: 10px; }

}

/* ==##==##== form control settings ==##==##== */

/* ~-~-~-~-~-~-~-~-~-~ header adjustments start ~-~-~-~-~-~-~-~-~-~ */

/* ~~hamburger menu start~~ */
.hamburger-main{ display: none;}
.hamburger-nav { display: none; vertical-align: top; width: 28px; height: 26px; position: relative; margin: 0 15px 0 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9;}
.hamburger-nav span { display: block; position: absolute; height: 2px; width: 100%; background: var(--bs-white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburger-nav span:nth-child(1) { top: 2px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(2) { top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(3) { top: 18px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav-close { vertical-align: top; width: 30px; height: 24px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9;}
.hamburger-nav-close span { display: block; position: absolute; height: 2px; width: 100%; background: var(--bs-white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburger-nav-close span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 10px; left: 3px;}
.hamburger-nav-close span:nth-child(2) { width: 0%; opacity: 0;}
.hamburger-nav-close span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px; left: 2px;}
/* ~~hamburger menu end~~ */

.main-header{ position: relative; z-index: 999; background-color: var(--color-accent);}
.main-header .container-fluid, .common-container{ max-width: 1800px; padding-right: 40px; padding-left: 40px;}
.header-logo, .header-right-menu{ width: 17%;}
.header-menu{ width: 64%; display: flex; justify-content: center;}
.header-logo a{ display: block; height: 70px;}
.header-logo a img{ display: block; width: auto; height: 100%;}
.desktop-menu ul{ align-items: center;}
.desktop-menu ul li:not(.header-button) a{ display: block; font-weight: var(--fw-regular); font-size: var(--f-size-M); color: var(--color-tertiary); padding: 40px 0; margin: 0 20px; position: relative;}
.desktop-menu ul li a:hover{ color: var(--color-primary);}
.header-right-info{ display: flex; align-items: center; justify-content: end; gap: 30px;}
.header-right-info .header-icon{ display: flex; align-items: center; gap: 12px;}
.desktop-menu ul li.current_page_item a, .desktop-menu ul li.current-menu-ancestor{font-family: var(--ff-noche-bold); color: var(--color-primary);}
.main-header .current_page_item.menu-item-has-children>a::before{ border-color: var(--color-primary);}

/* sub-menu start */
.main-header .menu-item-has-children { position: relative;}
.main-header .menu-item-has-children .sub-menu { background: var(--color-tertiary); box-shadow: 0px -3px 10px 0px #0000000D; width: 290px; border-radius: 10px; position: absolute; top: 80%; opacity: 0; visibility: hidden; padding-block: 8px; transition: var(--transition-common);}
.main-header .menu-item-has-children .sub-menu li a{ display: block; margin: 0; padding: 10px 20px; color: var(--color-accent) !important;}
.main-header .menu-item-has-children .sub-menu a:hover, .main-header .menu-item-has-children .sub-menu .current_page_item a { background: rgba(255, 214, 156, 0.51);}

.main-header .menu-item-has-children:hover .sub-menu { transform: translateY(10px); opacity: 1; visibility: visible;}
.main-header .menu-item-has-children>a { padding-right: 20px !important; }
.main-header .menu-item-has-children>a::before { position: absolute; content: ''; border: solid var(--bs-white); border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg) translateY(-50%); -webkit-transform: rotate(45deg) translateY(-50%); right: 5px; top: 48%; transition: var(--transition-common); }
.desktop-menu ul li a:hover::before{ border-color: var(--color-primary);}
.main-header .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu{ left: 100%; top: 0;  opacity: 0; visibility: hidden;}
.main-header .menu-item-has-children .sub-menu .menu-item-has-children:hover .sub-menu{ transform: translateY(-5px); opacity: 1; visibility: visible;}
.main-header .menu-item-has-children .sub-menu .menu-item-has-children>a::before{ border-color: var(--color-accent); transform: rotate(-45deg) translateY(-50%);}

/* sub-menu end */

/* Mobile Menu */
.mobile-menu { display: none; background: var(--color-accent); width: 60vw; height: 100vh; position: fixed; top: 0; right: -100vw; overflow: hidden; z-index: 999; transition: var(--transition-common); }
.mobile-menu .top-row { padding: 20px; }
.mobile-menubar { height: calc(100vh - 120px); padding: 20px 0; overflow: auto; }
.mobile-menu .mobile-menubar li { opacity: 0; -webkit-transform: translateX(-150px); transform: translateX(-150px); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; padding: 0 20px; font-size: 22px;}
.mobile-menu .mobile-menubar li a{ width: 100%; color: var(--bs-white); border-bottom: 1px solid rgba(255,255,255,0.1);}
.mobile-menu .mobile-menubar li:not(.header-button) a{ display: inline-block; padding: 10px 0;}
.mobile-menu .mobile-menubar li .arrow { display: flex; align-items: center; justify-content: end; width: 33px; height: 33px; position: absolute; z-index: 1; top: 10px; right: 20px; color: #fff; }

.mobile-menu .mobile-menubar li li{ padding: 0;}
.menu-open .mobile-menu { right: 0; }
.menu-open .mobile-menu .mobile-menubar li { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); position: relative;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(2) { transition-delay: 0.24s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(3) { transition-delay: 0.32s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(4) { transition-delay: 0.40s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(5) { transition-delay: 0.48s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(6) { transition-delay: 0.56s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(7) { transition-delay: 0.57s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(8) { transition-delay: 0.58s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(9) { transition-delay: 0.59s; }

/* ~~ header sticky start ~~ */
@keyframes slide-down {
	0% {
		opacity: 0;
		transform: translateY(-100%);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.header-sticky .main-header { position: fixed; top: 0; left: 0; right: 0; width: 100%; box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 10%); animation: slide-down 0.5s;}
.menu-open .mobile-menu .mobile-menubar li.current_page_item > a{ font-family: var(--ff-noche-bold); color: var(--color-primary);}
.menu-open .mobile-menu .mobile-menubar li a:hover{ color: var(--color-primary);}

/* ~~ header sticky end ~~ */
@media only screen and (max-width: 1599px){
.header-right-info { gap: 15px;}
.header-logo a { height: 55px; }
.header-logo, .header-right-menu { width: 15%;}
.header-menu { width: 70%;}
.desktop-menu ul li:not(.header-button) a{ padding: 30px 0; margin: 0 16px; }

}
@media only screen and (max-width: 1399px) {
/* .menu-open{ transition: var(--transition-common);}
.menu-open:after { content: ''; position: absolute; inset: 0; width: 100%; height: 100%; background: rgba(37, 71, 54, 0.4); z-index: 5; backdrop-filter: blur(2px); } */
.hamburger-main, .header-right-menu{ width: 25% !important;}
.main-header .container-fluid, .common-container { padding-right: 20px; padding-left: 20px; }
.main-header .header-inner-wrap{ padding: 15px 0;}
.desktop-menu { display: none; }
.hamburger-nav, .hamburger-main{ display: block; }
.hamburger-nav:hover span{ background-color: var(--color-primary);}
.mobile-menu { display: block; }
.header-logo, .header-right-menu { width: auto; }
.header-menu{ display: none;}
.header-right-menu{ display: flex; align-items: center; justify-content: end;}
.mobile-menubar .sub-menu{ display: none; margin-left: 25px;}

}
@media only screen and (max-width: 991px){
.main-header .header-inner-wrap { padding: 10px 0;}
.header-logo a { height: 50px;}
.header-right-info .header-icon { gap: 7px;}
.mobile-menu .logo-wrap a{ width: 100px; display: inline-block;}

}

@media only screen and (max-width: 767px){
/* .header-logo{ width: 30%;} */
.hamburger-main, .header-right-menu { width: 35% !important;}
.header-right-menu{ width: 70%;}
.header-right-info { gap: 10px;}
.header-right-info .header-icon a { width: 25px; display: inline-block;}
.header-logo a { height: 44px;}
.mobile-menu .mobile-menubar li .arrow svg{ font-size: 18px;}
}

@media only screen and (max-width: 479px){
.main-header .container-fluid, .common-container { padding-right: 12px; padding-left: 12px; }
.header-logo a { height: 40px; }
.mobile-menu{ width: 85vw;}
.mobile-menu .logo-wrap a { width: 70px;}
.hamburger-main, .header-right-menu { width: 40% !important;}
.header-right-info .header-icon { gap: 5px; }
.hamburger-nav{ margin-left: 10px;}
.header-inner-wrap .button__primary { height: 32px; padding: 0 30px 0 10px; font-size: 14px; }
.header-inner-wrap .button__primary::before{ right: 2px; width: 26px; height: 26px;}
.header-inner-wrap .button__primary::after { right: 8px; width: 12px;}
.button__primary::before { right: 4px; width: 30px; height: 30px; }
.button__primary::after { right: 12px; }
.mobile-menu .mobile-menubar li{ font-size: 20px;}
.mobile-menubar .sub-menu{ margin-left: 18px;}




}

/* ~~ header sticky end ~~ */

/* ~-~-~-~-~-~-~-~-~-~ global adjustments  end ~-~-~-~-~-~-~-~-~-~ */
/* ~-~-~-~-~-~-~-~-~-~~-~-~-~-~-~-~-~-~-~~-~-~-~-~-~-~-~-~-~~-~-~ */

/* HOME PAGE START HERE ********************/
.header-sticky main{ padding-top: 108px;}

/* ============== Banner Start ==============*/
.banner .slick-track{ display: flex !important;}
.banner .banner-image{ padding-bottom: 42.5%;}
.banner .banner-image::after{ content: ''; position: absolute; inset: 0; width: 100%; height: 100%; background: linear-gradient(359deg, rgba(0, 7, 4, 0.7) 0.81%, rgba(0, 0, 0, 0.2) 97.91%); z-index: 1;}
.banner .banner-slider{ margin-bottom: 0;}
.banner .banner-content{ position: absolute; inset: 0; padding-bottom: 140px; width: 100%; height: 100%; z-index: 2;}
.banner-content-info{ max-width: 1175px; margin: 0 auto; position: relative;}
.banner-content h1{ font-family: var(--ff-noche-semibold); line-height: 1; color: var(--color-tertiary);}
.banner-content p{ font-weight: normal; max-width: 830px; color: var(--color-tertiary); margin: 0 auto 30px;}
.banner-content-info .top-line-icon { position: absolute; right: 0; top: -115px; }
.banner-content-info .top-star-icon{ position: absolute; left: 15px; bottom: 50px; transform: rotate(-19.59deg);}
.slick-dots{ bottom: 50px;}
.slick-dots li{ width: 16px; height: 16px; }
.slick-dots li button{ width: 100%; height: 100%; background-color: #9C9696; border-radius: 100%;}
.slick-dots li button:before{ display: none;}
.slick-dots li.slick-active button{ background-color: #D9D9D9;}
.banner #loader{ position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); z-index: 55; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}  

/* .banner-slider {
    opacity: 0;
    transition: opacity .3s;
}
.banner-slider.slick-initialized {
    opacity: 1;
} */

/* .banner .slickSlider {
    display: none;
} */
/* ============== Banner End ==============*/

/* ============== About Start ==============*/
.about-section{background: none !important; background-color: #C8DFC5 !important;}
.about-video-info .video-info{ position: relative; padding-bottom: 57%; overflow: hidden; border-radius: 20px;}
.about-video-info .video-info:after{ content: ''; position: absolute; inset: 0; width: 100%; height: 100%; background: #19171780; z-index: 2;}
.about-video-info .video-info video{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.video-info .poster-img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.video-info .poster-img img{ width: 100%; height: 100%; object-fit: cover;}
.video-open-icon{ position: absolute; inset: 0; width: 100%; height: 100%; z-index: 5; display: flex; align-items: center; justify-content: center;}
.play-btn{ width: 90px; height: 90px; border-radius: 50%; background-color: rgba(249, 249, 239, 15%); display: flex; align-items: center; justify-content: center;}
.play-btn svg, .play-btn i{ font-size: 45px; color: var(--bs-white);}
.play-btn .fa-play{ margin-left: 5px;}
.home-about-desc{ padding-right: 10%; padding-left: 20px;}

.about-content {margin: 0 0 15px; }

.about-inner .button__primary { background-color: var(--color-tertiary); color: var(--color-accent); border-color: var(--color-accent); height: 65px; font-size: 22px; margin-top: 25px;}
.about-inner .button__primary:hover { background-color: var(--color-accent); color: var(--bs-white); }

/* ============== About End ==============*/

/* ============== Programs Start ==============*/
.programs-section{margin-bottom: var(--padding-height);}
.programs-top-desc{ padding-bottom: 40px;}
.programs-item{ height: 100%; background: var(--bs-white); box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 12px 12px 20px;}
.programs-item .image{ padding-bottom: 60.2%; border-radius: 20px; overflow: hidden; margin-bottom: 20px;}
.programs-item .image span.age-tag {border: 1px solid #F9F9EF; background: #D9D9D99E; position: absolute; padding: 8px 20px; line-height: 1; border-radius: 50px; font-family: var(--ff-noche-semibold); color: var(--color-accent); font-size: 18px; right: 10px; top: 10px; }
.programs-item .image-desc{ padding-inline: 18px;}
.programs-item .image-desc .top-title{ display: flex; align-items: center; margin-bottom: 16px;}
.programs-item .image-desc .top-title .icon{ width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background-color: var(--color-accent);}
.programs-item .image-desc .top-title .title{ width: calc(100% - 45px); padding-left: 15px;}
.programs-item .image-desc .top-title .title h3{ font-family: var(--ff-noche-semibold); color: var(--color-accent); margin-bottom: 0;}
.programs-bottom-bg{ position: absolute; bottom: 0; left: 0; right: 0; width: 100%;}
.programs-light-bg{ background: #C8DFC5; background-size: cover ; background-position: center center;background-repeat: no-repeat; border-radius: 20px; overflow: hidden; width: 100%; height: 420px;}
/* .programs-light-bg::after{ content: ''; position: absolute; left: 0; bottom: 0; background-image: url(../images/programs-left-arrow.svg); width: 25%; height: 100%; background-repeat: no-repeat; background-size: cover;} */
/* .programs-light-bg::before { content: ''; position: absolute; right: 0; top: -18px; background-image: url(../images/programs-right-arrow.svg); width: 11%; height: 81%; background-repeat: no-repeat; background-size: cover; } */
/* ============== Programs End ==============*/

/* ============== nurturing Start ==============*/
.nurturing-section{background-color: var(--color-tertiary);}
.nurturing-row .col-md-6 { display: flex; }
.nurturing-wrap{ display: flex; flex-direction: column; align-items: center; border-radius: 20px; flex-grow: 1;}
.nurturing-image{ width: 310px; height: 310px; padding: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--color-accent);}
.nurturing-image-info{ text-align: center; margin-top: 10px; max-width: 200px;}
.nurturing-image-info h3{ font-family: var(--ff-noche-semibold); color: var(--color-accent); margin: 0px;}
.nurturing-image-info ul {list-style: disc; padding-left: 20px; }
.nurturing-content-bx{width: 100%;}
.explore_text{text-align: center; margin-top: 20px !important; font-size: 24px; font-weight: 500; padding-inline: 16px;}

/* ============== nurturing End ==============*/

/* ============== Additional Start ==============*/
.our-additional-section{ background-color: #FBFBF5;}
.our-additional-section:after { content: ''; position: absolute; right: 0; top: 20px; width: 470px; height: 40.2%;  background-image: url(../images/extra-right-icon.svg); background-repeat: no-repeat; background-size: contain; z-index: 1;}
.our-additional-section::before { content: ''; position: absolute; left: 0; bottom: 40px; width: 205px; height: 19.9%;  background-image: url(../images/extra-left-icon.svg); background-repeat: no-repeat; z-index: 1; background-size: contain;}
.additional-inner{ background-color: var(--bs-white); border-radius: 20px; overflow: hidden;}
.additional-wrapper .additional-inner:nth-child(even) .additional-content h3{ color: var(--color-primary);}
.additional-inner .additional-image{ height: 100%; width: 100%;}
.additional-inner .additional-info{ display: flex; padding: 45px 50px 45px 25px;}
.additional-info .additional-icon{ width: 90px;}
.additional-content{ width: calc(100% - 90px); padding-left: 40px;}
.additional-content h3{ font-family: var(--ff-noche-semibold); line-height: 1; color: var(--color-accent); margin-bottom: 8px;}
.additional-content p{ margin-bottom: 10px;}
.additional-content .button__primary{ margin-top: 20px;}
.additional-wrapper .additional-inner:not(:last-child){ margin-bottom: 24px;}
.additional-wrapper .additional-inner:nth-child(even) .row{ flex-direction: row-reverse;}
.additional-wrapper .additional-inner:nth-child(even) .additional-info{ padding-left: 50px; padding-right: 25px;}
/* ============== Additional End ==============*/

/* ============== Gallery Start ==============*/
.our-gallery-section{ background-color: var(--color-accent); padding-bottom: 310px; overflow: hidden;}
.our-gallery-section:after { content: ''; position: absolute; bottom: -66px; left: 0px; width: 96%; height: 96%; background-image: url(../images/gallery-bg-shape.svg); background-repeat: no-repeat; background-size: cover;}
.our-gallery-section .common-title h2{ color: var(--bs-white);}
.gallery-slider .slick-list{ padding-block: 55px !important;}
.gallery-slider .image{ border-radius: 20px; overflow: hidden; padding-bottom: 57.2%;}
.gallery-slider .slick-list{ margin: 0 -12px;}
.gallery-slider .slick-list .slick-slide{ transform: scale(0.8); padding: 0 12px;}
.gallery-slider .slick-list .slick-slide.slick-center{ transform: scale(1.2);}
.gallery-slider .slick-dots{ bottom: -60px;}

/* ============== Gallery End ==============*/

/* ============== Get-In-Touch Start ==============*/
.get-in-touch-section{ background-position: 10%;}
.join-us-wrapper{ border-radius: 20px; overflow: hidden; padding: 75px 30px; margin-top: -210px;}
.join-us-wrapper:after{ content: ''; position: absolute; inset: 0; width: 100%; height: 100%; background: #17191866; z-index: 1;}
.join-us-wrapper .join-us-info{ max-width: 750px; margin: 0 auto;}
.join-us-wrapper .join-us-info h2{ font-family: var(--ff-noche-semibold); color: var(--color-tertiary);}
.join-us-wrapper .join-us-info p{ color: var(--color-tertiary);}
.get-in-form-info{ display: flex; border-radius: 20px; background-color: var(--bs-white); box-shadow: -10px -10px 20px 0px #FFB56938; overflow: hidden;}
.get-in-form-info .get-form-info{ width: 55%; padding: 60px; border-radius: 0 0 0 20px;  border-bottom: 2px solid var(--color-primary);}
.get-in-form-info .map{ width: 45%;}
.get-in-form-info .map .cmplz-placeholder-parent{ height: 100%;}
.get-in-form-info .map iframe{ width: 100%; height: 100%; object-fit: cover;}
.submit-btn input[type="submit"] { background-image: url(../images/input-btn-arrow.svg); background-repeat: no-repeat; background-position: 96%; transition: var(--transition-common); }
.submit-btn input[type="submit"]:hover { background-image: url(../images/input-btn-arrow-white.svg); }
.submit-btn p{ position: relative; display: inline-block;}
.submit-btn p .wpcf7-spinner{ position: absolute; top: 15px; right: -35px; margin: 0;}
.wpcf7 form .wpcf7-response-output{ text-align: center;}
.wpcf7 form.sent .wpcf7-response-output{ background-color: var(--color-accent); border-color: var(--color-accent); color: var(--color-primary); border-radius: 10px;}
.wpcf7 form.invalid .wpcf7-response-output{ border-radius: 10px; border-color: var(--color-primary); background-color: var(--color-primary); color: var(--color-accent);}
/* Hide slider before slick loads */
.banner-slider {
    opacity: 0;
    visibility: hidden;
}

/* Show only when slick ready */
.banner-slider.slick-initialized {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease-in;
}


/* ============== Get-In-Touch End ==============*/
.inquire_bottom_bx{display: none;}
.the-preloader-image {
  display: block;
  margin: 0 auto;
  
  /* Applying the animations */
  /* pulse 2s, flash 2s, and shine 1.5s */
  animation: 
    pulse-grow 2s ease-in-out infinite, 
    flash-opacity 2s ease-in-out infinite,
    shine-sweep 1.5s infinite;

  /* The Shine Effect Setup */
  background: linear-gradient(
    to right, 
    rgba(255,255,255,0) 0%, 
    rgba(255,255,255,0.8) 50%, 
    rgba(255,255,255,0) 100%
  );
  background-size: 200% auto;
  background-clip: text; /* If it's a font icon */
  -webkit-mask-image: linear-gradient(110deg, #000 30%, rgba(0,0,0,0.4) 50%, #000 70%);
  -webkit-mask-size: 200% 100%;
}

/* 1. Transform: Subtle growing and shrinking */
@keyframes pulse-grow {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

/* 2. Flashing: Breathing opacity */
@keyframes flash-opacity {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}

/* 3. Shine: Moving light sweep across the image */
@keyframes shine-sweep {
  0% { -webkit-mask-position: -100% 0; }
  100% { -webkit-mask-position: 100% 0; }
}
/* bikram  */

@media only screen and (max-width:1599px) {
.our-additional-section:after{ width: 420px;}
.programs-light-bg::after { width: 26%; height: 66%; }
.nurturing-wrap{ flex-wrap: wrap;}
.nurturing-image{ width: 280px; height: 280px; padding: 40px;}
.nurturing-image img{ height: 170px;}
.nurturing-image-info{ width: 100%;}
.our-gallery-section:after { bottom: -40px; width: 96%; height: 80%; }
.get-in-form-info .get-form-info{ padding: 40px;}

}

@media only screen and (max-width:1199px) {
.our-gallery-section:after { bottom: 0; width: 100%; height: 70%;}
.banner .banner-content { padding-bottom: 100px;}
.banner-content-info .top-line-icon{ top: -75px;}
.banner-content-info .top-line-icon img { width: 110px; height: auto;}
.home-about-desc { padding-right: 0;}
.about-video-info .video-info { padding-bottom: 86%; }
.programs-item .image-desc .top-title .icon{ padding: 7px;}
.our-additional-section:after { width: 320px; height: 31.2%;}
.additional-info .additional-icon { width: 60px;}
.additional-content { width: calc(100% - 60px); padding-left: 30px;}
.additional-inner .additional-info { padding: 40px 40px 40px 25px;}
.our-gallery-section { padding-bottom: 210px;}
.additional-wrapper .additional-inner:nth-child(even) .additional-info { padding-left: 40px;}
.join-us-wrapper { padding: 35px 30px; margin-top: -130px;}
.get-in-form-info .get-form-info { padding: 25px; }
.get-in-form-info{ flex-wrap: wrap; flex-direction: column-reverse; padding: 30px;}
.get-in-form-info .get-form-info{ width: 100%; border: 0; padding: 25px 0 0;}
.get-in-form-info .map{ width: 100%; position: relative; padding-bottom: 54%;}
.get-in-form-info .map iframe{ position: absolute; inset: 0; width: 100%; height: 100%;}
.about-inner .button__primary { font-size: 19px;}
}

@media only screen and (max-width:991px) {
.header-sticky main { padding-top: 70px; }
.banner .banner-image { padding-bottom: 63.5%;}
.home-about-desc { padding-left: 0; padding-top: 35px;}
.about-video-info .video-info { padding-bottom: 59%;}
.programs-light-bg { height: 250px; }
.nurturing-image { width: 200px; height: 200px; padding: 40px; }
.nurturing-image img { height: 120px; }
.additional-inner .additional-image { height: auto; padding-bottom: 50%; }
.nurturing-wrap{ padding:0px 0px;}
.gallery-slider .slick-list { padding-block: 35px !important;}
.gallery-slider .image { padding-bottom: 73.2%;}

}

@media only screen and (max-width:767px) {
.header-sticky main{ padding-top: 64px;}
.banner .banner-image{ padding-bottom: 95.5%;}
.banner-content-info .top-line-icon img{ width: 80px;}
.banner-content-info .top-star-icon{ bottom: -33px; z-index: -1;}
.banner-content-info .top-star-icon img{ width: 40px;}
.banner-content p{ margin-bottom: 15px;}

.slick-dots{ bottom: 30px;}
.banner .banner-content{ padding-bottom: 80px;}
.play-btn{ width: 60px; height: 60px;}
.play-btn svg, .play-btn i{ font-size: 25px;}
.about-content{ text-align: center;}
.programs-item .image-desc{ padding-inline: 0;}
.programs-light-bg{ height: 160px;}
.our-additional-section:after{ width: 300px; height: 21.2%;}
.additional-inner .additional-info{ padding: 25px;}
.additional-info .additional-icon{ width: 50px; }
.additional-content{ width: calc(100% - 50px); padding-left: 20px; }
.additional-inner{ box-shadow: 0px 4px 20px 0px #0000000F;}
.join-us-wrapper { padding: 25px 20px; margin-top: -120px; }
.get-in-form-info { padding: 20px; }
.submit-btn input[type="submit"]{ background-size: 34px;}
.gallery-slider .slick-list .slick-slide{ padding: 0 5px;}
.gallery-slider .slick-list { padding-block: 20px !important;}
.get-in-touch-section{ background-position: 0;}
.about-inner .button__primary { height: 44px; font-size: 17px; margin-top: 0px;}
.footer-wraper{padding-bottom: 67px !important;}
.the-preloader-image{width: 75px !important; height: 75px !important;}
.inquire_bottom_bx{
        width: 100%;
        position: fixed;
        left: 0;
        bottom: -1px;
        display: flex;
        padding: 12px;
        background-color: #2d433470;
        backdrop-filter: blur(4px);
        justify-content: center;
        align-items: center;
        z-index: 9999;
        box-shadow: 0px 0px 10px 0px #0e481c5e;
}
.inquire_bottom_bx .button__primary{min-width: 300px; justify-content: center; padding-right: 7px;}
}
@media only screen and (max-width:768px) {
    .nurturing-section{overflow: hidden;}
    .nurturing-section .container{position: relative;}
    .nurturing-row.nurturing-row-slider{width: 100vw; position: static;}
    .nurturing-row.nurturing-row-slider .slick-dots{bottom: 65px; }
    .nurturing-row.nurturing-row-slider .slick-dots li{ width: 10px; height: 10px; opacity: 0.5; }
    .nurturing-row.nurturing-row-slider .slick-dots li.slick-active{ width: 20px; opacity: 1;}
    .nurturing-row.nurturing-row-slider .slick-slide{margin: 0px 10px;}
    .nurturing-row.nurturing-row-slider .slick-dots li.slick-active button{border-radius: 5px; background-color: #292929; }
    .nurturing-row.nurturing-row-slider .nurturing-image{ width: 195px; height: 195px; padding: 30px; display: flex; align-items: center; justify-content:center;}
    .nurturing-row.nurturing-row-slider .nurturing-image a{display: flex; align-items: center; justify-content:center;}
    .nurturing-row.nurturing-row-slider .nurturing-image img{ height: 50%; width: 90%;}
    .nurturing-content-bx{display: flex; flex-direction: column;}
    .explore_text{order: 1; margin-top: 0px !important; margin-bottom: 20px !important; font-size:18px;}
    .nurturing-row{order: 2; margin-bottom: 0px !important;}
    .nurturing-btn{order: 3;}

}
@media screen and (max-width:600px) {
    .nurturing-row.nurturing-row-slider .nurturing-image{ width: 180px; height: 180px; padding: 20px;}
        .nurturing-row.nurturing-row-slider { width: 110vw; }
}
@media screen and (max-width:575px) {
    .nurturing-row.nurturing-row-slider .nurturing-image{ width: 155px; height: 155px; padding: 20px;}
    .nurturing-row.nurturing-row-slider { width: 120vw; }
    .nurturing-row.nurturing-row-slider .nurturing-image img{max-width: 80px; width: 100%;}
}
@media only screen and (max-width:479px) {
.header-sticky main { padding-top: 58px; }
.banner .banner-image { padding-bottom: 113.5%; }
.banner-content-info .top-line-icon { top: -50px; }
.banner-content-info .top-line-icon img { width: 50px; }
.banner-content-info .top-star-icon img { width: 30px; }
.slick-dots li { width: 12px; height: 12px; }
.programs-light-bg { height: 120px; }
.our-additional-section:after { width: 170px; height: 13.2%; }
.additional-inner .additional-info { padding: 15px !important; flex-wrap: wrap; }
.additional-info .additional-icon { width: 50px; margin: 0 auto 11px; }
.additional-content { width: 100%; padding-left: 0; text-align: center; }
.nurturing-row.nurturing-row-slider .nurturing-image{ width: 145px; height: 145px; padding: 20px;}
.nurturing-row.nurturing-row-slider { width: 130vw; }
}
/* HOME PAGE END HERE ********************/

/* FOOTER PART START HERE ********************/
.footer-wraper{ background-color: var(--color-accent);}
.footer-wraper:after{ content: ''; position: absolute; right: 0; top: 0; background-image: url(../images/ftr-right-shape.svg); background-repeat: no-repeat; background-size: cover; width: 320px; height: 40%;}
.footer-wraper::before { content: ''; position: absolute; left: -15px; top: 0; background-image: url(../images/ftr-left-shape.svg); background-repeat: no-repeat; background-size: contain; width: 470px; height: 90%; }
.ftr-row{ padding-bottom: 70px;}
.ftr-logo-info img{ height: 100px; margin-bottom: 30px;}
.ftr-logo-info p{ font-size: var(--f-size-M); color: var(--color-tertiary);}
.ftr-logo-info ul{ gap: 16px;}
.ftr-logo-info ul li a{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(249, 249, 239, 0.1); background-color: rgba(249, 249, 239, 0.15);}
.ftr-logo-info ul li a svg, .ftr-logo-info ul li a i{ font-size: 20px; color: var(--bs-white);}
.ftr-logo-info ul li a:hover{ background-color: var(--color-primary);}
.ftr-info{ padding-left: 30px;}
.ftr-info h4{ font-size: 24px; color: var(--color-tertiary); border-bottom: 1px solid rgba(249, 249, 239, 0.1); padding-bottom: 15px; }
.ftr-info ul.nav li:nth-child(odd){ width: 40%;}
.ftr-info ul.nav li:nth-child(even){ width: 60%;}
.ftr-info ul.nav{align-items: center;}
.ftr-info ul li{ font-size: var(--f-size-M); color: var(--color-tertiary); margin-bottom: 18px;}
.ftr-info ul li a{ display: flex; align-items: center; line-height: 1.2; color: var(--color-tertiary); text-transform: capitalize;}
.ftr-info ul li a:hover{ color: var(--color-primary);}
.ftr-info .social-info li{ display: flex;} 
.ftr-info .social-info li .icon{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(249, 249, 239, 1); background-color: rgba(249, 249, 239, 0.1);}
.ftr-info .social-info li .text{ width: calc(100% - 40px); padding-left: 15px; display: flex; align-items: center; text-transform: none !important;}
.ftr-info .form-control{ border-radius: 100px; background-color: var(--bs-white); padding-left: 30px;}
.ftr-info .submit-btn .button__primary:hover{ border-color: var(--color-primary); }
.ftr-copyright{ background-color: var(--color-primary); padding: 17px 0;}
.ftr-copyright :is(p, a, li){ font-size: var(--f-size-S); line-height: 1; color: var(--color-accent); margin: 0;}
.ftr-copyright ul li:first-child{ border-right: 1px solid var(--color-accent); padding-right: 5px; margin-right: 5px;}
.ftr-info .mc4wp-error P{ color: var(--bs-white);}
.anchor-section { scroll-margin-top: 105px; }
.ftr-info ul.nav li a{text-transform: none;}
@media only screen and (max-width:1599px) {
.ftr-info { padding-left: 5px;}
.footer-wraper::before { width: 400px; height: 73%;}
.anchor-section { scroll-margin-top: 90px; }
}
@media only screen and (max-width:1199px) {
.ftr-info h4{ font-size: 20px;}
.ftr-info ul li{ margin-bottom: 15px;}
.ftr-logo-info ul { gap: 10px;}
.ftr-logo-info img { height: 70px; margin-bottom: 20px;}
.footer-wraper::before { width: 350px;}

}
@media only screen and (max-width:991px) {
.footer-wraper:after { width: 148px; height: 13%;}
.footer-wraper::before { width: 310px; height: 47%;}
.anchor-section { scroll-margin-top: 72px; }
}
@media only screen and (max-width:767px) {
/* .ftr-info ul.nav li:nth-child(odd), .ftr-info ul.nav li:nth-child(even){ width: 50%;} */
.footer-wraper::before { width: 180px; height: 17%;}
.ftr-row { padding-bottom: 50px; }
.ftr-copyright{ text-align: center; padding: 10px 0;}
.ftr-copyright .nav{ justify-content: center !important; margin-top: 10px; }

}
@media only screen and (max-width:479px) {
.ftr-info ul li { margin-bottom: 14px; font-size:14px;}

}

/* FOOTER PART END HERE ********************/

/* INNER PAGE START ********************/
.inner-banner .banner-image { padding-bottom: 26.2%;}
.inner-banner .banner-content { padding-bottom: 70px;}
.inner-banner  .banner-content-info { max-width: 890px;}

/* **************** Contact Page **************** */
.contact-section:after{ content: ''; position: absolute; right: 0; top: var(--padding-height); height: calc(100% - (var(--padding-height) + var(--padding-height))); width: 70%; background-image: url(../images/contact-sec-bg.jpg); background-repeat: no-repeat; background-size: cover; border-radius: 30px 0 0 30px; z-index: 1;}
.contact-left-info{ width: 100%; background-color: var(--color-accent); border-radius: 30px; padding: 40px 35px;}
.contact-left-info h2{ color: var(--color-tertiary); margin-bottom: 40px;}
.contact-support .support-box{ display: flex; align-items: center; background-color: var(--color-primary); border-radius: 20px; padding: 20px; margin-bottom: 20px;}
.contact-support .support-box:last-child{ margin-bottom: 0;}
.contact-support .support-box .support-icon{ width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid var(--bs-white); background-color: var(--color-tertiary);}
.contact-support .support-box .support-desc{ width: calc(100% - 60px); padding-left: 30px;}
.contact-support .support-box .support-desc h3{ font-family: var(--ff-noche-semibold); line-height: 1; color: var(--color-accent); margin-bottom: 8px;}
.contact-support .support-box .support-desc a{ color: var(--color-secondary);}
.contact-support .support-box .support-desc a:hover{ color: var(--color-accent);}
.contact-support .support-box .support-desc h3 a{ color: var(--color-accent);}
.contact-support .support-box .support-icon a i{ font-size: 20px; color: var(--color-accent);}
.contact-form-info{ padding-left: 75px; padding-block: 100px;}
.contact-map{ padding-bottom: 30.7%;}
.contact-map iframe{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.spcl-btn a{ font-size: 26px; color: var(--color-accent);}
.spcl-btn a:hover{ color: var(--color-primary);}

/* **************** Contact Page **************** */

@media only screen and (max-width:1599px){
.inner-banner .banner-content { padding-bottom: 40px; }
.ftr-info{ padding-left: 0px;}
}
@media only screen and (max-width:1199px){
.inner-banner .banner-image { padding-bottom: 30.2%;}
.contact-form-info { padding-left: 35px; padding-block: 70px;}
.contact-support .support-box .support-desc { padding-left: 20px;}

}
@media only screen and (max-width:991px){
.inner-banner .banner-image { padding-bottom: 45.2%;}
.contact-form-info { padding-left: 0; padding-top: 30px; padding-bottom: 0;}
.contact-section:after { top: 0; height: 100%; width: 110%; border-radius: 0; z-index: 1;}

}
@media only screen and (max-width:767px){
.inner-banner .banner-image { padding-bottom: 70.2%;}
.contact-map { padding-bottom: 66.7%;}
.submit-btn p .wpcf7-spinner{ top: 9px;}
.page-template-our-curriculam .inner-banner .banner-image { padding-bottom: 55.2%;}
.spcl-btn a{ font-size: 20px; height: 50px;}
}
@media only screen and (max-width:479px){
.inner-banner .banner-image { padding-bottom: 95.2%;}
.contact-left-info { border-radius: 20px; padding: 20px;}
.contact-support .support-box .support-icon { width: 50px; height: 50px;}
.contact-support .support-box .support-desc { width: calc(100% - 50px);}
.contact-support .support-box .support-icon img { width: 22px; }
}

/* **************** About Page **************** */

/* ========== Learning Section Start ========== */
.learning-right-info h4{ font-family: var(--ff-noche-semibold); font-size: 23px; color: var(--color-accent); 
    /* background: linear-gradient(90deg, rgba(255, 214, 156, 0) 0%, rgba(255, 214, 156, 0.09) 48.78%, rgba(255, 214, 156, 0) 100%); */
 padding: 8px 30px;
 background-color: #ffe1bb; border-radius: 10px;
 margin-inline: auto;
 width: fit-content;
  margin-bottom: 16px; position: relative;}
/* .learning-right-info h4::after{ content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 2px; background-image: linear-gradient(90deg, rgba(255, 214, 156, 0) 0%, #FFD69C 45.68%, rgba(255, 214, 156, 0) 100%);}
.learning-right-info h4::before{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 2px; background-image: linear-gradient(90deg, rgba(255, 214, 156, 0) 0%, #FFD69C 45.68%, rgba(255, 214, 156, 0) 100%);} */
.learning-left-info .learning-image{ margin-top: 50px;}
.learning-right-info p strong{ font-size: 23px;
    color: var(--color-accent);
    padding: 5px 24px;
    min-width: 310px;
    background-color: #ffe1bb;
    border-radius: 10px;
    margin-bottom: 12px;
    display: inline-block;}


/* ========== Learning Section End ========== */
.new-learning-section{ box-shadow: 0px 0px 20px 10px #00000033;}
.new-learning-section .learning-right-info h4{min-width: 400px;}

/* ========== Methodology Section Start ========== */
.methodology-section{ background-color: #FBFBF5;}
.methodology-section::after { content: ''; position: absolute; bottom: 0; right: 0; background-image: url(../images/methodology-line-bg.svg); background-repeat: no-repeat; background-size: cover; width: 100%; height: 83%; z-index: 1; }
.methodology-wrap .methodology-row{ margin-bottom: 40px;}
.methodology-wrap .methodology-row:nth-child(odd){ flex-direction: row-reverse;}
.methodology-image { background-image: url(../images/methodology-image-bg.svg); background-repeat: no-repeat; background-size: cover; position: relative; padding-bottom: 61% !important; border-radius: 20px; overflow: hidden; padding: 40px; }
.methodology-image .image{ position: absolute; width: calc(100% - 80px); height: calc(100% - 80px); border-radius: 10px; overflow: hidden;}
.methodology-image .image img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.methodology-image-content .methodology-desc{max-width: 665px;  padding-left: 15px;}
.methodology-image-content p{ margin-bottom: 16px;}
.methodology-image-content ul li{ line-height: 1; position: relative; padding-left: 25px; margin-bottom: 20px;}
.methodology-image-content ul li::after{ content: ''; position: absolute; left: 0; top: 3px; width: 10px; height: 10px; border-radius: 50%; background-color: var(--color-secondary);}
.methodology-image-content::after{ content: ''; position: absolute; top: 50%; z-index: -1; transform: translateY(-50%); right: 0; background-image: url(../images/teacher-icon.svg); width: 163px; height: 150px; background-repeat: no-repeat; background-size: cover;}
.methodology-wrap .methodology-row:nth-child(odd) .methodology-image-content::after{ right: auto; left: 0; background-image: url(../images/abc-icon.svg); width: 150px; transform: inherit; top: 0;}
.methodology-wrap .methodology-row:nth-child(odd) .methodology-image-content .methodology-desc{ margin: 0 0 0 auto; padding-left: 0; padding-right: 15px;}
.methodology-image:after{ content: ''; position: absolute; width: 70px; height: 70px; background-size: contain; background-repeat: no-repeat; z-index: 1;}
.methodology-image::before{ content: ''; position: absolute; background-size: contain; background-repeat: no-repeat; z-index: 1;}
.methodology-wrap .methodology-row:nth-child(odd) .methodology-image:after{ background-image: url(../images/methodology-odd-top-icon.svg); top: 4px; left: 10px;}
.methodology-wrap .methodology-row:nth-child(odd) .methodology-image::before{ background-image: url(../images/methodology-odd-bottom-icon.svg); bottom: 0; right: 0; width: 117px; height: 84px;}
.methodology-wrap .methodology-row:nth-child(even) .methodology-image:after{ background-image: url(../images/methodology-even-top-icon.svg); top: 20px; right: 20px;}
.methodology-wrap .methodology-row:nth-child(even) .methodology-image::before{ background-image: url(../images/methodology-even-bottom-icon.svg); bottom: 10px; left: 10px; width: 180px; height: 84px;}
.methodology-image-content .methodology-desc h4{ font-size: 26px; color: var(--color-accent);}
/* ========== Methodology Section End ========== */

/* ========== History Section Start ========== */
.history-secion .common-title h2{ 
    /* color: var(--color-tertiary); */
    font-size: var(--f-size-XXL);
}
.history-tab-info{ 
    max-width: none;
    margin: 0 auto; 
    position: relative;}
.history-tab-info .slick-list{ padding: 0 !important;}
/* .history-tab-info::after { content: ''; position: absolute; left: 0; top: 15px; border: 1px dashed #C8DFC5; width: 83%; height: 2px; right: 0; z-index: 1; margin: 0 auto; } */
.history-tab-slider .item .slide-tab{ position: relative;}
.history-tab-slider .item .slide-tab::after { content: ''; position: absolute; top: 24px; left: 0; border: 3px solid var(--color-accent); width: 100%; height: 3px; z-index: -2; }
.history-tab-slider .item:first-child .slide-tab::after{ width: 50%; left: auto; right: 0;}
.history-tab-slider .item:last-child .slide-tab::after{ width: 50%;}
.history-tab-slider{ z-index: 2; padding-bottom: 30px;}
.history-tab-slider .item{ padding: 10px 0 0;}
.history-tab-info .slide-tab:hover .dot{ background-color: #ffffff;}
.history-tab-info .slide-tab:hover .dot h4{ color:var(--color-accent);}
.history-tab-info .slide-tab:hover .dot:after, .history-tab-info .slick-current .slide-tab .dot:after{ transform: scale(1);}
.history-tab-info .slide-tab .dot{
     /* width: 26px; height: 26px; */
     width: 56px; height: 56px;
     border-radius: 50%; background-color: var(--color-accent); border: 4px solid var(--color-accent); margin: 0 auto 15px; position: relative; display: flex; align-items: center; justify-content: center; transition: var(--transition-common);}
/* .history-tab-info .slide-tab .dot:after{ content: ''; width: 32px; height: 32px; border-radius: 50%; background-color: var(--color-tertiary); position: absolute; z-index: -1; transform: scale(0); transition: var(--transition-common);} */
.history-tab-info .slick-current .slide-tab .dot{ border-color: var(--color-primary);}
.history-tab-info .slide-tab h4{ font-family: var(--ff-base); font-size: 16px; font-weight: var(--fw-regular); color: var(--color-tertiary); transition: var(--transition-common); margin-bottom: 0;}
.history-tab-info .slick-current .slide-tab h4{ color: var(--color-primary);}
.history-view-info .history-view-img{ border-radius: 10px; padding-bottom: 81.4%; overflow: hidden;}
.history-view-img.responsive-image-wrapper{background-color: #0000004d; border: 1px solid var(--color-accent);}
.history-view-info .history-view-desc{ max-width: 815px; padding-left: 20px;}
.history-view-info .history-view-desc h3{font-size: var(--f-size-XXL);}
.history-view-info .history-view-desc :is(h3, p){ color: var(--color-accent);}
.history-tab-slider .slick-arrow.slick-prev { left: -10px; }
.history-tab-slider .slick-arrow.slick-next { right: -10px; }
.history-tab-slider .slick-arrow { width: 30px; height: 30px; border-color: var(--color-primary); top: 15px;}
.history-tab-slider .slick-arrow::before { filter: brightness(0) invert(1); width: 12px !important; height: 12px !important; background-size: cover;}

.history-tab-slider .item.slick-active .slide-tab .dot {
    margin-left: 0;
}
.history-tab-slider .item.slick-active.slick-center .slide-tab .dot{
    margin-left: auto;
    margin-right: auto;
}
.history-tab-slider .item.slick-active.slick-center + .item.slick-active .slide-tab .dot {
    margin-right: 2px;
    margin-left: auto;
}


/* ========== History Section End ========== */

/* ========== The-Founder Section Start ========== */
.the-founder-section:after{ content: ''; position: absolute; right: 0; top: 0; width: 30%; height: calc(100% - 120px); border-radius: 0 0 0 20px; background-image: url(../images/founder-bg.jpg); background-repeat: no-repeat; background-size: cover; z-index: 1;}
.founder-info{ padding-right: 40px;}
.founder-info ul{ padding-bottom: 20px;}
.founder-info ul li{ font-size: 24px;}
.founder-info ul li h4{ font-size: 28px; color: var(--color-accent); margin-bottom: 0;}
.founder-image{ padding-bottom: 136.5%; border-radius: 20px; overflow: hidden;}
.founder-image img{ object-position: top;}
/* ========== The-Founder Section End ========== */

/* ========== Core Values Section Start ========== */
.core-values-section{ background-color: #C8DFC5; background-size: 30% !important; background-position: top left !important; }
.core-values-section:after{ content: ''; position: absolute; right: 0; top: 50px; width: 320px; height: 40%; background-image: url(../images/core-star.svg); background-repeat: no-repeat; background-size: cover;}
.core-values-section::before{ content: ''; position: absolute; left: 100px; bottom: 0; width: 270px; height: 26%; background-image: url(../images/core-game-shape.svg); background-repeat: no-repeat; background-size: contain;}
.core-values-inner{ display: flex; align-items: center; position: relative; z-index: 5;}
.core-values-left-info{ width: 24%;}
.core-values-left-info p{ font-family: var(--ff-noche-semibold);}
.core-values-right-info{ display: flex; align-items: center; width: 76%;}
.core-values-right-info .line-image { height: 100%; margin-left: -28%; }
.core-values-right-info .line-image img{ max-width: 700px; height: 100%;}
.values-wrap { margin-left: -14.5%; padding: var(--padding-height) 0;}
.values-wrap .values-box{ display: flex; align-items: center; margin-bottom: 50px; }
.values-wrap .values-box:hover .icon-desc{ transform: translateX(-10px  );}
.values-wrap .values-box:last-child{ margin-bottom: 0;}
.values-wrap .values-box .icon{ width: 100px; height: 100px; border-radius: 100%; background-color: var(--bs-white); box-shadow: 0px 5px 10px 0px #4578B233; display: flex; align-items: center; justify-content: center; transition: var(--transition-common);}
.values-wrap .values-box .icon:hover{ background-color: var(--color-primary);}
.values-wrap .values-box .icon-desc{ width: calc(100% - 100px); padding-left: 20px; transition: var(--transition-common)}
.values-wrap .values-box .icon-desc h3{ line-height: 1; color: var(--color-accent); margin-bottom: 8px;}
.values-wrap .values-box:nth-child(2){ margin-left: 9%; }
.values-wrap .values-box:nth-child(3){ margin-left: 12%; }
.values-wrap .values-box:nth-child(4){ margin-left: 9%; }

/* ========================== */
.core-values-about{ background-color: #fdc78b;}
.core-values-about .core-values-inner{ flex-direction: row-reverse;}
.core-values-about .core-values-right-info .line-image{ transform: rotate(180deg); margin-left: 0; margin-right: -28%;}
.core-values-about .values-wrap .values-box{ text-align: end;}
.core-values-about .values-wrap .values-box .icon-desc{ padding-left: 0; padding-right: 20px;}
.core-values-about .values-wrap { position: relative; z-index: 2; margin-left: 0; margin-right: -14.5%;}
.core-values-about .values-wrap .values-box:nth-child(2){ margin-left: 0; margin-right: 9%;}
.core-values-about .values-wrap .values-box:nth-child(3){ margin-left: 0; margin-right: 13%; }
.core-values-about .values-wrap .values-box:nth-child(4){ margin-left: 0; margin-right: 9%; }

.core-values-about .values-wrap .values-box .icon:hover{ background-color: var(--color-accent);}
.core-values-about  .values-wrap .values-box:hover .icon-desc { transform: translateX(10px);}
.values-wrap .icon-desc ul { display: flex; flex-direction: column; flex-wrap: wrap;}
.values-wrap .icon-desc ul li{ display: inline; width: 100%; line-height: 1; position: relative; padding-left: 25px; padding-bottom: 20px; }
.values-wrap .icon-desc ul li:after { content: ''; position: absolute; left: 0; top: 3px; width: 10px; height: 10px; border-radius: 50%; background-color: var(--color-accent); }
.values-wrap .icon-desc ul li strong{ color: var(--color-accent);}


/* ========== Core Values Section End ========== */

/* ========== Asked Questions Section Start ========== */
.asked-questions-section{ background-color: #F9F9EF; overflow: hidden; position: relative;}
.asked-questions-section:after { content: ''; position: absolute; right: -60px; top: 50px; width: 360px; height: 50%; background-image: url(../images/love.svg); background-repeat: no-repeat; background-size: cover;}
.asked-questions-section::before { content: ''; position: absolute; left: 0; top: 130px; width: 330px; height: 90%; background-image: url(../images/br.svg); background-repeat: no-repeat; background-size: cover;}
.asked-questions-inner:after { content: ''; position: absolute; right: 50px; bottom: 0; width: 275px; height: 34%; background-image: url(../images/musical.svg); background-repeat: no-repeat;background-size: cover; }
.accordion-item{ border-radius: 10px 10px 20px 20px; background-color: transparent; border: 0; padding: 0; margin-bottom: 20px;}
.accordion-item:last-child{ margin-bottom: 0;}
.accordion-item .accordion-button{ font-size: 24px; color: var(--color-accent); background-color: var(--bs-white); box-shadow: none; border-radius: 10px !important; box-shadow: 0px 4px 20px 0px #0000000F; padding: 20px 24px;}
.accordion-button::after { background-image: url(../images/pluse-icon.svg); background-repeat: no-repeat; border: 2px solid #141515; border-radius: 50%; width: 30px; height: 30px; background-position: center; background-size: 14px; }
.accordion-button:not(.collapsed)::after{ background-image: url(../images/minus-icon.svg); border-color: var(--bs-white);}

.accordion-button:not(.collapsed){ background-color: var(--color-accent); color: var(--color-tertiary);}
.accordion-body{ background-color: var(--bs-white); border: 2px solid var(--color-accent); border-top: 0; padding: 25px; border-radius: 0 0 20px 20px;}
.accordion-button:not(.collapsed){ border-radius: 10px 10px 0 0 !important;}
/* ========== Asked Questions Section End========== */

/* **************** Sub About Page **************** */
/* ========== Inner-founder-section Section Start ========== */
.inner-founder-section:after{ right: auto; left: 0; height: calc(100% - 60px); border-radius: 0 0 20px 0;}
.inner-founder-section .founder-inner{ padding-bottom: var(--padding-height);}
.inner-founder-section .founder-inner .row{ flex-direction: row-reverse;}
.inner-founder-section .founder-info { padding-right: 0; padding-left: 20px; }
.inner-founder-section .founder-image { padding-bottom: 144.8%; }
.inner-founder-bottom-info{ text-align: center; background-color: var(--color-accent); border-radius: 10px; color: var(--bs-white); border-left: 4px solid var(--color-primary); padding: 20px 30px;}
.inner-founder-bottom-info p{ font-family: var(--ff-noche-semibold); font-size: 26px; margin-bottom: 10px;}
.inner-founder-bottom-info h6{ font-family: var(--ff-base); font-size: var(--f-size-L) !important; color: var(--bs-white); margin-bottom: 0;}
/* ========== Inner-founder-section Section End ========== */

/* ========== Brain-Development-section Section Start ========== */
.brain-development-section{ background-color: #FBFBF5;}
.brain-development-section::after{ content: ''; position: absolute; left: 0; top: 0; width: 470px; height: 41.7%; background-image: url(../images/brain-bg-left.svg); background-repeat: no-repeat; background-size: cover; display: none;}
.brain-development-section::before{ content: ''; position: absolute; right: 0; bottom: 0; width: 290px; height: 29.7%; background-image: url(../images/brain-bg-right.svg); background-repeat: no-repeat; background-size: cover;}
.brain-vertical-accrodian{ display: flex; gap: 28px; overflow: hidden; padding-top: 40px; padding-bottom: 50px;}
.brain-vertical-accrodian .accordion-tab { display: flex; flex-direction: column; align-items: center; justify-content: space-between; background: var(--color-accent); padding: 0 10px; border-radius: 30px; color:  var(--bs-white); cursor: pointer; width: 90px; height: 625px; flex-shrink: 0; overflow: hidden; position: relative; }
/* transition: all .5s ease; */
.brain-vertical-accrodian .tab-number { display: flex; align-items: center; justify-content: center; background: var(--color-primary); width: 55px; height: 55px; border-radius: 50%; color: var(--bs-white); text-align: center; line-height: 1; margin: 30px 0 10px auto; transition: var(--transition-common); flex-shrink: 0; }
.brain-vertical-accrodian .tab-number h4{ line-height: 1; color: var(--color-accent); display: flex; align-items: center; justify-content: center; margin: 0;}
.brain-accordion-content{ width: 100%; display: none;}
.brain-vertical-accrodian .accordion-tab:nth-child(even) .tab-number h4{ color: var(--bs-white);}
.brain-vertical-accrodian .accordion-tab.active .brain-accordion-content{ display: block;}
.brain-vertical-accrodian .left-info{ width: 33.5%;}
.brain-vertical-accrodian .brain-accordion-content .right-info{ width: 66.5%; padding: 0px 40px 30px; isolation: isolate;}
.brain-vertical-accrodian .left-info .image-wrapper{ position: relative; height: 625px; border-radius: 30px; overflow: hidden;}
.brain-vertical-accrodian .left-info img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.brain-vertical-accrodian .brain-accordion-content .right-info::after{ content: ''; position: absolute; right: 60px; bottom: 10px; background-image: url(../images/yellow-abc.svg); background-repeat: no-repeat; background-size: cover; width: 123px; height: 123px; z-index: -1;}
.brain-vertical-accrodian .brain-accordion-content .sub-title{ font-size: var(--f-size-M); line-height: 1.1; color: var(--color-accent); display: inline-block; background-color: rgba(37, 71, 54, 0.13); border-radius: 100px; border: 2px solid #254736; border-top: 0; border-right: 0; padding: 14px 20px; margin: 0 0 15px;}
.brain-vertical-accrodian .brain-accordion-content h3{ font-family: var(--ff-noche-bold); font-size: 24px; line-height: 1; color: var(--color-accent); margin-bottom: 15px;} 
.brain-accordion-content .brain-body-row{ display: flex; flex-wrap: wrap;}
.brain-vertical-accrodian .tab-number.hide-open{ margin: 30px auto 0;}
.brain-vertical-accrodian .accordion-tab.active .hide-open{ display: none;}
.brain-vertical-accrodian .tab-title h3{ writing-mode: sideways-lr; display: inline-block; color: var(--color-tertiary); margin-bottom: 30px;}
.brain-vertical-accrodian .accordion-tab.active .hide_open { display: none; }
.brain-vertical-accrodian .accordion-tab.active .tab-title { writing-mode: horizontal-tb; transform: rotate(0); font-size: var(--f-size-M); text-align: left; margin: 0 0 20px; }
.brain-vertical-accrodian .accordion-tab.active .accordion-tab-content { display: block; }
.brain-vertical-accrodian .accordion-tab:nth-child(even){ background-color: var(--color-primary);}
.brain-vertical-accrodian .accordion-tab:nth-child(even) .tab-number{ background-color: var(--color-accent);}
.brain-vertical-accrodian .accordion-tab:nth-child(even) .tab-title h3{ color: var(--color-accent);}
.brain-vertical-accrodian .accordion-tab.active { background: #FFD69C; flex-grow: 1; align-items: flex-start; padding: 0; }
.brain-vertical-accrodian .accordion-tab.active p{ color: var(--color-secondary);}

/* ========== Brain-Development-section Section End ========== */

/* ========== Inner-About-Methodology Section Start ========== */
.inner-about-methodology{ background-color: var(--bs-white);}
.inner-about-methodology::after { right: auto; left: 6%; background-image: url(../images/long-term-bg.svg); width: 223px; height: 38%; top: 4%; background-size: contain; display: none;}
.inner-about-methodology .methodology-wrap .methodology-row:nth-child(odd) .methodology-image-content::after { display: none; }
.inner-about-methodology .methodology-wrap .methodology-row:nth-child(odd) .methodology-image::before { background-image: url(../images/small-white-line.svg); bottom: 5px; right: auto; left: 5px; width: 180px; height: 87px; }
.inner-about-methodology .methodology-wrap .methodology-row:nth-child(odd) .methodology-image:after { background-image: url(../images/big-star.svg); top: 21px; right: 21px; left: auto; }
.inner-about-methodology .methodology-image { padding-bottom: 60.6% !important; }
.inner-about-methodology .methodology-wrap .methodology-row{ margin-bottom: 0;}
.methodology-teacher-btn p{ max-width: 700px; margin: 0 auto 25px;}
/* ========== Inner-About-Methodology Section End ========== */

/* ========== Care Section Start ========== */
.care-section{ background-color: #C8DFC5; overflow: hidden;}
.care-section::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; height: 110px; width: 100%; background-color: var(--bs-white);}
.care-inner-wrapper::after{ content: ''; position: absolute; right: -70px; top: 160px; background-image: url(../images/care-bg-right.svg); background-repeat: no-repeat; width: 310px; height: 30.7%; background-size: cover; z-index: 1; display: none;}
.care-inner-wrapper::before{ content: ''; position: absolute; left: 0; bottom: -80px; background-image: url(../images/care-bg-left.svg); background-repeat: no-repeat; background-size: cover; width: 310px; height: 30.7%; z-index: 1; display: none;}
.care-inner .care-left-img{ position: relative; padding-bottom: 114.2%; border-radius: 20px; overflow: hidden;}
.care-inner .care-left-img img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.care-inner .care-info{ padding-top: var(--padding-height); padding-left: 50px;}
.care-inner .care-info .care-desc{ max-width: 695px;}
.asked-questions-inner .accordion-body p a{ font-family: var(--ff-noche-semibold);color: var(--color-primary);}
/* ========== Care Section End ========== */
@media only screen and (max-width:1750px){
.methodology-wrap .methodology-row:nth-child(odd) .methodology-image-content::after{ width: 75px; background-size: contain;}
.methodology-image-content::after{ width: 75px; height: 75px; background-size: contain;}
}   
@media only screen and (max-width:1599px){
.core-values-section:after { width: 190px; height: 23%;}
.core-values-section::before { width: 180px; height: 18%;}
.core-values-right-info .line-image { margin-left: -38%; }
.values-wrap .values-box { margin-bottom: 35px; }
.brain-development-section::after { width: 240px; height: 24.7%;}
.brain-development-section::before { width: 160px; height: 15.7%;}
.brain-vertical-accrodian .accordion-tab, .brain-vertical-accrodian .left-info .image-wrapper{ height: 580px;}
.page-template-about .methodology-wrap .methodology-row .methodology-image-content .methodology-desc { padding-top: 80px;}
.methodology-image-content::after{ top: 0;}

}
@media only screen and (max-width:1199px){
.the-founder-section:after { height: calc(100% - 80px); }
.values-wrap .values-box .icon { width: 70px; height: 70px; }
.values-wrap .values-box .icon-desc { width: calc(100% - 70px); }
.values-wrap .values-box .icon img { width: 32px; }
.values-wrap{ padding: 50px 0;}
.core-values-right-info .line-image img { max-width: 490px;}
.core-values-section:after { width: 140px; }
.asked-questions-section:after { right: 0; width: 140px; height: 31%;}
.asked-questions-section::before { width: 190px; height: 80%;}
.asked-questions-inner:after { width: 175px; height: 26%;}
.brain-vertical-accrodian .brain-accordion-content .right-info { padding: 0px 20px 20px;}
.brain-vertical-accrodian .accordion-tab, .brain-vertical-accrodian .left-info .image-wrapper { height: 530px;}
.brain-vertical-accrodian .tab-number { width: 45px; height: 45px; margin: 10px 0 10px auto;}
.brain-vertical-accrodian .tab-number.hide-open { margin: 10px auto 0;}
.brain-vertical-accrodian .accordion-tab{ border-radius: 20px;}
.methodology-image { padding: 20px; }
.methodology-image .image { width: calc(100% - 40px); height: calc(100% - 40px); }
.inner-about-methodology .methodology-wrap .methodology-row:nth-child(odd) .methodology-image::before { width: 90px; height: 40px;}
.methodology-image:after { width: 40px; height: 40px;}
.care-section::after { height: 90px;}
.care-inner-wrapper::after { right: 0; top: 120px; width: 160px; height: 18.7%;}
.care-inner-wrapper::before { bottom: 0; width: 160px; height: 16.7%;}
.care-inner .care-info { padding-left: 20px;}
.inner-about-methodology::after { width: 170px;}
.inner-founder-bottom-info p { font-size: 22px;}
}
@media only screen and (max-width:991px){
.learning-left-info{ text-align: center;}
.learning-left-info .learning-image{ margin-bottom: 35px; margin-top: 0;}
.methodology-wrap .methodology-row:nth-child(odd) .methodology-image-content .methodology-desc { margin: 0; padding-left: 0; padding-right: 0; }
.history-view-info .history-view-desc { padding-left: 0; padding-top: 25px;}
.history-view-info .history-view-img { padding-bottom: 57.4%; }
.founder-inner .row{ flex-direction: column-reverse;}
.founder-image{ padding-bottom: 88.5%; }
.the-founder-section:after { height: 22%; left: 0; width: 100%;}
.founder-info { padding-right: 0; padding-top: 25px;}
.core-values-inner{ flex-wrap: wrap;}
.core-values-left-info { width: 100%;}
.core-values-right-info { width: 100%;}
.core-values-right-info .line-image { display: none;}
.values-wrap { margin-left: 0; padding-bottom: 0;}
.core-values-section{ background-size: 16% !important; padding: var(--padding-height) 0;}
.values-wrap .values-box{ margin-left: 0 !important; margin-bottom: 25px;}
.core-values-section:after { width: 100px; height: 14%;}
.core-values-section::before { width: 120px; height: 14%;}
.inner-founder-section .founder-inner .row { flex-direction: column-reverse;}
.inner-founder-section .founder-image { padding-bottom: 70.8%;}
.inner-founder-section .founder-inner { padding-bottom: 0;}
.brain-development-section::after { width: 200px;}
.brain-vertical-accrodian { gap: 15px; flex-wrap: wrap;}
.brain-vertical-accrodian .accordion-tab{ width: 100%; height: auto; flex-direction: inherit; padding: 20px;}
.brain-vertical-accrodian .tab-title h3 { writing-mode: inherit; margin-bottom: 0;}
.brain-vertical-accrodian .tab-number.hide-open { margin: 0;}
.brain-vertical-accrodian .left-info { width: 100%;}
.brain-vertical-accrodian .left-info .image-wrapper{ height: auto; border-radius: 0 0 20px 20px ; padding-bottom: 40%;}
.brain-vertical-accrodian .brain-accordion-content .right-info{ width: 100%; padding: 20px;}
.brain-vertical-accrodian .tab-number{ position: absolute; right: 20px; margin: 0;}
.brain-development-section::after { height: 17.7%; }
.methodology-image-content .methodology-desc { padding-top: 0; padding-left: 0;}
.methodology-wrap .methodology-row:nth-child(even) .methodology-image::before { width: 100px; height: 42px;}
.methodology-wrap .methodology-row:nth-child(odd) .methodology-image::before { width: 87px; height: 64px;}
.methodology-image-content ul li { margin-bottom: 15px; }
.inner-about-methodology { padding-bottom: 0; }
.care-inner .care-info { padding-left: 0; }
.care-section::after { height: 100px; }
.care-inner-wrapper::after{ top: 100px;}
.inner-founder-section .founder-info { padding-left: 0;}

.history-tab-info .slick-list{ 
    /* width: 90%;  */
    margin: 0 auto;}
.founder-info ul li{ font-size: 20px;}
.founder-info ul li h4 { font-size: 24px;}

}
@media only screen and (max-width:767px){
.learning-right-info h4{ font-size: 18px;}
.page-template-about .methodology-wrap .methodology-row .methodology-image-content .methodology-desc { padding-top: 25px; text-align: start;}
.methodology-image:after { width: 50px; height: 50px; }
.methodology-wrap .methodology-row:nth-child(even) .methodology-image::before { width: 120px; height: 60px;}
.methodology-wrap .methodology-row:nth-child(odd) .methodology-image::before { width: 87px; height: 63px;}
.methodology-section::after, .methodology-wrap .methodology-row:nth-child(odd) .methodology-image-content::after, .methodology-image-content::after{ display: none;}
.values-wrap .values-box{ align-items: start;}
.values-wrap .values-box .icon{ width: 60px; height: 60px;}
.values-wrap .values-box .icon img{ width: 26px;}
.values-wrap .values-box .icon-desc{ width: calc(100% - 60px);}
.accordion-item .accordion-button{ font-size: 18px; padding: 15px 17px;}
.accordion-body{ padding: 15px;}
.accordion-button::after { width: 25px; height: 25px; background-size: 10px;}
.methodology-image-content ul li::after { width: 12px; height:  12px;}
.methodology-image-content ul li { padding-left: 18px;}
.methodology-wrap .methodology-row { margin-bottom: 20px; }
.methodology-image-content .methodology-desc{ text-align: center; padding-top: 25px;}
.care-inner .care-info { padding-top: 25px;}
.brain-vertical-accrodian .accordion-tab { padding: 13px 15px;}
.care-inner-wrapper::before { width: 110px; height: 9.7%; display: none;}
.inner-founder-bottom-info{ padding: 20px;}
.brain-vertical-accrodian .brain-accordion-content .right-info::after { width: 100px; height: 100px;}
.history-tab-info .slide-tab h4{ font-size: 14px;}
/* .history-tab-info .slide-tab .dot { width: 22px; height: 22px; } */
/* .history-tab-info .slide-tab .dot:after { content: '';  width: 28px; height: 28px;} */
.history-tab-slider .item .slide-tab::after{ top: 24px; border-width: 2px;}
.core-values-section::before{ display: none;}
.asked-questions-inner:after, .asked-questions-section::before, .asked-questions-section:after{ display: none;}
.nurturing-btn{ margin-top: 60px !important;}
.founder-info{ text-align: center;}
.founder-info h2{ line-height: 1.4;}
.core-values-left-info{ text-align: center;}
.brain-vertical-accrodian .brain-accordion-content .right-info { padding: 15px;}
.brain-vertical-accrodian .tab-number{  width: 35px; height: 35px; right: 9px;}




}
@media only screen and (max-width:479px){
.learning-right-info h4 { font-size: 16px;}
.learning-left-info .learning-image img { width: 140px;}
.methodology-image { padding: 12px;}
.methodology-image .image { width: calc(100% - 24px); height: calc(100% - 24px);}
.methodology-wrap .methodology-row:nth-child(even) .methodology-image::before { width: 70px; height: 23px;}
.methodology-image:after { width: 30px; height: 30px;}
.methodology-image-content ul li { margin-bottom: 10px;}
.the-founder-section:after { height: 13%;}
.values-wrap{ padding-top: 40px;}
.values-wrap .values-box .icon { width: 50px; height: 50px;}
.values-wrap .values-box .icon-desc { width: calc(100% - 50px); padding-left: 15px; }
.asked-questions-section:after { width: 80px; height: 19%;}
.asked-questions-section::before { width: 90px; height: 59%;}
.asked-questions-inner:after { width: 125px; height: 15%;}
.history-tab-info .slide-tab .dot { width: 45px; height: 45px; border-width: 2px;}
/* .history-tab-info .slide-tab .dot:after { width: 18px; height: 18px;} */
.history-tab-slider .item .slide-tab::after { top: 20px;}


}
/* **************** Parent Resources Page **************** */

/* ========== Resources-Section Start ========== */
.resources-section{ background-size: auto !important; background-position: inherit !important;}
.page-template-parent-workshop .nav-tabs{ justify-content: center;}
.nav-tabs{ gap: 25px; justify-content: start; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; border: 0; outline: none; background: none; padding: 5px 0 10px;}
.nav-tabs .nav-item{ border: 0; flex: 0 0 auto;}
.nav-tabs::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(255, 217, 0, 0.2);	background-color: var(--color-primary); border-radius: 8px;}
.nav-tabs::-webkit-scrollbar { height: 8px; background-color: var(--color-primary); border-radius: 8px;}
.nav-tabs::-webkit-scrollbar-thumb{	background-color: var(--color-accent); border: 1px solid #FFD69C; border-radius: 8px;}
.nav-tabs .nav-item .nav-link{ font-family: var(--ff-noche-bold); font-size: var(--f-size-M); line-height: 1.1; color: var(--color-primary); border: 1px solid var(--color-primary); border-radius: 100px; padding: 20px 24px;}
.nav-tabs .nav-item .nav-link.active, .nav-tabs .nav-item .nav-link:hover{ background-color: var(--color-primary); color: var(--color-accent);}
.resources-inner .nav-tabs .nav-item .nav-link{ min-width: 215px;}
.resources-section .tab-content{ padding-top: 40px;}
.resources-item-info{ background-color: var(--bs-white); border-radius: 20px; box-shadow: 0px 4px 20px 0px #0000001A; padding: 20px 12px; height: 100%;}
.resources-item-info .resources-image{ padding-bottom: 60.2%; border-radius: 20px;}
.resources-item-info .resources-desc{ padding: 30px 8px 10px; min-height: 350px; display: flex; flex-direction: column;}
.resources-item-info .resources-desc h3{ font-family: var(--ff-noche-semibold); color: var(--color-accent); margin-bottom: 10px;}
/* .resources-item-info .resources-desc p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; margin-bottom: 10px;} */
.resources-item-info .resources-desc p{ margin-bottom: 10px;}
.resources-item-info .resources-desc a{margin-top: auto; width: fit-content;}
.workshop-details{ padding: 50px 0 20px;}
.workshop-details .worshop-left-info h6{ font-size: var(--f-size-S); font-weight: var(--fw-regular); color: var(--color-accent); display: inline-flex; align-items: center; border: 1px solid var(--color-accent); border-radius: 10px; padding: 10px 16px; margin-bottom: 15px;}
.workshop-details .worshop-left-info h6 span{ width: 16px; display: inline-block; margin-right: 10px;}
.workshop-details .worshop-left-info ul{ display: flex; align-content: center;}
.workshop-details .worshop-left-info ul li, .workshop-details .work-shop-right-info ul li{ font-size: var(--f-size-M); font-weight: var(--fw-regular); color: #818181; position: relative; padding-right: 16px; margin-right: 16px;}
.workshop-details .worshop-left-info ul li span, .workshop-details .work-shop-right-info ul li span{ color: var(--color-accent);}
.workshop-details .worshop-left-info ul li::after, .workshop-details .work-shop-right-info ul li::after{ content: ''; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background: linear-gradient(180deg, rgba(37, 71, 54, 0) 0%, rgba(37, 71, 54, 1) 50%, rgba(37, 71, 54, 0) 100%);}
.workshop-details .worshop-left-info ul li:last-child:after, .workshop-details .work-shop-right-info ul li:last-child::after{ display: none;}
.workshop-details .worshop-left-info ul li:last-child, .workshop-details .work-shop-right-info ul li:last-child{ padding: 0; margin: 0;}
.workshop-details .work-shop-right-info ul{ display: flex; align-items: center; justify-content: end;}

/* ========== Resources-Section End ========== */
@media only screen and (max-width:991px){
.workshop-details .worshop-left-info ul li, .workshop-details .work-shop-right-info ul li { padding-right: 10px; margin-right: 10px;}

}
@media only screen and (max-width:767px){
.workshop-details .worshop-left-info{ text-align: center;}
.workshop-details .worshop-left-info ul{ justify-content: center;}
.workshop-details .work-shop-right-info ul{ justify-content: center; padding-top: 10px;}

}
@media only screen and (max-width:479px){
.workshop-details .worshop-left-info h6 { border-radius: 5px; padding: 6px 9px;}
}
/* **************** Parent-Resources-Workshop Page **************** */

/* ========== Parent-Resources-About Start ========== */
.parent-resources-about::after{ display: none;}
.parent-resources-about .methodology-row:nth-child(odd){ flex-direction: inherit; }
.parent-resources-about .methodology-row:nth-child(odd) .methodology-image-content .methodology-desc { margin: 0; padding-left: 15px; padding-right: 0; }
.parent-resources-about .methodology-wrap .methodology-row:nth-child(odd) .methodology-image::before { background-image: url(../images/work-left-icon.svg); bottom: -10px; left: 0; width: 110px; height: 128px; }
.parent-resources-about .methodology-wrap .methodology-row:nth-child(odd) .methodology-image:after{ background-image: url(../images/work-right-icon.svg); top:0; right: 0; width: 140px; height: 129px; left: auto;}
/* ========== Parent-Resources-About End ========== */

/* ========== Parent-Resources-About Start ========== */
.our-partners-slider{ padding: 10px 0;}
.our-partners-slider .slick-track{ display: flex !important; justify-content: center; }
.our-partners-slider .slick-list{ margin: 0 -12px;}
.our-partners-slider .slick-list .slick-slide{ height: inherit; padding: 15px 12px;}
.our-partners-slider .item .image{ display: flex; align-items: center; justify-content: center;  background-color: var(--bs-white); box-shadow: 0px 4px 20px 0px #0000000F; height: 100%; border-radius: 10px; padding: 28px 10px;}
.our-partners-slider .item .image img {
    height: 100px;
    width: auto;
    object-fit: contain;
}
.slick-arrow{ width: 56px; height: 56px; border-radius: 50%; background-color: #2547361A; border: 1px solid #254736;}
.slick-arrow.slick-prev::before { content: ''; background-image: url(../images/slider-left-arrow.svg); background-repeat: no-repeat; width: 16px; height: 16px; display: inline-block; }
.slick-arrow.slick-next::before { content: ''; background-image: url(../images/slider-right-arrow.svg); background-repeat: no-repeat; width: 16px; height: 16px; display: inline-block; }
.slick-arrow.slick-prev{ left: -110px;}
.slick-arrow.slick-next{ right: -110px;}
/* ========== Parent-Resources-About End ========== */

/* ========== Work-Section Start ========== */
.work-section .nav-tabs{  padding-bottom: 40px;}
.work-section .nav-tabs .nav-item .nav-link{ padding: 20px 40px;}
.work-item-info{ height: 100%; background-color: var(--bs-white); box-shadow: 0px 4px 20px 0px #0000001A; border-radius: 20px; padding: 12px 12px 65px 12px;}
/* .work-item-info .button__primary{ position: absolute; bottom: 12px; left: 12px;} */
.work-item-info .program-buttons {
    position: absolute;
    bottom: 12px;
    left: 12px;
    gap: 10px !important;
    width: calc(100% - 24px);
}
/* .work-item-info .program-buttons .button__primary {
    padding-right: 60px;
} */

.work-image-info .image{ border-radius: 20px; padding-bottom: 48.6%; margin-bottom: 30px;}
.work-image-info .post-date-info { position: absolute; inset: 0; display: flex; z-index: 1; flex-direction: column-reverse; justify-content: space-between; }
.work-image-info .post-date-info .time-info{ text-align: end;}
.work-image-info .post-date-info .time-info h5{ font-size: var(--f-size-S); line-height: 1; color: var(--bs-white); display: inline-flex; align-items: center; background-color: var(--color-accent); border-radius: 5px; padding: 6px 20px; margin: 10px;}
.work-image-info .post-date-info .time-info h5 .icon{ display: inline-block; margin-right: 10px;}
.work-image-info .post-date-info .date-info h5{ line-height: 1; min-width: 72px; height: 72px; display: inline-block; text-align: center; background-color: var(--color-primary); border-radius: 0 10px 0 17px; margin-bottom: 0; padding: 10px 5px;}
.work-image-info .post-date-info h5 span{ display: block;}
.work-image-info .post-date-info h5 .date-text{ font-size: var(--f-size-S); color: var(--color-accent); line-height: 1.2;}
.work-image-info .post-date-info h5 .date-num{ font-family: var(--ff-noche-bold); font-size: var(--f-size-M); color: var(--color-accent);}
.work-details-info .title h3{ color: var(--color-accent); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;}
.work-details-info{ padding: 0 12px;}
.work-details-info .loction p{ font-size: var(--f-size-S); line-height: 1; font-weight: normal; color: var(--color-accent); background-color: #F4F9F3; border-radius: 4px; padding: 8px; display: flex; align-items: center; margin-bottom: 8px;}
.work-details-info .loction p span{ margin-right: 6px;}
.work-details-info ul{ margin-bottom: 8px;}
.work-details-info ul li{ font-size: var(--f-size-M); font-weight: var(--fw-regular); color: #818181;}
.work-details-info ul li span{ color: var(--color-accent);}
.work-details-info p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;}
.upcoming-col .work-image-info .post-date-info .time-info h5{ background-color: var(--color-accent);}
.upcoming-col .work-image-info .post-date-info .date-info h5{ background-color: #E5EFEA;}
.upcoming-col .work-image-info .image:after{ content: ''; position: absolute; inset: 0; width: 100%; height: 100%; background-color: rgba(234, 234, 234, 0.6); }
.upcoming-col .work-details-info .title h3, .upcoming-col .work-details-info .loction p{ color: #566B60;}
.upcoming-col .work-item-info .button__primary{ pointer-events: none; background-color: #E8E7E7 !important; border-color: #E8E7E7 !important; color: #848484 !important;}
.upcoming-col .work-item-info .button__primary::before{ background-color: #B3B3B3 !important;}
.upcoming-col .work-item-info .button__primary::after{ transform: rotate(-45deg) !important; filter: inherit !important;}
/* === grid-view === */
.grid-view .work-item-col{ width: 100%;}
.grid-view .work-item-info{ padding: 30px 20px;}
.grid-view .work-item-info{ display: flex;}
.grid-view .work-image-info{ width: 42%; display: flex; gap: 24px;} 
.grid-view .work-details-info{ width: 58%; padding-left: 24px; position: relative;}
.grid-view .work-image-info .post-date-info{ position: static; display: block; width: 96px;}
.grid-view .work-image-info .post-date-info .time-info { text-align: start; padding: 0; line-height: 1; margin: 0; }
.grid-view .work-image-info .image{ width: calc(100% - 96px); padding-left: 24px; border: 12px solid var(--color-accent); margin-bottom: 0;}
.grid-view .work-image-info .post-date-info .date-info h5 { min-width: 100%; height: auto; background-color: #F9F9EF; border-radius: 0; padding: 10px 5px; }
.grid-view .work-image-info .post-date-info h5 .date-num{ font-size: var(--f-size-XL);}
.grid-view .work-image-info .post-date-info .time-info h5 { width: 96px; border-radius: 0; justify-content: center; padding: 5px; margin: 0; }
.grid-view .work-image-info .post-date-info .time-info h5 .icon{ display: none;}
.grid-view .work-details-info .title-wrap{ display: flex; flex-direction: column-reverse;}
.grid-view .work-details-info .loction p{ display: inline-block; border: 1px solid var(--color-accent); border-radius: 10px;}
.grid-view .work-details-info ul{ display: flex; gap: 30px;}
.grid-view .work-details-info .title h3{ margin-bottom: 15px;}
.grid-view .work-details-info p{ margin-bottom: 15px;}
.grid-view .work-item-info .program-buttons{ position: static;}
/* ========== Work-Section End ========== */
@media only screen and (max-width: 1700px){
.slick-arrow.slick-prev { left: -65px; }
.slick-arrow.slick-next { right: -65px; }
}
@media only screen and (max-width:1599px){
.slick-arrow.slick-prev { left: -30px; z-index: 5; }
.slick-arrow.slick-next { right: -30px; z-index: 5; }
.work-section .nav-tabs .nav-item .nav-link { padding: 15px 35px;}

.work-item-info .program-buttons .button__primary {
    font-size: 16px;
    line-height: 1;
    height: 45px;
    padding: 0 45px 0 12px;
}
.work-item-info .program-buttons .button__primary::before{
    width: 32px;
    height: 32px;
    right: 5px;
}
.work-item-info .program-buttons .button__primary::after {
    width: 11px;
    height: 12px;
    right: 15px;
}


}
@media only screen and (max-width:1199px){
    
.nav-tabs{ gap: 15px; }
  
/* .nav-tabs .nav-item { flex: 0 0 auto; } */
.resources-inner .nav-tabs .nav-item .nav-link { min-width: 195px; }
.nav-tabs .nav-item .nav-link{ padding: 15px 18px;}
.resources-item-info{ padding: 12px;}
.parent-resources-about .methodology-wrap .methodology-row:nth-child(odd) .methodology-image:after { width: 70px; height: 59px;}
.parent-resources-about .methodology-wrap .methodology-row:nth-child(odd) .methodology-image::before { width: 60px; height: 78px;}
.our-partners-slider .item .image{ padding: 28px 30px;}
.our-partners-slider .item .image img { height: 60px;}
.work-section .work-inner .nav-tabs{ justify-content: center !important;}
/* .work-details-info { padding: 0 0px 12px; } */
.work-image-info .image { padding-bottom: 64.6%; margin-bottom: 20px;}
.grid-view .work-image-info{ gap: 0;}
.grid-view .work-image-info .post-date-info { position: absolute; }
.grid-view .work-image-info .image{ width: 100%;}
.grid-view .work-image-info .post-date-info .date-info h5{ border-radius: 15px 0 0 0;}

}
@media only screen and (max-width:991px){
.inner-about-methodology .methodology-image { padding-bottom: 67.6% !important; }
.our-partners-slider .item .image { padding: 15px 22px;}
.slick-arrow { width: 45px; height: 45px; }
.slick-arrow.slick-arrow.slick-prev { left: -10px;}
.slick-arrow.slick-next { right: -15px;}
.grid-view .work-details-info p { margin-bottom: 5px;}

.our-partners-inner .slick-arrow{ top: auto; bottom: -60px;}
.our-partners-inner .slick-arrow.slick-arrow.slick-prev { left: 42%;}
.our-partners-inner .slick-arrow.slick-arrow.slick-next { right: 42%;}

}
@media only screen and (max-width:767px){
.work-section .nav-tabs { padding-bottom: 10px; margin-bottom: 20px; }
.work-section .work-inner .nav-tabs{ justify-content: start !important;}
.grid-view .work-item-info{ flex-wrap: wrap;}
.grid-view .work-image-info{ width: 100%;}
.grid-view .work-details-info { width: 100%; padding-left: 0; padding-top: 20px; padding-bottom: 0;}
.our-partners-inner .slick-arrow.slick-arrow.slick-prev { left: 39%;}
.our-partners-inner .slick-arrow.slick-arrow.slick-next { right: 39%;}
.our-partners-slider { padding: 0;}

}
@media only screen and (max-width:479px){
.resources-inner .nav-tabs .nav-item .nav-link { min-width: 165px; }
.nav-tabs .nav-item .nav-link { padding: 11px 18px; }
.our-partners-inner .slick-arrow.slick-arrow.slick-prev { left: 34%;}
.our-partners-inner .slick-arrow.slick-arrow.slick-next { right: 34%;}
.history-tab-info .slick-list{ width: 100%;}
/* .our-partners-slider .item .image img { height: 50px;} */
.work-image-info .post-date-info .time-info h5{ padding: 6px 13px;}
.grid-view .work-item-info { padding: 20px 10px; }
.grid-view .work-image-info .image { border: 7px solid var(--color-accent); }
}
/* **************** Additional-Program Page **************** */

/* ========== Extra-Class-Section Start ========== */
.extra-class-wrapper .extra-class-image{ position: relative; padding: 40px 0 40px 40px;}
.extra-class-wrapper .extra-class-image::after{ content: ''; position: absolute; left: 0; top: 0; background-image: url(../images/class-bg.jpg); background-repeat: no-repeat; background-size: cover; width: calc(100% - 75px); height: 100%; border-radius: 30px;}
.extra-class-wrapper .extra-class-image .image{ padding-bottom: 85%; border-radius: 20px;}
.extra-class-image-info{ padding-left: 50px;}
.extra-class-image-info .extra-class-image-desc{ max-width: 765px; padding-left: 40px;}
.extra-class-image-info .extra-class-image-desc p{ margin-bottom: 15px;}
.class-item-holder .class-item{ display: flex; background-color: var(--color-primary); border-radius: 20px; border-bottom: 2px solid var(--color-accent); padding: 16px; margin-bottom: 15px;}
.class-item-holder .class-item:last-child{ margin-bottom: 0;}
.class-item-holder .class-item .icon{ width: 81px;}
.class-item-holder .class-item .icon-info{ width: calc(100% - 81px); padding-left: 15px;}
.class-item-holder .class-item .icon-info h3{ color: var(--color-accent); margin-bottom: 10px;}
.class-item-holder .class-item:nth-child(even){ background-color: var(--color-accent); border-color: var(--color-primary);}
.class-item-holder .class-item:nth-child(even) h3{ color: var(--color-primary);}
.class-item-holder .class-item:nth-child(even) p{ color: var(--color-tertiary);}
.summer-camp-section{ background-color: #FFC487;}
.summer-camp-section::after{ content: ''; position: absolute; left: 0; bottom: -40px; width: 322px; height: 30%; background-image: url(../images/summer-bg.svg); background-repeat: no-repeat;}
.summer-camp-section .extra-class-image-info{ padding-left: 0;}
.summer-camp-section .extra-class-image-info .extra-class-image-desc { max-width: 765px; margin: 0 0 0 auto;}
.summer-camp-section .extra-class-wrapper .extra-class-image::after{ left: auto; right: 0;}
.summer-camp-section .extra-class-wrapper .extra-class-image { padding: 40px 40px 40px 0px; }
/* ========== Extra-Class-Section End ========== */

@media only screen and (max-width:1199px){
.extra-class-image-info { padding-left: 10px;}
.extra-class-wrapper .extra-class-image { padding: 20px 0 20px 20px;}
.summer-camp-section .extra-class-wrapper .extra-class-image { padding: 20px 20px 20px 0px;}

}
@media only screen and (max-width:991px){
.extra-class-image-info { padding-left: 0; padding-top: 25px;}
.summer-camp-section .extra-class-wrapper .row{ flex-direction: column-reverse;}
.summer-camp-section::after{ display: none;}
.extra-class-wrapper .extra-class-image .image { padding-bottom: 63%;}
.extra-class-image-info .extra-class-image-desc{ max-width: 100%;}
.summer-camp-section .extra-class-image-info .extra-class-image-desc { max-width: 100%; margin: 0;}

}
@media only screen and (max-width:767px){
.class-item-holder .class-item .icon { width: 60px;}
.class-item-holder .class-item .icon-info { width: calc(100% - 60px);}
.extra-class-image-info{ text-align: center;}
}
@media only screen and (max-width:479px){}

/* **************** Program Page **************** */

/* ========== Rank-Program-Section Start ========== */
.icon-shape-one{ position: absolute; right: 12px; top: 9px; z-index: 1;} 
.icon-shape-two{ position: absolute; left: 20px; bottom: 8px; z-index: 1;} 
.event-holder:after{ content: ''; position: absolute; left: 20px; top: 60%; width: 150px; height: 150px; background-image: url(../images/infant.svg); background-repeat: no-repeat; background-size: cover; z-index: -1;}
.event-holder:nth-child(3):after{ background-image: url(../images/abc-icon.svg);}
.rank-program-section:after{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 30%; height: 100%; background-image: url(../images/rank-bg.jpg); background-repeat: no-repeat; background-size: cover; border-radius: 0 0 0 20px;}
.rank-program-section .rank-image{ padding-bottom: 98%; border-radius: 20px;}
.rank-program-section .rank-image-info{ padding-left: 25px;}
.event-wrapper{ margin-top: 24px; padding-top: 80px;}
.event-wrapper::after { content: ''; position: absolute; right: 42px; top: 160px; width: 24.3%; height: 50%; background-image: url(../images/big-yellow-star.svg); background-repeat: no-repeat; background-size: cover;}
.event-wrapper .event-info { background-color: var(--color-primary); border-radius: 20px; padding: 30px; }
.event-wrapper .event-inner{ background-color: #FFF5E8; border-radius: 20px; padding: 50px;}
.event-image-wrap{ background-image: url(../images/rank-bg.jpg); background-repeat: no-repeat; background-size: cover; position: relative; padding-bottom: 52% !important; border-radius: 20px; overflow: hidden; padding: 30px; margin-bottom: 24px;}
.event-image-wrap .image{ position: absolute; width: calc(100% - 60px); height: calc(100% - 60px); border-radius: 10px; overflow: hidden; }
.event-wrapper .event-inner .row{ position: relative; z-index: 2;}
.event-image-wrap .image img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.event-info .event-desc .normal-btn{ font-family: var(--ff-noche-bold); font-size: var(--f-size-M); color: var(--color-accent); text-decoration: underline; position: relative; padding-right: 20px;}
.event-info .event-desc .normal-btn::after { content: ''; position: absolute; right: 0; top: 8px; background-image: url(../images/bottom-arrow.svg); background-repeat: no-repeat; width: 13px; height: 8px; }
.event-wrapper .event-time { width: 200px; height: 200px; border-radius: 100%; border: 10px solid var(--color-primary); display: flex; justify-content: center; align-items: center; background-color: #FFF5E8; z-index: 5; position: absolute; right: -24px; top: 0; }
.event-wrapper .event-time h5{ font-family: var(--ff-noche-semibold); font-size: 24px; color: var(--color-accent); margin-bottom: 0;}
.rank-event-section .event-holder:nth-child(even):after{ left: auto; right: 20px; background-image: url(../images/toddler.svg);}
.rank-event-section .event-holder:nth-child(even) .event-wrapper::after{ background-image: url(../images/big-love.svg);}
.rank-event-section .event-holder:nth-child(even) .event-wrapper .event-info{ background-color: var(--color-accent);}
.rank-event-section .event-holder:nth-child(even) .event-wrapper .event-inner{ background-color: #F3F9F2;}
.rank-event-section .event-holder:nth-child(even) .event-wrapper .event-time{ border-color: var(--color-accent); background-color: #F3F9F2;}
.rank-event-section .event-holder:nth-child(even) .event-image-wrap{ background-image: url(../images/program-yellow-bg.jpg);}
/* ========== Rank-Program-Section End ========== */
@media only screen and (max-width:1599px){
.event-wrapper::after { right: 33px; width: 16.3%; height: 30%;}
.event-wrapper .event-info { padding: 20px;}
.event-wrapper .event-time { width: 170px; height: 170px;}
.event-wrapper .event-inner { padding: 30px;}

}
@media only screen and (max-width:1199px){
.event-image-wrap .icon-shape-one img{ width: 40px;}
.event-image-wrap .icon-shape-two img{ width: 40px;}

}
@media only screen and (max-width:991px){
.rank-program-section:after { width: 100%; height: 30%;}
.rank-program-section .rank-image { padding-bottom: 75%;}
.rank-program-section{ padding-bottom: 0;}
.rank-program-section .rank-image-info { padding-left: 0; padding-top: 25px;}
.event-wrapper .event-time { width: 140px; height: 140px; border: 5px solid var(--color-primary);}
.event-wrapper .event-time h5 { font-size: 20px; }

}
@media only screen and (max-width:767px){
.event-wrapper .event-inner { padding: 20px; }
.event-wrapper .event-time h5 { font-size: 16px;}
.event-wrapper .event-time { width: 120px; height: 120px; right: 33%; top: 0;}

}
@media only screen and (max-width:479px){
.event-wrapper .event-info { padding: 10px;}
.event-wrapper .event-inner { padding: 10px;}
.rank-event-section .event-image-wrap { padding: 10px;}
.rank-event-section .event-image-wrap .image { width: calc(100% - 20px); height: calc(100% - 20px);}
.event-image-wrap .icon-shape-one img, .event-image-wrap .icon-shape-two img{ width: 30px;}
.event-image-wrap .icon-shape-two{ left: 10px;}
.event-wrapper .event-time { width: 100px; height: 100px;}
.event-wrapper .event-time h5 { font-size: 14px;}
.event-wrapper { margin-top: 0;}

}
/* **************** Career Page **************** */

/* ========== career-program-section  Start ========== */
.career-program-section::after{ left: auto; right: 0;}
.career-program-section .rank-program-row{ flex-direction: row-reverse;}
.career-program-section .rank-image-info { padding-left: 0; padding-right: 25px; }
.career-program-section .rank-image-info .button__primary{ margin-top: 10px;}
.partner-section{ background-color: var(--bs-white);}

.partner-section::after{ content: ''; position: absolute; left: 4%; top: 5px; background-image: url(../images/green-shape.svg); background-repeat: no-repeat; background-size: contain; width: 340px; height: 84%;} 
.partner-section::before { content: ''; position: absolute; right: 10%; bottom: 20px; background-image: url(../images/green-star.svg); background-repeat: no-repeat; background-size: contain; width: 265px; height: 57%; display: none;}
.partner-section .partner-info{ background-color: var(--color-accent); text-align: center; max-width: 1175px; border-radius: 20px; border-left: 4px solid var(--color-primary); padding: 20px 30px; margin: 0 auto; }
.partner-section .partner-info p{ font-family: var(--ff-noche-semibold);  font-size: 25px; color: var(--bs-white); margin-bottom: 15px;}
.partner-section .partner-info h4{ font-family: var(--ff-noche-bold); font-size: 30px; color: var(--bs-white); margin-bottom: 0;}
.teacher-training-section{ background-color: #C8DFC5;}
.teacher-training-section:after{ content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 60px; background-color: #ffffff;}
.teacher-training-section::before { content: ''; position: absolute; left: 0; bottom: 0; background-image: url(../images/care-bg-left.svg); background-repeat: no-repeat; background-size: cover; width: 310px; height: 30.7%; z-index: 1; display: none;}
.training-wrap .training-info{ padding: 40px 40px 0 0;}
.training-wrap .training-info img{ margin-bottom: 30px;}
.training-wrap .training-info h2{ color: var(--color-accent);}
.training-wrap .training-info .training-desc{ max-width: 695px; margin-left: auto;}
.training-wrap .training-image{ padding-bottom: 90%; border-radius: 20px; width: 90%;}
.school-section::after{ content: ''; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 50%; background-color: #FBFBF5;}
.school-section .school-info{ border-radius: 40px; padding: 75px 100px; overflow: hidden;}
.school-section .school-info:after{ content: ''; position: absolute; inset: 0; width: 100%; height: 100%; background: #17191866; } 
.school-section .school-info :is(h2, p){ color: var(--color-tertiary);}
.school-section .school-info p{ max-width: 750px; margin: 0 auto 24px;}
.school-section .button__primary, .join-us-wrapper .join-us-info .button__primary{ background-color: var(--color-tertiary); color: var(--color-accent); border-color: var(--color-accent);}
.school-section .button__primary:hover, .join-us-wrapper .join-us-info .button__primary:hover{ background-color: var(--color-accent); color: var(--bs-white);}
.methodology-career-sec .methodology-wrap .methodology-row:nth-child(odd) .methodology-image-content::after { background-image: url(../images/career-book.svg) !important; }

/* ========== career-program-section  End ========== */
@media only screen and (max-width:1599px){
.training-wrap .training-info { padding: 110px 30px 0 0;}

}
@media only screen and (max-width:1199px){
.partner-section::after { width: 240px; height: 72%;}
.partner-section::before { width: 165px;}
.training-wrap .training-info { padding: 100px 0px 0 0;}
.methodology-wrap .methodology-row:nth-child(even) .methodology-image::before { width: 100px; height: 44px;}
.training-wrap .training-info img { margin-bottom: 20px; height: 80px; }
.teacher-training-section::before{ display: none;}
}
@media only screen and (max-width:991px){
.career-program-section .rank-image-info { padding-right: 0;}
.partner-section .partner-info { padding: 40px 30px;}
.training-wrap .training-info img { height: 60px;}
.methodology-image-content ul li::after { width: 12px; height: 12px;}
.methodology-image-content ul li{ padding-left: 20px;}
.school-section .school-info { border-radius: 20px; padding: 35px 40px;}
.partner-section .partner-info h4{ font-size: 30px !important;}
.partner-section .partner-info p{ font-size: 28px;}
.career-program-section{ padding-bottom: 50px;}
}
@media only screen and (max-width:767px){
.career-program-section::after { width: 100%; height: 30%;}
.career-program-section .rank-image-info{ text-align: center; padding-top: 25px;}
.partner-section::after { width: 85px; height: 19%; top: -20px; left: 1%;}
.partner-section::before { width: 125px; height: 37%;}
.partner-section .partner-info { padding: 30px 20px;}
.training-wrap{ text-align: center;}
.training-wrap .row{ flex-direction: column-reverse;}
.training-wrap .training-info { padding: 30px 0px 0 0;}
.partner-section .partner-info h4{ font-size: 25px !important;}
.partner-section .partner-info p{ font-size: 20px;}

}
@media only screen and (max-width:479px){
.training-wrap .training-image { padding-bottom: 94%; }
.school-section .school-info { padding: 25px 20px; }
}

/* **************** Subsidies Page **************** */

/* ========== Our-Subsidy-section Start ========== */
.inner-subsidies-about .methodology-image:after{  background-image: url(../images/new-subsidles-top-right.svg) !important;}
.inner-subsidies-about .methodology-image::before { background-image: url(../images/new-subsidles-btm-left.svg) !important; }
.inner-subsidies-about::after{ background-image: url(../images/subsidy-sec-after.svg) !important; left: 8%; display: none;}
.our-subsidy-wrapper{ background-color: var(--color-accent); border-radius: 20px; padding: 40px 30px;}
.our-subsidy-wrapper .nav{ justify-content: center; gap: 16px; margin-bottom: 0 !important;}
.our-subsidy-wrapper .nav .nav-item .nav-link{ width: 360px; font-family: var(--ff-noche-bold); font-size: var(--f-size-M); color: var(--bs-white); background-color: rgba(255,255,255,0.4); border-radius: 30px 30px 0 0; padding: 20px;}
.our-subsidy-wrapper .nav .nav-item .nav-link.active{ background-color: var(--bs-white); color: var(--color-accent);} 
.our-subsidy-wrapper .tab-content{ background-color: var(--bs-white); border-radius: 30px; padding: 30px;}
.our-subsidy-about-content h3, .savings-calculations-info h3{ color: var(--color-accent);}
.our-subsidy-about .event-image-wrap{ padding-bottom: 70% !important;}
.qualifications-info{ background-color: #FFF5E8; border-radius: 30px; padding: 30px; margin-block: 30px;}
.qualifications-info .title h3{ color: var(--color-accent);}
.qualifications-info .accordion-body ul li { line-height: 1; position: relative; padding-left: 32px; margin-bottom: 20px; }
.qualifications-info .accordion-body ul li::after { content: ''; position: absolute; left: 0; top: 3px; width: 16px; height: 16px; border-radius: 50%; background-color: var(--color-secondary); }
.qualifications-info .accordion-button:not(.collapsed){ background-color: var(--color-primary);}
.qualifications-info .accordion-body{ border-color: var(--color-primary);}
.qualifications-info .accordion-body p{ color: var(--color-secondary);}
.qualifications-info .accordion-button::after{ border-color: var(--color-accent); background-image: url(../images/green-plus.svg);}
.qualifications-info .accordion-button:not(.collapsed)::after{ background-image: url(../images/green-minus.svg);}
.qualifications-info .accordion-button:not(.collapsed){ color: var(--color-accent);}
.savings-calculations-info{ background-color: #FFF5E8; border-radius: 30px; padding: 30px;}
.savings-calculations{ border: 1px solid var(--color-accent); border-bottom: 0; border-radius: 10px 10px 0 0; overflow: hidden;}
.calculations-item ul li:first-child{ width: 70%;}
.calculations-item ul li:nth-child(2){ width: 30%;}
.calculations-item ul li{ display: flex; align-items: center; justify-content: center; line-height: 1; height: 70px; padding: 8px 24px;}
.calculations-head ul li:nth-child(1){ justify-content: start;}
.calculations-item ul li:first-child{ justify-content: start;}
.calculations-item ul{ border-bottom: 1px solid var(--color-accent);}
.calculations-head ul{ background-color: #FFD69C; border-bottom: 1px solid var(--color-accent);}
.calculations-head ul li{ font-family: var(--ff-noche-semibold); font-size: 24px; color: var(--color-accent);}
.calculations-body ul li:nth-child(2){ border-left: 1px solid var(--color-accent); text-align: center;}
.calculations-head ul li:nth-child(2){ border-left: 1px solid var(--color-accent); justify-content: start;}
.calculations-body ul li{ background-color: var(--bs-white);}

.savings-calculations.three-col-table .calculations-item ul li:first-child {width: 40%; }
.savings-calculations.three-col-table .calculations-item ul li:nth-child(3) {width: 30%; border-left: 1px solid var(--color-accent); }

.available-funding-section:after { content: ''; position: absolute; right: 0; top: -20px; width: 295px; height: 43%; background-image: url(../images/funding-right-icon.svg); background-repeat: no-repeat; background-size: cover; }
.available-funding-section::before { content: ''; position: absolute; left: 0; bottom: 0; width: 322px; height: 30%; background-image: url(../images/summer-bg.svg); background-repeat: no-repeat; }
.available-funding-section .common-title{ padding-bottom: 20px;}
.funding-wrap .accordion{ margin-left: 18%; }
.funding-wrap .event-image-wrap{ padding-bottom: 67.5% !important; margin-left: 30px;}
.we-are-help-info{ background-color: var(--color-accent);  border-radius: 20px; padding: 25px;}
.we-are-help-info::after { content: ''; position: absolute; right: 0; bottom: 0; width: 310px; height: 75%; background-image: url(../images/help-icon.svg); background-repeat: no-repeat; background-size: cover; }
.we-are-help-info :is(h2, p){ color: var(--color-tertiary);}
.we-are-contact{ background-color: var(--bs-white); box-shadow: -10px -10px 20px 0px #FFB56938; border-radius: 20px; border-bottom: 1px solid var(--color-primary); border-right: 1px solid var(--color-primary); padding: 35px;}
.qualifications-info .accordion-body ul li::after { width: 12px; height: 12px;}
.qualifications-info .accordion-body ul li { padding-left: 20px; color: var(--color-secondary);}
.available-funding-section .accordion-item .accordion-button{ background-color: var(--color-accent); color: var(--bs-white);}
.available-funding-section .accordion-item .accordion-button::after{ border-color: var(--bs-white); filter: brightness(0) invert(1);}

.eligibility-info h3 { color: var(--color-accent); }
.eligibility-info ul {list-style: disc; padding-left: 20px; }
.eligibility-info ul li {margin: 0 0 10px; }

/* ========== Our-Subsidy-section End ========== */

@media only screen and (max-width:1599px){
.available-funding-section:after { width: 255px;}

}
@media only screen and (max-width:1199px){
.event-image-wrap{ padding: 20px;}
.event-image-wrap .image { width: calc(100% - 40px); height: calc(100% - 40px);}
.available-funding-section:after { width: 195px; }
.calculations-head ul li { font-size: 18px;}
.calculations-item ul li{ height: 60px;}
.funding-wrap .event-image-wrap { margin-left: 0;}
.we-are-contact { padding: 20px;}

}
@media only screen and (max-width:991px){
.our-subsidy-wrapper .nav .nav-item .nav-link { width: 220px; border-radius: 20px 20px 0 0; padding: 14px;}
.our-subsidy-wrapper { padding: 30px 20px;}
.our-subsidy-wrapper .tab-content { padding: 20px;}
.our-subsidy-about .row{ flex-direction: column-reverse;}
.our-subsidy-about-content{ padding-top: 25px;}
.qualifications-info { padding: 20px;}
.accordion-item { margin-bottom: 10px;}
.calculations-item ul li { padding: 8px 14px;}
.savings-calculations-info { padding: 20px;}
.available-funding-section .accordion-item .accordion-button { font-size: 18px; padding: 14px 18px;}
.available-funding-section .accordion-body { padding: 15px; }
.available-funding-section  .accordion-button::after { width: 25px; height: 25px; background-size: 11px;}
.we-are-help-info { padding: 15px;}
.we-are-help-info{ margin-bottom: 25px;}
.funding-wrap .row{ flex-direction: column-reverse;}
.funding-wrap .accordion { margin-left: 0; padding-top: 25px;}
.available-funding-section::before { width: 252px; height: 20%;}
}
@media only screen and (max-width:767px){
.icon-shape-one img{ width: 40px;}
.icon-shape-two img{ width: 40px;}
.our-subsidy-wrapper { padding: 20px 10px;}
.our-subsidy-wrapper .tab-content { padding: 10px;}
.our-subsidy-wrapper .nav .nav-item .nav-link { width: 150px; padding: 9px;}
.qualifications-info { padding: 20px 10px;}
.savings-calculations-info { text-align: center; padding: 20px 10px; overflow: hidden;}
.savings-responsive{ overflow-x: auto;}
.savings-responsive .savings-calculations{ width: 200%;}
.available-funding-section:after, .available-funding-section::before{ display: none;}
.calculations-item ul li:first-child, .calculations-head ul li:nth-child(2){ justify-content: center;}
.calculations-item ul li { height: 40px;}
.our-subsidy-about-content{ text-align: center;}
.we-are-help-info{ text-align: center;}
.inner-about-methodology .methodology-wrap .methodology-row:nth-child(odd) .methodology-image:after { top: 8px; right: 4px; }
}
@media only screen and (max-width:479px){
.our-subsidy-wrapper .nav .nav-item .nav-link { width: 126px; padding: 4px 8px;}
.our-subsidy-about-content a.button__primary{ font-size: 14px; padding: 0 40px 0 11px;}
.accordion-item .accordion-button { font-size: 18px; padding: 10px 13px; }
.qualifications-info .accordion-body ul li{ margin-bottom: 12px;}
}

/* **************** Resources Details Page **************** */
.resources-section .resources-details-top-info{ background-color: var(--color-primary); border-radius: 30px; padding: 50px; margin-top: -150px;}
.resources-section .resources-details-top-info .button__primary{ background-color: var(--color-accent) !important; color: var(--color-tertiary) !important; margin-bottom: 15px; padding: 0 26px 0 26px; pointer-events: none;}
.resources-section .resources-details-top-info .button__primary::before{ display: none; background-color: var(--color-primary);}
.resources-section .resources-details-top-info .button__primary::after{ display: none; }
.resources-section .resources-details-top-info h2{ color: var(--color-tertiary); margin: 0;}
.resources-details-main-info{ padding-top: 20px; padding-bottom: 40px;}
.resources-details-main-info h5{ font-family: var(--ff-base); font-weight: 300; color: var(--color-accent); margin-bottom: 10px;}
.resources-details-main-info strong{ font-weight: var(--ff-noche-bold);}
.resources-details-main-info a{ font-weight: var(--fw-regular); color: var(--color-accent); text-decoration: underline;}
.resources-details-main-info h3{ color: var(--color-accent); background-color: #FFEFD8; border-radius: 10px; padding: 10px;}
.resources-details-main-info ul{ padding-left: 20px;}
.resources-details-main-info ul li{ line-height: 1; position: relative; padding-left: 32px; margin-bottom: 20px;}
.resources-details-main-info ul li:after{ content: ''; position: absolute; left: 0; top: 3px; width: 16px; height: 16px; border-radius: 50%; background-color: var(--color-accent); }
.resources-details-bottom-info .user-info{ background-color: #FFEFD8; border: 1px solid var(--color-accent); border-radius: 20px; max-width: 1175px; margin: 0 auto 60px; padding: 20px;}
.resources-details-bottom-info .user-info .image{ width: 310px; border-radius: 10px; overflow: hidden;}
.resources-details-bottom-info .user-info .image img{ width: 100%; height: 100%; object-fit: cover;}
.resources-details-bottom-info .user-info .image-desc{ width: calc(100% - 310px); padding-left: 20px;}
.resources-details-bottom-info .user-info .image-desc h3{ color: var(--color-accent); margin-bottom: 8px;}
.resources-details-bottom-info .user-info .image-desc p a{ font-family: var(--ff-noche-semibold); color: var(--color-secondary); text-decoration: underline;}
.resources-details-bottom-info{ padding-bottom: 60px;}
.resources-view-row .blog-post{ width: 323px; background-color: #F2EFEF; border-radius: 5px; margin-bottom: 12px; padding: 16px;}
.resources-view-row .blog-post .image{ width: 70px; height: 43px; border-radius: 5px; overflow: hidden;}
.resources-view-row .blog-post .image img{ width: 100%; height: 100%; object-fit: cover;}
.resources-view-row .blog-post .image-desc{ width: calc(100% - 70px); padding-left: 10px;}
.resources-view-row .blog-post .image-desc h4{ font-size: var(--f-size-S); color: var(--color-accent); margin-bottom: 0;}
.resources-view-row .next-page a{ display: flex; align-items: center; font-family: var(--ff-noche-semibold); font-size: var(--f-size-M); line-height: 1; color: var(--color-accent); transition: var(--transition-common);}
.resources-view-row .col-md-6:last-child .next-page a:hover span{ margin-right: 0;}
.resources-view-row .next-page a span{ display: inline-block; margin-right: 10px; margin-left: 10px; transition: var(--transition-common);}
.resources-view-row .next-page a:hover span{ margin-left: 0;}
.resources-view-row .col-md-6{ position: relative;}
.resources-view-row .col-md-6:last-child{ display: flex; justify-content: end;}
.resources-view-row .col-md-6:last-child .next-page a{ justify-content: end;}
.resources-view-row .col-md-6:last-child .next-page a span{ padding-right: 0; padding-left: 10px; margin-left: 0;}
.resources-view-row .col-md-6:last-child::after{ content: ''; width: 1px; height: 80px; background-color: #BEC5C2; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.share-post-section{ border-top: 1px solid rgba(37, 71, 54, 0.4); padding: 40px 0;}
.share-post-section .common-title h2{ margin-bottom: 0;}
.share-post-section .social-info ul{ gap: 16px; justify-content: end;}
.share-post-section .social-info ul li a{ width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--color-accent);}
.share-post-section .social-info ul li a:hover{ background-color: var(--color-primary);}

/* ============= Responsive Start ============= */
@media only screen and (max-width:991px){
.resources-section .resources-details-top-info { padding: 30px; margin-top: -110px; }

}
@media only screen and (max-width:767px){
.resources-details-main-info ul li:after { width: 12px; height: 12px; }
.resources-details-main-info ul li { padding-left: 20px; margin-bottom: 10px; }
.resources-details-bottom-info .user-info{ flex-wrap: wrap;}
.resources-details-main-info ul { padding-left: 10px;}
.resources-details-bottom-info .user-info .image{ width: 100%;}
.resources-details-bottom-info .user-info .image-desc { width: 100%; padding-left: 0; padding-top: 20px;}
.resources-view-row .blog-post{ display: none !important;}
.resources-view-row .col-md-6{ width: 50%;}
.resources-view-row .col-md-6:last-child::after { height: 30px;}
.resources-details-bottom-info { padding-bottom: 30px; }
.resources-section{ background-image: none !important;}
.resources-section .resources-details-top-info { padding: 20px; margin-top: -120px; border-radius: 10px; }
.share-post-section .row{ justify-content: center; text-align: center;}
.share-post-section .social-info{ justify-content: center !important; margin-top: 20px;}

}

/* ========== Curriculam Page ========== */
.available-funding-section{ background-color: var(--color-primary);}
.continuum-work-info .col-lg-4{ width: 20%;}
.continuum-work-item{ height: 100%; background-color: var(--color-accent); border-radius: 20px; overflow: hidden; padding: 28px 13px;}
.continuum-work-desc{ text-align: center;}
.continuum-work-desc .title-shape { width: 35px; display: none; margin-bottom: 10px;}
.continuum-work-desc .text{ width: 100%; padding-left: 0;}
.continuum-work-desc .text h3{ min-height: 128px; color: var(--color-primary);}
.continuum-work-desc .text p{ color: var(--color-tertiary);}
.continuum-work-item .bg-img{ position: absolute; right: 0; bottom: 0; z-index: 1;}


.curriculum-areas-section{ background-repeat: no-repeat; background-size: cover; background-position: top;}
.curriculum-areas-accordion .accordion-item{ border-radius: 20px; overflow: hidden; box-shadow: 4px 4px 12.5px 0px #0000001A;} 
.curriculum-areas-accordion .accordion-item .accordion-button { border-radius: 0!important; padding: 0 40px 0 0; display: flex; align-items: start; background-color: var(--color-tertiary) !important;box-shadow: none; overflow: hidden;}
.curriculum-areas-accordion .curriculum-button-info{ display: flex; }
.curriculum-areas-accordion .curriculum-button-info .image{ width: 200px; display: flex; align-items: center; justify-content: center; background-color: var(--color-accent); padding: 5px;}
.curriculum-areas-accordion .curriculum-button-info .image-desc{ width: calc(100% - 200px); padding: 30px 40px;}
.curriculum-areas-accordion .curriculum-button-info .image-desc h3{ color: var(--color-accent); margin-bottom: 15px;}
.curriculum-areas-accordion .curriculum-button-info .image-desc p{ font-family: var(--ff-base); font-size: var(--f-size-L); line-height: 1.3; font-weight: var(--fw-light); color: var(--color-secondary);}
.curriculum-areas-accordion .accordion-button::after{  margin-top: 30px; border-color: var(--color-accent);}
.curriculum-areas-accordion .accordion-button:not(.collapsed)::after{ filter: brightness(0); border-color: var(--color-accentS);}
.curriculum-areas-accordion .accordion-body .text:not(:last-child){ margin-bottom: 20px;}
.curriculum-areas-accordion .accordion-body .text h5{ color: var(--color-accent); margin-bottom: 8px;}
.curriculum-areas-accordion .accordion-body .text p{ line-height: 1.3; color: var(--color-secondary);}

.curriculum-areas-accordion .accordion-body { position: relative; background-color: var(--bs-white)!important; border: 0; padding: 20px 40px;  border-radius: 0 0 20px 20px;}
.curriculum-areas-accordion .accordion-body::after { content: ''; position: absolute; right: 35px; bottom: 50px; width: 24.2%; height: 66%; background-image: url(../images/ac-right-img.png); background-repeat: no-repeat; background-size: cover; z-index: 1; display: none;}
.curriculum-areas-accordion .accordion-item .accordion-button[aria-expanded="true"]{ background-color: var(--bs-white) !important;}
.curriculum-areas-accordion .accordion-item:has([aria-expanded="true"]){ border: 6px solid var(--color-accent) !important;}

@media only screen and (max-width: 1199px) {
    .continuum-work-item { padding: 20px; }

}
@media only screen and (max-width: 991px) {
.curriculum-areas-accordion .curriculum-button-info .image-desc { padding: 15px 25px; }
.curriculum-areas-accordion .accordion-item .accordion-button { padding: 0 20px 0 0; }
.curriculum-areas-accordion .accordion-body::after { height: 31%; }
.curriculum-areas-accordion .accordion-button::after { margin-top: 15px; }


}

@media only screen and (max-width: 767px) {
.curriculum-areas-accordion .curriculum-button-info .image { width: 130px;}

.curriculum-areas-accordion .curriculum-button-info .image-desc { width: calc(100% - 130px); padding: 15px;}
.curriculum-areas-accordion .accordion-item .accordion-button { padding: 0 10px 0 0; }
.curriculum-areas-accordion .accordion-item:has([aria-expanded="true"]) { border: 3px solid var(--color-accent) !important; }
.curriculum-areas-accordion .accordion-body { padding: 0 15px 20px; }

}
@media only screen and (max-width: 479px) {
.curriculum-areas-accordion .curriculum-button-info{ flex-wrap: wrap;}
.curriculum-areas-accordion .curriculum-button-info .image{ width: 100%; height: 210px;}
.curriculum-areas-accordion .curriculum-button-info .image img{ height: 100%;}
.curriculum-areas-accordion .curriculum-button-info .image-desc{ width: 100%;}
.curriculum-areas-accordion .accordion-item .accordion-button{ padding: 0;}
.curriculum-areas-accordion .accordion-button::after { position: absolute; right: 10px; border-color: #fff; filter: brightness(0) invert(1); }
.curriculum-areas-accordion .accordion-button:not(.collapsed)::after { filter: brightness(0) invert(1); border-color: #fff; }
.curriculum-areas-accordion .accordion-body::after { height: 7%; bottom: 20px; right: 5px;}

}

/* ========== new program Page ========== */
.inner-programs-section { overflow-x: hidden; box-shadow: 0px 0px 20px 10px #00000033; position: relative; z-index: 1;}
.child-programs-section::after { content: ''; background-image: url(../images/Jigsaw.svg); background-repeat: no-repeat; background-position: bottom right; position: absolute; right: 0; bottom: -30px; z-index: 2; width: 150px; background-size: cover; height: 150px; transform: rotate(-6deg); }
/* .child-programs-section::before { content: ''; position: absolute; right: 55%; top: 50%; transform: translateY(-50%); height: 80%; width: 4px; border-right: 2px dotted var(--color-accent); } */
.programs-item-holder:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 30%; height: 100%; background-image: url(../images/rank-bg.jpg); background-repeat: no-repeat; background-size: cover; border-radius: 0 20px 20px 0; box-shadow: 0px 9px 9.2px 0px #00000040;}
.programs-item-main:nth-child(even) .programs-item-holder:after{ background-image: url(../images/founder-bg.jpg);}
.programs-item-holder .programs-item-image .image{ padding-bottom: 77%; border-radius: 20px; box-shadow: 7px 10px 7px 0px #0000004D; margin-right: 30px;}
.programs-item-holder .big-star { position: absolute; right: 35px; top: 45px; z-index: 1; }
.programs-item-holder .small-icon { position: absolute; bottom: -20px; left: 44%; width: 80px; z-index: 1;}
.programs-item-main .btm-border{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 1;}
.programs-item-main .btm-border .border-div{ width: 100%; height: 1px; background-color: rgba(0,0,0,0.3); box-shadow: 2px 7px 14.9px 0px #000000;}
.programs-item-image-desc h4{ display: inline-block; font-size: 24px; box-shadow: 0px 0px 7px 3px #00000020; color: var(--color-accent); border-radius: 5px; background-color: var(--bs-white); padding: 3px 7px;}

.programs-item-main:nth-child(even) .programs-item-holder .small-icon { left: auto; right: -10px;}

.programs-item-main:last-child .btm-border{ display: none;}


.quality-commitment-section{ background-color:var(--bs-white); position: relative; background-position: 23px -140px !important;}
/* .quality-commitment-section::before { content: ''; position: absolute; right: 59%; top: 50%; transform: translateY(-50%); height: 80%; width: 4px; border-right: 2px dotted var(--color-accent); } */
.quality-commitment-section .common-title{ padding-right: 0; text-align: center;}
.quality-commitment-right h3{ color: var(--color-accent); margin-bottom: 10px;}
.quality-commitment-right h4{ font-size: 24px; color: var(--color-accent); margin-bottom: 15px; width: 100%; max-width: 230px; text-align: left;}
.quality-commitment-right h4 span{ display: inline-block; width: 34px; margin-right: 20px;}
.quality-commitment-right li{ display: flex; justify-content: center; gap: 10px;}
.quality-commitment-right li:not(:last-child){ margin-bottom: 0px;}
.quality-commitment-right li p{ font-family: var(--ff-noche-semibold);}
.new-extra-class-section .extra-class-wrapper .extra-class-image .image { padding-bottom: 65.5%;}
.extra-class-image-info{ padding-left: 0;}
.extra-class-wrapper .extra-class-image::after{ width: calc(100% - 150px);}
.extra-class-wrapper .extra-class-image{ padding: 30px 0 30px 30px;}

.all-class-section .accordion{ padding-bottom: 50px;}
.all-class-section .accordion-item{ border-bottom: 4px solid var(--color-primary); border-radius: 22px;}
.all-class-section .accordion-item .accordion-body{ background-color: #FDF2E8; border: 0;}
.all-class-section .accordion-item .accordion-button{ background-color: var(--color-accent); border-radius: 20px !important; padding: 28px 15px;}
.all-class-section .accordion-button:not(.collapsed){ border-radius: 20px 20px 0 0 !important; background-color: #FFB569;}
.class-title-info .icon{ width: 40px; height: 40px; position: relative;}
.class-title-info .icon img{ width: 100%; position: absolute; left: 0; top: 0;}
.class-title-info .icon img.open{ opacity: 0;}
.all-class-section .accordion-button:not(.collapsed) .icon img.close{ opacity: 0;}
.all-class-section .accordion-button:not(.collapsed) .icon img.open{ opacity: 1;}
.class-title-info .icon-desc{ width: calc(100% - 40px); padding-left: 15px;}
.class-title-info .icon-desc h3{ font-family: var(--ff-noche-semibold); color: var(--color-primary); margin-bottom: 0;}
.all-class-section .accordion-button::after{ filter: brightness(0) invert(1);}
.all-class-section .accordion-button:not(.collapsed) .icon-desc h3{ color: var(--color-accent);}

.all-class-section  .accordion-item:has([aria-expanded="true"]){ border-color: var(--color-accent) !important;}
.all-class-section .reg-btn{ margin-bottom: -74px;}
.all-class-section .reg-btn a { font-size: 37px; padding: 44px 166px 44px 118px; height: auto; background-color: var(--color-accent); color: var(--color-primary); border:2px solid  var(--color-accent);}
.all-class-section .button__primary::before{ right: 95px; background-color: var(--color-primary);}
.all-class-section .button__primary::after{ right: 108px; background: url(../images/btn-right-arrow.svg); filter: inherit; background-size: cover;}
.all-class-section .reg-btn a:hover{ background-color: var(--bs-white); color: var(--color-accent);}
.all-class-section .button__primary:hover::before{ background-color: var(--color-accent);}
.all-class-section .button__primary:hover::after{ filter: brightness(0) invert(1);}
.all-class-section .accordion-button:not(.collapsed)::after { background-image: url(../images/minus-icon-green.svg); border-color: var(--color-accent); filter: inherit;}

.summer-section{ background-color: #FFC487; background-position: right bottom; background-repeat: no-repeat; padding-top: 150px;}
.summer-section .summer-camp-left-img { padding-bottom: 83%; border-radius: 20px;}
.summer-section .summer-right-img { padding-bottom: 50%; border-radius: 20px; }
.summer-camp-btm-desc{ padding-top: 40px;}
.summer-camp-btm-desc ul{ list-style: disc; padding-left: 32px;}
.summer-camp-btm-desc ul li:not(:last-child){ margin-bottom: 10px;}
.summer-camp-btm-desc p strong{ font-family: var(--ff-noche-bold); font-size: 24px;}

footer .ftr-info .wpcf7 form.sent .wpcf7-response-output,
footer .ftr-info .wpcf7-response-output{
    color: #fff;
}


@media only screen and (max-width:1599px){
.all-class-section .reg-btn a { font-size: 30px; padding: 30px 130px 30px 75px;}
.all-class-section .button__primary::before { right: 65px;}
.all-class-section .button__primary::after { right: 78px;}
.all-class-section .reg-btn{ margin-bottom: -53px;}
.summer-section{ padding-top: 120px;}


}
@media only screen and (max-width:1399px){
.continuum-work-info .col-lg-4 { width: 33.333%;}
.continuum-work-desc .text h3 { min-height: 30px;}

}
@media only screen and (max-width:1199px){
.all-class-section .reg-btn a { font-size: 25px; padding: 25px 115px 25px 60px;}
.extra-class-wrapper .extra-class-image {  padding: 20px 0 20px 20px;}
.programs-item-holder .big-star { width: 190px;}
.child-programs-section::after { width: 110px;  height: 110px;}
.all-class-section .reg-btn { margin-bottom: -46px;}
.quality-commitment-section { background-position: -27px -40px !important;}

}
@media only screen and (max-width:991px){
.child-programs-section::before{ display: none;}
.new-extra-class-section .extra-class-image-info .extra-class-image-desc{ padding-left: 0;}
.summer-section .summer-right-img { padding-bottom: 102%;}
.all-class-section .accordion .row .col-lg-6:first-child{ margin-bottom: 10px;}
.programs-item-holder:after { width: 100%; height: 30%; border-radius: 0;}
.programs-section .programs-item-main:first-child{ padding-top: 0 !important;}
.programs-item-holder .programs-item-image .image{ margin-bottom: 35px;}
.programs-item-holder .padding-common{ padding-bottom: 0;}
.programs-item-holder .small-icon { left: 20px; bottom: -40px;}
.programs-item-holder .programs-item-image .image{ margin-right: 0;}
.quality-commitment-section { background-position: top right !important;}
.quality-commitment-section::before{ display: none;}
}
@media only screen and (max-width:767px){
.summer-section { padding-top: 80px;}
.summer-section  .common-title h2{ padding-bottom: 25px; text-align: center;}
.summer-section .summer-camp-left-img{ margin-bottom: 24px;}
.all-class-section .accordion-item .accordion-button { border-radius: 15px !important; padding: 15px;}
.summer-section .summer-right-img { padding-bottom: 55%;}
.summer-section .summer-camp-left-img { padding-bottom: 55%;}
.summer-camp-btm-desc { padding-top: 25px;}
.class-title-info .icon { width: 32px; height: 32px;}
.class-title-info .icon-desc { width: calc(100% - 32px);}
.all-class-section .reg-btn a { font-size: 25px; padding: 15px 85px 15px 40px;}
.all-class-section .button__primary::before { right: 25px;}
.all-class-section .button__primary::after { right: 35px;}
.continuum-work-info .col-lg-4 { width: 50%;}
.all-class-section .reg-btn { margin-bottom: -36px;}
.quality-commitment-right h3{ margin-bottom: 20px;}
.programs-item-image-desc .common-title{ text-align: center;}
.programs-item-holder .small-icon { width: 50px; bottom: -30px;}
.programs-item-holder:after { height: 280px;}

}
@media only screen and (max-width:575px){
.programs-item{ margin-inline: 16px;}
.quality-commitment-right li:not(:last-child){ margin-bottom: 20px;}
.quality-commitment-right li{ display: block;}
.quality-commitment-right h4{ margin-bottom: 10px;}
.quality-commitment-right h4 span { width: 29px; margin-right: 10px;}
}

@media only screen and (max-width:479px){
.continuum-work-info .col-lg-4 { width: 100%;}
}

.common-page  :is(h2, h3, h4,), .common-page p strong{ color: var(--color-accent);}


/* ========== New Schedule Page ========== */

.work-section h2 { color: var(--color-accent);}
.schedule-items .work-image-info { width: 48%; }
.schedule-items .work-details-info.schedule-info { width: 52%; }
.schedule-items .work-image-info .post-date-info { width: 120px; }
.schedule-items .work-image-info .post-date-info .time-info h5 { width: 100%; }
.schedule-items .work-image-info .image { width: calc(100% - 120px); }
.schedule-items .image { padding: 0 0 100%; }
.schedule-items .schedule-info p { display: block; }
.schedule-items .schedule-info .icon-heading { display: flex; align-items: center; gap: 10px; margin: 0 0 15px; font-family: var(--ff-noche-semibold); font-weight: 500; color: var(--color-accent); }
.schedule-items .schedule-info ul { flex-wrap: wrap; gap: 10px; margin: 0 0 15px; list-style: disc; padding: 0 0 0 20px; }
.schedule-items .schedule-info ul li { width: 100%; }
.schedule-items .work-details-info.schedule-info .button__primary {position: relative; left: inherit; bottom: inherit; }


@media only screen and (max-width:1199px){
    .schedule-items .work-image-info .image { width: 100%; }
}

@media only screen and (max-width:767px){
    .schedule-items .work-image-info { width: 100%; }
    .schedule-items .work-details-info.schedule-info { width: 100%; }
}

/* ========== New Schedule Page ========== */


/* ===========   New methodology-section =========== */
.methodology-about-new-sec::after {  bottom: auto; top: 100px; height: 68%;}
.methodology-about-new-sec{ background-color: #FDE9D3;}
.our-guiding-top-info .title h3{ color: var(--color-accent); margin-bottom: 40px;}
.our-guiding-panel{ background-color: rgba(255,255,255, 50%); border: 1px solid rgba(100, 120, 110, 0.33); border-radius: 15px; height: 100%; padding: 60px 25px 40px; transition: var(--transition-common);}
.our-guiding-panel .nubmer{ display: inline-flex; align-items: center; justify-content: center; width: 100px; height: 100px; border-radius: 50%; background-color: var(--bs-white); margin: 0 auto 40px; background-image: url('../images/number-bg.svg'); background-repeat: no-repeat; background-position: center; box-shadow: 0px 5px 10px 0px #4578B233; transition: var(--transition-common);}
.our-guiding-panel .nubmer h3{ font-family: var(--ff-noche-semibold); font-size: 30px; color: var(--color-accent); margin: 0;}
.our-guiding-panel h4{ font-size: 24px; color: var(--color-accent);  margin-bottom: 10px;}
.our-guiding-panel:hover{ background-color: #C8DFC5; box-shadow: 6px 9px 11.8px 0px #00000026;}
.our-guiding-panel:hover .nubmer{ background-color: #FFB569;}
.our-guiding-bottom-info{ padding-top: 50px;}
.our-guiding-bottom-info .our-guiding-panel{ border-radius: 32px; padding: 20px 35px;}
.our-guiding-bottom-info .our-guiding-panel-image{ position: relative; width: 320px; padding-bottom: 68%; border-radius: 15px; overflow: hidden;}
.our-guiding-bottom-info .our-guiding-panel-image::after{ content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 49.09%, rgba(0, 0, 0, 0.77) 99.04%); z-index: 1;}
.our-guiding-bottom-info .our-guiding-panel-image img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.our-guiding-panel-image-desc{ width: calc(100% - 320px); padding-left: 25px;}
.our-guiding-bottom-info .our-guiding-panel .nubmer{ margin-bottom: 20px;}

@media only screen and (max-width:1599px){
.our-guiding-bottom-info .our-guiding-panel { display: block !important; padding: 25px;}
.our-guiding-bottom-info .our-guiding-panel-image{ width: 100%;}
.our-guiding-panel-image-desc { width: 100%; padding-left: 0; padding-top: 25px;}
.our-guiding-top-info .title h3{ font-size: 24px;}

}
@media only screen and (max-width:1199px){
.our-guiding-panel{ padding: 30px 20px 30px;}
.our-guiding-panel .nubmer { width: 80px; height: 80px; background-size: 80%;}
.our-guiding-panel .nubmer h3{ font-size: 24px;}

}
@media only screen and (max-width:991px){
.our-guiding-bottom-info .our-guiding-panel { padding: 20px;  border-radius: 12px;}
.training-wrap .training-image{width: 90%; margin: 0px auto;}
}
@media only screen and (max-width:767px){
.our-guiding-panel .nubmer h3 { font-size: 20px;}
.our-guiding-top-info .title h3 { margin-bottom: 20px;}
.our-guiding-panel .nubmer { width: 70px; height: 70px;}
.our-guiding-bottom-info { padding-top: 20px;}

}


/* bikram new css  */
/* .methodology-section-update .core-values-inner{flex-direction: row-reverse;} */
/* .methodology-section-update{background-color:#fde9d3 !important; background-size: 20% !important; position: relative; overflow: hidden;}
.methodology-section-update .values-wrap::after{    content: ""; width: 290px; height: 100%; position: absolute; left: -130px; background-image: url(../images/new-side-shape.png); top: 0; background-repeat: no-repeat; transform: scaleY(1.04); background-position: center center; z-index: 1;}
.methodology-section-update .values-wrap .values-box .icon{width: 80px; height: 80px; background-image:url(../images/number-bg.svg); background-repeat: no-repeat; background-position: center center; background-size: 70%;}
.methodology-section-update .values-wrap .values-box .icon h3 { font-family: var(--ff-noche-semibold); font-size: 30px; color: var(--color-accent); margin: 0; }
.methodology-section-update .core-values-right-info .line-image{margin-left: 0%;}
.methodology-section-update .core-values-right-info .line-image img{width: 270px; height: 100%;}
.methodology-section-update .core-values-left-info{width: 30%;}
.methodology-section-update .core-values-right-info{width: 70%; position: relative;}
.methodology-section-update .core-values-left-info h2 p{font-size: var(--f-size-XL); color: var(--color-primary);} */
/* .methodology-section-update .line-image{position: absolute; left: -22%; transform: scaleY(1.03);} */
/* .methodology-section-update .methodology-section-update{margin-left: -10%;} */
/* .methodology-section-update .values-wrap .values-box .icon-desc{text-align: right; padding-right: 20px; padding-left: 0;}
.methodology-section-update .values-wrap{margin: 0px;}
.methodology-section-update .values-wrap .values-box h3{font-size: calc(var(--f-size-L) + 5px); margin-bottom: 5px; color: var(--color-primary);}
.methodology-section-update .values-wrap .values-box{margin-bottom: 25px; position: relative; z-index: 5; justify-content: flex-end; margin-left: 0;}
.methodology-section-update .values-wrap .values-box:nth-child(1) { margin-right: 0%; }
.methodology-section-update .values-wrap .values-box:nth-child(2) { margin-right: 5%; }
.methodology-section-update .values-wrap .values-box:nth-child(3) { margin-right: 8%; }
.methodology-section-update .values-wrap .values-box:nth-child(4) { margin-right: 9%; }
.methodology-section-update .values-wrap .values-box:nth-child(5){margin-right: 8%;}
.methodology-section-update .values-wrap .values-box:nth-child(6) { margin-right: 5%; }
.methodology-section-update .values-wrap .values-box:nth-child(7) { margin-right: 0%; }
.programs-section.inner-programs-section,.learning-section.new-learning-section{box-shadow: none; border-top:3px solid var(--color-accent); border-bottom: 3px solid var(--color-accent);}
.learning-section.new-learning-section{border-bottom: none;}
.discover-mobile-btn{ display: none;}
@media screen and (max-width:1599px) {
    .methodology-section-update .values-wrap::after{left: -130px;}
}
@media screen and (max-width:1399px){
    .resources-item-info .resources-desc{min-height: 290px;}
}
@media screen and (max-width:1199px){
    .resources-item-info .resources-desc{min-height: 260px;}
    .methodology-section-update .values-wrap::after { left: -140px; }
}
@media screen and (max-width:991px){
    .methodology-section-update { background-size: 15% !important;}
    .methodology-section-update .core-values-right-info{margin-right: 0px;}
    .methodology-section-update .core-values-right-info,.methodology-section-update .core-values-left-info{ width: 100%; }
    .methodology-section-update .values-wrap::after{display: none;}
    .methodology-section-update .values-wrap .values-box{margin-left: 0px !important; margin-right: 0px !important; flex-direction: row-reverse; padding-bottom: 16px; margin-bottom: 0;}
    .methodology-section-update .values-wrap .values-box .icon-desc { text-align: start; padding-right: 0px; padding-left: 10px; }
    .methodology-section-update .values-wrap .values-box:last-child{ padding-bottom: 0; margin-bottom: 0;}
    .discover-mobile-btn{ display: block; margin: 0 auto;}
    .core-values-left-info .button__primary{ display: none;}
    .methodology-section-update .core-values-left-info h2 p{ font-size: var(--f-size-XXL);}
    .values-wrap .values-box:hover .icon-desc { transform: translateX(10px);}
    .methodology-section-update .values-wrap{ padding-top: 25px;}
}
@media screen and (max-width:768px){
    .methodology-section-update .values-wrap .values-box .icon h3{ font-size: 16px; }
    .methodology-section-update .values-wrap .values-box .icon{ width: 50px; height: 50px; min-width: 50px; }
    .quality-commitment-right h4{width: auto; max-width: none;}
    .resources-item-info .resources-desc{min-height:auto;}
} */



/* bikram new css 16-12-2025  */
/* .methodology-section-update .core-values-inner{flex-direction: row-reverse;} */
.methodology-section-update{background-color:#C8DFC5 !important; background-size: 20% !important; position: relative; overflow: hidden;}
.methodology-section-update .values-wrap::after{    content: ""; width: 290px; height: 100%; position: absolute; left: 50px; background-image: url(../images/new-side-shape-orange.svg); top: 0; background-repeat: no-repeat; transform: scaleY(1.04); background-position: center center; z-index: 1;}
.methodology-section-update .values-wrap .values-box .icon{width: 85px; height: 85px; background-image:url(../images/number-bg.svg); background-repeat: no-repeat; background-position: center center; background-size: 70%;}
.methodology-section-update .values-wrap .values-box .icon h3 { font-family: var(--ff-noche-semibold); font-size: 30px; color: var(--color-accent); margin: 0; }
.methodology-section-update .core-values-right-info .line-image{margin-left: 0%;}
.methodology-section-update .core-values-right-info .line-image img{width: 270px; height: 100%;}
.methodology-section-update .core-values-left-info{width: 24%;}
.methodology-section-update .core-values-right-info{width: 76%; position: relative; justify-content: flex-end;}
.methodology-section-update .core-values-left-info h2 p{font-size: var(--f-size-XL); color: var(--color-accent);}
/* .methodology-section-update .line-image{position: absolute; left: -22%; transform: scaleY(1.03);} */
/* .methodology-section-update .methodology-section-update{margin-left: -10%;} */
.methodology-section-update .values-wrap .values-box .icon-desc{text-align: left;}
.methodology-section-update .values-wrap{ margin: 0px 0px 0px 16%;}
.methodology-section-update .values-wrap .values-box h3{font-size: calc(var(--f-size-L) + 5px); margin-bottom: 5px; color: var(--color-accent);}
.methodology-section-update .values-wrap .values-box{margin-bottom: 25px; position: relative; z-index: 5; justify-content: flex-end; flex-direction: row-reverse; margin-left: 0;}
.methodology-section-update .values-wrap .values-box:nth-child(1) { margin-left: 0%; }
.methodology-section-update .values-wrap .values-box:nth-child(2) { margin-left: 6%; }
.methodology-section-update .values-wrap .values-box:nth-child(3) { margin-left: 11%; }
.methodology-section-update .values-wrap .values-box:nth-child(4) { margin-left: 13%; }
.methodology-section-update .values-wrap .values-box:nth-child(5){margin-left: 12%;}
.methodology-section-update .values-wrap .values-box:nth-child(6) { margin-left: 8%; }
.methodology-section-update .values-wrap .values-box:nth-child(7) { margin-left: 2%; }
.programs-section.inner-programs-section,.learning-section.new-learning-section{box-shadow: none; border-top:3px solid var(--color-accent); border-bottom: 3px solid var(--color-accent);}
.learning-section.new-learning-section{border-bottom: none;}
.discover-mobile-btn{ display: none;}

@media screen and (max-width:1599px) {
    .methodology-section-update .values-wrap { margin: 0px 0px 0px 12%; }
    .methodology-section-update .values-wrap::after{left: 0px;}
}
@media screen and (max-width:1399px){
    .resources-item-info .resources-desc{min-height: 290px;}
    .methodology-section-update .values-wrap::after{left: -128px;}
    .methodology-section-update .values-wrap{margin: 0px 0px 0px 0%;}
    .methodology-section-update .core-values-left-info h2 p{font-size:calc(var(--f-size-XL) + 4px);}
}
@media screen and (max-width:1199px){
    .resources-item-info .resources-desc{min-height: 260px;}
    .methodology-section-update .values-wrap::after { left: -140px; }
}
@media screen and (max-width:991px){
    .new-learning-section .learning-right-info h4{ max-width: none; width: fit-content; min-width: auto;}
    .learning-right-info p strong{min-width: 220px;}
    .methodology-section-update { background-size: 15% !important;}
    .methodology-section-update .core-values-right-info{margin-left: 0px;}
    .methodology-section-update .core-values-right-info,.methodology-section-update .core-values-left-info{ width: 100%; }
    .methodology-section-update .values-wrap::after{display: none;}
    .methodology-section-update .values-wrap .values-box{margin-left: 0px !important; margin-left: 0px !important; flex-direction: row-reverse; padding-bottom: 20px; margin-bottom: 0;}
    .methodology-section-update .values-wrap .values-box .icon-desc { text-align: left; padding-right: 10px; padding-left: 20px; }
    .methodology-section-update .values-wrap .values-box:last-child{ padding-bottom: 0; margin-bottom: 0;}
    /* .discover-mobile-btn{ display: block; margin: 0 auto;} */
    .core-values-left-info .button__primary{ display: none;}
    .methodology-section-update .core-values-left-info h2 p{ font-size: var(--f-size-XXL);}
    .values-wrap .values-box:hover .icon-desc { transform: translateX(10px);}
    .methodology-section-update .values-wrap{ padding-top: 25px;}

    /* ========= */
.book-tour-sec .row {
    flex-direction: column-reverse;
    row-gap: 30px;;
}
.book-tour-sec .contact-form-info{ padding-top: 0;}



}
@media screen and (max-width:768px){
    .methodology-section-update .values-wrap .values-box .icon h3{ font-size: 16px; }
    .methodology-section-update .values-wrap .values-box .icon{ width: 50px; height: 50px; min-width: 50px; }
    .quality-commitment-right h4{width: auto; max-width: none;}
    .resources-item-info .resources-desc{min-height:auto;}
}

#loader{ position: fixed; inset: 0; z-index: 9999999; background-color: #f9f9ef; display: flex; align-items: center; justify-content: center;}
#loader gif{ width: 70px; margin: auto;}  

/* #loader {
  width: 200px;
  height: 200px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
} */

.logo-animate {
  width: 70px;
  opacity: 0;
  transform: scale(0.3) rotate(-10deg);
  animation: logoIntro 1.5s ease-out forwards;
}

/* Animation */
@keyframes logoIntro {
  0% {
    opacity: 0;
    transform: scale(0.3) rotate(-10deg);
  }

  60% {
    opacity: 1;
    transform: scale(1.1) rotate(3deg);
  }

  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}


/* ============= New feedback ============ */
.grecaptcha-badge{ display: none !important;}