*{
padding:0;
margin:0;
box-sizing:border-box;
font-family:'Poppins', 'sans serif'
}
:root{
--primary-color:#5023b4ff;
--primary-light:#f1edfeff;
--pink-color:#f31e74ff;
--yellow-color:#fbd110ff;
--dark-purple:#40238dff;
--secondary-color:#0a0f2dff;
--grey-color:#b19fdcff;
--green-color:#069c19ff;
}
html{
scroll-behavior:smooth;
scroll-padding-top:115px;
}

header{
width:100%;
position:fixed;
top:0;
left:0;
z-index:100;
box-shadow:0px 0px 15px grey;
}
.top-header-banner p{
background-color:var(--dark-purple);
color:white;
text-align:center;
padding:5px;
font-size:14px;
font-weight:600;
}
.header{
padding:0px 70px;
display:flex;
justify-content:space-between;
align-items:center;
height:85px;
background-color:white;
}
.logo{
width:fit-content;
display:flex;
align-items:center;
}
.logo-icon{
width:80px;
height:80px;
}
.logo-icon img{
height:100%;
width:100%;
object-fit:contain;
}
.school-name{
margin-left:15px;
}
.navlinks{
width:70%;
display:flex;
justify-content:space-between;
align-items:center;
}
.navbar{
width:fit-content;
}
.navbar ul li{
list-style-type:none;
display:inline-block;
margin:0px 20px;
}
.navbar ul li a{
text-decoration:none;
color:black;
}
.navbar ul li a:hover{
color:var(--dark-purple);
transition:all 0.3s ease;
}
.header-cta{
display:block;
text-decoration:none;
width:fit-content;
padding:10px 20px;
border-radius:10px;
color:white;
background-color:var(--dark-purple);
font-weight:600;
}
.header-cta a{
text-decoration:none;
color:white;
font-weight:600;
}
.menu-icon{
display:none;
}
.mini-service-bar{
display:flex;
justify-content:space-between;
padding:10px 20px;
border-radius:15px;
box-shadow:5px 5px 15px #e1e1e1;
margin-top:50px;
}
.mini-service-tile{
display:flex;
width:15%;
align-items:center;
}
.mini-service-tile p{
margin-left:10px;
font-weight:500;
font-size:14px;
}

section{
padding:50px 70px;
}
#hero{
margin-top:85px;
padding-top:55px!important
}
.hero-wrapper{
display:flex;
justify-content:space-between;
}
.hero-left{
width:45%;
}
.hero-right{
width:50%;
height:inherit;
}
.mini-heading{
font-size:14px;
font-weight:600;
color:var(--primary-color);
background-color:var(--primary-light);
padding:5px 20px;
border-radius:15px;
width:fit-content;
}
.hero-left h1{
font-size:45px;
margin-top:15px;
margin-bottom:15px;
line-height:55px;
}
.col-pink{
color:var(--pink-color);
}
.col-purple{
color:var(--primary-color);
}
.sub-text{
font-size:16px;
color:black;
margin:15px 0;
}
.hero-right img{
width:100%;
height:100%;
object-fit:contain;
}
.usp-badges{
margin:25px 0px 15px 0px;
display:flex;
width:70%;
}
.badge-wrapper{
text-align:center;
margin-right:30px;
}
.badge{

}
.badge img{
width:50px;
height:50px;
}
.badge-title{
font-size:15px;
font-weight:500;
}
.hero-cta{
margin-top:30px;
display:flex;
}
.hero-cta a{
font-size:15px;
font-weight:500;
padding:10px 20px;
border-radius:15px;
border:2px solid var(--grey-color);
margin-right:20px;
text-decoration:none;
color:var(--green-color);
}

.hero-cta a.active{
background-color:var(--primary-color);
color:white!important;
border:2px solid var(--primary-color);
}
.btn{
display:flex;
align-items:center;
}
.btn img{
display:block;
height:20px;
width:20px;
margin-right:10px;
}
#about{
background-color:#f8f5ff;
}
.about-wrapper{
display:flex;
justify-content:space-between;
}

