/* give each column 5px padding → 5px + 5px = 10px gap between cards */
.payment-channel-row > [class*="col-"] {
    padding: 10px;
}

/* payment card box */
.payment-channel-row .payment-card {
    border: 1px solid #e4e6ef;
    background-color: #f9f9f9;
    min-height: 130px;          /* reduced height */
    max-width: 250px;           /* ✅ card width reduced */
    margin: 0 auto;             /* center card inside column */

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 40px;
    box-shadow: none;
    transition: none;
}

.payment-channel-row .payment-card img {
   width: 90px;
}

/* no hover effect */
.payment-channel-row .payment-card:hover {
    background-color: #f7f8fc;
    border-color: #e4e6ef;
    box-shadow: none;
    transform: none;
}