.solutions{background:#1f2121;}
.solution-grid{max-width:2100px;width:100%;margin:auto;display:grid;grid-template-columns:repeat(3, 1fr);}
.solution-grid article{}
.solution-grid a{background:#000;background-position:center;background-size:cover;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content: end;width: 100%;color: white;padding: 30px;position: relative;z-index:0;aspect-ratio:5/3;}
.solution-grid a:before{content:'';width:100%;height:100%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 80%);z-index:0;}
.solution-grid a *{position:relative;z-index:1;}
.solution-grid h3{font-size: 26px;font-weight: 500;letter-spacing: 1.82px;text-align:center;}
.solution-grid dd{opacity:0;max-height:0.01px;width:100%;padding:0;margin:0;font-weight:300;font-size:15px;transition:all .25s ease-in-out;overflow:hidden;text-align:center;margin-top:15px;line-height:150%;}
.solution-grid dd p{padding-top:25px;}
.solution-grid span{font-size:initial;color:#DC3545;padding-bottom:10px;position:relative;text-transform:uppercase;}
.solution-grid span:before{content:'';background:#DC3545;height:1px;width:100%;position:absolute;display:block;top:100%;left:50%;transform:translateX(-50%);}

.solution-grid a:hover dd{opacity:1;max-height:100%;}
.solution-grid span:hover{color:white;}
.solution-grid span:hover:before{background:white;}

@media(width <= 1400px){
	.solution-grid{grid-template-columns:repeat(2, 1fr);}
}
@media(width <= 850px){
	.solution-grid{grid-template-columns:repeat(1, 1fr);}
}
@media(width <= 500px){
	.solution-grid h3{font-size:6vw;}
}
@media(width <= 450px){
	.solution-grid dd{font-size:12px;}
}