#mainbenefits .ben-title{font-weight:400;font-size:48px;line-height:140%;color:var(--graphite)}
#mainbenefits .ben-text{font-weight:400;font-size:16px;line-height:22px;color:var(--black)}
div#mainbenefits .gridcontainer{display:grid;grid-template-columns:repeat(5,1fr);grid-column-gap:100px;grid-row-gap:30px}
div#mainbenefits {
    padding-bottom: 70px;
}
@media(min-width:1200px) and (max-width:1599px) {
#mainbenefits .ben-title{font-size:36px}
#mainbenefits .ben-text{font-size:15px}
div#mainbenefits .gridcontainer{grid-column-gap:70px}
}
@media(min-width:992px) and (max-width:1199px) {
div#mainbenefits .gridcontainer{grid-template-columns:repeat(3,1fr);grid-column-gap:100px}
div#mainbenefits {
    padding-bottom: 50px;
}
}
@media(min-width:768px) and (max-width:991px) {
div#mainbenefits .gridcontainer{grid-template-columns:repeat(3,1fr);grid-column-gap:100px}
#mainbenefits .ben-title{font-size:36px}
div#mainbenefits {
    padding-bottom: 40px;
}
}
@media(max-width:767px) {
div#mainbenefits .gridcontainer{grid-template-columns:repeat(2,1fr);grid-column-gap:80px}
#mainbenefits .ben-title{font-size:36px}
div#mainbenefits {
    padding-bottom: 30px;
}
}
@media(max-width:575px) {
div#mainbenefits .gridcontainer{grid-template-columns:repeat(1,1fr);grid-column-gap:80px}
#mainbenefits .ben-title{font-size:40px}
}