body .hero-carousel .elementor-image-carousel-wrapper {
position: relative;
width: 100%;
}
body .hero-carousel .swiper-slide-inner {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
}
body .hero-carousel .swiper-slide-image {
width: 100%;
height: 80vh !important;
object-fit: cover;
display: block;
} body .hero-carousel .swiper-slide {
backface-visibility: hidden;
} body .hero-carousel .elementor-image-carousel-caption {
position: absolute;
bottom: 10%;
left: 14% !important;
z-index: 99 !important;
text-align: left;
color: #ffffff !important;
background-color: transparent !important;
padding: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
pointer-events: none !important;
}
body .hero-carousel .elementor-image-carousel-caption * {
pointer-events: auto !important;
} @media (max-width: 1024px) {
body .hero-carousel .elementor-image-carousel-caption {
left: 8% !important;
}
} @media (max-width: 767px) {
body .hero-carousel .elementor-image-carousel-caption {
left: 7% !important;
}
} body .hero-carousel .hero-carousel-title {
display: block;
margin: 0;
margin-bottom: 5px;
font-size: 48px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left !important;
}
body .hero-carousel .elementor-image-carousel-caption > span:nth-of-type(2) {
display: block;
margin-bottom: 25px;
font-size: 20px;
font-weight: 400;
text-align: left;
} body .hero-carousel .slide-link {
position: relative !important;
z-index: 100 !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
padding: 12px 24px !important;
border: 1px solid #ffffff !important;
background-color: transparent !important;
color: #ffffff !important;
text-decoration: none !important;
font-size: 16px !important;
font-weight: 500 !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
} body .hero-carousel .elementor-swiper-button {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 140px;
height: 120px;
display: flex;
justify-content: center;
align-items: center;
background-color: #ffffff !important;
z-index: 999;
opacity: 0;
transition: all 0.3s ease-in-out;
border-radius: 0 !important;
margin: 0;
cursor: pointer;
}
body .hero-carousel .elementor-swiper-button-prev {
left: 0 !important;
}
body .hero-carousel .elementor-swiper-button-next {
right: 0 !important;
}
body .hero-carousel .elementor-swiper-button:hover {
opacity: 1;
}
body .hero-carousel .elementor-swiper-button svg {
width: 80px !important;
height: 80px !important;
fill: #000000 !important;
transition: transform 0.3s ease;
}
body .hero-carousel .elementor-swiper-button:hover svg {
transform: scale(1.1);
}