*{box-sizing:border-box}body,html{font-family:Poppins,sans-serif;margin:0;padding:0}.steps-container{display:flex;justify-content:center}.step{background-color:#0fae79;margin:0 10px;max-width:100%;padding:80px 30px;position:relative;text-align:center}.step,.step-icon-background{align-items:center;border-radius:20px;display:flex;justify-content:center}.step-icon-background{background-color:#00efa8;height:100px;left:50%;padding:10px;position:absolute;top:-30px;transform:translateX(-50%);width:100px}.step-icon{height:90px;width:90px}.step-number{border-right:2px solid #fff;color:#fff;flex:none;font-size:50px;height:calc(100% - 40px);margin-top:20px;padding-right:20px}.step h2{color:#fff;font-size:20px;margin:0;padding-left:20px;padding-top:30px;text-align:left}@media (max-width:768px){.steps-container{flex-direction:column}.step{margin-bottom:40px}.step-icon-background{top:-30px}}