*, *:before, *:after{box-sizing: border-box;}
.ods-slider{ width: 100%;}
.ods-slider .swiper-slide{display: flex; flex-direction: column; height: auto; position: relative;}
.ods-slider .swiper-slide .slide-thumb{position: relative;}
.ods-slider .swiper-slide .slide-thumb::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 .slide-thumb img{width: 100%; display: block; border-radius: 12px;}
.ods-slider .swiper-slide .slide-info{display: flex; flex-direction: column; align-items: center; flex-grow: 1; padding: 15px 24px 20px; text-align: center;}
.ods-slider .swiper-slide p{margin: 0 0 15px; font-family: Jost, sans-serif; font-size: 19px; color: #1d1d1f; line-height: 1.1;}
.ods-slider .swiper-slide a{min-width: 80px; display: inline-block; padding: 8px 20px; border-radius: 24px; color: #f7f7f7; font-family: Jost, sans-serif; font-size: 13px; text-decoration: none; transition: all 0.3s; border: 1px solid #1d1d1f; background: #1d1d1f; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); text-shadow: none !important; margin-top: auto;}
.ods-slider .swiper-slide a:hover{background-color: #f7f7f7; 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 a, .ods-slider .swiper-slide .overlay a:hover{color: #1d1d1f; background: rgba(255, 255, 255, .93);}
}