.main-slider .slide { display: flex; align-items: center; background-color: #fff; }
.main-slider .slide .slide-bg { position: absolute; top: 0; max-width: none; width: 100%; height: 100%; object-fit: cover; border: none; outline: none; }
.main-slider.zoom-in .slide-bg { transform: scale(1); transition: transform 30s ease-out, opacity .3s ease-in-out; }
.main-slider.zoom-in .swiper-slide-active .slide-bg { transform: scale(1.2); }
.main-slider.zoom-out .slide-bg { transform: scale(1.2); }
.main-slider.zoom-out .swiper-slide-active .slide-bg { transform: scale(1); transition: transform 30s ease-out; }
.main-slider .slide .slide-container { display: flex; justify-content: center; font-family: var(--secondary-font); }
.main-slider .swiper-lazy-loaded .slide-bg, .main-slider .swiper-lazy-loaded .slide-container { opacity: 1!important; }
.main-slider .slide .slide-caption { display: block; padding: 3rem; border: 2px solid; text-decoration: none; text-align: center; text-shadow: 1px 1px 3px rgb(0,0,0,.35); color: #fff; transition: 0.3s backdrop-filter ease; }
.main-slider .slide .slide-caption:hover { backdrop-filter: blur(.5rem); }
.main-slider .slide .slide-caption-title { margin: 0 0 .5rem; text-transform: uppercase; font-size: 6vmin; font-weight: 700; }
.main-slider .slider-btn { color: #fff; outline: none; }
.main-slider .slider-pagination { bottom: 4vmin; padding: 0 3rem; }
.main-slider .slider-pagination .swiper-pagination-bullet { width: 5vmin; height: 4px; border-radius: 0; background: #fff; opacity: .5; outline: none; }
.main-slider .slider-pagination .swiper-pagination-bullet-active { opacity: 1; }

#slider.acf-field { position: fixed!important; z-index: 9999!important; width: auto!important; height: 45%!important; right: 290px!important; left: 170px!important; bottom: 2rem!important; margin: 0; padding: 1rem; overflow-y: auto!important; border: 2px solid #000; background-color: #fff; box-shadow: 0px 0px 10px 0px #0009; }

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 575.98px) {
    .main-slider .slider-btn { top: auto; bottom: .5vmin; }
    .main-slider .slider-btn:after { font-size: 1.75rem; }
}