.nb-banner-outer {
    width: 100% !important;
    background-color: #c54444;
    font-family: 'tarot01', 'testtarot';
    text-transform: uppercase;
    padding: 10px;
    margin-bottom: 1em;
    text-align: center;
    color: white !important;
    position: relative;
}

.nb-banner-container {
    width: 640px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.nb-banner-wrapper {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 640px;
}

.nb-banner-item {
    min-width: 100%;
    flex-shrink: 0;
    max-width: 70vw;
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    padding: 0 40px;
}

.nb-banner-navigation {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
    padding: 10px;
    color: white;
}

.nb-banner-prev {
    left: calc(50% - 320px);
}

.nb-banner-next {
    right: calc(50% - 320px);
}

/* Ensure all text in banner items inherits the white color */
.nb-banner-item * {
    color: white !important;
}

/* Style links in banner items */
.nb-banner-item a {
    text-decoration: none;
    color: white !important;
}

.nb-banner-item a:hover {
    text-decoration: dashed underline;
    color: white !important;
}
@media (max-width: 660px) {
    .nb-banner-container {
        width: 100%;
    }
    .nb-banner-wrapper {
        width: 100%;
    }
    .nb-banner-prev {
        left: 5px;
    }

    .nb-banner-next {
        right: 5px;
    }
}