.promo-banner {
    --button-space: 15px;
    --button-size: 28px;
    --content-width: var(--wd-max-width);
    position: relative;
    overflow: hidden;
    border-radius: var(--wd-brd-radius)
}

.browser-Safari .promo-banner {
    transform: translate3d(0, 0, 0)
}

.promo-banner .banner-image :is(img,picture,video) {
    width: 100%;
    height: var(--wd-img-height);
    object-fit: cover;
    object-position: inherit
}

.promo-banner .banner-image[style^="height"] :is(img,picture) {
    height: 100%
}

.promo-banner .wrapper-content-banner {
    z-index: 2;
    display: flex;
    overflow: hidden;
    padding: 0px;
    border-radius: var(--wd-brd-radius)
}

.promo-banner .content-banner {
    position: relative;
    width: 100%;
    max-width: var(--content-width)
}

.promo-banner :is(.banner-subtitle,.banner-title,.banner-inner):not(:first-child) {
    margin-top: 7px
}

.promo-banner .banner-title {
    display: block;
    margin-bottom: 0;
    line-height: 1.3
}

.promo-banner .banner-inner p:first-child:empty {
    display: none
}

.promo-banner .wd-countdown-timer {
    margin-top: 10px
}

.promo-banner .banner-btn-wrapper {
    margin-top: var(--button-space)
}

.banners-carousel-wrapper .owl-dots {
    margin-top: 10px
}

.wd-bg-position-top {
    background-position: center top;
    object-position: center top
}

.wd-bg-position-bottom {
    background-position: center bottom;
    object-position: center bottom
}

.wd-bg-position-left {
    background-position: left center;
    object-position: left center
}

.wd-bg-position-right {
    background-position: right center;
    object-position: right center
}

.wd-bg-position-center {
    background-position: center;
    object-position: center
}

.banner-increased-padding .wrapper-content-banner {
    padding: 7%
}

@media (min-width: 1200px) {
    .banner-increased-padding .banner-subtitle.wd-fontsize-xs {
        font-size:1vw
    }

    .banner-increased-padding .banner-subtitle.wd-fontsize-s {
        font-size: 1.1vw
    }

    .banner-increased-padding .banner-subtitle.wd-fontsize-m {
        font-size: 1.3vw
    }

    .banner-increased-padding .banner-title.wd-fontsize-s {
        font-size: 1.2vw
    }

    .banner-increased-padding .banner-title.wd-fontsize-l {
        font-size: 1.6vw
    }

    .banner-increased-padding .banner-title.wd-fontsize-xl {
        font-size: 2vw
    }

    .banner-increased-padding .banner-title.wd-fontsize-xxl {
        font-size: 2.3vw
    }
}

@media (max-width: 1199.98px) {
    .banner-subtitle.wd-fontsize-xs {
        font-size:1vw
    }

    .banner-subtitle.wd-fontsize-s {
        font-size: 1.1vw
    }

    .banner-subtitle.wd-fontsize-m {
        font-size: 1.3vw
    }

    .banner-title.wd-fontsize-s {
        font-size: 1.2vw
    }

    .banner-title.wd-fontsize-l {
        font-size: 1.6vw
    }

    .banner-title.wd-fontsize-xl {
        font-size: 2vw
    }

    .banner-title.wd-fontsize-xxl {
        font-size: 2.3vw
    }
}

@media (max-width: 1024px) {
    .banner-inner.wd-fontsize-m {
        font-size:16px
    }
}

@media (max-width: 768.98px) {
    .banner-btn-wrapper :is(.btn-size-default,.btn-size-large,.btn-size-extra-large) {
        padding:5px 14px;
        min-height: 36px;
        font-size: 12px
    }

    .banner-btn-wrapper .btn-style-link {
        padding: 0;
        min-height: unset
    }

    .owl-items-sm-1 .banner-subtitle {
        font-size: 3vw
    }

    .owl-items-sm-1 .banner-title {
        font-size: 5vw
    }

    .banner-inner:is(.wd-fontsize-s,.wd-fontsize-m) {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .promo-banner .banner-subtitle {
        font-size:3vw
    }

    .promo-banner .banner-title {
        font-size: 5vw
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    :is(.vc_col-sm-6,.owl-items-md-2) .banner-subtitle.wd-fontsize-xs {
        font-size:1vw
    }

    :is(.vc_col-sm-6,.owl-items-md-2) .banner-subtitle.wd-fontsize-s {
        font-size: 1.3vw
    }

    :is(.vc_col-sm-6,.owl-items-md-2) .banner-title.wd-fontsize-s {
        font-size: 1.6vw
    }

    :is(.vc_col-sm-6,.owl-items-md-2) .banner-title.wd-fontsize-l {
        font-size: 2vw
    }

    :is(.vc_col-sm-6,.owl-items-md-2) .banner-title.wd-fontsize-xl {
        font-size: 2.3vw
    }
}

@media (min-width: 577px) and (max-width: 768.98px) {
    :is(.owl-items-sm-3,.owl-items-sm-2) .banner-subtitle {
        font-size:2vw
    }

    :is(.owl-items-sm-3,.owl-items-sm-2) .banner-title {
        font-size: 3vw
    }
}