.avz23_block.avz23_brand_slider {
    padding-block: 96px;
}
.avz23_block.avz23_brand_slider a {
    display: block;
    height: 100%;
    text-decoration: none;
    width: 100%;
}
.avz23_block.avz23_brand_slider .avz23_brand_slider_item {
    display: flex;
    align-items: center;
    height: 120px;
    gap: 0;
    justify-content: center;
    width: 100%;
}
.avz23_block.avz23_brand_slider .avz23_brand_slider_item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.avz23_block.avz23_brand_slider .avz23_brand_slider_item.avz23_brand_slider_image_big {
    height: 320px;
}
.avz23_block.avz23_brand_slider .avz23_carousel {
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0;
}
.avz23_block.avz23_brand_slider section.paragraphsAndHeaders.block .paragraphsAndHeaders__body h2 {
    margin-top: 0;
}
.avz23_block.avz23_brand_slider .avz23_body {
    margin-bottom: 2rem;
}
.avz23_block.avz23_brand_slider .avz23_brand_slider_item {
    box-sizing: border-box;
 }
.avz23_block.avz23_brand_slider .avz23_carousel_items {
    display: flex;
    gap: 10px;
    transition: transform 0.2s ease;
}
.avz23_block.avz23_brand_slider img {
    display: block;
    max-width: 100%;
}
.avz23_block.avz23_brand_slider .avz23_carousel_items {
    display: flex;
    gap: 10px;
    transition: transform 0.5s ease;
}
.avz23_block.avz23_brand_slider .avz23_nocarousel_items {
    display: flex;
    justify-content: center;
    gap: 10px;
    transition: transform 0.5s ease;
}
.avz23_block.avz23_brand_slider .avz23_carousel_prev, 
.avz23_block.avz23_brand_slider .avz23_carousel_next {
    position: absolute;
    background: #ffffff;
    color: #667085;
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
    border-radius: 100px;
    top: 50%;
    border: 1px #111;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 51;
    user-select: none;
    padding: 20px 20px 20px 20px;
}
.avz23_block.avz23_brand_slider .avz23_carousel .avz23_carousel_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    top: 0;
    z-index: 10;
}
.avz23_block.avz23_brand_slider .avz23_carousel_prev {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjgzMzMgNy40OTk5OUgxLjE2NjY3TTEuMTY2NjcgNy40OTk5OUw3IDEzLjMzMzNNMS4xNjY2NyA3LjQ5OTk5TDcgMS42NjY2NiIgc3Ryb2tlPSIjNjY3MDg1IiBzdHJva2Utd2lkdGg9IjEuNjciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
}

