.checkout-right {
    width: 100%;
    margin-top: 33px;
    padding-right: 15px;

    .payment-method {
        .title {
            margin-bottom: 13px;
        }

        .payment-method-form {
            padding: 25px 25px 4px;
            border: 1px solid var(--color-gray-lite);
            border-radius: var(--radius-default);

            .form-group {
                margin-bottom: 0;
            }

            .form-radio {
                margin-bottom: 20px;
            }

            label {
                font-weight: var(--font-medium);
                color: var(--color-black);
            }

            .helper-text {
                font-size: 13px;
                display: block;
                margin: -4px 0 0 28px;
                color: var(--color-gray);
            }

            .error-message {
                margin: -2px 0 20px;
            }
        }
    }

    .payment-instructions {
        margin-top: 30px;
        padding: 21px 25px;
        background: var(--color-white-dark);
        border-radius: var(--radius-default);

        .title {
            margin-bottom: 14px;
        }

        > p {
            font-size: 14px;
            color: var(--color-gray);
        }
    }

    .shipping-method {
        margin-top: 33px;

        .title {
            margin-bottom: 13px;
        }

        .shipping-method-form {
            padding: 25px 25px 7px;
            border: 1px solid var(--color-gray-lite);
            border-radius: var(--radius-default);

            .form-group {
                margin-bottom: 0;
            }

            .form-radio {
                font-weight: var(--font-normal);
                display: flex;
                justify-content: space-between;
                margin-bottom: 8px;

                label {
                    font-weight: var(--font-normal);
                }

                span {
                    font-weight: var(--font-medium);
                }
            }
        }
    }
}

#stripe-element {
    margin-top: 30px;
    padding: 25px;
    background: var(--color-white-dark);
    border-radius: var(--radius-default);
}

@media screen and (max-width: 991px) {
    .checkout-right {
        padding-right: 0;
    }
}
