<div class="checkout-payment-details__descr_large">
     <div class="form-row">
        <h4 class="checkout-payment-details__card-title">Select an existing card</h4>
         <div class="checkout-payment-details__info-holder">
             <p class="checkout-payment-details__info">Please select a card to pay for your order or add a new one.</p>
             <div class="checkout-payment-details__col-btn_info">
                 <button class="btn btn-secondary btn_full btn-new-card">
                     <span class="btn__text">Add new card</span>
                 </button>
             </div>
         </div>
    </div>
</div>
<div class="checkout-payment-details__card-holder">
    <div class="checkout-payment-details__card js-selectable js-selectable_selected">
        <div class="row card-warning">
            <div class="col-12">
                <p class="mb-2"><strong>Sorry for the inconvenience!</strong></p>
                <p>Something wrong with your card</p>
            </div>
        </div>
        <div class="card-content__outer-wrap"><!--class of invalid-card can be injected here-->
          <div class="card-content__inner-wrap">
            <div class="checkout-payment-details__card-content">
              <div class="row">
                <div class="col payment-card">
                  <h5 class="checkout-payment-details__card-heading">Payment card</h5>
                  <dl class="checkout-payment-details__card-info">
                    <dt>Card type:</dt>
                    <dd><span>Visa</span></dd>
                    <dt>Name on card:</dt>
                    <dd><span>Konstantin Konstantinopolsky</span></dd>
                    <dt>Card number:</dt>
                    <dd><span>41114111*****111</span></dd>
                    <dt>Expiry date:</dt>
                    <dd><span>06/2026</span></dd>
                  </dl>
                </div>
                <div class="col billing-address">
                  <h5 class="checkout-payment-details__card-heading">Billing address</h5>
                  <address class="address-data">
                    <span class="address-data__name">Russell & Bromley</span>
                    <span class="address-data__address1">29 Acacia Road</span>
                    <span class="address-data__city">London</span>
                    <span class="address-data__state">N7 3BM </span>
                    <span class="address-data__country">United Kingdom</span>
                  </address>
                </div>
                <div class="col card__links">
                  <div class="user-address__btn">
                    <a href="#" class="link-secondary btn-remove-address">
                <span class="icon">
                  <span class="fas fa-trash"></span>
                </span>
                      Remove
                    </a>
                    <a href="#" class="link-secondary" data-toggle="modal" data-target="#modalEditBilling">
                <span class="icon">
                  <span class="fas fa-edit"></span>
                </span>
                      Edit
                    </a>
                  </div>
                  <div class="default-mark-full">
                    Default
                  </div>
                </div>
              </div>
            </div>

          </div>
        </div>
      <div class="row">
        <div class="col-12">
            <div class="checkout-payment-details__delete">
                <p class="delete-heading">Delete this payment card?</p>
                <a href="#" class="btn btn-secondary">
                    <span class="btn__text">Cancel</span>
                </a>
                <a href="#" class="btn btn-primary">
                    <span class="btn__text">Yes, delete</span>
                </a>
                <p class="delete-warning">You will not be able to undo this action</p>
            </div>
        </div>
      </div>
    </div>
</div>