:root{
    --nb-dynamic-carousel-banner-1-gutter-x: 2px;
}

body:not(.modal-open):has(.layout100percent .nb-dynamic-carousel-banner-1){
    overflow-x: hidden;
}

.nb-dynamic-carousel-banner-1 .nb-slider-init .slick-track{
    margin: 0 calc(-1 * var(--nb-dynamic-carousel-banner-1-gutter-x));
}

.nb-dynamic-carousel-banner-1 .nb-slider .nb-slider-item{
    margin: 0 var(--nb-dynamic-carousel-banner-1-gutter-x);
}

.nb-dynamic-carousel-banner-1 .nb-slider-item-box-31:before{
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    pointer-events: none;
}

/* Ovaj stil treba ukloniti kada se razvije opcija */
.nb-dynamic-carousel-banner-1 .nb-link:has(.nb-title){
    display: none;
}

@media screen and (max-width: 768px) {
    :root{
        --nb-dynamic-carousel-banner-1-gutter-x: 2px;
    }
}