.whatsapp-icon {

         
    width: 60px; /* Adjust width */
    height: 60px; /* Adjust height */
    object-fit: contain; /* Ensure aspect ratio is maintained */
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #25D366;
    color: white;
    border-radius: 50%;
    padding: 10px; /* Adjust padding to fit icon better */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    z-index: 1000;
    display: flex; /* Center the image */
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
    margin-bottom: 15px;
   margin-right: 1250px;
   
}

/* Hover effect */
.whatsapp-icon:hover {
    background-color: #128C7E;
}

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

    .whatsapp-icon {

         
        width: 50px; /* Adjust width */
        height: 50px; /* Adjust height */
        object-fit: contain; /* Ensure aspect ratio is maintained */
        position: fixed;
        bottom: 20px;
        
        background-color: #25D366;
        color: white;
        border-radius: 50%;
        padding: 10px; /* Adjust padding to fit icon better */
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        cursor: pointer;
        z-index: 1000;
        display: flex; /* Center the image */
        align-items: center; /* Center vertically */
        justify-content: center; /* Center horizontally */
        margin-bottom: 40px;
       margin-right: -10px;
        
       
    }

    
}