/* ===============================
   NEWS SECTION
================================= */
.news-section {
  background: #ffffff;
  padding: 70px 20px;
}

/* WRAPPER */
.news-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}

/* TITLE */
.news-title {
  font-size: 32px;
  color: #0a7a4d;
  margin-bottom: 30px;
}

/* ===============================
   FLASH MARQUEE
================================= */
.flash-bar {
  background: #ff6e00;
  color: white;

  padding: 14px;
  border-radius: 8px;

  overflow: hidden;
  margin-bottom: 30px;
}

/* 🔥 MARQUEE ANIMATION */
.marquee {
  display: inline-block;
  white-space: nowrap;

  animation: scrollLeft 12s linear infinite;
}

@keyframes scrollLeft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}

/* ===============================
   CARDS
================================= */
.news-cards {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

/* CARD BASE */
.news-card {
  flex: 1;
  min-width: 260px;
  max-width: 320px;

  padding: 20px;
  border-radius: 12px;

  color: white;

  transition: all 0.4s ease;
}

/* COLORS */
.news-card.red {
  background: #c0392b;
}
.news-card.orange {
  background: #f39c12;
}
.news-card.green {
  background: #27ae60;
}

/* HOVER */
.news-card:hover {
  transform: translateY(-8px) scale(1.03);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

/* TEXT */
.news-card h3 {
  margin-bottom: 10px;
}

.news-card p {
  font-size: 14px;
  line-height: 1.6;
}

/* ===============================
   MOBILE
================================= */
@media (max-width: 900px) {
  .news-cards {
    flex-direction: column;
    align-items: center;
  }
}