* {
  box-sizing: border-box;
  font-family: "Cairo", sans-serif;
}

html,
body,
#root {
  min-height: 100%;
}

body {
  margin: 0;
  background: #020617;
}

.font-arabic {
  font-family: "Cairo", sans-serif;
}

.dir-rtl {
  direction: rtl;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.animate-in.zoom-in-95 {
  animation: zoom-in-95 180ms ease-out both;
}

.animate-in.fade-in.slide-in-from-top-5 {
  animation: fade-slide-in 220ms ease-out both;
}

@keyframes zoom-in-95 {
  from {
    opacity: 0;
    transform: scale(0.95);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fade-slide-in {
  from {
    opacity: 0;
    transform: translateY(-1.25rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}