body {
  font-family: 'Inter', sans-serif;
  background-color: #000;
}

.glass-panel {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.text-glow {
  text-shadow: 0 0 40px rgba(255, 255, 255, 0.3);
}

.text-justify-custom {
  text-align: justify;
  text-justify: inter-word;
}

.floating {
  animation: floating 6s ease-in-out infinite;
}

@keyframes floating {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-12px);
  }

  100% {
    transform: translateY(0px);
  }
}

/* Swiper Customization */
.service-swiper {
  --swiper-pagination-color: #22c55e;
  --swiper-pagination-bullet-inactive-color: #d6d3d1;
  --swiper-pagination-bullet-inactive-opacity: 0.5;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-horizontal-gap: 4px;
}

.swiper-pagination-bullet {
  transition: all 0.3s ease;
}

.swiper-pagination-bullet-active {
  width: 24px !important;
  border-radius: 4px !important;
}

.state-path {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}

.state-path:hover {
  filter: brightness(1.2);
  transform: scale(1.01);
  transform-origin: center;
}