.river-slider-wrapper {
    width: 100%;
    height: 90vh;
    position: relative;
	max-height: 500px;
}

.river-slider {
    width: 100%;
    height: 100%;
}

.river-slider .swiper-slide img {
	width: 100%;
	height: 100%;
	border-radius:20px;
	2overflow: hidden;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	-o-border-radius:20px;
	object-fit: cover;
}

.river-slider .next-btn, .river-slider .prev-btn{
	position: absolute;
	top: 50%;
	width: 60px;
	height: 60px;
	background: #fff;
	z-index: 10;
	border-radius: 50px ;
	-webkit-border-radius: 50px ;
	-moz-border-radius: 50px ;
	-ms-border-radius: 50px ;
	-o-border-radius: 50px ;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	overflow: hidden;
	transition: all ease .3s;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-ms-transition: all ease .3s;
	-o-transition: all ease .3s;
	transform: translateY(-50%);
}

.river-slider .next-btn svg, .river-slider .prev-btn svg{
	width:38px;
}

.river-slider .next-btn:hover svg{
	animation-name: slide-right;
	animation-duration: .2s;
	animation-delay: .1;
	animation-timing-function: ease-in-out;
}

.river-slider .prev-btn:hover svg{
	animation-name: slide-left;
	animation-duration: .2s;
	animation-timing-function: ease-in-out;
}

.river-slider .next-btn:hover, .river-slider .prev-btn:hover{
	transform: scale(1.1) translateY(-50%);
	-webkit-transform: scale(1.1) translateY(-50%);
	-moz-transform: scale(1.1) translateY(-50%);
	-ms-transform: scale(1.1) translateY(-50%);
	-o-transform: scale(1.1) translateY(-50%);
}

.river-slider .prev-btn{
	left: 8%;
}

.river-slider .next-btn{
	right: 8%;
}


@keyframes slide-right {
	0% {
		transform: translateX(0);
	}
	50%{
		transform: translateX(100%);
	}
	51%{
		transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
	}
	100% {
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
}
}

@keyframes slide-left {
	0% {
		transform: translateX(0);
	}
	50%{
		transform: translateX(-100%);
	}
	51%{
		transform: translateX(100%);
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
	}
	100% {
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
	}
}

@media screen and (max-width: 1155px) {
	.river-slider-wrapper {
		height: 80vh;
	}
}

@media screen and (max-width: 768px) {
    
    .river-slider .next-btn, .river-slider .prev-btn{
        width: 45px;
        height: 45px;
    }
    
    .river-slider .next-btn svg, .river-slider .prev-btn svg {
    width: 35px;
}
	.river-slider-wrapper {
		height: 400px;
	}

	.river-slider .swiper-slide img {
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
	}
}

@media screen and (max-width: 480px) {
	.river-slider-wrapper {
		height: 200px;
	}
}