.swiper-button-next {
	right: 5px;
	left: auto;
	width: auto;

	&:after {
		display: none;
	}
}

.swiper-rtl {
	.swiper-button-prev {
		right: 5px;
		left: auto;
	}

	.swiper-button-next {
		left: 5px;
		right: 5px;
		left: auto;
		width: auto;

		&:after {
			display: none;
		}
	}
}

.swiper-button-prev {
	left: 5px;
	right: auto;
	width: auto;

	&:after {
		display: none;
	}
}

.swiper-button {
	position: absolute;
	bottom: 7%;
	width: 75%;
	margin: auto;
	left: 13%;

	@include respond-to("xxl") {

		bottom: 7%;
		width: 84%;
		left: 8%;
	}

	i {
		width: 50px;
		height: 50px;
		border: 1px solid $white-colour;
		@include flexcenter;
		color: $white-colour;
		@include transition;
		border-radius: 50%;

		@include respond-to("md") {
			width: 40px;
			height: 40px;
			font-size: 14px;
		}

		&:hover {
			background-color: $white-colour;
			color: $drak-color;
		}
	}
}