section.about-hero-banner{display:flex;flex-direction:column;justify-content:center}section.about-hero-banner .box-wrap,section.about-hero-banner .intro-wrap{max-width:1234px;width:100%}section.about-hero-banner .intro-wrap{margin-bottom:3rem}section.about-hero-banner .box-wrap .box-item{margin-bottom:3rem;width:100%}section.about-hero-banner .box-wrap .box-item .box{background:var(--primary);border-radius:10px;display:flex;flex-direction:column;height:100%;padding:1.5rem;width:100%}section.about-hero-banner .box-wrap .box-item .box .box-body,section.about-hero-banner .box-wrap .box-item .box .box-img{width:100%}section.about-hero-banner .box-wrap .box-item .box .box-body,section.about-hero-banner .box-wrap .box-item .box .box-header{flex:1}section.about-hero-banner .box-wrap .box-item .box img{height:30px;margin-bottom:.75rem;width:30px}section.about-hero-banner .box-wrap .box-item .box h4{color:var(--green);margin-bottom:.75rem}section.about-hero-banner .box-wrap .box-item .box p{color:var(--white);margin-bottom:0}@media screen and (min-width:768px){section.about-hero-banner .intro-wrap{width:50%}section.about-hero-banner .box-wrap{margin:0 -1.5rem}section.about-hero-banner .box-wrap .box-item{padding:1.5rem;width:33.33333%}}