body{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
}

.fnav{
    width: 100%;
    height: 7vh;
    background-color: #e83e8c;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 45%;
    color: white;
}

.fnav i{
    padding: 10px 8px;
}

.snav{
    width: 100%;
    height: 13vh;
    background-color: white;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 28%;
   /* position: sticky;
    top: 0; */

    
}

.snav a{
    color: #423F8D;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 18px;
}

.snav button{
    border-radius: 30px;
    background-color: #12D9DF;
    color: white;
    padding: 13px 43px;
    font-size: 16px;
    font-weight: 600;
}

.snav a:hover{
    color: #e83e8c;
    text-decoration: underline #e83e8c;
}

.snav button:hover{
    background-color: white;
    color:#e83e8c;
}


.container{
    width: 100%;
    height: 113vh;
    background-image: url(images/h1_hero.png);
    background-repeat: no-repeat;
    background-position: center;

}

.minicontainer{
    width: 40%;
    height: 70vh;
    background-color: white;
    border-radius: 17%;
    margin-left: 8%;
    
}

.minicontainer h1{
    color:#423F8D ;
    font-size: 70px;
    line-height: 1.2;
    font-weight: 800;
    text-align: center;
    padding-top: 10%;
}

.minicontainer h2{
    color: #FBCE0F;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 30px;
    text-align: center;
}

.minicontainer button{
   border-radius: 30px;
    background-color:#e83e8c ;
    color: white;
    padding: 13px 43px;
    font-size: 16px;
    font-weight: 600;
    margin-left: 29%;
    
}

.minicontainer button:hover{
    background-color: white;
    color:#e83e8c;
}

.Welcome{
    text-align: center;
    font-size: 45px;
    font-weight: 900;

}

#a{
    color: #423F8D;
}

#b{
    color: #e83e8c;
}

.para{
    color: #423F8D;
    font-size: 18px;
    text-align: center;
}

.sports{
    display: flex;
    justify-content: space-around;
    align-items: center;
    

}

.sportsicon i{
    font-size: 10vh;
    
}

.sportsicon p{
    color: #423F8D;
    margin-left: 23.5%;
}

.schoolsport{
   color: #1F97D4;
   font-size: 29px;
   font-weight: 800 ;

}

.friendly{
    color: #FBCE0F;
     font-size: 29px;
   font-weight: 800 ;
}

.Multimedia{
    color: #12D9DF;
     font-size: 29px;
   font-weight: 800 ;
}


.weoffer{
     text-align: center;
     color: #423F8D;
    font-size: 45px;
    font-weight: 900;
}

.mandiv{
    display: flex;
    justify-content: space-around;

}

.div1{
    border: 1px solid red;
    border: none;
    border-radius: 10%;
    width: 29%;
    height: 79vh;
}

.Intelligent{
    color: #423F8D;
    font-weight: 800;
    margin-left: 5%;
}

.pa{
    color: #423F8D;
    font-size: 17px;
    margin-left: 5%;
}

#smalldiv{
    display: flex;
    justify-content: space-around;
    

}

.f h2{
    color: #e83e8c;

}

.f p{
    color: #423F8D;
}

.g{
    color: #FBCE0F;
}
.g p{
     color: #423F8D;
}

.h{
    color: #12D9DF;
}
.h p{
      color: #423F8D;
}

.Moreclasses{
     border-radius: 30px;
    background-color:#e83e8c ;
    color: white;
    padding: 13px 43px;
    font-size: 16px;
    font-weight: 600;
}

.Moreclasses:hover{
    background-color: white;
    color: #e83e8c;
}

.banar{
    width: 100%;
    height: 113vh;
    background-image: url(images/section_bg2.png);
    background-repeat: no-repeat;
    background-position: center;
}

.minibanar{
    width: 40%;
    height: 70vh;
    background-color: white;
    border-radius: 17%;
    margin-left: 28%;  
    padding: 10px 20px;
}
.jan {

    color: #e83e8c;
    font-size: 18px;
    font-weight: 800;
    text-align: center;
}

.minibanar h2{
     color:#423F8D ;
    font-size: 50px;
    line-height: 1.2;
    font-weight: 800;
    text-align: center;
    /* padding-top: 10%; */
}

.ourset{
    color: #423F8D;
    font-size: 18px;
    text-align: center;

}

.minibanar button{
     border-radius: 30px;
    background-color:#e83e8c ;
    color: white;
    padding: 13px 43px;
    font-size: 16px;
    font-weight: 600;
    margin-left: 34%;
}

.minibanar button:hover{
      background-color: white;
    color:#e83e8c;
}

.last{
    color: #423F8D;
    font-size: 38px;
    font-weight: 800;
    text-align: center;
}

.teacherdiv{
    display: flex;
    justify-content: space-around;

}

.teacher1{
    width: 20%;
    height: 70vh;
    border: 1px solid red;
    border: none;
}

.teacher1 h2{
    color: #423F8D;
    font-size: 23px;
    font-weight: 800;
    text-align: center;
}
.teacher1 h2:hover{
    color: #e83e8c;
}

.teacher1 p{
    color: #423F8D;
    font-size: 18px;
    text-align: center;
}

.lastdiv{
    width: 100%;
    height: 80vh;
    background-image: url(images/section_bg3.png);
    background-repeat: no-repeat;
    background-size: cover;

}

#dot{
    width: 7%;
    height: 75px;
    border-radius: 50%;
    font-size: 50px;
    color: white;
    background-color: #e83e8c;
    margin-top: 10%;
    padding-top: 2%;
    margin-left: 47%;
}

.lastpara{
    color: #423F8D;
    font-size: 19px;
    text-align: center;
}

#images{
    display: flex;
    justify-content: center;
}

footer{
    width: 100%;
    height: 80vh;
    background-color: #423F8D;
}

.footerdiv{
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-top: 8%;
}

.footer1 p{
    color: white;
    font-size: 18px;
}

.footer1  i{
    color: white;
    padding: 10px 10px;
}

.footer1  i:hover{
    color: #e83e8c;
}

.footer2 h2{
    color: white;
    font-weight: 900;
}

.footer2 p{
    color: white;
}

.footer2 p:hover{
    text-decoration: underline white;
}

.footer3 h2{
    color: white;
    font-weight: 900;
}

.footer3 p{
    color: white;
}

.footer3 p:hover{
    text-decoration: underline white;
}

.copy{
  color: white;
  font-size: 18px;
  padding-top: 5%;
  text-align: center;
}

.copy a{
     padding: 12px;
  text-decoration: none;
  color: rgb(255, 255, 255);
  font-size: 16px;
  font-family: cursive;
  border-radius: 7px;
  background-color: #1F97D4;
}



.backgroundimg{
    width: 100%;
    height: 167vh;
    background-image: url(images/section_bg1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

}