.upcoming-events{overflow:hidden;position:relative}.upcoming-events .outer-box{border-radius:var(--radius-lg);margin:0 auto;max-width:1380px;padding:80px 0;width:calc(100% - 60px)}.upcoming-events .col-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between}.upcoming-events .col-wrapper .col.one{width:38.85%}.upcoming-events .col-wrapper .col.two{width:47.65%}.upcoming-events .col-wrapper *{margin-bottom:0;margin-top:0}.upcoming-events .heading-area{display:flex;flex-direction:column;row-gap:var(--space-md)}.upcoming-events .heading-area .description,.upcoming-events .heading-area .description ul{display:flex;flex-direction:column;row-gap:var(--space-xs)}.upcoming-events .outer-box.bg-dark .heading-area .description *,.upcoming-events .outer-box.bg-dark .heading-area h3{color:var(--white)}.upcoming-events .event-list{display:flex;flex-direction:column;row-gap:var(--space-sm)}.upcoming-events .event-list *{transition:all .5s ease}.upcoming-events .event-list .event-item{align-items:center;background-color:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 0 60px 0 #3339460d;column-gap:var(--space-sm);cursor:pointer;display:flex;overflow:hidden;padding:var(--space-xxs) var(--space-xs) var(--space-xxs) var(--space-xxs);position:relative}.upcoming-events .outer-box.bg-white .event-list .event-item{background-color:var(--light-gray-blue)}.upcoming-events .event-list .event-item:hover,.upcoming-events .event-list .event-item:hover .event-date,.upcoming-events .outer-box.bg-white .event-list .event-item:hover,.upcoming-events .outer-box.bg-white .event-list .event-item:hover .event-date{background-color:var(--primary)}.upcoming-events .event-list .event-item:hover h5,.upcoming-events .event-list .event-item:hover h6{color:var(--white)}.upcoming-events .event-list .event-item:hover .event-link *{fill:var(--white)}.upcoming-events .event-list .event-item:hover .event-date .month{background-color:var(--white);color:var(--primary)}.upcoming-events .event-item .event-date{align-items:center;background-color:var(--white);border:1px solid var(--med-line);border-radius:4px;display:flex;flex-direction:column;justify-content:space-between;min-height:70px;min-width:74px;padding:var(--space-xxxs);text-align:center}.upcoming-events .event-item .event-date .month{background-color:var(--secondary);border-radius:3px;color:var(--white);display:block;font-size:var(--xxs-font);font-weight:700;padding:2px var(--space-xxs);width:100%}.upcoming-events .event-item .event-link{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-left:auto;width:24px}.upcoming-events .event-item .event-card-link{inset:0;position:absolute}.upcoming-events .event-list .event-item .date-xs{display:none}.upcoming-events .theme-btns-wrapper{margin-top:var(--space-md)}@media (max-width:1024px){.upcoming-events .col-wrapper .col{width:calc(50% - var(--space-sm-xs))!important}}@media (max-width:767px){.upcoming-events .outer-box{border-radius:var(--radius-lg-xs);padding:48px 0;width:calc(100% - 15px)}.upcoming-events .page-center{padding:0 12.5px}.upcoming-events .col-wrapper{row-gap:var(--space-lg-xs)}.upcoming-events .col-wrapper .col{width:100%!important}.upcoming-events .heading-area{row-gap:var(--space-md-xs)}.upcoming-events .event-list{row-gap:var(--space-sm-xs)}.upcoming-events .event-list .event-item{border-radius:var(--radius-xs);column-gap:var(--space-sm-xs);padding:var(--space-xs-xs)}.upcoming-events .event-list .event-item .date-lg{display:none}.upcoming-events .event-list .event-item .date-xs{align-items:center;background-color:var(--secondary);border-radius:4px;display:flex;justify-content:center;margin-bottom:var(--space-xxs);max-width:max-content;min-height:34px;padding:var(--space-xxxs) var(--space-xxs)}.upcoming-events .event-list .event-item .date-xs h6{color:var(--white)}.upcoming-events .theme-btns-wrapper{margin-top:var(--space-md-xs);max-width:max-content}.upcoming-events .heading-area .description *{font-size:var(--xs-font)}.upcoming-events .heading-area .description,.upcoming-events .heading-area .description ul{row-gap:var(--space-xs-xs)}}