@charset "utf-8";
/* CSS Document */

.slider-layout {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 890px;
	margin: 20px auto;
	gap: 10px;
}
.nav-button {
	color: white;
	border: none;
	width: 20px;
	height: 20px;
	cursor: pointer;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s;
	user-select: none;
	font-size: 20px;
	font-weight: bold;
}
.nav-button.prev::before { 
	content: '';
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    display: inline-block;
    position: relative;
    left: 2px;
    width: 12px;
    height: 12px;
    border-right: 3px solid #008473;
    border-bottom: 3px solid #008473; 
}
.nav-button.next::before { 
	content: '';
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    display: inline-block;
    position: relative;
    left: -2px;
    width: 12px;
    height: 12px;
    border-left: 3px solid #008473;
    border-top: 3px solid #008473;
}
.slideshow-container {
	flex: 1;
	overflow: hidden;
}
.slides-wrapper {
	display: flex;
	transition: transform 0.5s ease;
	user-select: none;
	gap: 20px;
	padding: 0;
}
.slide {
	flex-shrink: 0;
}
.slide img {
	width: 100%;
	height: auto;
	display: block;
}