.about-content{
width:50%;
}
.about-pic{
width:45%;
height:inherit;
}
.about-pic img{
height:100%;
width:100%;
object-fit:cover;
}
.section-sub-heading{
font-size:16px;
color:var(--primary-color);
text-transform:uppercase;
text-align:center;
}
.section-heading{
font-size:35px;
text-align:center;
}
.left-align{
text-align:left!important;
}
.about-content p{
margin:15px 0px;
font-family:'Nunito';
}
.about-content p strong{
font-weight:600;
font-size:14.5px;
}
.about-cta{
background-color:var(--primary-color);
color:white;
font-weight:500;
font-size:15px;
text-decoration:none;
padding:10px 20px;
border-radius:15px;
display:block;
width:fit-content;
margin-top:15px;
}
#services{
background-color:#f8f5ff;
}
.programs-tile-wrapper{
margin-top:20px;
display:flex;
justify-content:space-between;
}
.program-tile{
width:23%;
border-radius:15px;
box-shadow:5px 5px 25px #d2d0d0;
overflow:hidden;
padding:20px;
transition:all 0.5s ease;
}
.program-tile:hover{
transform:translateY(-10px);
box-shadow:5px 5px 35px #d2d0d0;
transition:all 0.5s ease;

}
.program-pic{
width:100%;
height:300px;
border-radius:15px;
overflow:hidden;
}
.program-pic img{
width:100%;
height:100%;
object-fit:cover;
}
.program-title-container{
text-align:center;
margin-top:20px;
}
.program-title-container h3{
font-size:19px;
font-weight:600;
}
.program-age{
font-family:'Nunito';
}
.program-tile a{
display:block;
width:fit-content;
padding:10px 20px;
background-color:var(--primary-color);
text-decoration:none;
color:white;
font-weight:500;
border-radius:15px;
margin:20px auto 0px auto;
}

.services-tile-wrapper{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.services-tile{
width:30%;
padding:20px;
border-radius:15px;
box-shadow:5px 5px 25px #d2d0d0;
margin-top:20px;
margin-bottom:20px;
text-align:center;
background-color:white;
transition:transform 0.3s ease;
}
.services-tile:hover{
transform:scale(102%);
transition:transform 0.3s ease;
}
.services-description{
font-family:'Nunito';
}

.gallery-container{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.gallery-pic-container{
width:32%;
height:300px;
margin-top:15px;
margin-bottom:15px;
border-radius:10px;
overflow:hidden;
}
.gallery-pic-container img{
width:100%;
height:100%;
object-fit:cover;
}
#about-founder{
background-color:#f8f5ff;
}
.founder-wrapper{
display:flex;
justify-content:space-between;
}
.founder-pic, .founder-text{
width:48%;
}

.founder-pic img{
width:100%;
height:100%;
object-fit:cover;
}
.director{
font-family:'Nunito';
font-size:20px;
margin-top:15px;
color:var(--primary-color);
}
.designation, .expertise{
font-family:'Nunito';
font-style:italic;
font-weight:700;
margin:0!important;
}
.designation{

}
.founder-text p{
margin:15px 0px;
font-family:'Nunito';
}
.founder-text ul li{
font-family:'Nunito';
}
.achievment, .vision{
font-family:'Nunito';
}
.vision{
margin-top:10px;
}
.vision-text{
margin-top:0px!important;
}
#reviews{
background-color:#f8f5ff;
}
.reviews-slider-wrapper{
display:flex;
justify-content:space-between;
margin-top:20px;
}
.reviews-slide{
width:30%;
padding:20px;
border:1px solid var(--grey-color);
border-radius:15px;
background-color:rgb(239, 247, 255);
}
.review{
font-family:'Nunito';
margin-top:20px;
margin-bottom:20px;
}
.user{
display:flex;
align-items:center;
margin-top:20px;
}
.user-pic{
width:45px;
height:45px;
border-radius:50%;
overflow:hidden;
margin-right:10px;
}
.user-pic img{
height:100%;
width:100%;
object-fit:cover;
}
.parent-name{
font-family:'Nunito';
font-size:17px;
font-weight:600;
}
.child-detail{
font-family:'Nunito';
}
.section-sub-text{
text-align:center;
font-family:'Nunito';
}
.locations-wrapper{
display:flex;
flex-wrap:wrap;
justify-content:center;
margin-top:20px;
}
.location{
background-color:#f5f0ff;
padding:5px 30px;
font-family:'Nunito';
font-weight:700;
border-radius:20px;
margin:10px;
border:2px solid #ddd0ff;
}
.location:hover{
background-color:var(--dark-purple);
border:2px solid var(--dark-purple);
color:white;
transition:all 0.5s ease;
}
#admission{
background-image:linear-gradient(135deg, rgb(30, 8, 69) 0%, rgb(74, 21, 128) 50%, rgb(107, 47, 160) 100%);
}
.admission-wrapper{
text-align:center;
}
.admission-sub-heading{
color:var(--yellow-color);
}
.admission-heading{
font-size:45px;
color:white;
}
.admission-wrapper p{
color:white;
font-family:'Nunito';
}
.admission-cta{
display:flex;
justify-content:center;
margin-top:20px;
}
.admission-cta a{
text-decoration:none;
padding:10px 20px;
border-radius:15px;
background-color:white;
color:var(--dark-purple);
margin:0px 15px;
font-weight:700;
}
.admission-active{
background-color:var(--yellow-color)!important;
}
#contact{
background-color:#f8f5ff;
}
.contact-wrapper{
display:flex;
justify-content:space-between;
}
.contact-details{
width:48%;
}
.contact-details h2{
font-size:40px;
margin:20px 0px;
line-height:50px;
}
.contact-details p{
font-family:'Nunito';
}
.contact-msg{
font-family:'Nunito';
margin:20px 0px;
}
.flash-msg{
padding:15px;
border:2px solid var(--yellow-color);
border-radius:15px;
background-color:#fffbea;
margin:20px 0px;
}
.flash-msg-heading{
font-weight:600;
}
.contact-form{
width:48%;
padding:20px;
background-color:white;
border:2px solid var(--grey-color);
border-radius:15px;
}
.contact-form-heading{
font-size:25px;
}
input[type="text"], input[type="email"], textarea, input[type="submit"]{
display:block;
padding:15px;
width:100%;
margin:5px 0px;
border-radius:15px;
background-color:#f0e8ff;
border:0px;
}
.input-wrapper{
display:flex;
justify-content:space-between;
}
#age, #child-name{
width:48%;
}
#program, #location{
display:block;
width:48%;
padding:10px;
margin:5px 0px;
}
#program{
margin:5px 0px;
border-radius:15px;
background-color:#f0e8ff;
border:0px;
padding:15px;
}
textarea{
font-family:'Nunito';
}
input[type="submit"]{
background-color:var(--yellow-color);
font-weight:500;
font-family:'Poppins';
font-size:16px;
border:none;
margin-top:10px;
}
input[type="email"]{
margin-top:10px;
}
.form-close-message{
font-family:'Nunito';
text-align:center;
}
.contact-tile{
display:flex;
align-items:center;
margin:5px 0px;
}
.contact-icon{
padding:7px;
background-color:#f0e8ff;
border-radius:50%;
width:fit-content;
margin-right:15px;
}
.contact-icon i{
color:var(--dark-purple);
font-size:14px;
}
.contact-tile a{
text-decoration:none;
color:black;
font-family:'Nunito';
}

