/* 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 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;
    }
}




.gallery-filter{
    text-align:center;
    margin-bottom:40px;
}

.gallery-filter button{
    border:none;
    background:#f5f5f5;
    padding:12px 25px;
    margin:5px;
    border-radius:30px;
    cursor:pointer;
    transition:0.3s;
    font-weight:600;
}

.gallery-filter button.active,
.gallery-filter button:hover{
    background:#4c2576;
    color:#fff;
}

.gallery-item{
    margin-bottom:30px;
}

.gallery-item img{
    width:100%;
    height:300px;
    object-fit:cover;
    border-radius:10px;
}

/* Force LightGallery Close Button */
.lg-toolbar{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
}

.lg-close{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    font-size:32px !important;
    color:#fff !important;
    z-index:999999 !important;
}
.lg-thumb-outer{
    display:none !important;
}

.lg-components{
    bottom:20px !important;
}

.gallery-loadmore{
    background: #f59711; /* Change color here */
    padding: 30px 0;
    margin-top: 30px;
    text-align: center;
    border-radius: 10px;
}
#loadMoreAll,
#loadMoreOther{
    background: #f59711 !important;
    border: 2px solid #f59711;
    color: white;
    padding: 12px 30px;
    border-radius: 5px;
    font-weight: 600;
}

#loadMoreAll:hover,
#loadMoreOther:hover{
    background: #f59711 !important;
    color: #fff;
}

/* Mobile Only */
@media (max-width: 767px){

    #lightgallery .gallery-item{
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
        padding: 5px;
        margin-bottom: 10px;
    }

    #lightgallery .gallery-item img{
        width: 100%;
        height: 140px; /* adjust if needed */
        object-fit: cover;
        border-radius: 8px;
    }

}
/* Tablet (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px){

    #lightgallery .gallery-item{
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    #lightgallery .gallery-item img{
        height: 220px;
        object-fit: cover;
        width: 100%;
    }
}
/* Hide Actual Size button in LightGallery */
.lg-actual-size,
#lg-actual-size,
.lg-toolbar .lg-zoom-in,
.lg-toolbar .lg-zoom-out {
    display: none !important;
}