 /* Floating WhatsApp Icon */
 .whatsapp-float {
     position: fixed;
     bottom: 20px;
     left: 20px;
     z-index: 9999;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .whatsapp-icon {
     width: 70px;
     height: auto;
     cursor: pointer;
     transition: transform 0.3s ease, filter 0.3s ease;
 }

 .whatsapp-icon:hover {
     /* transform: scale(1.15) rotate(5deg); */
     transform: scale(0.9) rotate(5deg);
     filter: brightness(1.2);
 }

 /* Responsive */
 @media (max-width: 768px) {
     .whatsapp-icon {
         width: 50px;
     }
 }

 @media (max-width: 480px) {
     .whatsapp-icon {
         width: 70px;
     }
 }

 /* footer logo  */

 .logo-box a img {
     width: 150px;
 }

 .creative-logo {
     /* display: inline-block;
                            position: relative;
                            overflow: hidden; */
     /* padding: 8px; */
     border-radius: 12px;
     transition: all 0.4s ease;
     width: 120px;
 }

 .creative-logo img {
     /* display: block; */
     transition: transform 0.4s ease, filter 0.4s ease;
 }

 /* Hover Effects */
 /* .creative-logo:hover {
    background: linear-gradient(135deg, #06beb6, #48b1bf);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);

} */

 .creative-logo:hover img {
     transform: scale(1.15) rotate(-3deg);
     filter: drop-shadow(0 3px 5px rgba(255, 255, 255, 0.3));
     padding: 0px 8px;
     /* width: 100px; */
 }
 
    /* Modal width */
    #welcomeModal .modal-dialog {
        max-width: 650px;
        width: 50%;
    }

    /* Modal content */
    /* #welcomeModal .modal-content {
        background: transparent;
    } */

    /* Video */
    .welcome-video {
        display: block;
        width: 100%;
        max-width: 100%;
        max-height: 85vh;
        object-fit: contain;
        border-radius: 0 0 10px 10px;
    }


    .modal-content>video {
        border-radius: 0 0 10px 10px;
    }

    /* Mobile screen */
    @media (max-width: 576px) {

        #welcomeModal .modal-dialog {
            width: 95%;
            margin: auto;
        }

        .welcome-video {
            max-height: 75vh;
            border-radius: 0 0 8px 8px;
        }

    }
    
   
