html[lang="ar-TN"] .home-page .hero::before {
  background:
    linear-gradient(90deg, rgba(5, 10, 26, 0.86) 0%, rgba(15, 26, 61, 0.58) 48%, rgba(5, 10, 26, 0.24) 100%),
    url("/assets/images/heroindex-ar-20260630-1200.webp") center / cover no-repeat !important;
}

@media (max-width: 768px) {
  html[lang="ar-TN"] .home-page .hero::before {
    background:
      linear-gradient(180deg, rgba(5, 10, 26, 0.52) 0%, rgba(15, 26, 61, 0.68) 46%, rgba(5, 10, 26, 0.82) 100%),
      url("/assets/images/heroindex-ar-20260630-768.webp") center 24% / cover no-repeat !important;
  }
}