section.feature-panel{display:grid;grid-template-columns:1fr 450px 450px 1fr;align-items:stretch;width:calc(100% + 210px);margin-inline:-105px;margin-block:4rem}section.feature-panel .img{grid-column:1/3;background-color:var(--green);display:flex;align-items:center;justify-content:flex-end}section.feature-panel.reverse .img{grid-column:3/5;order:2;justify-content:flex-start}section.feature-panel.reverse .content{grid-column:1/3;order:1}section.feature-panel .img img{display:block;height:100%;object-fit:cover}section.feature-panel .content{grid-column:3/5;background-color:var(--muted-bg);display:flex;flex-direction:column;justify-content:center;padding:3.5rem 3rem}section.feature-panel .content h1,section.feature-panel .content h2,section.feature-panel .content h3{color:var(--black);margin-top:0;max-width:420px}section.feature-panel.reverse .content h1,section.feature-panel.reverse .content h2,section.feature-panel.reverse .content h3,section.feature-panel.reverse .content p,section.feature-panel.reverse .content .flex{margin-left:3rem}section.feature-panel .content p{color:var(--black);line-height:1.5;max-width:420px}section.feature-panel .content .flex{margin-top:.5rem}section.feature-panel .content .btn{flex-grow:0}@media screen and (max-width:1366px){section.feature-panel{width:calc(100% + 100px);margin-inline:-50px}}@media screen and (max-width:900px){section.feature-panel.reverse .content h1,section.feature-panel.reverse .content h2,section.feature-panel.reverse .content h3,section.feature-panel.reverse .content p{margin-inline:unset}section.feature-panel{grid-template-columns:1fr 1fr}section.feature-panel .img{grid-column:1/2}section.feature-panel .content{grid-column:2/3}section.feature-panel.reverse .img{grid-column:2/3}section.feature-panel.reverse .content{grid-column:1/2}}@media screen and (max-width:768px){section.feature-panel{grid-template-columns:1fr}section.feature-panel .img{grid-column:1!important;justify-content:center;min-height:280px;padding:1rem 0}section.feature-panel.reverse .img{order:1}section.feature-panel.reverse .content{order:2}section.feature-panel .content{grid-column:1!important;padding:2.5rem 2rem}section.feature-panel .content h1,section.feature-panel .content h2,section.feature-panel .content h3,section.feature-panel .content p{max-width:none}section.feature-panel{margin-block:2rem}}@media screen and (max-width:500px){section.feature-panel{width:calc(100% + 50px);margin-inline:-25px}}