.pay-it-for-itself {
  overflow-x: hidden;
  background-color: var(--dec-white-smoke);
}
.pay-it-for-itself .brand-row {
  text-align: center;
}
.pay-it-for-itself .brand-row .col-xs-12 {
  padding: 0;
}
.pay-it-for-itself .brand-row.bottom-brand-row {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .pay-it-for-itself .brand-row .heading {
    margin-top: 10px;
    font-size: 25px;
    font-weight: 400;
  }
  .pay-it-for-itself .brand-row .subheading {
    font-size: 14px;
    line-height: 16px;
    padding: 0 20px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.pay-it-for-itself #brandCarousel {
  margin-bottom: 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .pay-it-for-itself #brandCarousel {
    margin-bottom: 30px;
  }
}
.pay-it-for-itself #brandCarousel .slick-slide {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
}
@media (max-width: 1199px) {
  .pay-it-for-itself #brandCarousel .slick-slide {
    justify-content: space-evenly;
  }
}
.pay-it-for-itself #brandCarousel .slick-dots li.slick-active button:before {
  opacity: 1;
  color: var(--dec-grey);
  font-size: 12px;
}
.pay-it-for-itself #brandCarousel .slick-dots li {
  margin: 0;
}
.pay-it-for-itself #brandCarousel .slick-dots li button:before {
  opacity: 1;
  color: #dbdbdb;
  font-size: 9px;
}
.pay-it-for-itself #brandCarousel .brand {
  position: relative;
  display: inline-block;
  width: 190px;
  height: 60px;
  max-width: 49%;
  padding: 5px 0;
}
.pay-it-for-itself #brandCarousel .brand .helper {
  display: inline-block;
  vertical-align: middle;
}
.pay-it-for-itself #brandCarousel .brand img {
  vertical-align: middle;
  max-width: 100%;
}
.pay-it-for-itself #brandCarousel .brand svg {
  width: unset !important;
  height: unset !important;
}
.pay-it-for-itself #brandCarousel .brand[data-slug="cb2"] .helper {
  width: 101px !important;
}
.pay-it-for-itself #brandCarousel .brand[data-slug="crate-barrel"] .helper {
  width: 147px !important;
}
.pay-it-for-itself #brandCarousel .brand[data-slug="crate-kids"] .helper {
  width: 147px !important;
}
.pay-it-for-itself #brandCarousel .brand[data-slug="eq3"] .helper {
  width: 77px !important;
}
.pay-it-for-itself #brandCarousel .brand[data-slug="ligne-roset"] .helper {
  width: 166px !important;
}
.pay-it-for-itself #brandCarousel .brand[data-slug="moe-s-home"] .helper {
  width: 92px !important;
}
.pay-it-for-itself #brandCarousel .brand.brand-0-0 {
  width: 220px;
}
.pay-it-for-itself #brandCarousel .brand.brand-0-1 {
  width: 210px;
}
.pay-it-for-itself #brandCarousel .brand.brand-0-1 .helper {
  width: 171px;
}
.pay-it-for-itself #brandCarousel .brand.brand-0-2 {
  width: 110px;
}
.pay-it-for-itself #brandCarousel .brand.brand-0-2 .helper {
  width: 99px;
}
.pay-it-for-itself #brandCarousel .brand.brand-0-3 {
  width: 210px;
}
.pay-it-for-itself #brandCarousel .brand.brand-0-3 .helper {
  width: 171px;
}
.pay-it-for-itself #brandCarousel .brand.brand-0-4 {
  width: 210px;
}
.pay-it-for-itself #brandCarousel .brand.brand-0-4 .helper {
  width: 144px;
}
.pay-it-for-itself #brandCarousel .brand.brand-0-5 {
  width: 200px;
}
.pay-it-for-itself #brandCarousel .brand.brand-0-5 .helper {
  width: 162px;
}
.pay-it-for-itself #brandCarousel .brand.brand-0-6 {
  width: 211px;
}
.pay-it-for-itself #brandCarousel .brand.brand-0-6 .helper {
  width: 211px;
}
.pay-it-for-itself #brandCarousel .brand.brand-0-7 {
  width: 160px;
}
.pay-it-for-itself #brandCarousel .brand.brand-0-7 .helper {
  width: 144px;
}
.pay-it-for-itself #brandCarousel .brand.brand-0-8 {
  width: 80px;
}
.pay-it-for-itself #brandCarousel .brand.brand-0-8 .helper {
  width: 54px;
}
.pay-it-for-itself #brandCarousel .brand.brand-0-9 .helper {
  width: 179px;
}
.pay-it-for-itself #brandCarousel .brand.brand-1-0 {
  width: 250px;
}
.pay-it-for-itself #brandCarousel .brand.brand-1-0 img {
  width: 136px;
}
.pay-it-for-itself #brandCarousel .brand.brand-1-1 {
  width: 130px;
}
.pay-it-for-itself #brandCarousel .brand.brand-1-1 .helper {
  width: 81px;
}
.pay-it-for-itself #brandCarousel .brand.brand-1-2 .helper {
  width: 90px;
}
.pay-it-for-itself #brandCarousel .brand.brand-1-3 {
  width: 150px;
}
.pay-it-for-itself #brandCarousel .brand.brand-1-3 .helper {
  width: 117px;
}
.pay-it-for-itself #brandCarousel .brand.brand-1-4 {
  width: 300px;
}
.pay-it-for-itself #brandCarousel .brand.brand-1-4 .helper {
  width: 249px;
}
.pay-it-for-itself #brandCarousel .brand.brand-1-5 .helper {
  width: 72px;
}
.pay-it-for-itself #brandCarousel .brand.brand-1-6 .helper {
  width: 180px;
}
.pay-it-for-itself #brandCarousel .brand.brand-1-7 .helper {
  width: 99px;
}
.pay-it-for-itself #brandCarousel .brand.brand-1-8 .helper {
  width: 171px;
}
.pay-it-for-itself #brandCarousel .brand.brand-1-9 {
  width: 160px;
}
.pay-it-for-itself #brandCarousel .brand.brand-2-0 .helper {
  width: 174px;
}
.pay-it-for-itself #brandCarousel .brand.brand-2-1 {
  width: 250px;
}
.pay-it-for-itself #brandCarousel .brand.brand-2-1 .helper {
  width: 194px;
}
.pay-it-for-itself #brandCarousel .brand.brand-2-2 .helper {
  width: 72px;
}
.pay-it-for-itself #brandCarousel .brand.brand-2-3 .helper {
  width: 171px;
}
.pay-it-for-itself #brandCarousel .brand.brand-2-4 .helper {
  width: 126px;
}
.pay-it-for-itself #brandCarousel .brand.brand-2-5 .helper {
  width: 108px;
}
.pay-it-for-itself #brandCarousel .brand.brand-2-6 .helper {
  width: 90px;
}
.pay-it-for-itself #brandCarousel .brand.brand-2-7 .helper {
  width: 171px;
}
.pay-it-for-itself #brandCarousel .brand.brand-2-8 .helper {
  width: 171px;
}
.pay-it-for-itself #brandCarousel .brand.brand-2-9 .helper {
  width: 117px;
}
@media (max-width: 767px) {
  .pay-it-for-itself #brandCarousel .brand {
    max-width: 100px;
    margin: 0 15px;
  }
  .pay-it-for-itself #brandCarousel .brand img,
  .pay-it-for-itself #brandCarousel .brand svg {
    max-width: 100px;
  }
  .pay-it-for-itself #brandCarousel .brand.brand-1-1 img {
    width: 80px;
  }
  .pay-it-for-itself #brandCarousel .brand.brand-1-5 img {
    width: 70px;
  }
  .pay-it-for-itself #brandCarousel .brand.brand-1-7 img {
    width: 85px;
  }
  .pay-it-for-itself #brandCarousel .brand.brand-1-7 .helper {
    width: 90px;
  }
  .pay-it-for-itself #brandCarousel .brand.brand-1-6 .helper {
    width: 100px;
  }
  .pay-it-for-itself #brandCarousel .brand.brand-0-8 {
    width: 160px;
  }
  .pay-it-for-itself #brandCarousel .brand.brand-0-8 .helper {
    width: 55px;
  }
  .pay-it-for-itself #brandCarousel .brand.brand-0-8 img,
  .pay-it-for-itself #brandCarousel .brand.brand-1-6 img {
    max-width: 100%;
  }
  .pay-it-for-itself #brandCarousel .brand.brand-2-1 img {
    max-width: 115px;
  }
  .pay-it-for-itself #brandCarousel .brand.brand-2-2 img {
    max-width: 100%;
  }
  .pay-it-for-itself #brandCarousel .brand.brand-2-3 img {
    max-width: 110px;
  }
  .pay-it-for-itself #brandCarousel .brand.brand-2-6 img {
    width: 80px;
  }
}
.pay-it-for-itself[data-ct="EU"] #brandCarousel .brand {
  width: 250px !important;
}
.pay-it-for-itself[data-ct="EU"] #brandCarousel .brand .helper {
  width: unset;
}
.pay-it-for-itself[data-cc="CA"] #brandCarousel .brand-slide {
  gap: 30px;
}
.pay-it-for-itself[data-cc="CA"] #brandCarousel .brand {
  width: 180px;
}
.pay-it-for-itself[data-cc="CA"] #brandCarousel .brand .helper {
  width: unset;
}
.pay-it-for-itself[data-cc="CA"] #brandCarousel .brand img {
  width: unset !important;
  height: unset !important;
}