/*for scroll down header position-fixed*/
.header{
   
    padding-left: 10%;
    position: fixed;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-right: 9.9%;
    background-color:  #21409a;
    z-index: 10;
    display: none;
    border-bottom: 5px solid #f1f1f1;
    overflow: hidden;
    width: 100%;

 
}



html{
    scroll-behavior: smooth;
}

.header a{
     margin:2%;
    text-decoration: none;
    color: #dadfee;
    font-weight: bold;
    width: 100%;
   
}

/*header without position fixed-static header on page launch*/
.header_one{
   
   
    padding-left: 10%;
    overflow: hidden;
    width: 100%;
    padding-top: 2%;
    padding-bottom: 2%;
    background-color:  #21409a;

    
  

}

.icons{
    padding-left: 85%;
    margin-top: -4%;

    
}

.header_one a{
      margin:2%;
    text-decoration: none;
    color: #dadfee;
    font-weight: bold;
    width: 100%;
 
}

/*Information about EK Madipakkam-below header*/
h1,h2,h3{
 margin-left: 30%;
 font-size: 20px;
 
}

h2{
    line-height: 180%;
}

.tabular{
    padding-top: 3%;
    margin-top: 0.35%;
    background-color: #0084ff;
    color: #fff;
    font-weight: bold;
    display: flexbox;
   
    width: 100%;
}

.second{
    top: -840px; color: #717877;font-weight: lighter; font-size: 25px;margin-left: 10%;
}

/*image below header*/
.imag {
    padding-left: 10%;
   margin-top: 0.35%;
   background-color: #0084ff;
   width: 100%;
}

.pos{
    display: flex;
   width: 100%;

}

.imag a{
    position: relative;
  
}
/*button for Admission*/
.butt{
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-family: 'Proxima Nova lt',Arial,Helvetica,sans-serif;
    padding: 10px 40px;
    margin-left: 30%;
    border-radius: 20px;
    background-color: #005bab;
    line-height: 26px;
    color: #ffffff ;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
   margin-bottom: 3%;
   
    text-align: center;
    transition: all 500ms ease;
    z-index: 1;
    margin-top: 0.4%;
}

.butt a{
    color: #fff;
    text-decoration: none;
}


body {font-family: Arial;}

/* Style the tab */
.tab {
  overflow: hidden;
  background-color: #f1f1f1;

}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 40px 10px;
  transition: 0.3s;
  font-size: 18px;
  color: #21409a;
  opacity: 0.7;
  width: 25%;
}
@-ms-viewport{
    width: device-width;
  }

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #fff;
  border-bottom: 1px solid #21409a;
  opacity: 4;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #fff;
  border-bottom: 1px solid #21409a;
  opacity: 4;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #fff;
  border-top: none;
 
}

/*first tab content*/
.impcon{
    font-size: 40px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bolder;
    color: #2c2d2f;
    text-align: center;
}

.imppara{
    font-size: 25px ;
    color: #717889;
    margin-left: 10%;
    margin-top: 10%;
    margin-right: 5%;
}
.imppara2{
    font-size: 25px ;
    color: #717889;
    margin-top: 10%;
    margin-right: 10%;
   
}
.para{
   width:100%;
}
.left_para{
    float:left; width:50%;
}

.right_para{
    float:right; width:50%; 
}

.tabimg
{
    margin-left: 12%;
    margin-top: 10%;
   
}
.tabimg img{
    width: 85%;
}

.mob_tab{
   margin-top: 10%;
}

.belowimg{
    color: #717877;
    font-weight: 200;
    text-align:center;
    font-size: smaller;
}
/*first tab right side*/
.imaging{
    display: flex;
  font-size: 14px ;
  margin: 1%;  
  }

 

  .imaging p{
      text-align: center;
      padding: 2%;
      color: #717877;
  }
  
/*below tab first left image*/
.pic img{
    margin: 3%;
    border: 1.5rem solid #fff;
    border-radius: 25px;
    position: relative;
    z-index: 2;
   top: -400px;
    left: 4%;
    width: 30%;
    height: auto;
   
  }

.pictu img{
    margin-top: 5%;
    margin-left: 10%;
    border-radius: 25px;
    position: relative;
      left: 5%;
    z-index: 1;
    width: 30%;
    height: auto;
}



