/*********************************************************
/ Manufacturers
/*********************************************************/
.slider-manufacturers__wrapper {
  position              : static;
  z-index               : 1;
  --brand-miniature-gap : 0.8125rem;
  padding-bottom        : 80px;
}

.slider-manufacturers.swiper-container {
  width : 100% !important;
}

.slider-manufacturers__wrapper .section__title {
  display : none;
}

.slider-manufacturers__wrapper .c-title {
  color          : var(--color-secondary);
  text-align     : center;
  font-size      : 36px;
  font-style     : normal;
  font-weight    : 700;
  line-height    : normal;
  text-transform : initial;
}

.slider-manufacturers__wrapper .brand-miniature {
  border-radius   : 10px;
  background      : rgba(248, 243, 238, 0.70);
  display         : flex !important;
  justify-content : center;
  align-items     : center;
  padding         : 30px;
  transition      : all 0.35s ease-in-out;
}

.slider-manufacturers__wrapper .brand-miniature:hover img {
  transform : scale(1.1);
}

.slider-manufacturers__wrapper img {
  mix-blend-mode : darken;
  width          : 153px;
  height         : 53px;
  flex-shrink    : 0;
  transition     : all 0.35s ease-in-out;
}

.manufacturers-link_container {
  display         : flex;
  justify-content : center;
  align-items     : center;
  margin-top      : 40px;
}

.manufacturers-link {
  position        : relative;
  padding-bottom  : 2px;
  text-decoration : none;
  transition      : transform 0.3s ease-in-out;
  text-transform  : uppercase;
}

.manufacturers-link::after {
  content          : "";
  position         : absolute;
  left             : 0;
  bottom           : 0;
  width            : 100%;
  height           : 1px;
  background-color : var(--color-black-default);
  transform        : scaleX(1);
  transform-origin : right;
  transition       : transform 0.3s ease-in-out;
}

.manufacturers-link:hover::after {
  animation : borderDisappearReappear 0.6s ease-in-out forwards;
}

@keyframes borderDisappearReappear {
  0% {
    transform        : scaleX(1);
    transform-origin : right;
    background-color : var(--color-black-default);
  }
  50% {
    transform        : scaleX(0);
    transform-origin : right;
    background-color : var(--color-black-default);
  }
  51% {
    transform        : scaleX(0);
    transform-origin : left;
    background-color : var(--color-primary);
  }
  100% {
    transform        : scaleX(1);
    transform-origin : left;
    background-color : var(--color-primary);
  }
}

/*********************************************************
/ footer-links-list
/*********************************************************/
.footer-links-list .section__content {
  display               : grid;
  grid-template-columns : repeat(auto-fit, minmax(200px, 1fr));
  row-gap               : 50px;
}
