body{
    font-family: 'Jost', sans-serif;
}

.custom-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
    transform: translateY(-40px);
}

.custom-pagination .swiper-pagination-bullet {
	width: 11px;
	height: 11px;
	margin: 0 5px;
	background-color: #bdbdbd;
	border-radius: 10px;
	cursor: pointer;
	opacity: .7;
	transition: all .3s;
	position: relative;
	overflow: hidden;
}

.swiper-pagination-bullet::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.custom-pagination .swiper-pagination-bullet-active {
	background-color: #bdbdbd;
	opacity: 1;
	width: 70px;
	height: 7px;
}

.custom-pagination .swiper-pagination-bullet-active::before {
	background-color: #fff;
	width: 70px;
	height: 7px;
	opacity: 1;
	-webkit-animation: slide-progress 3s cubic-bezier(0.3, 0, 0.3, 1) forwards;
	animation: slide-progress 3s cubic-bezier(0.3, 0, 0.3, 1) forwards;
}
@-webkit-keyframes slide-progress {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(0);
	}
}

@keyframes slide-progress {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(0);
	}
}


.swiper-rooms .swiper-button-prev,.swiper-rooms  .swiper-button-next{
background-color: black;
border-radius: 50px;
padding: 28px;
color:white;
transition: .3s all ease-in;
}
.swiper-rooms .swiper-button-disabled{
opacity: 0;
}
.swiper-rooms .swiper-button-prev:hover,.swiper-rooms  .swiper-button-next:hover{

  transition:   .3s all ease-in;
  background-color: white;
color:black;
}
.swiper-rooms .swiper-button-next:after, .swiper-rooms .swiper-button-prev:after {
    font-size:30px;
    font-weight: 900;
}