@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Gujarati:wght@400;500;600;700&family=Nunito+Sans:wght@400;600;700;800&display=swap');
:root{--navy:#173f5f;--orange:#e88628;--cream:#fff8ed;--green:#347a65}*{box-sizing:border-box}body{font-family:'Noto Sans Gujarati','Nunito Sans',sans-serif;color:#30414e;font-size:16px;line-height:1.8;background:#fff}.topbar{background:var(--navy);color:#fff;padding:8px 0;font-size:13px}.topbar a{color:#fff;text-decoration:none}.brandbar{padding:13px 0;background:#fff}.brand{display:flex;align-items:center;gap:14px;color:var(--navy);text-decoration:none}.brand img{width:68px;height:68px;object-fit:contain;border-radius:50%}.brand strong{display:block;font-size:21px;line-height:1.35;font-weight:700}.brand small{color:#777}.navbar{background:#f8aa39;border:0;border-radius:0;margin:0;min-height:0}.navbar-nav>li>a{color:#173f5f!important;font-weight:700;padding:17px 15px}.navbar-nav>li>a:hover,.navbar-nav>.active>a{background:#fff1d7!important}.navbar-toggle{border-color:#173f5f}.navbar-toggle .icon-bar{background:#173f5f}.hero{min-height:525px;position:relative;display:flex;align-items:center;background:linear-gradient(90deg,rgba(14,45,67,.88),rgba(14,45,67,.45)),url('../assets/school-building.jpeg') center/cover}.hero .container{color:#fff}.eyebrow{color:#ffc35d;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.hero h1{font-size:47px;line-height:1.28;max-width:760px;font-weight:700;margin:14px 0}.hero p{font-size:19px;max-width:650px}.btn-jj{display:inline-block;background:var(--orange);color:#fff!important;padding:12px 25px;border-radius:3px;text-decoration:none;font-weight:700;margin-top:12px}.section{padding:68px 0}.section-cream{background:var(--cream)}.heading{text-align:center;margin-bottom:42px}.heading .eyebrow{color:var(--orange)}.heading h2{color:var(--navy);font-size:32px;font-weight:700;margin:6px 0 0}.intro-image,.gallery-card img{width:100%;object-fit:cover}.intro-image{height:330px;border-radius:5px}.lead{font-size:18px}.stat{background:#fff;border-bottom:4px solid var(--orange);padding:25px 12px;text-align:center;margin-bottom:20px;box-shadow:0 5px 15px rgba(0,0,0,.06)}.stat b{display:block;font-size:33px;color:var(--navy);line-height:1.25}.card-jj{background:#fff;padding:28px;margin-bottom:24px;border-radius:4px;box-shadow:0 4px 16px rgba(24,47,63,.08);height:calc(100% - 24px)}.card-jj h3{color:var(--navy);font-size:21px;margin-top:0}.card-jj .fa{color:var(--orange);font-size:29px;margin-bottom:12px}.quote{background:var(--green);color:#fff;padding:60px 0;text-align:center}.quote p{font-size:23px;max-width:850px;margin:auto}.cta{background:var(--navy);color:#fff;text-align:center;padding:55px 0}.cta h2{margin-top:0;font-weight:700}.footer{background:#102f46;color:#cbd8df;padding:45px 0 20px}.footer h4{color:#fff}.footer a{color:#cbd8df;text-decoration:none}.footer .copyright{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);font-size:13px}.page-title{background:linear-gradient(90deg,rgba(23,63,95,.95),rgba(23,63,95,.73)),url('../assets/old-building.jpeg') center/cover;color:#fff;padding:75px 0}.page-title h1{font-size:38px;font-weight:700;margin:0}.page-title p{margin:5px 0 0}.timeline{border-left:3px solid var(--orange);padding-left:25px;margin-left:8px}.timeline-item{position:relative;margin:0 0 30px}.timeline-item:before{content:'';position:absolute;width:15px;height:15px;border-radius:50%;background:var(--orange);left:-34px;top:7px}.timeline-item h3{color:var(--navy);font-size:20px;margin:0 0 3px}.gallery-card{margin-bottom:30px;box-shadow:0 4px 15px rgba(0,0,0,.1);background:#fff}.gallery-card img{height:230px}.gallery-card p{padding:12px 15px;margin:0;color:var(--navy);font-weight:600}.video-card video{width:100%;background:#111;max-height:300px}.download{display:flex;gap:18px;align-items:center;padding:23px;background:#fff;border-left:4px solid var(--orange);box-shadow:0 4px 15px rgba(0,0,0,.07);margin-bottom:18px}.download .fa{font-size:33px;color:#d44}.download h3{font-size:19px;margin:0;color:var(--navy)}.contact-box{padding:25px;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.07);height:100%}.contact-box .fa{color:var(--orange);font-size:23px;margin-right:8px}@media(max-width:767px){.brand strong{font-size:15px}.hero{min-height:460px}.hero h1{font-size:32px}.navbar-nav{margin:0}.page-title h1{font-size:31px}.section{padding:45px 0}.intro-image{margin-bottom:22px}}