.vensa-promoblock {
    width: 100%;
}

.vensa-promoblock__inner {
    display: flex;
    align-items: stretch;
    min-height: 0;
    width: 100%;
    box-sizing: border-box;
}

/* Desktop */
{{WRAPPER}} .vensa-promoblock__inner {
    flex-direction: {{layout_direction}};
}

/* Tablet */
@media (max-width: 1024px) {
    {{WRAPPER}} .vensa-promoblock__inner[data-tablet-layout="row"] {
        flex-direction: row;
    }
    {{WRAPPER}} .vensa-promoblock__inner[data-tablet-layout="column"] {
        flex-direction: column;
    }
}

/* Mobile */
@media (max-width: 767px) {
    {{WRAPPER}} .vensa-promoblock__inner[data-mobile-layout="row"] {
        flex-direction: row;
    }
    {{WRAPPER}} .vensa-promoblock__inner[data-mobile-layout="column"] {
        flex-direction: column;
    }
}

/* Slider Styles */
.vensa-promoblock__slider {
    flex: 2;
    position: relative;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

/* Desktop */
{{WRAPPER}} .vensa-promoblock__slider {
    aspect-ratio: {{slider_aspect_ratio}};
    height: auto;
}

/* Tablet */
@media (max-width: 1024px) {
    {{WRAPPER}} .vensa-promoblock__slider {
        aspect-ratio: {{slider_aspect_ratio_tablet}};
        height: auto;
    }
}

/* Mobile */
@media (max-width: 767px) {
    {{WRAPPER}} .vensa-promoblock__slider {
        aspect-ratio: {{slider_aspect_ratio_mobile}};
        height: auto;
    }
}

/* Desktop */
{{WRAPPER}} .vensa-promoblock__inner[data-desktop-layout="row"] .vensa-promoblock__slider {
    flex: 2;
    width: auto;
}

{{WRAPPER}} .vensa-promoblock__inner[data-desktop-layout="column"] .vensa-promoblock__slider {
    flex: none;
    width: 100%;
}

/* Tablet */
@media (max-width: 1024px) {
    {{WRAPPER}} .vensa-promoblock__inner[data-tablet-layout="row"] .vensa-promoblock__slider {
        flex: 2;
        width: auto;
    }

    {{WRAPPER}} .vensa-promoblock__inner[data-tablet-layout="column"] .vensa-promoblock__slider {
        flex: none;
        width: 100%;
    }
}

/* Mobile */
@media (max-width: 767px) {
    {{WRAPPER}} .vensa-promoblock__inner[data-mobile-layout="row"] .vensa-promoblock__slider {
         flex: 2;
        width: auto;
    }

    {{WRAPPER}} .vensa-promoblock__inner[data-mobile-layout="column"] .vensa-promoblock__slider {
        flex: none;
        width: 100%;
    }
}

@supports not (aspect-ratio: 1/1) {
    {{WRAPPER}} .vensa-promoblock__slider {
        height: 0;
        position: relative;
    }
    /* Desktop  */
    {{WRAPPER}}.elementor-slider-aspect-ratio-1-1 .vensa-promoblock__slider { padding-bottom: 100%; } /* 1/1 */
    {{WRAPPER}}.elementor-slider-aspect-ratio-4-3 .vensa-promoblock__slider { padding-bottom: 75%; } /* 3/4 */
    {{WRAPPER}}.elementor-slider-aspect-ratio-3-4 .vensa-promoblock__slider { padding-bottom: 133.33%; } /* 4/3 */
    {{WRAPPER}}.elementor-slider-aspect-ratio-16-9 .vensa-promoblock__slider { padding-bottom: 56.25%; } /* 9/16 */
    {{WRAPPER}}.elementor-slider-aspect-ratio-9-16 .vensa-promoblock__slider { padding-bottom: 177.78%; } /* 16/9 */
    {{WRAPPER}}.elementor-slider-aspect-ratio-2-1 .vensa-promoblock__slider { padding-bottom: 50%; } /* 1/2 */
    {{WRAPPER}}.elementor-slider-aspect-ratio-1-2 .vensa-promoblock__slider { padding-bottom: 200%; } /* 2/1 */

     /* Tablet */
    @media (max-width: 768px) {
        {{WRAPPER}}.elementor-tablet-slider-aspect-ratio-1-1 .vensa-promoblock__slider { padding-bottom: 100%; }
        {{WRAPPER}}.elementor-tablet-slider-aspect-ratio-4-3 .vensa-promoblock__slider { padding-bottom: 75%; }
        {{WRAPPER}}.elementor-tablet-slider-aspect-ratio-3-4 .vensa-promoblock__slider { padding-bottom: 133.33%; }
        {{WRAPPER}}.elementor-tablet-slider-aspect-ratio-16-9 .vensa-promoblock__slider { padding-bottom: 56.25%; }
        {{WRAPPER}}.elementor-tablet-slider-aspect-ratio-9-16 .vensa-promoblock__slider { padding-bottom: 177.78%; }
        {{WRAPPER}}.elementor-tablet-slider-aspect-ratio-2-1 .vensa-promoblock__slider { padding-bottom: 50%; }
        {{WRAPPER}}.elementor-tablet-slider-aspect-ratio-1-2 .vensa-promoblock__slider { padding-bottom: 200%; }
    }

    /* Mobile */
    @media (max-width: 767px) {
         {{WRAPPER}}.elementor-mobile-slider-aspect-ratio-1-1 .vensa-promoblock__slider { padding-bottom: 100%; }
        {{WRAPPER}}.elementor-mobile-slider-aspect-ratio-4-3 .vensa-promoblock__slider { padding-bottom: 75%; }
        {{WRAPPER}}.elementor-mobile-slider-aspect-ratio-3-4 .vensa-promoblock__slider { padding-bottom: 133.33%; }
        {{WRAPPER}}.elementor-mobile-slider-aspect-ratio-16-9 .vensa-promoblock__slider { padding-bottom: 56.25%; }
        {{WRAPPER}}.elementor-mobile-slider-aspect-ratio-9-16 .vensa-promoblock__slider { padding-bottom: 177.78%; }
        {{WRAPPER}}.elementor-mobile-slider-aspect-ratio-2-1 .vensa-promoblock__slider { padding-bottom: 50%; }
        {{WRAPPER}}.elementor-mobile-slider-aspect-ratio-1-2 .vensa-promoblock__slider { padding-bottom: 200%; }
    }
}

/* Swiper Pagination Styles */
.vensa-swiper-pagination {
    text-align: left;
    left: 5% !important;
    bottom: 5% !important;
}

.vensa-swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #fff;
    opacity: 1;
}

