{"id":22,"date":"2026-03-29T01:57:08","date_gmt":"2026-03-29T01:57:08","guid":{"rendered":"https:\/\/mawanewgenschool.com\/?page_id=22"},"modified":"2026-04-25T05:37:38","modified_gmt":"2026-04-25T05:37:38","slug":"about-us","status":"publish","type":"page","link":"https:\/\/mawanewgenschool.com\/?page_id=22","title":{"rendered":"About us"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n About Us | Mawa New Gen International School<\/title>\r\n <meta name=\"description\" content=\"Learn who we are, what we believe, and why families in Hyderabad choose Mawa New Gen School.\">\r\n <!-- Google Fonts: Poppins -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n\/* --- CSS Reset & Variables --- *\/\r\n:root {\r\n --navy: #1B2B8F;\r\n --navy-dark: #0f1a5e;\r\n --navy-light: #2c3da1;\r\n --green: #1B2B8F;\r\n --green-light: #2c3da1;\r\n --white: #FFFFFF;\r\n --light: #EEF0F8;\r\n --text-dark: #1a1a2e;\r\n --text-light: #444466;\r\n --font-main: 'Poppins', sans-serif;\r\n --radius: 16px;\r\n --shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n --shadow-hover: 0 15px 40px rgba(27, 43, 143, 0.15);\r\n --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n}\r\n\r\nhtml {\r\n scroll-behavior: smooth;\r\n overflow-x: hidden; \/* Prevent horizontal scroll bar *\/\r\n}\r\n\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n font-family: var(--font-main);\r\n color: var(--text-dark);\r\n background-color: var(--white);\r\n line-height: 1.6;\r\n overflow-x: hidden; \/* Prevent horizontal scroll *\/\r\n width: 100%;\r\n}\r\n\r\na {\r\n text-decoration: none;\r\n color: inherit;\r\n transition: var(--transition);\r\n}\r\n\r\n\/* --- Typography --- *\/\r\nh1, h2, h3, h4, h5, h6 {\r\n font-weight: 700;\r\n color: var(--text-dark);\r\n line-height: 1.2;\r\n}\r\n\r\np {\r\n font-weight: 400;\r\n color: var(--text-light);\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.text-center { text-align: center; }\r\n.centered { margin-left: auto; margin-right: auto; }\r\n\r\n\/* --- HEADER --- *\/\r\n.site-header {\r\n background-color: var(--white);\r\n padding: 15px 0;\r\n width: 100%;\r\n z-index: 1000;\r\n border-bottom: 1px solid #efefef;\r\n position: static;\r\n}\r\n.header-container {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.logo-link {\r\n display: flex;\r\n align-items: center;\r\n}\r\n.header-logo {\r\n height: 70px;\r\n width: auto;\r\n}\r\n.main-nav ul {\r\n list-style: none;\r\n display: flex;\r\n gap: 2.5rem;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n.main-nav a {\r\n font-weight: 600;\r\n color: var(--text-dark);\r\n font-size: 0.95rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n}\r\n.main-nav a:hover {\r\n color: var(--navy);\r\n}\r\n\r\n\/* --- NEW CUSTOM STYLES --- *\/\r\n.list-3-cols {\r\n grid-template-columns: repeat(3, 1fr) !important;\r\n}\r\n.tag-navy {\r\n color: var(--navy);\r\n}\r\n.tag-navy-bg {\r\n background-color: var(--navy); color: var(--white); padding: 4px 12px; border-radius: 20px; font-size: 0.8rem;\r\n}\r\n.footer-logo-img {\r\n height: 90px;\r\n width: auto;\r\n margin-bottom: 1rem;\r\n border-radius: 8px;\r\n}\r\n\r\n\/* --- Utility Classes --- *\/\r\n.container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n}\r\n\r\n.section-padding {\r\n padding: 100px 0;\r\n}\r\n\r\n.bg-light { background-color: var(--light); }\r\n.bg-light-blue { background-color: #e6ebf5; }\r\n\r\n\/* Buttons *\/\r\n.btn {\r\n display: inline-block;\r\n padding: 14px 28px;\r\n border-radius: 8px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n text-align: center;\r\n transition: var(--transition);\r\n border: 2px solid transparent;\r\n}\r\n\r\n.btn-primary {\r\n background-color: var(--navy);\r\n color: var(--white);\r\n}\r\n\r\n.btn-primary:hover {\r\n background-color: var(--navy-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 15px rgba(27, 43, 143, 0.3);\r\n}\r\n\r\n.btn-green {\r\n background-color: var(--green);\r\n color: var(--white);\r\n}\r\n\r\n.btn-green:hover {\r\n background-color: var(--green-light);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 15px rgba(91, 140, 26, 0.3);\r\n}\r\n\r\n.btn-outline-white {\r\n background-color: transparent;\r\n border-color: var(--white);\r\n color: var(--white);\r\n}\r\n\r\n.btn-outline-white:hover {\r\n background-color: var(--white);\r\n color: var(--navy);\r\n}\r\n\r\n.btn-small {\r\n padding: 10px 20px;\r\n font-size: 0.9rem;\r\n}\r\n\r\n.mt-3 { margin-top: 1rem; }\r\n.mt-4 { margin-top: 1.5rem; }\r\n.mt-5 { margin-top: 3rem; }\r\n\r\n\/* Tags\/Badges *\/\r\n.tag {\r\n display: inline-block;\r\n margin-bottom: 1rem;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.tag-green { color: var(--green); }\r\n.tag-green-bg { background-color: var(--green); color: var(--white); padding: 4px 12px; border-radius: 20px; font-size: 0.8rem;}\r\n\r\n.badge {\r\n display: inline-block;\r\n padding: 6px 16px;\r\n border-radius: 20px;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n margin-bottom: 1.5rem;\r\n}\r\n\r\n.green-badge { background-color: var(--green); color: var(--white); }\r\n.navy-badge { background-color: var(--navy); color: var(--white); }\r\n\r\n\/* Section Titles *\/\r\n.section-title {\r\n font-size: 2.5rem;\r\n margin-bottom: 1.5rem;\r\n}\r\n.section-paragraph {\r\n font-size: 1.1rem;\r\n margin-bottom: 2.5rem;\r\n max-width: 600px;\r\n}\r\n\r\n\/* --- SECTION 1 - HERO --- *\/\r\n.hero-section {\r\n position: relative;\r\n height: 100vh;\r\n min-height: 600px;\r\n display: flex;\r\n align-items: center;\r\n background: url('assets\/mawa_hero_school_1774751969166.png') center\/cover no-repeat;\r\n}\r\n\r\n.hero-overlay {\r\n position: absolute;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n background: linear-gradient(90deg, rgba(27, 43, 143, 0.95) 0%, rgba(27, 43, 143, 0.6) 50%, rgba(27, 43, 143, 0.1) 100%);\r\n z-index: 1;\r\n}\r\n\r\n.hero-content {\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n}\r\n\r\n.hero-text-block {\r\n max-width: 650px;\r\n}\r\n\r\n.hero-title {\r\n color: var(--white);\r\n font-size: 4rem;\r\n margin-bottom: 1.5rem;\r\n}\r\n\r\n.hero-subtext {\r\n color: rgba(255, 255, 255, 0.9);\r\n font-size: 1.2rem;\r\n font-weight: 500;\r\n margin-bottom: 2.5rem;\r\n line-height: 1.8;\r\n}\r\n\r\n.hero-buttons {\r\n display: flex;\r\n gap: 1rem;\r\n}\r\n\r\n\/* --- SECTION 2 - COUNTER BLOCK --- *\/\r\n.counter-section {\r\n background-color: var(--navy);\r\n padding: 3rem 0;\r\n}\r\n\r\n.counter-container {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.counter-item {\r\n flex: 1;\r\n text-align: center;\r\n border-right: 1px solid rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.counter-item:last-child {\r\n border-right: none;\r\n}\r\n\r\n.counter-number {\r\n color: var(--white);\r\n font-size: 3rem;\r\n margin-bottom: 0.5rem;\r\n}\r\n\r\n.counter-label {\r\n color: rgba(255, 255, 255, 0.8);\r\n font-size: 0.9rem;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 0;\r\n}\r\n\r\n\/* --- SECTION 3 - WELCOME --- *\/\r\n.welcome-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 4rem;\r\n align-items: center;\r\n}\r\n\r\n.features-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1.5rem;\r\n}\r\n\r\n.feature-card {\r\n background-color: var(--light);\r\n padding: 1.5rem;\r\n border-radius: var(--radius);\r\n transition: var(--transition);\r\n border-left: 4px solid transparent;\r\n}\r\n\r\n.feature-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: var(--shadow-hover);\r\n}\r\n\r\n.border-navy { border-left-color: var(--navy); }\r\n.border-green { border-left-color: var(--green); }\r\n\r\n.feature-icon {\r\n font-size: 2rem;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.feature-title {\r\n font-size: 1.1rem;\r\n margin-bottom: 0.5rem;\r\n}\r\n\r\n.feature-desc {\r\n font-size: 0.9rem;\r\n margin-bottom: 0;\r\n}\r\n\r\n.welcome-image-wrapper {\r\n position: relative;\r\n width: 100%;\r\n aspect-ratio: 4\/5;\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n}\r\n\r\n.welcome-main-img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.8s ease;\r\n}\r\n\r\n.welcome-image-wrapper:hover .welcome-main-img {\r\n transform: scale(1.05);\r\n}\r\n\r\n.floating-card-navy {\r\n position: absolute;\r\n bottom: -20px;\r\n left: -20px;\r\n background-color: var(--navy);\r\n padding: 1.5rem;\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n animation: float 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes float {\r\n 0% { transform: translateY(0px); }\r\n 50% { transform: translateY(-10px); }\r\n 100% { transform: translateY(0px); }\r\n}\r\n\r\n.floating-number {\r\n color: var(--white);\r\n font-weight: 700;\r\n font-size: 2rem;\r\n line-height: 1;\r\n}\r\n\r\n.floating-text {\r\n color: rgba(255,255,255,0.8);\r\n font-size: 0.9rem;\r\n}\r\n\r\n\/* --- SECTION 4 - LEARNING JOURNEY --- *\/\r\n.journey-cards {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2rem;\r\n margin-top: 3rem;\r\n}\r\n\r\n.journey-card {\r\n background-color: var(--white);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n}\r\n\r\n.journey-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: var(--shadow-hover);\r\n}\r\n\r\n.journey-card-top {\r\n height: 220px;\r\n position: relative;\r\n padding: 1.5rem;\r\n display: flex;\r\n align-items: flex-start;\r\n}\r\n\r\n#journey-pre-primary { background: url('assets\/mawa_pre_primary_1774752000593.png') center\/cover; }\r\n#journey-primary { background: url('assets\/mawa_primary_1774752064897.png') center\/cover; }\r\n#journey-lower-sec { background: url('assets\/mawa_lower_secondary_1774752086685.png') center\/cover; }\r\n\r\n.journey-badge {\r\n position: absolute;\r\n top: 1.5rem;\r\n left: 1.5rem;\r\n margin: 0;\r\n}\r\n\r\n.journey-card-body {\r\n padding: 2rem;\r\n text-align: left;\r\n}\r\n\r\n.journey-title {\r\n font-size: 1.4rem;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.journey-link {\r\n color: var(--navy);\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n display: inline-flex;\r\n align-items: center;\r\n margin-top: 0.5rem;\r\n}\r\n\r\n.journey-link:hover {\r\n color: var(--green);\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n\/* --- SECTION 5 - WHAT SETS US APART --- *\/\r\n.differentiator-cards {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2rem;\r\n margin-top: 3rem;\r\n}\r\n\r\n.diff-card {\r\n background-color: var(--white);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n}\r\n\r\n.diff-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--shadow-hover);\r\n}\r\n\r\n.diff-top {\r\n height: 200px;\r\n clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);\r\n}\r\n\r\n.bg-navy-grad { background: linear-gradient(135deg, var(--navy), var(--navy-light)); }\r\n.bg-green-grad { background: linear-gradient(135deg, var(--green), var(--green-light)); }\r\n\r\n.diff-body {\r\n padding: 1.5rem 2rem 2.5rem;\r\n text-align: center;\r\n}\r\n\r\n.diff-title {\r\n font-size: 1.25rem;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.diff-desc {\r\n margin-bottom: 0;\r\n font-size: 0.95rem;\r\n}\r\n\r\n\/* --- SECTION 6 - ABOUT US --- *\/\r\n.about-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 4rem;\r\n align-items: center;\r\n}\r\n\r\n.about-image-block {\r\n width: 100%;\r\n min-height: 500px;\r\n border-radius: var(--radius);\r\n background: url('assets\/mawa_about_1774752123000.png') center\/cover no-repeat;\r\n position: relative;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.floating-quote-navy {\r\n position: absolute;\r\n bottom: -20px;\r\n right: -20px;\r\n background-color: var(--navy);\r\n color: var(--white);\r\n padding: 1.5rem 2rem;\r\n border-radius: var(--radius);\r\n max-width: 300px;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.floating-quote-navy i {\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n font-weight: 500;\r\n}\r\n\r\n.about-content p {\r\n font-size: 1.05rem;\r\n margin-bottom: 1.2rem;\r\n}\r\n\r\n.pill-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.8rem;\r\n margin-top: 2rem;\r\n}\r\n\r\n.pill {\r\n background-color: var(--light);\r\n color: var(--navy);\r\n padding: 6px 16px;\r\n border-radius: 20px;\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n}\r\n\r\n\/* --- SECTION 7 - GALLERY --- *\/\r\n.gallery-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1.5rem;\r\n margin-top: 3rem;\r\n}\r\n\r\n.gallery-tile {\r\n height: 300px;\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n position: relative;\r\n box-shadow: var(--shadow);\r\n cursor: pointer;\r\n}\r\n\r\n#gall-1 { background: url('https:\/\/images.unsplash.com\/photo-1427504494785-3a9ca7044f45?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80') center\/cover; }\r\n#gall-2 { background: url('https:\/\/images.unsplash.com\/photo-1546410531-b062cd5b8fc6?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80') center\/cover; }\r\n#gall-3 { background: url('https:\/\/images.unsplash.com\/photo-1540575467063-178a50c2df87?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80') center\/cover; }\r\n\r\n.gallery-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(27, 43, 143, 0.85);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n opacity: 0;\r\n transition: var(--transition);\r\n color: var(--white);\r\n padding: 2rem;\r\n}\r\n\r\n.gallery-tile:hover .gallery-overlay {\r\n opacity: 1;\r\n}\r\n\r\n.gall-title {\r\n color: var(--white);\r\n font-size: 1.5rem;\r\n transform: translateY(20px);\r\n transition: transform 0.4s ease;\r\n}\r\n\r\n.gall-sub {\r\n color: rgba(255, 255, 255, 0.8);\r\n font-size: 1rem;\r\n transform: translateY(20px);\r\n transition: transform 0.4s ease 0.1s;\r\n margin-bottom: 0;\r\n}\r\n\r\n.gallery-tile:hover .gall-title,\r\n.gallery-tile:hover .gall-sub {\r\n transform: translateY(0);\r\n}\r\n\r\n\/* --- SECTION 8 - ADMISSIONS CTA BANNER --- *\/\r\n.cta-section {\r\n background: linear-gradient(135deg, var(--navy-dark), var(--navy));\r\n padding: 5rem 0;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.cta-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%; left: -50%;\r\n width: 200%; height: 200%;\r\n background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 60%);\r\n pointer-events: none;\r\n}\r\n\r\n.cta-container {\r\n max-width: 800px;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n.cta-title {\r\n color: var(--white);\r\n font-size: 2.5rem;\r\n margin-bottom: 1.5rem;\r\n}\r\n\r\n.cta-text {\r\n color: rgba(255,255,255,0.8);\r\n font-size: 1.1rem;\r\n margin-bottom: 2rem;\r\n}\r\n\r\n.cta-buttons {\r\n display: flex;\r\n gap: 1rem;\r\n justify-content: center;\r\n}\r\n\r\n\/* --- SECTION 9 - FOOTER --- *\/\r\n.site-footer {\r\n background-color: var(--navy-dark);\r\n color: rgba(255, 255, 255, 0.7);\r\n padding: 5rem 0 2rem;\r\n}\r\n\r\n.footer-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr 1fr 1.5fr;\r\n gap: 3rem;\r\n margin-bottom: 3rem;\r\n}\r\n\r\n.footer-logo {\r\n color: var(--white);\r\n font-size: 1.5rem;\r\n margin-bottom: 0.2rem;\r\n}\r\n\r\n.footer-tagline {\r\n color: var(--green);\r\n font-weight: 500;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.footer-group-tag {\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n opacity: 0.6;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-top: 1rem;\r\n}\r\n\r\n.footer-heading {\r\n color: var(--white);\r\n font-size: 1.1rem;\r\n margin-bottom: 1.5rem;\r\n}\r\n\r\n.footer-links {\r\n list-style: none;\r\n}\r\n\r\n.footer-links li {\r\n margin-bottom: 0.8rem;\r\n}\r\n\r\n.footer-links a:hover {\r\n color: var(--green);\r\n padding-left: 5px;\r\n}\r\n\r\n.footer-contact p {\r\n color: rgba(255, 255, 255, 0.7);\r\n margin-bottom: 0.5rem;\r\n font-size: 0.95rem;\r\n}\r\n\r\n.footer-bottom {\r\n border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n padding-top: 2rem;\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 0.9rem;\r\n}\r\n\r\n\/* --- ABOUT US PAGE STYLES --- *\/\r\n.inner-hero-section {\r\n position: relative;\r\n height: 40vh;\r\n min-height: 300px;\r\n background: linear-gradient(135deg, #0f1a5e, #1B2B8F);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.inner-hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(90deg, rgba(15, 26, 94, 0.95) 0%, rgba(27, 43, 143, 0.75) 100%);\r\n z-index: 1;\r\n}\r\n.inner-hero-content {\r\n position: relative;\r\n z-index: 2;\r\n color: var(--white);\r\n}\r\n.breadcrumb {\r\n font-size: 0.9rem;\r\n margin-bottom: 1rem;\r\n font-weight: 500;\r\n opacity: 0.8;\r\n}\r\n.inner-hero-title {\r\n font-size: 3.5rem;\r\n margin-bottom: 0.5rem;\r\n color: var(--white);\r\n font-weight: 700;\r\n}\r\n.inner-hero-subtext {\r\n max-width: 600px;\r\n margin: 0 auto;\r\n font-size: 1.1rem;\r\n color: rgba(255, 255, 255, 0.9);\r\n}\r\n\r\n.bg-white { background-color: var(--white); }\r\n\r\n\/* Who We Are *\/\r\n.who-we-are-grid {\r\n display: grid;\r\n grid-template-columns: 60% 35%;\r\n gap: 5%;\r\n align-items: center;\r\n}\r\n.rounded-shadow-img {\r\n width: 100%;\r\n border-radius: var(--radius);\r\n box-shadow: -15px 15px 0px rgba(27, 43, 143, 0.1);\r\n object-fit: cover;\r\n}\r\n.body-text p {\r\n color: var(--text-body, #444466);\r\n font-size: 1.05rem;\r\n margin-bottom: 1.2rem;\r\n}\r\n\r\n\/* Vision Mission *\/\r\n.vision-mission-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 2.5rem;\r\n}\r\n.vm-card {\r\n background-color: var(--white);\r\n border-radius: var(--radius);\r\n padding: 3rem 2rem;\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n}\r\n.vm-card:hover {\r\n box-shadow: var(--shadow-hover);\r\n transform: translateY(-5px);\r\n}\r\n.border-left-heavy {\r\n border-left: 8px solid var(--navy);\r\n}\r\n.border-left-medium {\r\n border-left: 8px solid var(--navy-light);\r\n}\r\n.vm-icon {\r\n font-size: 2.5rem;\r\n margin-bottom: 1.5rem;\r\n}\r\n.vm-title {\r\n color: var(--navy);\r\n font-size: 1.5rem;\r\n margin-bottom: 1rem;\r\n}\r\n.vm-desc {\r\n color: var(--text-body, #444466);\r\n margin: 0;\r\n}\r\n\r\n\/* Principal Message *\/\r\n.principal-grid {\r\n display: grid;\r\n grid-template-columns: 350px 1fr;\r\n gap: 4rem;\r\n align-items: start;\r\n}\r\n.principal-img {\r\n width: 100%;\r\n aspect-ratio: 1;\r\n object-fit: cover;\r\n border-radius: 24px;\r\n box-shadow: var(--shadow);\r\n margin-bottom: 1.5rem;\r\n}\r\n.principal-name {\r\n font-size: 1.3rem;\r\n color: var(--navy);\r\n margin-bottom: 0.2rem;\r\n}\r\n.principal-title {\r\n font-size: 0.9rem;\r\n color: var(--text-body, #444466);\r\n font-weight: 500;\r\n}\r\n.quote-mark {\r\n font-family: Georgia, serif;\r\n font-size: 6rem;\r\n color: rgba(27, 43, 143, 0.1);\r\n line-height: 0;\r\n margin-top: 2rem;\r\n margin-bottom: -1rem;\r\n display:block;\r\n}\r\n.message-body p {\r\n color: var(--text-body, #444466);\r\n font-size: 1.1rem;\r\n line-height: 1.9;\r\n margin-bottom: 1.5rem;\r\n}\r\n.signature {\r\n font-weight: 700;\r\n color: var(--navy) !important;\r\n margin-top: 2rem;\r\n}\r\n\r\n\/* Core Values *\/\r\n.core-values-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2rem;\r\n margin-top: 3rem;\r\n}\r\n.cv-card {\r\n background-color: var(--white);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n}\r\n.cv-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--shadow-hover);\r\n}\r\n.cv-img-top {\r\n height: 200px;\r\n}\r\n.clip-diagonal {\r\n clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);\r\n}\r\n.cv-body {\r\n padding: 1.5rem 2rem 2.5rem;\r\n text-align: center;\r\n}\r\n.cv-title {\r\n color: var(--navy);\r\n font-size: 1.3rem;\r\n margin-bottom: 1rem;\r\n}\r\n.cv-desc {\r\n color: var(--text-body, #444466);\r\n font-size: 0.95rem;\r\n margin: 0;\r\n}\r\n\r\n\/* Why Choose Us *\/\r\n.why-choose-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2rem;\r\n}\r\n.why-block {\r\n background-color: var(--light);\r\n border-radius: var(--radius);\r\n padding: 2.5rem 1.5rem;\r\n transition: var(--transition);\r\n}\r\n.why-block:hover {\r\n transform: translateY(-5px);\r\n box-shadow: var(--shadow-hover);\r\n background-color: var(--white);\r\n}\r\n.why-icon {\r\n font-size: 3rem;\r\n margin-bottom: 1rem;\r\n display: block;\r\n}\r\n.why-title {\r\n font-size: 1.1rem;\r\n color: var(--navy);\r\n margin-bottom: 0.8rem;\r\n font-weight: 700;\r\n}\r\n.why-desc {\r\n color: var(--text-body, #444466);\r\n font-size: 0.95rem;\r\n margin: 0;\r\n}\r\n\r\n\/* --- RESPONSIVE DESIGN --- *\/\r\n@media (max-width: 992px) {\r\n .hero-title { font-size: 3rem; }\r\n .welcome-grid, .about-grid { grid-template-columns: 1fr; gap: 3rem; }\r\n .features-grid { order: 2; }\r\n .welcome-image-wrapper { max-width: 600px; margin: 0 auto; order: 1; margin-bottom: 2rem; }\r\n .floating-card-navy, .floating-quote-navy { position: relative; bottom: 0; left: 0; right: 0; margin-top: -30px; margin-left: auto; margin-right: auto; }\r\n .floating-card-navy { width: 80%; }\r\n .journey-cards, .differentiator-cards, .gallery-grid { grid-template-columns: repeat(2, 1fr); }\r\n .footer-grid { grid-template-columns: 1fr 1fr; }\r\n .who-we-are-grid { grid-template-columns: 1fr; gap: 3rem; }\r\n .who-we-are-image { order: -1; }\r\n .vision-mission-grid { grid-template-columns: 1fr; }\r\n .principal-grid { grid-template-columns: 1fr; gap: 2rem; }\r\n .core-values-grid { grid-template-columns: repeat(2, 1fr); }\r\n .why-choose-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .hero-title { font-size: 2.5rem; }\r\n .hero-buttons { flex-direction: column; }\r\n .counter-container { flex-wrap: wrap; }\r\n .counter-item { flex: 0 0 50%; border-right: none; margin-bottom: 2rem; }\r\n .journey-cards, .differentiator-cards, .gallery-grid { grid-template-columns: 1fr; }\r\n .footer-grid { grid-template-columns: 1fr; }\r\n .footer-bottom { flex-direction: column; align-items: center; text-align: center; gap: 1rem; }\r\n .section-padding { padding: 60px 0; }\r\n .core-values-grid, .why-choose-grid { grid-template-columns: 1fr; }\r\n}\r\n\r\n\/* --- NEW HEADER AND FOOTER REDESIGN --- *\/\r\nbody {\r\n overflow-x: hidden; \/* Prevent horizontal scroll *\/\r\n}\r\n\r\n\/* Header *\/\r\n.site-header {\r\n position: relative; \/* Changed from fixed to non-sticky *\/\r\n width: 100%;\r\n height: auto; \/* Allow content to dictate height *\/\r\n min-height: 72px;\r\n background-color: #FFFFFF !important;\r\n border-bottom: 1px solid rgba(27,43,143,0.10);\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n z-index: 1000;\r\n}\r\n.header-wrapper {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n height: 100%;\r\n padding: 0 5%;\r\n max-width: 100%;\r\n overflow: hidden; \/* Contain children *\/\r\n}\r\n.new-logo-link {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n text-decoration: none;\r\n}\r\n.new-logo-link img {\r\n height: 64px;\r\n width: auto;\r\n max-width: 75%; \/* Ensure logo doesn't push stuff off screen on small mobile *\/\r\n object-fit: contain;\r\n}\r\n\/* Removed new-logo-text styles as requested *\/\r\n\r\n\/* Desktop Nav *\/\r\n.new-desktop-nav {\r\n display: flex;\r\n align-items: center;\r\n gap: 24px;\r\n}\r\n.new-desktop-nav a {\r\n position: relative;\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 600;\r\n font-size: 0.88rem;\r\n color: #444466;\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n padding: 5px 0;\r\n}\r\n.new-desktop-nav a::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n width: 0;\r\n height: 2px;\r\n background-color: #1B2B8F;\r\n transition: width 0.3s ease, left 0.3s ease;\r\n}\r\n.new-desktop-nav a:hover,\r\n.new-desktop-nav a.active {\r\n color: #1B2B8F;\r\n}\r\n.new-desktop-nav a:hover::after,\r\n.new-desktop-nav a.active::after {\r\n width: 100%;\r\n left: 0;\r\n}\r\n.new-desktop-nav .btn-header-enquire {\r\n background-color: #1B2B8F;\r\n color: #FFFFFF;\r\n padding: 10px 20px;\r\n border-radius: 8px;\r\n text-transform: none;\r\n transition: background-color 0.3s ease;\r\n}\r\n.new-desktop-nav .btn-header-enquire::after {\r\n display: none;\r\n}\r\n.new-desktop-nav .btn-header-enquire:hover {\r\n background-color: #0f1a5e;\r\n color: #FFFFFF;\r\n}\r\n\r\n\/* Mobile Nav Elements *\/\r\n.hamburger-btn {\r\n display: none;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n padding: 5px;\r\n z-index: 1002;\r\n}\r\n.hamburger-btn span {\r\n display: block;\r\n width: 25px;\r\n height: 3px;\r\n background-color: #1B2B8F;\r\n margin: 5px 0;\r\n transition: 0.3s ease;\r\n}\r\n.hamburger-btn.active span:nth-child(1) {\r\n transform: translateY(8px) rotate(45deg);\r\n}\r\n.hamburger-btn.active span:nth-child(2) {\r\n opacity: 0;\r\n}\r\n.hamburger-btn.active span:nth-child(3) {\r\n transform: translateY(-8px) rotate(-45deg);\r\n}\r\n\r\n.mobile-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0,0,0,0.6);\r\n z-index: 1000;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: 0.3s ease;\r\n}\r\n.mobile-overlay.active {\r\n opacity: 1;\r\n visibility: visible;\r\n}\r\n\r\n.mobile-sidebar {\r\n position: fixed;\r\n top: 0;\r\n right: -280px;\r\n width: 280px;\r\n height: 100vh;\r\n background: #FFFFFF;\r\n z-index: 1001;\r\n transition: 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n padding-top: 80px;\r\n box-shadow: -5px 0 15px rgba(0,0,0,0.1);\r\n}\r\n.mobile-sidebar.active {\r\n right: 0;\r\n}\r\n.sidebar-links {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.sidebar-links a {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n color: #444466;\r\n text-decoration: none;\r\n padding: 16px 28px;\r\n border-bottom: 1px solid rgba(27,43,143,0.08);\r\n transition: 0.3s ease;\r\n border-left: 3px solid transparent;\r\n}\r\n.sidebar-links a:hover {\r\n background-color: #eef0f8;\r\n color: #1B2B8F;\r\n border-left-color: #1B2B8F;\r\n}\r\n.sidebar-bottom-btn {\r\n margin: 20px;\r\n background-color: #1B2B8F;\r\n color: #FFFFFF;\r\n padding: 15px;\r\n text-align: center;\r\n border-radius: 8px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n\/* Footer redesign *\/\r\n.new-footer {\r\n background-color: #FFFFFF !important;\r\n border-top: 1px solid rgba(27,43,143,0.10);\r\n padding-top: 64px;\r\n}\r\n.new-footer-grid {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 5%;\r\n display: grid;\r\n grid-template-columns: 45% 20% 35%; \/* Adjusted for better spacing *\/\r\n gap: 0;\r\n}\r\n.nf-brand img {\r\n height: 90px !important; \/* Larger for footer as requested *\/\r\n margin-bottom: 20px;\r\n}\r\n\/* Brand Col *\/\r\n.nf-brand p {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 0.9rem;\r\n font-weight: 400;\r\n color: #555577;\r\n max-width: 320px;\r\n line-height: 1.8;\r\n margin: 20px 0;\r\n}\r\n.nf-slogan {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 600;\r\n font-size: 0.8rem;\r\n color: #1B2B8F;\r\n text-transform: uppercase;\r\n border-left: 3px solid #1B2B8F;\r\n padding-left: 10px;\r\n}\r\n\/* Quick Links Col *\/\r\n.nf-heading {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 800;\r\n font-size: 0.9rem;\r\n color: #1B2B8F;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n border-bottom: 2px solid #1B2B8F;\r\n display: inline-block;\r\n padding-bottom: 4px;\r\n margin-bottom: 20px;\r\n}\r\n.nf-links {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n.nf-links li {\r\n border-bottom: 1px solid rgba(27,43,143,0.07);\r\n}\r\n.nf-links a {\r\n display: block;\r\n padding: 9px 0;\r\n color: #555577;\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n text-decoration: none;\r\n transition: 0.3s ease;\r\n position: relative;\r\n}\r\n.nf-links a::before {\r\n content: '\\2192';\r\n position: absolute;\r\n left: -15px;\r\n opacity: 0;\r\n transition: 0.3s ease;\r\n}\r\n.nf-links a:hover {\r\n color: #1B2B8F;\r\n padding-left: 15px;\r\n}\r\n.nf-links a:hover::before {\r\n opacity: 1;\r\n left: 0;\r\n}\r\n\/* Contact Col *\/\r\n.nf-contact-row {\r\n display: flex;\r\n gap: 15px;\r\n margin-bottom: 16px;\r\n align-items: flex-start;\r\n}\r\n.nf-icon {\r\n color: #1B2B8F;\r\n font-size: 1.2rem;\r\n line-height: 1;\r\n}\r\n.nf-details {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.nf-label {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n color: #1B2B8F;\r\n text-transform: uppercase;\r\n margin-bottom: 2px;\r\n}\r\n.nf-value {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 500;\r\n font-size: 0.9rem;\r\n color: #555577;\r\n line-height: 1.4;\r\n}\r\n.nf-socials {\r\n display: flex;\r\n gap: 10px;\r\n margin-top: 25px;\r\n}\r\n.nf-social {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 36px;\r\n height: 36px;\r\n border: 1px solid #1B2B8F;\r\n border-radius: 8px;\r\n color: #1B2B8F;\r\n text-decoration: none;\r\n transition: 0.3s ease;\r\n}\r\n.nf-social:hover {\r\n background-color: #1B2B8F;\r\n color: #FFFFFF;\r\n}\r\n.nf-social svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: currentColor;\r\n}\r\n\/* Bottom Bar *\/\r\n.nf-bottom-bar {\r\n border-top: 1px solid rgba(27,43,143,0.10);\r\n padding: 20px 0;\r\n margin-top: 50px;\r\n}\r\n.nf-bottom-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 5%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 400;\r\n font-size: 0.75rem;\r\n color: #888899;\r\n}\r\n.nf-bottom-inner a {\r\n color: #1B2B8F;\r\n font-weight: 700;\r\n text-decoration: none;\r\n}\r\n\r\n@media (max-width: 960px) {\r\n .new-desktop-nav { display: none; }\r\n .hamburger-btn { display: block; }\r\n .new-footer-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n }\r\n .nf-brand {\r\n grid-column: 1 \/ -1;\r\n }\r\n .nf-brand p { max-width: 100%; }\r\n}\r\n\r\n@media (max-width: 580px) {\r\n .new-footer-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n .nf-bottom-inner {\r\n flex-direction: column;\r\n gap: 10px;\r\n text-align: center;\r\n }\r\n .header-wrapper { \r\n padding: 0 15px; \/* Standardize padding *\/\r\n gap: 10px;\r\n }\r\n .new-logo-link img {\r\n height: 50px; \r\n max-width: 180px; \/* Even tighter for small screens *\/\r\n }\r\n}\r\n\r\n\/* --- ADMISSIONS PAGE --- *\/\r\n\r\n\/* Admissions Intro *\/\r\n.intro-block-grid {\r\n display: grid;\r\n grid-template-columns: 60% 40%;\r\n gap: 40px;\r\n align-items: center;\r\n}\r\n.badge-row {\r\n display: flex;\r\n gap: 15px;\r\n margin-top: 20px;\r\n flex-wrap: wrap;\r\n}\r\n.badge-outline-navy {\r\n border: 1px solid #1B2B8F;\r\n color: #1B2B8F;\r\n border-radius: 50px;\r\n padding: 8px 20px;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n}\r\n\r\n\/* Admissions Timeline (Zigzag) *\/\r\n.admissions-timeline {\r\n position: relative;\r\n max-width: 1000px;\r\n margin: 40px auto 0;\r\n}\r\n.admissions-timeline::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 50%;\r\n width: 2px;\r\n background-color: rgba(27, 43, 143, 0.2);\r\n transform: translateX(-50%);\r\n}\r\n.timeline-step {\r\n position: relative;\r\n width: 50%;\r\n padding: 20px 40px;\r\n box-sizing: border-box;\r\n}\r\n.timeline-left {\r\n left: 0;\r\n text-align: right;\r\n}\r\n.timeline-right {\r\n left: 50%;\r\n text-align: left;\r\n}\r\n.timeline-dot {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 16px;\r\n height: 16px;\r\n background-color: #1B2B8F;\r\n border-radius: 50%;\r\n z-index: 2;\r\n}\r\n.timeline-left .timeline-dot {\r\n right: -8px;\r\n}\r\n.timeline-right .timeline-dot {\r\n left: -8px;\r\n}\r\n.timeline-number {\r\n position: absolute;\r\n top: -20px;\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 800;\r\n font-size: 4rem;\r\n color: rgba(27, 43, 143, 0.05); \/* very light navy watermark *\/\r\n z-index: 0;\r\n}\r\n.timeline-left .timeline-number {\r\n right: 50px;\r\n}\r\n.timeline-right .timeline-number {\r\n left: 50px;\r\n}\r\n.timeline-card {\r\n background: #FFFFFF;\r\n padding: 30px;\r\n border-radius: 16px;\r\n box-shadow: 0 10px 30px rgba(27, 43, 143, 0.08); \/* Soft navy shadow *\/\r\n position: relative;\r\n z-index: 1;\r\n}\r\n.timeline-title {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 700;\r\n color: #1B2B8F;\r\n margin-bottom: 10px;\r\n font-size: 1.25rem;\r\n}\r\n.timeline-desc {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 400;\r\n color: #444466;\r\n font-size: 0.95rem;\r\n margin-bottom: 0;\r\n}\r\n\r\n\/* Documents Checklist *\/\r\n.doc-checklist-card {\r\n background: #FFFFFF;\r\n padding: 40px;\r\n border-radius: 16px;\r\n box-shadow: 0 10px 30px rgba(27, 43, 143, 0.08);\r\n border-left: 8px solid #1B2B8F;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n text-align: left;\r\n}\r\n.checklist-items {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0 0 20px 0;\r\n}\r\n.checklist-items li {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n margin-bottom: 15px;\r\n padding-bottom: 15px;\r\n border-bottom: 1px solid rgba(27, 43, 143, 0.08);\r\n}\r\n.checklist-items li:last-child {\r\n border-bottom: none;\r\n margin-bottom: 0;\r\n padding-bottom: 0;\r\n}\r\n.check-icon {\r\n color: #1B2B8F;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.check-text {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 500;\r\n color: #444466;\r\n font-size: 1rem;\r\n}\r\n.checklist-note {\r\n font-family: 'Poppins', sans-serif;\r\n font-style: italic;\r\n color: #888899;\r\n font-size: 0.85rem;\r\n margin-top: 20px;\r\n margin-bottom: 0;\r\n}\r\n\r\n\/* Enquiry Form Embed block *\/\r\n.form-block-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 50px;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n align-items: center; \/* Center form vertically vs text *\/\r\n}\r\n.trust-points {\r\n margin-top: 20px;\r\n margin-bottom: 30px;\r\n}\r\n.trust-point {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 12px;\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 500;\r\n color: #444466;\r\n font-size: 0.95rem;\r\n}\r\n.check-icon-small {\r\n background-color: #1B2B8F;\r\n color: #FFFFFF;\r\n border-radius: 50%;\r\n width: 20px;\r\n height: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 12px;\r\n font-weight: 800;\r\n}\r\n.info-box-navy {\r\n background-color: rgba(27, 43, 143, 0.05);\r\n border-left: 4px solid #1B2B8F;\r\n padding: 15px 20px;\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 600;\r\n color: #1B2B8F;\r\n font-size: 0.85rem;\r\n border-radius: 4px;\r\n display: inline-block;\r\n}\r\n\r\n.form-placeholder-card {\r\n background: #FFFFFF;\r\n padding: 40px;\r\n border-radius: 16px;\r\n box-shadow: 0 15px 40px rgba(27, 43, 143, 0.12);\r\n text-align: center;\r\n}\r\n.form-shortcode-box {\r\n border: 2px dashed rgba(27, 43, 143, 0.3);\r\n padding: 60px 20px;\r\n border-radius: 8px;\r\n margin-bottom: 15px;\r\n}\r\n.shortcode-text {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 600;\r\n color: #1B2B8F;\r\n font-size: 1.1rem;\r\n}\r\n.form-powered-note {\r\n font-family: 'Poppins', sans-serif;\r\n font-style: italic;\r\n color: #888899;\r\n font-size: 0.8rem;\r\n margin-bottom: 0;\r\n}\r\n\r\n\/* Simple Banner CTA without overlays *\/\r\n.cta-section-navy {\r\n background: linear-gradient(135deg, #1B2B8F, #2a3fa8);\r\n padding: 80px 0;\r\n}\r\n.cta-title-bold {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 800;\r\n color: #FFFFFF;\r\n font-size: 2.5rem;\r\n margin-bottom: 20px;\r\n}\r\n.cta-text-light {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 400;\r\n color: rgba(255, 255, 255, 0.9);\r\n font-size: 1.1rem;\r\n max-width: 700px;\r\n margin: 0 auto 30px;\r\n}\r\n.cta-buttons-row {\r\n display: flex;\r\n justify-content: center;\r\n gap: 15px;\r\n}\r\n.btn-solid-white {\r\n background-color: #FFFFFF !important;\r\n color: #1B2B8F !important;\r\n border: 2px solid #FFFFFF !important;\r\n}\r\n.btn-solid-white:hover {\r\n background-color: transparent !important;\r\n color: #FFFFFF !important;\r\n}\r\n\r\n\/* Admissions Responsive *\/\r\n@media (max-width: 960px) {\r\n .intro-block-grid,\r\n .form-block-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n .intro-right {\r\n order: -1; \/* Image on top on mobile *\/\r\n }\r\n}\r\n@media (max-width: 768px) {\r\n .admissions-timeline::before {\r\n left: 20px; \/* move line to the left *\/\r\n }\r\n .timeline-step {\r\n width: 100%;\r\n padding-left: 60px;\r\n padding-right: 0;\r\n text-align: left;\r\n }\r\n .timeline-left,\r\n .timeline-right {\r\n left: 0;\r\n }\r\n .timeline-dot {\r\n left: 12px; \/* 20px - 8px radius *\/\r\n }\r\n .timeline-left .timeline-dot,\r\n .timeline-right .timeline-dot {\r\n left: 12px;\r\n }\r\n .timeline-number {\r\n left: 60px !important;\r\n right: auto !important;\r\n }\r\n .cta-buttons-row {\r\n flex-direction: column;\r\n }\r\n .doc-checklist-card {\r\n padding: 25px;\r\n }\r\n .form-placeholder-card {\r\n padding: 25px;\r\n }\r\n}\r\n\r\n\/* --- CONTACT US PAGE --- *\/\r\n\r\n\/* Contact Info & Map Section *\/\r\n.contact-info-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 50px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n}\r\n.contact-info-card {\r\n background: #FFFFFF;\r\n padding: 40px;\r\n border-radius: 16px;\r\n box-shadow: 0 15px 40px rgba(27, 43, 143, 0.12);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 25px;\r\n}\r\n.contact-info-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 20px;\r\n}\r\n.ci-icon {\r\n font-size: 1.5rem;\r\n color: #1B2B8F;\r\n line-height: 1;\r\n margin-top: 5px;\r\n}\r\n.ci-content {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.ci-label {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 700;\r\n color: #1B2B8F;\r\n font-size: 0.75rem;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 5px;\r\n}\r\n.ci-value {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 500;\r\n color: #555577;\r\n font-size: 1.05rem;\r\n line-height: 1.5;\r\n}\r\n.ci-link {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 700;\r\n color: #1B2B8F;\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n}\r\n.ci-link:hover {\r\n color: #2a3fa8;\r\n}\r\n.ci-link-normal {\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n}\r\n.ci-link-normal:hover {\r\n color: #1B2B8F;\r\n}\r\n\r\n.contact-social-row {\r\n display: flex;\r\n gap: 15px;\r\n margin-top: 15px;\r\n padding-top: 25px;\r\n border-top: 1px solid rgba(27, 43, 143, 0.08); \/* slight separation *\/\r\n}\r\n.cs-icon {\r\n width: 44px;\r\n height: 44px;\r\n border: 1px solid #1B2B8F;\r\n border-radius: 8px; \/* Square with slightly rounded corners *\/\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #1B2B8F;\r\n transition: all 0.3s ease;\r\n}\r\n.cs-icon svg {\r\n width: 22px;\r\n height: 22px;\r\n fill: currentColor;\r\n}\r\n.cs-icon:hover {\r\n background-color: #1B2B8F;\r\n color: #FFFFFF;\r\n}\r\n\r\n\/* Map Placeholder *\/\r\n.map-placeholder {\r\n width: 100%;\r\n min-height: 450px; \/* Match height of content *\/\r\n background: #EEF0F8;\r\n border: 1.5px solid #1B2B8F;\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n}\r\n.map-inner {\r\n text-align: center;\r\n color: #1B2B8F;\r\n}\r\n.map-icon {\r\n font-size: 3rem;\r\n margin-bottom: 10px;\r\n opacity: 0.8;\r\n}\r\n.map-text {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 600;\r\n font-size: 1.1rem;\r\n display: block;\r\n}\r\n\r\n\/* Mega Call CTA Banner *\/\r\n.mega-cta-banner {\r\n background: linear-gradient(135deg, #1B2B8F, #2a3fa8);\r\n padding: 100px 5%;\r\n}\r\n.mega-cta-title {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 800;\r\n color: #FFFFFF;\r\n font-size: 2.8rem;\r\n margin-bottom: 20px;\r\n}\r\n.mega-cta-sub {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 400;\r\n color: rgba(255, 255, 255, 0.9);\r\n font-size: 1.2rem;\r\n max-width: 600px;\r\n margin: 0 auto 40px;\r\n}\r\n.mega-cta-phone {\r\n display: block;\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 800;\r\n color: #FFFFFF;\r\n font-size: 4rem; \/* Huge phone number *\/\r\n text-decoration: none;\r\n margin-bottom: 40px;\r\n transition: all 0.3s ease;\r\n line-height: 1.1;\r\n}\r\n.mega-cta-phone:hover {\r\n opacity: 0.9;\r\n text-decoration: underline;\r\n}\r\n.mega-cta-btn {\r\n display: inline-block;\r\n background-color: #FFFFFF;\r\n color: #1B2B8F;\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n padding: 16px 40px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n transition: background-color 0.3s ease;\r\n}\r\n.mega-cta-btn:hover {\r\n background-color: #f1f1f1;\r\n}\r\n\r\n\/* Contact Responsive *\/\r\n@media (max-width: 960px) {\r\n .contact-info-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n .map-placeholder {\r\n min-height: 350px;\r\n }\r\n}\r\n@media (max-width: 580px) {\r\n .mega-cta-title {\r\n font-size: 2.2rem;\r\n }\r\n .mega-cta-phone {\r\n font-size: 2.5rem; \/* Resize for mobile *\/\r\n }\r\n .contact-info-card {\r\n padding: 30px 20px;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- HEADER -->\r\n <header class=\"site-header\">\r\n <div class=\"header-wrapper\">\r\n <a href=\"https:\/\/mawanewgenschool.com\/\" class=\"new-logo-link\">\r\n <img decoding=\"async\" src=\"https:\/\/mawanewgenschool.com\/wp-content\/uploads\/2026\/03\/cropped-imgi_101_mawa-newgen-international-school-sun-city-hyderabad-playgroups-gjyotim3b8.jpg\" alt=\"Mawa New Gen International School Logo\">\r\n <\/a>\r\n \r\n <nav class=\"new-desktop-nav\">\r\n <a href=\"https:\/\/mawanewgenschool.com\/\">Home<\/a>\r\n <a href=\"https:\/\/mawanewgenschool.com\/?page_id=22\" class=\"active\">About Us<\/a>\r\n <a href=\"https:\/\/mawanewgenschool.com\/?page_id=24\">Admissions<\/a>\r\n <a href=\"https:\/\/mawanewgenschool.com\/?page_id=26\">Gallery<\/a>\r\n <a href=\"https:\/\/mawanewgenschool.com\/?page_id=28\">Contact Us<\/a>\r\n <a href=\"https:\/\/mawanewgenschool.com\/?page_id=28\" class=\"btn-header-enquire\">Enquire Now<\/a>\r\n <\/nav>\r\n\r\n <button class=\"hamburger-btn\" id=\"hamburger-btn\" aria-label=\"Menu\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/button>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"mobile-overlay\" id=\"mobile-overlay\"><\/div>\r\n <div class=\"mobile-sidebar\" id=\"mobile-sidebar\">\r\n <div class=\"sidebar-links\">\r\n <a href=\"https:\/\/mawanewgenschool.com\/\">Home<\/a>\r\n <a href=\"https:\/\/mawanewgenschool.com\/?page_id=22\">About Us<\/a>\r\n <a href=\"https:\/\/mawanewgenschool.com\/?page_id=24\">Admissions<\/a>\r\n <a href=\"https:\/\/mawanewgenschool.com\/?page_id=26\">Gallery<\/a>\r\n <a href=\"https:\/\/mawanewgenschool.com\/?page_id=28\">Contact Us<\/a>\r\n <\/div>\r\n <a href=\"https:\/\/mawanewgenschool.com\/?page_id=28\" class=\"sidebar-bottom-btn\">Enquire Now →<\/a>\r\n <\/div>\r\n\r\n <!-- SECTION 1 - INNER PAGE HERO BANNER -->\r\n <section class=\"inner-hero-section\">\r\n <div class=\"inner-hero-overlay\"><\/div>\r\n <div class=\"container inner-hero-content text-center\">\r\n <div class=\"breadcrumb\">Home > About Us<\/div>\r\n <h1 class=\"inner-hero-title\">About Us<\/h1>\r\n <p class=\"inner-hero-subtext\">Learn who we are, what we believe, and why families in Hyderabad choose Mawa New Gen School.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SECTION 2 - WHO WE ARE -->\r\n <section class=\"section-padding bg-white\">\r\n <div class=\"container who-we-are-grid\">\r\n <div class=\"who-we-are-text\">\r\n <span class=\"tag tag-navy-bg\">Our Story<\/span>\r\n <h2 class=\"section-title\">A School Born from a Vision to Do Better<\/h2>\r\n <div class=\"body-text\">\r\n <p>Established with a profound commitment to holistic education, Mawa New Gen International School began as a visionary concept to bring world-class learning methodologies to the heart of Hyderabad. We recognized the need for an environment that doesn't just teach, but inspires.<\/p>\r\n <p>Our foundation rests on the belief that traditional values and modern technological advancements can exist harmoniously. By bridging this gap, we equip our students with a deep sense of cultural identity while seamlessly connecting them to global perspectives and future-ready skills.<\/p>\r\n <p>Over the years, our vibrant campus has transformed into a nurturing ecosystem where curiosity thrives. From our experienced educators to our state-of-the-art facilities, every aspect of Mawa New Gen is designed to empower every child to innovate, explore, and lead with unwavering confidence.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"who-we-are-image\">\r\n <!-- Placeholder school image, using unsplash for demonstration -->\r\n <img decoding=\"async\" src=\"https:\/\/mawanewgenschool.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_w9ht0vw9ht0vw9ht.png\" alt=\"Students exploring\" class=\"rounded-shadow-img\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SECTION 3 - VISION & MISSION -->\r\n <section class=\"section-padding bg-light\">\r\n <div class=\"container\">\r\n <div class=\"text-center mb-5\">\r\n <span class=\"tag tag-navy-bg\">What Drives Us<\/span>\r\n <\/div>\r\n <div class=\"vision-mission-grid\">\r\n <!-- Vision Card -->\r\n <div class=\"vm-card border-left-heavy\">\r\n <div class=\"vm-icon\"><\/div>\r\n <h3 class=\"vm-title\">Our Vision<\/h3>\r\n <p class=\"vm-desc\">To be a leading educational institution that nurtures lifelong learners who are globally minded, technologically proficient, and fundamentally grounded in strong ethical values, ready to make a meaningful impact in the world.<\/p>\r\n <\/div>\r\n <!-- Mission Card -->\r\n <div class=\"vm-card border-left-medium\">\r\n <div class=\"vm-icon\"><\/div>\r\n <h3 class=\"vm-title\">Our Mission<\/h3>\r\n <p class=\"vm-desc\">To provide a dynamic, inclusive, and innovative learning environment that empowers students to discover their unique potential through personalized education, collaborative problem-solving, and a dedication to academic and personal excellence.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SECTION 5 - CORE VALUES -->\r\n <section class=\"section-padding bg-light\">\r\n <div class=\"container text-center\">\r\n <span class=\"tag tag-navy-bg\">What We Stand For<\/span>\r\n <h2 class=\"section-title centered\">Our Core Values<\/h2>\r\n <p class=\"section-subtitle centered\" style=\"max-width:700px; margin: 0 auto 3rem; color:var(--text-light);\">These foundational principles guide our curriculum, our community interactions, and our vision for the future of every student.<\/p>\r\n \r\n <div class=\"core-values-grid\">\r\n <!-- Value 1 -->\r\n <div class=\"cv-card\">\r\n <div class=\"cv-img-top bg-navy-grad clip-diagonal\" style=\"background: url('https:\/\/mawanewgenschool.com\/wp-content\/uploads\/2026\/04\/or-7.png') center\/cover;\">\r\n <!-- Background handled by CSS, representing an image overlay\/gradient -->\r\n <\/div>\r\n <div class=\"cv-body\">\r\n <h3 class=\"cv-title\">Integrity<\/h3>\r\n <p class=\"cv-desc\">We believe in doing the right thing, cultivating honesty, accountability, and strong moral character in all endeavors.<\/p>\r\n <\/div>\r\n <\/div>\r\n <!-- Value 2 -->\r\n <div class=\"cv-card\">\r\n <div class=\"cv-img-top bg-navy-grad clip-diagonal\" style=\"background: url('https:\/\/mawanewgenschool.com\/wp-content\/uploads\/2026\/04\/or-8.png') center\/cover;\"><\/div>\r\n <div class=\"cv-body\">\r\n <h3 class=\"cv-title\">Innovation<\/h3>\r\n <p class=\"cv-desc\">We encourage creative thinking and bold new ideas, preparing students to adapt and thrive in a technology-driven world.<\/p>\r\n <\/div>\r\n <\/div>\r\n <!-- Value 3 -->\r\n <div class=\"cv-card\">\r\n <div class=\"cv-img-top bg-navy-grad clip-diagonal\" style=\"background: url('https:\/\/mawanewgenschool.com\/wp-content\/uploads\/2026\/04\/or-9.png') center\/cover;\"><\/div>\r\n <div class=\"cv-body\">\r\n <h3 class=\"cv-title\">Inclusivity<\/h3>\r\n <p class=\"cv-desc\">We foster a welcoming environment that respects diverse perspectives and celebrates the unique strengths of every individual.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SECTION 6 - WHY CHOOSE US -->\r\n <section class=\"section-padding bg-white\">\r\n <div class=\"container text-center\">\r\n <span class=\"tag tag-navy-bg\">Our Advantage<\/span>\r\n <h2 class=\"section-title centered\">Why Families Choose Mawa New Gen School<\/h2>\r\n \r\n <div class=\"why-choose-grid mt-5\">\r\n <div class=\"why-block\">\r\n <div class=\"why-icon\"><\/div>\r\n <h4 class=\"why-title\">Nursery to Grade 10th Under One Roof<\/h4>\r\n <p class=\"why-desc\">A seamless educational journey offering stability and consistent growth.<\/p>\r\n <\/div>\r\n <div class=\"why-block\">\r\n <div class=\"why-icon\"><\/div>\r\n <h4 class=\"why-title\">Cambridge-Inspired Early Years<\/h4>\r\n <p class=\"why-desc\">Fostering inquisitive minds through globally recognized play-based learning.<\/p>\r\n <\/div>\r\n <div class=\"why-block\">\r\n <div class=\"why-icon\"><\/div>\r\n <h4 class=\"why-title\">CBSE Curriculum Only<\/h4>\r\n <p class=\"why-desc\">A rigorous, structured transition preparing students for higher national standards.<\/p>\r\n <\/div>\r\n <div class=\"why-block\">\r\n <div class=\"why-icon\"><\/div>\r\n <h4 class=\"why-title\">AI & Robotics Lab<\/h4>\r\n <p class=\"why-desc\">Hands-on technology exposure to build future-ready innovators.<\/p>\r\n <\/div>\r\n <div class=\"why-block\">\r\n <div class=\"why-icon\"><\/div>\r\n <h4 class=\"why-title\">Small Class Sizes \u2014 1:15 Ratio<\/h4>\r\n <p class=\"why-desc\">Optimal student-teacher ratio ensuring personalized attention and mentorship.<\/p>\r\n <\/div>\r\n <div class=\"why-block\">\r\n <div class=\"why-icon\"><\/div>\r\n <h4 class=\"why-title\">A Community That Cares<\/h4>\r\n <p class=\"why-desc\">A safe, holistic environment focusing on emotional intelligence and well-being.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SECTION 7 - ADMISSIONS CTA BANNER -->\r\n <!-- Using the cta-section from homepage which already has navy gradient -->\r\n <section class=\"cta-section\" id=\"admissions\">\r\n <div class=\"container text-center cta-container\">\r\n <span class=\"tag tag-white-outline\" style=\"border: 1px solid white; color: white; padding: 4px 16px; border-radius: 20px; font-size: 0.85rem; text-transform: uppercase; font-weight: 600; display: inline-block; margin-bottom: 1.5rem;\">Admissions Open<\/span>\r\n <h2 class=\"cta-title\" style=\"font-weight: 800;\">Ready to Begin Your Child's Journey?<\/h2>\r\n <p class=\"cta-text\" style=\"font-weight: 400; color: rgba(255,255,255,0.9);\">Join the Mawa New Gen International School family and give your child the foundation they need for a successful future. Enrollments for the upcoming academic year are now open.<\/p>\r\n <div class=\"cta-buttons\">\r\n <a href=\"#enquire\" class=\"btn\" style=\"background-color: white; color: var(--navy); font-weight: 600;\">Enquire Now<\/a>\r\n <a href=\"#book-tour\" class=\"btn btn-outline-white\">Book a School Tour<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FOOTER -->\r\n <!-- Reusing footer from index.html -->\r\n <footer class=\"new-footer\">\r\n <div class=\"new-footer-grid\">\r\n <div class=\"nf-brand\">\r\n <a href=\"https:\/\/mawanewgenschool.com\/\" class=\"new-logo-link\" style=\"margin-bottom:15px;\">\r\n <img decoding=\"async\" src=\"https:\/\/mawanewgenschool.com\/wp-content\/uploads\/2026\/03\/cropped-imgi_101_mawa-newgen-international-school-sun-city-hyderabad-playgroups-gjyotim3b8.jpg\" alt=\"Mawa New Gen International School Logo\">\r\n <\/a>\r\n <p>A future-ready school in Hyderabad offering internationally inspired foundational learning and CBSE curriculum \u2014 from Nursery through Grade 10th. Where every child is seen, supported, and celebrated.<\/p>\r\n <div class=\"nf-slogan\">INNOVATE \u00b7 EXPLORE \u00b7 LEAD<\/div>\r\n <\/div>\r\n\r\n <div class=\"nf-links-col\">\r\n <div class=\"nf-heading\">QUICK LINKS<\/div>\r\n <ul class=\"nf-links\">\r\n <li><a href=\"https:\/\/mawanewgenschool.com\/\">Home<\/a><\/li>\r\n <li><a href=\"https:\/\/mawanewgenschool.com\/?page_id=22\">About Us<\/a><\/li>\r\n <li><a href=\"https:\/\/mawanewgenschool.com\/?page_id=24\">Admissions<\/a><\/li>\r\n <li><a href=\"https:\/\/mawanewgenschool.com\/?page_id=26\">Gallery<\/a><\/li>\r\n <li><a href=\"https:\/\/mawanewgenschool.com\/?page_id=28\">Contact Us<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"nf-contact-col\">\r\n <div class=\"nf-heading\">CONTACT US<\/div>\r\n <div class=\"nf-contact-row\">\r\n <div class=\"nf-icon\"><\/div>\r\n <div class=\"nf-details\">\r\n <span class=\"nf-label\">Address<\/span>\r\n <span class=\"nf-value\">Plot No 8&9, Suncity Road, Bandlaguda jagir, Hyd - 91 Hyderabad, Telangana 500091<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"nf-contact-row\">\r\n <div class=\"nf-icon\"><\/div>\r\n <div class=\"nf-details\">\r\n <span class=\"nf-label\">Phone<\/span>\r\n <span class=\"nf-value\">+91 83330 47138<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"nf-contact-row\">\r\n <div class=\"nf-icon\"><\/div>\r\n <div class=\"nf-details\">\r\n <span class=\"nf-label\">Email<\/span>\r\n <span class=\"nf-value\">mawanewgenschool@gmail.com<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"nf-contact-row\">\r\n <div class=\"nf-icon\"><\/div>\r\n <div class=\"nf-details\">\r\n <span class=\"nf-label\">School Hours<\/span>\r\n <span class=\"nf-value\">9:00 AM \u2013 3:30 PM<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"nf-bottom-bar\">\r\n <div class=\"nf-bottom-inner\">\r\n <div class=\"nf-bottom-left\">© 2026 Mawa New Gen International School. All rights reserved.<\/div>\r\n <div class=\"nf-bottom-right\">Designed by <a href=\"https:\/\/universaldigi.com\" target=\"_blank\">Universal Digi<\/a><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- Mobile Menu Script -->\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n var hamburger = document.getElementById('hamburger-btn');\r\n var sidebar = document.getElementById('mobile-sidebar');\r\n var overlay = document.getElementById('mobile-overlay');\r\n\r\n function toggleMenu() {\r\n hamburger.classList.toggle('active');\r\n sidebar.classList.toggle('active');\r\n overlay.classList.toggle('active');\r\n }\r\n\r\n if(hamburger) hamburger.addEventListener('click', toggleMenu);\r\n if(overlay) overlay.addEventListener('click', toggleMenu);\r\n\r\n var sidebarLinks = sidebar.querySelectorAll('a');\r\n sidebarLinks.forEach(function(link) {\r\n link.addEventListener('click', toggleMenu);\r\n });\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Us | Mawa New Gen International School Home About Us Admissions Gallery Contact Us Enquire Now Home About Us Admissions Gallery Contact Us Enquire Now → Home > About Us About Us Learn who we are, what we believe, and why families in Hyderabad choose Mawa New Gen School. Our Story A School Born […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mawanewgenschool.com\/index.php?rest_route=\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mawanewgenschool.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mawanewgenschool.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mawanewgenschool.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mawanewgenschool.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22"}],"version-history":[{"count":22,"href":"https:\/\/mawanewgenschool.com\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":253,"href":"https:\/\/mawanewgenschool.com\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/253"}],"wp:attachment":[{"href":"https:\/\/mawanewgenschool.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}