:root {
  --layout-p: 75px !important;
  --gap-v: 20 !important;
  --gap: calc(var(--gap-v) * 1px) !important;
  --amount: 8 !important;
  --amount-adjust: calc(var(--amount) - 1) !important;
  --flex-amount: calc(100% / var(--amount)) !important;
  --flex-divide: calc(var(--gap) / var(--amount)) !important;
  --item-min-width: calc(
    var(--flex-amount) - calc(var(--amount-adjust) * var(--flex-divide))
  ) !important;
}
@media (max-width: 1028px) {
  :root {
    --amount: 6 !important;
    --gap-v: 15 !important;
    --layout-p: 50px !important;
  }
}
@media (max-width: 768px) {
  :root {
    --amount: 4 !important;
    --gap-v: 10 !important;
    --layout-p: 25px !important;
  }
}

.guides {
  width: calc(100vw - calc(var(--layout-p) * 2)) !important;
  margin: auto !important;
  position: absolute !important;
  left: var(--layout-p) !important;
  top: 0 !important;
}

.swimlane {
  width: calc(auto) !important;
  margin: auto !important;
  padding: 0 var(--layout-p) !important;
  overflow: visible !important;
  margin: var(--layout-p) 0 !important;
}
.swimlane.swimlane-b {
  --amount: 8 !important;
  --gap-v: 20 !important;
  --gap: calc(var(--gap-v) * 1px) !important;
  --amount-adjust: calc(var(--amount) - 1) !important;
  --flex-amount: calc(100% / var(--amount)) !important;
  --flex-divide: calc(var(--gap) / var(--amount)) !important;
  --item-min-width: calc(
    var(--flex-amount) - calc(var(--amount-adjust) * var(--flex-divide))
  ) !important;
}
@media (max-width: 1028px) {
  .swimlane.swimlane-b {
    --amount: 2 !important;
    --gap-v: 15 !important;
    --layout-p: 50px !important;
  }
}
@media (max-width: 768px) {
  .swimlane.swimlane-b {
    --amount: 1 !important;
    --gap-v: 10 !important;
    --layout-p: 25px !important;
  }
}

#carousel-a {
  display: flex !important;
  justify-content: space-between !important;
  -moz-column-gap: var(--gap) !important;
       column-gap: var(--gap) !important;
  overflow-x: scroll !important;
  padding: 0 var(--layout-p) !important;
  transform: translateX(calc(var(--layout-p) * -1)) !important;
  -ms-scroll-snap-type: x !important;
      scroll-snap-type: x !important;
  scroll-padding: var(--layout-p) !important;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
#carousel-a::-webkit-scrollbar {
  display: none !important;
}
#carousel-a li {
  min-width: var(--item-min-width) !important;
  height: 30px !important;
  flex: auto !important;
  opacity: 0.5 !important;
  scroll-snap-align: start !important;
}
#carousel-a li img{
  object-fit:contain !important;
  height: 100% !important;
  width: 100% !important;
}
#carousel-a{
  margin-bottom:15px !important;
}
.btn-footer-carousel{
  background: transparent !important;
  border:0 !important;
  cursor: pointer !important;
  transition: 0.1s !important;
}
.ft-1:hover {transform: translateX(-5px) !important}
.ft-2:hover {transform: translateX(5px) !important}