.green-box{ background:#F3F7F2; border:4px solid #DAEBD8; border-radius:8px; padding:30px;}.green-box.m-flex{ display:flex;}.green-box__icon{ flex:0 0 45px; height:45px; display:flex; justify-content:center; align-items:center; box-shadow:0px 5px 10px rgba(154,154,154,0.21); border-radius:5px; background:#FFFFFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAYAAADkgu3FAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGNSURBVHgBrZXbbYMwGIWPTfOeEcgGjJBskDaq1LemCzRlEpQuUPpWqU1LJigblBEYgcdKFdDfGBAmkIvtI1kyRuLz+W8wDGgZYOo4+EIJd1Jg8eYjhaHYIITjm7ZefZTagPEjkIxWQsv9o7O7AC4MxMcgnFzkBa5pn9qAtaAqJx3Iu49kAkwhF0xhvHFDiZc5YYgF5DaAV0iH09pVagJri+EmwJpxvNSnEYHnDUQUwy9t6tC60CgQpeoUmJTyQXLu6sKUqvv0EZYFHjrXiLsfimhPBbKARhjZ0GEvjOHusQOHnjM29sI2bBRkG3YUZBN2EmQLdhbIBuxskCmM4wIpfVZivXpWmrvqMxTw60fRZ0/QcdRozFlvPgpl1OAzukCmBRqC8Rzb3hAW/zOPUfg+fMQXha6rfhgJ8oPOECYH++qVg3t5F0MdDGKajyXw6uRIangVPmOQ0CrAkjnYlPLXciARPrbaVlQPekp3G8yaB1HelIs5p3ApUMrhlbBUQk9MJrxVJHsmFEuB5tj/AycE7qfb5hPnAAAAAElFTkSuQmCC) no-repeat 50%;}.green-box__body{ flex:1; padding-left:25px;}