.active-tab {
  color: #ef4444 !important; /* text-red-500 */
  border-bottom: 2px solid #ef4444 !important; /* border-red-500 */
}


.swiper-pagination-bullet {
  background-color: gray;
  opacity: 0.7;
}

.swiper-pagination-bullet-active {
  background-color: #ef4444;
}


@font-face {
  font-family: 'Bukra';
  src: url('/fonts/29ltbukraregular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
html[lang="ar"] {
  font-family: 'Bukra', sans-serif;
  direction: rtl;
  text-align: right;
}