.how-it-works-section .works-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px}@media(min-width:768px)and (max-width:1024px){.how-it-works-section .works-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.how-it-works-section .works-grid{grid-template-columns:repeat(1,1fr)}}@media(min-width:1200px){.how-it-works-section .works-grid .works-info{position:relative;transition:.3s all ease-in;top:0}.how-it-works-section .works-grid .works-info:hover{top:-20px}}.how-it-works-section .works-grid .works-info{background-color:#f7f5f2;border-radius:20px;position:relative}.how-it-works-section .works-grid .works-info .icon img{margin:0 auto;width:100%}.how-it-works-section{font-family:var(--font-body-family)}.how-it-works-section h2,.how-it-works-section .works-grid .works-info h5{color:#7a4f2e;font-family:var(--font-heading-family)}.how-it-works-section .works-grid .works-info p{color:#7a4f2ed9;font-family:var(--font-body-family)}.how-it-works-section .works-grid .works-info .content-box{padding:15px 15px 25px}.how-it-works-section .works-grid .works-info h6{width:32px;height:32px;background-color:#7a4f2e;color:#fff;border-radius:50px;display:flex;align-items:center;justify-content:center;position:absolute;left:10px;top:10px}.how-it-works-section .works-grid .works-info:first-child .works-wrap{position:relative;top:-28px}@media(min-width:768px)and (max-width:1024px){.how-it-works-section .works-grid .works-info:first-child .works-wrap{top:-50px}}@media(max-width:767px){.how-it-works-section .works-grid .works-info:first-child .works-wrap{top:-35px}}.how-it-works-section .works-grid .works-info:first-child .content-box h6{top:38px}@media(min-width:768px)and (max-width:1024px){.how-it-works-section .works-grid .works-info:first-child .content-box h6{top:60px}}@media(max-width:767px){.how-it-works-section .works-grid .works-info:first-child .content-box h6{top:45px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/how-it-works-section.css.map */