:root {
  --whatsapp-green: #118c7e;
  --dark-bg: #0f172a;
  --dark-card: #1e293b;
}
html , body {
  overflow-x: hidden;
}
body {
  font-family: "IBM Plex Sans Arabic", sans-serif;
  transition:
    background-color 0.3s,
    color 0.3s;
}
.dark {
  background-color: var(--dark-bg);
  color: #f8fafc;
}
.whatsapp-gradient {
  background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
}
.swiper-pagination-bullet-active {
  background: var(--whatsapp-green) !important;
}
/* Glassmorphism */
.glass-header {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.dark .glass-header {
  background: var(--dark-bg);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
/* Custom shapes */
.step-number {
  font-variant-numeric: tabular-nums;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0px);
  }
}

.animate-float {
  animation: float 4s ease-in-out infinite;
}

@media (max-width: 760px) {
  .swiper-button-next:after,
  .swiper-rtl .swiper-button-prev:after {
    font-size: 25px;
  }
}

.test {
  background: #0f172a;
  background: linear-gradient(
    90deg,
    rgba(15, 23, 42, 1) 17%,
    rgba(17, 140, 126, 1) 100%
  );
}