#component-title {
  padding: 2rem 0 6rem 0;
}

#component-title > .eg-container > .eg-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 2rem;
}

#component-title > .eg-container > .eg-wrapper > h1 {
  color: var(--do-black);
  font-family: "DIN Condensed Regular";
  font-size: var(--font-60);
  font-weight: 400;
  text-transform: uppercase;
}

#component-title > .eg-container > .eg-wrapper > p {
  color: var(--do-black);
  font-size: var(--font-18);
  font-weight: 400;
  line-height: var(--line-26);
  width: 65%;
}

@media (max-width: 576px) {
  #component-title > .eg-container > .eg-wrapper > p {
    width: 100%;
  }
}