section.content-boxes{background:#171B40}section.content-boxes.pad{padding-bottom:60px}section.content-boxes.green-bg{background:#28603D}section.content-boxes.green-bg .wrapper .content h3{color:#fff}section.content-boxes .wrapper .content{text-align:center}section.content-boxes .wrapper .content h3{color:#f1dc4e}section.content-boxes .wrapper .boxes{display:grid;grid-template-columns:1fr 1fr;column-gap:auto;row-gap:auto;gap:1rem;margin-top:3rem}section.content-boxes .wrapper .boxes .box .image{display:none}section.content-boxes .wrapper .boxes .box .content{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:auto}section.content-boxes .wrapper .boxes .box .content .icon{width:106px;height:106px;margin-bottom:1rem}section.content-boxes .wrapper .boxes .box .content h4{color:#fff;font-size:1.25rem}section.content-boxes .wrapper .boxes .box .content .text{display:none}section.content-boxes .wrapper .boxes .box .content .text p,section.content-boxes .wrapper .boxes .box .content .text p *{color:#fff}@media only screen and (min-width: 601px){section.content-boxes.green-bg .wrapper .boxes .box .content{background:linear-gradient(180deg,transparent,#28603D)}section.content-boxes .wrapper .boxes .box{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:1.5rem;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;flex-wrap:auto}section.content-boxes .wrapper .boxes .box .image{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}section.content-boxes .wrapper .boxes .box .image img{width:100%;height:100%;object-fit:cover;object-position:center}section.content-boxes .wrapper .boxes .box .content{position:relative;z-index:2;padding:1rem;width:100%;background:linear-gradient(180deg,transparent,#171B40)}section.content-boxes .wrapper .boxes .box .content .icon{position:relative}section.content-boxes .wrapper .boxes .box .content h4{font-size:1.5rem}section.content-boxes .wrapper .boxes .box .content .text{display:block}section.content-boxes .wrapper .boxes .box .content .text p,section.content-boxes .wrapper .boxes .box .content .text p *{font-size:1.25rem}}@media only screen and (min-width: 992px){section.content-boxes.pad{padding-bottom:100px}section.content-boxes .wrapper .boxes{grid-template-columns:1fr 1fr 1fr 1fr;margin-top:4rem}section.content-boxes .wrapper .boxes .box{aspect-ratio:.64/1}section.content-boxes .wrapper .boxes .box .content{justify-content:flex-start}}