/*.co-slider .swiper-pagination{
	
}

.co-slider .swiper-pagination-bullet-active{background-color: var(--wp--custom--primary--main);}

.co-slider .swiper-button-next{right:10px;}

.co-slider .swiper-button-prev{left: 10px;}

.co-slider .swiper-button-prev svg,
.co-slider .swiper-button-next svg{display:none!important;}

.co-slider .swiper-button-prev::after,
.co-slider .swiper-button-next::after{
    background-color: var(--wp--custom--primary--main);
    color: white;
    width: 35px;
    height: 35px;
    display: flex;
    transition: all 300ms ease-in-out;
    justify-content: center;
    align-items: center;
    font-family: 'Font Awesome 6 Pro';
}

.co-slider .swiper-button-prev:hover::after,
.co-slider .swiper-button-next:hover::after{
	background-color: var(--wp--custom--primary--dark);
}

.co-slider .swiper-button-next::after {
    content: '\f178';
}


.co-slider .swiper-button-prev::after {
    content: '\f177';
}

.co-slider .swiper-container{
	overflow:hidden!important;
	position: relative;
}
.co-slider{
	overflow:hidden!important;
	position: relative;
}

.co-slider.arrow-outside:not([data-slider-type="mobile"]){
	padding: 0 40px 40px;
	width: calc(100% + 80px);
    margin-left: -40px;

}

@media screen and (max-width: 600px) {
	.co-slider.arrow-outside[data-slider-type="mobile"]{
		padding: 0 40px;
		width: calc(100% + 50px);
		margin-left: -25px;
	}

	.co-slider.arrow-outside[data-slider-type="mobile"] .swiper-backface-hidden{
		overflow: hidden;
	}
}

.co-slider.arrow-false .swiper-button-prev,
.co-slider.arrow-false .swiper-button-next{
	display: none!important;
}

.co-slider.arrow-top{
	padding-top: 140px;
}

.co-slider.arrow-top .swiper-pagination{
	top: 80px;
}

.co-slider.arrow-top .swiper-button-next,
.co-slider.arrow-top .swiper-button-prev{
	top: 20px;
    bottom: unset;
}

.co-slider.arrow-bottom .swiper-button-next{
	right: calc(50% - 70px);
}

.co-slider.arrow-bottom .swiper-button-prev{
    left: calc(50% - 70px);
}

.co-slider.arrow-bottom{
	padding-bottom: 140px;
}

.co-slider.arrow-bottom .swiper-pagination{
	bottom: 80px;
}

.co-slider.arrow-bottom .swiper-button-next,
.co-slider.arrow-bottom .swiper-button-prev{
	bottom: 20px;
    top: unset;
}

.co-slider.arrow-bottom .swiper-button-next{
	right: calc(50% - 70px);
}

.co-slider.arrow-bottom .swiper-button-prev{
    left: calc(50% - 70px);
}


.wp-block-columns.mobile-slider{
	overflow: hidden;
	position: relative;
}

.wp-block-columns.mobile-slider .swiper-pagination-bullet-active{background-color: var(--wp--custom--primary--main);}*/


/*SWIPER CORE STYLES*/
.co-slider{
    position: relative;
    width: 100%;
}

.co-slider.swiper,
.co-slider .swiper-container{
    width: 100%;
    position: relative;
    overflow: hidden; 
}

.co-slider .swiper-wrapper {
    align-items: stretch;
    display: flex;
}

/* --- Arrow Positioning Logic --- */
.co-slider.arrow-pos-default .swiper-button-prev { left: 20px; }
.co-slider.arrow-pos-default .swiper-button-next { right: 20px; }

.co-slider.arrow-pos-top { padding-top: 80px; }
.co-slider.arrow-pos-top .swiper-button-next,
.co-slider.arrow-pos-top .swiper-button-prev { top: 40px; }

.co-slider.arrow-pos-bottom { padding-bottom: 80px; }
.co-slider.arrow-pos-bottom .swiper-button-next,
.co-slider.arrow-pos-bottom .swiper-button-prev { top: auto; bottom: 25px; }

.co-slider.arrow-pos-outside {
    padding: 0 60px;
    width: calc(100% - 120px);
    margin-left: auto;
    margin-right: auto;
}

.co-slider.arrow-pos-outside .swiper-button-prev { left: 0; }
.co-slider.arrow-pos-outside .swiper-button-next { right: 0; }

.co-slider.arrow-pos-top .swiper-button-prev,
.co-slider.arrow-pos-bottom .swiper-button-prev { right: 70px; }

.co-slider.arrow-pos-top .swiper-button-next,
.co-slider.arrow-pos-bottom .swiper-button-next { right: 20px; }

/*arrow styling */
.co-slider .swiper-button-next,
.co-slider .swiper-button-prev{
	background-color: var(--wp--custom--primary--main);
	border: 1px solid var(--wp--custom--primary--main);
	color: white;
	transition: all 300ms ease-in-out;
}

.co-slider .swiper-button-next:hover,
.co-slider .swiper-button-prev:hover{
	color: var(--wp--custom--primary--main);
	background-color: white;
}

.co-slider .swiper-button-next svg,
.co-slider .swiper-button-prev svg{width: .7em;}

/* --- Pagination --- */
.co-slider.pagination-pos-bottom .swiper-pagination {
    position: initial;
    margin-top: 20px;
    display: block;
}

.co-slider .swiper-pagination-bullet-active{background-color: var(--wp--custom--primary--main);}