*{
      margin: 0px;
      padding: 0px;
      box-sizing: border-box;
      text-decoration: none;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.logo{
      margin-left:5px;
      /* padding-left: 5px; */
      width:17rem;
      height: 55px;
      background: transparent;
}

.res-fluid{
      max-width: 100%;
      height: auto;
}

.classroom-img, .onlinStudent-img{
      overflow: hidden;
}

.transitive {
    /* opacity: 0;
    transition: opacity 0.5s; */
}

.transitive.visible {
    opacity: 1;
    /* display: block; */
}

.visible {
    /* visibility: visible !important; */
}


.phone-gmail{
      display: flex;
      /* gap: 50rem; */
      align-items: center;
      justify-content: space-between;
      padding: 2px 20px 2px 20px;
      /* background-color: #034c54; */
      background-color: #353866;
      color: #AEAEAE; 
      height: 40px;
      font-weight: 700;
      /* background-color: #07332a; */
      /* background-color: #2036b8; */
}
.no{
      display: flex;
      align-items: center;
      gap: 1rem;
}
.no a{
      display: flex;
      align-items: center;
      gap:0.1rem;
      font-weight: 700;
      color:#AEAEAE;
}
.ml{
      display: flex;
      align-items: center;
      justify-content:flex-end;
      gap:2rem;      

}
.ml a{
      display: flex;
      align-items: center;
      justify-content:flex-end;
      gap:8px; 
      font-size: 14px;  
      font-weight: 600;
      color:#AEAEAE;
}


.career a{
      font-size: 18px;
      font-weight: 700;

      /* background-color:rgba(220, 80, 20, 0.988); */
       /* background-color:rgba(255, 0, 0, 0.3); */

}


.p-gmail{
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 2px 20px 2px 20px;
      background-color: #353866;
      height: 40px;
      display: none;
}

#menu-bar{
      display: none;
}

.toogle-btn span{
  background-color: black; 
  width:4vh;
  height: 0.6vh; 
  margin: 0.4vh;
  display: none;
  cursor: pointer;
  /* right:20px; */
  box-sizing: border-box;
  

}
.abc{
      text-align: right;
      right: 0%;
}

header .navbar ul li:hover{
transition: all 59s ease-in-out 59s;
}

.toogle-btn span:hover{
      padding: 3px;
      /* transform: scale(1.5%); */
}
/* .toogle-btn{
       display: flex;
      flex-direction: column;
      align-items: flex-end; 
      margin-right: -189px;

      float: right;
} */


 header label{
      /* font-size: 20px; */
      /* color:black; */
      /* cursor: pointer; */
      /* display: none; */
      /* margin: auto; */
} 

body{
      min-height: 100vh;
      background:url();
      background-size: cover;
      background-position: center;
      /* background-color: #0c75a0; */
}
header{
      /* position: sticky; */
      top: 0;
      left: 0;
      right: 0;
      /* box-shadow: 0 5px 10px rgba(0,0,0,0.1); */
      background:linear-gradient(to bottom, rgba(16, 140, 197, 1) 0%, rgba(7, 101, 144, 1) 100%) !important;
      /* box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px; */
      padding: 20px 0 20px 8px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      /* gap: 1rem; */
      z-index: 1000;
      box-sizing: border-box;

}


/* header .logo{
      font-weight: bolder;
      font-size: 25px;
      color:#333;
} */

header .navbar ul{
      list-style: none;
      display: flex;
      align-items: center;
}

header .navbar ul>li:hover>ul{
      border-top: 5px solid cyan;
}



 header .navbar ul li{
      position: relative;
      float: left;
      
} 
/*  header about us courese admission */
header .navbar ul li a{
      font-size: 16px;
      /* color:#202020; */
      font-family:poppins, sans-serif;
      font-weight: 600;
      padding: 14px;
      display:block;
      border-right: 1px solid #ffffff26;
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.2) 0px 8px 16px -8px;

}





nav ul li a:hover{
      /* color:cyan; */
      /* border-radius: 5px; */
      /* background: #333; */
      /* box-shadow: 0 0 5px #33ffff,0 0 5px #66ffff; */
   }  


   nav ul ul li a:hover{
      box-shadow: none; 
       /* color:#33ffff;  */
 
       /* padding:5px;  */
   }  




header .navbar ul li a:hover{
      /* background: #333; */
      /* color:#fff; */
} 

.tel{
      color:#551a8b;
}
.tel:hover{
      color:purple;
}

/*  navbar color change */



nav ul li a{
     color: #ffffff;
}

nav ul ul li{
      /* background-color: #9c7901; */
      background-color: #970113;
      /* background: linear-gradient(180deg, #ffcd31 0, #ff9b02 100%) no-repeat padding-box; */
      z-index: 99;
}

nav ul ul li a:hover{
      color:#33ffff;
}

nav ul ul ul ul li{
      color:white;
}