.paragraph{
   
    font-size: 20px ;
    color: #717889;
    padding-right: 100px;
    margin-top: 60px;
    margin-left: 760px;
   text-align: justify;
 

}


.head{
    font-size: 40px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bolder;
    color: #2c2d2f;
    text-align: center;
}

.effpic img{
    border: none;
    margin-top: 100px;
}

.paragraph{
    margin-top: -450px;
    font-size: 25px;
    margin-right: 100px;
    
}

.bud{
    margin-left: 88%;
    margin-top: -10%;
}


.exp{
    font-size: 40px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bolder;
    color: #2c2d2f;
    text-align: center;
}

.picture_exp{
    display: flex;
    margin-left: 250px;
   padding: 50px;
   margin-top: -100px;
 
}

.picture_exp img{
    margin: 40px;

}

.picture_exp p{
    text-align: center;
    padding: 25px;
    color: #717877;
}

.picture_exp2{
    display: flex;
    margin-left: 250px;
   padding: 50px;
   margin-top: -150px;
}

.picture_exp2 img{
    margin: 40px;

}


.picture_exp2 p{
    text-align: center;
    padding: 25px;
    color: #717877;

}

.expert_bud{
    margin-left: 80%;
    margin-top: -30%;
}

.last{
    text-align: center;
    padding-left: 100px;
    padding-top: 100px;
    padding-right: 100px;
    color: #717877;
    font-size: 25px;
    
}

.last_1{
    text-align: justify;
    padding-left: 100px;
    padding-top: 100px;
    padding-right: 200px;
    color: #717877;
    font-size: 25px;
    margin-left: 600px;
    margin-top: -550px;
}

.mob_tab img{

    margin-left: 70%;
    margin-top: -10%;

}

.budd{
    margin-top: -4%;
    margin-left: 10%;
}

.eurokidshead{
    position: relative;
    font-size: 30px ;
    color: #21409a;
    font-weight: bolder;
  top: -1000px;
   margin-left: 50%;
 
}

.subhead p{
    position: relative;
    font-size: 20px ;
    color: #717877;
    font-weight: bold;
  top: -980px;
   margin-left: 50%;
}
.ek_para p{
    font-size: 20px ;
    color: #717877;
  margin-right: 10%;
   margin-left: 50%;
   margin-top: 5%;
   text-align: justify;
   font-family: Arial;
   font-weight: lighter;
   top: -1000px;
   position: relative;

 
}

.best p{
    position: relative;
    font-size: 30px ;
    color: #21409a;
    font-weight: bolder;
    top: -850px;
   margin-left: 10%;
}

.best_para p{
    font-size: 20px ;
    color: #717877;
    position: relative;
    top:-820px;
   text-align: justify;
   font-family: Arial;
   font-weight: lighter;
   margin-right: 10%;
   margin-left: 10%;
}

.why p{
    position: relative;
    font-size: 30px ;
    color: #21409a;
    font-weight: bolder;
    top: -800px;
   margin-left: 10%;
 
   
}


.why_para p{
    font-size: 20px ;
    color: #717877;
    position: relative;
   top:-780px;
   margin-right: 10%;
   text-align: justify;
   font-family: Arial;
   font-weight: lighter;
    margin-left:10% ;
}


.about p{
    position: relative;
    font-size: 30px ;
    color: #21409a;
    font-weight: bolder;
  top: -750px;
   margin-left: 10%;

}

.about_para p{
    font-size: 20px ;
    color: #717877;
    position: relative;
   top:-750px;
   text-align: justify;
   font-family: Arial;
   font-weight: lighter;
   margin-right: 10%;
}


.man{
    position: relative;
    top: -550px;
    margin-left: 20%;
   
}

.man img{
    border: 1.5rem solid #2c3d6c;
    border-radius: 6.5rem;
    width: 15%;
    height: auto;
      }


.yel img{
   position: relative;
   top:-580px;
  margin-left: 21%;
  width: 10%;
      }

.maname p{
   position: relative;
   background-color:#fff200;
   top:-640px;
   width: 8%;
   margin-left: 22%;
   font-weight: bolder;
   font-size: x-large;
   font-family: Georgia, 'Times New Roman', Times, serif;
   
}
.name{
    text-align: center;
}



