.select2-container .select2-selection--single {
     height: 50px;
     padding: 12px;
     border: 1px solid #f3f3f3;
     display: flex;
     align-items: center;
     /* vertically center text */
 }

 /* Ensure the rendered text is vertically aligned */
 .select2-container .select2-selection__rendered {
     line-height: 26px;
     /* Adjust this based on your design */
 }

 /* Remove default arrow positioning to align it better if needed */
 .select2-container .select2-selection__arrow {
     height: 100%;
     margin-top: .5rem !important;
 }

 .card-container {
     display: flex;
     flex-wrap: wrap;
     /* gap: 1rem; */
 }

 #billingAddressList .card,
 #shippingAddressList .card {
     flex: 1 1 250px;
     display: flex;
     flex-direction: column;
     height: 250px;
     /* make sure card takes full height */
     cursor: pointer;
 }

 #billingAddressList .card-radio,
 #shippingAddressList .card-radio {
     display: none;
 }

 #billingAddressList .card-radio,
 #shippingAddressList .card-radio {
     border: 2px solid #ccc;
     border-radius: 10px;
     padding: 1rem;
     cursor: pointer;
     width: 250px;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
     transition: border-color 0.3s, box-shadow 0.3s;
 }

 .card-radio:checked+.card {
     border-color: #007bff;
     box-shadow: 0 0 10px rgba(0, 123, 255, 0.5);
 }

 #billingAddressList .error-message,
 #shippingAddressList .error-message {
     background-color: #5a0a27;
     color: red;
     padding: 0.5rem;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
 }

 #order_list thead tr{
    background-color: #4d0322;
    color: white;
 }