/*CSS Layout view carrete slides banner home*/
.vw-bh-main {
    position: relative;
}

.vw-bh-elements {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    margin-bottom: 0;
    flex-direction: column;
}

.vw-bh-elements::-webkit-scrollbar {
    height: 0 !important;
}

.vw-bh-elements li {
    width: 100%;
    min-width: 100%;
    position: relative;
    scroll-snap-align: center;
    scroll-snap-stop: always;
}

.vw-bh-image {
    height: 805px;
}

.vw-bh-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vw-bh-content {
    position: absolute;
    left: calc(var(--global-wrapper-horizontal-padding) + ((100% - var(--global-wrapper-width)) / 2));
    width: calc(0.75 * var(--global-wrapper-width));
    top: 50%;
    transform: translateY(-50%);
}

.vw-bh-content-title {
    margin-bottom: 10px;
}

.vw-bh-content-cta {
    margin-top: 25px;
    display: flex;
    justify-content: flex-start;
}

.vw-bh-content-cta-button .button-text-svg-icon {
    width: 20px;
}

.slick-arrow {
    /* position: absolute;
        top: calc(50% - 15px);
        right: 72px;
        display: flex;*/
    width: 30px;
    height: 30px;
}

.vw-bh-left-right,
.vw-bh-bullets {
    display: none;
}

.js-vw-bh-elements >li {
    display: none;
}

.js-vw-bh-elements >li:first-child {
    display: block;
}

.vw-bh-elements .slick-arrow {
    background-color: transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid var(--global-color-white);
    color: transparent;
    border-radius: 50%;
}

.vw-bh-elements .slick-arrow.slick-next {
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 72px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cpath d="M24 0v24H0V0h24ZM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01l-.184-.092Z"%2F%3E%3Cpath fill="white" d="M15.707 11.293a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 1 1-1.414-1.414l4.95-4.95l-4.95-4.95a1 1 0 0 1 1.414-1.414l5.657 5.657Z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-position: center;
}

.vw-bh-elements .slick-arrow.slick-prev {
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 117px;
    z-index: 3;
    margin-right: 0;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg transform="rotate(180 12 12)"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cpath d="M24 0v24H0V0h24ZM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01l-.184-.092Z"%2F%3E%3Cpath fill="white" d="M15.707 11.293a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 1 1-1.414-1.414l4.95-4.95l-4.95-4.95a1 1 0 0 1 1.414-1.414l5.657 5.657Z"%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-position: center;
}

.vw-bh-elements .slick-dots {
    display: flex;
    justify-content: center;
    list-style: none;
    position: absolute;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 0;
    gap: 10px;
}

.vw-bh-elements .slick-dots li {
    min-width: auto;
    width: 10px;
    height: 10px;
    color: transparent;
    border: solid 2px var(--global-color-white);
    transition: all var(--transition-segs-medium) ease-in-out 0s;
    background-color: transparent;
    border-radius: 10px;
    cursor: pointer;
}

.vw-bh-elements .slick-dots li:hover {
    background-color: var(--global-color-white);
    ;
}

.vw-bh-elements .slick-dots li button {
    background-color: transparent;
    border: none;
    color: transparent;
    visibility: hidden;
}

.vw-bh-elements .slick-dots li.slick-active {
    width: 32px;
}

/* .vw-bh-elements .slick-dots li.slick-active button{
    width: 32px;
} */


@media (max-width:1199px) {
    .vw-bh-content {
        left: var(--global-wrapper-horizontal-padding);
        width: calc(100% - (var(--global-wrapper-horizontal-padding) * 2) - 150px);
    }
}

@media (max-width:768px) {
    .vw-bh-image {
        height: 775px;
    }

    .vw-bh-content {
        left: var(--global-wrapper-horizontal-padding);
        width: calc(100% - (var(--global-wrapper-horizontal-padding) * 2));
    }

    .vw-bh-elements .slick-arrow  {
        top: 45px;
    }

    .vw-bh-elements .slick-arrow.slick-next {
        right: 20px;
    }

    .vw-bh-elements .slick-arrow.slick-prev {
        right: 60px;
    }
}