.block-split-text-image {
  margin-top: 50px;
  width: 91%;
  height: 100%;
  max-width: 1920px;
  margin: 50px auto;

  @media (max-width: 900px) {
    margin-top: 23px;
  }

  .split-text-image {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--spacing-20);
    aspect-ratio: 3.175 / 1;
    width: 100%;
    height: 100%;
    position: relative;

    @media (max-width: 768px) {
      grid-template-columns: 1fr;
      aspect-ratio: unset;
    }

    .split-text-image-buttons-mobile {
      display: none;

      @media (max-width: 768px) {
        display: flex;
        text-align: center;
        flex-direction: column;
        gap: var(--spacing-20);
      }
    }

    .split-text-image-content {
      display: flex;
      flex-direction: column;
      gap: var(--spacing-30);

      .split-text-image-title {
        color: var(--primary-blue);
        max-width: 740px;

        @media (max-width: 768px) {
          display: none;
        }
      }

      .split-text-image-subtitle {
        color: var(--primary-blue);
        max-width: 95%;

        @media (max-width: 768px) {
          font-size: 34px;
          max-width: 340px;
        }
      }

      .split-text-image-buttons {
        display: flex;
        gap: var(--spacing-20);

        @media (max-width: 768px) {
          display: none;
        }
      }
    }

    .split-text-image-image {
      width: 100%;

      position: relative;

      img {
        width: 100%;

        object-fit: cover;
      }
    }
  }
}