.b-card {
    width: 300px;  /*عرض کارت */
    height: 180px;  /*ارتفاع کارت */
    border-radius: 10px;  /*لبه‌های گرد */
    background: linear-gradient(to right, #6c757d, #adb5bd);  /*رنگ پس‌زمینه ملایم */
    color: white;  /*رنگ متن */
    padding: 20px;  /*فاصله داخلی */
    margin: 10px;  /*فاصله بین کارت‌ها */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* سایه */
    transition: transform 0.2s; /* انیمیشن برای بزرگ شدن کارت */
}

    .b-card:hover {
        transform: scale(1.05); /* بزرگ شدن کارت در هنگام هاور */
    }

.b-card-number {
    font-size: 18px; /* اندازه شماره کارت */
    letter-spacing: 2px; /* فاصله بین اعداد */
    margin-top: 50px;
}

.b-card-holder {
    font-size: 14px; /* اندازه نام دارنده کارت */
    margin-top: 10px;
}

.b-expiry-date {
    font-size: 12px; /* اندازه تاریخ انقضا */
    position: absolute;
    bottom: 20px;
    right: 20px;
}

/* Media Queries برای نمای موبایل */
/*@media (max-width: 600px) {
    card-body {
        flex-direction: column;*/ /* در نمای موبایل به صورت عمودی */
        /*align-items: center;*/ /* مرکز چیدمان */
    /*}

    .b-card {
        width: 90%;*/ /* عرض کارت در موبایل */
        /*height: auto;*/ /* ارتفاع خودکار در موبایل */
    /*}
}*/

/* نمای کامپیوتر: چیدمان کارت‌ها */
/*@media (min-width: 601px) {
    .b-card {
        flex: 0 0 calc(50% - 20px);*/ /* دو کارت در هر خط با فاصله بین آنها */
    /*}
}*/