/* Universal breakpoints */
@keyframes from-right {
  0% {
    opacity: 0;
    transform: translateX(40rem); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

:root {
  --px-16-12-8: 16px;
  --px-20-20-8: 20px;
  --px-30-24-20: 30px;
  --px-32-28-24: 32px;
  --px-44-42-16: 44px;
  --px-60-48-40: 60px;
  --px-96-80-64: 96px;
  --px-120-96-80: 120px;
  --px-128-96-80: 128px; }

@media (max-width: 991px) {
  :root {
    --px-16-12-8: 12px;
    --px-44-42-16: 42px;
    --px-30-24-20: 24px;
    --px-20-20-8: 20px;
    --px-32-28-24: 28px;
    --px-60-48-40: 48px;
    --px-96-80-64: 80px;
    --px-120-96-80: 96px;
    --px-128-96-80: 96px; } }

@media (max-width: 767px) {
  :root {
    --px-16-12-8: 8px;
    --px-20-20-8: 8px;
    --px-30-24-20: 20px;
    --px-32-28-24: 24px;
    --px-44-42-16: 16px;
    --px-60-48-40: 40px;
    --px-96-80-64: 64px;
    --px-120-96-80: 80px;
    --px-128-96-80: 80px; } }

.grid-col_auto-1 {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr; }
  @media (max-width: 767px) {
    .grid-col_auto-1 {
      display: flex;
      flex-direction: column; } }

.grid-col_auto-2ml-1 {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr; }
  @media (max-width: 991px) {
    .grid-col_auto-2ml-1 {
      grid-auto-flow: row;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto auto; } }
  @media (max-width: 767px) {
    .grid-col_auto-2ml-1 {
      display: flex;
      flex-direction: column; } }

.grid-col_auto-2xl-1 {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr; }
  @media (max-width: 1439px) {
    .grid-col_auto-2xl-1 {
      grid-auto-flow: row;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto auto; } }
  @media (max-width: 767px) {
    .grid-col_auto-2xl-1 {
      display: flex;
      flex-direction: column; } }

.eyebrow {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.15;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
  margin-bottom: 6px; }
  @media (max-width: 767px) {
    .eyebrow {
      line-height: 1.25; } }
  @media (max-width: 991px) {
    .eyebrow {
      font-size: 16px; } }

body {
  color: #3b3d49; }

img {
  display: block; }

a {
  color: #3f647c; }

.grid-accordion-convertible {
  color: #3b3d49; }
  .grid-accordion-convertible .accent-block {
    background-color: #f3f6f6;
    width: 900px;
    max-width: calc(100% - 44px);
    padding-top: 56px;
    padding-bottom: 240px;
    border-top-right-radius: 24px; }
    @media (max-width: 991px) {
      .grid-accordion-convertible .accent-block {
        padding-top: 36px; } }
    .grid-accordion-convertible .accent-block h2 {
      font-size: 42px;
      font-weight: 700;
      line-height: 52px;
      margin-top: 0;
      margin-bottom: 10px; }
      @media (max-width: 991px) {
        .grid-accordion-convertible .accent-block h2 {
          font-size: 32px;
          line-height: 40px; } }
    .grid-accordion-convertible .accent-block .subtitle {
      font-size: 24px;
      line-height: 30px; }
      @media (max-width: 991px) {
        .grid-accordion-convertible .accent-block .subtitle {
          font-size: 16px;
          line-height: 22px; } }
    .grid-accordion-convertible .accent-block h2,
    .grid-accordion-convertible .accent-block p {
      margin-left: 100px;
      margin-right: 100px; }
      @media (max-width: 991px) {
        .grid-accordion-convertible .accent-block h2,
        .grid-accordion-convertible .accent-block p {
          margin-left: 33px;
          margin-right: 33px; } }
  .grid-accordion-convertible .content-in-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto auto;
    gap: 20px;
    align-items: stretch;
    margin-top: -200px;
    padding-left: 44px;
    padding-right: 44px; }
    @media (max-width: 991px) {
      .grid-accordion-convertible .content-in-grid {
        display: none; } }
    .grid-accordion-convertible .content-in-grid .card {
      background-color: white;
      border-radius: 16px;
      padding: 30px;
      box-shadow: 4px 14px 40px 0 rgba(59, 61, 73, 0.3); }
      .grid-accordion-convertible .content-in-grid .card h6 {
        font-size: 24px;
        line-height: 30px;
        margin-top: 0;
        margin-bottom: 10px; }
      .grid-accordion-convertible .content-in-grid .card p {
        line-height: 150%; }
        .grid-accordion-convertible .content-in-grid .card p a {
          color: #3f647c;
          font-weight: 500; }
    .grid-accordion-convertible .content-in-grid img {
      display: block;
      grid-row: span 2;
      width: 100%;
      border-radius: 16px;
      -o-object-fit: cover;
      object-fit: cover; }
  .grid-accordion-convertible .content-in-accordions {
    margin-top: -200px;
    padding-left: 42px;
    padding-right: 42px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 992px) {
      .grid-accordion-convertible .content-in-accordions {
        display: none; } }
    @media (max-width: 767px) {
      .grid-accordion-convertible .content-in-accordions {
        padding-left: 16px;
        padding-right: 16px; } }
    .grid-accordion-convertible .content-in-accordions > img {
      width: 100%;
      border-radius: 16px; }
    .grid-accordion-convertible .content-in-accordions details {
      /* both states */
      transition: all 250ms ease;
      /* closed state */
      /* open state */ }
      .grid-accordion-convertible .content-in-accordions details summary {
        font-size: 22px;
        line-height: 115%;
        padding: 20px 24px 16px 24px; }
        @media (max-width: 767px) {
          .grid-accordion-convertible .content-in-accordions details summary {
            font-size: 20px;
            line-height: 125%; } }
      .grid-accordion-convertible .content-in-accordions details .answer {
        font-size: 16px;
        line-height: 150%;
        padding-left: 24px;
        padding-right: 24px; }
      .grid-accordion-convertible .content-in-accordions details:not([open]) summary {
        color: #727377; }
      .grid-accordion-convertible .content-in-accordions details[open] {
        border-radius: 16px;
        background-color: white;
        /* Shadows/Deep/shadow-deep-30 */
        box-shadow: 4px 14px 40px 0 rgba(59, 61, 73, 0.3); }