.about-home-background {
  width: 100%;
  background-color: #ffffff;
}

.block-about-home {
  max-width: 1400px;
  padding: 70px 64px;
  margin: 0 auto;

  @media (max-width: 768px) {
    padding: 32px 0px !important;
  }

  .about-home-container {
    display: flex;
    flex-direction: row;
    gap: 48px;

    @media (max-width: 768px) {
      flex-direction: column;
      gap: 24px;
    }

    .about-home-img {
      width: 45%;
      aspect-ratio: 16/9;
      object-fit: cover;

      @media (max-width: 1024px) {
        width: 55% !important;
      }

      @media (max-width: 768px) {
        width: 100% !important;
        aspect-ratio: 16/9 !important;
        align-self: stretch !important;
        margin: 0 !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
      }

      @media (max-width: 480px) {
        width: 100% !important;
        aspect-ratio: 16/9 !important;
        align-self: stretch !important;
        margin: 0 !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
      }
    }

    .about-home-content {
      display: flex;
      flex-direction: column;
      gap: 24px;

      @media (max-width: 768px) {
        padding: 0 16px !important;
      }

      .about-home-title {
        color: var(--color-gray-900);
        font-family: Inter;
        font-size: 28.004px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        /* 33.605px */
        letter-spacing: -0.56px;
      }

      .about-home-subtitle {
        color: var(--color-gray-500);
        font-family: var(--sds-typography-subheading-font-family);
        font-size: 23.337px;
        font-style: normal;
        font-weight: var(--sds-typography-subheading-font-weight);
        line-height: 120%;
        /* 28.004px */
      }

      .about-home-text-content {
        color: var(--color-gray-900);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;

      }

      .about-home-btn {
        display: flex;
      }
    }
  }
}