.products-scroll-wrap {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 0 52px;
}

.products-scroll-track {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 6px 6px 18px;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.products-scroll-track::-webkit-scrollbar {
  display: none;
}

.products-scroll-arrow {
  position: absolute;
  top: calc(50% - 9px);
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid rgba(221, 186, 105, 0.65);
  background: rgba(7, 7, 19, 0.86);
  color: #ddba69;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
  z-index: 3;
}

.products-scroll-arrow[data-dir="prev"] {
  left: 0;
}

.products-scroll-arrow[data-dir="next"] {
  right: 0;
}

.products-scroll-arrow:hover:not(:disabled) {
  background: #ddba69;
  color: #070713;
}

.products-scroll-arrow:disabled {
  opacity: 0.3;
  cursor: default;
}

.products-scroll-wrap--controls-hidden .products-scroll-arrow {
  display: none;
}

.products-scroll-item {
  flex: 0 0 calc((100% - 48px) / 3);
  min-width: 320px;
  scroll-snap-align: start;
}

.products-scroll-item .service-wrapper {
  height: 100%;
  margin-bottom: 0;
}

.products-scroll-item .service-wrapper:hover {
  transform: none !important;
}

.products-scroll-item .service-title {
  text-transform: uppercase;
}

.products-scroll-item .service-title span {
  color: inherit;
}

.products-scroll-item .service-button {
  pointer-events: none;
}

.products-scroll-item .service-btn {
  cursor: default;
}

.dynamic-product-panels {
  width: 100%;
}

.product-panels-scroll {
  display: block;
  overflow: visible;
  padding: 0;
}

.product-panel-item {
  width: 100%;
  min-width: 0;
}

.product-panel-item .portfolio-title span {
  color: inherit;
}

.product-panel-item .portfolio-wrap {
  min-height: 100%;
}

.dynamic-empty-state {
  width: 100%;
  padding: 24px;
  border: 1px dashed rgba(255, 255, 255, 0.35);
  border-radius: 14px;
  color: #ffffff;
  font-weight: 500;
}

@media (max-width: 1399.98px) {
  .products-scroll-item {
    flex-basis: calc((100% - 24px) / 2);
  }
}

@media (max-width: 991.98px) {
  .products-scroll-wrap {
    padding: 0 42px;
  }

  .products-scroll-arrow {
    width: 34px;
    height: 34px;
    top: calc(50% - 6px);
  }

  .products-scroll-item {
    flex-basis: 85%;
    min-width: 280px;
  }
}