.vensa-swiper-pagination .swiper-pagination-bullet-active {
    background: #000;
    opacity: 1;
}

/* Slider Slide Styles */
.vensa-promoblock__slide {
    width: 100% !important;
    height: 100%;
    position: relative;
    cursor: pointer;
}

/* Slider Image Styles */
.vensa-promoblock__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Promo Cards Wrapper Styles */
.vensa-promoblock__cards-wrapper {
    flex: 1;
    display: flex;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    height: auto;
}

/* Desktop */
{{WRAPPER}} .vensa-promoblock__inner[data-desktop-layout="row"] .vensa-promoblock__cards-wrapper {
    flex: 1;
    width: auto;
}

{{WRAPPER}} .vensa-promoblock__inner[data-desktop-layout="column"] .vensa-promoblock__cards-wrapper {
    flex: none;
    width: 100%;
}

/* Tablet */
@media (max-width: 1024px) {
    {{WRAPPER}} .vensa-promoblock__inner[data-tablet-layout="row"] .vensa-promoblock__cards-wrapper {
        flex: 1;
        width: auto;
    }

    {{WRAPPER}} .vensa-promoblock__inner[data-tablet-layout="column"] .vensa-promoblock__cards-wrapper {
        flex: none;
        width: 100%;
    }
}

/* Mobile */
@media (max-width: 767px) {
    {{WRAPPER}} .vensa-promoblock__inner[data-mobile-layout="row"] .vensa-promoblock__cards-wrapper {
        flex: 1;
        width: auto;
    }

    {{WRAPPER}} .vensa-promoblock__inner[data-mobile-layout="column"] .vensa-promoblock__cards-wrapper {
        flex: none;
        width: 100%;
    }
}

/* Desktop */
{{WRAPPER}} .vensa-promoblock__cards-wrapper {
    height: {{cards_wrapper_height}};
}

/* Tablet */
@media (max-width: 1024px) {
    {{WRAPPER}} .vensa-promoblock__cards-wrapper {
        height: {{cards_wrapper_height_tablet}};
    }
}

/* Mobile */
@media (max-width: 767px) {
    {{WRAPPER}} .vensa-promoblock__cards-wrapper {
        height: {{cards_wrapper_height_mobile}};
    }
}