footer{
background-color:rgb(26, 8, 64);
}
.footer-wrapper{
display:flex;
justify-content:space-between;
padding:50px 70px 30px 70px;
color:#f0e8ff;
font-family:'Nunito';
}
.footer-school-info{
width:30%;
}
.footer-school-info p{
font-family:'Nunito';
}
.footer-logo-wrapper{
display:flex;
align-items:center;
margin-bottom:15px;
}
.footer-logo{
width:80px;
height:80px;
border-radius:50%;
overflow:hidden;
margin-right:10px;
}
.footer-logo img{
height:100%;
width:100%;
object-fit:contain;
}
.totpro{
display:flex;
align-items:center;
}
.totpro img{
width:30px;
height:30px;
margin-left:10px;
}
.social-links{
margin-top:15px;
}
.social-links a{
font-size:17px;
color:#f0e8ff;
text-decoration:none;
margin-right:10px;
}
.social-links a:hover{
color:var(--yellow-color);
}
.quick-links{
width:fit-content;
}
.quick-links ul li{
list-style-type:none;
line-height:25px;
}
.quick-links ul li a{
text-decoration:none;
color:#f0e8ff;
font-family:'Nunito';
}
.quick-links ul li a:hover{
color:var(--yellow-color);
}
.footer-programs{
width:fit-content;
}
.footer-programs ul li{
list-style-type:none;
line-height:25px;
}
.footer-programs ul li a{
text-decoration:none;
color:#f0e8ff;
font-family:'Nunito';
}
.footer-programs ul li a:hover{
color:var(--yellow-color);
}
.footer-contact{
width:fit-content;
}
.footer-contact-wrapper a, .footer-contact-wrapper p{
text-decoration:none;
color:#f0e8ff;
font-family:'Nunito';
display:inline;
}
.footer-contact a:hover{
color:var(--yellow-color);
}
.footer-contact-wrapper i{
margin-right:10px;
}
.footer-contact-wrapper{
margin:5px 0;
}
.developer{
color:#f0e8ff;;
padding:10px;
border-top:1px solid grey;
text-align:center;
font-family:'Nunito';
font-size:15px;
}
.developer a{
text-decoration:none;
color:var(--grey-color);
}

