* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.slider-wrapper img {
	display: block;
	max-width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	-o-border-radius: 1px;
}

body {
	line-height: 1;
	font-size: 16px;
	background: -webkit-linear-gradient(
		90deg,
		#0008ff,
		#ff0000,
		#44ff00
	); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(
		90deg,
		#0008ff,
		#ff0000,
		#44ff00
	); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.container {
	max-width: 1200px;
	margin: 5px auto 5px;
	padding: 5px 0;
}

.slider-wrapper {
	width: 500px;
	height: 340px;
	margin: 0 auto;
}

/* .sliders .slider-wrapper {
	width: 360px;
	height: 440px;
} */

.btn {
	border: none;
	background: transparent;
	outline: none;
	cursor: pointer;
}

.slider-btn {
	width: 45px;
	height: 45px;
	background-color: #dddddd80;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	padding: 10px;
	position: absolute;
	z-index: 2;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
}

.slider-btn:hover {
	background-color: #dddddd;
}

.slider-prev {
	left: -55px;
}

.slider-next {
	right: -55px;
}

.slick-dots {
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-ms-transform: translate(-50%);
	-o-transform: translate(-50%);
	display: flex;
	list-style: none;
	gap: 20px;
	bottom: -30px;
}

.slick-dots li {
	line-height: 0;
	font-size: 0;
}

.slick-dots li button {
	line-height: 0;
	font-size: 0;
	border: none;
	background: #948383;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.slick-dots li.slick-active button {
	background: #ddd;
}

.sliders-2 .slider-wrapper {
	margin: 10 auto;
	border: 10px solid rgb(48, 223, 239);
}

.sliders-2 .slider-wrapper {
	width: 150px;
	height: 150px;
	margin: 10px;
}