.partner{
    position: relative;
    top: -1000px;
    margin-left: 10%;
    font-weight: bolder;
    font-size: 35px;
    color: #2c3d6c;
}


.part{
   position: relative;
   top: -950px;
   margin-left: 40%;
   text-align: justify;
   font-size: 20px;
   color: #717877;
   margin-right: 10%;
  }



.man:hover .maniimage{
    opacity: 0.8;
    transform: scale(1.01);
}




.preschool{
    position: relative;
    top: -900px;
    margin-left: 10%;
    font-weight: bolder;
    font-size: 35px;
    color: #2c3d6c;

}

.preschool p{
    width: 50%;
}

.prepara{
    position: relative;
    top: -900px;
    margin-left: 10%;
    margin-right: 10%;
    font-weight: lighter;
    font-size: 20px;
    color: #717877;
    text-align: justify;
    margin-top: 1%;
}

.prog img{
    position: relative;
    top: -900px;
    margin-left: 10%;
    width: 25%;
    height: auto;
    margin-top: 1%;

}


.pro p{
    position: relative;
    top: -1150px;
    margin-top: 2%;
    margin-left: 40%;
    font-weight: bolder;
    font-size: 25px;
    color: #2c3d6c;
}

.propara li{
    position: relative;
    top: -1150px;
    margin-left: 40%;
    margin-right: 10%;
    font-weight: lighter;
    font-size: 20px;
    color: #717877;
    text-align: justify;

    
}

.class_pg {
    
    position: relative;
    top: -500px;
    margin-left: 10%;
}

.pg{
    top: -500px;
    position: relative;
    border: 1rem solid #fff;
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
    width: 22%;
}
.nur{
    top: -500px;
    position: relative;
    border: 1rem solid #fff;
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
    width: 28%;
}
.ej{
    top: -500px;
    position: relative;
    border: 1rem solid #fff;
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
    width: 40%;
}

.es{
    top: -500px;
    position: relative;
    border: 1rem solid #fff;
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
    width: 66%;
}


.group{
    position: relative;
    top: -520px;
    margin-right: 79.2%;
    color: #717877;
    text-align: left;
    margin-left: 1.10%;
    border: 0.1rem solid #717889;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px ;
    border-top: none;
       
}

.group a{
    margin-left: 20%;font-weight:900; font-size: larger;
}

.group li{
   
    color: #717877;
    text-align: left;
    margin: 6%;
    
}


.age_pg{
    position: relative;
    top: -550px;
   margin-left: 2%;
    background-color: #0c235a;
    color: #fff;
    border: 0.5rem solid #0c235a ;
    border-inline-start-color: #fff;
    border-inline-end-color: #fff;
    width: 17%;
    height: auto;
    text-align: center;
}

.class_nur {
    position: relative;
    top: -1170px;
    margin-left: 30%;
}

.group_nur{
    position: relative;
    top: -520px;
    margin-left: 1.6%;
    margin-right: 73.5%;
    color: #717877;
    text-align: left;
  
    border: 0.1rem solid #717889;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px ;
    border-top: none;
}

.group_nur a{
    margin-left: 20%;font-weight:900;
}

.group_nur li{
  
    color: #717877;
    text-align: left;
    margin: 5%;
    padding-bottom: 13%;
}


.age_nur{
    position: relative;
    top: -550px;
    margin-left: 3.2%;
    background-color: #0c235a;
    color: #fff;
    border: 0.5rem solid #0c235a ;
    border-inline-start-color: #fff;
    border-inline-end-color: #fff;
    width: 22%;
    height: auto;
    text-align: center;
}
.class_ej {
    position: relative;
   top: -1840px;
   margin-left: 50%;
}

.group_ej{
    position: relative;
    top: -520px;
    margin-left: 2%;
    margin-right: 62.2%;
    color: #717877;
    text-align: left;
 
    border: 0.1rem solid #717889;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px ;
    border-top: none;
       
}

.group_ej a{
    margin-left: 10%;font-weight:900;
}

.group_ej li{
  
    color: #717877;
    text-align: left;
    margin: 6%;
    padding-bottom: 13.3%
    
}


.age_ej{
    position: relative;
    top: -550px;
    margin-left: 4%;
    background-color: #0c235a;
    color: #fff;
    border: 0.5rem solid #0c235a ;
    border-inline-start-color: #fff;
    border-inline-end-color: #fff;
    width: 32%;
    height: auto;
    text-align: center;
}

