/* Custom Slider Styles */
.slider-outer {
  position: relative;
  width: 100%;
  height: 100vh;
}

.rev_slider_wrapper.fullscreen-container {
  background: #eeeeee !important;
  padding: 0px !important;
  height: 100vh;
}

.hero-slider-container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.hero-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.hero-slide.active {
  opacity: 1;
}

.hero-slide-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.hero-slide .container {
  position: relative;
  z-index: 2;
  height: 100%;
}

.slide-content-animate {
  animation: slideInFromLeft 1s ease-out;
}

.hero-slide.active .slide-content-animate {
  animation: slideInFromLeft 1s ease-out;
}

.hero-drone-image img {
  filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.3));
}

/* Float animation for drone images */
@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}

/* Slide in animation */
@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Wave effect simulation */
.rs-wave {
  position: relative;
  display: inline-block;
}

.rs-wave::before {
  content: '';
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.1);
  animation: wave-pulse 4s infinite;
  z-index: -1;
}

.rs-wave::after {
  content: '';
  position: absolute;
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.05);
  animation: wave-pulse 4s infinite 2s;
  z-index: -2;
}

@keyframes wave-pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.7;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

/* Rectangle Slider Bullets */
.slider-indicators {
  z-index: 100 !important;
}

.slider-bullet {
  display: inline-block;
  outline: none;
  box-shadow: none;
  position: relative;
}

.slider-bullet:focus {
  outline: none;
  box-shadow: none;
}

.slider-bullet.active {
  background: #fff !important;
  width: 30px !important;
}

.slider-bullet:hover {
  transform: none;
}

/* Responsive adjustments */
@media (max-width: 991px) {
  .hero-slide .hero-content h4 {
    font-size: 32px !important;
    line-height: 32px !important;
  }
  
  .hero-slide .hero-content h1 {
    font-size: 42px !important;
    line-height: 42px !important;
  }
  
  .hero-slide .hero-content p {
    font-size: 18px !important;
    line-height: 28px !important;
  }
}

@media (max-width: 767px) {
  .hero-slide .hero-content h4 {
    font-size: 28px !important;
    line-height: 28px !important;
  }
  
  .hero-slide .hero-content h1 {
    font-size: 38px !important;
    line-height: 38px !important;
  }
  
  .hero-slide .hero-content p {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  
  .slider-indicators {
    bottom: 20px !important;
  }
}

/* Dark overlay fix - lighter overlay to match original */
.overlay-main.bg-black.opacity-05 {
  background: rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* Fullscreen container fixes */
.fullscreen-container {
  height: 100vh;
  position: relative;
}

/* Text animations on slide change */
.hero-slide.active .hero-content h4 {
  animation: fadeInUp 1s ease-out 0.3s both;
}

.hero-slide.active .hero-content h1 {
  animation: fadeInUp 1s ease-out 0.5s both;
}

.hero-slide.active .hero-content p {
  animation: fadeInUp 1s ease-out 0.7s both;
}

.hero-slide.active .hero-content .site-button {
  animation: fadeInUp 1s ease-out 0.9s both;
}

.hero-slide.active .hero-drone-image {
  animation: fadeInRight 1.5s ease-out 0.5s both;
}

@keyframes fadeInUp {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fadeInRight {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}