.symetric-heading-with-content {
  align-items: center;
  display: flex;
  justify-content: center;
  width: calc(900 * var(--sp-rem-base));
  margin: auto;

  .title {
    font-size: var(--sp-h3-font-size);
    font-family: var(--sp-home-title-font-family);
    font-weight: 400;
    line-height: 1em;
    margin: 0;
  }

  .vertical-orange-line {
    background: var(--sp-color-primary);
    height: calc(80 * var(--sp-rem-base));
    margin: 0 2.25rem;
    width: calc(1 * var(--sp-rem-base));
  }

  .sub-title {
    calc(12 * var(--sp-rem-base));
    text-align: left;
    line-height: 1.4;
  }
}

@media (max-width: 767px) {
  .symetric-heading-with-content {
    flex-direction: column;
    flex-wrap: wrap;
    width: auto;

    .vertical-orange-line {
      height: calc(1 * var(--sp-rem-base));
      margin: 0.9rem;
      width: calc(80 * var(--sp-rem-base));
    }

    .sub-title {
      text-align: center;
    }
  }
}

.our-best-title {
  font-size: var(--sp-h3-font-size);
  font-family: var(--sp-home-title-font-family);
  font-weight: 600;
  line-height: 1em;
  margin: 0;
  position: relative;
  text-align: center;
  text-transform: none;
}

.title-hr {
  width: calc(100 * var(--sp-rem-base));
  height: calc(2 * var(--sp-rem-base));
  background-color: var(--sp-home-title-hr-color);
  margin: 1.25rem auto;
  border: none;
}

.footer-content-hr {
  width: calc(150 * var(--sp-rem-base));
  height: calc(8 * var(--sp-rem-base));
  background-color: var(--sp-footer-content-hr-color);
  margin: 1.25rem auto 1.25rem 0;
  border: none;
}