*, *:before, *:after{box-sizing: border-box;}
.ods-slider{padding-bottom: 40px; width: 100%;}
.ods-slider .swiper-slide{position: relative;}
.ods-slider.alt-ods-slider .swiper-slide{border-radius: 12px; overflow: hidden;}
.ods-slider .swiper-slide::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 40%); pointer-events: none; border-radius: 12px; z-index: 1;}
.ods-slider .swiper-slide img{width: 100%; display: block; border-radius: 12px;}
.ods-slider.alt-ods-slider .swiper-slide img{transition: transform 0.2s linear;}
/*.ods-slider.alt-ods-slider .swiper-slide a:hover img{transform: scale(1.1);}*/
.ods-slider .swiper-slide .overlay{position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); text-align: center; padding: 0 15px; color: white; width: 100%; z-index: 2;}
.ods-slider .swiper-slide .overlay p{margin: 0 0 15px; font-family: Jost, sans-serif; font-size: 19px; text-shadow: 0 0 8px rgba(0, 0, 0, 0.84); color: #f7f7f7; line-height: 1.15;}
.ods-slider.alt-ods-slider .swiper-slide .overlay span{min-width: 80px; display: inline-block; padding: 8px 16px; border-radius: 24px; color: #f7f7f7; font-family: Jost, sans-serif; font-size: 12px; text-decoration: none; transition: all 0.3s; border: 1px solid #fff; background: rgba(0,0,0,.33); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); text-shadow: none !important; letter-spacing: .017em;}
.ods-slider.alt-ods-slider .swiper-slide a:hover .overlay span{background-color: white; color: #1d1d1f;}

.swiper-button-next, .swiper-button-prev{top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); color: white; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 1.5rem; text-decoration: none; z-index: 10; transition: background 0.3s; cursor: pointer; user-select: none;}
.swiper-button-next:hover, .swiper-button-prev:hover{background: rgba(0, 0, 0, 0.7);}
.swiper-button-next:after, .swiper-button-prev:after{content: none;}
.swiper-button-next{right: 10px;}
.swiper-button-prev{left: 10px;}
.swiper-button-next svg, .swiper-button-prev svg{width: 32px; height: 32px;}
.swiper-pagination{ text-align: center; }
.swiper-pagination-horizontal.swiper-pagination-bullets{justify-content: center;}
.swiper-pagination-bullet{display: inline-block; width: 12px; height: 12px; margin: 5px; background: #bbb; border-radius: 50%; text-indent: -9999px; transition: background 0.3s linear; opacity: 1;}
.swiper-pagination-bullet-active{background: #333;}

@media only screen and (max-width: 767px) {
	.ods-slider .swiper-slide .overlay p {font-size: 17px; line-height: 1.3;}
	.ods-slider.alt-ods-slider .swiper-slide .overlay span {padding: 6px 20px; font-size: 11px; -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; transition-property: none; }
	.ods-slider.alt-ods-slider .swiper-slide a:active .overlay span, .ods-slider.alt-ods-slider .swiper-slide a:focus .overlay span {color: #1d1d1f; background: white;}
}