:root {
    --events-red: #e12b2b;
    --events-dark: #1f2937;
    --events-gray: #6b7280;
    --events-radius: 18px;
  }
  
  /* SECTION */
  .events-section {
    padding: 80px 0;
    background: #fff;
  }
  
  .events-container {
    max-width: 1200px;
    margin: auto;
    padding: 0 16px;
  }
  
  /* HEADING */
  .events-heading-wrap {
    margin-bottom: 40px;
  }
  
  .events-eyebrow {
    font-size: 13px;
    font-weight: 600;
    color: var(--events-red);
    letter-spacing: .1em;
  }
  
  .events-heading {
    font-size: 36px;
    font-weight: 700;
    color: var(--events-dark);
    margin-top: 8px;
  }
  
  /* GRID */
  .events-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    gap: 32px;
  }
  
  /* CARD */
  .events-card {
    background: #fff;
    border-radius: var(--events-radius);
    box-shadow: 0 12px 32px rgba(0,0,0,.06);
    overflow: hidden;
    transition: all .25s ease;
  }
  
  .events-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 44px rgba(0,0,0,.08);
  }
  
  /* RED HEADER */
  .events-card-header {
    background: var(--events-red);
    color: #fff;
    padding: 18px 22px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
  }
  
  /* BODY */
  .events-card-body {
    padding: 26px;
  }
  
  .events-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--events-dark);
    margin-bottom: 12px;
  }
  
  .events-desc {
    font-size: 15px;
    color: var(--events-gray);
    line-height: 1.6;
    margin-bottom: 18px;
  }
  
  .events-meta {
    list-style: none;
    padding: 0;
    margin-bottom: 24px;
  }
  
  .events-meta li {
    font-size: 14px;
    color: var(--events-gray);
    margin-bottom: 6px;
  }
  
  /* BUTTONS */
  .events-actions {
    display: flex;
    gap: 16px;
  }
  
  .events-btn {
    flex: 1;
    text-align: center;
    padding: 13px 0;
    border-radius: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .25s ease;
  }
  
  .events-btn-primary {
    background: var(--events-red);
    color: #fff;
  }
  
  .events-btn-primary:hover {
    background: #c91f1f;
  }
  
  .events-btn-outline {
    border: 1.5px solid var(--events-red);
    color: var(--events-red);
  }
  
  .events-btn-outline:hover {
    background: var(--events-red);
    color: #fff;
  }
  
  /* MOBILE */
  @media (max-width: 768px) {
    .events-heading {
      font-size: 28px;
    }
  }
  /* =========================
   PAST EVENTS SECTION
========================= */

.past-events-section {
  padding: 80px 0;
  background: #fff7f7;
}

.past-events-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: 32px;
}

/* CARD */
.past-event-card {
  background: #ffffff;
  border-radius: 22px;
  padding: 32px;
  box-shadow: 0 18px 40px rgba(225, 43, 43, 0.08);
  transition: all 0.3s ease;
}

.past-event-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 28px 60px rgba(225, 43, 43, 0.12);
}

/* DATE */
.past-event-date {
  font-size: 14px;
  font-weight: 600;
  color: var(--events-red);
  margin-bottom: 14px;
}

/* TITLE */
.past-event-title {
  font-size: 22px;
  font-weight: 700;
  color: var(--events-dark);
  margin-bottom: 12px;
}

/* DESCRIPTION */
.past-event-desc {
  font-size: 15px;
  color: var(--events-gray);
  line-height: 1.6;
  margin-bottom: 18px;
}

/* LOCATION */
.past-event-location {
  font-size: 14px;
  color: var(--events-gray);
  margin-bottom: 22px;
}

/* STATS BOX */
.past-event-stats {
  background: #fdecec;
  border-radius: 16px;
  padding: 18px;
  text-align: center;
}

.past-event-number {
  display: block;
  font-size: 32px;
  font-weight: 800;
  color: var(--events-red);
}

.past-event-label {
  font-size: 14px;
  color: var(--events-gray);
}


/* =========================
   EVENTS CTA SECTION
========================= */

.events-cta-section {
    background: #fdecec;
    padding: 90px 0;
    text-align: center;
  }
  
  .events-cta-title {
    font-size: 36px;
    font-weight: 800;
    color: var(--events-dark);
    margin-bottom: 16px;
  }
  
  .events-cta-desc {
    font-size: 18px;
    color: var(--events-gray);
    max-width: 720px;
    margin: 0 auto 36px;
    line-height: 1.6;
  }
  
  .events-cta-btn {
    display: inline-block;
    background: var(--events-red);
    color: #fff;
    padding: 14px 34px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 14px;
    text-decoration: none;
    box-shadow: 0 12px 28px rgba(225, 43, 43, 0.25);
    transition: all 0.25s ease;
  }
  
  .events-cta-btn:hover {
    background: #c91f1f;
    transform: translateY(-2px);
    box-shadow: 0 18px 40px rgba(225, 43, 43, 0.35);
  }
  
  /* MOBILE */
  @media (max-width: 768px) {
    .events-cta-title {
      font-size: 28px;
    }
  
    .events-cta-desc {
      font-size: 16px;
    }
  }
  