:where([class^="ri-"])::before {
  content: "\f3c2";
}
.hero-slide {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.hero-slide.active {
  opacity: 1;
}
.mobile-menu {
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
}
.mobile-menu.open {
  transform: translateX(0);
}