/* swiper-slider custom */
.swiper-container{overflow: hidden;}
.swiper-wrapper{align-items: stretch;}
.swiper-slide{display: flex; align-items: center; flex-direction: column; justify-content: center; height:auto;}

.swiper-button-next, .swiper-button-prev{margin-top:0; color:var(--color-link); border:1px solid var(--color-link); flex:none; width:3.875rem; height:3.875rem; transition:color 0.2s ease, background 0.2s ease, border 0.2s ease;}
.swiper-button-next:hover, .swiper-button-prev:hover{color:var(--color-hover);}
.swiper-button-next::after, .swiper-button-prev::after{font:var(--font-icon); font-size: 1.5rem;}
.swiper-button-prev::after{content: '\f053';}
.swiper-button-next::after{content: '\f054';}

.color-white .swiper-button-next, .color-white .swiper-button-prev{border-color:#fff; color:#fff;}
.color-white .swiper-button-next:hover, .color-white .swiper-button-prev:hover{border-color:var(--color-hover); background: var(--color-hover);}

.swiper-pagination-bullets{display: flex; gap:1rem; align-items: flex-end;}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{position: relative; font-size: 1px; line-height:1; bottom:0;}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{width:1rem; height:1rem;}
.swiper-pagination-bullet{outline:1px solid transparent; outline-offset: 0; width:0.375rem; height:0.375rem; background: var(--color-base); opacity:1; transition: background 0.2s ease, outline 0.2s ease, outline-offset 0.2s ease, transform 0.2s ease;}
.swiper-pagination-bullet:hover, .swiper-pagination-bullet:focus{transform:scale(2); background: var(--color-hover); opacity:1;}
.swiper-pagination-bullet-active, .swiper-pagination-bullet-active:hover, .swiper-pagination-bullet-active:focus{transform:scale(1); outline-color:var(--color-base); outline-offset: 0.25rem; cursor: default; opacity:1; background: var(--color-base);}

.color-white .swiper-pagination-bullet:not(:hover):not(:focus){background:#fff;}
.color-white .swiper-pagination-bullet-active, .color-white .swiper-pagination-bullet-active:hover, .color-white .swiper-pagination-bullet-active:focus{outline-color:#fff; background:#fff;}

@media (max-width: 991.98px) {
	.swiper-pagination-bullet-active, .swiper-pagination-bullet-active:hover, .swiper-pagination-bullet-active:focus{outline-offset: 0.3rem;}
}