.billing-cards {
    position: absolute;
    right: 20px;
    top:50%;
    display: flex;
    max-width: 170px;
    transform: translateY(-50%);
}
.card-number-input {
    position: relative;
}

@media screen and (max-width: 420px) {
    .billing-cards {
        top: -15px;
        right: 10px;
    }
}


.pf-american-express  .billing-card--mastercard,
.pf-american-express  .billing-card--visa,
.pf-visa  .billing-card--mastercard,
.pf-visa  .billing-card--american-express,
.pf-mastercard  .billing-card--american-express,
.pf-mastercard  .billing-card--visa {
    display: none;
}

.billing-card {
    max-width: 45px;
}

.billing-card img {
    max-width: 100%;
}

.stripe-card-number,
.stripe-card-expiry,
.stripe-card-cvc {
    padding-top: 0.9167rem;
    min-height: 3.35099rem
}

form.disabled .stripe-card-number,
form.disabled .stripe-card-expiry,
form.disabled .stripe-card-cvc{
    background-color: var(--bs-gray-200);
}

@media screen and (max-width: 991px) {
    .stripe-card-number,
    .stripe-card-expiry,
    .stripe-card-cvc {
        min-height: 3.365rem
    }
}

.form-control.StripeElement--focus {
    color: var(--bs-gray-700);
    background-color: var(--bs-body-bg);
    border-color: var(--bs-gray-400);
    outline: 0;
    box-shadow: false, 0 0 0 .25rem rgba(27, 132, 255, .25);
}

.hidden {
    display: none !important;
}

.country-flag-icon.flag-icon.flag-icon-squared {
    width: 20px !important;
    height: 20px;
    margin-right: .5rem;
    border-radius: 50%;
    flex-shrink: 0;
}


select.select-for-select-2 {
    visibility: hidden;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after {
    content: none ;
}

.payment-form-input {
    margin-top: 25px;
}

.payment-form-input .form-control:disabled {
    background-color: var(--bs-gray-200);
}

.payment-form-input .select2-container--bootstrap5.select2-container--disabled .form-select {
    background-color: var(--bs-gray-200);
}
