.event-section .section-title {
     text-align: center;
     margin-bottom: 40px;
 }

 .event-section .section-title h2 {
     font-size: 32px;
     color: #003366;
     font-weight: 700;
     margin: 0;
 }

 .event-section .section-title p {
     font-size: 16px;
     color: #555;
     margin-top: 8px;
 }

 /* =========================
       EVENT CARD LAYOUT
    ========================== */
 .event-section .event-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    transition: all 0.3s ease;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35) !important;
    padding: 10px;
    display: flex;
    margin: 10px;
}
 
 
.event-section .event-container {
    display: flex;
    flex: 1 1 calc(33.333% - 20px);
    box-sizing: border-box;
}

 .event-section .event-card:hover {

     transform: translateY(-4px);
     transition: background .2s;
 }
.event-card a {
text-decoration:none !important;
}
 .event-section .event-image {
     overflow: hidden;
     height: 230px;
     width: 100%;
     position: relative;
 }

 .event-section .event-image img {
     width: 100%;
     height: 100%;
     border-radius: 15px;
     object-fit: cover;
     transition: transform 0.3s ease;
 }

 .event-section .event-card:hover .event-image img {
     transform: scale(1.05);
 }

 .event-section .event-date {
     position: absolute;
     top: 10px;
     left: 10px;
     background: #f7c948;
     color: #000;
     font-weight: bold;
     text-align: center;
     border-radius: 6px;
     padding: 10px 15px;
     line-height: 1.2;
     font-size: 14px;
     box-shadow: 5px 3px 15px rgba(0, 0, 0, .2);
 }

 .event-section .event-date span {
     font-size: 23px;
     line-height: 23px;
     font-weight: 600;
 }

 .event-section .event-content {
     padding: 20px;
 }

 .event-section .event-content h3 {
     color: #003366;
     font-size: 22px;
     font-weight: 700;
     line-height: 1.42;
     margin: 0 0 10px;
     text-transform: capitalize;
 }

 .event-section .event-time,
 .event-section .event-location {
     font-size: 15px;
     color: #000;
     margin: 4px 0 14px;
     display: flex;
     align-items: baseline;
     gap: 10px;
     line-height: 1.42;
 }

 .event-section .event-time i,
 .event-section .event-location i {
     color: #555555;
     font-size: 16px;
 }

 .event-section .tags {
     margin-top: 10px;
 }

 .event-section .tag {
     display: inline-block;
     padding: 5px 10px;
     border-radius: 20px;
     font-size: 0.8rem;
     color: #fff;
     margin-right: 5px;
 }

 .event-section .tag.blue {
     background: #1e4c6e !important;
     color: #fff !important;
     border-radius: 50px !important;
     padding: 7px 30px !important;
     font-size: 14px;
 }

 .event-section .tag.green {
     background: #36A58D !important;
     color: #fff !important;
     padding: 5px 10px !important;
     display: inline-block;
     line-height: 15px;
     font-weight: 500;
     font-size: 14px;
     border-radius: 4px;
 }

 /* Responsive improvements */
 @media (max-width: 768px) {
     .event-section {
         padding: 40px 15px;
     }

     .event-section .section-title h2 {
         font-size: 26px;
     }
.event-section .event-container {
    flex: 1 1 100% !important;
}
.event-section .event-date span {
    font-size: 18px !important;
}
 }