.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);
    }
}



}