/*---------------------*/
/*   SWIPER            */
/*---------------------*/
.swiper-entry {position: relative;--pg-space: var(--sp-2xs);--sw-btn: 2rem;--sw-bullet: 0.375rem;}
.swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
.swiper-wrapper {-webkit-box-sizing: border-box;box-sizing: border-box;}
.swiper-container:not(.swiper-no-swiping) .swiper-wrapper {cursor: url(../img/drag.png) 16 9,ew-resize;}
.swiper-container-vertical:not(.swiper-no-swiping) .swiper-wrapper {cursor: url(../img/drag-vertical.png) 8 16,ns-resize;}
.swiper-slide {position: relative;}
.swiper-pagination-bullets.swiper-pagination-horizontal {width: auto;}
.swiper-pagination:not(.swiper-pagination-relative) {padding: 0 var(--sp-4xs);}
.swiper-pagination-bullets-dynamic {width: 100% !important;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left: unset;-webkit-transform: unset;transform: unset;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {left: unset !important;margin: 0 !important;-webkit-transition: var(--transition-1) !important;transition: var(--transition-1) !important;width: 0;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {width: var(--sw-bullet);margin: 0 0.25rem !important;-webkit-transform: scale(1);transform: scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {-webkit-transform: scale(1);transform: scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {width: calc(var(--sw-bullet) * 3);margin: 0 0.25rem !important;-webkit-transform: scale(1);transform: scale(1);}
.swiper-pagination {line-height: 0;z-index: 2;bottom: var(--pg-space) !important;pointer-events: none;}
.swiper-pagination.swiper-pagination-relative {position: relative;margin-top: var(--pg-space);bottom: auto !important;}
.swiper-pagination-bullet {position: relative;vertical-align: top;width: var(--sw-bullet);height: var(--sw-bullet);opacity: 1;border-radius: 100px;background: rgba(0, 0, 0, 0.5);-webkit-transition: var(--transition-1);transition: var(--transition-1);margin: 0 calc(var(--sw-bullet) / 2) !important;}
.swiper-pagination-bullet::after {content: none !important;}
.swiper-pagination-bullet-active {background: var(--clr-black);width: calc(var(--sw-bullet) * 4);}
.swiper-button-prev,
.swiper-button-next {position: absolute;color: var(--clr-black);right: auto;top: calc(50% - var(--sw-btn) / 2);left: calc(-1 * var(--sw-btn) - 1rem);margin: 0;width: var(--sw-btn);height: var(--sw-btn);border-radius: 100%;-webkit-transition: var(--transition-1);transition: var(--transition-1);pointer-events: all !important;background: var(--clr-white-50);}
.swiper-button-prev::before,
.swiper-button-next::before {content: "";position: absolute;top: 50%;left: 58%;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);width: 30%;height: 30%;border-width: 0 0 0.0625rem 0.0625rem;border-style: solid;border-color: currentColor;}
.swiper-button-prev:after,
.swiper-button-next:after {display: none;}
.swiper-button-next {left: auto;right: calc(-1 * var(--sw-btn) - 1rem);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.swiper-button-wrap {position: relative;line-height: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 2.5rem;}
.swiper-button-wrap .swiper-button-prev,
.swiper-button-wrap .swiper-button-next {position: relative;top: 0;left: 0;right: 0;}
.swiper-controls-hide .swiper-wrapper {cursor: default !important;}
.swiper-controls-hide .swiper-button-wrap,
.swiper-controls-hide .swiper-button-lock,
.swiper-controls-hide .swiper-pagination-lock {display: none !important;}
.slide-bot-overlay::before {content: "";position: absolute;z-index: 2;pointer-events: none;bottom: 0;left: 0;width: 100%;height: var(--sp-md);background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);}
.swiper-controls {z-index: 3;position: absolute;left: auto;top: auto;right: var(--sp-2xs);bottom: var(--sp-2xs);-webkit-transform: none;transform: none;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0;pointer-events: none;background: var(--clr-white-60);border-radius: 10rem;min-height: calc(var(--sw-btn) * 0.8);}
.swiper-controls .swiper-button-next,
.swiper-controls .swiper-button-prev {position: relative;left: unset;right: unset;-ms-flex-negative: 0;flex-shrink: 0;background: transparent;}
.swiper-controls .swiper-pagination {position: relative;bottom: auto !important;}
.swiper-controls_relative {padding: 0;-ms-flex-negative: 0;flex-shrink: 0;-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;width: calc(var(--sw-btn-width) * 2 + var(--sp-3xs));position: relative;top: unset;left: unset;-webkit-transform: none;transform: none;gap: var(--sp-3xs);}
@media (min-width: 1200px) {
.swiper-button-prev:hover,
.swiper-button-next:hover {background: var(--clr-white);}
}
@media (max-width: 1199px) {
.swiper-controls:not(.swiper-controls-mobile) {display: none;}
}
@media (max-width: 991px) {
.swiper-controls {bottom: var(--sp-3xs);right: var(--sp-3xs);}
}
@media (max-width: 575px) {
.swiper-container {overflow: visible;}
}