.banner-item {
	height: calc(100vh - 270px)!important;
	max-height: 624px;
	display: flex !important;
    align-items: center;
}
.banner-item-inner {
	display: flex;
	flex-direction: column;
	gap: 20px;
	.banner-title {
		margin: 0;
		font-weight: 400;
		font-size: clamp(18px, 2vw, 50px);
		max-width: 780px;
	}
	p {
		font-weight: 400;
		font-size: clamp(12px, 1.5vw, 28px);
		max-width: 470px;
	}
}
.main-btn-nav-box {
	position: absolute;
    z-index: 2;
    top: 40px;
	width: 100%;
}
.main-btn-nav {
    display: flex;
    gap: 20px;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.banner-button-next, .banner-button-prev {
	cursor: pointer;
	transition: .75s;
}
.banner-button-next:hover, .banner-button-prev:hover {
	transform: scale(.9);
}
.banner-button-next img {transform: rotate(180deg);}
.custom-pagintion {
	.swiper-pagination-bullet {
		width: 8vw;
		max-width: 145px;
		border-radius: 30px;
        max-height: 4px;
	}
}
.pagintion-white {
	.swiper-pagination-bullet {
		background: rgba(255, 255, 255, .7);
	}
	.swiper-pagination-bullet-active {
		background: rgba(255, 255, 255, 1);
	}
}
.s-desktop-content {display: flex!important;}
.s-mobile-content {display: none!important;}

@media screen and (max-width: 1025px) {
	.s-desktop-content {display: none!important;}
	.s-mobile-content {display: flex!important;}
	.banner-item {
		max-height: fit-content;
        flex-direction: column;
        gap: 20px;
	}
	.banner-item-wrapper {
		width: 100%;
        height: 200px;
        background-size: cover;
        display: flex;
        align-items: center;
	}
	.banner-item-inner {
    .banner-title {
			max-width: 60%;
		}
	}
}