.whatapp_btn {
    background: #01e675;
    width: 50px;
    height: 50px;
    color: #fff;
    position: fixed;
    left: 15px;
    bottom: 105px;
    cursor: pointer;
    z-index: 999;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms ease-in-out;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16), 0px 3px 10px rgba(0, 0, 0, 0.16);
}
.send_enquiry {
    background: #528e1a;
    border-radius: 40px;
    bottom: 45px;
    color: #ffffff;
    display: table;
    height: 50px;
    left: 15px;
    min-width: 50px;
    position: fixed;
    text-align: center;
    z-index: 9999;
    transition: all 0.2s linear;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Lato", sans-serif;;
    text-decoration: none;
}
.send_enquiry svg {
    width: 24px;
    height: 24px;
    line-height: 50px;
}

.send_enquiry:hover {
    color: #fff;
    padding: 0 20px;
}

.send_enquiry:focus {
    color: #fff;
}

.send_enquiry span {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    letter-spacing: -15px;
    opacity: 0;
    line-height: 50px;
    transition: all 0.5s;
    text-transform: uppercase;
}

.send_enquiry:hover span {
    opacity: 1;
    letter-spacing: 1px;
    padding-left: 10px;
}





































 .gallery-container { 
            max-width: 1100px; 
            margin: auto; 
            padding: 20px; 
        }
        .gallery { 
            display: grid; 
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 
            gap: 15px; 
        }
        .gallery img { 
            width: 100%; 
            height: auto; 
            border-radius: 8px; 
            transition: transform 0.3s ease-in-out; 
            cursor: pointer; 
        }
        .gallery img:hover { 
            transform: scale(1.05); 
        }
        .popup { 
            display: none; 
            position: fixed; 
            top: 0; 
            left: 0; 
            width: 100%; 
            height: 100%; 
            background: rgba(0, 0, 0, 0.8); 
            justify-content: center; 
            align-items: center; 
        }
        .popup img { 
            max-width: 90%; 
            max-height: 90%; 
            border-radius: 8px; 
        }
        .popup span { 
            position: absolute; 
            top: 10px; 
            right: 20px; 
            font-size: 30px; 
            color: white; 
            cursor: pointer; 
        }
        @media (max-width: 768px) {
            .gallery { 
                grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); 
            }
        }