@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);.classroomImages{box-shadow:var(--shadow-md);width:100%}.classroomImages,.codingToday{border-radius:var(--radius-md)}.codingToday{align-items:center;background-color:var(--primary-dark);box-shadow:var(--shadow-lg);color:var(--secondary-color);display:flex;height:30vh;justify-content:center;left:50%;position:absolute;top:100%;transform:translate(-50%,-50%);width:90%}.ourFocusComponentMargin{margin-bottom:5rem;margin-top:12rem}.cardBodyMorphoric{padding:var(--spacing-sm);transition:transform .3s ease,box-shadow .3s ease}.slogan{background-color:var(--background-card);border-left:4px solid var(--secondary-color)}.vision{background-color:var(--primary-dark);color:var(--text-main)}.mission{background-color:var(--background-card);border:1px solid var(--primary-light)}@media (min-width:768px){.codingToday{height:20vh;width:60%}.ourFocusComponentMargin{margin-bottom:5%;margin-top:13rem}}@media (max-width:320px){.codingToday{height:50vh;top:100%;width:90%}}:root{--primary-color:#2563eb;--primary-dark:#1e40af;--primary-light:#60a5fa;--secondary-color:#f59e0b;--background-dark:#0f172a;--background-card:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--success:#10b981;--error:#ef4444;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:8rem;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-glow:0 0 20px #2563eb33}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;background-color:var(--background-dark);color:#f8fafc;color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.fade-in-up{animation:fadeInUp .8s ease-out forwards;opacity:0;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.ziffcodeLogoDiv{height:auto;margin-left:5%;width:auto}.carouselImage{height:100vh;object-fit:cover;width:100%}.nav-item .LiNavLink:hover{color:var(--secondary-color);transition:color .3s ease}.ziffcodeLogo{height:100%;width:100%}.logoImage{height:2.5rem;width:2.5rem}.ziffcodeDiv{background-color:var(--background-dark)}.codingRemovebDiv{height:1.5rem;width:1.5rem}.ziffTechLtd{background-color:var(--background-dark);color:var(--secondary-color);font-family:Inter,sans-serif;font-weight:700;margin-top:0}.LandingPageCarousel{height:100vh;width:100%}.LandingPageCarousel img{height:100%;object-fit:cover;width:100%}.codingRemovebg1{height:2rem;width:2rem}.trainingImageDiv{align-items:center;background-color:var(--background-card);display:flex;height:80vh;justify-content:center;text-align:center;width:100%}.training{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);height:auto;max-height:100%;width:85%}@media (max-width:768px){.training{height:auto;width:100%}.trainingImageDiv{height:auto;padding:1rem 0}}.w-100{background-color:var(--primary-dark);color:var(--secondary-color)}.footerLogo{height:4rem;width:10rem}.messageDiv{margin:0 auto;max-width:1200px;padding-bottom:var(--spacing-lg);width:90%}.ourServicesEmpowers{background:linear-gradient(135deg,var(--background-dark) 0,var(--primary-dark) 100%);color:var(--text-main);overflow:hidden;padding:var(--spacing-xl) var(--spacing-md);position:relative;text-align:center;width:100%}.kidsIntheClass{height:100vh}.theboysPrac{height:38vh}.footerComp{background-color:var(--background-dark);color:var(--text-muted);min-height:50vh}.digitalImg{height:9rem;overflow:hidden;width:100%}.digitalMktImage{height:100%;object-fit:cover;width:100%}.whyKidsCodingDiv{background-image:url(/static/media/codingblackBoy.150c12aa36336edfcee2.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;position:relative;width:100%}.whyKidsCodingDiv:before{background:#0006;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.whyKidsCodingDiv>*{position:relative;z-index:1}.testingMedia{padding:0 var(--spacing-sm)}@media (min-width:768px){.testingMedia{padding:0 7rem}}.cardBodyMorphoric{background-color:var(--background-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--text-main);padding:var(--spacing-md);transition:transform .3s ease}.cardBodyMorphoric:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.theboysPrac{border-radius:var(--radius-sm);height:13rem;object-fit:cover;width:100%}.boldText{color:var(--secondary-color);font-weight:700}.blackBoyTwo{height:12rem}.blackBoyTwo,.teenageCoding{border-radius:var(--radius-sm);object-fit:cover;width:100%}.teenageCoding{height:12.5rem}.kidsIntheClass{height:70vh;object-fit:cover;object-position:center;width:100%}.formpageDiv{background-color:var(--background-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-top:var(--spacing-md);padding:var(--spacing-md)}.formpage{color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:800px;width:90%}.contact-us-container,.formpage{background-color:var(--background-dark);min-height:100vh}.contact-us-container{color:var(--text-main);padding-top:6rem}.section-title{color:var(--primary-light);display:inline-block;position:relative;width:100%}.contact-card{background-color:var(--background-card);border:1px solid #ffffff0d;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.info-item h5{color:var(--text-main)}.text-muted-light{color:var(--text-muted)}.map-placeholder{border-radius:var(--radius-sm);height:200px;margin-top:2rem;overflow:hidden;width:100%}.form-card{background-color:var(--background-card);border:1px solid #ffffff0d;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.form-label{color:var(--text-main)}.form-control{border:1px solid #2d3748;padding:.75rem 1rem}.form-control,.form-control:focus{background-color:var(--background-dark);color:var(--text-main)}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 .25rem #2563eb40}.form-control,.form-control::placeholder{color:var(--text-muted)}@media (max-width:768px){.contact-us-container{padding-top:5rem}}
/*# sourceMappingURL=main.9d4096bb.css.map*/