/* make the tabs paragraph full screen */
.paragraph--type--tabs-full-screen {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

.paragraph--type--tabs-full-screen .tab-headers {
  display: flex;
  gap: 10px;
  justify-content: center;
  background-color: var(--mit-light-gray);
  padding: 80px 20px 0;
  font-family: var(--mit-default-font);
  color: var(--mit-black);
  flex-direction: column;
}

.paragraph--type--tabs-full-screen .tab-headers .field--name-field-tab-header {
  width: 100%;
  text-align: center;
  padding: 30px 50px;
  cursor: pointer;
  position: relative;
  background-color: var(--mit-light-gray-2);
  color: var(--mit-black);
  transition: background-color 0.3s ease;
  border-radius: 8px 8px 0 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 125% */
}

.paragraph--type--tabs-full-screen .tab-headers .field--name-field-tab-header.active {
  background-color: #fff;
}

.paragraph--type--tabs-full-screen .tab-content {
  padding-top: 100px;
}

.paragraph--type--tabs-full-screen .tab-content .field--name-field-tab-fold > .field__item {
  display: none;
  max-width: 1100px;
  padding: 0 20px;
  margin: auto;
  position: relative;
}
.paragraph--type--tabs-full-screen .tab-content .field--name-field-tab-fold > .field__item.active {
  display: block;
}
.tab-content .field--name-field-tab-fold > .field__item {
  color: var(--mit-black);
  font-family: var(--mit-default-font);
  font-size: 1.6rem;
  font-style: normal;
  line-height: normal;
  margin-top:0;
}
.tab-content .field--name-field-tab-fold > .field__item .text-callout {
  margin-bottom:5rem;
}
.tab-content .field--name-field-tab-fold > .field__item .text-callout h2 {
  color: var(--mit-black);
  font-family: var(--mit-default-font);
  font-size: 4.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top:0;
}
.tab-content .field--name-field-tab-fold > .field__item .text-callout p {
  font-size:2.2rem;
  font-weight: 400;
  line-height: 3rem;
}

.tab-content .field--name-field-tab-fold > .field__item .text-callout:not(:first-child),
.tab-content .field--name-field-tab-fold > .field__item .text-callout:not(:first-child) p {
  font-size: 1.8rem;
}

.tab-content .field--name-field-tab-fold > .field__item ul {
  padding-left: 1.3rem;
}

.tab-content .field--name-field-tab-fold > .field__item li:not(:last-child) {
  padding-bottom: 6px;
}

.paragraph--type--tabs-full-screen .tab-content .field--name-field-tab-fold > .field__item a {
  color: var(--mit-dark-blue);
  font-family: var(--mit-default-font);
}
.paragraph--type--tabs-full-screen .tab-content .field--name-field-tab-fold > .field__item a:not(.field--name-field-section-button a):hover {
  color:#fff;
  background-color:#002896;
}

.tab-content .accordion__btn.active {
  display:flex;
}

.paragraph--type--tabs-full-screen .accordion__content,
.paragraph--type--tabs-full-screen .accordion__content p,
 .paragraph--type--tabs-full-screen .accordion__content li {
   font-size:1.8rem;
}

@media (min-width: 992px) {
  .paragraph--type--tabs-full-screen .tab-headers {
    flex-direction: row;
    padding: 80px 100px 0;
    position: sticky;
    top: 0;
    z-index: 100;
  }
  .paragraph--type--tabs-full-screen .tab-headers .field--name-field-tab-header {
    width: fit-content;
  }
}