:root {
	--color__swiper_active:var(--bs-primary);
	--color__swiper_inactive:var(--color__gray_light--mod1);
}



.swiper-custom {position: relative; padding-bottom: 2.5rem; overflow: hidden;}
.swiper-custom .swiper-wrapper {height:auto}
.swiper-custom:has(.swiper-pagination) {padding-bottom:var(--h4)}
/* .swiper-custom:not(.without-navigation) .swiper {margin-left: 3rem; margin-right: 3rem;} */
/* .swiper-custom:not(.without-navigation) .swiper {margin-left: 3rem; margin-right: 3rem;} */
.swiper-custom .swiper-pagination {bottom: .25rem !important; left: 0; right: 0}
.swiper-custom .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: .5rem;}
.swiper-custom .swiper-button, .swiper-custom .swiper-button:after {width: 2rem; height: 2rem; font-size: 2rem}
.swiper-custom .swiper-button {transition: .5s all; opacity: .25; top: calc(50% - 1rem)}
.swiper-custom .swiper-button:focus {outline: none;}
.swiper-custom .swiper-button:hover, .swiper-custom .swiper-button:focus {opacity: .75; color: var(--color__swiper_active)}
.swiper-pagination-bullet.swiper-pagination-bullet-active {background: var(--color__swiper_active);}
.swiper-custom .swiper-button:after {font-family: 'Material Icons'; color: inherit}
.swiper-custom .swiper-button-prev:after {content: "arrow_back_ios";}
.swiper-custom .swiper-button-next:after {content: "arrow_forward_ios";}
.swiper-custom .swiper-button-prev {left: 0rem;}
.swiper-custom .swiper-button-next {right: 0rem;}
@media (max-width: 1051px) { /* 991 + 2*2rem */
	.swiper-custom {padding: 0 1.5rem}
	.swiper-custom .swiper-button {top: calc(50% - .75rem);}
	.swiper-custom .swiper-button, .swiper-custom .swiper-button:after {width: 1.5rem; height: 1.5rem; font-size: 1.5rem; text-align: center;}
	.swiper-custom .swiper-button-prev {left: 0;}
	.swiper-custom .swiper-button-next {right: 0;}
}
@media (min-width: 1056px) { /* 992 + 2*2rem */
	.swiper-custom .swiper-pagination-bullet {width: .5rem; height: .5rem;}
	.swiper-custom .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: .75rem;}
	.swiper-custom .swiper-button-prev {left: -2rem;}
	.swiper-custom .swiper-button-next {right: -2rem;}
}