.event-card{
      position:relative;
      border:none;
      border-radius:20px;
      overflow:hidden;
      transition:all 0.3s ease;
      background:#fff;
      max-width:360px;
      /* margin:auto; */
    }

    .event-card:hover{
      transform:translateY(-8px);
      box-shadow:0 14px 35px rgba(0,0,0,0.18);
    }

    .event-img{
      width:100%;
      height:220px;
      object-fit:cover;
      display:block;
    }

    .date-badge{
      position:absolute;
      top:14px;
      left:14px;
      background:#0b7d3b;
      color:#fff;
      border-radius:14px;
      width:78px;
      text-align:center;
      padding:10px 6px;
      border:3px solid #ffffff;
      box-shadow:0 6px 18px rgba(0,0,0,0.22);
    }

    .date-badge-latest{
      position:absolute;
      top:14px;
      left:14px;
      background:#ff6600;
      color:#fff;
      border-radius:14px;
      width:78px;
      text-align:center;
      padding:10px 6px;
      border:3px solid #ffffff;
      box-shadow:0 6px 18px rgba(0,0,0,0.22);
    }

    .date-badge .day{
      font-size:28px;
      font-weight:800;
      line-height:1;
    }

    .date-badge .month{
      font-size:14px;
      font-weight:700;
      margin-top:4px;
      letter-spacing:1px;
    }

    .date-badge .year{
      font-size:16px;
      font-weight:700;
      margin-top:2px;
    }

    .event-body{
      padding:24px;
    }

    .event-title{
      font-size:26px;
      font-weight:800;
      color:#008035;
      line-height:1.15;
      margin-bottom:14px;
    }

    .event-location{
      color:#374151;
      font-size:17px;
      font-weight:600;
      margin-bottom:16px;
      display:flex;
      align-items:center;
      gap:8px;
    }

    .event-location i{
      color:#0b7d3b;
    }

    .event-desc{
      color:#4b5563;
      font-size:17px;
      line-height:1.7;
      margin-bottom:24px;
    }

    .btn-event{
      background:#0b7d3b;
      color:#fff;
      border:none;
      padding:12px 26px;
      border-radius:12px;
      font-weight:700;
      font-size:16px;
      transition:all 0.3s ease;
      display:inline-flex;
      align-items:center;
      gap:8px;
    }

    .btn-event:hover{
      background:#ff6600;
      color:#fff;
      transform:translateY(-2px);
    }