.sec-title h2 {
  font-size: 48px;
  line-height: 1.2;
  padding: 20px;
}

@media (max-width: 575.98px) {
  .sec-title h2 {
    font-size: 32px;
  }
}
.access-wrap {
  display: flex;
  flex-direction: row;
  border-radius: 30px;
  overflow: hidden;
  flex-wrap: wrap;
  background: #f9f9f9;
}

.access-wrap > .--outline,
.access-wrap > .--access {
  flex: 1 1 50%;
  min-width: 300px;
  padding: 20px;
  box-sizing: border-box;
}

.access-wrap > .--access iframe {
  width: 100%;
  height: 100%;
  min-height: 500px;
  border: 0;
  border-radius: 16px;
}

@media (max-width: 768px) {
  .access-wrap {
    flex-direction: column;
  }
}

.access-wrap .--outline .event-info-list .event-info-list-name,
.access-wrap .--outline .event-info-list strong,
.access-wrap .--outline .event-info-list td,
.access-wrap .--outline .event-info-list td a.link-light {
  color: #333 !important;
}