/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./_dev/module/css/module.scss ***!
  \**********************************************************************************************************************/
.oo_brandslist_brands {
  margin: 100px 0; }
  @media screen and (max-width: 768px) {
    .oo_brandslist_brands {
      margin: 50px 0; } }
  .oo_brandslist_brands__container h2 {
    text-align: center;
    margin-bottom: 40px; }
    @media screen and (max-width: 768px) {
      .oo_brandslist_brands__container h2 {
        margin-bottom: 25px; } }
  .oo_brandslist_brands__elems {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0px; }
  .oo_brandslist_brands__elem {
    width: 20%;
    height: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 920px) {
      .oo_brandslist_brands__elem {
        width: 25%; } }
    @media screen and (max-width: 768px) {
      .oo_brandslist_brands__elem {
        width: 33.333333333333336%; } }
    .oo_brandslist_brands__elem-title {
      display: block;
      text-indent: -9000000000px;
      overflow: hidden; }
    .oo_brandslist_brands__elem img {
      opacity: .5;
      transition: opacity .3s ease-in-out; }
      @media screen and (max-width: 768px) {
        .oo_brandslist_brands__elem img {
          max-width: 80px; } }
    .oo_brandslist_brands__elem:hover img {
      opacity: 1; }