.in-person-event {
     padding-block: 4rem;
     background: linear-gradient(180deg, var(--Brand-50, #E5F3FF) 0%, #FFF 100%);
 }

 .events-cards {
     display: grid;
     grid-template-columns: repeat(1, 1fr);
     gap: 1.5rem;
 }

 .event-dot {
     display: flex;
     padding-top: 2px;
 }

 .events-cards__item {
     display: flex;
     flex-direction: column;
     gap: 24px;
     padding: 1.5rem;
     border-radius: 1rem;
     border: 1px solid #C7E2FF;
     background: #fff;
     overflow: hidden;
 }


 .event-card__header img {
     width: 100%;
     border-radius: 8px;
     border: 1px solid #C7E2FF;
 }

 .event-card__body {
     display: flex;
     flex-direction: column;
     gap: 1rem;
 }

 .event-card__event-type {
     padding: 8px 20px;
     border-radius: 100px;
     border: 1px solid #99C6FF;
     max-width: fit-content;
 }

 .event-venue-container {
     display: flex;
     align-items: center;
     gap: 1rem;
     flex-wrap: wrap;
 }

 .event-description p,
 .event-card__title {
     margin-bottom: 0;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .event-description p {
     -webkit-line-clamp: 5;
     font-weight: 300
 }

 .event-tags {
     display: flex;
     flex-flow: row wrap;
     gap: 8px 12px;
     align-items: center;
 }

 .event-card__title a {
     color: var(--text-primary, #000823);
 }

 .event-card__meta {
     display: flex;
     flex-direction: column;
     gap: 1rem;
 }

 .event-card__date {
     color: var(--text-primary, #000823);
 }

 .event-card__time {
     color: var(--Colors-Text-text-secondary, #6B7080);
 }

 .event-card__location {
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .event-card__location-icon {
     width: 2rem;
     height: 2rem;
 }

 @media (max-width: 420px) {
     .cta-band .container-sm .cta-band-content {
         max-width: 285px !important;
         margin-inline: auto
     }
 }

 /* design screen 768px and above */
 @media (min-width: 768px) {

     .events-cards {
         grid-template-columns: repeat(1, 1fr);
         gap: 1.5rem;
     }

     .events-cards__item {
         flex-direction: row;
     }

     .event-card__meta {
         gap: 8px;
     }

     .event-card__header {
         max-width: 261px;
         flex-shrink: 0;
         overflow: hidden;
     }

     .event-card__header img {
         border-radius: 12px;
     }

     .cta-band .container-sm {
         max-width: 690px !important
     }
 }

 /* design screen 1024px = 992px and above */
 @media (min-width: 992px) {
     .events-cards__item {
         padding: 32px;
     }

     .cta-band .container-sm {
         max-width: 814px !important
     }
 }

 /* design screen 1366px = 1200px and above */
 @media (min-width: 1200px) {
     .event-venue-container {
         gap: 1.5rem;
     }

     .in-person-event {
         padding-block: 5rem
     }

     .events-cards {
         gap: 2rem
     }

     .event-card__header {
         max-width: 456px;
     }

     .events-cards__item {
         padding: 40px;
         gap: 40px;
         border-radius: 1.5rem
     }


     .event-card__header img {
         border-radius: 16px;
     }

     .event-card__body {
         gap: 1.5rem;
     }

     .event-card__location {
         gap: 12px;
     }

     .event-card__location-icon {
         width: 2.5rem;
         height: 2.5rem
     }

     .cta-band .container-sm {
         max-width: 830px !important
     }
 }

 /* design screen 1920px = 1601px and above */
 @media (min-width: 1601px) {
     .events-cards__item {
         padding: 48px;
         gap: 48px;
     }

     .cta-band .container-sm {
         max-width: 1010px !important
     }
 }