.main-carousel{
	width: 100%;
}
.main-carousel .slide{
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
	width: 100%;
    /* height: 540px; */
    position: relative;
    aspect-ratio: 8 / 3;
}
body:not(.logged-in):not(.guest-customer-selected) .webshop-selector .slide {
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
	width: 100%;
    /* height: 648px; */
    position: relative;
	padding-bottom: 60px;
    /* aspect-ratio: 8 / 3; */
}
.main-carousel .slide.has-text-content::before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0,0,0,0.8) 25%, rgba(33,34,58,0) 50%);
    pointer-events: none;
    z-index: 1;
}
.main-carousel .container{
    width: 100%;
    max-width: var(--content-width);
    margin: 0 auto;
    padding-inline-start: 0;
    padding-inline-end: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}
.main-carousel .width{
	max-width: 591px;
	z-index: 10;
}
.main-carousel .secondary-button-white{
	z-index: 10;
	min-width: 160px;
	height: 56px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.main-carousel img{
	 width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.main-carousel h2{
	font-family: Playfair Display, serif;
    font-size: 64px;
	font-size: clamp(54px, 4.4vw, 64px);
	font-weight: 400;
	line-height: 1.125;
	text-align: left;
	color:#FFDD29 ;
	margin: 0;
	padding: 0 0 16px 0;
}
.main-carousel p{
	font-size: 20px;
    font-size: clamp(16px, 1.5vw, 22px);
	font-weight: 400;
	line-height: 1.7;
	text-align: left;
	color:#F6F5F6;
	margin: 0;
	padding: 0 0 24px 0;
}

.main-carousel .owl-dots {
	width: fit-content;
	margin: 0px auto 0px auto;
	position: absolute;
	z-index: 1;
    left: 50%;
    transform: translate(-50%, 0);
    bottom:55px;
    display: flex;
    align-items: center;
    justify-content: center;
	width: 300px;
}
body:not(.logged-in):not(.guest-customer-selected) .webshop-selector .owl-dots {
	width: fit-content;
	margin: 0px auto 0px auto;
	position: absolute;
	z-index: 1;
    left: 50%;
    transform: translate(-50%, 0);
    bottom:85px;
    display: flex;
    align-items: center;
    justify-content: center;
	width: 300px;
}
.main-carousel .owl-dots button.owl-dot.active{
	background: #265F50 !important;
}

.main-carousel .owl-nav{
	position: absolute;
    width: 300px;
    z-index: 10;
    left: 50%;
    transform: translate(-50%, 0);
    bottom:80px;
}
body:not(.logged-in):not(.guest-customer-selected) .webshop-selector .owl-nav {
	position: absolute;
    width: 300px;
    z-index: 10;
    left: 50%;
    transform: translate(-50%, 0);
    bottom:110px;
}

.main-carousel .slide .slide-full-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    text-indent: -9999px;
    background: transparent;
    display: block;
}

/* Responsive */
@media only screen and (max-width: 1250px) {
	.main-carousel .container{
		padding: 0 24px;
	}
}
@media only screen and (max-width: 1199px) {
    .main-carousel .slide {
        aspect-ratio: 16 / 9;
    }
}
@media only screen and (max-width: 770px) {
	.main-carousel{
		padding-bottom:75px;
	}
	body:not(.elementor-editor-active) .webshop-selector .owl-nav{ /*no*/
		bottom: 40px;
	}
	body:not(.elementor-editor-active) .webshop-selector .owl-dots{ /*no*/
		bottom: 16px;
	}

	.main-carousel .container{
		padding: 0 24px;
	}
	
}
@media only screen and (max-width: 768px) {
	body:not(.logged-in):not(.guest-customer-selected) .webshop-selector .slide {
		height: 540px;
		padding-bottom:0;
	}
	body:not(.logged-in):not(.guest-customer-selected) .webshop-selector .owl-nav {
		bottom: 48px !important;
	}
	body:not(.logged-in):not(.guest-customer-selected) .webshop-selector .owl-dots {
		bottom: 25px !important;
	}
    .main-carousel .slide {
        aspect-ratio: 3 / 4;
    }
}

@media only screen and (max-width: 550px) {
	.main-carousel .container{
        justify-content: end;
        padding-bottom: 40px;
	}
	.main-carousel .slide{
		/* height: 440px; */
	}
	.main-carousel .slidehas-text-content::before{
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 35%, rgba(33, 34, 58, 0) 90%);
	}
	.main-carousel h2{
		font-size: 32px;
		font-weight: 600;
		line-height: 40px;
		text-align: left;
		padding-bottom:5px;
	}
	.main-carousel p{
		font-size: 12px;
		font-weight: 400;
		line-height: 18px;
		text-align: left;
		margin-bottom: 15px;
		height: 52px;
		overflow: hidden;
	}
}