.class_es {
    position: relative;
   top: -2510px;
   margin-left: 70%;
  
}

.group_es{
    position: relative;
    top: -515px;
    margin-left: 3.2%;
    margin-right: 37%;   
    color: #717877;
    text-align: left;    
    border: 0.1rem solid #717889;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px ;
    border-top: none;
       
}

.group_es a{
    margin-left: 10%;font-weight:900;
}

.group_es li{
  
    color: #717877;
    text-align: left;
    margin: 6%;
    padding-bottom: 10%;
    
    
}

.age_es{
    position: relative;
    top: -544px;
    margin-left: 8%;
    background-color: #0c235a;
    color: #fff;
    border: 0.5rem solid #0c235a ;
    border-inline-start-color: #fff;
    border-inline-end-color: #fff;
    width: 50%;
    height: auto;
    text-align: center;
}


.age_es:hover,.age_ej:hover,.age_nur:hover,.age_pg:hover {
    opacity: 0.9;
    transform: scale(1.01);
}
.class_ej li:hover,.class_nur li:hover,.class_pg li:hover,.class_es li:hover  {
   opacity: 0.8;
   transform: scale(1.01);
   
  }

  .group_es a:hover,.group_ej a:hover,.group_nur a:hover,.group a:hover{
    opacity: 0.8;
    transform: scale(1.01);
  }

  .class_es img:hover,.class_ej img:hover,.class_pg img:hover,.class_nur img:hover {
    opacity: 0.8;
    transform: scale(1.01);
 
  }





.footer_five{
    position: relative;
    top: 1000px;
    height: 150vh;
}
  .euonia {
   position: relative;
   top: -1900px;
   margin-left: 10%;
   color: #0c235a;
   font-size: 30px;
   font-weight: 800;
  }

  .euonia_para {
      position: relative;
      margin-top: 2%;
      top:-1900px;
      margin-left: 10%;
      margin-right: 10%;
      text-align: justify;
       color: #717877;
      font-size: 20px;
  }


  .video {
      position: relative;
      top: -1940px;
     margin-left: 5%;
     margin-top: 3%;
         
  }

 .less{
      position: relative;
      top: -2280px;
      margin-left: 50%;
      margin-top: 1%;
      }

.less a{
    margin: 1%;
}
  
.less_down{
    position: relative;
    top: -2230px;
   margin-left: 50%;
}

.less_down a{
    margin: 1%;

}

.hide_eurofit{
    display: none;
    position: relative;
    top: -2560px;
   margin-left: 50%;
   margin-right: 10%;
    font-size: 20px;
    color: #fff;
    text-align: justify;
    background-color: #0c235a;
    padding: 3%;
 
}

.hide_eurofit a{
    margin-left: 35%;  
}
.hide_eurofit img{
    margin-bottom: 2%;
}

.eurofit:hover,.yoga:hover,.euromusic:hover,.mindful:hover {
    opacity: 0.4;

    cursor: pointer;
  }

  .euphonics:hover,.mathlab:hover,.science:hover{
    opacity: 0.4;

    cursor: pointer;
  }

 .cross {
     position: relative;
     top: -270px;
     padding-left: 60%;
     cursor: pointer;
  
 }

 .hide_yoga{
    display: none;
    position: relative;
    top: -2560px;
    margin-left: 50%;
    margin-right: 10%;
    font-size: 20px;

    color: #fff;
    text-align: justify;
    background-color: #0c235a;
    padding: 4%;

}

.hide_yoga a{
    margin-left: 35%;
    
}
.hide_yoga img{
    margin-bottom: 2%;
}

.crossone {
    position: relative;
    top: -270px;
    padding-left: 60%;
    cursor: pointer;
}


.hide_music{
    display: none;
    position: relative;
    top: -2560px;
   margin-left: 50%;
   margin-right: 10%;
    font-size: 20px;
    color: #fff;
    text-align: justify;
    background-color: #0c235a;
    padding: 40px;
}

.hide_music a{
    margin-left: 35%;
    
}
.hide_music img{
    margin-bottom: 2%;
}

.crosstwo {
    position: relative;
    top: -270px;
     padding-left: 60%;
    cursor: pointer;
}


