/* Textured background for hero slider */
.hero-texture-bg {
    background: url('/images/texture/paper-fibers.png'); /* Example texture, replace with your preferred one */
    background-size: cover;
    background-repeat: repeat;
    background-blend-mode: lighten;
    background-color: #e6f1fa; /* light blue background for a fresh look */
}

@media (max-width: 768px) {
    .hero-texture-bg {
        background-size: auto 100%;
    }
}