*{
 margin: 0;
 padding: 0;
 box-sizing: border-box;
 
}
.navbar{
    background-color:rgb(255, 255, 255);
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    align-items: center;
    position: relative;
    border-bottom: 2PX solid lightblue;
    z-index: 10;

}
.him a{
    color: rgb(4, 138, 255);
    
    font-size: 25px;
    font-weight: bold;
    text-decoration:none ;
    
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}




.link{
    display:flex;
    text-align: center;
    text-decoration: none;
    gap:20px;
    padding:10px 15px;
    position: relative;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif

}
.link a{
    text-decoration: none;
    color: rgb(0, 0, 0);
    padding:10px 15px;
    transition: background 0.3s ease;
    border-radius: 9px;

}
.link a:hover{
    background-color: rgba(225, 219, 226, 0.574); 
    opacity: 5px;
    text-decoration:underline ;

}








.toggle{
    background:none;
    border: none;
    cursor:pointer;
    display:none;
    font-size: 20px;
    color: rgb(7, 159, 241);
    font-weight: bold;

}
@media only screen and (max-width:768px){



.box1{
    justify-content: center;
}
.box2{
    justify-content: center;
}
.box3{
    justify-content:center ;
}







    .and, .pok .p{
        font-size: 5vw;
        padding: 10px;
        flex-direction: column;
      }
    
    .boy{
          background-position: center;
          background-size: cover;
          height: 100vh;

      }






    .link{
        display:none;
        position: absolute;
        top:100%;
        background-color:#F79E1B;
        width: 100%;
        left:0%;
        flex-direction: column;
        padding:20px 0;
        text-align: center;
        border-top: 2px solid grey;
         





    }
    
     
        
     


    .toggle{
        display:block;
    }
    .link.active{
        display:flex ;
    }

}


.link a.lol{
    
    background-color: dodgerblue;
    color: white;
    text-align: center;
    
}
.him a.bold{
    color: black;
}


.boy {

 background-image: url(red\ .jpg);
    
    height: 100vh;
    width: 100%; /* Same as navbar height */
 
    background-size: cover;
    background-position: center;
     background-repeat: no-repeat;

}
    
.pp{
    color: rgb(8, 127, 253);
}
.tt{
    color: rgb(8, 127, 253);;
}

    
.and{
    
    
    
    padding-top: 120px;
    font-size: 35px;
    display: flex;
    flex-wrap: wrap;
    
    justify-content: flex-start;
    margin-left: 35px;
    letter-spacing: 0px;
    gap: 7px;
    
    
  
    
}
.pok{
    
    font-size: 35px;
    display: flex;
    justify-content: flex-start;
    padding-left: 29px;
    
    
    
}
    



    
.id{
    display: flex;
    
    border-color: #7bd7ff;
    border-radius: 7px;
    
    transition: all 0.4 ease ease-in-out;
    justify-items: flex-start;
    margin-top: 40;
    display:block;
    text-align: left;
    padding-left:70px ;
    margin-top: 10px;
    
}

.id:hover{
    transform: scale(1.05);
    
}




.a{
    padding: 10px 20px;
    font-size: 20px;
    text-align: center;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    border-radius: 6px;
    background-image:  linear-gradient(to right, rgb(32, 188, 255) , dodgerblue);
    color: aliceblue;
    border:none;
    box-shadow: 5px 3px rgb(72, 131, 191);


}
.a:hover{
    text-decoration: underline;
}



.di{
    margin-top: 40px;
    display:block;
    text-align: left;
    padding-left:45px ;
    margin-top: 10px;
}
.pp{
    color: rgb(253, 250, 250);
    font-size: 20px;
    text-shadow: gray;
    font-weight: bold;
    text-decoration:wavy;

    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}


