/* CSS for header */
.header-container {
    background: #0000C9;
    padding-top: 60px;
    padding-bottom: 60px;
}
.header-container helix-core-grid  helix-core-image::part(image) {
  margin-left: auto;
  margin-right: auto;
  max-width: 530px;
  width: 100%;
  height: 165px;
}

.header-grid helix-core-content  {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}
.header-grid helix-core-content p {
    --helix-core-type-preset-6-paragraph-font-size: 25px;
    --helix-core-type-preset-6-paragraph-line-height: 100%;
    --helix-core-type-preset-6-paragraph-letter-spacing: 0;
    color: #EBF7FF;
    --helix-core-type-preset-6-paragraph-font-weight: 400;
    text-align: end;
}
.header-grid::part(grid) {
  margin: 0;
  gap: 8px;
}

.header-grid helix-core-grid-item  helix-core-image::part(image) {
  max-width: 115px;
  width: 100%;
  height: 46px;
  margin: 0;
}


/* Mobile responsive styles */
@media (max-width: 767px) {
   .logo-image helix-core-image::part(image) {
    max-width: 295px !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
  }
  .header-grid::part(grid) {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
  }
  
  .header-grid helix-core-content {
    justify-content: center;
    flex: 0 0 auto;
  }
  
  .header-grid helix-core-content p {
    --helix-core-type-preset-6-paragraph-font-size: 25px;
    text-align: right;
    white-space: nowrap;
    margin: 0;
  }
  
  .header-grid helix-core-grid-item {
    flex: 0 0 auto;
  }
  
  .header-grid helix-core-grid-item helix-core-image::part(image) {
    width: 115px;
    height: auto;
    margin: 0;
  }
}