/*Mobile responsive code*/

@media(max-width:550px){
.menu-icon{
display:block!important;
position:absolute;
right:10px;
top:55px;
color:black;
font-size:25px;
}
section{
padding:40px 30px;
}
.section-heading{
font-size:30px;
}
.section-sub-heading{
font-size:15px;
}
.navlinks{
width:100%;
flex-direction:column;
position:absolute;
top:115px;
left:0;
background-color:white;
display:none;
}
.mobile-navlinks{
width:100%;
flex-direction:column;
position:absolute;
top:115px;
left:0;
background-color:white;
padding-bottom:20px;
box-shadow:0px 13px 15px grey;
display:block;
}
.navbar{
width:100%;
}
.navbar ul li{
display:block;
text-align:center;
margin:10px 0px;
}
.header-cta{
margin:auto;
}
.hero-wrapper{
flex-direction:column-reverse;
}
.hero-left{
width:100%;
margin-top:15px;
}
.hero-right{
width:100%;
}

.hero-left h1{
font-size:35px;
line-height:45px;
}
.usp-badges{
width:100%;
}
.about-wrapper{
flex-direction:column;
}
.about-pic{
width:100%;
}
.about-content{
margin-top:15px;
width:100%;
}
.programs-tile-wrapper, .services-tile-wrapper, .contact-wrapper{
flex-direction:column;
}
.services-tile, .program-tile{
width:100%;
}
.program-tile{
margin:20px 0px;
}
.mini-service-bar{
display:none;
}
.program-tile:hover{
transform:translateX(5px);
box-shadow:5px 5px 35px #d2d0d0;
transition:all 0.3s ease;

}
.founder-wrapper{
flex-direction:column;
}
.founder-pic, .founder-text{
width:100%;
}
.founder-text{
margin:15px 0px;
}
.contact-details, .contact-form{
width:100%;
}
.contact-form{
margin-top:20px;
}
.location{
margin:10px;
padding:5px 20px;
}
@keyframes reviews-slider{
0% { left:0%; }
30% { left:0%; }
35% { left:-100%; }
65% { left:-100%; }
70% { left:-200%; }
100% { left:-200%; }
}

.reviews-slider-container{
width:100%;
overflow:hidden;
}
.reviews-slider-wrapper{
width:300%;
position:relative;
animation:reviews-slider 20s linear infinite;
}
.reviews-slide{
width:100%;
margin:0px 15px;
}
.footer-wrapper{
flex-direction:column;
padding:40px 30px;
}
.footer-school-info, .quick-links, .footer-programs, .footer-contact{
width:100%;
margin:20px 0px;
}
}
@media(min-width:700px) and (max-width:800px){
.menu-icon{
display:block!important;
position:absolute;
right:10px;
top:55px;
color:black;
font-size:25px;
}
.logo{
margin:auto;
}

section{
padding:40px 30px;
}
.section-heading{
font-size:30px;
}
.section-sub-heading{
font-size:15px;
}
.navlinks{
width:100%;
flex-direction:column;
position:absolute;
top:115px;
left:0;
background-color:white;
display:none;
}
.mobile-navlinks{
width:100%;
flex-direction:column;
position:absolute;
top:115px;
left:0;
background-color:white;
padding-bottom:20px;
box-shadow:0px 13px 15px grey;
display:block;
}
.navbar{
width:100%;
}
.navbar ul li{
display:block;
text-align:center;
margin:10px 0px;
}
.header-cta{
margin:auto;
}
.hero-wrapper{
flex-direction:column-reverse;
}
.hero-left{
width:100%;
margin-top:15px;
}
.hero-right{
width:100%;
}

.hero-left h1{
font-size:40px;
line-height:50px;
}
.usp-badges{
width:100%;
}
.mini-service-bar{
display:none;
}

.contact-wrapper{
flex-direction:column;
}
.contact-details, .contact-form{
width:100%;
}
.contact-form{
margin-top:20px;
}
.footer-wrapper{
flex-direction:column;
padding:40px 30px;
}
.footer-school-info, .quick-links, .footer-programs, .footer-contact{
width:100%;
margin:20px 0px;
}
}

@media(min-width:1000px) and (max-width:1024px){
section{
padding:50px 50px;
}
.header{
padding-left:50px;
padding-right:50px;
}
.header-cta{
padding-left:10px;
padding-right:10px;
}
.navlinks{
width:72%;
}
.navbar ul li{
margin:0px 15px;
}
}