.text-video {
  padding-top: 34px;

  .boxed-title {
    margin-bottom: 64px;
  }

  .desktop {
    @media (max-width: 1024px) {
      display: none;
    }
  }

  .mobile {
    display: none;
    margin-top: 32px;

    @media (max-width: 1024px) {
      display: block;
    }
  }

  .text {
    margin: 0 0 40px;
    line-height: 150%;
    letter-spacing: -0.36px;
  }

  .cta {
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
  }

  h6 {
    margin: 0;
    text-align: center;

    a {
      color: var(--c-gray-900);

      &:hover {
        text-decoration: underline;
      }
    }
  }

  .text-video-sides {
    display: grid;
    align-items: start;
    gap: 32px;
    grid-template-columns: repeat(2, 1fr);

    @media (max-width: 1024px) {
      grid-template-columns: 1fr;
      gap: 16px;
    }

    .text-video-left {
      h1 {
        margin: 0 0 24px 0;
        font-size: var(--fs-3xl);
        line-height: 90%;
        letter-spacing: -2.25px;
      }
    }

    figure {
      video {
        width: 100%;
      }
    }
  }
}