/* Desktop */
{{WRAPPER}} .vensa-promoblock__cards-wrapper {
    flex-direction: {{cards_layout_direction}};
}

/* Tablet */
@media (max-width: 1024px) {
    {{WRAPPER}} .vensa-promoblock__cards-wrapper[data-tablet-cards-layout="row"] {
        flex-direction: row;
    }
    {{WRAPPER}} .vensa-promoblock__cards-wrapper[data-tablet-cards-layout="column"] {
        flex-direction: column;
    }
}

/* Mobile */
@media (max-width: 767px) {
    {{WRAPPER}} .vensa-promoblock__cards-wrapper[data-mobile-cards-layout="row"] {
        flex-direction: row;
    }
    {{WRAPPER}} .vensa-promoblock__cards-wrapper[data-mobile-cards-layout="column"] {
        flex-direction: column;
    }
}

.vensa-card--link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
    position: relative;
    overflow: hidden;
}

.vensa-promoblock__slider[data-desktop-aspect]:not([data-desktop-aspect="auto"]),
.vensa-promoblock__slider[data-tablet-aspect]:not([data-tablet-aspect="auto"]),
.vensa-promoblock__slider[data-mobile-aspect]:not([data-mobile-aspect="auto"]) {
    height: auto !important;
}

.vensa-card--link[data-desktop-aspect]:not([data-desktop-aspect="auto"]),
.vensa-card--link[data-tablet-aspect]:not([data-tablet-aspect="auto"]),
.vensa-card--link[data-mobile-aspect]:not([data-mobile-aspect="auto"]) {
    height: auto !important;
}

.vensa-promoblock__slider[data-desktop-aspect]:not([data-desktop-aspect="auto"]) {
    aspect-ratio: attr(data-desktop-aspect) !important;
}

@media (max-width: 1024px) {
    .vensa-promoblock__slider[data-tablet-aspect]:not([data-tablet-aspect="auto"]) {
        aspect-ratio: attr(data-tablet-aspect) !important;
    }
}

@media (max-width: 767px) {
    .vensa-promoblock__slider[data-mobile-aspect]:not([data-mobile-aspect="auto"]) {
        aspect-ratio: attr(data-mobile-aspect) !important;
    }

   
}

@media (max-width: 576px) {
     .vensa-promoblock {
        width: 100vw;
        margin-left: -15px;
    }
}

/* Desktop */
{{WRAPPER}} .vensa-card--link {
    aspect-ratio: {{card_image_aspect_ratio}};
}

/* Tablet */
@media (max-width: 1024px) {
    {{WRAPPER}} .vensa-card--link {
        aspect-ratio: {{card_image_aspect_ratio_tablet}};
    }
}

/* Mobile */
@media (max-width: 767px) {
    {{WRAPPER}} .vensa-card--link {
        aspect-ratio: {{card_image_aspect_ratio_mobile}};
    }
}

/* Desktop */
{{WRAPPER}} .vensa-promoblock__cards-wrapper[data-desktop-cards-layout="row"] .vensa-card--link {
    flex: 1;
    width: auto;
}

{{WRAPPER}} .vensa-promoblock__cards-wrapper[data-desktop-cards-layout="column"] .vensa-card--link {
    flex: 1;
    width: 100%;
}

/* Tablet */
@media (max-width: 1024px) {
    {{WRAPPER}} .vensa-promoblock__cards-wrapper[data-tablet-cards-layout="row"] .vensa-card--link {
         flex: 1;
         width: auto;
    }

    {{WRAPPER}} .vensa-promoblock__cards-wrapper[data-tablet-cards-layout="column"] .vensa-card--link {
        flex: 1;
        width: 100%;
    }
}

/* Mobile */
@media (max-width: 767px) {
    {{WRAPPER}} .vensa-promoblock__cards-wrapper[data-mobile-cards-layout="row"] .vensa-card--link {
         flex: 1;
         width: auto;
    }

    {{WRAPPER}} .vensa-promoblock__cards-wrapper[data-mobile-cards-layout="column"] .vensa-card--link {
        flex: 1;
        width: 100%;
    }
}

