.title {
  // title dafault styles

  &--h1 {
    position: relative;
    display: block;
    margin-top: rem(30px) !important;
    margin-bottom: rem(80px) !important;
    font-size: rem(48px);
    font-weight: $font-medium;
    line-height: rem(56px);
    text-align: center;

    &::before {
      position: absolute;
      bottom: rem(-30px);
      left: 50%;
      width: rem(100px);
      height: rem(2px);
      margin-left: rem(-50px);
      content: "";
      background-color: $color-secondary;
    }
  }

  &--h2 {
    position: relative;
    display: block;
    margin-top: rem(30px) !important;
    margin-bottom: rem(40px) !important;
    font-size: rem(32px);
    font-weight: $font-medium;
    line-height: rem(38px);
    text-align: center;
  }
}