body {
    background-image: url('bg-rtpindomax.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 100vh;
}

.provider-swiper {
padding: 20px 0;
}

.provider-swiper .swiper-slide {
background: rgba(0, 0, 0, 0.7);
border-radius: 8px;
transition: all 0.2s;
height: 80px; 
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
border: 1px solid rgba(255, 255, 255, 0.5);
}

.provider-swiper .swiper-slide:hover {
transform: translateY(-5px);
background: rgba(254, 216, 4, 0.5);
border-color: rgba(254, 216, 4, 0.3);
}

.provider-swiper .swiper-slide a {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.provider-swiper .swiper-slide img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
}
.swiper-button-next,
.swiper-button-prev {
color: #fed804 !important;
background: rgba(0, 0, 0, 0.7);
width: 40px !important;
height: 40px !important;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
background: rgba(254, 216, 4, 0.2);
}

.swiper-button-next:after,
.swiper-button-prev:after {
font-size: 20px !important;
}

@media (max-width: 640px) {
.provider-swiper .swiper-slide {
    width: 100px;
    height: 60px;  /* Smaller height for mobile */
}
}

@media (min-width: 641px) and (max-width: 1024px) {
.provider-swiper .swiper-slide {
    width: 120px;
    height: 70px;  /* Medium height for tablets */
}
}

@media (min-width: 1025px) {
.provider-swiper .swiper-slide {
    width: 140px;
    height: 80px;  /* Full height for desktop */
}
}
/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
}

@keyframes slideUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideDown {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(100%);
        opacity: 0;
    }
}