


  .module-benefits .kicker {
    text-align: center;
  }
  
  .module-benefits figure {
    margin: 0 auto;
    max-width: max(953px, calc(953 * var(--px)));
    text-align: center;
  }
  
  .benefits-grid-wrap {
    margin-top: max(50px, calc(50 * var(--px)));
  }
  
  .benefits-grid-wrap.mobile {
    display: none;
  }
  
  .benefits-grid {
    --base-width: 100%;
    --columns: 3;
    --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns));
    --column-gap: calc(90 * var(--px));
    --row-gap: calc(50 * var(--px));
    margin: 0 auto;
    margin-right: calc(var(--column-gap) * -1);
    margin-bottom: calc(var(--row-gap) * -1);
    display: flex;
    flex-flow: row wrap;
  }
  
  .benefits-grid > * {
    width: var(--column-width);
    margin-right: var(--column-gap);
    margin-bottom: var(--row-gap);
  }
  
  @media (min-width: 751px) {
    .benefits-grid > * {
      opacity: 0;
      transform: translate(var(--transform-x, 0px), 10vh);
      transition: 1500ms calc((var(--ios-item-index, 0) * 50ms) + 500ms) var(--ttf-7);
      transition-property: opacity, transform;
    }
  }
  
  .benefits-grid > *:nth-child(3n) {
    --transform-x: 5vh;
  }
  
  .benefits-grid > *:nth-child(3n+1) {
    --transform-x: -5vh;
  }
  
  .benefits-grid .wysiwyg .headline {
    line-height: 1.2;
    margin-bottom: .60714285714285714285em;
  }
  
  .benefits-grid.is-on-screen > * {
    opacity: 1;
    transform: none;
  }
  
  
  
  
  .module-benefits .splide {
    --slide-gap: calc(50 * var(--px));
  }
  
  .benefits-grid-wrap .splide__slide > div {
    max-width: 300px;
    text-align: center;
  }
  
  .module-benefits .row-pagination {
    margin-top: max(50px, calc(100 * var(--px)));
  }
  
  .benefits-grid-wrap .splide__slide .headline {
    text-transform: uppercase;
    margin-bottom: 1.1875em;
    letter-spacing: 0.05em;
    line-height: 1.1875;
  }
  
  
  
  
  
  
  
  
  @media (max-width: 1050px) {
    
    .benefits-grid {
      --columns: 2;
    }
    
  }
  
  
  
  
  @media (max-width: 750px) {
    
    .benefits-grid-wrap.mobile {
      display: block;
    }
    
    .benefits-grid-wrap.desktop {
      display: none;
    }
    
    .benefits-grid-wrap {
      margin-left: calc(var(--page-padding-left) * -1);
      margin-right: calc(var(--page-padding-right) * -1);
    }
    
    .benefits-grid-wrap .splide__slide > div {
      margin-inline: auto;
    }
    
    
  }