.before-after-section{padding:68px 0px}.before-after-section h2{text-align:center}.before-after-section .intro{width:830px;max-width:100%;text-align:center;margin:0 auto;font-weight:500;padding-bottom:100px;font-size:18px}.before-after-section .example-boxes{display:flex;justify-content:space-between;text-align:center;flex-wrap:wrap;row-gap:80px;-moz-column-gap:20px;column-gap:20px}.before-after-section .example-boxes .box-title{font-size:22px;text-align:center;text-transform:uppercase;font-weight:bold;padding-bottom:25px}.before-after-section .example-boxes .box-img{position:relative;width:217px;height:217px;padding-bottom:10px}.before-after-section .example-boxes .box-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.before-after-section .compare-cols{display:flex;-moz-column-gap:20px;column-gap:20px}.before-after-section .box-description{font-size:18px;font-weight:500}.before-after-section .green-btn{display:flex;justify-content:center;padding-top:75px}@media(max-width: 1024px){.before-after-section .example-boxes{justify-content:center;padding-left:0;padding-right:0}}@media(max-width: 500px){.before-after-section .example-boxes{width:100%}.before-after-section .compare-cols{flex-direction:column;row-gap:20px}}