[data-widget="swiper"]{
	--padding: 100px;
	--offset: calc(var(--padding, 100px) * 0.75);
	position: relative;
	display: grid;
	align-items: flex-start;
	min-width: 0;
	min-height: 0;
}

[data-widget="swiper"] .swiper{
	max-width: 100%;
	/* min-width: 0;
	min-height: 0; */
	opacity: 0;
	transition: opacity 1s;
}
[data-widget="swiper"] .swiper.swiper-initialized{
	opacity: 1;
}

@media(max-width:767px){
	[data-widget="swiper"]{--offset:  calc(var(--padding, 100px) * 0.6);}

	section.px-xs-0 .swiper{padding-inline: var(--padding-container-inline);}
}

/**********************************************************************************************************/
/* Slider *************************************************************************************************/
/**********************************************************************************************************/
[data-widget="swiper"],
[data-widget="swiper"] .swiper{
	width: 100%;
}
[data-widget="swiper"][data-swiper-overflow] .swiper,
[data-widget="swiper"][data-swiper="overflow"] .swiper{
	min-width: 0;
	min-height: 0;
}

@supports selector(:has(*)) {
	[data-component="page-builder"] > [data-component]:has([data-swiper-overflow]){
		overflow: hidden;
	}
	@media(min-width: 1025px){
		[data-widget="swiper"][data-swiper-overflow] .swiper,
		[data-widget="swiper"][data-swiper="overflow"] .swiper{
			overflow: visible;
		}
		[data-widget="swiper"][data-swiper-hide-prev-items] .swiper .swiper-slide{
			transition: var(--trans-500);
		}
		[data-widget="swiper"][data-swiper-hide-prev-items] .swiper .swiper-slide:has(~ .swiper-slide-active){
			opacity: 0;
			pointer-events: none;
		}
	}
}


[data-widget="swiper"] .swiper-wrapper{
	align-items: stretch;
}
[data-widget="swiper"] .swiper-wrapper .swiper-slide{
	height: auto;
}
[data-widget="swiper"] .swiper-wrapper .swiper-slide .item{
	height: 100%;
}

/******************/
/* Item ***********/
/******************/
[data-widget="swiper"] .swiper-slide.item{
	height: auto;
	margin-inline: 0;
	display: flex;
	flex-direction: column;
	-webkit-user-select: none;
	user-select: none;
}




/**********************************************************/
/* Arrows *************************************************/
/**********************************************************/
[data-widget="swiper"] .swiper-btn{
	position: relative;
}
[data-widget="swiper"][data-slider-arrows]{
	--size: 38px;
}
[data-widget="swiper"][data-slider-arrows] .swiper-btn{
	width: var(--size, 50);
	height: var(--size, 50);
	height: auto;
	position: absolute;
	bottom: 0%;
	transform: translateY(-50%);
	/* border: var(--border);*/
	border-radius: 50%; 
	z-index: 10;
	cursor: pointer;
	overflow: hidden;
}
[data-widget="swiper"][data-slider-arrows] .swiper-btn-prev{
	left: calc(var(--size) * 0.25);
}
[data-widget="swiper"][data-slider-arrows] .swiper-btn-next{
	right: calc(var(--size) * 0.25);
}
[data-widget="swiper"][data-slider-arrows] .swiper-button-disabled{
	opacity: 0.3;
}
[data-widget="swiper"][data-slider-arrows] .swiper-btn svg{
	width: 100%;
	height: 100%;
}
[data-widget="swiper"][data-slider-arrows] .swiper-btn,
[data-widget="swiper"][data-slider-arrows] .swiper-btn svg path{
	transition: var(--trans);
}

[data-widget="swiper"][data-slider-arrows] .swiper-btn:not(.swiper-button-disabled):hover,
[data-widget="swiper"][data-slider-arrows] .swiper-btn:not(.swiper-button-disabled):focus{
	background-color: var(--color-primary);
}
[data-widget="swiper"][data-slider-arrows] .swiper-btn:not(.swiper-button-disabled):hover svg path,
[data-widget="swiper"][data-slider-arrows] .swiper-btn:not(.swiper-button-disabled):focus svg path{
	fill: var(--color-white);
}



/* [Case: Arrows Top] */
[data-widget="swiper"][data-arrows-position="top"] .swiper-btn{
	top: 0;
	bottom: auto;
	transform: translate(0%, 0%);
}
[data-widget="swiper"][data-slider-arrows][data-arrows-position="top"] .swiper-btn-prev{
	left: auto;
	right: calc(var(--size) + var(--gutter-200));
}
[data-widget="swiper"][data-slider-arrows][data-arrows-position="top"] .swiper-btn-next{
	right: 0;
}