nav ul li a:hover{
      color:cyan;
      border-radius: 5px;
      box-shadow: 0 0 5px #33ffff,0 0 5px #66ffff;
   }  

   nav ul ul ul ul li{
      background-color: #0c75a0;

       /* rgb(118 155 153); */
   }

   nav ul ul ul li{
      /* background-color: #1d4ed8; */
      background-color: #ffb015;
   }

   nav ul ul li{
      border-bottom: 1px solid whitesmoke;
      box-shadow: 0 0 5px whitesmoke,0 0 5px #f2f2f2;                    

}

   header label{
      /* color:aqua; */
   }

/*  navbar color change  End------------------------------------- */


/* 1st child */
header.navbar ul{
      /* background: #1b1b1b; */

}

header .navbar ul li ul{
      position: absolute;
      font-weight: 400;
      clear: both;
      font-size: 14px;
      font-family: sans-serif;
      left: 0;
      width:200px;
      /* color: rgb(57, 66, 68); */
      /* background: #ededed; */
      /* background: red; */
      display: none;
}

       header .navbar ul li ul li{
      color: rgb(57, 66, 68);
      font-size: 14px;
      width:200px;
      border-top: 1px solid rgba(0,0,0,0.1);
      font-weight: 400px;
      /* background: yellow; */
}


header .navbar ul li ul li ul{
      left: 200px;
      top:0;
      font-size: 14px;
      font-weight: 400px;
      /* background: pink; */
}

header .navbar ul li:focus-within > ul,
header .navbar ul li:hover > ul{
  display: initial;
} 

.chinesea{
      background-color:rgb(118 155 153);
}
.science-subclass{
      background-color:rgb(118 155 153);
}

.common{
      display: flex;
      align-items: center;
      color:red;
      gap: 0.5rem;
      margin-top: 1rem;
}



      .slider {
            z-index: -1;
            position: relative;
            width: 100%;
            height: 400px;
            overflow: hidden;
          }
          .slider img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 400px;
            opacity: 0;
            transition: opacity 1s ease-in-out;
          }
          .slider img.active{
            opacity: 1;
          }
     .demo{
      display: flex;
      align-items: center;
      justify-content: center;
      position:fixed;
      writing-mode: vertical-lr;
      text-orientation: upright;
      background-color: #2ec4b6;
      color: #ffffff;
      padding: 1%;
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;
      border: 6px  solid #ffffff;
      border-left: 0;
      box-sizing: border-box;
      z-index: 990;
      margin-top: 12%;
     }
      .marquee{
            font-size: 30px;
            font-weight: 800;
            flex-wrap: wrap;
            padding:5px 200px;
            color:crimson;
            border-radius: 15px;
            /* box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px; */
      }
      .marq{
            display: none;
            text-align: center;
            font-size: 20px;
            font-weight: 400;
            padding:5px;
            color:crimson;
            border-radius: 15px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;
      }
      
      .call a{
            text-decoration: none;
            list-style: none;
            font-size: 25px;
            font-weight: 800;
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
      }
      

/* form CSS Start */

.form-wrapper {
      padding: 20px;
      box-sizing: border-box;
}
.form-wrapper h1{
 color: #efca08;
 margin-bottom: 10px;
}

.form-group {
      width: 70%;
      margin: auto;
      box-shadow: 13px 13px 20px #cbced1,
            -13px -13px 20px #ffffff;
      background-color: #EDEDED;
      padding: 50px;

}

.form-control {
      width: 100%;
      padding: 14px;
      margin: 13px;
      box-shadow: inset 8px 8px 8px #cbced1,
            inset -8px -8px 8px #ffffff;
      box-sizing: border-box;
      border: none;
      font-size: 20px;
      font-weight: 500;
}

.submit-btn {
      text-align: center;
      background: #0a58ca;
      width: 100%;
      padding: 7px;
      font-weight: 700;
      margin: 15px;
      color: #ffff;
      /* box-shadow: rgb(85, 91, 255) 0px 0px 0px 3px, rgb(31, 193, 27) 0px 0px 0px 6px, rgb(255, 217, 19) 0px 0px 0px 9px, rgb(255, 156, 85) 0px 0px 0px 12px, rgb(255, 85, 85) 0px 0px 0px 15px; */
      font-size: 30px;
      border: none;
}

@media(max-width:600px){
      .form-group{
            width: 90%;
      }
}

@media(max-width:368px) {
      .form-group {
            padding: 25px;
      }
      .form-wrapper{
                  padding: 0;
       }
}

/* form CSS End */


