/* استایل‌های ویجت شماره 3 - کارت‌های دایره‌ای */

.modern-cta-3-wrapper {
    font-family: inherit;
}

.cta3-card {
    transition: all 0.3s ease;
    cursor: pointer;
    overflow: hidden;
    background-position: 20px center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.3s ease;

}

.cta3-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1) !important;
    background-position: 10px center !important;
}

.cta3-card:hover .cta3-card-line {
    width: 80%;
}

.cta3-card h2,
.cta3-card span {
    transition: all 0.2s ease;
}

/* واکنش‌گرایی برای موبایل */
@media (max-width: 768px) {
    .modern-cta-3-wrapper {
        padding: 20px 0 !important;
    }

    .cta3-card {
        padding: 12px !important;
    }

    .cta3-card h2 {
        font-size: 14px !important;
    }

    .cta3-card span {
        font-size: 10px !important;
    }
}

@media (max-width: 576px) {
    .cta3-card {
        flex-direction: row !important;
        text-align: right;
    }

    .cta3-card .col-9 {
        width: 70%;
    }

    .cta3-card .col-3 {
        width: 25%;
    }
}