:root {
    --nb-header-info-carousel-4-color: var(--nb-color-white);
    --nb-header-info-carousel-4-bg: var(--nb-color-orange);

    --nb-header-info-carousel-4-title-font-size: 20px;
    --nb-header-info-carousel-4-title-font-weight: var(--nb-font-semibold);
    --nb-header-info-carousel-4-title-line-height: 22px;

}

.nb-header-info-carousel-4{
    background: var(--nb-header-info-carousel-4-bg);
    padding: 14px 20px;
    .nb-slider-title{
        color: var(--nb-header-info-carousel-4-color);
        font-size: var(--nb-header-info-carousel-4-title-font-size);
        font-weight: var(--nb-header-info-carousel-4-title-font-weight);
        line-height: var(--nb-header-info-carousel-4-title-line-height);
    }
    .nb-slider-item{
        text-align: center;

        .nb-item{
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
        }

        .nb-btn{
            height: 40px;
            line-height: 38px;
            font-size: 16px;
            min-width: 160px;
            padding: 0 10px;
            background: var(--nb-btn-light-bg);
            border-color: var(--nb-btn-light-border-color);
            color: var(--nb-btn-light-color);

            &:hover{
                background: var(--nb-btn-light-color);
                border-color: var(--nb-btn-light-color);
                color: var(--nb-btn-light-bg);
            }
        }
    }
}


.nb-header-info-carousel-2 .nb-slider-arrows .slider-prev,
.nb-header-info-carousel-2 .nb-slider-arrows .slider-next {
    color: var(--nb-header-info-carousel-2-color);
}

@media screen and (max-width: 576px) {
    .nb-header-info-carousel-4{
        padding: 14px 10px;

        .nb-slider-item .nb-item{
            gap: 10px;
        }
    }
}