/* Swiper Slider */
.slider {
  max-width: 450px;
  max-height: 100%;
  margin: auto;
  overflow: hidden;
}

.swiper-container {
  max-width: 450px;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.swiper-container img {
  max-width: 100%;

}

.swiper-container .caption {
  color: #fff;                              
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.637);
  width: 100%;
  padding: 10px 15px 20px 15px;
}

.swiper-container .caption p {
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size:14px;
}
.caption-title{
  font-weight:400;
}
.swiper-button-next, .swiper-button-prev{
  color:#ffffff69;
  top:var(--swiper-navigation-top-offset,41%);
}
.swiper-button-next{
  margin-right:10px;
}
.swiper-button-prev{
  margin-left:10px;
}
.autoplay-progress {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: var(--swiper-theme-color);
}

.autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: var(--swiper-theme-color);
  fill: none;
  stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
  stroke: #ffffff69;
}
.autoplay-progress svg{
  stroke-width: 2px;
}
.swiper-pagination-bullet {
	width: 40px;
	height: 2px;
	border-radius: 0;
	position: relative;
	overflow: hidden;	
  background:#ffffffad;
  opacity:0.7;
	
	&::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
}

.swiper-pagination-bullet-active {
	background: rgba(#000, 0.4);
	
	&::before {
		background-color: #fff;
		animation: slide-progress 5s cubic-bezier(.3,0,.3,1) forwards;
		
		.swiper-paused & {
			opacity: 0;
			animation-play-state: paused;
		}
	}
}

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

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

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom:28px;
  position:relative;
}