* {
    box-sizing: border-box;
    font-family: my-yekan;
}

body {
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

/* استایل بنر */
.banner img {
    width: 100%; /* تطبیق تصویر با عرض صفحه */
    height: auto; /* حفظ تناسب تصویر */
    object-fit: cover; /* تنظیم تصویر برای نمایش کامل بدون برش */
    margin-top: 0; /* حذف فاصله اضافی */
}

/* استایل سکشن هیرو */
.hero {
    background-color: #c00;
    color: #fff;
    padding: 80px 0;
}

.hero img {
    max-width: 100%; /* تنظیم تصویر در موبایل */
    height: auto;
}

.hero h1 {
    font-size: 2rem; /* کاهش اندازه فونت برای موبایل */
}

.hero p {
    font-size: 1rem;
}

/* کارت‌های خدمات */
.service-card, .course-card {
    transition: transform 0.3s ease;
    text-align: center; /* تنظیم مرکز برای کارت‌ها */
}

.service-card:hover, .course-card:hover {
    transform: translateY(-10px);
}

.service-card img {
    width: 100%; /* تطبیق اندازه تصویر کارت‌ها */
    height: auto;
}

/* تنظیمات عمومی */
footer {
    text-align: center;
}

/* ریسپانسیو */
@media (max-width: 768px) {
    .hero {
        padding: 40px 0; /* کاهش فاصله در موبایل */
    }

    .hero img {
        max-width: 80%;
        margin: 0 auto; /* مرکز کردن تصویر */
    }

    .hero h1 {
        font-size: 1.5rem; /* کاهش اندازه فونت */
        text-align: center; /* متن را در وسط صفحه قرار بده */
    }

    .hero p {
        font-size: 0.9rem; /* کاهش اندازه توضیحات */
        text-align: center;
    }

    #services .row > div {
        margin-bottom: 20px; /* فاصله بین کارت‌ها در موبایل */
    }

    .course-card {
        margin-bottom: 20px; /* فاصله بین کارت‌های دوره */
    }

    footer {
        font-size: 0.8rem; /* کاهش اندازه فونت */
    }
}


@media (max-width: 576px) {
    .hero h1 {
        font-size: 1.2rem;
    }

    .hero p {
        font-size: 0.8rem;
    }

    #services img {
        max-height: 120px; /* تنظیم ارتفاع تصاویر کارت‌ها */
    }

    .course-card {
        font-size: 0.9rem; /* کوچک‌تر کردن متن کارت‌ها */
    }

    footer {
        padding: 10px 0;
    }
}