/* swiper */
.slider { position: relative; }
.slider .swiper-wrapper { align-items: stretch; /* restore equal-height */ }
.slider .swiper-slide { height: auto; display: flex; }

.slider .swiper-button-prev { left: 0 !important; border-radius: 0 75px 75px 0; }
.slider .swiper-button-next { right: 0 !important; border-radius: 75px 0 0 75px; }

.swiper-button-prev,
.swiper-button-next {
    width: 37.5px !important;
    height: 75px !important;
    background: white;
    color: #ad9264 !important;
    font-size: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    cursor: pointer;
    opacity: 0.75;
    z-index: 9;
    top: 50% !important;
    margin-top: 0 !important;
    transform: translateY(-50%) !important;
    pointer-events: all !important;
}
.swiper-button-prev:hover, .swiper-button-next:hover { opacity: 0.85; }
.swiper-button-prev i { margin-right: 10px; }
.swiper-button-next i { margin-left: 10px; }

.swiper[data-swiper="cards"] .swiper-button-prev,
.swiper[data-swiper="cards"] .swiper-button-next { top: 35% !important; }

/* pagination */
.swiper[data-swiper="cards"] .swiper-pagination, 
.swiper[data-swiper="images"] .swiper-pagination { 
    position: static !important; /* put it in normal flow */ margin-top: 16px; text-align: center; }
            
.swiper-pagination-bullet-active { background-color: #ad9264 !important; }