.section.interactive-form-container .interactive-form-wrapper {
  max-width: none;
}

.interactive-form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-big);
  padding-top: var(--spacing-big);
  padding-bottom: var(--spacing-big);

  @media (width >= 768px) {
    display: grid;
    max-width: var(--width-xlarge);
    margin: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--spacing-xxbig);
    padding-top: var(--spacing-xbig);
    padding-bottom: var(--spacing-xbig);
  }

  @media (width >= 992px) {
    padding-top: var(--spacing-xlarge);
    padding-bottom: var(--spacing-xlarge);
  }

  &.column-seperator {
    .inner-block {
      position: relative; 
      
      @media (width >= 768px) {
        &:nth-child(odd)::after {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          width: 1px;
          height: 100%;
          background: var(--color-neutral-500);
        }

        &:last-child::after {
          display: none;
        }
      }
    }
  }

  &.has-child-block-hubspot-form {
    @media (width >= 768px) {
      max-width: 904px;
      width: 100%;
      grid-template-columns: 1.5fr 2fr;

      &.hubspot-form-left {
        grid-template-columns: 2fr 1.5fr;
      }

      &.hubspot-form-right {
        grid-template-columns: 1.5fr 2fr;
      }

      &.hubspot-form-center {
        grid-template-columns: 0.5fr 2fr 0.5fr;

        .hubspot-form-container {
          grid-column: 2;
        }
      }
    }
  }

  .layout-text-image-item-container-text h1,
  .layout-text-image-item-container-text h2,
  .layout-text-image-item-container-text h3,
  .layout-text-image-item-container-text h4,
  .layout-text-image-item-container-text h5,
  .layout-text-image-item-container-text h6 {
    font-weight: var(--font-weight-700);
  }

  form {
    padding-top: var(--spacing-small) !important;
  }
}

.bg-blue-dark .interactive-form .layout-text-image-item {
  color: var(--color-neutral-50);
}

.section.interactive-form-container {
  &:last-child {
    margin-bottom: 0;
  }
}