

/* Force Poppins font for the whole site and override other inline font styles */
body, html, * {
    font-family: 'Poppins', sans-serif !important;
}


/* --- Marquee Container --- */
.marquee-container {
  overflow: hidden;
  position: relative;
  width: 100%;
  background-color: #fff;
}

/* --- Marquee Content --- */
.marquee-content {
  display: flex;
  align-items: center;
  gap: 80px;
  padding: 10px 0;
  width: fit-content;
  animation: marquee-slide 15s linear infinite;
}

/* --- Pause on hover --- */
.marquee-container:hover .marquee-content {
  animation-play-state: paused;
}

/* --- Logo Image Styling --- */
.marquee-content img {
  height: 80px;
  width: auto;
  object-fit: contain;
  flex-shrink: 0;
  transition: transform 0.3s ease;
  
}

/* --- Keyframe Animation --- */
@keyframes marquee-slide {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}



/* Hero Section */
section.hero {
  background-color: #E6F0E6; /* light sage green */
  color: #2F4F2F; /* deep forest green */
}

section.hero .btn-primary {
  background-color: #4CAF50; /* medium green */
  border-color: #4CAF50;
  color: white;
}

section.hero .btn-primary:hover {
  background-color: #3E8E41; /* slightly darker green */
  border-color: #3E8E41;
}

/* About Us Section */
section.about-us {
  background-color: #F9F7F1; /* very light earthy beige */
  color: #5D4B3A; /* muted brown */
}
