@charset "utf-8";
/* CSS Document */

/* CSS Document © 2025 ENVINTO */



::-moz-selection{ background:#7b7d7f; color:var(--global); text-shadow:none;}
::selection { background:#7b7d7f; color:var(--global); text-shadow:none;}
*,
*:before, *:after{-webkit-box-sizing:  border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, textarea, input { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; outline:none;font-family: "Fredoka", sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {color:#000000; background: #ffedd3; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow:hidden; overflow-y: scroll; scroll-behavior: smooth;}
:root { --primary:#e81311; --secondary:#08103d; --global: #ffffff;}
a { text-decoration:none; transition:all 0.25s ease-out 0s; outline: none; box-shadow: none;}
a:hover{text-decoration: none;}
h1, h2, h3 , h4, h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{font-family: "Fredoka", sans-serif;}
p, p span {font-family: "Fredoka", sans-serif;}
img { border:0px;}
ol, ul, li{ list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
* {-webkit-appearance: none;}
::-webkit-input-placeholder {
  color:#fff;
}
::-moz-placeholder { 
  color:#fff;
}
:-ms-input-placeholder {
  color:#fff;
}
:-moz-placeholder {
  color:#fff;
}

section, header, footer {width: 100%; float: left;}

img{max-width: 100%; display: block;}

strong{font-weight: bold;}

.container{max-width: 1400px; margin: 0 auto;padding: 0px 15px;width: 95%;}


strong{font-weight: bold;}



.error-page-section {background: var(--primary);}
.error-page-row {max-width: 800px; margin: 50px auto;}
.error-page-col1 h1 {font-size: 40px;color: #000;}
.error-page-col1 h2 {font-size: 40px;font-weight: 700;margin: 0 0 20px;color: #000;}
.error-page-col1 p {font-size: 16px;font-weight: 600;line-height: 1.67;margin: 0 0 22px;color: #000;}
.search-form { width: 100%; display: flex; align-items: center;}
.search-form input {width: 197px;height: 45px;border: 1px solid #000;margin: 0 7px 0 0;padding: 0 10px;color: #000;outline: none;box-shadow: none;display: inline-block;border-radius: 80px;}
.search-form .search-submit {width: auto;height: 45px;display: inline-block;padding: 0 25px;color: #ffff;border: 1px solid #000;background: #000;transform:transition all 0.25s ease-in-out;border-radius: 80px;}
.search-form .search-submit .screen-reader-text { position: relative !important;  display: block;  height: auto;  width: auto;  color: #ffff;  clip-path: none;  transition: all 0.25s ease-in-out;}
.search-form .search-submit:hover { color: #000; background: none;}
.search-form .search-submit:hover .screen-reader-text { color: #000;}
.search-form input::placeholder { color: #000;}
.search-page-section {padding: 80px 0px;background: #ffff;}
.search-page-row {  max-width: 1320px;  margin: 0 auto;}
.search-page-row .page-header .page-title {font-size: 40px;margin: 0 0 35px;display: flex;color: #000;font-weight: 500;}
.search-page-card {  margin: 0 0 50px;}
.search-page-content { padding: 0; max-width: inherit;  width: 100%;  text-align: left;  flex: 1 0 0;}
.search-page-content h3 {font-size: 32px;color: #000;font-weight: 500;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid var(--primary);}
.search-page-content p {font-size: 16px;font-weight: 500;line-height: 1.67;margin: 0 0 22px;color: #000;}
.search-btn1 {padding: 12px 24px;background-color: #000;border-radius: 80px;color: #ffffff;border: 1px solid #000;transition: 0.3s all ease-in-out;font-size: 16px;font-weight: 400;display: inline-block;margin: 10px auto 0;}
.search-btn1:hover {background-color: #ffffff;color: #000;}



.defualt-page-section {padding: 60px 0; background: #fff;}
.content-wrap h2 { font-size: 46px; font-weight: 500; color: var(--primary); margin: 0 0 20px;}
.content-wrap p { font-size: 16px; color: var(--secondary); line-height: 1.56; margin: 0 0 20px;}
.content-wrap ul {width: 100%; margin: 0 0 20px;}
.content-wrap ul li { font-size: 16px; line-height: 1.56; color: var(--primary); padding-left: 10px; position: relative;}
.content-wrap ul li:before { content: "\2022"; position: absolute; left: 0; top: 0;}
.content-wrap ol { width: 100%;float: none; counter-reset: my-awesome-counter; margin: 0 auto 28px;position: relative;}
.content-wrap ol li {font-size: 16px; line-height: 1.56; color: var(--primary); padding-left: 20px;position: relative;counter-increment: step-counter;}
.content-wrap ol li:before { content: counter(step-counter) '.'; margin-right: 0px; position: absolute; left: -4px; top: 0;}
.content-wrap p a, .content-wrap ul li a, .content-wrap ol li a{color:var(--primary);}
.content-wrap p a:hover, .content-wrap ul li a:hover, .content-wrap ol li a:hover{color: #000000;}



.whatsup-icon { position: fixed; bottom: 60px; right: 10px; z-index: 99;background:var(--global);padding: 15px;border-radius: 11px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.whatsup-icon img { width: 50px; height: 50px; }
.whatsup-icon  h3{font-size: 12px;text-align: center;color: var(--secondary);margin: 0 0 10px;}



.slick-prev, .slick-next{display: none !important;}
.overlay{display: none;}
.burger-btn{display: none;}


.header-sec.sticky{position: fixed;top: 0;left: 0;z-index: 999;background:#000000;animation: .7s slide-down;box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;width: 100%;}
.header-sec.sticky .menu-list ul li a{color:var(--primary);}
.header-sec.sticky .header-sec{padding: 0;margin: 10px 0px;}
.header-sec.sticky .header-sec .header-col .logo img{height: 50px;}


.header-sec{position: relative;z-index: 999;}
.header-row{display: flex;align-items: center;justify-content: space-between;margin: 20px auto;max-width: 1300px;border-radius: 20px;box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;padding: 10px 60px;background-color: #fff;}
.header-col ul{display: flex;align-items: center;justify-content: space-between;gap: 70px;}
.header-col ul li a{font-size: 1.2rem;color: var(--secondary);font-weight: 500;text-transform: uppercase;}
.header-col-2 .logo img{width: 100px;}




.banner-sec{background-color: #ffedd3;padding: 120px 0px 50px;margin-top: -130px;height: 100vh;position: relative;}
.banner-sec::after{position: absolute;bottom: -90px;left: 0;background-image: url('../images/banner-sec-after.png');width: 100%;height: 100px;content: "";background-size: cover;background-repeat: no-repeat;z-index: 99;}
.banner-row{display: flex;align-items: center;justify-content: space-between;margin-top: 60px;}
.banner-col-1{width: 48%;}
.banner-col-2{width: 48%;position: relative;}
.banner-col-1 h4{font-size: 1.8rem;color: var(--primary);line-height: 1.8;font-weight: 500;margin-bottom: 20px;text-transform: uppercase;letter-spacing: 2px;}
.banner-col-1 h1{font-size: 5rem;color:var(--secondary);font-weight: 600;line-height: 1.1;}
.contact-btn {margin-top: 40px;}
.contact-btn a{padding: 18px 40px;border: 1px solid var(--secondary);color: var(--secondary);display: inline-block;font-weight: 500;border-radius: 30px;font-size: 1.2rem;background-color: var(--secondary);color: var(--global);}
.contact-btn a:hover{background-color: transparent;color: var(--secondary);}
.banner-image img{border-radius: 50px;position: relative;}
.banner-image::after{position: absolute;content: "";background-image: url("../images/banner-after.svg");width: 300px;height: 200px;background-repeat: no-repeat;background-size: contain;bottom: -70px;right: 0px;}


@media(min-width:1600px){
  .banner-sec{height: 800px;}
}


.about-sec{padding:120px 0 50px;background-image: url("../images/about-bg.jpg");background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;z-index: 55;}
/* .about-sec::before{position: absolute;bottom:0px;left: 0;background-image: url('../images/banner-sec-before.png');width: 100%;height: 100px;content: "";background-size: cover;background-repeat: no-repeat;z-index: 99;} */
.about-sec::after{position: absolute;top: 0;left: 0;background-color: #00000080;width: 100%;height: 100%;content: "";z-index: 1;}
.about-row{display:flex;align-items:flex-start;gap:60px;position: relative;z-index: 55;}
.about-col-1{width: 38%;}
.about-col-2{width: 58%;}
.about-video{width:100%;height:600px;object-fit:cover;border-radius:40px}
.about-tag{font-size: 1.5rem;color:#aaff00;line-height: 1.5;font-weight: 500;margin-bottom: 10px;letter-spacing: 2px;}
.about-col-2 h2{font-size: 3rem;color:var(--global);font-weight: 500;line-height: 1.1;margin-bottom: 30px;}
.about-col-2 p{color: var(--global);line-height: 2;font-size:1.2rem;}
.about-btn a{margin-top: 30px;}
.about-btn a{display:inline-block;padding:18px 40px;border:1px solid #fff;border-radius:30px;color:#fff;text-decoration:none;font-weight:500;transition:.3s;font-size: 1.2rem;}
.about-btn a:hover{background:#fff;color:#050b3a}
.about-strip-wrap{position:relative;margin-top:20px;z-index:5}
.about-strip{background:transparent;backdrop-filter:blur(6px);border-radius:22px;padding:26px 40px;display:flex;align-items:center;justify-content:space-between;gap:50px;box-shadow:0 20px 60px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.06)}
.strip-item{display:flex;align-items:center;gap:10px}
.strip-icon{width:62px;height:62px;border-radius:18px;background:#aaff00;box-shadow:0 0 20px rgba(170,255,0,.25);display:flex;align-items:center;justify-content:center}
.strip-icon i{font-size:30px;color:var(--secondary)}
.strip-text{font-size:20px;font-weight:600;line-height:1.5;color:#fff}
.strip-text span{font-weight:400;opacity:.9}




.programs-sec{background:#fff6ea;padding:60px 0}
.programs-head{text-align:center;margin-bottom:30px}
.programs-tag{font-size: 1.5rem;color:var(--primary);line-height: 1.5;font-weight: 500;margin-bottom: 10px;letter-spacing: 2px;}
.programs-head h2{font-size: 3rem;color:var(--secondary);font-weight: 500;line-height: 1.1;margin-bottom: 10px;}
.programs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:60px}
.program-card{position:relative}
.program-img img{width:100%;border-radius:40px;display:block;height: 400px;object-fit: cover;}
.program-content{background:#fff;border-radius:24px;padding:28px 32px;box-shadow:0 20px 50px rgba(0,0,0,.08);max-width:90%;margin:-100px auto 0;position: relative;}
.program-pill{display:inline-block;padding:10px 25px;border-radius:999px;font-size:1.2rem;font-weight:600;margin-bottom:0px}
.pill-purple{background:#d6d9ff;color:#3b3fe0}
.pill-green{background:#d9ffb8;color:#3a7c00}
.program-age{display:inline-block;margin-left:10px;color:#666;font-size:20px;font-weight:600}
.program-content h3{margin-top:12px;font-size:23px;font-weight:600;color:var(--secondary);line-height:1.3;}
.programs-sub{max-width:700px;margin:15px auto 0;color:#666;font-size:17px;line-height:1.6}
.program-content p{margin-top:10px;color:#555;font-size:18px;line-height:1.6}



.join-sec{position:relative;padding:80px 0;background-image: url('../../assets/images/join-bg.jpeg');background-size: cover;background-repeat: no-repeat;background-position:center;}
.join-cloud{position:relative;background-image: url('../images/join-sec-bg.svg');background-size: contain;background-repeat: no-repeat;background-position: center;width: 900px;height: 500px;margin:0 auto;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.join-badge{display:inline-flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:15px 30px;font-size:16px;font-weight:600;color:var(--secondary);box-shadow:0 6px 20px rgba(0,0,0,.08);margin-bottom:20px}
.join-badge i{color:#1d3bff}
.join-cloud h2{font-size: 3rem;color:var(--secondary);font-weight: 500;line-height: 1.1;margin-bottom: 30px;text-align: center;}
.join-red{color:#e60000;}
.join-btn a{padding: 18px 40px;border: 1px solid var(--secondary);color: var(--secondary);display: inline-block;font-weight: 500;border-radius: 30px;font-size: 1.2rem;background-color: var(--secondary);color: var(--global);}
.join-btn a:hover{background-color: transparent;color: var(--secondary);}




.tilt-gallery-sec{position:relative;padding:60px 0;background-image: url('../../assets/images/gallery-bg.jpg');background-size: cover;background-repeat: no-repeat;background-position:center;}
.tilt-gallery-sec::after{position: absolute;top: 0;left: 0;background-color: #00000089;width: 100%;height: 100%;content: "";z-index: 1;}
.tilt-gallery-head h4{font-size: 1.5rem;color:#aaff00;line-height: 1.5;font-weight: 500;margin-bottom: 10px;letter-spacing: 2px;text-align: center;position: relative;z-index: 2;}
.tilt-gallery-head h2{font-size: 3rem;color:var(--global);font-weight: 500;line-height: 1.1;margin-bottom: 30px;text-align: center;position: relative;z-index: 2;}
.tilt-gallery-head p{color: var(--global);line-height: 2;font-size:1.2rem;text-align: center;position: relative;z-index: 2;}
.tilt-gallery-head{max-width: 900px; margin: 0 auto 50px;}
.tilt-gallery-wrap{margin:auto;display:flex;justify-content:center;align-items:center;gap:20px;position: relative;z-index: 2;}
.tilt-card{width:250px;height:250px;border-radius:22px;overflow:hidden;background:#eee;box-shadow:0 25px 60px rgba(0,0,0,.18);transition:.4s ease}
.tilt-card img{width:100%;height:100%;object-fit:cover;display:block}
.tilt-1{transform:rotate(-15deg) translateY(15px)}
.tilt-2{transform:rotate(15deg) translateY(5px)}
.tilt-3{transform:rotate(-15deg)}
.tilt-4{transform:rotate(15deg)}
.tilt-5{transform:rotate(-15deg) translateY(5px)}
.tilt-gallery-sec .about-btn{margin-top: 30px;position: relative;z-index: 5;display: flex;align-items: center;justify-content: center;}



.testi2-sec{background:#fff6ea;padding:60px 0}
.testi2-head{text-align:center;margin-bottom:30px}
.testi2-tag{font-size:1.5rem;letter-spacing:2px;color:var(--primary);font-weight:600;margin-bottom:10px;display:inline-block}
.testi2-head h2{font-size:3rem;color:var(--secondary);font-weight:500;margin-bottom:10px}
.testi2-sub{max-width:700px;margin:0 auto;color:#666;line-height: 2;font-size:1.2rem;text-align: center;position: relative;z-index: 2;}
.testi2-slider{margin:0 auto}
.testi2-slider .slick-slide div{margin: 0 10px;}
.testi2-card{background:#fff;border-radius:30px;padding:40px 20px 20px;margin:0 15px;display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height: 300px;}
.testi2-content{position:relative;padding-left:45px}
.testi2-content:before{content:"“";position:absolute;left:0;top:-10px;font-size:5rem;color:var(--primary);font-weight:700;line-height:1}
.testi2-text{font-size:20px;line-height:1.7;color:#444}
.testi2-profile{display:flex;align-items:center;gap:15px;margin-top:25px !important;}
.testi2-profile img{width:55px;height:55px;border-radius:50%;object-fit:cover}
.testi2-profile h4{font-size:18px;color:var(--secondary);font-weight:600;margin:0}
.testi2-profile span{font-size:14px;color:#777}



.enroll-sec{padding:60px 0 150px;background:#fff}
.enroll-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:flex-start;}
.enroll-left{position:relative}
.enroll-img.big img{width:100%;border-radius:40px;height: 580px;object-fit: cover;}
.enroll-img.small{position:absolute;bottom:-80px;right:0px;width:300px;}
.enroll-img.small img{width:300px;border-radius:40px;box-shadow:0 30px 80px rgba(0,0,0,.15);height: 300px;}
.enroll-rainbow{position:absolute;left:-40px;bottom:-150px;width:300px;height:300px;background:url('../images/banner-after.svg') no-repeat center/contain}
.enroll-tag{color:var(--primary);font-weight:600;letter-spacing:2px;font-size:1.5rem;margin-bottom:10px;display:inline-block}
.enroll-right h2{font-size:3.2rem;color:var(--secondary);font-weight:500;line-height:1.2;margin-bottom:30px}
.enroll-form{background:#fff6ea;padding:40px;border-radius:40px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:25px}
.form-group label{font-size:15px;color:var(--secondary);font-weight:600;margin-bottom:8px;display:block}
.form-group span{color:var(--primary)}
.form-group input{width:100%;padding:16px 20px;border-radius:999px;border:none;background:#ffffff;font-size:15px;outline:none}
.enroll-btn a{padding: 18px 40px;border: 1px solid var(--secondary);color: var(--secondary);display: inline-block;font-weight: 500;border-radius: 30px;font-size: 1.2rem;background-color: var(--secondary);color: var(--global);}
.enroll-btn a:hover{background-color: transparent;color: var(--secondary);}



.site-footer{background:var(--secondary);color:#fff;padding-top:40px;position: relative;}
.site-footer::after{position: absolute;top: -80px;left:-1px;background-image: url('../images/footer-after.png');width: 100%;height: 100px;content: "";background-size: cover;background-repeat: no-repeat;z-index: 99;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.8fr;gap:50px;align-items: center;margin-bottom: 30px;}
.footer-logo{background-color: #fff;max-width: 150px;padding: 20px;margin-bottom: 20px;border-radius: 20px;}
.footer-logo img{width:120px;}
.footer-brand p{color:#ffffff;line-height:1.7;font-size:18px}
.footer-col h4{font-size:28px;margin-bottom:20px;font-weight: 500;}
.footer-col ul{list-style:none;padding:0;margin:0}
.footer-col ul li{margin-bottom:25px}
.footer-col ul li a{color:#ffffff;text-decoration:none;font-size:18px}
.footer-col ul li a:hover{color:var(--primary);}
.footer-social{margin-top:20px;display:flex;gap:12px}
.footer-social a{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}
.footer-social a:hover{background:#ff3b3b}
.footer-contact li{display:flex;align-items:center;gap:10px;color:#ffffff;font-size:18px}
.footer-contact i{color:#ff3b3b;font-size: 20px;margin-right: 20px;}
.env-footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding:25px 0;border-top: 1px solid var(--global);}
.env-footer-bottom p{color:#ffffff;}
.env-footer-bottom p a{color: var(--primary);font-weight: 600;}
.env-footer-bottom p a:hover{color: var(--primary);}
.env-footer-bottom-links{display:flex;gap:20px}
.env-footer-bottom-links a{color:#ffffff;text-decoration:none;transition:.3s}
.env-footer-bottom-links a:hover{color:var(--primary)}





.learning-areas{padding:80px 0;background-color: #fff;}
.learning-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;}
.learning-top h2{font-size:3.2rem;color:var(--secondary);font-weight:500;line-height:1.2;}
.learning-btn{padding:14px 30px;border:1px solid var(--secondary);border-radius:40px;text-decoration:none;color:var(--secondary);font-weight:500;}
.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;justify-items:flex-start;}
.learning-card{background:#efe7dc;padding:30px;border-radius:30px;display:flex;gap:20px;align-items:flex-start;}
.icon-box{width:70px;height:70px;border:1px dashed var(--secondary);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--secondary);background:#e6edf4;}
.learning-card .card-content h4{margin:0 0 10px;font-size:20px;font-weight:700;color:var(--secondary);}
.learning-card .card-content p{margin:0;font-size:15px;color:#5a5a5a;line-height:1.6;}
.learning-card:nth-child(4){grid-column:1/2;justify-self:end;}
.learning-card:nth-child(5){grid-column:2/3;justify-self:start;}



.inner-banner{padding:40px 20px 40px;text-align:center;position: relative;}
.inner-banner::after{position: absolute;bottom: -90px;left: 0;background-image: url('../images/banner-sec-after.png');width: 100%;height: 100px;content: "";background-size: cover;background-repeat: no-repeat;z-index: 99;}
.breadcrumb{font-size:18px;margin-bottom:10px;justify-content: center;}
.breadcrumb a{color:#000;text-decoration:none;position:relative;padding-right:18px;}
.breadcrumb a::after{content:"›";position:absolute;right:5px;top:50%;transform:translateY(-50%);}
.inner-banner h1{font-size:4rem;font-weight:600;color:var(--secondary);margin:0;}




.story-section { text-align:center; padding:120px 0px 50px;background-color: #fff;}
.story-title { font-size:4rem; font-weight:500; color:#1a1a2e; margin-bottom:20px; }
.story-text { max-width:900px; margin:0 auto 30px; font-size:20px; color:#555; line-height:1.8; }
.story-inner { position:relative; background:#fff; padding:20px; border:2px dashed var(--primary); border-radius:30px; }
.story-img { width:100%; border-radius:20px; display:block;height: 500px;object-fit: cover;}
.play-button { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80px; height:80px; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 10px 30px rgba(0,0,0,0.2); }
.play-button::before { content:''; border-left:22px solid #1a1a2e; border-top:14px solid transparent; border-bottom:14px solid transparent; margin-left:6px; }
.video-modal { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transition:0.3s; z-index:999; }
.video-modal.active { opacity:1; visibility:visible; }
.video-content { position:relative; width:80%; max-width:900px; }
.video-content iframe { width:100%; height:500px; border-radius:10px; }
.close-btn { position:absolute; top:-40px; right:0; font-size:35px; color:#fff; cursor:pointer; }






.why-section { padding:80px 0 20px; text-align:center; }
.why-title { font-size:45px; font-weight:600; color:var(--secondary); margin-bottom:15px; }
.why-text {margin:0 auto 30px; color:#666; font-size:20px; line-height:1.8; }
.why-box { border:2px dashed var(--primary); padding:40px; display:grid; grid-template-columns:repeat(2,1fr); gap:30px;  }
.why-item {display:flex; align-items:center; gap:20px; text-align:left; }
.why-img { max-width: 250px;padding:10px; border-radius:8px;max-height: 200px;}
.why-img img { width:100%; height:100%; object-fit:cover; border-radius:6px; }
.why-content h4 { margin:0 0 8px; font-size:30px; color:var(--secondary);font-weight: 600;}
.why-content p { margin:0; font-size:18px; color:#666; line-height:1.6; }


.stats-section {padding: 30px 0px 50px;}
.stats-wrapper { width:90%; margin:auto; background:var(--secondary); border-radius:25px; padding:40px 20px; display:flex; justify-content:space-around; align-items:center; flex-wrap:wrap; position:relative; overflow:hidden; }
.stat-item { display:flex; align-items:center; gap:15px; color:#fff; z-index:2; }
.stat-icon { width:60px; height:60px; border-radius:15px; display:flex; align-items:center; justify-content:center; font-size:28px; }
.stat-text h2 { margin:0; font-size:42px; font-weight:700; }
.stat-text p { margin:0; font-size:20px; color:#ddd; }


.gallery-section{background-color: #fff;padding: 120px 0px 150px;}
h1{font-size:42px;font-weight:700;color:var(--secondary);margin-bottom:40px;}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;}
.card{overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.05);}
.card img{width:100%;height:300px;object-fit:cover;display:block;}
.large{grid-column:span 2;}



.edu-section{text-align:center;background-color: #fff;padding: 100px 0px 60px;}
.edu-desc {margin-bottom: 50px;}
.edu-desc p{max-width:1000px;margin:0 auto 10px;color:#000000;font-size:18px;line-height:1.8;}
.edu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom: 60px;}
.edu-card{background:#ffedd3;border-radius:25px;padding:20px;transition:.3s ease;}
.edu-card img{width:100%;height:180px;object-fit:cover;border-radius:15px;margin-bottom:20px;}
.edu-heading{font-size:25px;font-weight:600;color:var(--secondary);margin-bottom:10px;}
.edu-text{font-size:16px;color:#000000;line-height:1.6;}
.edu-card:hover{background:var(--secondary);color:#fff;transform:translateY(-5px);}
.edu-card:hover .edu-heading,.edu-card:hover .edu-text{color:#fff;}
.edu-highlight{background:var(--secondary);color:#fff;}
.edu-highlight .edu-heading,.edu-highlight .edu-text{color:#fff;}




.contact-sec{padding:100px 0 150px;background-image: url("../images/contact-bg.jpg");background-repeat: no-repeat;background-size: cover;background-position:center;position: relative;}
.contact-sec::after{position: absolute;background-color: #0000006f;content: "";top: 0;left: 0;width: 100%;height: 100%;}
.contact-top{text-align:center;margin-bottom:30px;position: relative;z-index: 99;}
.contact-top h2{color:#ffffff;font-size:3.2rem;font-weight:600;max-width:900px;margin:0 auto;line-height:1.2;}
.contact-sec .enroll-form{background:#f3e9dd;border-radius:40px;padding:50px;max-width: 1000px;margin: 0 auto;position: relative;z-index: 99;}
.contact-sec .form-bottom{display:flex;align-items:center;gap:30px;margin-top:10px;justify-content: center;}



.registration-sec{padding:80px 0 180px;background-image: url("../images/registraion-bg.jpg");background-repeat: no-repeat;background-size: cover;background-position:bottom;position: relative;}
.registration-top{text-align:center;margin-bottom:60px;}
.registration-tag{color:var(--primary);font-weight:600;letter-spacing:2px;font-size:1.3rem;display:inline-block;margin-bottom:10px;}
.registration-top h2{font-size:3rem;font-size:3.2rem;font-weight:600;max-width:900px;margin:0 auto;line-height:1.2;}
.registration-top p{color:#666;font-size:15px;}
.registration-form-wrapper{background:#fff6ea;padding:50px;border-radius:40px;max-width: 1000px;margin: 0 auto;}
.reg-row{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:25px;}
.reg-group label{display:block;font-size:15px;font-weight:600;color:var(--secondary);margin-bottom:8px;}
.reg-group span{color:var(--primary);}
.reg-group input,.reg-group textarea{width:100%;padding:16px 20px;border-radius:999px;border:none;background:#ffffff;font-size:15px;outline:none;}
.reg-group textarea{border-radius:25px;resize:none;}
.reg-group.full{grid-column:1/3;}
.reg-submit{text-align:center;margin-top:20px;}
.reg-submit button{padding:18px 40px;border:1px solid var(--secondary);background:var(--secondary);color:var(--global);border-radius:30px;font-size:1.1rem;font-weight:500;transition:.3s;}
.reg-submit button:hover{background:transparent;color:var(--secondary);}




.program-hero-new{padding:140px 0 50px;background:linear-gradient(180deg,#f4f8ff 0%,#fff 100%);}
.program-hero-grid{display:flex;align-items:center;gap:40px;}
.program-hero-left{width: 48%;}
.program-age{display:inline-flex;align-items:center;gap:8px;background:var(--secondary);color:#fff;padding:15px 30px;border-radius:30px;font-weight:600;margin-bottom:25px;}
.program-hero-left h2{font-size:3rem;color:var(--secondary);font-weight:600;line-height:1.2;margin-bottom:25px;}
.program-hero-left p{font-size:20px;color:#555;line-height:1.8;margin-bottom:35px;}
.program-hero-features{display:flex;flex-direction:column;gap:18px;margin-bottom:40px;font-weight:600;color:var(--secondary);}
.program-hero-features div{display:flex;align-items:center;gap:15px;}
.program-hero-features h3{margin:0;font-size:25px;}
.program-hero-features i{width:65px;height:65px;background:#eef4ff;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--secondary);font-size: 25px;}
.program-cta-box{display:flex;align-items:center;gap:15px;background:#fff;border-radius:20px;padding:22px;box-shadow:0 20px 50px rgba(0,0,0,.08);font-weight:600;color:var(--secondary);}
.program-cta-box span{color:#4caf50;font-size: 20px;}
.program-cta-box i{color:#4caf50;font-size:22px;}
.program-hero-right{position:relative;width: 48%;}
.program-hero-right img{width:100%;border-radius:40px;box-shadow:0 35px 80px rgba(0,0,0,.12);}
.rating-badge{position:absolute;top:30px;right:30px;background:#fff;padding:12px 20px;border-radius:40px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.15);}
.rating-badge i{color:#ff9800;}





.program-tabs-modern{padding:120px 0;background:#f9fafc;}
.tabs-modern-layout{display:flex;gap:60px;}
.tabs-modern-nav{display:flex;flex-direction:column;gap:20px;width: 30%;}
.modern-tab{padding:20px 22px;border:none;background:#fff;border-radius:20px;text-align:left;font-weight:600;color:var(--secondary);display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:0 10px 25px rgba(0,0,0,.08);transition:.3s;font-size: 1.3rem;}
.modern-tab:hover{transform:translateX(5px);}
.modern-tab.active{background:var(--secondary);color:#fff;}
.tabs-modern-content{width: 70%;background:#fff;padding:50px;border-radius:30px;box-shadow:0 30px 70px rgba(0,0,0,.08);}
.modern-pane{display:none;}
.modern-pane.active{display:block;}
.modern-pane h3{font-size:32px;color:var(--secondary);margin-bottom:20px;font-weight: 600;}
.modern-pane p{font-size:18px;color:#555;line-height:1.8;margin-bottom:20px;}
.modern-pane ul{list-style:none;padding:0;}
.modern-pane li{display:flex;gap:12px;margin-bottom:15px;color:#555;}
.modern-pane i{color:#4caf50;}