/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./blocks/tabbed-content/tabbed-content.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.tabbed-content {
  margin: var(--section-spacing) 0;
  overflow: hidden;
}
.tabbed-content-inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  -webkit-column-gap: 13rem;
     -moz-column-gap: 13rem;
          column-gap: 13rem;
  row-gap: 4rem;
}
@media (min-width: 992px) {
  .tabbed-content-inner {
    grid-template-columns: 34rem minmax(0, auto);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .tabbed-content-inner::before {
    content: "";
    display: block;
    height: 100%;
    border-left: 0.2rem solid var(--color-blue);
    position: absolute;
    top: 0;
    left: 40.4rem;
  }
}
.tabbed-content-inner-title.animated {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}
.tabbed-content-inner-title h3 {
  font: var(--font-headline-4);
  letter-spacing: var(--font-headline-4--spacing);
  font-family: var(--secondary-font);
  font-weight: 700;
  color: var(--color-tangerine);
  margin-bottom: 4rem;
}
@media (max-width: 991px) {
  .tabbed-content-inner-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    white-space: nowrap;
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
    padding: 0 var(--container-padding) 2rem;
    width: 100vw;
    margin-left: calc(var(--container-padding) * -1);
  }
  .tabbed-content-inner-list button {
    font: var(--font-body);
    letter-spacing: var(--font-body--spacing);
    text-decoration: none;
    border: none;
    border-radius: 4rem;
    padding: 1rem 2rem;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
    color: var(--color-black);
    background: transparent;
    font-weight: 700;
    border: 0.1rem solid var(--color-blue);
    color: var(--color-blue);
  }
  .tabbed-content-inner-list button:is(:hover, :focus, :active) {
    text-decoration: none;
    outline: none;
  }
  .tabbed-content-inner-list button[disabled] {
    opacity: 0.7;
  }
  .tabbed-content-inner-list button:is(:hover, :focus, :active) {
    background-color: var(--color-blue);
    border-color: var(--color-blue);
    color: var(--color-off-white);
  }
  .tabbed-content-inner-list button.active {
    background-color: var(--color-blue);
    border-color: var(--color-blue);
    color: var(--color-off-white);
  }
}
@media (min-width: 992px) {
  .tabbed-content-inner-list button {
    font: var(--font-body);
    letter-spacing: var(--font-body--spacing);
    text-decoration: none;
    border: none;
    border-radius: 4rem;
    padding: 1rem 2rem;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
    color: var(--color-black);
    background: transparent;
    font-weight: 700;
    font: var(--font-subheader-large);
    letter-spacing: var(--font-subheader-large--spacing);
    font-weight: 400;
    color: var(--color-blue);
    width: 100%;
    text-align: left;
    padding: 1.5rem 0;
    text-decoration: none;
    opacity: 0.5;
  }
  .tabbed-content-inner-list button:is(:hover, :focus, :active) {
    text-decoration: none;
    outline: none;
  }
  .tabbed-content-inner-list button[disabled] {
    opacity: 0.7;
  }
  .tabbed-content-inner-list button:is(:hover, :focus, :active) {
    color: var(--color-tangerine);
    text-decoration: underline;
    opacity: 1;
  }
  .tabbed-content-inner-list button.active {
    color: var(--color-tangerine);
    opacity: 1;
  }
}
.tabbed-content-inner-tabs {
  overflow: hidden;
}
.tabbed-content-inner-tabs.animated {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}
.tabbed-content-inner-tabs-panel {
  display: none;
}
.tabbed-content-inner-tabs-panel.active {
  display: block;
}
.tabbed-content-inner-tabs-panel h3 {
  font: var(--font-headline-3);
  letter-spacing: var(--font-headline-3--spacing);
  color: var(--color-tangerine);
  font-weight: 600;
  margin-bottom: 4rem;
}
.tabbed-content-inner-tabs-panel > p > a:first-child:last-child {
  font: var(--font-body);
  letter-spacing: var(--font-body--spacing);
  text-decoration: none;
  border: none;
  border-radius: 4rem;
  padding: 1rem 2rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
  color: var(--color-black);
  background: transparent;
  font-weight: 700;
  background-color: var(--color-blue);
  color: var(--color-off-white);
  border: 1px solid var(--color-blue);
  margin-top: 3rem;
}
.tabbed-content-inner-tabs-panel > p > a:first-child:last-child:is(:hover, :focus, :active) {
  text-decoration: none;
  outline: none;
}
.tabbed-content-inner-tabs-panel > p > a:first-child:last-child[disabled] {
  opacity: 0.7;
}
.tabbed-content-inner-tabs-panel > p > a:first-child:last-child:is(:hover, :focus, :active) {
  color: var(--color-blue);
  background-color: transparent;
}
.tabbed-content-inner-tabs-panel > *:last-child {
  margin-bottom: 0;
}

/*# sourceMappingURL=tabbed-content.css.map*/