/* [Case: Arrows Bottom Center] */
[data-widget="swiper"][data-arrows-position="bottom"] .swiper-btn{
	/* bottom: calc(-1 * (var(--size) +  var(--gutter-600))); */
	bottom: 0;
	transform: translate(0%, 0%);
}
[data-widget="swiper"][data-arrows-position="bottom"] .swiper-btn-prev{
	left: calc(50% - var(--size) - var(--gutter-100));
}
[data-widget="swiper"][data-arrows-position="bottom"] .swiper-btn-next{
	left: calc(50% + var(--gutter-100));
}
/* [Case: Arrows Bottom Left] */
[data-widget="swiper"][data-arrows-position="bottom-left"] .swiper-btn{
	bottom: 0;
	transform: translateY(0);
}
[data-widget="swiper"][data-arrows-position="bottom-left"] .swiper-btn-prev{
	left: 0;
}
[data-widget="swiper"][data-arrows-position="bottom-left"] .swiper-btn-next{
	left: calc(var(--size) + var(--gutter-400));
}
/* [Case: Arrows Bottom Right] */
[data-widget="swiper"][data-arrows-position="bottom-right"] .swiper-btn{
	bottom: 0;
	transform: translateY(0);
}
[data-widget="swiper"][data-arrows-position="bottom-right"] .swiper-btn-prev{
	left: auto;
	right: calc(var(--size) + var(--gutter-400));
}
[data-widget="swiper"][data-arrows-position="bottom-right"] .swiper-btn-next{
	right: 0;
}

@media(min-width: 1025px){
	/* [Case: Arrows Top] */
/* 	[data-widget="swiper"][data-arrows-position="top"] .swiper:not(.insufficient-slides){
		padding-top: calc(var(--size) + var(--gutter));
	} */
	[data-widget="swiper"][data-arrows-position="top"] .swiper{
		padding-top: calc(var(--size) + var(--gutter));
	}

	/* [Case: Arrows Bottom] */
	[data-widget="swiper"][data-arrows-position="bottom"] .swiper:not(.insufficient-slides),
	[data-widget="swiper"][data-arrows-position="bottom-left"] .swiper:not(.insufficient-slides),
	[data-widget="swiper"][data-arrows-position="bottom-right"] .swiper:not(.insufficient-slides){
		padding-bottom: calc(var(--size) +  var(--gutter-400));
	}
	
	[data-widget="swiper"] .swiper.insufficient-slides .swiper-wrapper{
		transform: none !important;
		/* display: flex; */
		/* justify-content: center; */
	}
	[data-widget="swiper"] .swiper.insufficient-slides .swiper-wrapper .swiper-slide:last-child{
		margin-right: 0 !important;
	}

	/* [Case: Arrows Bottom Left] */
	[data-widget="swiper"][data-arrows-position="bottom-left"] .swiper{
		padding-bottom: calc(var(--size) +  var(--gutter-600));
	}
}


/* [Case: Arrows Outside wrapper] */
[data-widget="swiper"][data-arrows-position="outside"]{
	--offset-button: 20px;
	--offset-outside: -1;
	transform: scale(1);
}
[data-widget="swiper"][data-arrows-position="outside"] .swiper-btn-prev{
	left: calc(var(--size) * var(--offset-outside) - var(--offset-button));
}
[data-widget="swiper"][data-arrows-position="outside"] .swiper-btn-next{
	right: calc(var(--size) * var(--offset-outside) - var(--offset-button));
}
[data-widget="swiper"][data-arrows-position="outside"] .swiper-btn{
	position: fixed;
}
[data-widget="swiper"][data-arrows-position="outside"] .swiper-btn svg path,
[data-widget="swiper"][data-arrows-position="outside"] .swiper-btn:hover svg path,
[data-widget="swiper"][data-arrows-position="outside"] .swiper-btn:focus svg path{
	fill: var(--color-primary);
}

[data-widget="swiper"][data-arrows-position="outside"].repositioned-arrows{
	--size: 60px;
}
[data-widget="swiper"][data-arrows-position="outside"].repositioned-arrows .swiper{
	position: relative;
	padding-bottom: calc(var(--size) + var(--gap-400));
}
[data-widget="swiper"][data-arrows-position="outside"].repositioned-arrows .swiper-btn{
	position: absolute;
	top: calc(100% - var(--size));
	transform: translateY(0);
}
[data-widget="swiper"][data-arrows-position="outside"].repositioned-arrows .swiper-btn svg{
	width: var(--size);
	height: var(--size);
}
[data-widget="swiper"][data-arrows-position="outside"].repositioned-arrows .swiper-btn.swiper-btn-prev{
	left: auto;
	right: calc(var(--size) + var(--gap-300));
}
[data-widget="swiper"][data-arrows-position="outside"].repositioned-arrows .swiper-btn.swiper-btn-next{
	right: 0;
}