.hide_mind{
    display: none;
    position: relative;
    top: -2560px;
   margin-left: 50%;
   margin-right: 10%;
    font-size: 20px;
    color: #fff;
    text-align: justify;
    background-color: #0c235a;
    padding: 40px;
  
}

.hide_mind a{
    margin-left: 35%;
    
}
.hide_mind img{
    margin-bottom: 2%;
}

.crossthree {
    position: relative;
    top: -270px;
     padding-left: 60%;
    cursor: pointer;
}


.hide_euph{
    display: none;
    position: relative;
    top: -2560px;
   margin-left: 50%;
   margin-right: 10%;
    font-size: 20px;
    color: #fff;
    text-align: justify;
    background-color: #0c235a;
    padding: 60px;
   
  
}

.hide_euph a{
    margin-left: 35%;
   
}
.hide_euph img{
    margin-bottom: 2%;

}

.crossfour {
    position: relative;
    top: -220px;
    padding-left: 60%;
    cursor: pointer;
}

.hide_math{
    display: none;
    position: relative;
    top: -2560px;
   margin-left: 50%;
   margin-right: 10%;
    font-size: 20px;
    color: #fff;
    text-align: justify;
    background-color: #0c235a;
    padding: 40px;
  
}

.hide_math a{
    margin-left: 35%;
    
}
.hide_math img{
    margin-bottom: 2%;
}

.crossfive {
    position: relative;
    top: -270px;
     padding-left: 60%;
    cursor: pointer;
}

.hide_sci{
    display: none;
    position: relative;
    top: -2560px;
   margin-left: 50%;
   margin-right: 10%;
    font-size: 20px;
    color: #fff;
    text-align: justify;
    background-color: #0c235a;
    padding: 4%;
  
}

.hide_sci a{
    margin-left: 35%;
    
}
.hide_sci img{
    margin-bottom: 2%;
}

.crosssix {
    position: relative;
    top: -220px;
    padding-left: 60%;
    cursor: pointer;
}


.topic{
    font-weight: 800;
    font-size: 27px;
    color: #0c235a;
    position: relative;
    top: -3100px;
   margin-left: 10%;

}

.buddy_para{
    position: relative;
    top:-3100px;
    margin-left: 10%;
    margin-right: 10%;
    text-align: justify;
     color: #717877;
    font-size: 20px;
}
.footer_six{
    position: relative;
    top: 1900px;
    width: 100%;
}



.footer_seven{

    position: relative;
    top: -3950px;
    margin-left: 20%;
    margin-right: 10%;
    width: 50%;
   
    
}
.mySlides {
    display:none;
    border:3rem solid #0c235a;
    margin-left: 10%;
    border-radius: 80px;
     
}

.footer_eight{
    position: relative;
    top: 1200px;
    height: 50vh;
}

.gals{
    position: relative;
    top:1000px;
}

.test{
    position: relative;
    top: 3000px;
}
.w3-button:hover{
    color:#000!important;
    background-color:#ccc!important
}

.w3-button{
    border:none;
    display:inline-block;
    padding:8px 16px;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:none;
    color:inherit;
    background-color:inherit;
    text-align:center;
    cursor:pointer;
    white-space:nowrap
}

    
   

    .w3-display-left{
        position:absolute; 
        top:50%;
        left:15%;
        transform:translate(0%,-50%);
        -ms-transform:translate(-0%,-50%)
    }

    .w3-display-right{
        position:absolute;
        top:50%;right:-5%;
        transform:translate(0%,-50%);
        -ms-transform:translate(0%,-50%)
    }
    .w3-center
    {
        text-align:center;
       margin-left: -20%;
        font-size: 30px;
        color: #0c235a;
        font-weight: 800;
        display:inline-block;
        width:auto;
        padding-bottom: 5%;

    }



.testimony p{
    margin-bottom: 10%;
    margin-left: 10%;
    font-size: 30px;
    color: #0c235a;
    font-weight: 800;
}

   
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 50%;
  position: relative;

  margin: auto;
}
.slide_content{
    display: flex;
    margin-left: 6%;
}
.slide_content p{
 margin-left: 10%;
 top: -2670px;

}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  position: relative;
  top: -4500px;
  transition: background-color 0.6s ease;
 display: none;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 10s;
  animation-name: fade;
  animation-duration: 10s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
   
