.u-section--products{
  padding-bottom:118px;
  }

.u-section--products::before{
   content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 4.28%, #FFFFFF 100%);
  width:20%;
    z-index:1;
}

.products-redesign .products-item{
  min-width:490px;
}
.products-redesign .products-item__category {
  margin-bottom: 0px;
}
.products-redesign .products__title {
  max-width: 100%;
  font-size: clamp(34px, 5vw, 72px);
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: -0.025em;
}
/* Optional eyebrow (Kaiterra standard: 14px / 500 / uppercase) */
.products-redesign .products__eyebrow {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #3F5F66;
  margin-bottom: 16px;
}
.u-section--products.is-dark .products-redesign .products__eyebrow { color: #ffffffb3; }
/* Optional body text under the heading */
.products-redesign .products__intro { margin: 20px 0 0; max-width: 70%; font-size: 20px; font-weight: 500; line-height: 1.5; letter-spacing: normal; color: #3A575E; }
.products-redesign .products__intro p { margin: 0; font-size: 20px; font-weight: 500; line-height: 1.5; letter-spacing: normal; color: #3A575E; }
.u-section--products.is-dark .products-redesign .products__intro,
.u-section--products.is-dark .products-redesign .products__intro p { color: #fff9; }
.products-redesign .products-item__title {
font-size: 28px;
font-weight: 500;
line-height: 32px;
margin-bottom:12px;
  margin-top:24px;
}

.products-redesign .products-item__hover {
  margin-bottom: 20px;
  margin-top: 24px;
}
.products-redesign .products-item:hover .products-item__img-hld {
  opacity: 1;
}
.products-redesign .products-item .products-item__img-hld .is-cover{
  object-fit:contain;
}
.products-redesign .products-item .products-item__img-hld{
  height:280px;
}
.products-redesign .products-item.is-gray-item:hover {
  background-color: #f5f5f7;
  box-shadow: 2px 16px 32px 0 rgba(0,0,0,.16);
}
.products-redesign .products-item.is-dark-item:hover {
  background-color: #062229;
  box-shadow: 2px 16px 32px 0 rgba(0,0,0,.16);
}
.products-redesign .products-item.is-dark-item .products-item__content {
  color: #fff;
  opacity:0.8;
}
.products-redesign .products-item__content-hld {
  align-items: center;
  display: flex;
  height: auto;
  position: relative;
  width: 100%;
  opacity:1;
}
.products-redesign .products-item__content-hld .products-item__content{
  max-width: 100%;
font-size: 14px;
font-weight: 500;
line-height: 20px;
letter-spacing: -0.10000000149011612px;
  color: #3A575E;

}
.products-redesign .products-list {
  margin-top: 80px;
}
.products-redesign .products-list-slider{
  position: relative;
  display:flex;
}
.products-redesign .product-slider-wrapper{
  display:flex;
  transition: transform 0.5s ease;
  width: 100%;
}


.products-redesign .products-slider-item {
  min-width: calc(100% / 2.595); /* Show 2.5 slides */
  box-sizing: border-box;
  margin-right: 16px; /* Optional spacing */
  padding: 24px 40px 40px;
}

.products-redesign .products-slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.8);
  border: none;
  cursor: pointer;
  padding: 10px;
  z-index: 100;
  width: 56px;
  height: 56px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.products-redesign .products-slider-arrow svg{
  width: 24.5px;
  height: 24.5px;
}

.products-redesign  .products-slider-arrow--prev {
  left: 10px;
}

.products-redesign .products-slider-arrow--next{
  right: 10px;
}

.products-redesign .products-slider-arrow.hidden-arrow {
  display: none;
}

@media only screen and (max-width: 1023px) {
  .products-redesign .products-list {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
  }
  .products-redesign .products-slider-item {
    box-sizing: border-box;
    margin-right: 16px;
    min-width: 70%;
  }
}

@media only screen and (max-width: 767px) {
.u-section--products{
  padding-bottom:72px;
  }
  .products-redesign .products-list {
  margin-top: 54px;
}
  .products-redesign .products-slider-item {
    box-sizing: border-box;
    margin-right: 16px;
    min-width: 90%;
  }
  .products-redesign .products__title {
    text-align:left;
  }
  .products-redesign .products__intro { max-width: 100%; }
}

/* Header block width per kaiterra-web-module-design-rules.md: ~70%, relaxes below tablet */
.products-redesign .products__title { max-width: 70%; }
@media (max-width: 1023px) { .products-redesign .products__title { max-width: 100%; } }


/* --- Horizontal-overflow guard --------------------------------------------
   The slider track is intentionally wider than the container and is meant to
   bleed out to the viewport edge; the theme clips it at the section with
   `.u-section--products { overflow: hidden }`. When a page places this module
   in a row that doesn't carry that section class, nothing clips it — the
   overflow escapes to the document, so scrolling the slider drags the whole
   page sideways and every other module appears shifted left.

   Clip on the module's own full-width HubSpot wrapper: that box is exactly the
   viewport width, so the cards still bleed to the page edge (identical to what
   the section wrapper does) while the page itself stays contained.

   Do NOT clip on .products-redesign itself — that box is only the 1272px
   content column, so clipping there cuts the cards short of the page edge. */
.hs_cos_wrapper:has(> .u-wrapper > .products-redesign) {
  overflow-x: clip;
}
@supports not (selector(:has(*))) {
  /* Older browsers: contain at the content edge rather than let the page shift. */
  .products-redesign { overflow-x: clip; }
}