.brand-title {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 14px 0 8px !important;
  color: #4d5563 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

.brand-title::before,
.brand-title::after {
  content: "";
  display: block;
  width: 34px;
  height: 1px;
  background: currentColor;
  opacity: .72;
}

@media (max-width: 479px) {
  .brand-title { gap: 8px; font-size: 14px !important; }
  .brand-title::before,
  .brand-title::after { width: 22px; }
}