* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

/* Animations */
@keyframes float {
  0%,
  100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

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

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

@keyframes scroll {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(12px);
    opacity: 0;
  }
}

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

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

.animate-float-slow {
  animation: float-slow 5s ease-in-out infinite;
  animation-delay: 1s;
}

@media (max-width:600px){
    .animate-float {
      display: none;
    }
    .animate-float-delayed {
  display: none;
}
.animate-float-slow{
    display: none;
}
}



.animate-float-slow {
  animation: float-slow 5s ease-in-out infinite;
  animation-delay: 1s;
}
}

.animate-scroll {
  animation: scroll 2s ease-in-out infinite;
}

/* Reveal Animation */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.reveal.animate-in {
  opacity: 1;
  transform: translateY(0);
}

/* Hero Content Animation */
.hero-content {
  opacity: 0;
  transform: translateY(30px);
  animation: fadeInUp 1s ease-out forwards;
  animation-delay: 0.2s;
}

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

/* Advantage Cards Hover */
.advantage-card:hover .icon-wrapper {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}

.advantage-card {
  transition: all 0.3s ease;
}

.advantage-card:hover {
  transform: scale(1.05);
}

/* Service Cards Hover */
.service-card:hover .service-title {
  color: #22d3ee;
  transition: color 0.3s ease;
}

/* FAQ Accordion */
.faq-item.active .faq-icon {
  transform: rotate(180deg);
}

.faq-item.active .faq-answer {
  display: block;
}

/* Smooth Scrolling */
html {
  scroll-behavior: smooth;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #0f172a;
}

::-webkit-scrollbar-thumb {
  background: #22d3ee;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #06b6d4;
}

/* Form Focus States */
input:focus,
textarea:focus {
  outline: none;
  border-color: #22d3ee !important;
}

/* Button Hover Effects */
button {
  transition: all 0.3s ease;
}

/* Responsive Typography */
@media (max-width: 768px) {
  h1 {
    font-size: 2.7rem !important;
  }

  h2 {
    font-size: 2rem !important;
  }
  .bottom-40{
    bottom: 5rem;
  }
  .top-40{
    top: 7rem;
    right: 2rem;
  }
}

/* Loading State */
button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}