/* Slider Styles */
#slider-container {
	position: relative;
	width: 100%;
	height: 400px;
    z-index: -1;
	overflow: hidden;
	margin: 0 auto -1rem auto; /* Added negative margin-bottom */
	background-image: url('sliderbg1.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    background-blend-mode: lighten;
    background-color: rgba(255,255,255,0.05);
}

.slider-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	transition: transform 0.5s ease-in-out;
    z-index: 5;

}

.slide {
	flex: 1 0 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	font-size: 3.6rem;
	color: #ffff4d;
    opacity: 1; /* Initially visible */
    transition: opacity 0.5s ease-in-out; /* Adjust duration as needed */
}

.slide.fading-out {
    opacity: 0;
}

.slide.fading-in {
    opacity: 1;
}

.slide:nth-child(1) {
	background-color: transparent;
}

.slide:nth-child(2) {
	background-color: transparent;
}

.slide:nth-child(3) {
	background-color: transparent;
}

.slider-nav {
	display: flex;
	justify-content: center;
	margin-top: 1rem;
}