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


/******************/
/* 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-slider-arrows]{
	--size: var(--size-200, 60px);
}
[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: 1px solid transparent;
	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);
}
/* [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-200));
}
[data-widget="swiper"][data-arrows-position="bottom"] .swiper-btn-next{
	left: calc(50% + var(--gutter-200));
}
/* [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 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));
		/* padding-bottom: 0; */
	}
	
	[data-widget="swiper"] .swiper.insufficient-slides .swiper-wrapper{
		transform: none !important;
		
		display: flex;
		justify-content: center;

	}
	/* [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][Slider] Gallery Images ********/
/******************************************/

[data-widget="swiper"][data-type="gallery"] .swiper-wrapper .item__thumbnail img{
	width: 100%;
	aspect-ratio: var(--image-aspect-ratio-pr);
}
[data-widget="swiper"][data-type="gallery"] .swiper:not(.insufficient-slides) .swiper-slide a{
	clip-path: polygon(0% 10%, 100% 10%, 100% 90%, 0% 90%);
	transition: var(--trans);
}
[data-widget="swiper"][data-type="gallery"] .swiper:not(.insufficient-slides) .swiper-slide.swiper-slide-active a{
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

[data-widget="swiper"][data-type="gallery"] .item[data-type="image"]:not(.swiper-slide-active) .item__thumbnail::after,
[data-widget="swiper"][data-type="gallery"] .item[data-type="image"]:not(.swiper-slide-active) .item__thumbnail::after{
	opacity: 0;
}
[data-widget="swiper"][data-type="gallery"] .swiper-slide-active .item[data-type="image"] .item__thumbnail::after,
[data-widget="swiper"][data-type="gallery"] .swiper.insufficient-slides .swiper-slide .item__thumbnail::after{
	opacity: 1;
}


/* AJDSAJKDA */
[data-component="gallery-filters"]{
    padding-inline: 0 !important;
}




/***************************************/
/* [Component] Swiper Instagram ********/
/***************************************/
[data-widget="swiper"][data-type="instagram"] a.item--instagram img{
	aspect-ratio: var(--image-aspect-ratio-sq);
}
[data-widget="swiper"][data-type="instagram"] a.item--instagram,
[data-widget="swiper"][data-type="instagram"] a.item--instagram * {
    width: 100%;
    height: 100%;
}

@media(min-width: 1025px){
	[data-widget="swiper"][data-type="instagram"] .swiper{
		opacity: 1;
	}
	[data-widget="swiper"][data-type="instagram"] .swiper-wrapper{
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--gutter);
	}
}


/*******************************************/
/* [Component] Swiper Services Not Desktop */
/*******************************************/
/* [data-widget="swiper"][data-type="services"] .swiper-wrapper{
	align-items: center;
}
[data-widget="swiper"][data-type="services"] .swiper-wrapper .swiper-slide{
	height: auto;
}
@media(min-width:1025px){
	[data-widget="swiper"][data-type="services"] .swiper{
		opacity: 1;
	}
	[data-widget="swiper"][data-type="services"] .swiper-wrapper{
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
} */