.unit-title-block {
  display: flex;
  flex-flow: column;
  gap: 14px;

  .unit-title-row {
    display: flex;
    gap: 10px;

    svg {
      flex-shrink: 0;
    }

    h1 {
      font-family: var(--cb-title-font-family);
      font-size: 22px;
      text-transform: uppercase;
      margin: 0;
      color: #000000;
    }
  }

  .development-name-row {
    display: flex;
    gap: 10px;

    svg {
      flex-shrink: 0;
    }

    .development-name {
      font-family: var(--cb-description-font-family);
      font-weight: 500;
      font-size: 22px;
      text-transform: uppercase;
    }
  }
}

@media (max-width: 767px) {
  .unit-title-block {
    gap: 6px;
  }
}

@media (min-width: 768px) {
  .unit-title-block {
    .unit-title-row {
      h1 {
        font-size: 28px;
      }
    }

    .development-name-row {
      .development-name {
        font-size: 28px;
      }
    }
  }
}