@media(max-width:1024px){	
	[data-widget="swiper"][data-slider-arrows] .swiper-btn{
		display: none;
	}
}


/**********************************************************/
/* DOTS ***************************************************/
/**********************************************************/
[data-widget="swiper"][data-slider-pagination]{padding-bottom: 0;}
[data-widget="swiper"][data-slider-pagination] .swiper-pagination-bullet{
	background-color: var(--color-accent, #000000);
	background-color: var(--color-primary);
	opacity: 0.20;
	transition: var(--trans);
	transform: scale(0.8);
}
[data-widget="swiper"][data-slider-pagination] .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;transform: scale(1);}

/* [data-widget="swiper"][data-slider-pagination] .swiper-pagination-bullet,
[data-widget="swiper"][data-slider-pagination] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
[data-widget="swiper"][data-slider-pagination] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
[data-widget="swiper"][data-slider-pagination] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
[data-widget="swiper"][data-slider-pagination] .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
	transform: scale(0.8);
} */
[data-widget="swiper"][data-slider-pagination] .swiper-pagination-bullet{
    flex-shrink: 0;
}


@media(min-width:1025px){
	[data-widget="swiper"][data-slider-pagination] .swiper-pagination{display: none;}
	
	[data-widget="swiper"][data-slider-pagination][data-pagination-desktop] .swiper{padding-bottom: var(--gap-700);}
	[data-widget="swiper"][data-slider-pagination][data-pagination-desktop] .swiper-pagination{display: block;}
}

@media(max-width:1024px){
	/******************/
	/* Dots ***********/
	/******************/
	[data-widget="swiper"][data-slider-pagination] .swiper,
	[data-widget="swiper"][data-slider-pagination][data-arrows-position="bottom"] .swiper{padding-bottom: var(--offset, 100px);}
	[data-widget="swiper"][data-slider-pagination] .swiper-pagination{
		padding-inline: var(--padding-container-inline);
		display: flex;
		justify-content: center;
		bottom:var(--gap)
	}
}

/**********************************************************************************************************/
/* Special Sliders ****************************************************************************************/
/**********************************************************************************************************/
/* [data-widget="swiper"] .swiper-btn:not(.swiper-button-disabled):hover svg path{
    fill: var(--color-accent);
} */

/******************************************/
/* [Widget] Carousel with Messages ********/
/******************************************/
header#site-header [data-widget="swiper"][data-type="carousel-messages"]{
	width: 100%;
}
[data-widget="swiper"][data-type="carousel-messages"]{
    padding-block: var(--gap-100);
    padding-inline: var(--padding-container-inline);
    min-height: var(--height-header-topbar);
    display: flex;
    justify-content: center;
    align-items: center;
}
[data-widget="swiper"][data-type="carousel-messages"] .item .item__title,
[data-widget="swiper"][data-type="carousel-messages"] .item .item__title p{
    --lines: 2;
    position: relative;
    font-family: var(--ff-text);
	font-size: var(--fs-200);
    line-height: var(--lh-100);
	color: var(--color-secondary);
    text-align: center;
}
[data-widget="swiper"][data-type="carousel-messages"] .swiper-wrapper{
	align-items: center;
}

/* Link Underline */
[data-widget="swiper"][data-type="carousel-messages"] a{
	position: relative;
	display: inline-block;
	color: inherit;
}
[data-widget="swiper"][data-type="carousel-messages"] a::after{background-color: currentColor;content: '';position: absolute;bottom: -2px;bottom: 0px;left: 0;width: 100%;height: 1px;transform: scaleX(0);transform-origin: right bottom;transition: transform var(--trans-duration-600) cubic-bezier(0.4, 0, 0, 1);pointer-events: none;}
[data-widget="swiper"][data-type="carousel-messages"] a::after{transform: scaleX(1);transform-origin: left bottom;}
[data-widget="swiper"][data-type="carousel-messages"] a:hover::after,
[data-widget="swiper"][data-type="carousel-messages"] a:focus::after{transform: scaleX(0);transform-origin: right bottom;}

@media(min-width: 1025px){
	[data-widget="swiper"][data-type="carousel-messages"]{
		--fs-300: 13px;
	}
	[data-widget="swiper"][data-type="carousel-messages"] .item .item__title,
	[data-widget="swiper"][data-type="carousel-messages"] .item .item__title p{
		font-size: var(--fs-300);
	}
}