/* .container{
      display: flex;
      flex-wrap: wrap;
}

.image-1{
      display: flex;
      flex: 50%;
      width: 75%;
      justify-content: center;
      height: 27rem;
      padding: 3rem; 
      
      border-radius: 0 0 17px 17px;
}

.image-1:hover{
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;
      transition: 0.2s ease-in;
}

.image-2{
      display: flex;
      flex: 50%;
      width: 75%;
      height: 27rem;
      padding: 3rem;
      justify-content: center;
      border-radius: 0 0 17px 17px;
} 
.image-2:hover{
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;
      transition: 0.2s ease-in;  
}

.container-1{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
}

.img-3{
      display: flex;
      flex: 50%;
      width:75%;
      justify-content: center;
      height: 27rem;
      padding: 3rem;
      border-radius: 0 0 17px 17px;
}
.img-3:hover{
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;
      transition: 0.2s ease-in;  
}

.img-4{
      display: flex;
      flex: 50%;
      justify-content: center;
      width: 75%;
      height: 27rem;
      padding: 3rem;
      border-radius: 0 0 17px 17px;
} 
.img-4:hover{
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;
      transition: 0.2s ease-in;  
}

.container-2{
      display: flex;
      flex-wrap: wrap;
      padding-top: 1.5rem;
}

.img-5{
      display: flex;
      flex: 50%;
      justify-content: center;
      width:75%;
      height: 27rem;
      padding: 3rem;
      border-radius: 0 0 17px 17px;

}
 .img-5:hover{
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;
      transition: 0.2s ease-in;  
} 

.img-6{
      display: flex;
      flex: 50%;
      justify-content: center;
      width: 75%;
      height: 27rem;
      padding: 3rem;
      border-radius: 0 0 17px 17px;
} 

 .img-6:hover{
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;
      transition: 0.2s ease-in;  
} */


/* -------------------------------------  Adding content fron initial ----------------------------------- */
.programs{

      display: flex;
      justify-content:center;
      align-items: center;
      background: #353866;
      padding: 2rem;
      flex-wrap:wrap;
      /* margin: 2rem; */
      border-radius: 17px;
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;

      
}

