/* ========================================
                Navbar Css
======================================== */



/* ======================================== */

.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Swiper Overrides */
.swiper-pagination-bullet {
    background: #fff !important;
    opacity: 0.5;
}

.swiper-pagination-bullet-active {
    background: #CE033A !important;
    opacity: 1;
    width: 30px !important;
    border-radius: 4px !important;
}

.swiper-button-next,
.swiper-button-prev {
    color: white !important;
    transform: scale(0.7);
    transition: all 0.3s;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    transform: scale(0.9);
    color: #CE033A !important;
}

.category-card:hover .category-overlay {
    opacity: 1;
    transform: translateY(0);
}

.category-overlay {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #17139E;
    border-radius: 10px;
}