.budstab{
    top: -3100px;
    position: relative;
}
    
/* Style the tab */
.tab_one {
    overflow: hidden;
    border: 2px solid #ff9800;
    background-color: #ff9800;
    color: #fff;
    font-weight: 700;
     
    margin-left: 28.8%;
    width: 45.74%;
    position: relative;
    top: 450px;
  }
  
  /* Style the buttons inside the tab */
  .tab_one button {
    background-color: inherit;
    color: #fff;
    margin:2%;
   
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 1%;
    transition: 0.3s;
    font-size: 17px;
  }
  
  /* Change background color of buttons on hover */
  .tab_one button:hover {
    background-color: #00cdff;
    color: #fff;
    font-weight: 700;
  }


  
  /* Create an active/current tablink class */
  .tab_one button.active {
    background-color:  #624098;
    color: #fff;
    font-weight: 700;
  }
  
  /* Style the tab content */
  .tab_onecontent {
 width: auto;
   margin-left: 28%;
   display: none;
    padding: 6px 12px;
     border-top: none;
  }


  .tab_onecontent img{
    width:65%;
    height:auto;
    border: 2rem solid #ff9800; border-radius: 2rem;
  }
.arrange{
    display: flex;
}

  .enquire{
    margin-left: 10%;
    font-size: 30px;
  color: #0c235a;
  font-weight: 800;
  text-align: left;
  }

  .loc{
      margin-left: 10%;
      font-size: 23px;
      color: #2c2d2f;
      font-weight: 800;
      margin-top: 5%;
  }

  .loc_add{
    margin-left: 10%;
    font-size: 18px;
    color: #2c2d2f;
   
  }

  .phone{
    margin-left: 10%;
    font-size: 20px;
    color: #2c2d2f;
    font-weight: 800;
   
  }

  .phone_number{
    margin-left: 10%;
    font-size: 18px;
    color: #2c2d2f;
  }

  .email{
    margin-left: 10%;
    font-size: 20px;
    color: #2c2d2f;
    font-weight: 800;
 
  }

  .email_para{
    margin-left: 10%;
    font-size: 18px;
    color: #2c2d2f;
  }

  .fb{
      margin-left: 10%;
      
  }

  .yt{
      margin-left: 12%;
      position: relative;
      top: -30px;
  }
    .tw{
    
    margin-left: 16%;
    position: relative;
    top: -60px;
}
  .enquiry{
      margin-left: 30%;
      min-height: 100hv;
  }

  .content{
      position: relative;
      top: -450px;
      width: 50%;
      margin-left: 50%;

      
  }
  .footer_seven{
    height: 20vh;
    position: relative;
    top: -2000px;
  }
  .footer_eight{
      position: relative;
      top: -3200px;
      height: 20vh;
  }
.footer_nine{
    position: relative;
    top: 300px;
    height: 50vh;
  
}
  .inputenter{
    
     margin-top: 6%;
    margin-bottom: 6%;
  }

.ent{
    background-color: #624098;
    border: 2rem solid #624098;
    border-color: #624098;
    border-radius: 2rem;
}
 
  .buttonsub
  {
      
      width: 40%;
      border-radius: 1rem;
      padding: 1.5%;
      color: #fff;
      background-color: #e31945;
      border: none;
      cursor: pointer;
      margin-right: 6%;
      margin-left: 30%;
      margin-top: 4%;
      padding-right: 8%;
      padding-left: 7%;
      height: 2%;
      font-weight: bold;
      
  }
.map_head{
  
   padding-top: 5%;
    margin-left: 0%;
    font-size: 30px;
    color: #0c235a;
    font-weight: 800;
    text-align: center;
    color: #fff;
}
  .map{
      width: 50%;
  
      margin-left: 25%;
        margin-top: 5%;
      position: relative;
    
     border: solid;
    
height: 36.5vh;
  }

 .footer_ten{
    position: relative;
   top: 900px;    

height: 72vh;
background-color: #21409a;
color: #fff;
 }

.footer{
    clear: both;
    height: 20vh;
 
   
}


.sticky img {

    position: fixed;
    top: 180px;
    left:90%;
    width: 10%;
    z-index: 10;
    border-radius: 2rem;
    cursor: pointer;
  }

