.app_step_wrapper{--stepPadding:20px;--stepBorderRadius:1000px;--stepIconSize:170px}.app_step_wrapper>.content{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;margin:0 auto;width:90%;padding:var(--elementPadding) 0;max-width:var(--maxWidth)}.app_step_wrapper>.content>*{width:100%}.app_step_wrapper>.content>.headline>*{margin:0}.app_step_wrapper>.content>.text{margin:30px auto 0;font-size:1.2857em}.app_step_wrapper>.content>.icon{margin-bottom:30px;text-align:center}.app_step_wrapper>.content>.icon svg{width:100%;max-width:var(--stepIconSize);height:auto}.app_step_wrapper .steps{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;margin-top:30px}@media screen and (min-width:701px){.app_step_wrapper{--stepPadding:12px}.app_step_wrapper>.content>.text{margin-top:40px}.app_step_wrapper>.content>.icon{margin-bottom:0;width:calc((100% - (var(--grid-colCount) - 1)*var(--grid-colGap))/ var(--grid-colCount))}.app_step_wrapper>.content>.headline{width:calc((100% - (var(--grid-colCount) - 1)*var(--grid-colGap))/ var(--grid-colCount)*5 + var(--grid-colGap)*4)}.app_step_wrapper .steps{margin-top:40px}}@media screen and (min-width:1000px){.app_step_wrapper{--stepPadding:16px;--stepIconSize:148px}.app_step_wrapper>.content>.text{max-width:calc((100% - (var(--grid-colCount) - 1)*var(--grid-colGap))/ var(--grid-colCount)*6 + var(--grid-colGap)*5)}.app_step_wrapper>.content>.icon{width:calc((100% - (var(--grid-colCount) - 1)*var(--grid-colGap))/ var(--grid-colCount)*3 + var(--grid-colGap)*2)}.app_step_wrapper>.content>.headline{width:calc((100% - (var(--grid-colCount) - 1)*var(--grid-colGap))/ var(--grid-colCount)*9 + var(--grid-colGap)*8)}.app_step_wrapper .steps{align-items:flex-start}}@media screen and (min-width:1400px){.app_step_wrapper>.content>.text{margin-top:60px;max-width:calc((100% - (var(--grid-colCount) - 1)*var(--grid-colGap))/ var(--grid-colCount)*8 + var(--grid-colGap)*7);font-size:1.4em}.app_step_wrapper>.content>.icon{width:calc((100% - (var(--grid-colCount) - 1)*var(--grid-colGap))/ var(--grid-colCount)*2 + var(--grid-colGap)*1)}.app_step_wrapper>.content>.headline{width:calc((100% - (var(--grid-colCount) - 1)*var(--grid-colGap))/ var(--grid-colCount)*10 + var(--grid-colGap)*9)}.app_step_wrapper .steps{margin-top:60px}}.app_step{position:relative;width:100%;display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center;margin-bottom:15px;background-color:var(--lightBlue);border-radius:var(--stepBorderRadius);overflow:hidden}.app_step_wrapper .app_step:last-child{margin-bottom:0}.app_step .icon{margin:calc((100% - var(--stepIconSize))/ 2) auto 30px;text-align:center}.app_step .icon svg{width:var(--stepIconSize);height:var(--stepIconSize)}.app_step .number{display:flex;justify-content:center;align-items:center;background-color:var(--gray);border-radius:50%;overflow:hidden;color:var(--white);width:var(--stepIconSize);height:var(--stepIconSize);padding-top:20px;font-size:5.7143em;font-weight:700}.app_step .content{margin:0 var(--stepPadding);hyphens:auto}.app_step .image{aspect-ratio:1/1;margin:30px var(--stepPadding) var(--stepPadding)}.app_step img{width:100%;height:auto;border-radius:50%}@media screen and (min-width:701px){.app_step{margin-bottom:20px;width:calc((100% - (var(--grid-colCount) - 1)*var(--grid-colGap))/ var(--grid-colCount)*3 + var(--grid-colGap)*2)}}@media screen and (min-width:1000px){.app_step{flex-flow:row wrap;width:100%;margin-bottom:20px}.app_step .icon{width:calc((100% - (var(--grid-colCount) - 1)*var(--grid-colGap))/ var(--grid-colCount)*3 + var(--grid-colGap)*2);margin:0 var(--grid-colGap) 0 0}.app_step .icon svg{margin:34px 50px 34px 34px}.app_step .number{margin:34px 50px 34px 34px;padding-top:17px;font-size:4.2857em}.app_step .content{margin:var(--stepPadding) 0;flex:1}.app_step .image{margin-top:var(--stepPadding);margin-left:50px;max-width:210px}}@media screen and (min-width:1400px){.app_step{margin-bottom:30px}.app_step .icon{width:calc((100% - (var(--grid-colCount) - 1)*var(--grid-colGap))/ var(--grid-colCount)*2 + var(--grid-colGap)*1)}.app_step .icon svg{margin-right:30px}.app_step .number{margin-right:30px;font-size:4em}.app_step .image{max-width:230px}}