.events-list ul {
          display: grid;
          grid-template-columns: repeat(5, 1fr);
          grid-gap: 20px;
          padding: 0;
      }
      .events-list .img-wrapper img {         
          border-radius: 10px;      
          object-fit: cover;
          transition: .3s ease-in-out;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100%;
      }
      .events-img-wrapper {
          position: relative;
          height: 300px;
          overflow: hidden;
          border-radius: 10px;
      }
      .events-list ul li {
          width: 100%;
          list-style-type: none;
      }
      .events-list ul li:hover h2 a {
        color: #398FCD;
      }
      .events-list ul li:hover .img-wrapper img {
        transform: scale(1.05);
      }         
      .events-img-wrapper .event-date {
          background: #FFFFFF;
          left: 10px;
      }
      .events-img-wrapper .event-date,
      .events-register {
          position: absolute;
          bottom: 8px;
          font-size: 14px;
          color: #B95F89;   
          border-radius: 4px;
          padding: 2px 8px;
          font-family: "Gotham-Medium", sans-serif;
          margin: 0;
          z-index: 1;
      }
      .events-register {         
          background: #398FCD;   
          bottom: 0;
          right: 10px;
          color: #ffffff;   
      }      
    .events-content h2 {
        font-size: 16px !important;
        margin: 10px 0 8px !important;
        font-family: "Gotham-Medium", sans-serif !important;
    }
    .events-content h2 a {
        color: #000000;
        text-decoration: none;
        font-family: "Gotham-Medium", sans-serif;
        transition: .3s ease-in-out;
    }
    .events-text {
        font-size: 14px !important;
        color: #000000 !important;
        margin: 0 0 6px !important;
        font-family: "Gotham Book", Sans-serif !important;
    }


    @media (max-width: 991px) {
      .events-list ul {
          grid-template-columns: repeat(3, 1fr);
      }
    }
     @media (max-width: 767px) {
      .events-list ul {
          grid-template-columns: repeat(2, 1fr);
      }
    }
      @media (max-width: 575px) {
      .events-list ul {
          grid-template-columns: 1fr;
      }
    }