.slideshow-container {
    position: relative;
    overflow: hidden; 
}

.bg-brown-translucent {
    background-color: rgba(160, 82, 45, 0.7); 
}
.mySlides {
    display: none; 
    width: 100%;
    object-fit: cover;
    transition: opacity 1s ease-in-out;
}

.mySlides.active {
    display: block;
}


.mySlides img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nav-link {
    transition: all 0.2s ease-in-out;
}
.nav-link:hover {
    transform: translateY(-2px);
    color: #7d7b7a; 
}
h3{
    color: rgba(160, 82, 45, 0.6);  
}
.mobile-menu {
    display: none;
}


.mobile-menu.active {
    display: flex;
}