/* ==========================================================================
   Vazi App - Header Component Styles
   Author: Shorea Solutions
   Version: 1.0
   ========================================================================== */

/* Content sections */
.content {
  display: grid;
  gap: 1.5rem;
  text-align: center;
  padding-inline: 1rem;
}




/* Header section */
.content__header {
  display: grid;
  justify-items: center;
  gap: 1rem;
}

/* Header description text */
/* First paragraph in header description */
.content__header-desc > p:first-child {
  margin-block: 0;
}

/* Second paragraph in header description */
.content__header-desc > p:nth-child(2) {
  margin: 0;
}

/* Responsive adjustments */
@media screen and (min-width: 768px) {
  .content__header-desc {
    text-align: center;
  }
}