:root{--hero-offset:90px}.app-presentation4-container{margin-bottom:72px}.app-presentation4-container>.text-container{margin-bottom:40px}.app-presentation4-container>.text-container>.title{text-align:center;margin-bottom:12px}.app-presentation4-container>.text-container>.text{text-align:center;margin-bottom:32px}.app-presentation4-container .items-container{display:flex;flex-direction:column;gap:24px}@media screen and (max-width:767px){.app-presentation4-container .items-container.no-title{gap:16px}}.app-presentation4-container .item-container{display:flex;flex-direction:row;gap:12px}.app-presentation4-container>.image-container{height:100%;text-align:center}.app-presentation4-container .hero-container{overflow:hidden;padding-top:var(--hero-offset);text-align:center}.app-presentation4-container .surface{border-radius:30px;height:270px;padding:0 20px}.app-presentation4-container .surface .image{position:relative;top:calc(var(--hero-offset) * -1);width:200px}.app-presentation4-container .image-container>.image{width:350px}.app-presentation4-container .item-container .icon{width:40px;height:40px}.app-presentation4-container .item-container .text-container{display:flex;flex-direction:column;justify-content:center}.app-presentation4-container .item-container .text-container .text *{all:inherit}@media screen and (min-width:768px){:root{--hero-offset:55px}.app-presentation4-container{display:flex;flex-direction:row;gap:20px;align-items:center;justify-content:space-between}.app-presentation4-container.additional-bottom-margin{margin-bottom:120px}.app-presentation4-container.center-image{align-items:center}.app-presentation4-container.left-align{flex-direction:row-reverse}.app-presentation4-container>.text-container{margin-bottom:0}.app-presentation4-container>.text-container>.title{margin-bottom:8px;text-align:left}.app-presentation4-container>.text-container>.text{margin-bottom:20px;text-align:left}.app-presentation4-container .items-container,.app-presentation4-container .item-container{gap:20px}.app-presentation4-container .hero-container{width:270px}.app-presentation4-container .surface{padding:0 30px;height:320px}.app-presentation4-container .surface .image{width:100%}.app-presentation4-container .items-container .text{max-width:370px}}@media screen and (min-width:1000px){:root{--hero-offset:120px}.app-presentation4-container{gap:62px}.app-presentation4-container .surface{padding:0 32px;height:420px}.app-presentation4-container .hero-container{width:365px}.app-presentation4-container .image-container>.image{width:400px}}