.timeline-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
@media only screen and (max-width: 991px) {
  .timeline-container {
    display: flex;
    flex-direction: column;
  }
  .timeline-container .timeline-item:nth-of-type(3n + 1) {
    order: 1;
  }
  .timeline-container .timeline-item:nth-of-type(3n + 2) {
    order: 2;
  }
  .timeline-container .timeline-item:nth-of-type(3n) {
    order: 3;
  }
  .timeline-container .timeline-item.item-empty {
    display: none;
  }
  .timeline-container .timeline-item .timeline-item-head {
    height: auto !important;
  }
}
.timeline-container .timeline-item {
  text-align: center;
  border: 1px solid rgba(23, 180, 165, 0.3);
  display: flex;
  flex-direction: column;
}
.timeline-container .timeline-item .timeline-item-head {
  color: white;
  font-size: 18px;
  font-weight: 700;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.timeline-container .timeline-item .timeline-item-head .text-num {
  font-size: 35px;
}
.timeline-container .timeline-item .timeline-item-head.h-full {
  flex-grow: 1;
}
.timeline-container .timeline-item .timeline-item-head.h-full.t-left {
  text-align: left;
  align-items: flex-start;
}
.timeline-container .timeline-item .timeline-item-body {
  padding: 1rem;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  text-align: left;
}
.timeline-container .timeline-item .timeline-item-body .more {
  margin-top: auto;
}
.timeline-container .timeline-item:nth-of-type(3n + 1) .timeline-item-head {
  background-color: #5bbe9f;
}
.timeline-container .timeline-item:nth-of-type(3n + 2) .timeline-item-head {
  background-color: #258f8c;
}
.timeline-container .timeline-item:nth-of-type(3n) .timeline-item-head {
  background-color: #005b95;
}

body.about-the-sfc .timeline-container .timeline-item {
  border: 1px solid rgba(23, 180, 165, 0.3);
}
body.career .timeline-container .timeline-item {
  border: 1px solid rgba(255, 184, 29, 0.3);
}
body.rules-and-standards .timeline-container .timeline-item {
  border: 1px solid rgba(127, 208, 132, 0.3);
}
body.published-resources .timeline-container .timeline-item {
  border: 1px solid rgba(214, 50, 0, 0.3);
}
body.news-and-announcements .timeline-container .timeline-item {
  border: 1px solid rgba(102, 170, 214, 0.3);
}
body.regulatory-functions .timeline-container .timeline-item {
  border: 1px solid rgba(177, 59, 184, 0.3);
}

.usm__three-columns {
  color: #005b95;
  background: none;
  padding: 15px 0;
}
@media screen and (min-width: 768px) {
  .usm__three-columns {
    background: #f2f2f2;
  }
}
.usm__three-columns > div {
  border: none;
  background: #f2f2f2;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .usm__three-columns > div {
    border-left: 2px solid white;
    border-right: 2px solid white;
    background: transparent;
    margin-bottom: 0;
  }
  .usm__three-columns > div:first-of-type {
    border-left: none;
  }
  .usm__three-columns > div:last-of-type {
    border-right: none;
  }
}
.usm__three-columns .usm__head {
  font-size: 32px;
  font-weight: 800;
}
.usm__three-columns .usm__body {
  font-size: 18px;
}

.tab-content-previous .previous-year-table {
  margin-top: 15px;
}

html body .content table.benfits-investors tr:not(:first-child) td {
  padding-top: 1.25rem;
}
html body .content .text-extra-bold-24 {
  font-size: 32px;
  font-weight: 800;
}
html body .content ul.usm-list li::before {
  background-color: #000;
}
html body .content ul.usm-list-white li::before {
  background-color: #fff;
}
html body .content ul.usm-list-primary li::before {
  background-color: #005b95;
}
html body .content .fs-accordion-controls + p,
html body .content .fs-accordion-content--faq + p {
  font-size: 22px;
}
html body .content .table-switcher {
  font-size: 22px;
}