.two-column-hero-banner-carousel.nb-slider .slider {
    position: relative;
    margin: 0 -10px;
}

.two-column-hero-banner-carousel.nb-slider .slider .slick-slide {
    margin: 0 10px;
}

.two-column-hero-banner-carousel .slick-dots {
    margin-top: -30px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
    .two-column-hero-banner-carousel .slick-dots {
        margin-top: 20px;
    }
}


/* Stil komponente (trenutno je blok) */
.image-text-5 {
    --nb-title-font-size: 50px;
    --nb-description-font-size: 26px;
}

.image-text-5 .row > *:first-child {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.image-text-5 .nb-content-wrapper {
    width: 450px;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.image-text-5 .nb-content-wrapper .nb-title,
.image-text-5 .nb-content-wrapper .nb-title > * {
    font-size: var(--nb-title-font-size);
    color: var(--nb-color-white);
}

.image-text-5 .nb-content-wrapper .nb-title > * {
    margin-bottom: 0;
}

.image-text-5 .nb-content-wrapper .nb-description {
    font-size: var(--nb-description-font-size);
    line-height: 1.4;
    color: var(--nb-color-white);
}

@media screen and (max-width: 1000px) {
    .image-text-5 {
        --nb-title-font-size: 38px;
        --nb-description-font-size: 18px;
    }

    .image-text-5 .nb-content-wrapper {
        width: 80%;
    }
}

@media screen and (max-width: 767px) {
    .image-text-5 {
        --nb-title-font-size: 24px;
        --nb-description-font-size: 14px;
    }

    .image-text-5 .row {
        flex-direction: column-reverse;
    }

    .image-text-5 .nb-content-wrapper {
        width: 100%;
        padding: 40px 45px;
        top: unset;
        transform: unset;
    }
}
/* --- */