/* === Home Page Custom Styles === */

.hero-section {
  background: linear-gradient(135deg, #f8fcff, #ffffff);
}

.service-bg {
  background: linear-gradient(135deg, #ffffff, #fff5f5);
}

.about-bg {
  background: linear-gradient(135deg, #f1f8ff, #ffffff);
}

.testimonial-bg {
  background: linear-gradient(135deg, #e0f7fa, #ffffff);
}

/* Hover effects */
.hover-up:hover {
  transform: translateY(-6px);
  transition: 0.4s ease;
}

.hover-zoom:hover {
  transform: scale(1.03);
  transition: 0.4s ease;
}

/* Color customization */
.bg-danger-subtle {
  background-color: rgba(220, 53, 69, 0.1);
}

.btn-danger {
  background: #e63946;
  border: none;
}

.btn-danger:hover {
  background: #cf2e3b;
}

.text-danger {
  color: #e63946 !important;
}

/* About section */
.about-img-container {
  position: relative;
  display: inline-block;
}

.about-overlay {
  font-size: 0.9rem;
  letter-spacing: 0.5px;
}

/* Stat boxes */
.stat-box {
  transition: 0.3s;
}

.stat-box:hover {
  transform: translateY(-4px);
}
/* Hero scrolling text */
/* HERO SCROLL CONTAINER */
.hero-scroll-container {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  border: none;
  padding: 10px 0;
  background: #f8f9fa; /* optional light background */
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}

/* SCROLLING TEXT */
.hero-scroll-text {
  display: inline-block;
  padding-left: 100%;
  font-size: 2.5rem;
  font-weight: 900;
  text-transform: uppercase;
  background: linear-gradient(90deg, #dc3545, #ff6b00, #dc3545);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: scrollText 18s linear infinite;
  text-shadow: 2px 2px 8px rgba(0,0,0,0.15);
}

/* SCROLL ANIMATION */
@keyframes scrollText {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}

/* MOBILE ADJUST */
@media (max-width: 768px) {
  .hero-scroll-text {
    font-size: 1.8rem;
  }
}