/* Homepage benefit illustrations: preserve the original text and link layout. */
body.in_index .front_tizers.teasers_scroll.type_2 .image:has(>img[data-nbr-benefit]),
body.in_index .front_tizers.teasers_scroll.type_2 .image.nbr-benefit-host{
  --nbr-blue:0;
  position:relative;
  float:none;
  width:120px!important;
  height:90px!important;
  max-width:none!important;
  max-height:none!important;
  margin:0 0 20px;
  overflow:visible;
  line-height:0;
  border-radius:0;
  background:transparent!important;
}
body.in_index .front_tizers.teasers_scroll.type_2 .image>img[data-nbr-benefit],
body.in_index .front_tizers.teasers_scroll.type_2 .image.nbr-benefit-host>img.nbr-benefit-blue{
  display:block;
  position:static;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0;
  padding:0;
  object-fit:contain;
  object-position:center;
  border:0;
  border-radius:0;
  background:transparent;
}
body.in_index .front_tizers.teasers_scroll.type_2 .item:has(img[data-nbr-benefit]) .body-info{
  padding-left:0;
}
body.in_index .front_tizers.teasers_scroll.type_2 .image.nbr-benefit-host>img.nbr-benefit-blue{
  position:absolute;
  inset:0;
  z-index:1;
  clip-path:inset(0 calc((1 - var(--nbr-blue,0))*100%) 0 0);
  pointer-events:none;
  user-select:none;
}
@media screen and (min-width:701px) and (max-width:991px){
  body.in_index .front_tizers.teasers_scroll.type_2 .image:has(>img[data-nbr-benefit]),
  body.in_index .front_tizers.teasers_scroll.type_2 .image.nbr-benefit-host{
    margin-inline:auto;
  }
}
@media screen and (max-width:700px){
  body.in_index .front_tizers.teasers_scroll.type_2 .image:has(>img[data-nbr-benefit]),
  body.in_index .front_tizers.teasers_scroll.type_2 .image.nbr-benefit-host{
    float:left;
    width:96px!important;
    height:72px!important;
    margin:0;
  }
  body.in_index .front_tizers.teasers_scroll.type_2 .item:has(img[data-nbr-benefit]) .body-info{
    padding-left:116px;
  }
}
@media screen and (max-width:360px){
  body.in_index .front_tizers.teasers_scroll.type_2 .image:has(>img[data-nbr-benefit]),
  body.in_index .front_tizers.teasers_scroll.type_2 .image.nbr-benefit-host{
    width:88px!important;
    height:66px!important;
  }
  body.in_index .front_tizers.teasers_scroll.type_2 .item:has(img[data-nbr-benefit]) .body-info{
    padding-left:108px;
  }
}
@media (prefers-reduced-motion:reduce){
  body.in_index .front_tizers.teasers_scroll.type_2 .image.nbr-benefit-host>img.nbr-benefit-blue{
    transition:none!important;
    animation:none!important;
  }
}