:root {
    --nb-text-left-banner-right-border-radius: var(--nb-card-border-radius);
    --nb-text-left-banner-right-link-btn-color: var(--nb-btn-primary-color);
    --nb-text-left-banner-right-link-btn-font-size: 16px;
    --nb-text-left-banner-right-link-btn-font-weight: var(--nb-font-weight-400);
    --nb-text-left-banner-right-link-btn-bg: var(--nb-btn-primary-bg);
    --nb-text-left-banner-right-link-btn-border-color: var(--nb-btn-primary-border-color);
    --nb-text-left-banner-right-link-btn-padding-x: var(--nb-btn-padding-x);
    --nb-text-left-banner-right-link-btn-padding-y: var(--nb-btn-padding-y);

    --nb-text-left-banner-right-card-title-color: var(--nb-text-color-primary);
    --nb-text-left-banner-right-card-title-font-size: 48px;
    --nb-text-left-banner-right-card-title-font-weight: var(--nb-font-weight-700);

    --nb-text-left-banner-right-card-description-color: var(--nb-text-color-primary);
    --nb-text-left-banner-right-card-description-font-size: 20px;
    --nb-text-left-banner-right-card-description-font-weight: var(--nb-font-weight-400);
}

.text-left-banner-right .card-with-horizontal-content-image .nb-card > .nb-img-wrapper {
    border-top-left-radius: var(--nb-text-left-banner-right-border-radius);
    border-bottom-left-radius: var(--nb-text-left-banner-right-border-radius);
    border-top-right-radius: 0;
}

.text-left-banner-right .card-with-horizontal-content-image .nb-btn-link-style {
    color: var(--nb-text-left-banner-right-link-btn-color);
    font-size: var(--nb-text-left-banner-right-link-btn-font-size);
    font-weight: var(--nb-text-left-banner-right-link-btn-font-weight);
    background-color: var(--nb-text-left-banner-right-link-btn-bg);
    border-color: var(--nb-text-left-banner-right-link-btn-border-color);
    padding: var(--nb-text-left-banner-right-link-btn-padding-y) var(--nb-text-left-banner-right-link-btn-padding-x);
}

.text-left-banner-right .card-with-horizontal-content-image .nb-text-wrapper:not(:last-child),
.text-left-banner-right .card-with-horizontal-content-image .nb-text-wrapper > *:not(:last-child) {
    margin-bottom: 16px;
}

.text-left-banner-right .card-with-horizontal-content-image .nb-title {
    margin-bottom: 0;
    color: var(--nb-text-left-banner-right-card-title-color);
    font-size: var(--nb-text-left-banner-right-card-title-font-size);
    font-weight: var(--nb-text-left-banner-right-card-title-font-weight);
}

.text-left-banner-right .card-with-horizontal-content-image .nb-text-wrapper .nb-paragraph.nb-paragraph-m {
    color: var(--nb-text-left-banner-right-card-description-color);
    font-size: var(--nb-text-left-banner-right-card-description-font-size);
    font-weight: var(--nb-text-left-banner-right-card-description-font-weight);
}

.text-left-banner-right .card-with-horizontal-content-image .nb-card-body .nb-content-wrapper {
    padding: 0 4px 0 24px;
}

@media screen and (max-width: 576px) {
    :root {
        --nb-text-left-banner-right-card-title-font-size: 24px;
        --nb-text-left-banner-right-card-description-font-size: 14px;
    }

    .text-left-banner-right .card-with-horizontal-content-image .nb-card > .nb-img-wrapper {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .text-left-banner-right .card-with-horizontal-content-image .nb-card-body {
        padding: 10px;
    }

    .text-left-banner-right .card-with-horizontal-content-image .nb-card-body .nb-content-wrapper {
        padding: 0;
    }

    .text-left-banner-right .card-with-horizontal-content-image .nb-text-wrapper > *:not(:last-child) {
        display: block;
    }

    .text-left-banner-right .card-with-horizontal-content-image .nb-card-body .nb-content-wrapper .nb-btn-wrapper a {
        width: 100%;
    }
}