/* Slider Group */
.swiper-group{--padding: 100px;position: relative;}
.swiper-group .swiper{opacity: 0;transition: all 1s}
.swiper-group .swiper.swiper-initialized{opacity: 1;}

.swiper-group[data-slider-overflow="true"] .swiper{overflow: visible;}

/* Slider */
.swiper{width: 100%;}
.swiper-group{margin-top: var(--gap-900, 80px);}

/* Arrows */
.swiper-btn{--size: 66px;width: var(--size, 50);height: var(--size, 50);position: relative;background-color: #FFFFFF30;border-radius: 50%;overflow: hidden;position: absolute;top:50%;transform: translateY(-50%);z-index: 10;cursor: pointer;transition: var(--trans);}
.swiper-btn-prev{left: calc(var(--size) * 0);}
.swiper-btn-next{right: calc(var(--size) * 0);}
.swiper-button-disabled{opacity: 0.5;pointer-events: none;}

.swiper-btn:before,
.swiper-btn:after{content: "";position: absolute;inset: 0px;border-radius: 50%;transition: var(--trans);}
.swiper-btn:before{z-index: -1;background: var(--color-background);transform: translateX(-101%);}
.swiper-btn:after{inset: 0px;z-index: 1;background-color: var(--color-background);background-position: center;background-repeat: no-repeat;}

.swiper-btn-prev:after{background-image: url('../images/icon-slider-arrow-prev.svg');}
.swiper-btn-next:after{background-image: url('../images/icon-slider-arrow-next.svg');}

.swiper-btn:hover:before{transform: translateX(0%);}

/* [Case: Arrows Top] */
.swiper-group[data-arrows-position="top"] {padding-inline:0;padding-top: var(--padding, 100px);}
.swiper-group[data-arrows-position="top"] .swiper-btn{top:0;transform: translateY(0%);}
.swiper-group[data-arrows-position="top"] .swiper-btn.swiper-btn-prev{left:auto;right: calc(var(--size) + var(--gap))}

/* [Case: Invisible Arrows] */
.swiper-group[data-invisible-arrows="true"] .swiper-btn{--size: 25%;background-color: #FFFFFF00;height: 100%;border-radius: 0;}
.swiper-group[data-invisible-arrows="true"] .swiper-btn:before,
.swiper-group[data-invisible-arrows="true"] .swiper-btn:after{content: unset;}
.swiper-group[data-invisible-arrows="true"] .swiper-btn.swiper-btn-prev:after,
.swiper-group[data-invisible-arrows="true"] .swiper-btn.swiper-btn-next:after{background-image: none;}
@media(max-width:1024px){
	.swiper-group[data-invisible-arrows="true"] .swiper-btn{--size: 28%;}
	.swiper-group[data-invisible-arrows="true"] .swiper-btn.swiper-btn-prev{left: calc(-1 * var(--padding-sectionX, 30px));}
	.swiper-group[data-invisible-arrows="true"] .swiper-btn.swiper-btn-next{right: calc(-1 * var(--padding-sectionX, 30px));}
}
@media(max-width:767px){
	.swiper-group[data-invisible-arrows="true"] .swiper-btn{--size: 0px;}
}

/*.swiper-group[data-invisible-arrows="true"] .swiper-btn{background-color: red}*/


/* Dots */
.swiper-group[data-pagination="true"]{padding-bottom: 0;}
.swiper-group[data-pagination="true"] .swiper-pagination{display: none;}

.swiper-group[data-pagination="true"] .swiper-pagination-bullet{background-color: #23353733;opacity: 1;}
.swiper-group[data-pagination="true"] .swiper-pagination-bullet-active{background-color: #233537FF;opacity: 1;}


@media(max-width:1024px){
	/* Slider */
	.swiper-group{margin-top: var(--gap-700, 48px);}

	/* Arrows */
	.swiper-group[data-arrows-position="top"] {padding-top: 0;}
	.swiper-group[data-arrows-position="top"] .swiper-btn{display: none}

	/* Dots */
	.swiper-group[data-pagination="true"] .swiper-wrapper{padding-bottom: calc(var(--padding, 100px) * 0.5);}
	.swiper-group[data-pagination="true"] .swiper-pagination{display: block;}
}

@media(max-width:767px){
	/* Slider */
	.swiper-group{margin-top: var(--gap-600, 32px);}

	.swiper-group[data-slider-overflow="true"] .swiper{padding-inline: var(--gap-500, 48px)}
}

/***************************/
/* Swiper Actions **********/
/***************************/
/* This Project */
.swiper-actions a{font-size: var(--fs-button, 16px);text-transform: uppercase;}