.grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-block:5rem}.grid-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.image-section{position:relative}.image-background{width:100%;height:300px;background:linear-gradient(135deg,#e0e0e0,#cfcfcf);border-radius:10px}.device-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:210px;opacity:0;animation:fadeIn 1.5s ease-in forwards}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.feature{text-align:justify;padding:10px}.feature-header{display:flex;align-items:flex-end;justify-content:space-evenly;flex-direction:row;gap:10px;margin-block-end:20px}.feature-icon{width:40px;height:40px}.feature-title{font-size:1.7rem;font-weight:800;margin:0;font-family:var(--font-body-family)}.grid-text{margin:0;color:#555;text-align:left}strong{color:#000}.feature-with-lines{position:relative;padding:10px 30px}.feature-with-lines:before,.feature-with-lines:after{content:"";position:absolute;width:2px;height:50%;background-color:#d3d3d3;top:25%}.feature-with-lines:before{left:0}.feature-with-lines:after{right:0}@media(max-width:768px){.device-image{width:150px}.grid-container{grid-template-columns:1fr;gap:0px;margin-block:2rem}.feature-with-lines{position:relative;padding:0}.feature-with-lines:before,.feature-with-lines:after{display:none}.feature-with-lines:before{top:0}.feature-with-lines:after{bottom:0}.image-section{position:relative;order:2}}
/*# sourceMappingURL=/cdn/shop/t/109/assets/c-how-it-v2.css.map */