.qcp-events-cards {
     display: flex;
     flex-wrap: wrap;
     gap: 2%;
     /* horizontal gap */
     justify-content: center;
     width: 100%;
     max-width: 1400px;
     padding: 30px;
   }

   .qcp-events-card {
     position: relative;
     width: 49%;
     max-width: 690px;
     aspect-ratio: 690 / 699;
     overflow: hidden;
     cursor: pointer;
     background: #3b2b2b;
     margin-bottom: 40px;
     /*  bottom gap between rows */
   }

   .qcp-events-card img {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%) scale(0.5);
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: all 0.8s ease-in-out;
     z-index: 1;
   }

   .qcp-events-card .qcp-events-title {
     font-weight: 500;
     text-transform: capitalize;
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     color: #fff;
     text-align: center;
     transition: opacity 0.5s ease-in-out;
     z-index: 2;
    margin-top:22px;
   }

   .qcp-events-card .qcp-events-title h1 {
     margin-top: 425px;
     font-size: 16px;
     font-family: GT America;
     line-height: 46px;
     bottom: -12px;

   }

   .qcp-events-card .qcp-events-title h2 {
     margin-top: -28px;
     font-size: 32px;
     font-family: Lyon Arabic Display;
     bottom: -12px;
     line-height: 33px;

   }

   .qcp-events-card .qcp-events-overlay-text {
     position: absolute;
     top: 50%;
     /*  vertically center */
     left: 50%;
     /*  horizontally center */
     transform: translate(-50%, -50%);
     /* center alignment */
     text-align: center;
     opacity: 0;
     transition: all 0.6s ease-in-out;
     z-index: 3;
     padding: 20px;
     max-width: 90%;
   }

   .qcp-events-card .qcp-events-overlay-text h2 {
     margin: 0 0 10px;
     font-size: 40px;
     font-family: Lyon Arabic Display;
     text-transform: capitalize;
     color: #fff;
   }

   .qcp-events-card .qcp-events-overlay-text p {
     font-family: GT America;
     font-size: 16px;
     line-height: 22.40px;
     text-transform: capitalize;
     color: #fff;
   }

   .qcp-events-card:hover img {
     transform: translate(-50%, -50%) scale(1);
     border-radius: 0;
   }

   .qcp-events-card:hover .qcp-events-title {
     opacity: 0;
   }

   .qcp-events-card:hover .qcp-events-overlay-text {
     opacity: 1;
     transform: translate(-50%, -50%) scale(1);
     /* stays centered */
   }

   /* Mobile: 1 card per row */
   @media (max-width: 768px) {
     .qcp-events-card {
       width: 100%;
       max-width: 100%;
     }
   }

   .card-bg-color-1 {
     background: #4D3739;
   }

   .card-txt-color-1 {
     color: #fff;
   }

   .card-bg-color-2 {
     background: #9E8F76;
   }

   .card-txt-color-2 {
     color: #fff;
   }

   .card-bg-color-3 {
     background: #755441;
   }

   .card-txt-color-3 {
     color: #fff;
   }

   .card-bg-color-4 {
     background: #4D3739;
   }

   .card-txt-color-4 {
     color: #fff;
   }