/* ============================================ RESPONSIVE BREAKPOINTS ============================================ *//* Large Desktop:1200px and above */@media (min-width:1200px){.container{max-width:1200px;}}/* Desktop:1024px - 1199px */@media (max-width:1199px){:root{--font-size-5xl:48px;--font-size-4xl:36px;} .books-grid, .features-grid{grid-template-columns:repeat(3, 1fr);} .footer-content{grid-template-columns:repeat(2, 1fr);}}/* Tablet:768px - 1023px */@media (max-width:1024px){.container{padding:0 24px;} .hero-content h1{font-size:2.75rem;} .hero-image-grid{height:400px;} .hero-img-main{height:300px;} .hero-img-secondary{height:200px;}}@media (max-width:768px){:root{--font-size-5xl:36px;--font-size-4xl:28px;--font-size-3xl:24px;--space-3xl:40px;} .hero{padding:100px 0 60px;text-align:center;height:auto;min-height:auto;} .hero-container{grid-template-columns:1fr;gap:40px;} .hero-content{margin:0 auto;text-align:center;} .hero-buttons{justify-content:center;} .trust-indicators{justify-content:center;} .hero-image-grid{height:350px;max-width:500px;margin:0 auto;/* Ensure animation works on mobile */ animation:slideInUp 0.6s ease-out forwards;} /* Ensure the animation class remains active */ .hero-image-grid.animate-slide-up{animation:slideInUp 0.6s ease-out forwards;} /* Hero Section Mobile Refactor */ .hero{padding-bottom:var(--space-xl);} .hero-image-grid{display:flex;flex-direction:column;align-items:center;height:auto;margin-top:var(--space-lg);min-height:auto;/* Reset absolute positioning context if needed, though flex handles overlapping items differently */} .hero-img-main{position:relative;top:auto;right:auto;left:auto;width:100%;height:auto;max-width:400px;margin-bottom:-40px;/* Slight overlap for style */ z-index:2;} .hero-img-secondary{position:relative;bottom:auto;left:auto;transform:none;width:90%;height:auto;max-width:350px;z-index:3;} .hero-img-main img, .hero-img-secondary img{height:auto;} .hero-floating-card{top:20px;left:50%;transform:translateX(-50%);width:max-content;} /* School Leaders Section */ .leaders-grid{grid-template-columns:1fr;gap:2rem;} .leaders-info-card, .leaders-benefit-card{padding:1.5rem;} /* Navigation */ nav ul{position:fixed;top:70px;left:0;right:0;background:var(--white);flex-direction:column;padding:var(--space-lg);gap:var(--space-md);box-shadow:var(--shadow-lg);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all 0.3s ease;} nav ul.active{transform:translateY(0);opacity:1;visibility:visible;} .mobile-menu-btn{display:flex;} /* Mobile Dropdown Styles */ .nav-dropdown .dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0;margin:var(--space-sm) 0 0 var(--space-lg);background:rgba(79, 195, 247, 0.05);border-radius:var(--radius-sm);} .nav-dropdown .dropdown-arrow{display:none;} .dropdown-menu li a{padding:var(--space-sm) var(--space-md);font-size:0.95rem;} /* Grids */ .features-grid{grid-template-columns:repeat(2, 1fr);} .domains-grid{grid-template-columns:repeat(2, 1fr);} .books-grid{grid-template-columns:repeat(2, 1fr);} .contact-grid{grid-template-columns:repeat(2, 1fr);} .credentials-grid{grid-template-columns:repeat(2, 1fr);} /* About page */ .about-content{grid-template-columns:1fr;text-align:center;} .about-image{height:auto;order:-1;margin-bottom:var(--space-lg);} /* Jumping Minds Page */ .development-areas-grid{grid-template-columns:repeat(2, 1fr);gap:var(--space-md);}}/* Mobile:Below 768px */@media (max-width:767px){:root{--font-size-5xl:32px;--font-size-4xl:28px;--font-size-3xl:22px;--font-size-2xl:20px;--space-2xl:32px;--space-3xl:40px;} body{font-size:15px;} /* Container */ .container{padding:0 var(--space-md);} /* Section padding */ section{padding:var(--space-2xl) var(--space-md);} /* Hero */ .hero{min-height:auto;padding:120px var(--space-md) var(--space-2xl);} .hero h1{font-size:32px;} .hero p{font-size:var(--font-size-base);} .hero-buttons{flex-direction:column;gap:var(--space-md);} .hero-buttons .btn{width:100%;} /* Floating shapes - hide on mobile */ .floating-shape{display:none;} /* Grids */ .features-grid, .domains-grid, .contact-grid, .credentials-grid{grid-template-columns:1fr;} .books-grid{grid-template-columns:repeat(2, 1fr);gap:var(--space-md);} /* Cards */ .feature-card{padding:var(--space-lg);} .feature-icon{font-size:36px;} /* Forms */ .form-row{grid-template-columns:1fr;} .form-container{padding:var(--space-lg);} /* Footer */ .footer-content{grid-template-columns:1fr;text-align:center;} .footer-content .logo{justify-content:center;} /* Tabs */ .tabs{flex-wrap:wrap;gap:var(--space-sm);} .tab-btn{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);} /* Page header */ .page-header{padding:120px var(--space-md) var(--space-xl);} .page-header h1{font-size:28px;} /* Quote form steps */ .form-steps{flex-wrap:wrap;gap:var(--space-sm);} .step-connector{width:20px;} .step-text{display:none;} /* Modal */ .modal-content{padding:var(--space-lg);margin:var(--space-md);}}/* Extra Small:Below 480px */@media (max-width:479px){:root{--font-size-5xl:28px;--font-size-4xl:24px;--font-size-3xl:20px;--font-size-2xl:18px;--space-lg:16px;--space-xl:24px;} h1{font-size:26px;} h2{font-size:22px;} h3{font-size:18px;} h4{font-size:16px;} /* Full width buttons */ .btn{width:100%;padding:var(--space-sm) var(--space-md);} /* Section padding */ section{padding:var(--space-xl) var(--space-sm);} .container{padding:0 var(--space-sm);} /* Books grid - single column on very small screens */ .books-grid{grid-template-columns:1fr;} /* Book card */ .book-image{height:180px;} .book-info{padding:var(--space-md);} /* Form adjustments */ .form-group input, .form-group textarea, .form-group select{padding:var(--space-sm);font-size:16px;/* Prevents zoom on iOS */} /* Header */ header{padding:var(--space-sm) 0;} .logo{font-size:var(--font-size-base);} .logo span{font-size:24px;} /* Contact cards */ .contact-icon{font-size:36px;} /* Credentials */ .credential-number{font-size:var(--font-size-3xl);} /* Notification */ .notification{left:var(--space-sm);right:var(--space-sm);bottom:var(--space-sm);}}/* Landscape phones */@media (max-height:500px) and (orientation:landscape){.hero{min-height:auto;padding:100px var(--space-md) var(--space-lg);} .hero h1{font-size:28px;} .hero p{margin-bottom:var(--space-md);}}/* Print styles */@media print{header, footer, .btn, .tabs, .floating-shape{display:none !important;} body{font-size:12pt;color:#000;background:#fff;} .hero{background:#f5f5f5 !important;color:#000 !important;min-height:auto;padding:20px;} .hero h1, .hero p{color:#000 !important;} section{page-break-inside:avoid;}}/* Mobile Contact Info Fix */@media (max-width:900px){/* Increased breakpoint to cover tablets and smaller laptops */ .cta-contact-info{flex-direction:column;gap:8px;/* Slightly larger gap for vertical list */} .cta-separator{display:none;}}