.banner {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.banner .banner-footer,
.banner .banner-logo {
	user-select: none;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none;     /* IE/Edge */
	pointer-events: none;
}
.banner-swiper {
	position: relative;
	width: 100%;
	height: 38.625rem;
}

.banner-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

/* .banner-wrapper::before, 
.banner-wrapper::after {
	content: "";
	position: absolute;
	z-index: 5;
}

.banner-wrapper::before {
	top: 0;
	left: 0;
	width: 100%;
	height: 10.44369rem;
	background: linear-gradient(180deg, rgba(13, 6, 38, 0.30) 0%, rgba(13, 6, 38, 0.00) 100%);
}

.banner-wrapper::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(3, 88, 39, 0.00) 15.37%, #013718 109.27%);
} */

.slide-image-wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0%;
	left: 0%;
	will-change: transform;
}
.banner-slide {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.banner-slide__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.banner-footer {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    pointer-events: none;
}
.banner-logo {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
	width: 23.81713rem;
	pointer-events: none;
}
.banner-content {
	position: absolute;
	top: 11.8125rem;
/* 	width: 100%; */
/* 	max-width: 90rem; */
	left: 5rem;
/* 	right: 0; */
/* 	margin: 0 auto; */
	z-index: 10;
}

.banner-breadcrumb {
	position: relative;
	margin-bottom: 2rem;
	max-width: max-content;
}

.banner-breadcrumb-list {
	display: flex;
	align-items: center;
}

.banner-breadcrumb-item {
	position: relative;
	display: flex;
	align-items: center;
}

.banner-breadcrumb-item__link,
.banner-breadcrumb-item:not(:last-child) {
	margin-right: 0.625rem;
}

.banner-breadcrumb-item:not(:last-child)::after {
	content: "/";
	color: #fff;
}
.banner-breadcrumb-item__link {
	color: #fff;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
}

.banner-title {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.625rem;
	max-width: max-content;
	color: #fff;
	font-family: Lexend;
	font-size: 3rem;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; 
	letter-spacing: -0.06rem;
	text-transform: uppercase;
}
.banner-nav-wrapper {
	position: absolute;
	z-index: 15;
	top: 31.875rem;
	left: 5rem;
/* 	right: 0;
	width: 100%;
	max-width: 90rem;
	margin: 0 auto; */
}
.banner-nav {
	display: flex;
	width: 40.8125rem;
	align-items: center;
	gap: 1.25rem;
}
.banner-nav__number-slide-wrapper {
	display: flex;
	align-items: center;
	gap: 0.125rem;
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.01563rem;
	color: #fff;
}
.banner-nav__number-slide__total {
	opacity: 0.5;
}
.banner-nav__progress-bar-wrapper {
	--height-progress-bar: 0.125rem;
	flex: 1 0 0;
	height: var(--height-progress-bar) !important;
	position: relative;
	border-radius: 0.75rem !important;
	background: #747474 !important;
}
.banner-nav__progress-bar-wrapper .swiper-pagination-progressbar-fill {
	height: var(--height-progress-bar) !important;
	border-radius: 0.625rem !important;
	background: #FFF !important;
}
.banner-nav__btn-wrapper {
	display: flex;
	align-items: center;
	gap: 1rem;
}
.banner-nav__btn {
	display: flex;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0rem 0.625rem 0rem 0.46875rem;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	background: #F6F6F6;
	cursor: pointer;
}
.banner-nav__btn svg {
	fill: #014588;
}
.banner-nav__btn:disabled {
	background: #ACACAC;
	cursor: not-allowed;
}
.banner-nav__btn:disabled svg {
	fill: #747474;
}
.banner-nav__btn.next {
	rotate: 180deg;
}

@media (max-width: 639.98px) {
	.banner-swiper {
		height: 28.0625rem;
	}
	.banner-content {
/* 		padding: 0 0.75rem; */
		left: 0.75rem;
		padding-right: 0.75rem;
		top: 14rem;
	}
	.banner-breadcrumb {
		margin-bottom: 0.625rem;
	}
	.banner-title {
		font-size: 1.75rem;
		font-style: normal;
		font-weight: 600;
		line-height: 140%; 
		letter-spacing: -0.0625rem;
		text-transform: uppercase;
	}
	.banner-nav-wrapper {
		top: 23.375rem;
/* 		width: 100%;
		padding: 0 0.75rem; */
		left: 0.75rem;
		padding-right: 0.75rem;
	}
	.banner-logo {
		opacity: 0.3;
		height: auto;
		width: 11.75475rem;
	}
	.banner-footer {
	}
	.banner-wrapper::before {
		display: none;
	}
	.banner-nav {
		display: flex;
		width: 11.125rem;
		height: 1.5rem;
		align-items: center;
	}
	.banner-nav__btn-wrapper {
		display: none;
	}
}