.event {
  padding: 30px 0;
  .event_wrapper {
    padding-top: 40px;
    .event_wrap {
      padding: 15px;
      border: 1px solid #c3c3c33a;
      border-radius: 12px;
      &:hover {
        box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.129);
      }
      .event_img {
        height: 220px;
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
        img {
          height: 100%;
          width: 100%;
          object-fit: cover;
        }
      }
      .event_content {
        padding-top: 10px;
        .event_title {
          font-size: 20px;
          font-weight: 500;
          color: $black;
          line-height: 28px;
        }
        .update_time {
          font-size: 14px;
          font-weight: 400;
          color: #a3abb6;
          padding: 4px 0 8px 0;
        }
        p {
          color: $black;
        }
        .more_btn {
          a {
            font-size: 16px;
            font-weight: 500;
            color: $primaryColor;
          }
        }
      }
    }
  }
}