/* 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{color:#fff; display: flex; align-items: center; justify-content: center; border:1px solid #fff; border-radius:0; width:2.5rem; height:2.5rem; transition:color 0.2s ease, background 0.2s ease, border 0.2s ease;}
.swiper-button-next:hover, .swiper-button-prev:hover{border-color:var(--color-hover); background: var(--color-hover);}
.swiper-button-next::after, .swiper-button-prev::after{font:var(--font-icon); font-size: 1.25rem;}
.swiper-button-prev::after{content: '\f053';}
.swiper-button-next::after{content: '\f054';}

.swiper-pagination-bullets{padding:0 1.5rem; display: flex; height:0.375rem; gap:0.5rem; align-items: flex-end; justify-content: center;}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{margin-top:var(--margin-normal); 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{width:auto; flex-basis:4rem; height:0.125rem; background: var(--color-blue); opacity:0.3; border:0; border-radius:0; transition: background 0.2s ease, height 0.2s ease, opacity 0.2s ease;}
.swiper-pagination-bullet:hover{opacity:1; height:0.375rem; background: var(--color-hover);}
.swiper-pagination-bullet-active, .swiper-pagination-bullet-active:hover{cursor: default; opacity:1; background: var(--color-blue); height:0.375rem;}

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