.hero-banner .hero-right .brand-grid{
  display:grid !important;
  grid-template-columns:repeat(6, 100px) !important;
  column-gap:4px !important;
  row-gap:4px !important;
  gap:4px !important;
  justify-content:end !important;
}

.hero-banner .hero-right .brand-grid .brand-logo{
  width:100px !important;
  height:58px !important;
  min-height:58px !important;
  margin:0 !important;
  padding:4px !important;
  border-radius:10px !important;
  box-sizing:border-box !important;
}

.hero-banner .hero-right .brand-grid .brand-logo img{
  width:32px !important;
  height:32px !important;
  margin:0 0 2px 0 !important;
}
EOFcat > /opt/bfsales/frontend/css/fix-final.css <<'EOF'
.hero-banner .hero-right .brand-grid{
  display:grid !important;
  grid-template-columns:repeat(6, 100px) !important;
  column-gap:4px !important;
  row-gap:4px !important;
  gap:4px !important;
  justify-content:end !important;
}

.hero-banner .hero-right .brand-grid .brand-logo{
  width:100px !important;
  height:58px !important;
  min-height:58px !important;
  margin:0 !important;
  padding:4px !important;
  border-radius:10px !important;
  box-sizing:border-box !important;
}

.hero-banner .hero-right .brand-grid .brand-logo img{
  width:32px !important;
  height:32px !important;
  margin:0 0 2px 0 !important;
}