.banner-entry .text-with-border {
    opacity: 1 !important;  
    visibility: visible !important;  
    transition: none !important;  
}

/* Ensure the container's text is on top */
.banner-entry__text {
    position: relative;
    z-index: 1; /* Keep the text on top of the image */
    color: white; /* Make sure the text is visible */
    text-align: center; /* Optional: Center text */
    padding: 20px; /* Optional: Add some padding for better readability */
}

/* If there’s a background overlay or hover effect that hides the text, make sure it's visible */
.banner-entry__text h3,
.banner-entry__text p {
    opacity: 1 !important;  /* Force the text to always be fully visible */
}

/* If you have any hover effect that changes text visibility */
.banner-entry:hover .banner-entry__text {
    opacity: 1 !important;  /* Make text fully visible on hover */
}

/* Ensure banner image doesn't obscure the text */
.banner-entry {
    position: relative;
}

/* Prevent any overlay from hiding the text */
.banner-entry.has-overlay {
    position: relative;
    z-index: 0; /* Send overlay behind text */
}



/* animation for swiper-slide services */
.banner-entry {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.9s ease-out forwards;
}

/* animation for swiper-slide categories */
.swiper-slide {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 1.5s ease-out forwards;
}

/* headline animation */
.s-block .text-2xl {
    opacity: 0;
    transform: translateY(20px); /* Initial position */
    font-size: 1.5rem; /* Default font size */
        animation: fadeInUp 1.5s ease-out forwards; 

}

.s-products-slider-card {
    opacity: 0;
    transform: translateY(20px); /* Initial position */
    animation: fadeInUp 1.5s ease-out forwards; 
}




/* Keyframes for fade-in and slide-up */
@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}



/* Staggered animation delays */
.banner-entry:nth-child(1) { animation-delay: 0.7s; }
.banner-entry:nth-child(2) { animation-delay: 0.9s; }
.banner-entry:nth-child(3) { animation-delay: 1.4s; }
.banner-entry:nth-child(4) { animation-delay: 0.7.1s; }
.banner-entry:nth-child(5) { animation-delay: 1.9s; }


 /* Adjust the multiplier as needed for cat */
.swiper-slide:nth-child(1) { animation-delay: 0.3s; }
.swiper-slide:nth-child(2) { animation-delay: 0.7s; }
.swiper-slide:nth-child(3) { animation-delay: 0.9s; }
.swiper-slide:nth-child(4) { animation-delay: 1.1s; }



.s-products-slider-card:nth-child(1) {
    animation-delay: 0.5s;
}

.s-products-slider-card:nth-child(2) {
    animation-delay: 0.7s;
}

.s-products-slider-card:nth-child(3) {
    animation-delay: 0.9s;
}

.s-products-slider-card:nth-child(4) {
    animation-delay: 1.1s;
}