.link >a{
    text-decoration: none;
   }
   /* #back{
    
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    display: flex;
   align-items: center;
   justify-content: center;
     
  } */
  .icon-lign{
    padding: 10px;
  }
  .navi .nav-link {
   position: relative;
   padding-bottom: 5px; 
   transition: color 0.3s ease-in-out; 
}


.navi .link::after {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 0; 
   height: 2px; 
   background-color: #353332; 
   transition: width 0.3s ease-in-out;
}
.navi .link:hover::after{
   width: 100%;
}
  h1{
    padding: 10px;
  }

  
     h6{
       color: #96BB7C;
       padding: 10px;
       font-weight: bolder;

     }
     h1  {
        color: white;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-weight: bolder;
        padding: 10px;
     }
     p {
        color: white;
        padding: 10px;
     }
     .texts{
      filter: none;
       align-items: center;
     }
     .texts > a{
       color: #ffff;
       background-color:  #96BB7C;
       text-decoration: none;
       padding: 10px;
       border-radius: 10px;

      
     }
     .all{
        display: flex;
       align-items: center;
       justify-content: center;
       flex-direction: column;
     }
     
     .texts2{
        padding: 0;
     }
     .parag2{
        color: gray;
     }
     .some:hover{
      transform: scale(1.1);
      
     }
     .card{
      box-shadow: 12px 0 15px 0 rgba(128, 128, 128, 0.536);
     }
     #back2{
        display: flex;
     align-items: center;
     justify-content: center;
     height: 100vh;
     }
     #back3{
        display: flex;
     align-items: center;
     justify-content: center;
     height: 100vh;
     }
     #back4{
        display: flex;
     align-items: center;
     justify-content: center;
     height: 100vh;
     }
     #back5{
        display: flex;
     align-items: center;
     justify-content: center;
     height: 100vh;
     }
     #back6{
      display: flex;
     align-items: center;
     justify-content: center;
     height: 100vh;
     }
     .info{
      padding: none;
      font-size: 9px;
      color: rgb(133, 122, 122);
      
      padding: 0;
      margin: 0;
     }
     #back7{
      display: flex;
     align-items: center;
     justify-content: center;
     height: 100vh;
     }
     .all2{

     text-align: center;
     }
     .hall{
      display: flex;
      justify-content: space-around;
     }
     .image4{
      background-image: url('child.jpg');
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
      background-color:#11111166;
      text-align: center;
      font-size: 20px;
      height: 100vh;
      text-align: center;
      justify-content: center;
      align-items: center;
      display: flex;
      box-shadow: 4px 4px 10px rgba(19, 19, 19, 0.432);
    
  }
  .card:hover{
   transform: scale(1.1);
  }
  .image4::before{
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #11111166;
      opacity:40%;
      z-index: 1; 
  
  }
  .image4::after{
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: white;
      font-size: 24px;
      z-index: 2;
  
  }