.avz23_block.avz23_brand_slider .avz23_carousel_next {
    right: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMTY2NzEgNy41MDAwMUwxMi44MzM0IDcuNTAwMDFNMTIuODMzNCA3LjUwMDAxTDcuMDAwMDQgMS42NjY2OE0xMi44MzM0IDcuNTAwMDFMNy4wMDAwNCAxMy4zMzMzIiBzdHJva2U9IiM2NjcwODUiIHN0cm9rZS13aWR0aD0iMS42NyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-position: center;
}
.avz23_block.avz23_brand_slider .avz23_carousel_items {
    gap: 5px;
}
.avz23_block.avz23_brand_slider .avz23_brand_slider_item {
    flex: 0 0 33%;
    max-width: 33%;
    padding: 0 0.5rem;
}
.avz23_block.avz23_brand_slider .avz23_brand_slider_item.avz23_brand_slider_image_big {
    flex: 0 0 50%;
    max-width: 50%;
}
.avz23_block.avz23_brand_slider .avz23_carousel .avz23_carousel_overlay {
    background: linear-gradient(to right,
    #fff 0%,
    #fff 30px,
    rgba(255, 255, 255, 0.8) 45px,
    rgba(255, 255, 255, 0.6) 60px,
    rgba(255, 255, 255, 0.4) 75px,
    rgba(255, 255, 255, 0.2) 90px,
    transparent 100px,
    transparent calc(100% - 100px),
    rgba(255, 255, 255, 0.2) calc(100% - 90px),
    rgba(255, 255, 255, 0.4) calc(100% - 75px),
    rgba(255, 255, 255, 0.6) calc(100% - 60px),
    rgba(255, 255, 255, 0.8) calc(100% - 45px),
    #fff calc(100% - 30px),
    #fff 100%);
}

@media (min-width: 576px) {
    .avz23_block.avz23_brand_slider .avz23_carousel_items {
        gap: 5px;
    }
    .avz23_block.avz23_brand_slider .avz23_brand_slider_item {
        flex: 0 0 33%;
        max-width: 33%;
    }
    .avz23_block.avz23_brand_slider .avz23_carousel .avz23_carousel_overlay {
        background: linear-gradient(to right,
        #fff 0%,
        #fff 50px,
        rgba(255, 255, 255, 0.8) 70px,
        rgba(255, 255, 255, 0.6) 90px,
        rgba(255, 255, 255, 0.4) 110px,
        rgba(255, 255, 255, 0.2) 130px,
        transparent 150px,
        transparent calc(100% - 150px),
        rgba(255, 255, 255, 0.2) calc(100% - 130px),
        rgba(255, 255, 255, 0.4) calc(100% - 110px),
        rgba(255, 255, 255, 0.6) calc(100% - 90px),
        rgba(255, 255, 255, 0.8) calc(100% - 70px),
        #fff calc(100% - 50px),
        #fff 100%);
    }
}
@media (min-width: 768px) {
    .avz23_block.avz23_brand_slider .avz23_carousel_items {
        gap: 5px;
    }
    .avz23_block.avz23_brand_slider .avz23_brand_slider_item {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .avz23_block.avz23_brand_slider .avz23_brand_slider_item.avz23_brand_slider_image_big {
        flex: 0 0 33%;
        max-width: 33%;
    }
}
@media (min-width: 992px) {
    .avz23_block.avz23_brand_slider .avz23_carousel_items {
        gap: 5px;
    }
    .avz23_block.avz23_brand_slider .avz23_brand_slider_item {
        flex: 0 0 20%;
        max-width: 20%;
        padding: 0 1.5rem;
    }
    .avz23_block.avz23_brand_slider .avz23_brand_slider_item.avz23_brand_slider_image_big {
        flex: 0 0 25%;
        max-width: 25%;
    }
}
@media (min-width: 1200px) {
    .avz23_block.avz23_brand_slider .avz23_brand_slider_item {
        flex: 0 0 16.6%;
        max-width: 100%;
    }
    .avz23_block.avz23_brand_slider .avz23_carousel_items.avz23_brand_slider_image_big {
        gap: 15px;
    }
    .avz23_block.avz23_brand_slider .avz23_brand_slider_image_small img:hover, .avz23_block.avz23_brand_slider .avz23_brand_slider_image_big img:hover {
        transform: scale(1.05);
    }
    .avz23_block.avz23_brand_slider .avz23_brand_slider_image_small img, .avz23_block.avz23_brand_slider .avz23_brand_slider_image_big img {
        transition: 0.25s transform;
    }
}

/**************************************** OS Skin ****************************************/
.avz23_os .avz23_block.avz23_brand_slider section.paragraphsAndHeaders.block .paragraphsAndHeaders__body p.avz23_highlight {
    color: #0cbb8a;
}
.avz23_os .avz23_block.avz23_brand_grid section.paragraphsAndHeaders.block .paragraphsAndHeaders__body h2.avz23_brand_grid_title {
    font-family: Gilroy;
    font-size: 48px;
}
@media (min-width: 0px) and (max-width: 567px) {
    .avz23_os .avz23_block.avz23_brand_grid section.paragraphsAndHeaders.block .paragraphsAndHeaders__body h2.avz23_brand_grid_title {
        font-size: 32px;
    }
}

/**************************************** AVZ Skin ***************************************/
.avz23_avz .avz23_block.avz23_brand_slider section.paragraphsAndHeaders.block .paragraphsAndHeaders__body p.avz23_highlight {
    color: #004970;
}
.avz23_avz .avz23_block.avz23_brand_grid .avz23_brand_grid_title {
    font-family: Montserrat;
    font-size: 36px;
}
@media (min-width: 0px) and (max-width: 567px) {
    .avz23_avz .avz23_block.avz23_brand_grid section.paragraphsAndHeaders.block .paragraphsAndHeaders__body h2.avz23_brand_grid_title {
        font-size: 30px;
    }
}


/* text left alignment */
/* todo: very similar to brand grid, combine */
.avz23_block.avz23_brand_slider.avz23_brand_slider_text_left .avz23_body.avz23_body_blockheader > section.paragraphsAndHeaders.block {
    max-width: 960px;
    margin-left: 0px;
    margin-right: auto;
}
.avz23_block.avz23_brand_slider.avz23_brand_slider_text_left .avz23_body.avz23_body_blockheader > section.paragraphsAndHeaders.block .paragraphsAndHeaders__body {
    margin-left: 0px;
    margin-right: auto;
}
.avz23_block.avz23_brand_slider.avz23_brand_slider_text_left .avz23_body.avz23_body_blockheader section.paragraphsAndHeaders.block .paragraphsAndHeaders__body * {
    text-align: left;
}

/* grey bg gradient */
.avz23_block.avz23_brand_slider.avz23_block_theme_grey .avz23_carousel .avz23_carousel_overlay {
    background: linear-gradient(to right,
        #F9FAFB 0%,
        #F9FAFB 30px,
        rgba(249, 250, 251, 0.8) 45px,
        rgba(249, 250, 251, 0.6) 60px,
        rgba(249, 250, 251, 0.4) 75px,
        rgba(249, 250, 251, 0.2) 90px,
        transparent 100px,
        transparent calc(100% - 100px),
        rgba(249, 250, 251, 0.2) calc(100% - 90px),
        rgba(249, 250, 251, 0.4) calc(100% - 75px),
        rgba(249, 250, 251, 0.6) calc(100% - 60px),
        rgba(249, 250, 251, 0.8) calc(100% - 45px),
        #F9FAFB calc(100% - 30px),
        #F9FAFB 100%
    );
}

@media (min-width: 576px) {
    .avz23_block.avz23_brand_slider.avz23_block_theme_grey .avz23_carousel .avz23_carousel_overlay {
        background: linear-gradient(to right,
            #F9FAFB 0%,
            #F9FAFB 50px,
            rgba(249, 250, 251, 0.8) 70px,
            rgba(249, 250, 251, 0.6) 90px,
            rgba(249, 250, 251, 0.4) 110px,
            rgba(249, 250, 251, 0.2) 130px,
            transparent 150px,
            transparent calc(100% - 150px),
            rgba(249, 250, 251, 0.2) calc(100% - 130px),
            rgba(249, 250, 251, 0.4) calc(100% - 110px),
            rgba(249, 250, 251, 0.6) calc(100% - 90px),
            rgba(249, 250, 251, 0.8) calc(100% - 70px),
            #F9FAFB calc(100% - 50px),
            #F9FAFB 100%
        );
    }
}
