.footer-root > .container {
  padding-top: 36px;
  padding-bottom: 7px;
}

.grid-footer {
  grid-template-columns: minmax(0, 1.2fr) repeat(6, minmax(0, 1fr)) !important;
  gap: 24px 16px !important;
}

.footer-brand {
  grid-column: span 1 !important;
}

@media (max-width: 1100px) {
  .grid-footer {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .footer-brand {
    grid-column: 1 / -1 !important;
  }
}