/* Facilities Page Styles - Extracted from AABU-html/Facilities.html */
/* Scoped to .inner-pages to prevent global style pollution */

/* Video container styling */
.inner-pages .video-container video {
    position: relative;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 1;
    transform: none;
}

.inner-pages .video-container > img.slider {
    z-index: 11;
}

/* Layout utilities */
.inner-pages .justify-content-center {
    justify-content: center !important;
}

.inner-pages .countercorner {
    z-index: 0;
}

/* Button styling */
.inner-pages .btnwrap {
    margin-top: 0;
}

.inner-pages .btnwrap .mybtn {
    min-width: 13.4375rem;
}

/* Card styling for facilities */
.inner-pages .card5 .card-text {
    text-align: center;
    margin-top: 0.625rem;
}

.inner-pages .cardlink {
    height: auto;
}

/* Gallery section */
.inner-pages .gallery {
    margin-top: 2.5rem;
}

.inner-pages .gallery .row {
    margin-bottom: 1.25rem;
}

/* Card hover effects */
.inner-pages .cardg {
    margin-bottom: 1.875rem;
}

.inner-pages .cardg .card5 {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.inner-pages .cardg .card5:hover {
    transform: translateY(-0.3125rem);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .inner-pages .gallery .col-md-3 {
        margin-bottom: 1.25rem;
    }
    
    .inner-pages .card5 .card-text {
        font-size: 0.875rem;
    }
}