.swipper {
	width: 100%;
	aspect-ratio: 1.77;
	position: relative;
	overflow: hidden;
	height: 100%;
}
.swipper .slide {
	transition: 300ms;
}
.owl-nav.disabled{
	display: none;
}
.owl-stage-outer,
.owl-stage,
.owl-item{
	height: inherit;
}

.owl-stage{
	display: flex;
}

.swipper .slide, .swipper .slide img{
	position: unset !important; 
}

.swipper .slide,
.swipper .slide img{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;

}
.swipper .slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.swipper .slide img.mobile,
.banner .mobile{
	display: none;
}
@media screen and (max-width: 768px) {
	.swipper {
		aspect-ratio: 0.46;
	}
	.swipper .slide img.mobile {
		display: block;
	}
}
.slide.next { transform: translateX(100%); }
.slide.prev { transform: translateX(-100%); }

.dots {
	position: absolute;
	bottom: 0;
	z-index: 100;

	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	left: 0;
	right: 0;
	padding: 1rem;
	gap: 0.5rem;
}

.dots .dot {
	width: 2rem;
	height: 0.5rem;
	background: white;
	border-radius: 0.25rem;
	cursor: pointer;
	filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.4));
}
.dots .dot.active {
	background: red;
	filter: none;
}
.slide-action{
    position: absolute;
	margin-right: 75vh;
	margin-top: 35vh;
	display: flex;
	gap: 20px;
}
.slide-action-item{
	width: auto;
    min-width: 74px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.slide-action__link{
	border: 2px solid #fff;
	text-decoration: none;
	color: #fff !important;
	padding: 10px 20px;
	transition: 0.5s;
}
.slide-action__link--black{
	color: #000 !important;
}
.slide-action-item--buy{
	border-color: #fff;
	background-color: #fff;
}
.swiper-dots{
	position: relative;
    width: 100%;
    bottom: 31px;
    z-index: 999;
}
.swiper-dots-wrap{
	z-index: 999;
    position: relative;
	display: flex;
	justify-content: center;
	gap: 15px;
}
.owl-dot{
    z-index: 999;
    position: relative;
	width: 2rem;
    height: 0.5rem;
    background: white;
	border-color: #fff ;
    border-radius: 0.25rem;
    cursor: pointer !important;
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.4));;
}
.owl-dot:focus{
	outline: none !important;
}
.owl-dot.active {
    background: red;
	border-color: red;
    filter: none;
}
.slide, .desktop, .swipper{
	max-height: 100vh;
}
.banner .desktop{
	max-height: unset !important;
}
.owl-dot{
	display: none;
}
.banner{
	width: 100%;
}
@media screen {
	.slide-action__link:hover{
		background-color: #fff;
		color: #000 !important;
	}
}
@media(max-width: 1500px){
	.slide-action{
		margin-right: 62vh;
		margin-top: 29vh;
	}
}
@media(max-width: 1370px){
	.slide-action {
        margin-right: 52vh;
    }
}
@media(max-width: 1220px){
	.slide-action {
        margin-right: 43vh;
    }
}
@media(max-width: 1130px){
	.slide-action {
        margin-right: 36vh;
		margin-top: 22vh;
    }
}
@media(max-width: 1024px){
	.slide-action__link{
		padding: 5px 11px;
		font-size: 16px;
	}
}
@media(max-width: 920px){
	.slide-action {
        margin-right: 30vh;
        margin-top: 18vh;
    }
}
@media(max-width: 800px){
	.slide-action {
        margin-right: 26vh;
        margin-top: 15vh;
    }
	.slide-action__link {
        padding: 1px 10px;
	}
}
@media(max-width: 768px){	
	.desktop, .bannner .desktop{
		display: none !important;
	}
	.slide-action {
        margin-right: 0;
        margin-top: 0;
    }
	.banner .mobile{
		display: block;
	}
}