.slide-image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* تصویر تناسب می‌گیرد */
    border-radius: 8px;
    display: block;
}
.hero-slide-card {
    position: absolute;
    top: 50%;
    left: 8%;
    transform: translateY(-50%);
    color: #fff;
    z-index: 2;
}
/* هر اسلاید باید مرجع موقعیت دهی باشد */
.m-slideshow .slides {
    position: relative;
    overflow: hidden;
}

/* تصویر پس زمینه */
.slide-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

/* لایه هکس رنگی */
.slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(140deg, rgba(239,64,86,0.65), rgba(199,35,98,0.65));
    z-index: 2;
}

/* متن روی همه چیز */
.hero-slide-card {
    position: relative;
    z-index: 3;
}

/* اضافه کردن به استایل‌های موجود */

.hero-slide-card img {
    max-width: 90%;
    height: auto;
    margin: 16px auto 0;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

@media (max-width: 760px) {
    .hero-slide-card img {
        max-width: 100%;
        margin-top: 12px;
    }
}
