:root {
	--swiper-theme-color: #D20011;
	--swiper-navigation-size: 3rem;
	--swiper-pagination-color: #D20011;
	--swiper-navigation-color: #004A5E;
	--swiper-pagination-bullet-inactive-color: #004A5E;
	--swiper-pagination-bullet-inactive-opacity: .5;
	--swiper-pagination-bullet-size: .75rem;
	--swiper-pagination-bullet-horizontal-gap: calc(var(--swiper-pagination-bullet-size) / 2);
}

.swiper--custom {position: relative; padding-bottom: calc(3 * var(--swiper-pagination-bullet-size))}
.swiper--custom.without-pagination {padding-bottom: 0}
.swiper--custom .swiper-button, .swiper--custom .swiper-pagination-bullets {transition: var(--default_animation)}
.swiper--custom .swiper-pagination-bullets {bottom: 0}
button.swiper-button {background: transparent; border: 0}

.swiper--custom.swiper--custom_buttons .swiper_buttons__wrap {border-top: 1px #444 solid}
.swiper--custom.swiper--custom_buttons .swiper-button {width: 2rem; height: 3rem; padding: 0; top: auto; bottom: 0; margin: 0}
.swiper--custom.swiper--custom_buttons .swiper-button:hover {opacity: .5}
.swiper--custom.swiper--custom_buttons .swiper-button:after {font-family: 'Material Icons'; color: var(--bs-cyan); font-size: 2rem}
.swiper--custom.swiper--custom_buttons .swiper-button-prev:after {content: 'west'}
.swiper--custom.swiper--custom_buttons .swiper-button-next:after {content: 'east'}

.swiper--custom:not(.without-pagination) .swiper-button {margin-top: calc((-1.5 * var(--swiper-pagination-bullet-size)) - (var(--swiper-navigation-size)/ 2))}

.swiper--custom .swiper-button {width: var(--swiper-navigation-size); height: var(--swiper-navigation-size); transition: var(--default_animation); opacity: .25}
.swiper--custom .swiper-button-disabled {color: var(--bs-gray-300)}
.swiper--custom .swiper-button:hover {opacity: 1}
.swiper--custom.navigation-outside .swiper-button-prev {left: calc(-.5rem - var(--swiper-navigation-size))}
.swiper--custom.navigation-outside .swiper-button-next {right: calc(-.5rem - var(--swiper-navigation-size))}