.pane.business {
  --primary-color: #76b82a;
  --primary-color-50: #f1f8ea;
  --primary-color-100: #e4f1d4;
  --primary-color-200: #cfe6b4;
  --primary-color-300: #bbdc95;
  --primary-color-400: #a6d175;
  --primary-color-500: #76b82a;
  --primary-color-600: #649c24;
  --primary-color-700: #53811d;
  --primary-color-800: #416517;
  --primary-color-900: #2f4a11;
  --top-color: #76b82a;
  --collapsed-color: #cfe6b4;
  --collapsed-text-color: #416517;
  --support-button-color: var(--top-color);

  .pane-content {
    main {
      display: flex;
      flex-direction: column;
      gap: 60px;
      margin: 40px 20px 80px;
      padding: 32px 24px;
      max-width: var(--content-max-width, 1400px);
      align-self: stretch;
      /* background: lightcoral; */
      width: calc(100% - 40px);
      box-sizing: border-box;

      svg {
        width: min(100%, 960px);
        margin: 0 auto;
        display: block;

        [id^='box'] {
          cursor: pointer;

          &.active,
            &:hover {
              rect {
                fill: var(--primary-color-600);
              }
              text {
                fill: white;
              }
            }
          }

        #technical-group {
          [id^='box'] {
            &.active,
            &:hover {
              rect {
                fill: #008ecf;
              }
            }
          }
        }
      }

      @media (max-width: 1023.5px) {
        width: calc(100% - 48px);
        margin: 32px 24px 64px;
        padding: 24px;
      }

      @media (max-width: 767.5px) {
        width: 100%;
        margin: 20px 0 60px;
        padding: 20px;
      }
    }
  }
}