.brand-list {
  max-width: 120rem;
  width: 100%;
  margin: 0 auto;
  background-color: #000000;
  padding: 3.75rem 0;
  position: relative;
}
.brand-list::before {
  content: "";
  width: 28.25rem;
  height: 28.25rem;
  border-radius: 28.25rem;
  background: #fd8600;
  filter: blur(18.75rem);
  position: absolute;
  left: -9.9375rem;
  top: 44rem;
  z-index: 1;
  pointer-events: none;
}
.brand-list::after {
  content: "";
  width: 40.375rem;
  height: 40.375rem;
  border-radius: 40.375rem;
  background: #802d01;
  filter: blur(18.75rem);
  position: absolute;
  left: -23.8125rem;
  top: 63.125rem;
  pointer-events: none;
  z-index: 2;
}
.brand-list-container {
  max-width: 106.625rem;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 3.1875rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6875rem;
}
@media (max-width: 991px) {
  .brand-list-container {
    width: 90%;
    justify-content: center;
  }
}
@media (max-width: 500px) {
  .brand-list-container {
    padding: 1rem;
  }
}
.brand-list-container::before {
  content: "";
  width: 100%;
  height: 100%;
  /* background-image: url("/assets/img/border.png"); */
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: unset;
}
.brand-list-container .item {
  width: 16.125rem;
  height: 16.125rem;
  border-radius: 0.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQMAAAEDCAYAAAAx0WHLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAViSURBVHgB7d3LjhtVFAXQKhM1EJ5CQZAJypQZTOCv+DiGfAZDBigjiASDhBCIQlBxzz5tZJXK3ZYiIZFaS7ryo6/LdsfeOfdU2T1P/CeWZZmHpU5Prp43ps7XY1ldXt/mdE45rG6zNf/fh3M9f7pg3vr+z21/Wj2uw8ntt+5j2bjupvs4zt/a7tb8adr+/V46d17dz/wK25nOzHuV53Hb6+h4fY2/x/hrjN/HeDxeh39Ot2wQeA2N/4DeGCdvjfH2GPfGeD7GTyMUXkzAfo1wuDfG52N8NAH7NoLgSiAAcRIIV3X5MAG7dN0z+HWMz+qyMIAdG4Hwyzi5O6qDd+1NgJ0bQXB/nBxUBsDTMd4XBkAdhHQlDGDnRt+gjlC8IwyAEAZACAMghAFQZmEAhDAAQhgAxTIBaMIACGEAhDAAip4B0IQBEMIAKJYJQBMGQFEZAE0YACEMgBAGQNEzAJowAEIYAMUyAWjCAAhhABTLBCAWYQAUlQHQhAEQwgAolglAEwZACAOgWCYATRgARWUAhCMQgVAZACEMgCYMgBAGQAgDoOgZACEMgCYMgBAGQAgDIIQBUDQQgSYMgBAGQAgDoOgZACEMgCYMgBAGQAgDoOgZAE0YACEMgBAGQAgDoGggAiEMgCYMgOIPrwJhmQA0YQCU+bAsyzwBu6cyAIqeAdCEARAVBnoGQJYJywTs3aIyAMosDIDQQARCGADFMgFoKgOgOAIRaMIACGEAhDAAir0JQFMZAEVlADSVARDCACiWCUBTGQChMgCKzyYATRgAYZkAhG9HBkJlABQNRKCpDIBQGQDFMgFolglAqAyAYpkANMsEIFQGQPHlJkDz2QSgqAyAWPQMgBAGQDkIAyD0DIBQGQChMgBCZQAUH1QCYrFMAIpdi0BTGQBFzwAIn00AQmUAND0DIHy5CRCWCUDxTUdAEwZAWCYAxa5FoAkDoGggAk1lABQ9A6AJAyD0DIBQGQChMgBCZQCEMACKg46AcJwB0FQGQPjaMyBUBkDRMwCaygAIlQEQwgAoegZA0zMAisoAaMIACGEAFJ9aBJowAIoGIhCLMACKngHQfJ8BUFQGQNMzAEJlAIQwAMqsgQiEygAojkAEwhGIQDjOAAjLBKAJAyCEAVD0DICmMgBCZQCEw5GBomcAhOMMgFhUBkBRGQBNGAAhDIBibwLQVAZAqAyAUBkAxa5FoFkmAEVlAIRvRwZCZQA0PQOgqAyApjIAQmUAFMsEoAkDIPQMgFAZAEXPAGiWCUBRGQBNZQCEv7UIhMoAKHoGQBMGQPFHVICmMgBCGABhmQAUexOAWFQGQFEZAGHXItB8NgEIlQFQZpUBECoDIOxNAEIYAGGZABQHHQHhoCOgqQyAUBkAoTIAigYi0IQBEHoGQLFMAJrKAAiVARDCAAjLBKD4piOgqQyAksrg5bIsdyZgl8b7/61x8rzC4MUYdydgrz4Z40mFwdMx3puAvbo/xsMKg8fXF4B9+mqM7w/zPP82zjwb64ZPJ2BXxvv+63HyaOTAo+NBRz+OcX/84M0J2IXxfv9wnFQYfLf+wcdjfCkQ4PVXQTDGN2N8cW7CMRD0EOA1VUuDrSCYNyZWZfBgjHfG+HmMP8Z4NtYULyfgf+f6OILaffhg6mXBozG+He/px6fz5hs2cPd6Ax+McTXGnZP569vNq/PLxnXr8+t5W4/l3DaOl4/buG3+1n1ecn83PY+tbZ8+ntse+7n7ue05nLt8dOwDrZ/nueez9XjXh6lf8m9203bX8y95fdx0/rbL63/n5YL557a79fNLXhs3vV4v+V1dsq1puux3+XyMJ2M8HOOHEQIPpw3/AICV0lr4HezTAAAAAElFTkSuQmCC");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .brand-list-container .item {
    width: 8rem;
    height: 8rem;
  }
}
@media (max-width: 600px) {
  .brand-list-container .item {
    width: 7rem;
    height: 7rem;
  }
}
@media (max-width: 500px) {
  .brand-list-container .item {
    width: 6rem;
    height: 6rem;
  }
}
.brand-list-container .item img {
  width: auto;
  object-fit: contain;
  max-height: 3.125rem;
}
@media (max-width: 991px) {
  .brand-list-container .item img {
    width: 70%;
  }
}