.bg-gray {
    background-color: #eaf0f4;
}

.footer {
    background-color: #fff;
    background-image: url(../img/footer-bg-1.svg);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    overflow: hidden;
}

.rtl {
    direction: rtl;
}
.pointer {
    cursor: pointer;
}
.text-white {
    color:white !important ;
}
.hero {
    background-image: url(/img/bg_2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 65vh;
    background-position: center top; /* حالت پیش‌فرض (موبایل) */
}

@media (min-width: 992px) {
    .hero {
        min-height:80vh;
        background-position: right center; /* تو دسکتاپ تصویر کامل‌تر میفته */
    }
}