/*------------------------------------------------------------
  swiper slider
------------------------------------------------------------*/
.wp-pattern-slider {
	position: relative;
	overflow: hidden;
}

/*  swiper - swiper-box
--------------------------------------------- */
.wp-pattern-slider.swiper-box {
	padding-bottom: 5rem !important;
	overflow: visible;
	clip-path: inset(-9999px -9999px -9999px 0rem);
}

.wp-pattern-slider.swiper-box .swiper-wrapper {
	/* align-items: stretch; */
	/* overflow: visible; */
}

.wp-pattern-slider.swiper-box .swiper-slide {
	/* display: flex; */
	/* height: auto; */
}

.wp-pattern-slider.swiper-box .swiper-slide > div {
	width: 100%;
	margin: 0 !important;
}

/*  swiper - pagination
--------------------------------------------- */
.wp-pattern-slider .swiper-pagination {
	margin-top: 2rem;
}

.wp-pattern-slider .swiper-pagination .swiper-pagination-bullet {
	margin: 0 .4rem;
}

.wp-pattern-slider .swiper-pagination .swiper-pagination-bullet-active {
	background-color: var(--wp--preset--color--accent-1);
}

/*  swiper - prev/next
--------------------------------------------- */
/* .wp-pattern-slider.swiper-box .swiper-button-prev,
.wp-pattern-slider.swiper-box .swiper-button-next {
    position: relative !important;
    float: right;
    margin-left: 1.5rem;
    margin-top: 4rem;
    top: auto; bottom: auto; left: auto; right: auto;
    transform: none;
    width: 28px; height: 21px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.wp-pattern-slider.swiper-box .swiper-button-prev::after,
.wp-pattern-slider.swiper-box .swiper-button-next::after {
    content: '' !important;
}

.wp-pattern-slider.swiper-box .swiper-button-next {
	right: 0rem;
    background-image: url('../images/swiper-arrow-next.svg');
}

.wp-pattern-slider.swiper-box .swiper-button-prev {
	right: 2rem;
    background-image: url('../images/swiper-arrow-prev.svg');
} */

/*  swiper - scrollbar
--------------------------------------------- */
/* .wp-pattern-slider .swiper-scrollbar.swiper-scrollbar-horizontal {
	left: 0;
	right: 0;
	bottom: 0;
	width: 1320px;
	max-width: 100%;
	height: 6px;
}

.wp-pattern-slider .swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag {
	background: linear-gradient(145deg, #006FB9 55%, #5ACBC2 100%);
}

.wp-pattern-slider .swiper-scrollbar-drag {
	cursor: pointer;
} */