.neet {
    background:url(6363.jpg);
    
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
    
    
    
    
    padding: 20px;
    border:none; 
    color: rgb(0, 145, 255);
    font-size: 25px;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
html {
    scroll-behavior: smooth;
     
}
  
 .girl {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 30px;
      padding-top: 30px;
    }

.girl.hover{
background-color: azure;
transform: scale(1.1);
}

.girl .box1{
    color: rgb(255, 255, 255);
    border-radius: 6px;
     width: 360px;
    height: 360px;
    background:url( https://t4.ftcdn.net/jpg/07/07/89/33/360_F_707893394_5DEhlBjWOmse1nyu0rC9T7ZRvsAFDkYC.jpg);
    background-position: cover;
    background-repeat: no-repeat;
    font-weight: bold;
    font-family:sans-serif;
    text-align:center;
    align-items: end;
    justify-content: center;
    display: flex;
    font-size: 20px;
    box-shadow: 8px 8px 4px rgb(98, 163, 185);
    padding-bottom: 20px;
    transition: all 0.4s ease;
    
}
.box1:hover{
    transform: scale(1.05) ;
}








.girl .box2{
    color: rgb(255, 255, 255);
    border-radius: 6px;
    width: 360px;
    height: 360px;
    background:url(https://img.freepik.com/premium-photo/doctor-with-white-background-high-quality-ultra-hd_889056-81208.jpg?w=360);
    font-weight: bold;
    font-family:sans-serif;

    align-items: end;
    justify-content: center;
    display: flex;
    font-size: 20px;
    box-shadow: 8px 8px 4px rgb(98, 163, 185);
    padding-bottom: 20px;
    transition: all 0.4s ease;
    
}
.box2:hover{
    transform: scale(1.05) ;
}

.girl .box3{
    color: rgb(255, 255, 255);
    border-radius: 6px;
    width: 360px;
    height: 360px;
    background:url(https://www.uniteddigestive.com/wp-content/uploads/2025/01/2497171_Headshot-Updates__0177_Koka_R-360x360.jpg);
    font-weight: bolder;
    font-family:sans-serif;
    align-items: end;
    justify-content: center;
    display: flex;
    padding-bottom: 20px;
    
    font-size: 20px;
    box-shadow: 8px 8px 4px rgb(98, 163, 185);
    
    transition: all 0.4s ease;
    
}
.box3:hover{
    transform: scale(1.05) ;
}

@media only screen and (max-width: 1920px) {
    .boy{
        background-position: center;
        background-repeat: no-repeat;
        display: block;
    }
}
    #loginBox {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 90%;
  max-width: 500px;
  transform: translate(-50%, -50%);
  background-image: linear-gradient(to top, rgb(18, 113, 222), rgb(176, 193, 214));
  padding: 25px 20px;
  box-shadow: 4px 5px 12px rgb(1, 132, 255);
  border-radius: 12px;
  z-index: 10;
  overflow-y: auto;
}

.wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pol {
  padding: 10px;
  color: #fff;
  background-color: rgb(2, 129, 255);
  border: 1px solid #fff;
  border-radius: 14px;
  font-size: 16px;
  outline: none;
}

.pol::placeholder {
  color: #f8f8f8;
  font-size: 16px;
  font-family: 'Lucida Sans', Geneva, Verdana, sans-serif;
}

.bton {
  text-align: center;
}

/* Blue background for submit button */
.submit-btn {
  background-color: dodgerblue;
  color: white;
  font-size: 18px;
  padding: 10px;
  border-radius: 30px;
  border: none;
  transition: background-color 0.3s ease;
}

.submit-btn:hover {
  background-color: #1e90ff;
}



  
.jee{
    background:url(6363.jpg);
    
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
    
    
    
    
    padding: 20px;
    border:none; 
    color: rgb(0, 145, 255);
    font-size: 25px;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
html {
    scroll-behavior: smooth;
     
} 



    .service-section h1 {
      font-size: 2.5rem;
      color: #333;
      margin-bottom: 10px;
    }

    .service-section p {
      font-size: 1.2rem;
      color: #666;
      margin-bottom: 40px;
    }

    .service-content {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 30px;
      padding-top: 30px;
    }

    .service-card {
      background-color: #e7f0ff;
      border-radius: 12px;
      padding: 20px;
      width: 280px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
      transition: transform 0.3s;
    }

    .service-card:hover {
      transform: translateY(-5px);
    }

    .service-card img {
      width: 80px;
      height: 80px;
      margin-bottom: 15px;
    }

    .service-card h3 {
      color: #0066cc;
      margin: 10px 0;
    }

    .service-card p {
      font-size: 0.95rem;
      color: #444;
    }

    @media (max-width: 768px) {
      .service-content {
        flex-direction: column;
        align-items: center;
      }
    }

    
.foot{
    background-color: cornflowerblue;
    color: #e7f0ff;

}
  .app{
    padding-bottom: 20px;
    padding-left: 20px;
  }  
  .asus{
    color: #e7f0ff;
    background-color:black;
    text-align: center;

  } 
  .fix{
    position: fixed;
    justify-content: first baseline;
    
  }