.elementor-1934 .elementor-element.elementor-element-93e8d9c{--display:flex;}/* Start custom CSS *//* keep your horizontal scroll container styles (class .horizontal-scroll) */
.horizontal-scroll {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  gap: 16px;
  cursor: grab;
  touch-action: pan-y;          /* allow vertical page scroll while enabling horizontal drag */

  /* hide scrollbar */
  scrollbar-width: none;        /* Firefox */
  -ms-overflow-style: none;     /* IE & Edge */
}
.horizontal-scroll::-webkit-scrollbar { display: none; }

/* child sizing (keep your responsive rules) */
.horizontal-scroll > * {
  flex: 0 0 700px !important;
  width: 700px !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
@media (max-width: 1024px) {
  .horizontal-scroll > * { flex: 0 0 500px !important; width: 500px !important; }
}
@media (max-width: 768px) {
  .horizontal-scroll > * { flex: 0 0 350px !important; width: 350px !important; }
}

/* do NOT set pointer-events:none here — we want images clickable.
   Use these to discourage native drag image in WebKit while preserving clicks. */
.horizontal-scroll img {
  -webkit-user-drag: none;
  user-select: none;
}

/* visual state while dragging */
.horizontal-scroll.is-dragging { cursor: grabbing; user-select: none; }/* End custom CSS */