.carousel-brands {
  position: relative;
}

.carousel-brands  > button.slick-next.slick-arrow, .carousel-brands > button.slick-prev.slick-arrow {
  position: absolute;
  height: 44px;
  width: 44px;
  bottom: 0;
  overflow: hidden;
  text-indent: -400%;
}
.carousel-brands  > button.slick-next.slick-arrow {
  right: 10px;
  background: url('/wp-content/themes/RedC/assets/brands/arrows/right_arrow_red.svg') no-repeat center;
}

.carousel-brands > button.slick-prev.slick-arrow {
  right: 64px;
  background: url('/wp-content/themes/RedC/assets/brands/arrows/left_arrow_red.svg') no-repeat center;
}

.carousel-brands  > button.slick-next.slick-arrow.slick-disabled {
  background: url('/wp-content/themes/RedC/assets/brands/arrows/right_arrow_gray.svg') no-repeat center;
}

.carousel-brands > button.slick-prev.slick-arrow.slick-disabled{
  background: url('/wp-content/themes/RedC/assets/brands/arrows/left_arrow_gray.svg') no-repeat center;
}

.brands-container{
  margin-top: 30px;
}
div[class^="brands-container"] > .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
div[class^="brands-container"] > .content > li {
  width: 20%;
  text-align: center;
  margin-bottom: 25px;
}
.content {
  height: 100%;
  width: 100%;
  position: relative;
}

.content > li[class^="brand"]  {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80% 80%;
  text-indent: -1000px;
  /* border: solid 1px tomato; */
}