/* Header Styles */ 
.logo_container {
  position: absolute;
  top: 20px;
  height: 54px;
}

.image-logo {
  max-width: 193px;
  height: auto;
}

.text-logo {
  font-family: var(--font-primary);
  font-weight: var(--fw-semibold);
  font-size: var(--fs-lg);
  color: var(--primary-blue);
  position: absolute;
  width: 100%;
  top: 30%;
}

.line-separator {
  font-family: var(--font-primary);
  font-weight: var(--fw-light);
  font-size: var(--fs-4xl);
  color: var(--primary-blue);
}

.line-separator span {
  position: absolute;
  width: 100%;
  top: 6%;
}

/* Responsive Design */
@media (max-width: 425px) {
  .logo_container {
    position: absolute;
    top: 20px;
    height: 35px;
  }

  .image-logo {
    max-width: 130px;
    height: auto;
  }

  .line-separator span {
    position: absolute;
    width: 100%;
    top: -12%;
  }

  .text-logo {
    width: 100%;
    top: 16%;
  }
}