/* Landing footer: balanced desktop columns and compact mobile layout */
footer.bg-\[\#061F40\] > div {
  align-items: start;
}

footer.bg-\[\#061F40\] > div > div:first-child {
  min-width: 0;
}

@media (min-width: 768px) {
  footer.bg-\[\#061F40\] > div {
    grid-template-columns: minmax(250px, 1.7fr) repeat(3, minmax(120px, .85fr)) minmax(170px, 1fr) !important;
    column-gap: 42px !important;
    row-gap: 24px !important;
  }
}

@media (max-width: 767px) {
  footer.bg-\[\#061F40\] > div {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 28px 34px !important;
    padding: 34px 20px 24px !important;
  }

  footer.bg-\[\#061F40\] > div > div:first-child {
    grid-column: 1 / -1;
    padding-bottom: 2px;
  }

  footer.bg-\[\#061F40\] > div > div:nth-child(2),
  footer.bg-\[\#061F40\] > div > div:nth-child(3),
  footer.bg-\[\#061F40\] > div > div:nth-child(4),
  footer.bg-\[\#061F40\] > div > div:nth-child(5) {
    min-width: 0;
  }

  footer.bg-\[\#061F40\] > div > div:last-child {
    grid-column: 1 / -1;
    border-top: 1px solid rgba(191,219,254,.16);
    padding-top: 22px;
  }

  footer.bg-\[\#061F40\] .text-\[13px\] {
    font-size: 15px !important;
  }

  footer.bg-\[\#061F40\] .text-\[10px\] {
    font-size: 11px !important;
  }

  footer.bg-\[\#061F40\] .text-\[8px\] {
    font-size: 10px !important;
    line-height: 1.55 !important;
  }

  footer.bg-\[\#061F40\] > div > div:first-child img {
    width: 58px !important;
    height: 58px !important;
  }

  footer.bg-\[\#061F40\] > div > div:first-child button {
    margin-top: 14px !important;
    min-height: 36px;
    padding: 7px 14px !important;
  }

  footer.bg-\[\#061F40\] a {
    display: inline-block;
    margin-top: 9px !important;
    line-height: 1.35 !important;
  }

  footer.bg-\[\#061F40\] .mt-3 {
    margin-top: 11px !important;
  }

  footer.bg-\[\#061F40\] .mt-6 {
    margin-top: 16px !important;
  }
}

@media (max-width: 430px) {
  footer.bg-\[\#061F40\] > div {
    grid-template-columns: 1fr 1fr !important;
    gap: 25px 22px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  footer.bg-\[\#061F40\] > div > div:first-child {
    padding-bottom: 0;
  }
}

@media (max-width: 340px) {
  footer.bg-\[\#061F40\] > div {
    grid-template-columns: 1fr !important;
  }

  footer.bg-\[\#061F40\] > div > div:last-child {
    grid-column: auto;
  }
}