:root {
    --nb-footer-banner-1-title-color: var(--nb-text-color-primary);
    --nb-footer-banner-1-title-font-size: var(--nb-font-size-28);
    --nb-footer-banner-1-title-font-weight: var(--nb-font-weight-600);
    --nb-footer-banner-1-title-line-height: var(--nb-body-line-height);
    --nb-footer-banner-1-title-rows: var(--nb-rows);

    --nb-footer-banner-1-links-min-width: 160px;
    --nb-footer-banner-1-links-padding-x: 15px;
    --nb-footer-banner-1-links-padding-y: 9px;
    --nb-footer-banner-1-links-border-radius: var(--nb-btn-border-radius);

    --nb-footer-banner-1-first-link-color: var(--nb-text-color-primary);
    --nb-footer-banner-1-first-link-bg: var(--nb-color-white);
    --nb-footer-banner-1-first-link-border-color: var(--nb-color-white);
    --nb-footer-banner-1-first-link-font-size: var(--nb-font-size-16);

    --nb-footer-banner-1-first-link-hover-color: var(--nb-color-white);
    --nb-footer-banner-1-first-link-hover-bg: var(--nb-spec-color);
    --nb-footer-banner-1-first-link-hover-border-color: var(--nb-spec-color);

    --nb-footer-banner-1-second-link-color: var(--nb-color-white);
    --nb-footer-banner-1-second-link-bg: var(--nb-spec-color);
    --nb-footer-banner-1-second-link-border-color: var(--nb-spec-color);
    --nb-footer-banner-1-second-link-font-size: var(--nb-font-size-16);

    --nb-footer-banner-1-second-link-hover-color: var(--nb-text-color-primary);
    --nb-footer-banner-1-second-link-hover-bg: var(--nb-color-white);
    --nb-footer-banner-1-second-link-hover-border-color: var(--nb-color-white);
}

.nb-footer-banner-1 {
    position: relative;
}

.nb-footer-banner-1 .nb-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: max-content;
    width: max-content;
}

.nb-footer-banner-1 .nb-wrapper .nb-link-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.nb-footer-banner-1 .nb-footer-banner-title {
    color: var(--nb-footer-banner-1-title-color);
    font-size: var(--nb-footer-banner-1-title-font-size);
    font-weight: var(--nb-footer-banner-1-title-font-weight);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: var(--nb-footer-banner-1-title-rows);
    -webkit-box-orient: vertical;
    height: calc(var(--nb-footer-banner-1-title-font-size) * var(--nb-footer-banner-1-title-rows) * var(--nb-footer-banner-1-title-line-height));
}

.nb-footer-banner-1 .nb-first-link,
.nb-footer-banner-1 .nb-second-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--nb-footer-banner-1-links-padding-y) var(--nb-footer-banner-1-links-padding-x);
    border-radius: var(--nb-footer-banner-1-links-border-radius);
    min-width: var(--nb-footer-banner-1-links-min-width);
}

.nb-footer-banner-1 .nb-first-link {
    color: var(--nb-footer-banner-1-first-link-color);
    background-color: var(--nb-footer-banner-1-first-link-bg);
    border-color: var(--nb-footer-banner-1-first-link-border-color);
    font-size: var(--nb-footer-banner-1-first-link-font-size);
}

.nb-footer-banner-1 .nb-first-link:hover {
    color: var(--nb-footer-banner-1-first-link-hover-color);
    background-color: var(--nb-footer-banner-1-first-link-hover-bg);
    border-color: var(--nb-footer-banner-1-first-link-hover-border-color);
}

.nb-footer-banner-1 .nb-second-link {
    color: var(--nb-footer-banner-1-second-link-color);
    background-color: var(--nb-footer-banner-1-second-link-bg);
    border-color: var(--nb-footer-banner-1-second-link-border-color);
    font-size: var(--nb-footer-banner-1-second-link-font-size);
}

.nb-footer-banner-1 .nb-second-link:hover {
    color: var(--nb-footer-banner-1-second-link-hover-color);
    background-color: var(--nb-footer-banner-1-second-link-hover-bg);
    border-color: var(--nb-footer-banner-1-second-link-hover-border-color);
}

@media screen and (max-width: 991px) {
    :root {
        --nb-footer-banner-1-title-font-size: var(--nb-font-size-20);
        --nb-footer-banner-1-links-min-width: 150px;
    }

    .nb-footer-banner-1 .nb-wrapper {
        width: unset;
        flex-direction: column;
    }

    .nb-footer-banner-1 .nb-wrapper .nb-link-wrapper {
        width: 100%;
    }

    .nb-footer-banner-1 .nb-wrapper .nb-link-wrapper > * {
        flex: 0 0 calc(50% - 10px);
        display: flex;
    }

    .nb-footer-banner-1 .nb-wrapper .nb-link-wrapper .nb-btn {
        min-width: calc(50% - 10px);
        width: 100%;
    }

    .nb-footer-banner-1 .nb-img-wrapper .nb-img {
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    :root {
        --nb-footer-banner-1-links-min-width: auto;
    }

    .nb-footer-banner-1 .nb-wrapper {
        width: 100%;
        padding: 0 20px;
    }
}