body {
  font-family: Lato, sans-serif;
}

.header-main {
    width: 100%;
    padding-block-end: 20px;
    padding-inline: 40px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}
.container {
    width: 100%;
    max-width: 1216px;
    margin-inline:auto;
    
}
.header-main .brand {
    float: left;
    height: 32px;
    line-height: 32px;
    position: relative;
    z-index: 1;
    margin: 24px 0 0 0;
}
.header-main .button-3 {
    float: right;
    margin: 20px -16px 0 -16px;
    display: inline-flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    padding: 8px 16px 8px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

:root {
    --color-starter: #006FB8;
    --color-growth: #41A057;
    --accent-color: var(--color-growth);
    --text-fg-300: #C2C4C6;

}

.stack {
    --gap: 1.5rem;
    --justify: start;
    --align: stretch;
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    justify-content: var(--justify);
    align-items: var(--align);
}
    details {
      border-radius: 0.75rem;
      background: #FFF;
      box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.20);
      padding: 1.5rem 2rem;
      cursor: pointer;
    }

    details summary {
      list-style-type: none;
      color: var(--text-fg-900);
      font-size: 1.25rem;
      font-weight: 600;
      line-height: 1.6;
      --accent-color: var(--text-fg-300);
      display: grid;
      grid-template-columns: 1fr 2rem;
      gap: 1rem;
    }

    details[open] summary {
      --accent-color: var(--color-starter);
      transition: background-color 300ms ease;
    }

    details[open] summary::after {
      transform: rotate(0turn);
    }

    details[open] summary+* {
      margin-block-start: 1rem;
    }

    details summary::after {
      --mask-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 32C24.8366 32 32 24.8366 32 16C32 7.16345 24.8366 2.43521e-06 16 2.79753e-06C7.16344 2.20617e-06 -2.68301e-06 7.16345 -2.79753e-06 16C-2.91205e-06 24.8366 7.16344 32 16 32ZM8.94051 19.0605C8.42108 18.5411 8.42108 17.6989 8.94051 17.1795L16 10.12L23.0595 17.1795C23.5789 17.6989 23.5789 18.5411 23.0595 19.0605C22.5405 19.5795 21.6991 19.58 21.1795 19.0615L16 13.8933L10.8205 19.0615C10.3009 19.58 9.45954 19.5795 8.94051 19.0605Z' fill='black'/%3E%3C/svg%3E");
      background-color: var(--accent-color);
      content: '';
      -webkit-mask-image: var(--mask-svg);
      mask-image: var(--mask-svg);
      inset-inline-end: 0;
      width: 2rem;
      height: 2rem;
      transform: rotate(0.5turn);
      cursor: pointer;
      transition: transform 300ms ease;
    }

    details :not(summary) {
      color: var(--text-fg-600);
      font-size: 1rem;
      line-height: 1.5;
    }

    details summary::-webkit-details-marker {
      display: none;
    }

    .marquee {
      --gap: 3rem;
      display: flex;
      overflow: hidden;
      user-select: none;
      gap: var(--gap);
      padding: 0;
    }

    .marquee_content {
      flex-shrink: 0;
      display: flex;
      justify-content: space-around;
      min-inline-size: 100%;
      gap: var(--gap);
      animation: 50000ms linear 0ms infinite normal none running scroll;
      will-change: transform;
      backface-visibility: hidden;
      transform: translateZ(0);
    }

    @keyframes scroll {
      from {
        transform: translateX(0);
        -webkit-transform: translateX(0);
      }

      to {
        transform: translateX(calc(-100% - var(--gap)));
        -webkit-transform: translateX(calc(-100% - var(--gap)));
      }
    }

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    border-radius: 8px;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 20%);
}
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media screen and (max-width: 991px) {
  [class*='feature-block'] [class*='feature-copy'] {
    order: 0;
  }
  [class*='feature-block'] img {
    order: 1;
    height: auto;
    padding-block: 20px;
  }
  .features-2 {
    grid-row-gap: 60px;
  }
}

.column-8 {
  height: auto;
  padding-block: 40px;
}


.column-10 {
  grid-row-gap: 48px;
}

.frame-569 {
  grid-row-gap: 32px;
}

.frame-570 {
  align-items: center;
}

.frame-571 {
  max-inline-size: 576px;
}

.frame-580 {
  flex-wrap: wrap;

}

.badges-section {
  display: block;
  padding-inline: clamp(2rem, calc(32px + (200 * (100vw - 375px) / (1200 - 768))), 232px);
}

.badges-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  text-wrap: nowrap;
  white-space: nowrap;
  column-gap: 0.5rem;
  row-gap: 1rem;
  margin-inline: auto;
  max-width: 976px;
}

.vectors-wrapper-27 {
  object-fit: contain;
}

@media screen and (width < 479px) {
  .badges-wrapper {
    flex-direction: column;
  }
}

@media screen and (width < 992px) {
  .container-3 {
    flex-direction: column-reverse;
  }
}

@media screen and (width < 550px) {
  .header-main > .container {
    flex-direction: column;
    align-items: center;  
  }

  .features-section-2,
  .why-section-2,
  .how-section-2,
  .testimonials-section-2,
  .who-section-2,
  .faq-section-2 {
    padding-block: 64px;
  }

  .final-cta-2 {
    padding-block-start: 64px;
  }

}

.footer-2 {
  overflow: hidden;
}