.title-underline {
       width: 180px;
       height: 4px;
       background: #FFDD00;
   }

   .date-item {
       display: flex;
       align-items: center;
       justify-content: center;
       gap: 1.2rem;
   }

   .date-box {
       display: flex;
       flex-direction: column;
       align-items: center;
       min-width: 60px;
   }

   .date-box .month {
       font-weight: 600;
       text-transform: capitalize;
   }

   .date-box .day {
       font-size: 3rem;
       font-weight: 900;
   }

   .date-info .event-title {
       font-weight: 600;
       margin: 0;
   }

   .date-info .event-time {
       margin: 0;
       color: #333;
   }

   .all-events-link:hover {
       text-decoration: underline !important;
   }