@import url("https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap;");
.tabs > .tabs--paragraph-title {
  font-size: 30px;
  font-weight: 600;
  line-height: 120%;
  font-family: "Chivo", sans-serif;
  margin: 0 0 30px;
}
@media (max-width: 768px) {
  .tabs > .tabs--paragraph-title {
    font-size: 25px;
  }
}
.tabs__nav {
  display: flex;
  border-bottom: 1px solid #D5D5D5;
  margin-bottom: 30px;
}
.tabs__button {
  font-size: 18px;
  font-weight: 300;
  line-height: 155%;
  font-family: "Chivo", sans-serif;
  font-weight: 400;
  color: #666666;
  background: none;
  border: none;
  border-radius: 10px 10px 0 0;
  padding: 12px 24px;
  margin-bottom: -1px;
  cursor: pointer;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}
.tabs__button:hover {
  color: #000000;
}
.tabs__button--active {
  font-size: 18px;
  font-weight: 700;
  line-height: 155%;
  font-family: "Chivo", sans-serif;
  color: #000000;
  border: 1px solid #D5D5D5;
  border-bottom: 1px solid transparent;
}
.tabs.background--white .tabs__button--active {
  background: #ffffff;
}
.tabs.background--black .tabs__button--active {
  background: #000000;
}
.tabs.background--dark-grey .tabs__button--active {
  background: #666666;
}
.tabs.background--medium-grey .tabs__button--active {
  background: #D5D5D5;
}
.tabs.background--light-grey .tabs__button--active {
  background: #FCF8F8;
}
.tabs.background--night-blue .tabs__button--active {
  background: #101B5D;
}
.tabs.background--red .tabs__button--active {
  background: #DB1811;
}
.tabs.background--aqua .tabs__button--active {
  background: #0CA6D6;
}
.tabs.background--orange .tabs__button--active {
  background: #F16801;
}
.tabs.background--purple .tabs__button--active {
  background: #581ABD;
}
.tabs.background--magenta .tabs__button--active {
  background: #D84797;
}
.tabs.background--red-medium .tabs__button--active {
  background: #FFA099;
}
.tabs.background--aqua-medium .tabs__button--active {
  background: #81DBF3;
}
.tabs.background--orange-medium .tabs__button--active {
  background: #FEB178;
}
.tabs.background--purple-medium .tabs__button--active {
  background: #A778F2;
}
.tabs.background--magenta-medium .tabs__button--active {
  background: #EB9ADE;
}
.tabs.background--black .tabs__button--active, .tabs.background--dark-grey .tabs__button--active, .tabs.background--night-blue .tabs__button--active, .tabs.background--red .tabs__button--active, .tabs.background--aqua .tabs__button--active, .tabs.background--orange .tabs__button--active, .tabs.background--purple .tabs__button--active, .tabs.background--magenta .tabs__button--active, .tabs.background--purple-medium .tabs__button--active {
  color: #ffffff;
}
.tabs.background--white .tabs__button--active, .tabs.background--medium-grey .tabs__button--active, .tabs.background--light-grey .tabs__button--active, .tabs.background--red-medium .tabs__button--active, .tabs.background--aqua-medium .tabs__button--active, .tabs.background--orange-medium .tabs__button--active, .tabs.background--magenta-medium .tabs__button--active, .tabs.background--none .tabs__button--active {
  color: #000000;
}
.tabs.background--white .tabs__button--active h2, .tabs.background--white .tabs__button--active strong, .tabs.background--medium-grey .tabs__button--active h2, .tabs.background--medium-grey .tabs__button--active strong, .tabs.background--light-grey .tabs__button--active h2, .tabs.background--light-grey .tabs__button--active strong, .tabs.background--red-medium .tabs__button--active h2, .tabs.background--red-medium .tabs__button--active strong, .tabs.background--aqua-medium .tabs__button--active h2, .tabs.background--aqua-medium .tabs__button--active strong, .tabs.background--orange-medium .tabs__button--active h2, .tabs.background--orange-medium .tabs__button--active strong, .tabs.background--magenta-medium .tabs__button--active h2, .tabs.background--magenta-medium .tabs__button--active strong, .tabs.background--none .tabs__button--active h2, .tabs.background--none .tabs__button--active strong {
  color: #000000;
}
.tabs__content {
  overflow: hidden;
}
.tabs__content > .paragraph--type--tab-item .field__item {
  margin: 0 0 30px;
}
@media (max-width: 768px) {
  .tabs__nav {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .tabs__nav::-webkit-scrollbar {
    display: none;
  }
  .tabs__button {
    white-space: nowrap;
    flex-shrink: 0;
    padding: 10px 16px;
    font-size: 14px;
  }
}
/*# sourceMappingURL=tabs.css.map */