.events-item-content-top-left {
       display: flex;
       flex-direction: column;
       flex: 1;
   }
   
   .events-item-content-top-right img {
       width: 47px;
       height: 19px;
   }
   
   .events-item-content-top-right {
       position: relative;
       display: flex;
   }
   
   .events-item-tooltip {
       position: absolute;
       right: 0px;
       bottom: 35px;
       width: 200px;
       display: none;
       background-color: #59607D;
       font-size: 12px;
       color: #fff;
       padding: 8px;
       border-radius: 5px;
   }
   
   .events-item-tooltip:before {
       content: "";
       position: absolute;
       bottom: -5px;
       right: 10px;
       margin-left: -5px;
       border-left: 5px solid transparent;
       border-right: 5px solid transparent;
       border-top: 5px solid #59607D;
   }
   
   .events-item-content-top-right:hover .events-item-tooltip {
       display: flex;
   }
   
   @media screen and (max-width: 1070px) {
       .events-item-content {
           position: relative;
       }
   }
   
   .page {
       margin: 0px!important;
   }
   
   .events-holder {
       margin-right: calc(-50vw + 350px);
       margin-left: calc(-50vw + 630px);
       display: flex;
       position: relative;
       min-height: 100vh;
   }
   
   .events-sidebar {
       width: 230px;
       padding: 40px 14px;
       position: absolute;
       top: 0px;
       bottom: 0px;
   }
   
   @media screen and (min-width: 1700px) {
       .events-content {
           margin: 0 auto!important;
           max-width: 960px;
       }
   }
   
   .events-content {
       margin-left: 230px;
       flex: 1;
       padding: 30px 80px;
   }
   
   .events-upcoming {
       padding-bottom: 20px;
   }
   
   .filter-item-title {
       font-size: 16px;
       line-height: 21px;
       color: #484E6B;
       font-weight: 600;
       position: relative;
       cursor: pointer;
       display: flex;
   }
   
   .filter-item-title:hover {
       color: #000000;
   }
   
   .filter-item-title span strong {
       background-color: #CCD1F4;
       width: 18px;
       height: 18px;
       border-radius: 100%;
       font-weight: 400;
       color: #000000;
       font-size: 12px;
       display: flex;
       align-items: center;
       justify-content: center;
       margin-left: 5px;
   }
   
   .filter-item-title:before {
       content: "\f078";
       position: absolute;
       right: 0px;
       top: 0px;
       font-family: "Font Awesome 6 Pro";
       font-weight: 900;
       transform: rotate(0deg);
       transition: transform .3s;
   }
   
   .active-filter-items .filter-item-title:before {
       transform: rotate(180deg);
       transition: transform .3s;
   }
   
   .filter-item-list-content {
       flex-direction: column;
       align-items: flex-start;
       margin-top: 15px;
   }
   
   .active-filter-items .filter-item-list-content {
       display: flex;
   }
   
   .item-holder {
       display: flex;
       align-items: center;
       margin-bottom: 15px;
   }
   
   .item-holder:last-child {
       margin-bottom: 0px;
   }
   
   .item-text {
       padding-left: 10px;
       font-size: 14px;
       line-height: 18px;
       color: #484E6B;
       display: flex;
   }
   
   .checkbox {
       width: 18px;
       height: 18px;
       border: 1px solid #CACFE6;
       border-radius: 2px;
   }
   
   .item-holder>span {
       cursor: pointer;
   }
   
   .filter-item-list {
       padding-bottom: 25px;
   }
   
   .sidebar-filter-rsvp,
   .sidebar-filter-period {
       padding-bottom: 15px;
       margin-bottom: 15px;
   }
   
   .events-title {
       font-size: 22px;
       line-height: 38px;
       color: #323856;
       font-weight: 800;
       margin-bottom: 15px;
   }
   
   .events-item {
       display: flex;
       margin-bottom: 14px;
       background-color: #fff;
       border-radius: 8px;
       box-shadow: 0px 0px 5px 0px rgba(23, 15, 63, 0.14);
   }
   
   .events-item:hover {
       box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.05), 0 1px 20px 0 rgba(0, 0, 0, 0.15);
   }
   
   .events-thumbnail {
       width: 140px;
       line-height: 0;
       position: relative;
   }
   
   .events-thumbnail img {
       width: 140px;
       height: 140px;
       object-fit: cover;
       border-top-left-radius: 8px;
       border-bottom-left-radius: 8px;
       position: relative;
   }
   
   .events-thumbnail img.play-button {
       width: 42px;
       height: 42px;
       position: absolute;
       left: calc(50% - 21px);
       top: calc(50% - 21px);
   }
   
   .events-item-content {
       padding: 12px;
       flex: 1;
       display: flex;
       flex-direction: column;
       justify-content: space-between;
   }
   
   .events-item-content-top {
       display: flex;
   }
   
   .events-item {
       text-decoration: none;
   }
   
   .events-item-content-top-head {
       display: flex;
       flex-direction: column;
   }
   
   .events-item-content-top-head-left {
       display: flex;
       flex-direction: column;
   }
   
   .events-item-content-time {
       font-size: 14px;
       line-height: 19px;
       color: #136999;
       font-weight: 700;
       margin-bottom: 5px;
   }
   
   .events-item-content-time span {
       text-transform: uppercase;
   }
   
   .event-title {
       font-size: 20px;
       line-height: 24px;
       color: #323856;
       font-weight: 700;
       margin-bottom: 10px;
       overflow: hidden;
       text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-line-clamp: 1;
       -webkit-box-orient: vertical;
   }
   
   .events-item-categories-term {
       font-size: 12px;
       line-height: 16px;
       color: #323856;
       font-weight: 400;
       background-color: #F4F6FA;
       padding: 2px 4px;
       margin-right: 4px;
       border-radius: 2px;
       display: inline-block;
   }
   
   .events-item-content-categories {
       display: flex;
       flex-wrap: wrap;
   }
   
   .events-item-content-bottom {
       display: flex;
       align-items: center;
   }
   
   .zoom-webinar {
       display: flex;
       align-items: center;
       padding-right: 24px;
   }
   
   .zoom-webinar img {
       line-height: 0;
       margin-right: 4px;
       width: 24px;
       height: 24px;
   }
   
   .zoom-webinar span {
       font-size: 12px;
       line-height: 16px;
       color: #6F7682;
   }
   
   .attendance-holder {
       display: flex;
       align-items: center;
   }
   
   .attendance-holder span {
       font-size: 12px;
       line-height: 16px;
       color: #6F7682;
       font-weight: 400;
       padding-right: 4px;
   }
   
   .point {
       padding: 0px 12px;
       font-size: 24px;
       line-height: 1;
   }
   
   .duration {
       display: flex;
       align-items: center;
   }
   
   .duration span {
       font-size: 12px;
       line-height: 16px;
       color: #6F7682;
       font-weight: 400;
       padding-right: 4px;
   }
   
   .loading {
       text-align: center;
       display: block;
   }
   
   .loading img {
       width: 100px;
       height: 100px;
   }
   
   .load_more {
       text-align: center;
       display: block;
       color: inherit!important;
       padding: 0px;
       width: max-content;
       margin-top: 5px;
   }
   
   .load_more span {
       font-size: 14px;
       border-radius: 5px;
       font-weight: 400;
       display: flex;
       line-height: 19px;
       letter-spacing: 0.5px;
       padding: 7px 24px;
       cursor: pointer;
       font-weight: 600;
   }
   
   .load_more span:hover {
       box-shadow: 0 0 1px 0 rgb(0, 0, 0, .05), 0 1px 10px 0 rgb(0, 0, 0, .15);
   }
   
   .activ_item .checkbox {
       background-color: #1EBBF0;
       border-color: #1EBBF0;
       position: relative;
   }
   
   .activ_item .checkbox:after {
       content: "\f00c";
       font-family: "Font Awesome 6 Pro";
       font-weight: 900;
       color: #fff;
       position: absolute;
       left: 3px;
       top: -1px;
       font-size: 12px;
   }
   
   .activ_item .item-text {
       color: #141921;
       /* font-weight: 600; */
   }
   
   .clear-filters {
       display: flex;
   }
   
   @media screen and (min-width: 1071px) {
       .events-sidebar.sticky-class {
           position: fixed;
           top: 72px;
       }
       #see-results,
       .close-events-sidebar,
       #filter-events-button {
           display: none;
       }
   }
   
   .badge {
       position: absolute;
       top: 5px;
       left: 5px;
       font-size: 12px;
       line-height: 16px;
       color: #323856;
       background-color: #fff;
       border: 1px solid #CACFE6;
       padding: 3px 10px;
       font-weight: 600;
       text-transform: capitalize;
       border-radius: 24px;
   }
   
   .badge.coming.soon,
   .badge.live {
       padding-left: 20px;
   }
   
   .badge.coming.soon:before,
   .badge.live:before {
       content: '';
       position: absolute;
       left: 5px;
       top: 6px;
       background-color: #cc0000;
       width: 10px;
       height: 10px;
       border-radius: 100%;
   }
   
   .number_of_events {
       font-size: 12px;
       line-height: 21px;
       color: #59607D;
       font-weight: 400;
       display: flex;
       align-items: center;
       width: 100%;
       justify-content: center;
   }
   
   @media screen and (max-width: 1350px) {
       .events-holder {
           margin-right: calc(-100vw + 1020px) !important;
           margin-left: -45px !important;
       }
       .events-content {
           padding: 30px;
       }
   }
   
   @media screen and (max-width: 1100px) {
       .zoom-webinar {
           padding-right: 10px;
       }
       .point {
           padding: 0px 6px;
       }
   }
   
   @media screen and (max-width: 1070px) {
       .sidebar-inner::-webkit-scrollbar {
           -webkit-appearance: none;
           width: 5px;
       }
       .sidebar-inner::-webkit-scrollbar-thumb {
           border-radius: 5px;
           background-color: rgba(0, 0, 0, .3);
           -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
       }
       .sidebar-inner {
           height: calc(100% - 40px);
           overflow-y: scroll;
           overflow-x: hidden;
           scrollbar-color: rgba(0, 0, 0, 0.3);
       }
       .clear-filters {
           justify-content: space-between;
           position: fixed;
           bottom: 20px;
           left: 12px;
           right: 12px;
       }
       .clear-filters span {
           text-align: center;
           padding: 7px 10px;
           margin: 0px 3px;
           flex: 1;
           justify-content: center;
       }
       .close-events-sidebar {
           position: absolute;
           right: 18px;
           top: 15px;
           line-height: 0;
           font-size: 20px;
           color: #59607D;
           display: flex;
           align-items: center;
           justify-content: space-between;
           left: 14px;
       }
       .close-events-sidebar .filter-your-result {
           font-size: 18px;
           line-height: 21px;
           color: #484E6B;
           font-weight: 600;
       }
       #filter-events-button {
           padding-bottom: 20px;
           display: inline-flex;
           align-items: center;
       }
       #filter-events-button span {
           font-size: 16px;
           line-height: 20px;
           color: #5C627C;
       }
       #filter-events-button i {
           padding-right: 8px;
       }
       .events-sidebar {
           -moz-transform: translateX(-100vw);
           -ms-transform: translateX(-100vw);
           -webkit-transform: translateX(-100vw);
           transform: translateX(-100vw);
           position: fixed;
           top: 0;
           bottom: 0;
           left: 0;
           width: 300px;
           margin-top: 72px;
           background-color: #fff;
           z-index: 99999;
           transition: transform .3s;
           padding-top: 50px;
       }
       .active-events-sidebar .events-sidebar {
           -moz-transform: translateX(0vw);
           -ms-transform: translateX(0vw);
           -webkit-transform: translateX(0vw);
           transform: translateX(0vw);
           transition: transform .3s;
       }
       .active-events-sidebar .holder-mobile {
           display: block;
       }
       .events-content {
           margin-left: 0px;
           padding: 30px;
           padding: 30px 0px;
           max-width: 700px;
           margin: 0 auto !important;
       }
       #events-upcoming-content,
       #events-past-content {
           display: flex;
           flex-wrap: wrap;
           margin: 0px -20px;
           justify-content: center;
       }
       .events-item {
           width: calc(50% - 40px);
           flex-direction: column;
           margin: 0px 20px 40px;
       }
       .loading {
           margin: 0 auto;
       }
       .events-thumbnail {
           width: 100%;
       }
       .events-thumbnail img {
           width: 100%;
           height: auto;
           object-fit: unset;
           border-radius: 8px 8px 0px 0px;
       }
       .events-item-content-bottom {
           display: flex;
           align-items: center;
           flex-direction: row;
           flex-wrap: wrap;
       }
       .zoom-webinar {
           padding-right: 0px;
           width: 100%;
           padding-bottom: 5px;
           margin-left: -3px;
       }
       .events-item-content-categories {
           margin-bottom: 10px;
       }
       .events-holder {
           margin-right: auto!important;
           margin-left: auto!important;
       }
   }
   
   @media screen and (max-width: 750px) {
       #events-upcoming-content,
       #events-past-content {
           margin: 0px -15px;
       }
       .events-item {
           width: calc(50% - 30px);
           margin: 0px 15px 30px;
       }
   }
   
   @media screen and (max-width: 480px) {
       .events-sidebar {
           width: 100%;
       }
       #events-upcoming-content,
       #events-past-content {
           margin: 0px -10px;
       }
       .events-item {
           width: calc(100% - 20px);
           margin: 0px 10px 20px;
       }
   }
   
   .empty-content {
       display: flex;
       flex-direction: column;
       align-items: center;
       padding: 20px;
   }
   
   .empty-content-top {
       font-size: 16px;
       line-height: 22px;
       color: #6F7682;
       font-weight: 600;
   }
   
   .empty-content-message {
       font-size: 14px;
       line-height: 20px;
       color: #6F7682;
   }
   
   .empty-content-clear {
       font-size: 14px;
       line-height: 20px;
       text-decoration: underline;
       color: #1EBBF0;
       cursor: pointer;
   }
   
   .empty-content-clear:hover {
       color: #323856;
   }