/** Shopify CDN: Minification failed

Line 98:0 Unexpected "}"
Line 103:0 Unexpected "}"
Line 108:0 Unexpected "}"
Line 113:0 Unexpected "}"

**/
/*------------------------------------------------------------------
Compass Mixins
*/
/*------------------------------------------------------------------
Variables
*/
.logo-list__logo {
  transition: all 0.25s cubic-bezier(0.104, 0.204, 0.492, 1); }

/*------------------------------------------------------------------
Utilities
*/
.logo-list {
  padding-left: 12.5px;
  padding-right: 12.5px;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto; 
}

@media only screen and (min-width: 768px) {
  .logo-list {
    padding-left: 40px;
    padding-right: 40px; 
  } 
}

@media only screen and (max-width: 768px) {
  .logo-list__logo > img {
    max-width: 100px !important;
  }

  .logo-list__inner {
    grid-gap: 20px 50px !important;
  }
}

.cus_btn {
  text-align: center;
  margin-top: 20px;
}

.logo-list {
  max-width: 1080px; 
}
.logo-list__inner {
  display: grid;
  grid-gap: 20px;
  justify-content: center;
  grid-template-columns: repeat(2, 100px);
  pointer-events: none; 
}

@media only screen and (min-width: 768px) {
  .logo-list__inner {
    grid-gap: 40px;
    grid-template-columns: repeat(var(--logo-columns), 100px); 
  } 
  .logo-list__logo > img {
    max-width: 100px !important;
  }
}

.logo-list__inner:hover > * {
  opacity: 0.6; 
}

.logo-list__inner:hover > *:hover {
  opacity: 1; 
}

.logo-list__logo {
  text-align: center;
  pointer-events: all; 
}

.logo-list__logo a {
  display: block; 
}

.logo-list__logo .placeholder_svg_tag {
  border-radius: 50%;
  background: var(--color-accent3);
  fill: var(--color-accent2); 
}

@media only screen and (min-width: 1200px) {
  .logo-list__inner {
        grid-template-columns: repeat(min(8, --logo-columns), 100px); } }
}

@media only screen and (max-width: 1200px) and (min-width: 960px) {
  .logo-list__inner {
        grid-template-columns: repeat(min(7, --logo-columns), 100px); } }
}

@media only screen and (max-width: 960px) and (min-width: 830px) {
  .logo-list__inner {
        grid-template-columns: repeat(min(6, --logo-columns), 100px); } }
}

@media only screen and (max-width: 830px) and (min-width: 768px) {
  .logo-list__inner {
        grid-template-columns: repeat(min(5, --logo-columns), 100px); } }
}