[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%;
}

/**********************************************************/
/* Overflow ***********************************************/
/**********************************************************/
[data-widget="swiper"][data-swiper-overflow] .swiper{
	min-width: 0;
	min-height: 0;
	overflow: visible;
}

@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{
			overflow: visible;
		}
		[data-widget="swiper"][data-swiper-overflow] .swiper-slide{
			transition: var(--trans);
		}
		[data-widget="swiper"][data-swiper-overflow] .swiper:not(.insufficient-slides) .swiper-slide:not(.swiper-slide-fully-visible, .swiper-slide-active){
			opacity: 0.5;
		}

		/* Hidden Previous Items */
		[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;
		}
	}
}
/**********************************************************/
/* Equal Height *******************************************/
/**********************************************************/
[data-widget="swiper"][data-equal-height] .swiper-wrapper,
[data-widget="swiper"][data-equal-height] .swiper.insufficient-slides .swiper-wrapper{
    align-items: stretch;
}
[data-widget="swiper"][data-equal-height] .swiper-slide{
    height: auto;
}
[data-widget="swiper"][data-equal-height] .swiper-slide .item{
    height: 100%;
}

/**********************************************************/
/* Swiper Wrapper *****************************************/
/**********************************************************/
[data-widget="swiper"][data-swiper-swiper-center] .swiper-wrapper{
	align-items: center;
}
@media(min-width: 1025px){
	[data-widget="swiper"][data-swiper-insufficient-center] .swiper.insufficient-slides .swiper-wrapper{
		justify-content: center;
	}
}

/******************/
/* Item ***********/
/******************/
.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-swiper-arrows]{
	--size: 56px;
}
[data-widget="swiper"][data-swiper-arrows] .swiper-btn{
	width: var(--size, 50);
	height: var(--size, 50);
	position: absolute;
	/* top: 50%; */
	bottom: 0%;
	transform: translateY(-50%);
	background-color: transparent;
	background-color: var(--color-white);
	/* border: 1px solid var(--color-accent); */
	border-radius: 50%;
	z-index: 10;
	cursor: pointer;
	overflow: hidden;
	padding: 0;
}

[data-widget="swiper"][data-swiper-arrows] .swiper-btn-prev{
	left: calc(var(--size) * 0.25);
}
[data-widget="swiper"][data-swiper-arrows] .swiper-btn-next{
	right: calc(var(--size) * 0.25);
}
[data-widget="swiper"][data-swiper-arrows] .swiper-button-disabled{
	opacity: 0.3;
}
[data-widget="swiper"][data-swiper-arrows] .swiper-btn{
	justify-content: center;
	align-items: center;
}
/* [data-widget="swiper"][data-swiper-arrows] .swiper-btn svg{
	width: 100%;
	height: 100%;
} */
[data-widget="swiper"][data-swiper-arrows] .swiper-btn,
[data-widget="swiper"][data-swiper-arrows] .swiper-btn svg path{
	transition: var(--trans);
}
/* [data-widget="swiper"][data-swiper-arrows] .swiper-btn:hover::before,
[data-widget="swiper"][data-swiper-arrows] .swiper-btn:focus::before{
	background-color: var(--color-black-10);
}
[data-widget="swiper"][data-swiper-arrows] .swiper-btn:hover svg path,
[data-widget="swiper"][data-swiper-arrows] .swiper-btn:focus svg path{
	fill: var(--color-white);
} */

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

[data-widget="swiper"][data-swiper-arrows] .swiper-btn:not(.swiper-button-disabled):hover svg path,
[data-widget="swiper"][data-swiper-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-swiper-arrows][data-arrows-position="top"] .swiper-btn-prev{
        left: auto;
        right: calc(var(--size) + var(--gutter-200));
}
[data-widget="swiper"][data-swiper-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));
        }
        /* [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(2 * var(--size) +  var(--gutter));
            padding-bottom: calc(1 * var(--size) +  var(--gutter-600));
        }
        
        [data-widget="swiper"] .swiper.insufficient-slides .swiper-wrapper{
            transform: none !important;
        }
        [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-swiper-arrows] .swiper-btn{
		display: none;
	}
}

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

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


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

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

/**********************************************************************************************************/
/* Special Sliders ****************************************************************************************/
/**********************************************************************************************************/
/******************************************/
/* [Widget] Common Sliders ****************/
/******************************************/
[data-widget="swiper"][data-type="grid-to-swiper"] .swiper{
	opacity: 1;
}

/******************************************/
/* [Widget] Grid to Mobile Swiper *********/
/******************************************/
@media(max-width: 1024px){
	[data-widget="swiper"][data-type="grid-to-swiper"] .swiper{
		padding-block: var(--gap-600);
		padding-inline: var(--gutter);
	}
}
@media(min-width: 1025px){
	[data-widget="swiper"][data-type="grid-to-swiper"] .swiper-wrapper{
		padding-block: var(--gap-global);
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: var(--gap-global);
	}
	[data-widget="swiper"][data-type="grid-to-swiper"] .swiper-slide{
		height: auto;
	}
}



/******************************************/
/* [Widget] Swiper Gallery ****************/
/******************************************/
[data-component="swiper"][data-type="gallery"] .swiper{
	padding-top: var(--gap-600);
	padding-bottom: 0;
}
[data-component="swiper"][data-type="gallery"] .swiper-pagination{
	top: 0px;
	bottom: unset;
	display: flex;
	align-items: center;
	width: 100%;
	max-width: var(--col-2);
}
[data-component="swiper"][data-type="gallery"] .swiper-pagination .swiper-pagination-bullet{
	margin-inline: 0;
	border-radius: 0;
	width: 100%;
	height: 1px;
	background-color: var(--init-grey-400);
	flex-shrink: 1;
	pointer-events: none;
}
[data-component="swiper"][data-type="gallery"] .swiper-pagination .swiper-pagination-bullet-active{
	background-color: var(--color-secondary);
}
[data-component="swiper"][data-type="gallery"] .swiper-pagination::before,
[data-component="swiper"][data-type="gallery"] .swiper-pagination::after{
	flex-shrink: 0;
}
[data-component="swiper"][data-type="gallery"] .swiper-pagination::before{
	content: "01";
	margin-right: var(--gap-200);
}
[data-component="swiper"][data-type="gallery"] .swiper-pagination::after{
	content: attr(data-total-slides);
	margin-left: var(--gap-200);
}

@media(min-width: 1025px){
	[data-component="swiper"][data-type="gallery"] .swiper{
		padding-top: var(--gap-800)
	}
}