/*
 * Clear Link v1.11.4
 * TOP maintenance experience card: clipping + spacing correction.
 */

.home-main--future .maintenance__grid--with-visual{
  grid-template-columns:minmax(300px,320px) minmax(280px,.9fr) minmax(360px,1.25fr)!important;
  gap:clamp(28px,3.2vw,46px)!important;
  align-items:stretch!important;
}

.home-main--future .maintenance__experience{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:320px!important;
  min-height:250px!important;
  margin:0!important;
  padding:32px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  text-align:center!important;
}

.home-main--future .maintenance__experience small,
.home-main--future .maintenance__experience strong,
.home-main--future .maintenance__experience span{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  text-align:center!important;
}

.home-main--future .maintenance__experience small{
  margin-top:0!important;
  margin-bottom:18px!important;
  font-size:11px!important;
  line-height:1.5!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
}

.home-main--future .maintenance__experience strong{
  margin:0!important;
  font-size:clamp(46px,3.55vw,60px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  white-space:nowrap!important;
}

.home-main--future .maintenance__experience span{
  margin-top:18px!important;
  margin-bottom:0!important;
  font-size:12px!important;
  line-height:1.75!important;
  white-space:normal!important;
  text-wrap:balance!important;
}

@media (max-width:1180px) and (min-width:821px){
  .home-main--future .maintenance__grid--with-visual{
    grid-template-columns:minmax(280px,310px) minmax(0,1fr)!important;
  }
  .home-main--future .maintenance__experience{
    max-width:310px!important;
  }
  .home-main--future .maintenance__visual{
    grid-column:1/-1!important;
  }
}

@media (max-width:820px){
  .home-main--future .maintenance__grid--with-visual{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  .home-main--future .maintenance__experience{
    width:min(100%,420px)!important;
    max-width:420px!important;
    min-height:190px!important;
    margin-inline:auto!important;
    padding:28px!important;
  }
  .home-main--future .maintenance__experience strong{
    font-size:clamp(44px,12vw,58px)!important;
  }
}