:root {
	--slide_size: 271px;
}

.ku-banner-gallery-wrapper {
	overflow: hidden;
	padding: 0 25px;
	margin: 0 -25px;
}
.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper {
	padding-bottom: 15px;
	overflow: visible;
}

.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: #fff;
	top: 0;
	left: -100%;
	z-index: 2;
}

.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: #fff;
	top: 0;
	right: -100%;
	z-index: 2;
}

.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .ku-banner-gallery-items {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	/*justify-content: safe center;*/
	transition-property: transform;
	box-sizing: content-box;
}

.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-pagination.swiper-pagination-horizontal {
	bottom: -38px;
	overflow: inherit;
	width: 100% !important;
}

.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-pagination .swiper-pagination-bullet {
	border: 2px solid #FFC7BF !important;
	background-color: transparent;
	padding: 1px;
	height: 15px;
	width: 15px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	opacity: 1;
	display: none;
	transition: none;
}

.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-prev,
.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-prev-prev,
.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-main,
.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-next,
.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-next-next {
	display: inline-flex;
	left: 0px !important;
}

.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-next,
.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-prev {
	transform: scale(.77);
}

.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-prev {
	left: 2px !important;
}

.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-next {
	left: -2px !important;
}

.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-prev-prev {
	left: 8px !important;
}

.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-next-next {
	left: -8px !important;
}

.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-prev-prev,
.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-next-next {
	transform: scale(.50);
}

.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-pagination .swiper-pagination-bullet:before {
	position: absolute;
	content: "";
	height: 9px;
	width: 9px;
	/*top: 1px;
	left: 1px;*/
	background-color: #ffffff;
	border-radius: 100%;
}

.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
	background-color:#FFC7BF !important;
}


.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper:not(.swiper-initialized) .swiper-button-next,
.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper:not(.swiper-initialized) .swiper-button-prev {
	display: none;
}

.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-button-next,
.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-button-prev {
	background-color:#E3EBFF;
	height: 48px;
	width: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	border: none !important;
}

.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-button-prev {
	left:-24px;
}

.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-button-prev:before {
    position: absolute;
    content: "";
    background: url(./../../images/related-arrow-left.svg);
    background-repeat: no-repeat;
    height: 20px !important;
    width: 20px !important;
    display: inline-block;
}


.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-button-next {
    right: -24px;
}

.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-button-next:before {
    position: absolute;
    content: "";
    background: url(./../../images/related-arrow-right.svg);
    background-repeat: no-repeat;
    height: 20px !important;
    width: 20px !important;
    display: inline-block;
}

.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-button-next:after,
.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-button-prev:after {
	display: none;
}

.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-button-next .swiper-navigation-icon,
.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-button-prev .swiper-navigation-icon {
	display: none;
}

.ku-banner-gallery-wrapper .ku-banner-gallery-items-wrapper {
	width: 100%;
	height: var( --slide_size, 271px ) !important;
	margin-bottom: 25px;
}

.ku-banner-gallery-wrapper .ku-banner-gallery-items-wrapper .ku-banner-gallery-item {
	width: var( --slide_size, 271px );
	height: var( --slide_size, 271px );
}

.ku-banner-gallery-wrapper .ku-banner-gallery-items-wrapper .ku-banner-gallery-item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 1399px) {
	.ku-banner-gallery-wrapper {
		padding: 0 0px;
		margin: 0px 0px;
	}
	.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper:before,
	.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper:after {
		display: none;
	}

	.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-button-prev {
	  left: 0px;
	}

	.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-button-next {
	  right: 0px;
	}

}

@media (max-width: 767px) {
	.ku-banner-gallery-wrapper .ku-banner-gallery-items-wrapper {
		--slide_size: 83.3%;
	}
	.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-button-next,
	.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper .swiper-button-prev {
		display: none;
	}

	.ku-banner-gallery-wrapper.ku-banner-mobile-grid .ku-banner-gallery-items-wrapper:not(.swiper-initialized) .ku-banner-gallery-items{
		display: grid !important;
		grid-template-columns: repeat(2, 1fr);
		gap: 2px;
		width: 100% !important;
	}

	.ku-banner-gallery-wrapper.ku-banner-mobile-grid .ku-banner-gallery-items-wrapper .ku-banner-gallery-item img{
		display: block;
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	}

	.ku-banner-gallery-wrapper.ku-banner-mobile-grid .ku-banner-gallery-items-wrapper .ku-banner-gallery-item {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 1 / 1;
	}

	.ku-banner-gallery-wrapper.ku-banner-mobile-grid .ku-banner-gallery-items-wrapper .ku-banner-gallery-item.ku-banner-full-width {
		grid-column: 1 / -1;
	}
}

@media (max-width: 419px) {
	.ku-banner-gallery-wrapper .ku-banner-gallery-items-wrapper {
		height: auto;
	}
	.ku-banner-gallery-wrapper .ku-banner-gallery-items-wrapper .ku-banner-gallery-item {
		height: auto !important;
		aspect-ratio: 1 / 1;
	}
	.ku-banner-gallery-wrapper .swiper.ku-banner-gallery-items-wrapper {
		padding-bottom: 0;
	}
}



/* Mobile grid mode — class added by JS when mobile_grid_view is on and viewport ≤ 767px */
.ku-banner-gallery-wrapper.ku-mobile-grid-active {
	overflow: unset;
	padding: 0;
	margin: 0;
}

.ku-banner-gallery-wrapper.ku-mobile-grid-active .ku-banner-gallery-items-wrapper {
	height: auto !important;
	padding-bottom: 0 !important;
}

.ku-banner-gallery-wrapper.ku-mobile-grid-active .ku-banner-gallery-items-wrapper:before,
.ku-banner-gallery-wrapper.ku-mobile-grid-active .ku-banner-gallery-items-wrapper:after {
	display: none;
}

.ku-banner-gallery-wrapper.ku-mobile-grid-active .ku-banner-gallery-items {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	gap: 2px;
	width: 100% !important;
	height: auto !important;
	transform: none !important;
	transition: none !important;
}

.ku-banner-gallery-wrapper.ku-mobile-grid-active .ku-banner-gallery-item {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 1 / 1;
}

/* Full-width item spans entire row in grid mode */
.ku-banner-gallery-wrapper.ku-mobile-grid-active .ku-banner-gallery-item.ku-banner-full-width {
	grid-column: 1 / -1;
}

.ku-banner-gallery-wrapper.ku-mobile-grid-active .swiper-button-next,
.ku-banner-gallery-wrapper.ku-mobile-grid-active .swiper-button-prev,
.ku-banner-gallery-wrapper.ku-mobile-grid-active .swiper-pagination {
	display: none !important;
}