@supports not (aspect-ratio: 1/1) {
    .vensa-promoblock__cards-wrapper .vensa-card--link {
        height: 0;
        position: relative;
    }

    .vensa-promoblock__cards-wrapper .vensa-card--link picture,
    .vensa-promoblock__cards-wrapper .vensa-card--link img,
    .vensa-promoblock__cards-wrapper .vensa-card--link .vensa-card__info {
        position: absolute;
    }

    .vensa-promoblock__cards-wrapper .vensa-card--link img {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    /* Desktop */
    {{WRAPPER}}.elementor-aspect-ratio-1-1 .vensa-promoblock__cards-wrapper .vensa-card--link { padding-bottom: 100%; } /* 1/1 */
    {{WRAPPER}}.elementor-aspect-ratio-4-3 .vensa-promoblock__cards-wrapper .vensa-card--link { padding-bottom: 75%; } /* 3/4 */
    {{WRAPPER}}.elementor-aspect-ratio-3-4 .vensa-promoblock__cards-wrapper .vensa-card--link { padding-bottom: 133.33%; } /* 4/3 */
    {{WRAPPER}}.elementor-aspect-ratio-16-9 .vensa-promoblock__cards-wrapper .vensa-card--link { padding-bottom: 56.25%; } /* 9/16 */
    {{WRAPPER}}.elementor-aspect-ratio-9-16 .vensa-promoblock__cards-wrapper .vensa-card--link { padding-bottom: 177.78%; } /* 16/9 */
    {{WRAPPER}}.elementor-aspect-ratio-2-1 .vensa-promoblock__cards-wrapper .vensa-card--link { padding-bottom: 50%; } /* 1/2 */
    {{WRAPPER}}.elementor-aspect-ratio-1-2 .vensa-promoblock__cards-wrapper .vensa-card--link { padding-bottom: 200%; } /* 2/1 */

    /* Tablet */
    @media (max-width: 1024px) {
        {{WRAPPER}}.elementor-tablet-aspect-ratio-1-1 .vensa-promoblock__cards-wrapper .vensa-card--link { padding-bottom: 100%; }
        {{WRAPPER}}.elementor-tablet-aspect-ratio-4-3 .vensa-promoblock__cards-wrapper .vensa-card--link { padding-bottom: 75%; }
        {{WRAPPER}}.elementor-tablet-aspect-ratio-3-4 .vensa-promoblock__cards-wrapper .vensa-card--link { padding-bottom: 133.33%; }
        {{WRAPPER}}.elementor-tablet-aspect-ratio-16-9 .vensa-promoblock__cards-wrapper .vensa-card--link { padding-bottom: 56.25%; }
        {{WRAPPER}}.elementor-tablet-aspect-ratio-9-16 .vensa-promoblock__cards-wrapper .vensa-card--link { padding-bottom: 177.78%; }
        {{WRAPPER}}.elementor-tablet-aspect-ratio-2-1 .vensa-promoblock__cards-wrapper .vensa-card--link { padding-bottom: 50%; }
        {{WRAPPER}}.elementor-tablet-aspect-ratio-1-2 .vensa-promoblock__cards-wrapper .vensa-card--link { padding-bottom: 200%; }
    }

    /* Mobile */
    @media (max-width: 767px) {
        {{WRAPPER}}.elementor-mobile-aspect-ratio-1-1 .vensa-promoblock__cards-wrapper .vensa-card--link { padding-bottom: 100%; }
        {{WRAPPER}}.elementor-mobile-aspect-ratio-4-3 .vensa-promoblock__cards-wrapper .vensa-card--link { padding-bottom: 75%; }
        {{WRAPPER}}.elementor-mobile-aspect-ratio-3-4 .vensa-promoblock__cards-wrapper .vensa-card--link { padding-bottom: 133.33%; }
        {{WRAPPER}}.elementor-mobile-aspect-ratio-16-9 .vensa-promoblock__cards-wrapper .vensa-card--link { padding-bottom: 56.25%; }
        {{WRAPPER}}.elementor-mobile-aspect-ratio-9-16 .vensa-promoblock__cards-wrapper .vensa-card--link { padding-bottom: 177.78%; }
        {{WRAPPER}}.elementor-mobile-aspect-ratio-2-1 .vensa-promoblock__cards-wrapper .vensa-card--link { padding-bottom: 50%; }
        {{WRAPPER}}.elementor-mobile-aspect-ratio-1-2 .vensa-promoblock__cards-wrapper .vensa-card--link { padding-bottom: 200%; }
    }
}

.vensa-card__image {
    display: block;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

.vensa-card__info {
    position: absolute;
    bottom: 16px;
    left: 16px;
    z-index: 1;
}

.vensa-card__title {
    margin: 0;
    color: #fff;
    font-size: 18px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}