.o-topBanner{padding:70px 0 34px}.m-topBanner__content p{font-size:22px}:root{--surface-color:#fff;--curve:40}*{box-sizing:border-box}.cards{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style-type:none;margin:4rem 5vw;padding:0}.card{border-radius:calc(var(--curve)*1px);display:block;height:100%;overflow:hidden;position:relative;text-decoration:none}.card__image{height:auto;width:100%}.card__overlay{background-color:var(--surface-color);border-radius:calc(var(--curve)*1px);bottom:0;left:0;position:absolute;right:0;transform:translateY(100%);transition:.2s ease-in-out;z-index:1}.card:hover .card__overlay{transform:translateY(0)}.card__header{align-items:center;background-color:var(--surface-color);border-radius:calc(var(--curve)*1px) 0 0 0;display:flex;gap:2em;padding:2em;position:relative;transform:translateY(-100%);transition:.2s ease-in-out}.card__arc{bottom:100%;height:80px;position:absolute;right:0;width:80px;z-index:1}.card__arc path{fill:var(--surface-color);d:path("M 40 80 c 22 0 40 -22 40 -40 v 40 Z")}.card:hover .card__header{transform:translateY(0)}.card__thumb{border-radius:50%;flex-shrink:0;height:50px;width:50px}.card__title{color:#6a515e;font-size:1em;margin:0 0 .3em}.card__tagline{display:block;margin:1em 0}.card__status,.card__tagline{color:#d7bdca;font-size:.8em}.card__description{-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#777;display:-webkit-box;line-height:1em;margin:0;overflow:hidden;padding:0 2em 2em}.btn{background-size:200% auto;border:1px solid #f99bc6;border-radius:35px;color:#000;display:block;flex:1 1 auto;letter-spacing:.1em;margin:10px 4em;padding:20px 50px;text-align:center;text-shadow:0 -1px 1px rgba(0,0,0,.6);text-transform:uppercase;transition:.5s}.btn:hover{background-position:100%}.btn-1{background-image:linear-gradient(90deg,#ec5594 0,#cb125f 65%,#ec5594);color:#fff!important}.heart{float:right;height:22.5px;position:relative;width:25px}.heart:after,.heart:before{background:#e920ef;border-radius:12.5px 12.5px 0;content:"";height:20px;left:12.5px;position:absolute;top:0;transform:rotate(-45deg);transform-origin:0 100%;width:12.5px}.heart:after{left:0;transform:rotate(45deg);transform-origin:100% 100%}@keyframes heartbeat{0%{transform:scale(1)}15%{transform:scale(1.1)}30%{transform:scale(1)}45%{transform:scale(1.1)}70%{transform:scale(1)}}.heart{animation:heartbeat 2s infinite}@media (max-width:991px){.o-topBanner{padding:120px 0 34px}}@media (max-width:899px){.module-order-mobile__text-first .title{margin-bottom:0;margin-top:25px}}@media (max-width:767px){.m-topBanner__content p{font-size:18px}}@media (min-width:1200px){.m-topBanner__content .title{font-size:50px!important}#hero-workflows.background{background-size:100% auto}}@media (min-width:900px){.o-topBanner{padding:140px 0 50px}.m-topBanner__content{padding-top:129px}}