.sticky img:hover{
    border: 2px solid #fff;
    border-radius: 6.5rem;
    opacity: 4;
    transform: scale(1.01);
}

.sticky_one img {

    position: fixed;
    top: 60%;
    left:93%;
    z-index: 10;
    cursor: pointer;
    width: 6%;
    height: 25%;
  }

.sticky_one img:hover{
    opacity: 4;
    transform: scale(1.1);
}

#myBtn {

    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: red;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 3rem;
    opacity: 0.8;
  }
  
  #myBtn:hover {
    background-color: #555;
  }


   /* Style the tab */
.tabforclasses {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 100%;
  }
  
  /* Style the buttons inside the tab */
  .tabforclasses button {
      width: 25%;
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    opacity: 0.7;
  }
  
  /* Change background color of buttons on hover */
  .tabforclasses button:hover {
    background-color: #ddd;
    border-bottom: 1px solid #21409a;
    opacity: 4;
  }
  
  /* Create an active/current tablink class */
  .tabforclasses button.active {
    background-color: #ccc;
    border-bottom: 1px solid #21409a;
    opacity: 4;
  }
  
  /* Style the tab content */
  .tabcontentforclasses {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
  }
 

  .tabcontentforclasses h3{
      font-weight: 800;
      font-size: 35px;
      margin-left: 45%;
      margin-top: 2%;
  }

  .tabcontentforclasses a{
      position: relative;
      top: 100px;
      margin-left: 10%;
     
    
  }
.group_one li{
    
    margin-left: 40%;
    font-size: large;
  color: #717171;
    margin-top: 1%;
 
}
.footer_four{
    position: relative;
    top: -1000px;
    height: 100vh;
}

.tabcontentforclasses ul{
    margin-top: -10%;
}

.pg_one img{
    border-radius: 2rem;
    width: 20%;
}


.age_pg_one{
    margin-bottom: 5%;
    margin-left: 40%;
    margin-top: -5%;
    font-weight: 600;
    font-size: 20px;
}

.age_pg_one:hover{
   opacity: 0.7;
}

.tabcontentforclasses h3{
    margin-top: 1%;
}

.img_pg img{
    margin-left: 70%;
    margin-top: -25%;
}


.age_nur_one{
    margin-bottom: 5%;
    margin-left: 40%;
    margin-top: -5%;
    font-weight: 600;
    font-size: 20px;
}

.age_nur_one:hover{
   opacity: 0.7;
}

.tabcontentforclasses h3{
    margin-top: 1%;
}

.img_nur img{
    margin-left: 70%;
    margin-top: -20%;
}


.group_two li{
    
    margin-left: 40%;
    font-size: large;
  color: #717171;
    margin-top: 1%;
 
}

.nur_one img{
    border-radius: 2rem;
    width: 20%;
}




.age_ej_one{
    margin-bottom: 5%;
    margin-left: 40%;
    margin-top: -5%;
    font-weight: 600;
    font-size: 20px;
}

.age_ej_one:hover{
   opacity: 0.7;
}



.img_ej img{
    margin-left: 70%;
    margin-top: -5%;
    width: 30%;
}


.group_three li{
    
    margin-left: 40%;
    font-size: large;
  color: #717171;
    margin-top: 1%;
 
}

.ej_one img{
    border-radius: 2rem;
    width: 20%;
}



/*es*/



.age_es_one{
    margin-bottom: 5%;
    margin-left: 40%;
    margin-top: -5%;
    font-weight: 600;
    font-size: 20px;
}

.age_es_one:hover{
   opacity: 0.7;
}



.img_es img{
    margin-left: 70%;
    margin-top: -10%;
    width: 30%;
}


.group_four li{
    
    margin-left: 40%;
    font-size: large;
  color: #717171;
    margin-top: 1%;
 
}

.es_one img{
    border-radius: 2rem;
    width: 20%;
}

.resonline img{
    width: 40%;
}


.youtube_pic {
    width:40%;
      margin-left: 5%;margin-top: 4%;
       border: 2rem solid #66ccce;
        border-radius: 2rem;

}

.youtube_pic img{
    width: 100%;
}

.reveal{
    position: relative;
    transform: translateY(100px);
    opacity: 0;
    background-color: #ffffff;
    transition: 0.75s all ease;
  }
  
  .reveal.active{
    transform: translateY(0);
    opacity: 1;
  }