.popup-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.7); display: none; align-items: center; justify-content: center; z-index: 9999; padding: 15px; }.popup-box { position: relative; width: 100%; max-width: 500px; max-height: 85vh; display: flex; align-items: center; justify-content: center;}.popup-box img { width: 100%; height: auto; max-height: 85vh; object-fit: contain; border-radius: 12px;}.popup-close { position: absolute; top: -12px; right: -12px; background: #fff; color: #000; font-size: 20px; font-weight: bold; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 2px 10px rgba(0,0,0,0.2);}@media (max-width: 768px) { .popup-box { max-width: 90%; max-height: 75vh; } .popup-box img { max-height: 75vh; }}@media (max-width: 480px) { .popup-box { max-width: 95%; max-height: 70vh; } .popup-close { top: -8px; right: -8px; width: 26px; height: 26px; font-size: 16px; }}.popup-box { animation: popupZoom 0.3s ease;}@keyframes popupZoom { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; }}.popup-btn { display: block; margin-top: 12px; text-align: center; background: linear-gradient(135deg, #2e7d32, #4caf50); color: #fff; padding: 10px 18px; border-radius: 30px; font-weight: 600; text-decoration: none; transition: 0.3s;}.popup-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0,0,0,0.2);}@media (max-width: 480px) { .popup-btn { font-size: 14px; padding: 8px 14px; }}html { scroll-behavior: smooth;}a { text-decoration: none; color: #fff;}.fruit-icon { height: 56px; margin-right: 6px; vertical-align: middle;}.flabel { display: inline-flex; align-items: center;}:root { --green: #2e7d32; --green-light: #43a047; --green-pale: #e8f5e9; --orange: #e65100; --orange-light: #ff6d00; --orange-pale: #fff3e0; --gold: #c9992b; --gold-light: #f5d06e; --white: #ffffff; --off-white: #fafaf7; --text: #1a1a1a; --text-muted: #5a5a5a; --shadow: 0 4px 24px rgba(0, 0, 0, 0.1); --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.14); --radius: 14px;}* { margin: 0; padding: 0; box-sizing: border-box;}html { scroll-behavior: smooth;}body { font-family: "Hind", sans-serif; color: var(--text); background: var(--white); overflow-x: hidden;}.top-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 1000;}.ann { background: linear-gradient(90deg, #2e7d32, #1b5e20 40%, #e65100 70%, #2e7d32); background-size: 300% 100%; animation: ab 10s linear infinite; color: #fff; padding: 9px 0; overflow: hidden; white-space: nowrap;}@keyframes ab { 0% { background-position: 0%; } 100% { background-position: 300%; }}.ann-track { display: inline-flex; gap: 0; animation: ticker 35s linear infinite; white-space: nowrap;}.ann-track:hover { animation-play-state: paused;}@keyframes ticker { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); }}.ann-track span { display: inline-block; padding: 0 28px; font-size: 0.8rem; font-weight: 700; border-right: 1px solid rgb(255 255 255 / 0.25);}.std-img { object-fit: contain; width: 100%;}#about-us,#academics,#results #academics-circulum #contact { scroll-margin-top: 120px;}#results-h { scroll-margin-top: 120px;}#Adm-form { scroll-margin-top: 120px;}#contact { scroll-margin-top: 120px;}#admission-form { scroll-margin-top: 120px;}#gallery { scroll-margin-top: 120px;}#facilities { scroll-margin-top: 120px;}nav { background: rgb(255 255 255 / 0.97); backdrop-filter: blur(12px); border-bottom: 2px solid var(--green-pale); box-shadow: 0 2px 16px rgb(46 125 50 / 0.08); padding: 0 5%; display: flex; align-items: center; justify-content: space-between; height: 72px;}.nav-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; flex-shrink: 0;}.nav-logo { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; border: 2px solid var(--gold);}.nav-name { font-family: "Playfair Display", serif; font-size: 1.1rem; font-weight: 700; color: var(--green); line-height: 1.2;}.nav-name span { display: block; font-size: 0.7rem; font-weight: 400; color: var(--orange); font-family: "Hind", sans-serif; letter-spacing: 1px; text-transform: uppercase;}.nav-links { display: flex; gap: 4px; list-style: none;}.nav-links a { padding: 6px 13px; border-radius: 8px; text-decoration: none; font-size: 0.88rem; font-weight: 500; color: var(--text-muted); transition: all 0.2s;}.nav-links a:hover { background: var(--green-pale); color: var(--green);}.nav-cta { background: var(--orange); color: #fff; padding: 9px 20px; border-radius: 30px; font-weight: 600; font-size: 0.88rem; text-decoration: none; transition: all 0.2s; box-shadow: 0 2px 8px rgb(230 81 0 / 0.3); white-space: nowrap; flex-shrink: 0;}.nav-cta:hover { background: var(--orange-light); transform: translateY(-1px);}.nav-hamburger { display: none; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; padding: 4px; flex-shrink: 0;}.nav-hamburger span { display: block; width: 24px; height: 2px; background: var(--green); border-radius: 2px; transition: all 0.3s;}nav { position: fixed; top: 40px; left: 0; right: 0; z-index: 999;}.nav-drawer { display: none; position: fixed; left: 0; right: 0; background: rgb(255 255 255 / 0.98); backdrop-filter: blur(12px); border-bottom: 2px solid var(--green-pale); box-shadow: 0 8px 24px rgb(0 0 0 / 0.1); padding: 16px 5% 20px; z-index: 999; flex-direction: column; gap: 6px;}.nav-drawer.open { display: flex;}.nav-drawer a { padding: 10px 14px; border-radius: 8px; text-decoration: none; font-size: 0.95rem; font-weight: 500; color: var(--text-muted); transition: all 0.2s;}.nav-drawer a:hover { background: var(--green-pale); color: var(--green);}.nav-drawer .nav-cta-mobile { margin-top: 8px; background: var(--orange); color: white !important; padding: 12px 20px; border-radius: 30px; font-weight: 600; font-size: 0.95rem; text-align: center; box-shadow: 0 2px 8px rgb(230 81 0 / 0.3);}.nav-drawer .nav-cta-mobile:hover { background: var(--orange-light);}@media (max-width: 768px) { .nav-links { display: none; } .nav-cta { display: none; } .nav-hamburger { display: flex; }}.slider-track { display: flex; height: 100%; transition: transform 0.5s ease; width: 100%;}.slide { min-width: 100%; width: 100%; height: 100%; flex-shrink: 0; flex-grow: 0;}.slide-img { min-width: 100%; width: 100%; height: 100%; flex-shrink: 0; flex-grow: 0;}.poster-img { object-fit: contain; background: rgb(255 255 255 / 0.92); }.slide img { width: 100%; height: 100%; object-fit: cover;}.poster-slide { display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #f1f8f1 0%, #fff9f0 60%, #fef9ee 100%); }.poster-slide img { width: auto !important; height: 100% !important; max-width: 100%; object-fit: contain !important;}.slide-img img { width: 100%; height: 100%; object-fit: cover; display: block;}.slide img { width: 100%; height: 100%; object-fit: cover; display: block;}.hero-img-wrap { position: relative; width: 100%; height: 480px; border-radius: 18px;}.slider-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; border-radius: 18px; z-index: 1;}.slider { width: 100%; height: 100%;}.slider-track { display: flex; height: 100%; transition: transform 0.5s ease;}.slide { min-width: 100%; height: 100%; flex-shrink: 0;}.slide img { width: 100%; height: 100%; object-fit: cover; display: block;}.slider-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: rgb(255 255 255 / 0.85); border: none; border-radius: 50%; width: 38px; height: 38px; font-size: 1.1rem; cursor: pointer; z-index: 5; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgb(0 0 0 / 0.15); transition: background 0.2s, transform 0.2s; color: #2e7d32; font-weight: 700;}.slider-arrow:hover { background: #fff; transform: translateY(-50%) scale(1.08);}.slider-prev { left: 10px;}.slider-next { right: 10px;}.slider-dots { position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%); display: flex; gap: 7px; z-index: 5;}.dot { width: 8px; height: 8px; border-radius: 50%; background: rgb(255 255 255 / 0.55); cursor: pointer; transition: background 0.3s, transform 0.3s; border: 1px solid rgb(255 255 255 / 0.6);}.dot.active { background: #fff; transform: scale(1.3);}.hero-img-badge { position: absolute; bottom: 18px; left: 18px; z-index: 20; background: rgb(255 255 255 / 0.95); border-radius: 12px; padding: 10px 16px; box-shadow: 0 2px 12px rgb(0 0 0 / 0.15);}.badge-num { font-size: 1.3rem; font-weight: 800; color: #e65100; line-height: 1.2;}.badge-txt { font-size: 0.72rem; font-weight: 600; color: #5a5a5a;}.hero-img-float { position: absolute; top: 14px; right: 14px; z-index: 20; background: rgb(255 255 255 / 0.92); border-radius: 20px; padding: 6px 14px; font-size: 0.82rem; font-weight: 700; color: #2e7d32; box-shadow: 0 2px 10px rgb(0 0 0 / 0.12);}@media (max-width: 768px) { .hero-img-wrap { height: 260px; }}@media (max-width: 480px) { .hero-img-wrap { height: 210px; } .hero-img-badge { bottom: 12px; left: 12px; padding: 8px 12px; } .badge-num { font-size: 1.1rem; } .hero-img-float { top: 10px; right: 10px; font-size: 0.75rem; padding: 5px 10px; } .slider-arrow { width: 28px; height: 28px; font-size: 0.85rem; }}.hero { margin-top: 80px;}.hero { min-height: 100vh; background: linear-gradient(135deg, #f1f8f1 0%, #fff9f0 60%, #fef9ee 100%); display: grid; grid-template-columns: 1fr 1fr; align-items: center; padding: 100px 5% 60px; gap: 60px; position: relative; overflow: hidden;}.hero::before { content: ""; position: absolute; top: -80px; right: -80px; width: 480px; height: 480px; border-radius: 50%; background: radial-gradient(circle, rgb(46 125 50 / 0.07) 0%, transparent 70%);}.hero::after { content: ""; position: absolute; bottom: -60px; left: -60px; width: 360px; height: 360px; border-radius: 50%; background: radial-gradient(circle, rgb(230 81 0 / 0.06) 0%, transparent 70%);}.hero-badge { display: inline-block; background: var(--green-pale); color: var(--green); padding: 6px 16px; border-radius: 30px; font-size: 0.8rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 20px; border: 1px solid rgb(46 125 50 / 0.2);}.hero h1 { font-family: "Playfair Display", serif; font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 900; line-height: 1.15; color: var(--text); margin-bottom: 18px;}.hero h1 em { font-style: normal; color: var(--green);}.hero h1 span { color: var(--orange);}.hero-sub { font-size: 1.1rem; color: var(--text-muted); margin-bottom: 28px; line-height: 1.6; font-weight: 400;}.hero-admission { display: inline-block; background: linear-gradient(90deg, var(--orange), var(--gold)); color: #fff; padding: 10px 22px; border-radius: 30px; font-weight: 600; font-size: 0.95rem; margin-bottom: 22px; letter-spacing: 0.3px;}@media (max-width: 520px) { .hero-admission { font-size: 0.8rem; padding: 8px 14px; letter-spacing: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }}.btn-primary { position: relative; z-index: 10; pointer-events: auto;}.hero-btns { display: flex; gap: 14px; flex-wrap: wrap;}.btn-primary { background: linear-gradient(135deg, var(--green), var(--green-light)); color: #fff; padding: 14px 32px; border-radius: 40px; font-weight: 600; font-size: 1rem; text-decoration: none; box-shadow: 0 4px 16px rgb(46 125 50 / 0.35); transition: all 0.25s; display: inline-flex; align-items: center; gap: 8px;}.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgb(46 125 50 / 0.4);}.btn-secondary { background: #fff; color: var(--orange); padding: 14px 32px; border-radius: 40px; font-weight: 600; font-size: 1rem; text-decoration: none; border: 2px solid var(--orange); transition: all 0.25s; display: inline-flex; align-items: center; gap: 8px;}.btn-secondary:hover { background: var(--orange); color: #fff;}.hero-stats { display: flex; gap: 28px; margin-top: 36px; flex-wrap: wrap;}.stat { text-align: center;}.stat-num { font-family: "Playfair Display", serif; font-size: 2rem; font-weight: 900; color: var(--green);}.stat-label { font-size: 0.78rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.8px;}.hero-img-wrap { position: relative; z-index: 1;}.hero-img-main { width: 100%; border-radius: 24px; box-shadow: var(--shadow-lg); object-fit: cover; height: 460px;}.hero-img-badge { position: absolute; bottom: -18px; left: 24px; background: #fff; border-radius: 16px; padding: 14px 20px; box-shadow: var(--shadow); display: flex; align-items: center; gap: 12px; border-left: 4px solid var(--gold);}.badge-num { font-family: "Playfair Display", serif; font-size: 1.5rem; font-weight: 900; color: var(--orange);}.badge-txt { font-size: 0.8rem; color: var(--text-muted); font-weight: 500;}.hero-img-float { position: absolute; top: -20px; right: -20px; background: #fff; border-radius: 14px; padding: 10px 16px; box-shadow: var(--shadow); font-weight: 600; font-size: 0.85rem; color: var(--green); border-top: 3px solid var(--green);}.sbar { background: linear-gradient(135deg, var(--green), #1b5e20); padding: 32px 24px;}.sgrid { max-width: 1300px; margin: auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;}.si { text-align: center; color: #fff;}.si .n { font-family: "Playfair Display", serif; font-size: 2.2rem; font-weight: 800; color: var(--gold); line-height: 1;}.si .l { font-size: 0.82rem; opacity: 0.85; margin-top: 4px;}section { padding: 64px 24px;}.siw { max-width: 1300px; margin: auto;}.stag { display: inline-block; background: var(--gs); color: var(--green); border-radius: 20px; padding: 5px 15px; font-size: 0.73rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 11px;}.stag.o { background: var(--os); color: var(--orange);}.stag.g { background: var(--golds); color: #c17900;}.stag.t { background: #e0f7fa; color: #00695c;}.stitle { font-size: clamp(1.5rem, 2.6vw, 2.2rem); font-weight: 700; margin-bottom: 11px; color: var(--td);}.ssub { font-size: 0.91rem; color: var(--tl); max-width: 540px; line-height: 1.7; margin-bottom: 32px;}@media (max-width: 768px) { #sammelan div[style*="grid"] { grid-template-columns: 1fr !important; } #sammelan img { width: 100% !important; height: auto !important; border-radius: 12px; }}.prin-grid { display: grid; grid-template-columns: 280px 1fr; gap: 48px; align-items: start;}.prin-av { width: 100%; aspect-ratio: 3/4; border-radius: var(--rl); background: linear-gradient(135deg, #e8f5e9, #c8e6c9); display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 4rem; box-shadow: var(--sh3);}.prin-badge { margin-top: 12px; background: linear-gradient(135deg, var(--green), var(--gl)); color: #fff; border-radius: var(--r); padding: 11px 17px; text-align: center;}.prin-badge .pt { font-size: 0.8rem; opacity: 0.98;}.prin-badge .pn { font-weight: 800; font-size: 0.9rem;}.qmark { font-family: "Playfair Display", serif; font-size: 4.5rem; color: var(--gs); line-height: 0.8; margin-bottom: 6px;}.prin-msg h3 { font-size: 1.25rem; margin-bottom: 13px;}.prin-msg p { font-size: 0.88rem; color: var(--tm); line-height: 1.8; margin-bottom: 11px;}.prin-sig { margin-top: 16px; font-family: "Playfair Display", serif; font-size: 1.05rem; color: var(--green); font-style: italic;}.prin-av { position: relative;}.prin-av img { width: 100%; height: 100%; object-fit: cover; border-radius: 28px; position: relative;}.priname { position: absolute; bottom: 5px; font-weight: 600; color: var(--green); font-size: 0.85rem; background-color: #fff; padding: 8px; border-radius: 12px;}.prin-name { margin-top: 10px; font-weight: 800; color: var(--green); font-size: 0.95rem; text-align: center;}.prin-role { font-size: 0.8rem; color: var(--tm); font-weight: 600; margin-top: 2px;}section { padding: 80px 5%;}.section-label { display: inline-block; color: var(--orange); font-weight: 600; font-size: 0.8rem; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 8px;}.section-title { font-family: "Playfair Display", serif; font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 700; color: var(--text); margin-bottom: 8px; line-height: 1.25;}.section-title em { font-style: normal; color: var(--green);}.section-sub { font-size: 1rem; color: var(--text-muted); max-width: 600px; line-height: 1.6;}.center { text-align: center;}.center .section-sub { margin: 0 auto 48px;}.academics-section { background: var(--white);}.academics-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 48px;}.academic-card { background: #fff; border-radius: var(--radius); padding: 28px 24px; box-shadow: var(--shadow); transition: all 0.25s; position: relative; overflow: hidden;}.academic-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--green), var(--gold));}.academic-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg);}.academic-icon { width: 56px; height: 56px; border-radius: 14px; background: var(--green-pale); display: flex; align-items: center; justify-content: center; font-size: 1.6rem; margin-bottom: 18px;}.academic-card h3 { font-weight: 700; font-size: 1.1rem; color: var(--text); margin-bottom: 8px;}.academic-card p { font-size: 0.88rem; color: var(--text-muted); line-height: 1.6; margin-bottom: 14px;}.tag-list { display: flex; flex-wrap: wrap; gap: 6px;}.tag { background: var(--green-pale); color: var(--green); padding: 3px 10px; border-radius: 20px; font-size: 0.75rem; font-weight: 500;}.academic-card { overflow: hidden;}.academic-card img { width: 100%; aspect-ratio: 16/9; object-fit: contain; background: #f5f5f5; border-radius: 12px;}.academic-card:hover img { transform: scale(1.08);}.prog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}.pcard { background: #fff; border-radius: var(--rl); overflow: hidden; box-shadow: var(--sh1); transition: transform 0.3s;}.pcard:hover { transform: translateY(-4px);}.pcard img { width: 100%; aspect-ratio: 16/9; object-fit: cover; object-position: center; display: block;}.pcard-body { padding: 20px 22px;}.pcard-body h3 { font-size: 1.05rem; font-weight: 800; margin-bottom: 7px; font-family: "Nunito", sans-serif; color: var(--green);}.pcard-body p { font-size: 0.83rem; color: var(--tm); line-height: 1.68;}.proles { margin-top: 11px; display: flex; flex-direction: column; gap: 5px;}.prole { display: flex; gap: 7px; font-size: 0.78rem;}.prole .rt { font-weight: 800; color: var(--green); min-width: 52px; flex-shrink: 0;}.prole .rt.o { color: var(--orange);}.prole .rt.p { color: #7b1fa2;}.rb { background: linear-gradient(135deg, #1b5e20, var(--green)); border-radius: var(--rl); padding: 42px; color: #fff; text-align: center; margin-bottom: 32px; position: relative; overflow: hidden;}.rb::before { content: "🏆"; font-size: 8rem; position: absolute; right: -25px; top: -25px; opacity: 0.07; pointer-events: none;}.rb h2 { font-size: 1.9rem; margin-bottom: 8px;}.rb-score { font-size: 4rem; font-weight: 800; color: var(--gold); font-family: "Playfair Display", serif; line-height: 1; margin: 12px 0;}.rb-label { font-size: 0.9rem; opacity: 0.85; margin-bottom: 20px;}.rb-stats { display: flex; gap: 24px; justify-content: center; flex-wrap: wrap;}.rbs .n { font-family: "Playfair Display", serif; font-size: 1.6rem; font-weight: 800; color: var(--gold);}.rbs .l { font-size: 0.78rem; opacity: 0.82;}.toppers { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;}.topper { background: #fff; border-radius: var(--r); padding: 20px 16px; text-align: center; box-shadow: var(--sh1); border-bottom: 3px solid var(--gold); transition: transform 0.3s;}.topper:hover { transform: translateY(-4px);}.tav { width: 64px; height: 64px; border-radius: 50%; background: linear-gradient(135deg, var(--gs), var(--gl)); margin: 0 auto 10px; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; border: 3px solid var(--gold);}.topper .tn { font-weight: 800; font-size: 0.88rem; margin-bottom: 3px;}.topper .tm2 { color: var(--orange); font-weight: 800; font-size: 1rem;}.topper .ty { font-size: 0.72rem; color: var(--tl); margin-top: 3px;}.topper-img { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; object-position: 50% 30%; margin-bottom: 10px; border: 3px solid #2e7d32;}.topper-navya-img { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; object-position: 50% 25%; margin-bottom: 10px; border: 3px solid #2e7d32;}.topper-ravi-img { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; object-position: 75% 32%; margin-bottom: 10px; border: 3px solid #2e7d32;}.results-poster { text-align: center; padding: 20px 15px;}.poster-heading { font-size: 28px; font-weight: 700; color: #333; margin-bottom: 5px;}.poster-sub { font-size: 14px; color: #666; margin-bottom: 20px;}.results-poster img { width: 100%; max-width: 900px; height: auto; border-radius: 15px; box-shadow: 0 8px 25px rgb(0 0 0 / 0.15); transition: 0.3s ease;}.results-poster img:hover { transform: scale(1.03); box-shadow: 0 12px 35px rgb(0 0 0 / 0.25);}@media (max-width: 768px) { .poster-heading { font-size: 22px; } .poster-sub { font-size: 13px; } .results-poster img { max-width: 100%; border-radius: 10px; }}.facgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}.faccard { border-radius: var(--r); overflow: hidden; box-shadow: var(--sh1); background: var(--bg); transition: transform 0.3s, box-shadow 0.3s;}.faccard:hover { transform: translateY(-4px); box-shadow: var(--sh2);}.fac-iw { height: 175px; overflow: hidden;}.fac-iw img { width: 100%; height: 100%; object-fit: cover; display: block;}.fac-ph { height: 175px; display: flex; align-items: center; justify-content: center; font-size: 2.5rem;}.fac-body { padding: 16px 19px;}.fac-body h4 { font-size: 0.95rem; font-weight: 800; margin-bottom: 4px; font-family: "Nunito", sans-serif;}.fac-body p { font-size: 0.8rem; color: var(--tl); line-height: 1.6;}.gallery-section { background: #fff;}.gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; gap: 12px; margin-top: 48px;}.gallery-item { border-radius: 12px; overflow: hidden; box-shadow: var(--shadow); cursor: pointer;}.gallery-item img { width: 100%; height: 200px; object-fit: cover; display: block; transition: transform 0.4s;}.gallery-item:hover img { transform: scale(1.06);}.gallery-item.wide { grid-column: span 2;}.gallery-item.wide img { height: 200px;}@media (max-width: 768px) { .gallery-section, .gallery-grid { height: auto !important; overflow: visible !important; }}@media (max-width: 768px) { .gallery-grid { grid-template-columns: 1fr 1fr; } .gallery-item img { aspect-ratio: 1/1; height: auto; }}.reviews-section { background: var(--off-white);}.reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 48px;}.review-card { background: #fff; border-radius: var(--radius); padding: 28px 24px; box-shadow: var(--shadow); transition: all 0.25s; position: relative;}.review-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg);}.review-card::before { content: '"'; font-family: "Playfair Display", serif; font-size: 5rem; line-height: 1; color: var(--green-pale); position: absolute; top: 10px; right: 20px;}.stars { color: var(--gold); font-size: 1rem; margin-bottom: 12px;}.review-text { font-size: 0.9rem; color: var(--text-muted); line-height: 1.7; margin-bottom: 18px;}.reviewer { display: flex; align-items: center; gap: 12px;}.reviewer-avatar { width: 44px; height: 44px; border-radius: 50%; background: var(--green-pale); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1rem; color: var(--green);}.reviewer-name { font-weight: 600; font-size: 0.92rem; color: var(--text);}.reviewer-role { font-size: 0.78rem; color: var(--text-muted);}.admissions-section { background: linear-gradient(135deg, #fff9f0 0%, #fef4e4 100%); border-top: 3px solid var(--gold-light);}.admission-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;}.admission-badge { display: inline-block; background: linear-gradient(90deg, var(--orange), var(--gold)); color: #fff; padding: 8px 20px; border-radius: 30px; font-weight: 700; font-size: 0.9rem; animation: pulse 2s ease-in-out infinite; margin-bottom: 20px;}.admission-badge-2 { display: inline-block; background: linear-gradient(90deg, var(--green), var(--green)); color: #fff; padding: 8px 20px; border-radius: 30px; font-weight: 700; font-size: 0.9rem; margin-bottom: 20px;}.social-row { display: flex; align-items: center; gap: 10px;}.social-content { display: flex; flex-direction: column;}.handle { font-weight: 600; margin-bottom: 5px; color: #333;}.social-icons { display: flex; gap: 12px;}.social-icons a { font-size: 20px; transition: 0.3s;}.fa-instagram { color: #e4405f;}.fa-facebook { color: #1877f2;}.fa-youtube { color: red;}.social-icons a:hover { transform: scale(1.2);}.icon i { font-size: 20px; color: #555;}.social-icons { display: flex; gap: 12px;}.social-icons a { font-size: 20px; transition: 0.3s;}@media (max-width: 600px) { .social-content { flex-direction: column; } .social-icons { gap: 10px; } .handle { font-size: 14px; }}@keyframes pulse { 0%, 100% { box-shadow: 0 0 0 0 rgb(230 81 0 / 0.4); } 50% { box-shadow: 0 0 0 12px #fff0; }}.admission-classes { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0 28px;}.class-tag { background: #fff; border: 2px solid var(--green); color: var(--green); padding: 7px 16px; border-radius: 30px; font-weight: 600; font-size: 0.85rem;}.contact-list { list-style: none; display: flex; flex-direction: column; gap: 12px;}.contact-list li { display: flex; align-items: center; gap: 12px; font-weight: 500; font-size: 0.95rem; color: var(--text);}.contact-list .icon { width: 38px; height: 38px; border-radius: 50%; background: var(--orange-pale); display: flex; align-items: center; justify-content: center; font-size: 1rem; flex-shrink: 0;}.admission-form { background: #fff; border-radius: 20px; padding: 36px 32px; box-shadow: var(--shadow-lg);}.admission-form h3 { font-family: "Playfair Display", serif; font-size: 1.4rem; font-weight: 700; color: var(--text); margin-bottom: 24px;}.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px;}.form-group { margin-bottom: 14px;}.form-group input,.form-group select,.form-group textarea { width: 100%; padding: 12px 16px; border-radius: 10px; border: 1.5px solid #e0e0e0; font-family: "Hind", sans-serif; font-size: 0.9rem; color: var(--text); transition: border 0.2s; background: var(--off-white);}.form-group input:focus,.form-group select:focus,.form-group textarea:focus { outline: none; border-color: var(--green); background: #fff;}.form-group textarea { height: 90px; resize: vertical;}.btn-submit { width: 100%; background: linear-gradient(135deg, var(--green), var(--green-light)); color: #fff; border: none; padding: 14px; border-radius: 40px; font-weight: 700; font-size: 1rem; cursor: pointer; font-family: "Hind", sans-serif; transition: all 0.25s; box-shadow: 0 4px 16px rgb(46 125 50 / 0.3);}.btn-submit:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgb(46 125 50 / 0.4);}.contact-section { background: #fff;}.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; margin-top: 48px;}.contact-info { display: flex; flex-direction: column; gap: 20px;}.contact-card { background: var(--off-white); border-radius: 14px; padding: 20px 22px; display: flex; align-items: center; gap: 16px; border-left: 4px solid var(--green);}.contact-card-icon { font-size: 1.6rem;}.contact-card h4 { font-weight: 600; font-size: 0.95rem; color: var(--text); margin-bottom: 4px;}.contact-card p,.contact-card a { font-size: 0.88rem; color: var(--text-muted); text-decoration: none;}.map-container { border-radius: 16px; overflow: hidden; box-shadow: var(--shadow); height: 100%; min-height: 340px;}.map-container iframe { width: 100%; height: 100%; min-height: 340px; border: none;}.map-container iframe { border-radius: 12px;}.whatsapp-float { position: fixed; bottom: 28px; right: 28px; z-index: 9999; width: 58px; height: 58px; border-radius: 50%; background: #25d366; box-shadow: 0 4px 20px rgb(37 211 102 / 0.5); display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.25s; animation: bounce 2.5s ease-in-out infinite;}.whatsapp-float:hover { transform: scale(1.1); box-shadow: 0 6px 28px rgb(37 211 102 / 0.6);}@keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); }}.whatsapp-float svg { width: 32px; height: 32px;}@media (max-width: 900px) { .hero, .about-grid, .results-grid, .admission-inner, .contact-grid, .footer-grid { grid-template-columns: 1fr; } .academics-grid, .facilities-grid, .activities-grid, .reviews-grid { grid-template-columns: 1fr 1fr; } .gallery-grid { grid-template-columns: 1fr 1fr; } .nav-links { display: none; } .hero { padding: 100px 5% 60px; } .footer-grid { grid-template-columns: 1fr 1fr; }}@media (max-width: 600px) { .academics-grid, .facilities-grid, .activities-grid, .reviews-grid, .gallery-grid { grid-template-columns: 1fr; } .form-row { grid-template-columns: 1fr; } .hero-stats { gap: 16px; }}:root { --green: #2e7d32; --gl: #4caf50; --gs: #e8f5e9; --orange: #e65100; --ol: #ff7043; --os: #fff3e0; --gold: #f9a825; --golds: #fffde7; --white: #fff; --bg: #fafaf7; --td: #1a2332; --tm: #3d4f5c; --tl: #6b7c8d; --sh1: 0 2px 12px rgba(0, 0, 0, 0.07); --sh2: 0 6px 30px rgba(0, 0, 0, 0.1); --sh3: 0 16px 50px rgba(0, 0, 0, 0.13); --r: 16px; --rl: 28px;}* { margin: 0; padding: 0; box-sizing: border-box;}html { scroll-behavior: smooth;}body { font-family: "Nunito", sans-serif; background: var(--bg); color: var(--td); overflow-x: hidden;}h1,h2,h3,h4 { font-family: "Playfair Display", serif;}img { max-width: 100%;}.ann { background: linear-gradient(90deg, var(--green), #1b5e20 40%, var(--orange) 70%, var(--green)); background-size: 300% 100%; animation: ab 10s linear infinite; color: #fff; padding: 8px 0; overflow: hidden; white-space: nowrap;}.about-section { background: var(--white);}.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; margin-top: 38px;}.about-imgs { display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}.about-img { border-radius: 16px; object-fit: cover; width: 100%; box-shadow: var(--shadow);}.about-img:first-child { grid-column: 1/-1; height: 220px;}.about-img:not(:first-child) { height: 160px;}.about-features { display: flex; flex-direction: column; gap: 18px; margin-top: 10px;}.feature-item { display: flex; gap: 14px; align-items: flex-start; padding: 16px 18px; border-radius: 12px; background: var(--off-white); border-left: 4px solid var(--green); transition: all 0.2s;}.feature-item:hover { background: var(--green-pale); transform: translateX(4px);}.feature-icon { font-size: 1.5rem; flex-shrink: 0;}.feature-text h4 { font-weight: 600; font-size: 0.95rem; color: var(--text); margin-bottom: 4px;}.feature-text p { font-size: 0.85rem; color: var(--text-muted); line-height: 1.5;}.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center;}.aimg-wrap { position: relative; height: auto;}.aimg-main { position: absolute; top: 0; left: 0; width: 76%; height: 370px; border-radius: var(--rl); object-fit: cover; box-shadow: var(--sh3);}.aimg-sec { position: absolute; bottom: 0; right: 0; width: 50%; height: 210px; border-radius: var(--r); object-fit: cover; box-shadow: var(--sh2); border: 4px solid #fff;}.abadge { position: absolute; top: 18px; right: 0; background: linear-gradient(135deg, var(--green), var(--gl)); color: #fff; border-radius: var(--r); padding: 13px 17px; text-align: center; box-shadow: var(--sh2); z-index: 2;}.abadge .n { font-family: "Playfair Display", serif; font-size: 1.7rem; font-weight: 800;}.abadge .l { font-size: 0.7rem; opacity: 0.9;}.apoints { margin-top: 20px; display: flex; flex-direction: column; gap: 12px;}.ap { display: flex; gap: 12px; align-items: flex-start; padding: 12px 15px; border-radius: var(--r); background: #fff; transition: background 0.2s;}.ap:hover { background: var(--gs);}.ap .ic { width: 38px; height: 38px; border-radius: 11px; flex-shrink: 0; background: var(--gs); color: var(--green); display: flex; align-items: center; justify-content: center; font-size: 1.05rem;}.ap h4 { font-size: 0.9rem; font-weight: 700; margin-bottom: 2px; font-family: "Nunito", sans-serif;}.ap p { font-size: 0.81rem; color: var(--tl); line-height: 1.55;}@media (max-width: 768px) { .about-grid { grid-template-columns: 1fr !important; gap: 30px !important; } .aimg-wrap { position: static !important; height: auto !important; } .aimg-main, .aimg-sec { position: static !important; width: 100% !important; height: auto !important; margin-bottom: 12px; } .about-imgs { grid-template-columns: 1fr !important; } .about-img { height: auto !important; } .abadge { position: static !important; margin-bottom: 10px; margin-top: 10px; }}.fund-hero { margin-bottom: 32px; border-radius: 15px; background: linear-gradient(135deg, #1b5e20, #2e7d32); padding: 12px; display: flex; justify-content: center;}.fund-hero img { width: 100%; max-width: 600px; height: auto; object-fit: contain; border-radius: 10px; display: block; background: #fff;}@media (max-width: 768px) { .fund-hero { padding: 8px; } .fund-hero img { max-width: 100%; }}.fund-hero { margin: 0 auto 32px; border-radius: 15px; background: linear-gradient(135deg, #1b5e20, #2e7d32); padding: 10px; width: fit-content; max-width: 620px; display: block;}.fund-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}.fcard { background: #fff; border-radius: var(--rl); padding: 26px 22px; box-shadow: var(--sh1); position: relative; overflow: hidden;}.fcard::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px;}.fcard.c::before { background: linear-gradient(90deg, var(--green), var(--gl));}.fcard.f::before { background: linear-gradient(90deg, var(--orange), var(--ol));}.fcard.cd::before { background: linear-gradient(90deg, var(--gold), #ffb300);}.flabel { font-size: 1.45rem; font-weight: 900; font-family: "Playfair Display", serif; margin-bottom: 3px;}.flabel.c { color: var(--green);}.flabel.f { color: var(--orange);}.flabel.cd { color: #c17900;}.ffull { font-size: 0.76rem; color: var(--tl); margin-bottom: 12px; font-weight: 600;}.fcard h4 { font-size: 0.95rem; font-weight: 800; margin-bottom: 9px; font-family: "Nunito", sans-serif;}.fcard p { font-size: 0.81rem; color: var(--tl); line-height: 1.65;}.flist { margin-top: 11px; list-style: none; display: flex; flex-direction: column; gap: 5px;}.flist li { font-size: 0.8rem; color: var(--tm); display: flex; align-items: center; gap: 7px;}.flist li::before { content: "✦"; color: var(--green); font-size: 0.62rem; flex-shrink: 0;}.flist li.o::before { color: var(--orange);}.flist li.gd::before { color: var(--gold);}.acgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}.accard { background: var(--bg); border-radius: var(--rl); padding: 26px 22px; box-shadow: var(--sh1); transition: transform 0.3s, box-shadow 0.3s; position: relative; overflow: hidden;}.accard::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px;}.accard.g::before { background: linear-gradient(90deg, var(--green), var(--gl));}.accard.o::before { background: linear-gradient(90deg, var(--orange), var(--ol));}.accard.gd::before { background: linear-gradient(90deg, var(--gold), #ffb300);}.accard:hover { transform: translateY(-5px); box-shadow: var(--sh2);}.acic { width: 48px; height: 48px; border-radius: 13px; display: flex; align-items: center; justify-content: center; font-size: 1.35rem; margin-bottom: 14px;}.acic.g { background: var(--gs);}.acic.o { background: var(--os);}.acic.gd { background: var(--golds);}.accard h3 { font-size: 1rem; font-weight: 800; margin-bottom: 8px; font-family: "Nunito", sans-serif;}.accard p { font-size: 0.81rem; color: var(--tl); line-height: 1.65;}.actags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 13px;}.atag { font-size: 0.68rem; font-weight: 700; padding: 3px 9px; border-radius: 16px;}.atag.g { background: var(--gs); color: var(--green);}.atag.o { background: var(--os); color: var(--orange);}.atag.gd { background: var(--golds); color: #c17900;}.cg { display: grid; grid-template-columns: 1fr 1fr; gap: 40px;}.ci-items { display: flex; flex-direction: column; gap: 13px; margin-bottom: 24px;}.ci { display: flex; gap: 12px; align-items: flex-start; padding: 14px; border-radius: var(--r); background: var(--bg); transition: background 0.2s;}.ci:hover { background: var(--gs);}.ci .ic { width: 40px; height: 40px; border-radius: 11px; flex-shrink: 0; background: var(--gs); color: var(--green); display: flex; align-items: center; justify-content: center; font-size: 1rem;}.ci h4 { font-size: 0.86rem; font-weight: 700; margin-bottom: 3px; font-family: "Nunito", sans-serif;}.ci p { font-size: 0.8rem; color: var(--tl); line-height: 1.6;}.ci a { color: var(--green); text-decoration: none; font-weight: 600;}.map-wrap { border-radius: var(--rl); overflow: hidden; box-shadow: var(--sh2); height: 255px;}.map-wrap iframe { width: 100%; height: 100%; border: none; display: block;}.enq-form { background: var(--bg); border-radius: var(--rl); padding: 26px;}.enq-form h3 { font-size: 1.15rem; margin-bottom: 17px; color: var(--td); font-family: "Playfair Display", serif;}.btn-send { padding: 11px 24px; background: linear-gradient(135deg, var(--green), var(--gl)); color: #fff; font-weight: 800; font-size: 0.88rem; border: none; border-radius: 9px; cursor: pointer; font-family: "Nunito", sans-serif; box-shadow: 0 4px 13px rgb(46 125 50 / 0.25); transition: transform 0.2s;}.btn-send:hover { transform: translateY(-2px);}footer { background: #1a2332; color: #fff; padding: 48px 24px 20px;}.fg2 { max-width: 1300px; margin: auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 32px; padding-bottom: 32px; border-bottom: 1px solid rgb(255 255 255 / 0.1);}.fb img { height: 46px; margin-bottom: 10px;}.fb p { font-size: 0.79rem; opacity: 0.67; line-height: 1.7; max-width: 245px; margin-bottom: 13px;}.fsoc { display: flex; gap: 8px;}.fsb { width: 32px; height: 32px; border-radius: 8px; background: rgb(255 255 255 / 0.1); display: flex; align-items: center; justify-content: center; font-size: 0.88rem; cursor: pointer; transition: background 0.2s; text-decoration: none; color: #fff;}.fsb:hover { background: var(--green);}.fc h4 { font-size: 0.8rem; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; opacity: 0.4; margin-bottom: 12px; font-family: "Nunito", sans-serif;}.fc ul { list-style: none; display: flex; flex-direction: column; gap: 8px;}.fc ul li a { color: rgb(255 255 255 / 0.68); text-decoration: none; font-size: 0.8rem; transition: color 0.2s;}.fc ul li a:hover { color: var(--gold);}.fbot { max-width: 1300px; margin: 16px auto 0; display: flex; justify-content: space-between; align-items: center; font-size: 0.75rem; opacity: 0.4; flex-wrap: wrap; gap: 6px;}.float-btns { position: fixed; bottom: 22px; right: 22px; z-index: 9999; display: flex; flex-direction: column; gap: 9px; align-items: flex-end;}.fbtn { width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: transform 0.3s; text-decoration: none; position: relative;}.fbtn:hover { transform: scale(1.1);}.ftip { position: absolute; right: 60px; top: 50%; transform: translateY(-50%); background: #fff; color: var(--td); font-size: 0.72rem; font-weight: 700; padding: 5px 11px; border-radius: 15px; white-space: nowrap; box-shadow: var(--sh2); opacity: 0; transition: opacity 0.2s; pointer-events: none;}.fbtn:hover .ftip { opacity: 1;}.wa-btn { background: #25d366; box-shadow: 0 6px 22px rgb(37 211 102 / 0.45);}.call-btn { background: #1976d2; box-shadow: 0 6px 22px rgb(25 118 210 / 0.45);}@media (max-width: 1100px) { .hero-content { grid-template-columns: 1fr; } .hero-right { display: none; } .about-grid, .adm-inner, .cg, .prin-grid { grid-template-columns: 1fr; } .aimg-wrap { height: 250px; margin-bottom: 12px; } .sgrid, .fund-grid { grid-template-columns: repeat(2, 1fr); } .acgrid, .facgrid { grid-template-columns: 1fr 1fr; } .toppers { grid-template-columns: 1fr 1fr; } .rev-grid { grid-template-columns: 1fr 1fr; } .why-grid { grid-template-columns: 1fr 1fr; } .fg2 { grid-template-columns: 1fr 1fr; } .actgrid, .prog-grid { grid-template-columns: 1fr; } .prin-grid { grid-template-columns: 1fr; } .prin-av { max-width: 240px; margin: 0 auto 36px; }}@media (max-width: 768px) { .acgrid, .facgrid, .why-grid, .rev-grid, .fund-grid { grid-template-columns: 1fr; } .toppers { grid-template-columns: 1fr 1fr; } .galgrid { grid-template-columns: 1fr 1fr; } .galitem.w2 { grid-column: span 1; } .fg2 { grid-template-columns: 1fr; } .fr { grid-template-columns: 1fr; } .adm-inner, .cg { grid-template-columns: 1fr; } .sgrid { grid-template-columns: repeat(2, 1fr); } .actcard { grid-template-columns: 1fr; } .actcard-img { min-height: 170px; } .fbot { flex-direction: column; text-align: center; } section { padding: 50px 16px; } .sbar { padding: 28px 16px; } .admissions { padding: 50px 16px; }}.fsoc { display: flex; gap: 12px; margin-top: 10px;}.fsb { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; background: #f1f1f1; border-radius: 50%; font-size: 16px; color: #333; transition: 0.3s;}.fsb:hover { transform: scale(1.1);}.fa-whatsapp { color: #25d366;}.fa-instagram { color: #e4405f;}.fa-facebook { color: #1877f2;}.fa-youtube { color: red;}