/* Fix gallery image height */
#lightgallery .dlab-media {
    height: 280px;            /* adjust as needed */
    overflow: hidden;
         /* optional for better UI */
}

/* Make images fill container properly */
#lightgallery .dlab-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;        /* IMPORTANT: keeps cropping clean */
    display: block;
}

/* Optional: improve overlay alignment */
#lightgallery .overlay-bx {
    height: 100%;
}
#lightgallery .col-lg-6:first-child .dlab-media {
    height: 550px;   /* big featured image */
}

#lightgallery .dlab-media {
    height: 260px;   /* normal images */
    overflow: hidden;
}

#lightgallery .dlab-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* default */
#lightgallery .dlab-media {
    height: 260px;
    overflow: hidden;
}

/* ensure image fills container */
#lightgallery .dlab-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ✅ ONLY THESE 2 IMAGES */
#lightgallery .col-md-6.col-lg-6:nth-of-type(1) .dlab-media,
#lightgallery .col-md-6.col-lg-6:nth-of-type(2) .dlab-media {
    height: 600px !important;
}


/* =========================
   GALLERY MOBILE FIX
   ========================= */
@media (max-width: 768px) {

    /* make all gallery items equal height */
    #lightgallery .dlab-media {
        height: 220px !important;
        overflow: hidden;
       
    }

    /* force images to fill same box */
    #lightgallery .dlab-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* remove uneven spacing issues */
    #lightgallery .dlab-box {
        margin-bottom: 15px;
    }

    /* make columns consistent spacing */
    #lightgallery .col-md-6,
    #lightgallery .col-lg-6,
    #lightgallery .col-lg-3 {
        padding: 5px !important;
    }
}


.popup-youtube {
    display: none !important;
}

/* Top/right toolbar icons hide */

/* Extra controls safety remove */



.lg-share,
.lg-autoplay-button {
    display: none !important;
}

.lg-outer #lg-share {
    display: none !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
    
    .video-bx .text-center {
  
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 14px;
    }

    .video-bx .btn {
    
        align-items: center;
        justify-content: center;
        gap: 8px; /* icon + text space */
        text-align: center;
    }

    .video-bx .fa-whatsapp {
        margin-right: 6px; /* extra safety spacing */
    }
}
@media (max-width: 768px) {
    .video-bx .btn {
   
        margin-bottom: 12px;
    }

    .video-bx .btn:last-child {
        margin-bottom: 14px;
    }
}