.header-container {
  background: linear-gradient(180deg, #1a3a6c 0%, #0f2d58 50%, #0a2540 100%);
}

.header-inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 60px;
  text-align: center;
}

.header-inner p {
  color: var(--primary-light);
  font-size: calc(var(--font-size-body) * 1.2);
  line-height: 1.8;
  margin-bottom: 0;
}

.header-inner .header-buttons-wrap {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-bottom: 20px;
  margin-top: 30px;
}

.header-inner .small-text {
  font-size: calc(var(--font-size-body) * 0.9);
}

.hero-wave {
  display: block;
  margin-top: -1px;
}

.hero-wave path {
  fill: var(--header-bg);
}

/* ----------------------- Desktop ----------------------- */

@media (min-width: 768px) {
  /* Something */
}