/* Upcoming Webinars — swipe carousel */
.upcoming-carousel .children {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 24px !important;

  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  -webkit-overflow-scrolling: touch;

  padding: 0 0 28px !important;
  scrollbar-width: auto !important;
  scrollbar-color: #83143d #efefef !important;
}

/* The individual event cards */
.upcoming-carousel .cms-hub-card {
  display: block !important;
  position: relative !important;
  float: none !important;

  flex: 0 0 88% !important;
  width: 88% !important;
  max-width: 88% !important;
  min-width: 0 !important;

  margin: 0 !important;
  scroll-snap-align: start !important;
}

/* Swipe progress bar */
.upcoming-carousel .children::-webkit-scrollbar {
  display: block !important;
  height: 10px !important;
}

.upcoming-carousel .children::-webkit-scrollbar-track {
  background: #efefef !important;
  border-radius: 99px !important;
  margin: 0 12% !important;
}

.upcoming-carousel .children::-webkit-scrollbar-thumb {
  background: #83143d !important;
  border: 2px solid #efefef !important;
  border-radius: 99px !important;
}

@media (max-width: 767px) {
  .upcoming-carousel .children {
    gap: 16px !important;
  }

  .upcoming-carousel .cms-hub-card {
    flex-basis: 86% !important;
    width: 86% !important;
    max-width: 86% !important;
  }
}