.nb-payment-option-3{
    .nb-radio {
        display: none;
    }

    .nb-form-radio-button,
    .nb-form-check {
        padding-left: 0;
        margin-bottom: 0;
        width: 100%;
    }

    &+.nb-payment-option-3:not(:has(.nb-radio:checked)) .nb-form-radio-button .nb-label{
        border-top: none;
    }

    .nb-payment-option-title {
        font-size: var(--nb-font-size-14);
        font-weight: var(--nb-font-medium);
    }

    .nb-icon-wrapper .nb-icon {
        font-size: 20px;
        border: var(--nb-border-width) var(--nb-border-style) var(--nb-border-color);
        border-radius: var(--nb-border-radius-full);
        background-color: var(--nb-color-white);
        width: 20px;
        height: 20px;
        display: inline-block;
    }

    .nb-icon-wrapper .nb-icon:before {
        display: none;
    }

    &:has(.nb-radio:checked) .nb-icon-wrapper .nb-icon:before {
        display: block;
    }

    &:has(.nb-radio:checked) .nb-icon-wrapper .nb-icon {
        border: unset;
        color: var(--nb-check-checked-bg);
    }

    &:has(.nb-radio:checked) .nb-form-radio-button .nb-label{
        border-color: var(--nb-color-blue-700);
        background: var(--nb-color-blue-100);
    }

    .nb-form-radio-button .nb-label {
        margin-left: 0;
        padding: 10px 15px;
        top: 0;
        flex-grow: 1;
        border: 1px solid var(--nb-border-color);
        min-height: 55px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .nb-payment-option-text-wrapper {
        display: flex;
        align-items: center;
        gap: 15px;
        justify-content: space-between;
        width: 100%;
    }

    .nb-option-wrapper {
        display: flex;
        align-items: center;
        gap: 15px;

        img {
            max-width: 60px;
            flex-shrink: 0;
        }
    }

    .nb-save-payment-card .nb-form-group .nb-label {
        background-color: unset;
    }
    .nb-save-payment-card .nb-form-group {
        margin-bottom: 10px;
        .nb-form-check {
            margin-bottom: 10px;
            padding-left: 20px;
        }
    }

    .nb-cart-voucher-box-list > * {
        flex: 0 0 calc(50% - 10px);
        gap: 10px;
    }

    .nb-cart-voucher-payment-option-accordion.nb-accordion-3 .nb-accordion-body {
        padding-top: 20px;
    }

    .nb-cart-payment-in-installments-2{
        max-width: 300px;
        margin-left: 75px;
    }

    .nb-payment-option-message-1 {
        display: none;
    }

    &:has(.nb-radio:checked) .nb-payment-option-message-1 {
        display: flex;
    }
}

@media screen and (max-width: 1024px) {
    .nb-payment-option-3 .nb-cart-voucher-box-list > * {
        flex: 0 0 100%;
    }
}

@media screen and (max-width: 768px) {
    .nb-payment-option-3 .nb-payment-option-text-wrapper {
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        position: static;
        padding-right: 20px;
    }

    .nb-payment-option-3 .nb-payment-option-text-wrapper .nb-icon {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

    .nb-payment-option-3 .nb-form-radio-button .nb-label {
        padding: 10px;
    }
}
