.sri{
    background-image: url("./media/webp/Sri-Lanka-Honeymoon-Tour.webp");
    height: 400px;
    background-size: 100%;
    background-repeat: no-repeat;
    }
    .pack{
        margin-top: 30px;
    }
    .pack h2{
        font-family: spectal;
        font-weight: 600;
        color:rgb(10,33,61);
        text-decoration: underline;
       
    }
    .pack p{
        font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
  margin-top: 40px;
    }

     #kercard{
        margin-top: 50px;
        width: 30rem;
        height: 20rem; 
        border-radius: 0;
         background-color: rgb(10,33,61);
         margin-left: 100px;
     }
     #kercard:hover{
        background-color: rgb(60, 152, 214);
     }
     #cardt{
        color: white;
     }
     .card-body a{
        text-decoration: none;
        color: white;
     }
     .kerala{
        display: flex;
        justify-content: space-between;
        
     }


/* lap view */

@media (max-width:1400px){
    .sri{
    background-image: url("./media/webp/Sri-Lanka-Honeymoon-Tour.webp");
    height: 240px;
    background-size: 100%;
    background-repeat: no-repeat;
    } 
 .kerala{
        display: flex;
        justify-content: space-between;
        
     }
     #kercard{
        margin-top: 50px;
        width: 30rem;
        height: 20rem; 
        border-radius: 0;
         background-color: rgb(10,33,61);
         margin-left: 20px;
     }
}
@media (max-width:1000px) {
   .kerala{
        display: flex;
        justify-content: space-between;
        
     }
     #kercard{
        margin-top: 50px;
        width: 30rem;
        height: 20rem; 
        border-radius: 0;
         background-color: rgb(10,33,61);
         margin-left: 10%;
     }
}

    @media (max-width: 568px){
       .sri{
    background-image: url("./media/webp/Sri-Lanka-Honeymoon-Tour.webp");
    height: 140px;
    background-size: 100%;
    background-repeat: no-repeat;
    } 
   
       .pack{
        margin-top: 0px;
       }
       .pack p{
        font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
  margin-top: 20px;
  font-size: 13px;
    }
   .kerala{
        margin-left:0px;
    
     }
    #kercard{
        margin-top: 10px;
        width: 19rem;
        height: 20rem; 
        border-radius: 0;
         background-color: rgb(25, 68, 121);
         margin-left: 14px;
     }
     
   }
    
@media (max-width: 368px){
       .sri{
    background-image: url("./media/webp/Sri-Lanka-Honeymoon-Tour.webp");
    height: 140px;
    background-size: 100%;
    background-repeat: no-repeat;
    } 
    .pack h2{
        font-family: spectal;
        font-weight: 600;
        font-size: 20px;
        color:rgb(10,33,61);
       }
       .pack{
        margin-top: 0px;
       }
       .pack p{
        font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
  margin-top: 20px;
  font-size: 13px;
    }
   .kerala{
        margin-left:0px;
    
     }
    #kercard{
        margin-top: 10px;
        width: 19rem;
        height: 20rem; 
        border-radius: 0;
         background-color: rgb(25, 68, 121);
         margin-left: 0px;
     }
     
   }