/******* END OF WEBGRID STYLES ****************/

.auto-hide-navbar {
    transition: transform 0.4s ease, opacity 0.3s ease;
    will-change: transform, opacity;
}

    .auto-hide-navbar.nav-hidden {
        transform: translateY(-100%);
        opacity: 0;
    }


/* Hide the thumbnail navigation on small screens */
@media (max-width: 768px) {
    .swiper theme-slider {
        display: none !important;
    }

}

#spinner-custom {
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.8); /* Semi-transparent white background */
    display: flex;
    justify-content: center;
    align-items: center
}

.spinner-border {
    width: 40px;
    height: 40px;
    border-width: 5px;
}