* {margin: 0;padding: 0; box-sizing: border-box;}
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/* fonts */
/* Fredoka */
@font-face {font-family:"F-Bold"; src:url(fonts/Fredoka/Fredoka-Bold.ttf);}
@font-face {font-family:"F-SemiBold"; src:url(fonts/Fredoka/Fredoka-SemiBold.ttf);}
@font-face {font-family:"F-Regular"; src:url(fonts/Fredoka/Fredoka-Regular.ttf);}
@font-face {font-family:"F-Medium"; src:url(fonts/Fredoka/Fredoka-Medium.ttf);}
@font-face {font-family:"F-Light"; src:url(fonts/Fredoka/Fredoka-Light.ttf);}

:root{
    --blue-color: #216ADC;
    --green: #288E11;
    --gray: #202020;
    --violet: #262F71;
    --white: #ffffff;
    --black: #000;
    --btn-green: #7FD8A5;
    --orange: #F25236;
    --l-gray: #303030;
    --l-violet: #374E82;
    --pink: #F36394;
    --yellow: #f1c94c;
    --f-inter: "Inter", sans-serif;
}


body {font-family:"F-Regular";overflow-x: hidden;}
a {text-decoration:none; color:#fff;transition: all 0.3s ease-in-out;}

/* header css start */
.main-nav{background-color: #ffffff;}
.header-logo {transition:transform 0.3s ease-in-out;}
.header-logo.shrink {transform:scale(0.85);}
.involve-btn-wrapper {display:inline-flex; align-items:center; justify-content:center; height:100%;}
.involve-btn {background-color:#034896; padding:11px 20px 9px; font-family:"F-SemiBold"; font-size:13px; height:auto; display:inline-block; color:#fff; border:none; text-decoration:none; transition:background 0.3s ease;}
.involve-btn:hover {background-color:#023670;}
.facebook-icon {background-color:#034896; width:35px; height:35px; border-radius:50%; transition:all 0.3s ease-in-out; display:inline-flex; align-items:center; justify-content:center;}
.facebook-icon i {font-size:clamp(14px,3vw,16px);}
.facebook-icon:hover {background-color:#fff;}
.facebook-icon:hover i {color:#034896;}
.phone-details {font-family:"F-SemiBold"; font-size:clamp(13px, 1.5vw, 16px);}
.location {font-family:"F-Medium"; font-size:13px;}
a{transition: all 0.3s ease-in-out;}
.phone-details:hover, .location:hover, .involve-btn:hover{color: #dfddb5 !important;}
.desktop-menu .nav {gap:10px;}
.desktop-menu .nav-link {color:#202020; text-transform: uppercase; letter-spacing: 1.2px; font-family:var(--f-inter); font-weight: 700; font-size:13px; padding:10px 10px; position:relative; transition:all 0.3s ease-in-out;}
.desktop-menu .nav-link.active {font-family:var(--f-inter); font-size:14px; color:#216ADC; border-radius:5px;}
.desktop-menu .nav-link:hover {background-color:rgba(22, 98, 183, 0.1); color:#216ADC; border-radius:5px;}
.desktop-menu .nav-link::after {content:""; position:absolute; left:0; bottom:2px; width:0%; height:2px; border-radius:5px 5px 0 0; background-color:var(--green); transition:width 0.3s ease-in-out;}
.desktop-menu .dropdown {position:relative;}
.desktop-menu .dropdown::after {content:""; position:absolute; top:100%; left:0; width:100%; height:50px; background:transparent;}
.desktop-menu .nav-link.active::after {width:100%;}
/* .desktop-menu .nav-link:hover::after {width:100%;}   */
.desktop-menu .nav-link:hover {background-color:rgba(197, 197, 197, 0.315); color:#216ADC; border-radius:5px;}
.custom-dropdown {position:absolute; top:214%; left:0; min-width:200px; background:#ffffff; border:none; padding:0; z-index:999; display:none; border: none; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.35);border-radius: 0 20px 20px;}
.dropdown:hover .custom-dropdown {display:block;}
.custom-dropdown li:last-child {border-bottom:none;}
.custom-dropdown a {color:#216ADC; display:block; padding:10px 15px; text-align:start; font-family:var(--f-inter); font-size:14px;}
.custom-dropdown li:first-child a {border-top-left-radius:0px; border-top-right-radius:20px;}
.custom-dropdown li:last-child a {border-bottom-left-radius:20px; border-bottom-right-radius:20px;}
.custom-dropdown a:hover {background-color:#f0f8ff;}
.phone-link{color: #262F71; font: var(--f-inter); font-weight: 600; font-size: 14px; border-left: 2px solid #EEEDEA; border-right: 2px solid #EEEDEA; transition: all 0.3s ease-in-out;}
.phone-link:hover{color: var(--orange);}
.contact-btn {background-color:#216ADC; color:#fff; width:161px; height:53px; display:flex; justify-content:center; align-items:center; font-family:"F-Bold"; font-size:14px; line-height: 20.7; border-radius:15px; transition:all 0.3s ease-in-out; border:2px solid transparent;}
.contact-btn:hover {background-color:#fff; color:#216ADC; border:2px solid #216ADC;}
.dropdown-item.active, .dropdown-item:active {color:#216ADC; font-weight:500; text-decoration:none; background-color:#f0f8ff;}
.phone-navs {display:none;}
#myBtn {position:fixed; bottom:30px; right:30px; z-index:9999; background-color:#216ADC; color:white; border:none; outline:none; width:50px; height:50px; border-radius:50%; font-size:20px; cursor:pointer; box-shadow:0 4px 15px rgba(0, 0, 0, 0.2); transition:all 0.3s ease-in-out; opacity:0; visibility:hidden; display: flex;justify-content: center;align-items: center;}
#myBtn.show {opacity:1; visibility:visible;}
#myBtn:hover {background-color:#093e7a; transform:translateY(-3px); box-shadow:0 6px 20px rgba(0, 0, 0, 0.3);}
#myBtn i {vertical-align:middle;}
.dropdown-icon::before {content:'\f107'; font-family:"Font Awesome 7 Free"; font-weight:900; margin-left:5px; display:inline-block; transition:transform 0.3s ease;}
.nav-item.dropdown:hover .dropdown-icon::before {transform:rotate(180deg);}
.nav-item.dropdown.show .dropdown-icon::before {transform:rotate(180deg);}
.main-nav {padding-top:1rem; padding-bottom:1rem; transition:padding 0.3s ease;}
.main-nav.shrink {padding-top:0.25rem; padding-bottom:0.25rem;}


/* body content */
.bodycontent h1 {font-family: "F-Bold"; font-size: clamp(30px,4vw,70px); color: var(--orange); margin-bottom: 20px;}
.bodycontent h2 {color:var(--l-gray); font-family: "F-Medium"; font-size: 64px; margin-bottom: 10px;}
.bodycontent h3 {color: var(--violet); font-family: "F-Medium"; font-size: 40px; margin-bottom: 20px;}
.bodycontent h4 {font-family: "F-SemiBold"; font-size: 36px; color: #fff; margin-top: 10px;}
.bodycontent h5 {font-family: "F-Medium"; font-size: 24px; color: #303030; margin: 10px 0;}
.bodycontent h6 {font-family: "F-Medium"; font-size: 20px; color: #303030; margin: 10px 0;}
.bodycontent p {font-family: "F-Regular"; font-size: 16px; color: #303030; margin: 20px 0; line-height: 25px;}
.bodycontent a {color: var(--orange); transition: all 0.3s ease-in-out;}
.bodycontent a:hover {color: var(--violet);}
.bodycontent p a:hover {color:var(--violet);}
.bodycontent p strong , .bodycontent p b{ font-family: "F-SemiBold"; color: var(--l-gray);}
.bodycontent ul{padding-left: 1rem;}
.bodycontent ul li{font-family: "F-Regular"; font-size: 16px; color: #303030; margin: 7px 0; line-height: 25px;}
.bodycontent  table { width: 100%;}
.bodycontent  table td { padding: 10px; font-size:16px; color: #555;}
.bodycontent  table tr { background-color: #e6e6e6;}
.bodycontent  table tr:nth-child(2n) { background-color: #fff;}

/* banner css start  */
.banner-slide {min-height:500px; height:100vh; max-height:964px; background-size:cover; background-position:center; background-repeat:no-repeat; position:relative; display:flex; align-items:center;}
.banner-content {color:#fff;}
.banner-overlay {position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(to left, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 100%); z-index:0;}
.banner-content {z-index:9; position:relative;}
.banner-content h2{color: #fff;}
.green-btn{position:relative;display:inline-flex;justify-content:center;align-items:center;background-color:var(--btn-green);border-bottom:3px solid #63a981;color:#fff !important;font-family:"F-Medium";font-size:clamp(16px,3vw,18px); letter-spacing: 2px; text-transform:uppercase;border-radius:15px;padding:15px 30px;min-width:200px;min-height:55px;text-align:center;cursor:pointer;overflow:hidden;z-index:1;box-shadow:0 4px 10px rgba(0,0,0,0.1);transition:all 0.3s ease-in-out,box-shadow 0.3s ease,transform 0.3s ease;}
.green-btn::before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%);transform:skewX(-20deg);transition:all 1.2s ease;z-index:2;}
.green-btn:hover{background-color:var(--green);box-shadow:0 8px 20px rgba(40,142,17,0.4);transform:translateY(-3px) scale(1.03);}
.green-btn:hover::before{left:130%;transition:all 1.2s ease;}
.green-btn:hover::after{opacity:1;transform:translate(-50%,-50%) scale(1.3);}
.pink-btn{position:relative;display:inline-flex;justify-content:center;align-items:center;background-color:var(--pink);border-bottom:3px solid #be4d73;color:#fff !important;font-family:"F-Medium";font-size:clamp(16px,3vw,18px);letter-spacing:2px;text-transform:uppercase;border-radius:15px;padding:15px 30px;min-width:200px;min-height:55px;text-align:center;cursor:pointer;overflow:hidden;z-index:1;box-shadow:0 4px 10px rgba(0,0,0,0.1);transition:all 0.3s ease-in-out,box-shadow 0.3s ease,transform 0.3s ease}
.pink-btn::before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%);transform:skewX(-20deg);transition:all 1.2s ease;z-index:2}
.pink-btn:hover{background-color:var(--orange);box-shadow:0 8px 20px rgba(243,99,148,0.4);transform:translateY(-3px) scale(1.03)}
.pink-btn:hover::before{left:130%;transition:all 1.2s ease}
.pink-btn:hover::after{opacity:1;transform:translate(-50%,-50%) scale(1.3)}


.banner-prev, .banner-next {position:absolute; top:50%; transform:translateY(-50%); background: rgba(255, 255, 255, 0.3); width:50px; height:50px; border-radius:50%; color:#fff; font-size:24px; z-index:5; cursor:pointer; display:flex !important; justify-content:center; align-items:center; backdrop-filter:blur(5px); transition:opacity 0.3s ease, visibility 0.3s ease; border:2px solid transparent;}
.banner-prev:hover, .banner-next:hover {background:rgba(13, 85, 165, 0.5); border:2px solid #0d55a5; transition:all 0.3s ease;}
.banner-prev {left:20px;}
.banner-next {right:20px;}
.banner-prev::before, .banner-next::before {display:none;}
.banner-slide .slick-prev, .banner-slide .slick-next {display:none;}
.banner-slider{position: relative;}
.custom-banner-dots {position:absolute; bottom:0px; left:50%; transform:translateX(-50%); display:flex; justify-content:center; gap:10px; z-index:10;}
.custom-banner-dots ul {display:flex; padding:0; margin:0; gap:10px;}
.custom-banner-dots li {list-style:none;}
.custom-banner-dots li button {width:12px; height:12px; border-radius:50%; background:#fff; opacity:0.5; border:none; text-indent:-9999px; transition:all 0.3s ease;}
.custom-banner-dots li.slick-active button {width:12px; height:12px; background:#0D55A5; opacity:1; box-shadow:0 0 5px rgba(0,0,0,0.3);}
.slick-dotted.slick-slider {margin-bottom:0 !important;}

/* banner css end  */



/* section 1 */
.welcome-section {position:relative; z-index:10; background-color:#fff; padding:64px 0 180px;}
.welcome-section-row {max-width: 1200px; margin: 0 auto;}
.welcome-section .section-heading{color: var(--orange);}
.welcome-section .welcome-content {max-width: 935px; margin: 0 auto;}
.left-star {position:absolute; top:20%; left:19%;}
.right-star {position:absolute; top:20%; right:19%;}
.left-tree {position:absolute; top:40%; left:18%;}
.right-tree {position:absolute; top:40%; right:18%;}
.vector-cloud {position:absolute; bottom:-5px; left:0; width:100%; height:auto; z-index:-1;}

/* Section2 */

.core-values-section {background-color:#FCF9F4; padding:20px 0;}
.core-heading {font-size:clamp(24px,3vw,32px); text-align:center;}
.core-values-section p {font-family: "F-Medium"; margin:0; color: var(--l-violet);}
.icon {width:64px; height:auto; flex-shrink:0;}
.blue-btn {background-color:#0D55A5; color:#fff; width:169px; height:40px; display:flex; justify-content:center; align-items:center; font-family:"F-Bold"; font-size:14px; border-radius:5px; transition:all 0.3s ease-in-out; border:2px solid transparent; text-transform:uppercase;}
.blue-btn:hover {background-color:#fff; color:#0D55A5; border:2px solid #0D55A5;}

/* Section3 */
.welcome-school{background-color: var(--blue-color);}
.welcome-school h5{color:#FEE22B;}
.welcome-school p{color:#ffffff;}
.welcome-school h6{color:#ffffff;}
.welcome-school li{color:#ffffff; padding-bottom: 5px;}
.welcome-school img{width: 100%;}


/* Section4 */
.programs-section {background:#fff; background-size:cover;}
.program-section .card{box-shadow:0 .5rem 1rem rgb(0 0 0/.25);border-radius:15px;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out}
.program-section .card:hover{box-shadow:0 1rem 3rem rgb(0 0 0/.175)!important;transform:translateY(-15px);transition:box-shadow .3s ease-in-out,transform .3s ease-in-out}
.program-section .section-heading{color: var(--orange) !important;}
.program-section .card-img-top {height: 300px; object-fit: cover;width: 100%; border-radius: 15px 15px 0 0;}
.program-section .card-title{color: var(--green);}
.program-section .card-text{margin-top: 5px; color: #5A5A5A;}

/* Section5 */
.testimonial-section::after,.testimonial-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}
.testimonial-section{position:relative;margin:0 auto; padding:60px 20px;border-radius:8px;color:#000;overflow:hidden;text-align:center;z-index:1}
.testimonial-section::before{background-image:url('./images/testimonials-bg.png');background-size:cover;background-position:center center;opacity: 0.15; z-index:-2}
.testimonial-section::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(127,216,165,.55) 0,rgba(127,216,165,.25) 100%);z-index:-1}
.testimonial-section .testimonial-heading{color: var(--blue-color);}
.testimonial-section .testimonial-slide{background-color: var(--white); margin: 0 20px; border-radius: 20px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 15px;}
.testimonial-slider{display:flex!important;flex-wrap:wrap;justify-content:center;gap:1rem}
.testimonial-section .client-name{color: var(--blue-color); margin-top: 20px;}
.testimonial-section p{color: #000;}
.slick-dots{margin-top:30px; bottom: 0px; display:flex!important;justify-content:center;padding:0;list-style:none}
.slick-dots li{width:12px;height:12px;margin:0 6px !important;border-radius:50%;background-color:#fff;transition:transform .3s,background-color .3s;cursor:pointer;display:inline-block}
.slick-dots li button{display:none}
.slick-dots li.slick-active{background-color:var(--green);transform:scale(1.3);box-shadow:0 0 8px rgba(0,128,0,.5)}
.slick-dots li:hover{transform:scale(1.2)}



/* Footer */
.site-footer {position:relative; background-color:#216adc; padding:60px 0 0; color:#fff; min-height:700px; display:flex; justify-content:center; background-repeat:no-repeat; background-size:cover; background-position:center; overflow:hidden;}
.site-footer::after {content:""; position:absolute; bottom:-12%;z-index: 0; left:0; width:100%; height:56%; background:url('./images/footer-vector.png') no-repeat bottom center; background-size:cover; pointer-events:none;}
.site-footer .container{z-index: 2;}
.social-icons img {width:64px; height:64px; transition:all 0.3s ease;z-index: -1;}
.social-icons img:hover {filter:drop-shadow(0 0 6px rgba(255, 255, 255, 0.9)); transform:translateY(-5px);}
.facebook-embed-wrapper {width:100%; max-width:100%; overflow:hidden;}
.facebook-embed-wrapper iframe {width:100% !important; height:500px; border:none; border-radius:10px;}
.site-footer .footer-title {font-size:24px; color:#fff; margin-bottom:20px;}
.footer-links {list-style:none; padding:0; margin:0;}
.footer-links li {margin-bottom:18px;}
.site-footer a {font-family:"F-Medium"; font-size:16px; color:#C9E3C4; text-decoration:none; transition:color 0.3s;}
.site-footer a:hover {color:#D5D7CC;}
.site-footer .footer-phone a {font-family:"F-SemiBold"; font-size:clamp(20px,3vw,24px); font-weight:bold; color:#D8D6B0;}
.footer-bottom { padding:10px 0; text-align:center; position:relative;}
.footer-bottom .container {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.footer-bottom p {margin:0; color:#0D55A5; font-size:17.02px;}
.footer-bottom .facebook-btn {width:85px; height:30px; display:block; background-color:#fff; border-radius:5px; display:flex; justify-content:center; align-items:center; transition:all 0.3s ease-in-out;}
.footer-bottom .facebook-btn:hover {background-color:#0D55A5; box-shadow:0 4px 10px rgba(0,0,0,0.2);}
.footer-bottom .facebook-btn:hover img {filter:brightness(0) invert(1);}
.custom_hr {color:#fff; opacity:0.15;}
.site-footer .developed-by a{color: #fff; transition: all 0.3s ease-in-out;}
.site-footer .developed-by a:hover{color: var(--btn-green);}
.footer-title {color:#FFFFFF; font-size:24px; font-weight:700; font-family:"Inter", sans-serif; margin-bottom:20px;}
.footer-locations {list-style:none; margin:0; padding:0;}
.footer-locations li {position:relative; margin-bottom:10px; padding-left:36px; color:#FFFFFF !important; font-family:"F-Regular"; font-size:14px;}
.footer-locations li span{color:#FFFFFF !important; font-family:"F-Regular"; font-size:14px;}
.footer-locations li strong {font-family:"F-Medium"; color:#C9E3C4; font-weight:500; font-size:16px; display:block; margin-bottom:3px;}
.footer-locations li::before {content:""; position:absolute; left:0; top:4px; width:20px; height:28px; background:url("./images/location-icon.png") no-repeat center center; background-size:contain;}
.footer-locations li:hover strong {text-decoration:underline;}
.footer-bottom .copyright{color:#202020; font-family: "F-Regular"; font-size: 14px;}
/* inner page start */

.inner-page-section {position:relative; padding:80px 0; background:linear-gradient(180deg, #fcf9f4 0%, #f7f9ff 35%, #fdf4ff 70%, #fff8f4 100%); overflow:hidden}
.inner-page-section::after {content:""; position:absolute; inset:10% 5% auto auto; width:280px; height:280px; background:radial-gradient(circle, rgba(33, 193, 195, .2), transparent 70%); border-radius:50%; filter:blur(12px); z-index:0}
.inner-page-tag {display:inline-flex; align-items:center; gap:8px; padding:6px 18px; border-radius:999px; background:rgba(15, 76, 117, .1); color:#0f4c75; text-transform:uppercase; letter-spacing:.15em; font-size:16px; font-weight:600;}

.inner-page-subheading{color: var(--orange) !important; margin: 20px 0 !important;}


/* about page */
.page-banner {position:relative; min-height:700px; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; overflow:hidden; padding:80px 15px;}
.page-banner__bg {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0;}
.page-banner::before {content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(6,18,53,.75) 0%, rgba(6, 18, 53, .35) 55%, rgba(6, 18, 53, .75) 100%); z-index:1;}
.page-banner__content {position:relative; z-index:2; padding:20px;}
.page-banner__title {font-size:clamp(28px, 4vw, 55px); font-weight:700; font-family:"F-Bold"; margin:0; text-transform:uppercase; letter-spacing:.1em;}
.page-banner__cloud {position:absolute; bottom:-8%; left:50%; transform:translateX(-50%); width:100%; z-index:2; opacity:1; transition:all 0.3s ease;}
.about-programs {position:relative; padding:60px 0; background: linear-gradient(180deg, #fcf9f4 0%, #f7f9ff 35%, #fdf4ff 70%, #fff8f4 100%);
 overflow:hidden}
.about-programs::after {content:""; position:absolute; inset:0; background:radial-gradient(circle at top left, rgba(255, 255, 255, .35), transparent 55%); opacity:.7; z-index:0}
.about-programs__container {position:relative; z-index:1}
.about-programs__row:not(:last-child) {margin-bottom:60px}
.about-programs__card {background:#fff; border-radius:24px; box-shadow:0 25px 45px rgba(15, 76, 117, .18); padding:40px; line-height:1.7; overflow:hidden}
.about-programs__card--primary {border:3px solid rgba(15, 76, 117, .08)}
.about-programs__eyebrow {display:inline-flex; align-items:center; gap:8px; background:rgba(15, 76, 117, .12); color:#0f4c75; font-weight:600; letter-spacing:.08em; padding:6px 18px; border-radius:999px; text-transform:uppercase; font-size:.78rem; margin-bottom:18px}
.about-programs__eyebrow::before {content:""; width:10px; height:10px; border-radius:50%; background:#0f4c75; opacity:.6}
.about-programs__eyebrow--inline {margin-bottom:12px}
.about-programs__title {color: var(--orange) !important;}
.about-programs__facts {display:grid; gap:24px}
.about-programs__fact-card {background:rgba(255, 255, 255, .94); border-radius:20px; border:1px solid rgba(15, 76, 117, .12); padding:32px; box-shadow:0 20px 40px rgba(36, 74, 98, .14); line-height:1.7}
.about-programs__fact-card:not(:last-child) {margin-bottom:4px}
.about-programs__fact-title {font-size:1.45rem; font-weight:700; color:#0f4c75; margin-bottom:14px}
.about-programs__cloud {position:absolute; bottom:-40px; right:-10%; width:380px; max-width:60%; opacity:.6; z-index:0; transform:rotate(-6deg)}
.image-wrapper {position:relative; width:100%; height:100%; border-radius:60% 40% 57% 43% / 35% 60% 40% 65%; background:linear-gradient(150deg, #ffffff 0%, #f1fbff 100%); overflow:hidden; display:flex; align-items:center; justify-content:center; padding:30px 28px 34px; margin:0 auto; box-shadow:0 32px 60px rgba(15, 76, 117, .22); isolation:isolate}
.image-wrapper img {position:relative; width:100%; height:100%; object-fit:cover; border-radius:inherit; border:6px solid #fff; background:#fff; box-shadow:0 25px 40px rgba(15, 76, 117, .18); z-index:2; clip-path:path("M8% 56% C8% 26% 24% 6% 46% 6% C74% 6% 92% 26% 92% 54% C92% 84% 74% 96% 50% 96% C26% 96% 8% 80% 8% 60% Z")}
.image-wrapper__swoosh {position:absolute; display:block; inset:8% 3% 22% 6%; border-radius:70% 30% 72% 28% / 32% 65% 35% 68%; background:linear-gradient(135deg, #1ad2c4 10%, #18a5d0 90%); z-index:1; box-shadow:0 28px 45px rgba(24, 140, 149, .3)}
.image-wrapper__swoosh::before {content:""; position:absolute; inset:22% auto auto -8%; width:60%; height:55%; background:linear-gradient(135deg, rgba(255, 255, 255, .95), rgba(255, 255, 255, .1)); border-radius:55% 45% 60% 40% / 45% 65% 35% 55%; opacity:.55}
.image-wrapper__swoosh::after {content:""; position:absolute; width:210px; height:210px; left:-30px; bottom:-20px; border-radius:50%; border:1.5px solid rgba(255, 255, 255, .65); opacity:.8}
.image-wrapper::before {content:""; position:absolute; inset:-28px -24px -24px -26px; border-radius:72% 28% 58% 42% / 40% 64% 36% 60%; border:2px solid #5ad8c4; z-index:-1; transform:rotate(8deg); opacity:.9}
.image-wrapper::after {content:""; position:absolute; width:14px; height:14px; border:2px solid #5ad8c4; border-radius:50%; right:-20px; bottom:18px; background:#fff; z-index:3}


/* BOD Page */

.inner-page-section {position:relative; padding:80px 0; background:linear-gradient(180deg, #fcf9f4 0%, #f7f9ff 35%, #fdf4ff 70%, #fff8f4 100%); overflow:hidden}
.inner-page-section::after {content:""; position:absolute; inset:10% 5% auto auto; width:280px; height:280px; background:radial-gradient(circle, rgba(33, 193, 195, .2), transparent 70%); border-radius:50%; filter:blur(12px); z-index:0}
.directors-container {position:relative; z-index:1; max-width:1200px}
.directors-intro h3 {color:var(--orange); margin-bottom:16px}
.directors-intro h6 {max-width:1020px; margin:0 auto 80px;}
.directors-kicker {display:inline-flex; align-items:center; gap:8px; font-size:.85rem; letter-spacing:.12em; text-transform:uppercase; color:#0f4c75; background:rgba(15, 76, 117, .08); padding:8px 18px; border-radius:999px; margin-bottom:18px}
.directors-kicker::before {content:""; width:8px; height:8px; border-radius:50%; background:#0f4c75}
.director-profile {margin-bottom:70px}
.director-profile:last-child {margin-bottom:0}
.director-photo {position:relative; width:360px; max-width:100%; margin:0 auto}
.director-photo::before {content:""; position:absolute; inset:-25px -30px -35px -15px; border-radius:68% 32% 60% 40% / 45% 55% 65% 35%; border:2px solid #22c1c3; z-index:0; transform:rotate(8deg)}
.director-photo__halo {position:absolute; inset:18% -3% auto 10%; width:85%; height:70%; background:linear-gradient(135deg, rgba(34, 193, 195, .9), rgba(70, 202, 168, .7)); border-radius:60% 40% 65% 35% / 35% 60% 40% 65%; z-index:0; filter:blur(0)}
.director-photo img {position:relative; width:100%; border-radius:60% 40% 58% 42% / 35% 60% 40% 65%; border:8px solid #fff; box-shadow:0 35px 60px rgba(15, 76, 117, .25); z-index:1; background:#fff}
.director-card {background:#fff; border-radius:28px; padding:40px 44px; box-shadow:0 30px 60px rgba(15, 76, 117, .12); border:1px solid rgba(15, 76, 117, .06); line-height:1.8}
.director-role { text-transform:uppercase; font-size:.85rem; letter-spacing:.16em; color:#0f4c75; margin-bottom:14px}
.director-card h3 {font-size:1.85rem; font-weight:700; color:var(--violet); margin-bottom:16px}
.director-card p:last-child {margin-bottom:0}


/* Testimonials Page */

.testimonials-highlight .container {position:relative; z-index:1; max-width:1200px}

.testimonials-highlight h3 {color:var(--orange); margin-bottom:25px}
.testimonials-highlight h6 {max-width:1020px; margin:0 auto 80px;}
.testimonial-card {background:#fff; border-radius:24px; padding:40px 36px; box-shadow:0 25px 55px rgba(16, 55, 87, 0.12); height:100%; position:relative; overflow:hidden; border:1px solid rgba(15, 76, 117, 0.08); display:flex; flex-direction:column; transition:all 0.4s ease; transform:translateY(0);}
.testimonial-card:hover {transform:translateY(-8px); box-shadow:0 35px 70px rgba(16, 55, 87, 0.18); border-color:rgba(33, 106, 220, 0.2);}
.testimonial-card::after {content:""; position:absolute; bottom:5px; right:14px; width:120px; height:120px; border-radius:50%; background:radial-gradient(circle, rgba(34, 193, 195, 0.25), transparent 60%), url("./images/favicon.png") center/50% no-repeat; opacity:0.55; z-index:0;}
.testimonial-card__icon {width:48px; height:48px; z-index:1}
.testimonial-card__icon img {width:100%; height:100%; object-fit:contain}
.testimonial-card__text {color:#345066; font-size:1rem; line-height:1.8; margin-bottom:0; z-index:1}
  .testimonial-card__author {margin-top:auto; align-self:flex-start; background:#f1c94c; color:#0f2b4c; font-weight:600; padding:10px 28px; border-radius:999px; z-index:1}

.testimonials-section .testimonial-slide{background-color: transparent; margin: 0 20px; border-radius: 20px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 15px;}

.testimonials-section .slick-dots li{width:12px;height:12px;margin:0 6px !important;border-radius:50%;background-color:var(--l-gray);transition:transform .3s,background-color .3s;cursor:pointer;display:inline-block}
.testimonials-section .slick-dots li button{display:none}
.testimonials-section .slick-dots li.slick-active{background-color:var(--green);transform:scale(1.3);box-shadow:0 0 8px rgba(0,128,0,.5)}
.testimonials-section .slick-dots li:hover{transform:scale(1.2)}






/* Program Page */
.ppk-welcome__content h5{color: var(--orange) !important;}


/* Location Inner Page */

.ranchlands-overview h4{color: var(--violet) !important;}
.ranchlands-overview .program-age{color: var(--orange) !important;}
.staff-card{position: relative;}
.staff-card::after {content:""; position:absolute; bottom:5px; right:14px; width:120px; height:120px; border-radius:50%; background:radial-gradient(circle, rgba(34, 193, 195, 0.25), transparent 60%), url("./images/favicon.png") center/50% no-repeat; opacity:0.35; z-index:0;}
.ranchlands-staff p{font-size: clamp(16px,3vw,20px);}
.program-feature__image {margin-top:18px;}
.program-feature__image img {width:100%; border-radius:12px; box-shadow:0 10px 10px rgba(15, 76, 117, 0.18);}
.ranchlands-card, .ranchlands-staff-card {background:#fff; border-radius:24px; padding:40px; box-shadow:0 25px 60px rgba(15, 76, 117, 0.15); border:1px solid rgba(15, 76, 117, 0.08); height:100%;}
.location-divider {height:1px; background:rgba(15, 76, 117, 0.1); margin:30px 0;}


/* FAQ Page */

.registration-faqs-section a{color: var(--orange) !important; transition: all 0.3s ease-in-out;}
.registration-faqs-section a:hover{color: var(--blue-color) !important;}
.faq-accordion {max-width:1060px; margin:0 auto; display:flex; flex-direction:column; gap:18px;}
.faq-item {background:#fff; border-radius:20px; border:1px solid rgba(15, 76, 117, 0.08); box-shadow:0 18px 45px rgba(15, 76, 117, 0.12); overflow:hidden;}
.faq-question {width:100%; text-align:left; background:transparent; border:none; padding:22px 35px; font-weight:600; font-size:clamp(15px,3vw,20px); letter-spacing:0.02em; color:var(--violet); display:flex; justify-content:space-between; align-items:center; cursor:pointer;}
.faq-toggle {width:32px; height:32px; border-radius:50%; background:rgba(33, 106, 220, 0.12); position:relative; flex-shrink:0;}
.faq-toggle::before, .faq-toggle::after {content:""; position:absolute; background:#216adc; transition:transform 0.2s ease;}
.faq-toggle::before {width:14px; height:2px; top:50%; left:50%; transform:translate(-50%, -50%);}
.faq-toggle::after {width:2px; height:14px; top:50%; left:50%; transform:translate(-50%, -50%);}
.faq-item.open .faq-toggle::after {transform:translate(-50%, -50%) rotate(90deg);}
.faq-answer {max-height:0; overflow:hidden; transition:max-height 0.3s ease; padding:0 28px;}
.faq-item.open .faq-answer {padding-bottom:24px;}
.faq-answer p{margin-top: 0;}

/* Registion Page */

.location-card {background:#fff; border-radius:24px; padding:36px; box-shadow:0 22px 50px rgba(15, 76, 117, 0.12); border:1px solid rgba(15, 76, 117, 0.08); height:100%;}
.location-card a {color:var(--blue-color); font-weight:600;}
.location-actions {display:flex; flex-wrap:wrap; gap:12px; margin-top:22px;}
.location-btn {display:inline-flex; align-items:center; justify-content:center; padding:12px 24px; border-radius:999px; border:1px solid rgba(33, 106, 220, 0.2); color:var(--violet); font-weight:600; text-transform:uppercase; letter-spacing:0.05em; background:linear-gradient(120deg, var(--white), rgba(33, 106, 220, 0.08)); transition:transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;}
.location-btn:hover {transform:translateY(-2px); color:var(--white) !important; background:linear-gradient(120deg, var(--blue-color), var(--pink)); box-shadow:0 12px 25px rgba(33, 106, 220, 0.2);}
.location-card h5{color: var(--violet) !important;}
.location-card{position: relative;}
.location-card::after {content:""; position:absolute; bottom:5px; right:14px; width:120px; height:120px; border-radius:50%; background:radial-gradient(circle, rgba(34, 193, 195, 0.25), transparent 60%), url("./images/favicon.png") center/50% no-repeat; opacity:0.35; z-index:0;}




@media(max-width:991px) {
.about-programs {padding:90px 0}
.about-programs__card {padding:32px}
.about-programs__row:not(:last-child) {margin-bottom:40px}
.image-wrapper { padding:24px 22px 30px}
.inner-page-section {padding:80px 0 100px}
.director-card {padding:32px}
}

@media(max-width:575px) {
.image-wrapper { padding:20px 18px 26px}
.director-card {padding: 26px}
}


@media (max-width: 768px) {
.overlay {opacity:0 !important;}
.member-info {display:block;}
.ranchlands-card,.ranchlands-staff-card {padding: 28px;}
}


/* Enrol page end  */

/* inner page end  */
@media screen and (max-width: 1200px) {
.desktop-nav {display:none;}
.phone-navs {display:block;}
}

@media screen and (max-width: 1400px) {
.desktop-menu .nav {gap:5px;}
.desktop-menu .nav-link {padding:10px;}
}

@media (min-width: 1550px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width:1400px;}
}

@media screen and (max-width: 1323px) {
.container {max-width:80%;}
}

@media screen and (max-width: 991px) {
.custom-dots .slick-dots {display:block;}
.btn-brown {display:inline-flex; margin:0 auto;}
.bodycontent h2 {font-size:38px;}
.bodycontent h3 {font-size:28px;}
.bodycontent h4 {font-size:20px;}
.bodycontent h5 {font-size:20px;}
.bodycontent h6 {font-size:18px;}
.bodycontent p {font-size:15px;}
.container {max-width:90%;}
.welcome-section-row {max-width: 100%;}
.banner-slide {height: 50vh;}
 .site-footer::after {bottom: -8%;height: 43%;background-size: cover;opacity: 0.6;}
 .social-icons img{width: 50px; height: 50px;}
 .facebook-embed-wrapper{aspect-ratio: 1/1.2;}
 .page-banner {min-height:450px; padding:60px 15px;}
.page-banner__cloud {bottom:-5%;}
}

@media screen and (max-width: 768px) {
.bodycontent h2 {font-size:27px; margin-bottom: 0;}
.bodycontent h3 {font-size:25px;}
.bodycontent h4 {font-size:18px;}
.bodycontent h5 {font-size:16px;}
.bodycontent h6 {font-size:16px;}

.bodycontent p {font-size:15px;}
.container {max-width:95%;}
.banner-slide {height:auto; min-height:auto; padding:60px 0; aspect-ratio:1/1;}
.green-btn,.pink-btn {padding:12px 20px; min-width:180px; min-height:50px;}
.left-leaf, .right-leaf {opacity:0.4 !important; z-index:-1 !important;}
.right-leaf {bottom:38%;}
.testimonial-section {padding:150px 0 50px; position:relative; background:url('./images/testimonial-bg-mobile.jpg') no-repeat center center; background-size:auto; background-size:cover;}
.custom-dots .slick-dots {display:block;}
.btn-brown {display:inline-flex; margin:0 auto;}
.welcome-section {padding:60px 0 80px;}
.programs-section {padding:80px 0 0px;}
.affiliates-logos {gap:30px;}
.affiliates-logos img {max-height:60px;}
.banner-overlay {background:rgba(0, 0, 0, 0.5);}
.banner-prev, .banner-next {width:35px; height:35px; border-radius:50%; color:#fff; font-size:17px;}
#myBtn {position:fixed; bottom:30px; right:8px; z-index:9999; width:40px; height:40px;}
.site-footer::after { bottom: -4%; height: 18%; background-size: cover;}
.social-icons img{width: 40px; height: 40px;}
.facebook-embed-wrapper {aspect-ratio: 1 / 0.7;}
.page-banner {min-height:380px; padding:50px 10px;}
.page-banner__title {font-size:clamp(24px, 6vw, 38px); letter-spacing:.05em;}
.page-banner__cloud {bottom:-2px;}
.inner-page-section {padding: 55px 0;}
.testimonials-highlight h6 {margin: 0 auto 47px;}
}
@media(max-width:1500px){.left-star{top:10%;left:8%;z-index: -1;}.right-star{top:10%;right:8%;z-index: -1; opacity: 0.9 !important;}.left-tree{top:30%;left:8%;z-index: -1; opacity: 0.9 !important;}.right-tree{top:30%;right:8%; z-index: -1; opacity: 0.9 !important;}}
@media(max-width:1050px){.left-star{top:3%;left:5%;z-index: -1;}.right-star{top:5%;right:5%;z-index: -1; opacity: 0.9 !important;}.left-tree{top:50%;left:0%;z-index: -1; opacity: 0.9 !important;}.right-tree{top:50%;right:0%; z-index: -1; opacity: 0.9 !important;}}
@media(max-width:600px){.left-star{top:3%;left:0%;z-index: -1;}.right-star{top:25%;right:0%;z-index: -1; opacity: 0.3 !important;}.left-tree{top:50%;left:0%;z-index: -1; opacity: 0.5 !important;}.right-tree{top:50%;right:0%; z-index: -1; opacity: 0.5 !important;}
 .footer-locations.row {
    --bs-columns: 1;
  }
}

@media (max-width: 480px) {
  .site-footer::after { bottom: -2%; height: 15%; background-size: cover;}
  .facebook-embed-wrapper {aspect-ratio: 1 / 1.2;}
  .page-banner {min-height:320px; padding:40px 10px;}
.page-banner__cloud {bottom:-2px;}
.director-photo::before {inset: -13px 6px -15px 13px;}
 .inner-page-section {padding: 45px 0;}
}