main form div:has(input[required]) > label::after,
main form div:has(select[required]) > label::after,
main form div:has(textarea[required]) > label::after {
  content: " *";
  color: rgb(239 68 68 / 0.85); 
  margin-inline-start: 0.25rem;
  font-weight: 500;
}


@font-face {
  font-family: 'AlarabyTelevision';
  src: url('../fonts/Alaraby Television Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* الخط الافتراضي لكل الصفحة (LTR) */
body {
  font-family: 'Poppins', system-ui, sans-serif;
}

/* أي نص عربي في الصفحة يأخذ الخط العربي (مع استثناء أيقونات Font Awesome) */
:lang(ar):not(.fa):not(.fas):not(.far):not(.fal):not(.fab),
:lang(ar-SA):not(.fa):not(.fas):not(.far):not(.fal):not(.fab) {
  font-family: 'AlarabyTelevision', 'Poppins', system-ui, sans-serif;
}

/* Animation for validation error message */
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translate(-50%, -20px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}

.animate-slide-down {
  animation: slideDown 0.3s ease-out;
}
@media (min-width: 48rem) {
  .md-w-100 {
    width: calc(0.25rem * 100);
  }
}