.benefits__grid{
  display:grid;
  gap:.5rem;
}
@media screen and (min-width:768px){
  .benefits__grid{
    gap:1.25rem;
  }
}
@media screen and (min-width:1200px){
  .benefits__grid{
    gap:1.5rem;
  }
}
.benefits__grid--with-image{
  grid-template-areas:"text1" "text2" "text3" "text4" "text5" "text6" "image";
  grid-template-columns:1fr;
}
@media screen and (min-width:768px){
  .benefits__grid--with-image{
    grid-template-areas:"text1 text2" "text3 text4" "text5 image" "text6 image";
    grid-template-columns:repeat(2, 1fr);
  }
}
@media screen and (min-width:1200px){
  .benefits__grid--with-image{
    grid-template-areas:"text1 text2 image" "text3 text4 image" "text5 text6 image";
    grid-template-columns:repeat(3, 1fr);
  }
}
.benefits__grid--no-image{
  grid-template-columns:1fr;
}
@media screen and (min-width:768px){
  .benefits__grid--no-image{
    grid-template-columns:repeat(2, 1fr);
  }
}
@media screen and (min-width:1200px){
  .benefits__grid--no-image{
    grid-template-columns:repeat(3, 1fr);
  }
}

.benefits__item{
  background-color:#f4f8fd;
  border:1px solid #e0eaf7;
  border-radius:.625rem;
  overflow:hidden;
}

.benefits__content{
  display:flex;
  flex-direction:column;
  height:100%;
  justify-content:space-between;
}

.benefits__item--text{
  padding:1.25rem;
}
@media screen and (min-width:1200px){
  .benefits__item--text{
    padding:1.5rem;
  }
}

.benefits__item--image{
  background-color:initial;
  height:100%;
  min-height:453px;
  position:relative;
}
@media screen and (min-width:768px){
  .benefits__item--image{
    min-height:404px;
  }
}

.benefits__image-wrapper{
  background:linear-gradient(0deg, rgba(255,224,211,.8) 0, transparent);
  height:100%;
  max-height:39rem;
  position:relative;
}
@media screen and (min-width:1200px){
  .benefits__image-wrapper{
    max-height:none;
  }
}

.benefits__image{
  bottom:0;
  height:65%;
  left:0;
  -o-object-fit:contain;
     object-fit:contain;
  -o-object-position:bottom;
     object-position:bottom;
  position:absolute;
  right:0;
  width:100%;
  z-index:0;
}
@media screen and (min-width:768px){
  .benefits__image{
    height:60%;
  }
}
@media screen and (min-width:1200px){
  .benefits__image{
    height:70%;
  }
}

.benefits__image-content{
  display:flex;
  flex-direction:column;
  height:100%;
  justify-content:space-between;
  left:0;
  padding:1.25rem;
  position:absolute;
  right:0;
  top:0;
  z-index:10;
}
@media screen and (min-width:1200px){
  .benefits__image-content{
    padding:1.5rem;
  }
}

.benefits__item-top{
  margin-bottom:auto;
}

.benefits__item-title{
  font-family:var(--font-medium);
  font-size:1rem;
  margin-bottom:8px;
  margin-top:0;
}
@media screen and (min-width:768px){
  .benefits__item-title{
    font-size:1.125rem;
  }
}
.benefits__item-title--image{
  color:inherit;
  margin-bottom:8px;
}

.benefits__item-description{
  font-size:.875rem;
  margin-bottom:20px;
}
@media screen and (min-width:768px){
  .benefits__item-description{
    font-size:1rem;
    margin-bottom:1.5rem;
  }
}
@media screen and (min-width:1200px){
  .benefits__item-description{
    font-size:1.125rem;
  }
}
.benefits__item-description--image{
  color:inherit;
}

.benefits__item-bottom{
  align-items:center;
  display:flex;
  justify-content:space-between;
  margin-top:1rem;
}

.benefits__item-icon{
  flex-shrink:0;
  height:24px;
  width:24px;
}

.benefits__item-counter{
  font-family:var(--font-medium);
  font-size:.875rem;
  opacity:.7;
}
.benefits__image-content .benefits__item-counter{
  color:#fff;
}

@media (prefers-reduced-motion:reduce){
  *{
    animation:none !important;
    transition:none !important;
  }
}