.align{
      display: flex;
      z-index: 999;
      justify-content:center;
      align-items: center;
      padding: 1rem ;
      margin:-2%  auto 1% auto;
      /* margin-top:-5%; */
      line-height: 45px;
      flex-wrap:wrap;
      width:80%;
      /* box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px; */
      color:#ffffff;
      background: linear-gradient( 120deg, #353866 70%, #2ec3b5 30%);
      /* background: linear-gradient(120deg, rgba(255,25,255,0.9) 70%, transparent 30%); */

      font-size: 18px;
      font-weight: 700;
      /* word-spacing: 8px; */

}

.align h5{
      font-size: 28px;
}


.special-assitance{
      font-size: 25px;
      font-weight: 800;
      padding: 25px;
      margin: auto;
      text-align: center;
      border: 3px solid crimson;
      border-radius: 15px;
      width: 400px;
      color:#202020;
      line-height: 55px;
      opacity: 0.9;
      background-color: #f5f5f5;
      /* background: linear-gradient( -45deg, #019a00, #01099c,crimson,brown,#bc0103,   #9c7901 ); */
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;
      z-index: 999;
      box-sizing: border-box;

}


.pcai{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      box-shadow: none; 
}


.ask{
      display: flex;
      padding-top: 35px;
}
      /* line-height: 30px; */
      /* margin: 2px 35px; */

      /* background: red; */
/* } */
 /* .pcai  p{ */
      /* font-size: 16px; */
      /* color: #ffffff; */
      /* line-height: 25px; */
      /* padding: 0px 3rem; */
      /* margin: ; */
   


.classroom-container{
      max-width: 1140px;
      padding: 1px 20px;
   display: flex;
   justify-content: space-around;
   background-color: #ffffff;
   /* flex-wrap: wrap; */
   align-items: center;
   margin: 8% auto;


}

.classroom-img{
      /* flex: 35%; */
      margin-top: 50px;
     box-sizing: border-box;
}
.imgCss{
      /* width: clamp(300px, 500, 700px); */
      /* width: 370px; */
      display: flex;
      align-items: center;
      justify-content: center;
      /* height: 320px; */
}

.classroom-tut{
      flex: 65%;
      /* height:340px; */
      align-items: center;
      /* padding: 10px; */
      /* gap: 5px; */
      /* box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px; */
      /* background-color: #0c75a0; */
      align-items: center;
      line-height: 2rem;
      color:#72738A;
      font-size: 18px;
      font-family: poppins;
      font-weight: 400;
      margin-top: 5px;
      box-sizing: border-box;
      padding-right: 40px;
}

.classroom-tut h3{
      font-weight: 700;
      font-size: 30px;
      color:#202020;
      padding-bottom: 10px;
      text-align: center;
}

.classroom-tut h2{
      font-weight: 700;
      font-size: 35px;
      color:#2EC4B6;
      padding-bottom: 10px;
      text-align: center;
}


.online-container{
      max-width: 1140px;
      padding: 0 20px;
      display: flex;
      align-items: center;
      justify-content: space-around;
      background-color: #ffffff;
      /* flex-wrap: wrap; */
      align-items: center;
      margin: 8% auto;
   
}

.onlineStudent-img{
      flex: 40%;
      margin-top: 50px;
     box-sizing: border-box;

      /* box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px; */
      /* background-color: #0c75a0; */
      /* align-items: center; */
      /* margin-top: 2rem; */

}

.online-tut{


      flex: 60%;
      align-items: center;
      line-height: 1.8rem;
      color:#72738A;
      font-size: 18px;
      font-family: poppins;
      font-weight: 400;
      margin-top: 5px;
      box-sizing: border-box;
      /* padding-right: 40px; */

      /* flex: 65%;
      line-height: 2.5rem;
      color:#72738A;
      font-size: 18px;
      font-family: poppins;
      font-weight: 400;
      margin-top: 5px;
      box-sizing: border-box;
      word-wrap: break-word;
      box-sizing: border-box;
      font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; */
}

.online-tut h2{
      font-weight: 700;
      font-size: 35px;
      color: #efca08;
      padding-bottom: 10px;
      text-align: center;
      padding: 10px;
}


.tut-img{
      width: 370px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 15px 10px 10px;
}


.assessment-container{
      max-width: 1140px;
      padding: 0 20px;
      display: flex;
      justify-content: space-around;
      background-color: #ffffff;
      /* flex-wrap: wrap; */
      align-items: center;
      margin: 8% auto;
   }

.eassessment-tut{
      flex: 65%;
      /* height:340px; */
      align-items: center;
      padding: 10px;
      /* gap: 5px; */
      /* box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px; */
      /* background-color: #0c75a0; */
      align-items: center;
      line-height: 2rem;
      color:#72738A;
      font-size: 18px;
      font-family: poppins;
      font-weight: 400;
      margin-top: 5px;
      box-sizing: border-box;
      padding-right: 40px;

}

.eassessment-tut h2{
      font-weight: 700;
      font-size: 35px;
      color:#2EC4B6;
      padding-bottom: 10px;
      text-align: center;
}
.eassessment-tut h3{
            font-weight: 700;
            font-size: 30px;
            color:#202020;
            padding-bottom: 10px;
            text-align: center;     
}




.heading{
      color:white;
      padding: 0px 10px;
      font-weight: 700;
      font-size: 20px;
      margin: 8px 35px 1px 35px;
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;
}

.subject-offer {
      max-width: 1140px;
      margin: 0 auto;
      padding: 3px 20px;
      gap: 7px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
}

.maths{
      /* flex:20%; */
      padding-top: 3%;
      margin-top: 7%;
      text-align: center;
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;
      /* margin-right: 10px; */
}
.economics{
      /* flex:20%; */
      padding-top: 3%;
      margin-top: 7%;
      /* margin-left: 5px; */
      text-align: center;
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;
}

.physics{
      /* flex:20%; */
      padding-top: 3%;
      margin-top: 7%;
      /* margin-left: 5px; */
      text-align: center;
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;
}
.chemistry{
      /* flex:20%; */
      padding-top: 3%;
      margin-top: 7%;
      /* margin-left: 5px; */
      text-align: center;
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;

}

.biology{
      /* flex:20%; */
      padding-top: 3%;
      margin-top: 7%;
      /* margin-left: 5px; */
      text-align: center;
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;

}

.computer{
      /* flex:20%; */
      padding-top: 3%;
      margin-top: 7%;
      /* margin-left: 5px; */
      text-align: center;
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;

}

.english{
      /* flex:20%; */
      padding-top: 3%;
      margin-top: 7%;
      /* margin-left: 5px; */
      text-align: center;
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;

}

.spanish{
      /* flex:20%; */
      padding-top: 3%;
      margin-top: 7%;
      /* margin-left: 5px; */
      text-align: center;
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;

}

.french-img{
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;
      margin:50px;
      padding: 50px;

}

.description{
      color:#5D5D5D;
      font-size: 13px;
      font-family: sans-serif;
      margin: 0px 0px 10px;
      padding: 2px 6px;
}
.ibs{
      font-size: 15px;
      color:#E79800;
      font-weight: 700;
      padding: 10px;
}

.hrs{
      display: flex;
      /* justify-content: space-around; */
      flex-wrap: wrap;
      padding: 1%;
      margin: 1%;
      box-sizing: border-box;
}
.explore{
      display: flex;
      flex-direction: column;
      flex:20%;
      margin-top: 3%;
      padding-top: 1%;
      padding: 0.5%;
      margin: 0.5%;
      /* align-items: center; */
      /* justify-content: center; */
}
.explor{
      display: flex;
      flex:10%;
      flex-direction: column;
      margin-top: 3%;
      padding-top: 1%;

      padding: 0.5%;
      margin: 0.5%;

}
.explo{
      display: flex;
      flex:66%;
      margin-top: 3%;
      padding-top: 1%;

      padding: 0.5%;
      margin: 0.5%;
}
.ibheading{
      background-color:#353866 ;
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;
      padding: 50px;
      margin: 5%;
      opacity: 0.99;
      background-image: linear-gradient(297deg,#353866 50%,#2ec3b5 50%);


}
.stepup{
      text-align: center;
      font-size: 20px;
      font-weight: 800;
      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
      color:#ffffff;
      padding: 15px;
}
.ia{ 
color:#7C7C7C;
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
line-height: 20px;
}
.e{
      font-size: 35px;
      color:#202020;
      font-weight: 600;
      letter-spacing: 0px;
}
.h{
      font-size: 60px;
      color:#202020;
      font-weight: 700;

}
.r{
      font-size: 22px;
      color:#202020;
      font-weight: 400;

}
.amazing{
      font-size: 18px;
      color: #666666;
      margin: 0px 0px 15px;
      font-weight: 500;
}

.allOffer{
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color:#333;
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;
      background-color: #ededed;

}
.container-social_inf{
      background: rgb(41 44 47);
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;
      padding: 3rem;
}

.social_inf{
      display: flex;
      justify-content: space-evenly;
      box-sizing: border-box;
      /* margin: 0 1% 0 1%; */
      /* padding:1%; */
      flex-wrap: wrap;
      border-radius: 25px 25px 0 0;
      margin-bottom: 0px;

}
.slide{
      width: 100%;
}


.touch{
      display: flex;
      flex: 24%;
      flex-direction: column;
      align-items:flex-start;
      margin: 2% 0 1% 1%;
      padding:2rem;

}
.touch a{
      line-height: 30px;
}
.touch > h2{
      color:white;
}
.touch > a{
      color:rgb(146 144 146);
}
.usefulLink{
      display: flex;
      flex:24%;
      flex-direction: column;
      align-items:flex-start;
      margin: 2% 0 1% 1%;
      padding:2rem;


}

.usefulLink > h2{
      color:white;
}

.usefulLink > a{
      color:rgb(146 144 146);
      line-height: 30px;
}
.ibtutor{
      flex:24%;
      align-items: flex-start;
      margin: 2% 0 1% 1%;
      padding:2rem;
}
.ibtutor a{
      color:   rgb(146 144 146);
      line-height: 30px;

}


.ibtutor>h2{
      color:#ffffff;
}

.socialLink > h2{
      color:#ffffff;
}

.newsLetter{
      display: flex;
      flex:24%;
      flex-direction: column;
      align-items: flex-start;
      margin: 2% 1% 1% 0;
      padding:2rem;
}
@media(max-width:375px){
  .landmark, .addressCover a {
      font-size: 17px !important;
      line-height: 28px;
}
.location span b {
      font-size: 20px !important;
}
}
.newsLetter > h2{
      color:white;
}
.newsLetter > a{
      /* font-size: 15px; */
      /* font-weight: 500; */
      color:   rgb(146 144 146);
      line-height: 30px;

      
}






/* -------------------------------------  END ----------------------------------- */

/* .content > p{
      /* text-align: center; */
      /* line-height: 2rem; */
      /* letter-spacing: 2px; */
      /* margin: 1rem; */
      /* padding: 2%; */
      /* word-spacing: 2px;
      font-size: 22px;
      font-weight: 700;

} */
.addressCover{
      /* margin: 1rem; */
      /* padding: 10px; */
}

.addressCover a{
      color:rgb(146 144 146);
      font-weight: 600;
      font-size: 22px;

}

.landmark{
      letter-spacing: 0.1rem;
      /* line-height: 2rem; */
      padding: 0.7rem;
      word-spacing: 3px;
      text-align: center;
      color:rgb(146 144 146);
      font-size: 22px;
      font-weight: 600;

}

.location{
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.5rem;
      gap:1rem;
      letter-spacing: 0.1rem;
      word-spacing: 3px;
      color:rgb(146 144 146);
      flex-wrap: wrap;

      /* background: transparent; */
}

.location-img{
      /* width: 5rem; */
      /* height: 4rem; */
      background: transparent;
      border: 0;
      padding-left: 1rem;

}
.qr-code{
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1rem;
      gap: 1.3rem;
      letter-spacing: 0.1rem;
      word-spacing: 3px;
}



.ho{
      /* border: 2px solid red; */
      margin: auto;
      padding: 1rem;
}
.check{
      display:flex ;
      margin: auto;
      border: 4px solid red;
      width:180px;
      /* flex-direction: column; */
      flex-wrap:wrap;
      justify-content: center;
}
.a{
      margin: 5px;
      width:50px;
      text-align: center;
      background-color: #25D366;
}

.icons{
      position: fixed;
      top:50%;
      right:0%;
      width: 150px;
      display: flex;
      flex-direction: column;
}

.icons a{
      text-decoration: none;
      padding: 5px 5px 5px 8px;
      /* font-size: 15px; */
      /* margin: 2px; */
      border: 1px solid#ffffff;
      text-align: left;
      border-radius: 50px 0px 0px 50px;
      transform: translate(95px, 0px);
      transition: all 1s;

}

.icons a i{
      margin-right: 25px;
      /* background-color: #24ab3c; */
      height: 40px;
      width: 40px;
      text-align: center;
      line-height: 40px;
      border-radius: 50%;
      transition: all 0.5s;
}

.icons a img{
      margin-right: 25px;
      height: 40px;
      width: 40px; 
      line-height: 40px;
      transition: all 0.5s;
}

.icons a:hover{
      transform: translate(0px, 0px);
}
.icons a:hover i{
      transform: rotate(360deg);
}
.icons a:hover img{
      transform: rotate(360deg);
}


/* .icons a i.fa-phone{
      color: blue;
      font-size: 30px;
}
.icons a i.envelope{
      font-size: 30px;
      color:red;
}

.icons a i.fa-whatsapp{
      font-size: 45px;
} */

.tel{
      background-color: #2c80D3;
}
.gmail{
      background-color: #ffffff;
}
.whatsap{
      background-color:#24ab3c;
      /* background-color: #6488bb; */
}

/* half border style */
      /* border-radius: 46% 0% 52% 48% / 50% 50% 0% 49%; */



nav:after{ 
      clear:both;
      display:table;
 } 


 .social{
      /* border:1px solid white;
      border-radius: 100%;  */
 
        text-align: center;
       font-weight: bolder;
       font-size: larger;
       margin:2vh;
       padding:2vh;
       font-size: 25px;
 }
 header.navbar{
      height: 20rem;
 }
 



  .top-btn{bottom:11px;display:inline-block;position:fixed;right:20px;width:50px;height:50px;border-radius:50%;text-align:center;font-size:24px;background: linear-gradient(180deg,#ffcd31 0,#ff9b02 100%) no-repeat padding-box; transition:.3s ease-in-out;z-index:1080;border:0}.top-btn img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.top-btn:hover{transform:scale(1.1);     
                  
            }

/*   media query  */

 @media(max-width:1361px) {
       header {
             font-size: 15px;
       }

       header .navbar ul li a {
             font-size: 15px !important;
             padding: 15px 11px 15px 11px;
       }

       .logo {
             width: auto;
             padding-left: 0;
       }
 }

 @media(max-width:1243px) {
       header {
             padding: 13px 0 13px 5px;
             font-size: 14px;
       }

             header .navbar ul li a {
                  padding: 15px 9px 15px 9px;
                   font-size: 14px !important;
             }
 }

 @media(max-width:1157px){
      header .navbar ul li a {
                  padding: 15px 7px 15px 7px;
                  font-size: 13px !important;
            }
 }
@media(max-width:1075px){
      header .navbar ul li a {
                  padding: 15px 8px 15px 8px;
                  font-size: 12px !important;
                  font-weight: 500;
            }

            .logo{
                  width: 13rem;
            }
}

/* @media(max-width:1046px){
      header .navbar ul li a {
                  padding: 15px 6px 15px 15px;
                  font-size: 12px !important;
            }
            .logo{
                  width: 14rem;
            }
} */


@media(max-width:992px){
      .phone-gmail{
            display: none;
      }

      .p-gmail{
            display:flex;



      }
      .ml a{
            font-size: 18px;
            font-weight: 400px;
      }

.no a{
            font-size: 18px;
            font-weight: 400px;
}


      header{
            /* position: sticky; */
            top: 0;
            left: 0;
            right: 0;
            /* box-shadow: 0 5px 10px rgba(0,0,0,0.1); */
            background: #ffffff;
            /* box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px; */
            padding: 1px 1px 1px 1px;
            display: flex;
            align-items: center;
            gap: 0.1rem;
            z-index: 999;
            box-sizing: border-box;
            justify-content: space-between;
      
      }

      header .navbar ul li a{
            box-shadow:none;
      
      }


      header label{
            margin: auto;


      }

.toogle-btn span{
      display: flex;
      justify-content: flex-end;
}
      header .navbar{
            position:absolute;
            display: none;
            z-index: 999;
            top: 140px;
            left: 0;
            right: 0;
            background:#232323;
            padding: 1% 0 1% 0;
            box-sizing: border-box;
            border-top: 1px solid rgba(0,0,0,0.1);
      }
      .navbar{
                        overflow-x: scroll !important;
                        padding: 10px;
      }
      header .navbar ul li{
            width: 100%;
      }

      header .navbar ul{
            display: flex;
            flex-direction: column;
            justify-content: center;
      }
      header .navbar ul>li a{
            color:#ffffff;
      }
      
      header .navbar ul li ul {
            position: relative;
            width:100%;
            /* background: #333; */
      }
      
      
      header .navbar ul li ul li{
            width: 100%;
      }
      
      
      header .navbar ul li ul li ul{
            width:100%;
            left:0;
      }
      
      #menu-bar:checked ~ .navbar{
            display:initial;
      }



      .icons{
            width: 50px;
      }
      
      .icons a{
            transform: translate(125px, 0px);
      
      }
      
      
      
      .content > p{
            line-height: 2.2rem;
            letter-spacing: 0.1rem;
      
            word-spacing: 0;
      
      }

      .marquee{
            font-size: 20px;
            font-weight: 400;
            padding:5px 45px;
      }

      

      .imgCss{
            /* width:700px; */
            margin: auto;
      }
      .tut-img{
            width:700px;
            margin: auto;
      }
      
      .landmark{
            letter-spacing: 0.1rem;
            line-height: 2rem;
            word-spacing: 1px;
      }
      
      
      .location-img{
      
            padding-left: 0.7rem;
      }
      
      .qr-code{
      
            padding: 0.5rem;
            gap: 1rem;
            letter-spacing: 0.1rem;
            word-spacing: 3px;
      }
      

      .empty{
            margin: 12px;
            color:azure;
            font-size: x-large;
       }
       .social{
            text-align: center;
       }
       .social-box{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
       }

      .classroom-container, .assessment-container, .online-container{
       flex-wrap: wrap;
    }

    .online-container {
          flex-direction: column-reverse;
          row-gap: 30px;
    }

    .assessment-container, .classroom-container{
      flex-direction: column;
}

}

header{
      height: 100px;
      box-sizing: border-box;
}


@media(max-width:1200px){
      .marquee{
            font-size: 25px;
            font-weight: 600;
            flex-wrap: wrap;
            padding:5px 110px;
      }
      .demo{
            padding: 0.5%;
            width:60px;
            margin-top: 50%;
           }
      

      .icons{
            width: 190px;
      }

.assessment-container, .online-container, .classroom-container, .subject-offer{
      padding: 3px 40px;
}
}

@media(max-width:992px){
      .subject-offer {
                  grid-template-columns: repeat(3, 1fr);
            }
}


@media(max-width:768px){


      .marquee{
            display: none;
      }
      .marq{
            display: block;
      }

      .demo{
            width:45px;
            margin-top: 50%;
           }

      .icons{
            width: 170px;
      }
      
      .slider{
              height: 300px;
         }
      .slider img {
              height: 300px;
         }
      

      .classroom-tut h3{
            font-weight: 600;
            font-size: 25px;
      }

      .classroom-tut h2{
            font-weight: 600;
            font-size: 30px;
      }

      .eassessment-tut h2{
            font-weight: 600;
            font-size: 30px;
}
      .eassessment-tut h3{
            font-weight: 600;
            font-size: 25px;
      }


      

      .imgCss{
            /* width:500px; */
            margin: auto;
      }

      .tut-img{
            margin-top: 40px;
            width: 500px;
            margin: auto;    
      }
}
 @media(max-width:855px){ 
      .heading{
            font-size: 16px;
            line-height: 25px;         
      }
.toogle-bt span{
      display: block;
}
.icons{
      width: 180px;
}  
  .demo{
      padding: 0.8%;
      border: 4px  solid #ffffff;
      border-left: 0;
      width: 50px;
      box-sizing: border-box;
      z-index: 990;
      margin-top: 50%;
     }
           header label{
            margin: auto;
           }
      header .navbar ul li{
            width: 100%;
      }
      
      header .navbar ul li ul {
            position: relative;
            width:100%;
      }
      
      header .navbar ul li ul li{
            width: 100%;
      }
      
      
      header .navbar ul li ul li ul{
            width:100%;
            left:0;
      }
      
      #menu-bar:checked ~ .navbar{
            display:initial;
      }
      
      
      
      .content > p{
            line-height: 2.2rem;
            letter-spacing: 0.1rem;
      
            word-spacing: 0;
      
      }
      
      .landmark{
            letter-spacing: 0.1rem;
            line-height: 2rem;
            word-spacing: 1px;
      }
      
      
      .location-img{
      
            padding-left: 0.7rem;
      }
      
      .qr-code{
      
            padding: 0.5rem;
            gap: 1rem;
            letter-spacing: 0.1rem;
            word-spacing: 3px;
      }
      


      .empty{
            margin: 12px;
            color:azure;
            font-size: x-large;
       }
       .social{
            text-align: center;
       }
       .social-box{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
             /* background-size: contain;
             text-align: center;
             margin: 1vh;
             margin: 1vh 3vh;
             padding:1vh;
             border-radius: 50%;
             clear: both; */
       }
       .whatsapp{
            /* padding: 7px 3.2%; */
       }
       
       /* img{
            display:block;
            transition:0.3s;
       } 
       
       
       
       
       
        .couple-img{
             width:650px;
             padding:40px;
       }
       
       
       .collection-img{
             display: flex;
             flex-direction: row;
       }
       .fir-img{
             
             flex: 40%;
       }
       .sec-img{
             flex:40%;
             float:right;
       } */
}
       




      @media(max-width:691px){

            .demo{
                  width:30px;
                  margin-top: 50%;
                  border: 3px  solid #ffffff;
                  border-left: 0;                      
                 }

            .icons{
                  width: 170px;
            }
            
            .subject-offer {
              grid-template-columns: repeat(2, 1fr);
            }
      

            .classroom-container{
                  margin: 3% auto;
            }
            .online-container{
                  margin: 3% auto;
            }
            .classroom-tut{
                  padding-right: 10px;                 
            }

            .online-tut{
                  padding-right: 10px;                 

            }
            


            .mlr{
                  display: none;
            }

            .no a{
                  font-size: 15px;
                  font-weight: 100px;
            }

            header{
                  display: flex;
                  justify-content: space-between;
            }

            header label{
                  margin: auto;
            }

            
            
            

            .align{
                  margin: 8% auto;
                  font-size: 18px;
                  font-weight: 600;
                  color:#202020;
                  color:#ffffff;
                  
                  background: linear-gradient( #353866, #353866);


            
            }
            .align h5{
                  font-size: 23px;
            }
      
            .imgCss{
                  /* width:430px; */
                  margin: auto;
            }

            .tut-img{
                  width: 430px;
                  margin: auto;   
            }
            
      
      

            /* header .navbar{
                  position: absolute;
                  display: none;
                  top: 135px;
                  left: 0;
                  right: 0;
                                          /* background:#fff; */
                                          /* margin-left: 2%; */
                                          /* padding-left: 2%; */
                 /* box-sizing: border-box;
                  border-top: 1px solid rgba(0,0,0,0.1);
            } */
             .whatsapp{
                  /* padding:8px 3%; */
             }

              .heading{
                  display: flex;
                  font-size: 18px;
                  font-weight: 400px;
                  color: #ffffff;
                  line-height: 25px;
                  padding-top: 2rem;
                  justify-content: center;
                  align-items: center;
                  color:red;
               
            } 


            .ia{
                  margin-top: 15%;

            }
            .h{
                  margin-top: 15%;

            }
            .amazing{
                  margin-top: 12%;
            }

            .social_inf{
                  display: flex;
                  flex-direction: column;
            }



      }





              @media(max-width:480px) {

                  .icons{
                        width: 175px;
                  }
                  .demo{
                        width:30px;
                        margin-top: 50%;
                        border: 3px  solid #ffffff;
                        border-left: 0;                      
                       }
            
            

                  .classroom-tut h3{
                        font-weight: 500;
                        font-size: 20px;
                  }
                  .classroom-tut h2{
                        font-weight: 500;
                        font-size: 25px;
                  }

                  .eassessment-tut h2{
                        font-weight: 500;
                        font-size: 25px;
                  }
            

                  .eassessment-tut h3{
                        font-weight: 500;
                        font-size: 20px;
                  }
            

                  .classroom-tut{
                        flex: 65%;
                        /* height:340px; */
                        align-items: center;
                        padding: 20px ;
                        /* gap: 5px; */
                        /* box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px; */
                        /* background-color: #0c75a0; */
                        align-items: center;
                        line-height: 2.5rem;
                        color:#72738A;
                        /* font-size: 18px; */
                        font-family: poppins;
                        font-weight: 400;
                        margin-top: 5px;
                        box-sizing: border-box;
                        padding-right: 20px;                 
                  }
                  
                  
                  .classroom-container{
                        margin: 1.5% auto;
                  }
                  .online-container{
                        margin: 1.5% auto;
                  }
      
                  .imgCss{
                        /* width: 350px; */
                        margin: auto;
                  }
                  .tut-img{
                        width: 350px;
                        margin: auto;

                  }

                  .special-assitance{
                        font-size: 25px;
                        font-weight: 600;
                        width: 330px;
                        box-sizing: border-box;
                  
                  }
                  

                        /* header .navbar{
                              position: absolute;
                              display: none;
                              left: 0;
                              right: 0;
                              margin-left: 2%;
                              padding-left: 2%;
                              box-sizing: border-box;
                              border-top: 1px solid rgba(0,0,0,0.1);
                        }
                                    */
                       .whatsapp{
                          /* padding: 8px 5%; */
                        }
                  }

                  /* @media(max-width:365px){ */
                        .subject-offer img{
                              max-width: 100%;
                              height: auto;
                        }
                  /* } */

                  @media(max-width:400px){
                        .subject-offer {
                              grid-template-columns: 1fr;
                        }
                  }

                  @media(max-width:360px){
                        .classroom-tut h3{
                              font-weight: 400;
                              font-size: 20px;
                        }

            .special-assitance {
                  width: 305px;
             }
                   .imgCss, .tut-img {
                        /* width: 315px;                             */
                  }
                        .classroom-tut h2{
                              font-weight: 400;
                              font-size: 25px;
                        }

                         .newsLetter {
                        padding: 0.4rem;
                   }
                                     .ibtutor {
                                           padding: 0.8rem;
                                     }

                                     .usefulLink{
                                          padding: 0.8rem;
                                     }

       .touch{
            padding: 0;
       }
                        
                  }