/* Testimonial Box */
.testimonial-box {
  background-color: #1E1E1E;
  position: relative;
  transition: all 0.3s ease;
}

.testimonial-box .quote {
  font-size: 3.5rem; /* bigger than 4xl (2.25rem) */
  font-weight: 900;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  line-height: 1;
  display: inline-block;
  margin-bottom: 1.25rem;
  /* Gradient text for quote */
  background: linear-gradient(to right, #ec4899, #9333ea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.testimonial-box::before {
  content: '';
  position: absolute;
  bottom: 0;
  transform: translate(-50%, 100%);
  left: 50%;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #1E1E1E;
  transition: all 0.3s ease;
}

/* Active (center) Slide Styling */
/* Active (center) Slide Styling */
.swiper-slide-active .testimonial-box {
  background: linear-gradient(to right, #ec4899, #9333ea) !important;
}

.swiper-slide-active .testimonial-box::before {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #ba77f8; /* Use gradient start color to make it visible */
  transform: translate(-50%, 100%);
  left: 50%;
}


.swiper-slide-active img {
  border: 2px solid white;
}

/* Dots Styling */
.testimonialSwiper .swiper-pagination {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  display: flex;
  justify-content: center;
  gap: 4px;
}

.swiper-pagination-bullet {
  background: #d1d5db; /* neutral gray */
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: linear-gradient(to right, #ec4899, #9333ea);
  opacity: 1;
}


/* Make the quote white on the active slide */
.swiper-slide-active .testimonial-box .quote {
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: white !important;
}


/* Brand colors for social icons on hover remain the same */
.social-facebook:hover i { color: #1877f2; }
.social-twitter:hover i { color: #1da1f2; }
.social-dribbble:hover i { color: #ea4c89; }
.social-instagram:hover i { color: #e4405f; }

/* Marquee Gradient */
/* .marquee h1 {
  font-size: 16vw;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background: linear-gradient(to right, #ec4899, #9333ea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0 3rem;
  white-space: nowrap;
} */



/* .marquee {
  display: flex;
  width: max-content;
  animation: marquee 30s linear infinite;
}

.marquee-content {
  display: flex;
}

.marquee h1 {
  font-size: 16vw;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background: linear-gradient(to right, #ec4899, #9333ea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0 3rem;
  white-space: nowrap;
  display: inline-block;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
} */


/* Tailwind accent color replacement */
.text-accent { 
  background: linear-gradient(to right, #ec4899, #9333ea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}        
.border-accent { 
  border-image: linear-gradient(to right, #ec4899, #9333ea) 1; 
}
.before\:bg-accent::before { 
  background: linear-gradient(to right, #ec4899, #9333ea); 
}

/* Blog Swiper Pagination Dots */
.blogSwiper .swiper-pagination-bullet-active {
  background: linear-gradient(to right, #ec4899, #9333ea);
}



/* Swiper pagination alignment fix */
.swiper-pagination {
  position: relative !important; /* overlay hata diya */
  bottom: 0 !important;          /* cards ke niche le aaya */
  margin-top: 2.5rem !important; /* 10 = 40px ka gap */
  text-align: center;
}

@media (max-width: 640px) {
  .swiper-pagination {
    margin-top: 2rem !important; /* mobile me thoda kam gap */
  }
}




 /* Custom Animations */
  @keyframes slideFadeUp {
    0% {
      opacity: 0;
      transform: translateY(40px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes floatUpDown {
    0%, 100% {
      transform: translateY(-10px);
    }
    50% {
      transform: translateY(10px);
    }
  }

  @keyframes fadeInOverlay {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  /* Animation Utilities */
  .animate-slide-fade-up {
    animation: slideFadeUp 1s ease-out forwards;
  }
  .animate-slide-fade-up-delay1 {
    animation: slideFadeUp 1s ease-out 0.3s forwards;
    opacity: 0;
  }
  .animate-slide-fade-up-delay2 {
    animation: slideFadeUp 1s ease-out 0.6s forwards;
    opacity: 0;
  }
  .animate-float-up-down {
    animation: floatUpDown 3s ease-in-out infinite;
  }
  .animate-overlay {
    animation: fadeInOverlay 1.2s ease-in-out forwards;
  }


  /* Slide up + fade once */
/* @keyframes slideFadeUpOnce {
  0% { opacity: 0; transform: translateY(40px); }
  100% { opacity: 1; transform: translateY(0); }
}

.animate-slide-fade-up {
  animation: slideFadeUpOnce 1s ease-out forwards;
}

.animate-slide-fade-up-delay1 {
  animation: slideFadeUpOnce 1s ease-out forwards;
  animation-delay: 0.3s;
}

.animate-slide-fade-up-delay2 {
  animation: slideFadeUpOnce 1s ease-out forwards;
  animation-delay: 0.6s;
}


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

.animate-bar-entrance {
  animation: floatBarEntrance 1s ease-out forwards;
} */




  .hero-content.animate {
    opacity: 1;
    transform: translateY(0);
    transition: all 1s ease-out;
  }



  html, body {
    overflow-x: hidden;
  }