/*
 Theme Name:   DB/LX
 Description:  Theme for DB/LX
 Author:       Synio
 Author URI:   https://syn.io
 Template:     hello-elementor
 Version:      0.2.0
 Text Domain:  dblx
*/

.feature-carousel,
.features-block {
  --feature-opacity: 1;
  --feature-transform: scale(1);
}

.feature-carousel:has(.feature:hover),
.features-block:has(.feature:hover) {
  --feature-opacity: 0.5;
  --feature-transform: scale(1);
}

.feature-carousel .swiper-wrapper,
.testimonial-carousel .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.feature-carousel::after,
.testimonial-carousel::after {
  content: '';
  position: absolute;
  width: 200px;
  top: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #000d19, transparent);
  z-index: 2;
  pointer-events: none;
}

.feature-carousel::before,
.testimonial-carousel::before {
  content: '';
  position: absolute;
  width: 200px;
  top: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(90deg, transparent, #000d19);
  z-index: 2;
  pointer-events: none;
}

.testimonial-carousel .elementor-main-swiper {
  width: 100% !important;
}

.feature {
  opacity: var(--feature-opacity);
  transform: var(--feature-transform);
}

.feature,
.feature-title,
.feature .elementor-icon svg {
  transition: all 0.25s ease-out;
}

.feature:hover {
  background-color: #000d19 !important;
  border: 5px solid #f7f5f2;
  transform: scale(1.08);
  opacity: 1.0;
}

.feature:hover .feature-title {
  color: #f7f5f2;
}

.feature:hover .elementor-icon svg {
  fill: #f7f5f2 !important;
}

.recaptcha_v3-inline {
  display: none !important;
}

@media (max-width: 767px) {
  /* Force the carousel wrapper to stack items vertically */
  .testimonial-carousel .swiper-wrapper {
      flex-direction: column !important;
      transform: none !important;
      gap: 40px;
      padding: 0 20px;
      width: calc(100% - 40px);
  }

  /* Force each slide to take up the full width and remain visible */
  .testimonial-carousel .swiper-slide {
      width: 100% !important;
      position: relative !important;
      opacity: 1 !important;
      margin-bottom: 0 !important;
      pointer-events: auto !important;
  }

  /* Hide the arrows and pagination dots */
  .testimonial-carousel .elementor-swiper-button,
  .testimonial-carousel .swiper-pagination {
      display: none !important;
  }

  .testimonial-carousel::after,
  .testimonial-carousel::before {
    content: none;
  }

  .testimonial-carousel .swiper-slide:first-child,
  .testimonial-carousel .swiper-slide:last-child {
      display: none;
  }
}