:root{--smark-red:#ee3b30;--smark-ink:#250f19;--smark-surface:#f0f0f0;--smark-muted:#6b7c7a;--smark-white:#fff;--smark-black:#000;--smark-control-track:#d9d9d980;--smark-control-track-soft:#e5e5e55c;--font-sweet-regular:Sweet Sans Pro;--font-sweet-medium:Sweet Sans Pro;--font-sweet-bold:Sweet Sans Pro;--font-cairo-light:Cairo;--font-cairo-regular:Cairo;--font-cairo-medium:Cairo;--font-cairo-bold:Cairo;--radius-service-card:50px;--radius-content-card:30px;--radius-control-track:50px;--radius-control-action:63px}.parking-solutions-hero{color:#250f19;background:#fff;padding-top:170px;padding-bottom:80px}@media screen and (min-width:600px){.parking-solutions-hero{padding-top:150px;padding-bottom:100px}}@media screen and (min-width:768px){.parking-solutions-hero{padding-top:200px;padding-bottom:200px}}@media screen and (min-width:1280px){.parking-solutions-hero{padding-top:285px;padding-bottom:100px}}.parking-solutions-hero .parking-solutions-hero-intro{width:min(100%,1396px)}.parking-solutions-hero .parking-solutions-hero-logo{width:124px;margin:0}@media screen and (min-width:600px){.parking-solutions-hero .parking-solutions-hero-logo{width:150px}}@media screen and (min-width:1024px){.parking-solutions-hero .parking-solutions-hero-logo{width:177px}}.parking-solutions-hero .parking-solutions-hero-logo-image{width:100%;height:auto;display:block}.parking-solutions-hero .parking-solutions-hero-eyebrow{margin-top:20px}.parking-solutions-hero .parking-solutions-hero-title{width:min(100%,803px);margin-top:8px}.parking-solutions-hero .parking-solutions-hero-description{margin-top:16px}@media screen and (min-width:600px){.parking-solutions-hero .parking-solutions-hero-description{margin-top:20px}}@media screen and (min-width:1024px){.parking-solutions-hero .parking-solutions-hero-description{margin-top:12px}}.parking-solutions-hero .parking-solutions-hero-image-visual{background:#f0f0f0;width:100%;margin-top:70px}@media screen and (min-width:600px){.parking-solutions-hero .parking-solutions-hero-image-visual{margin-top:56px}}@media screen and (min-width:1024px){.parking-solutions-hero .parking-solutions-hero-image-visual{margin-top:72px}}.parking-solutions-hero .parking-solutions-hero-image{width:100%;height:auto;display:block}.parking-solutions-hero .parking-solutions-hero-journey{background:#ee3b30;border-radius:30px;outline:0;height:560px;margin-top:70px;position:relative;overflow:hidden}@media screen and (min-width:600px){.parking-solutions-hero .parking-solutions-hero-journey{border-radius:40px;height:270px;margin-top:56px}}@media screen and (min-width:1024px){.parking-solutions-hero .parking-solutions-hero-journey{border-radius:50px;height:330px;margin-top:72px}}.parking-solutions-hero .parking-solutions-hero-route{width:370px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}@media screen and (min-width:600px){.parking-solutions-hero .parking-solutions-hero-route{width:74%;transform:translate(-50%,-50%)}}.parking-solutions-hero .parking-solutions-hero-route svg{width:100%;height:100%}.parking-solutions-hero .parking-solutions-hero-station{z-index:5;color:#250f19;text-align:center;width:150px;height:160px;position:absolute;left:50%;transform:translate(-50%,-50%)}@media screen and (min-width:600px){.parking-solutions-hero .parking-solutions-hero-station{width:120px;top:50%}}@media screen and (min-width:1024px){.parking-solutions-hero .parking-solutions-hero-station{width:170px;height:190px}}.parking-solutions-hero .parking-solutions-hero-station--entry{top:18%}@media screen and (min-width:600px){.parking-solutions-hero .parking-solutions-hero-station--entry{top:50%;left:10%}}.parking-solutions-hero .parking-solutions-hero-station--exit{top:82%}@media screen and (min-width:600px){.parking-solutions-hero .parking-solutions-hero-station--exit{top:50%;left:90%}}.parking-solutions-hero .parking-solutions-hero-station-label,.parking-solutions-hero .parking-solutions-hero-station-caption{width:max-content;max-width:170px;font-family:Sweet Sans Pro;font-size:18px;font-weight:500;line-height:1.15;position:absolute;top:50%;transform:translateY(-50%)}@media screen and (min-width:600px){.parking-solutions-hero .parking-solutions-hero-station-label,.parking-solutions-hero .parking-solutions-hero-station-caption{font-size:17px}}@media screen and (min-width:1024px){.parking-solutions-hero .parking-solutions-hero-station-label,.parking-solutions-hero .parking-solutions-hero-station-caption{font-size:28px;line-height:30.007px}}.parking-solutions-hero .parking-solutions-hero-station-label{text-align:end}.parking-solutions-hero .parking-solutions-hero-station-label:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(50% + 44px)}.parking-solutions-hero .parking-solutions-hero-station-label:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(50% + 44px)}.parking-solutions-hero .parking-solutions-hero-station-label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(50% + 44px)}@media screen and (min-width:600px){.parking-solutions-hero .parking-solutions-hero-station-label{text-align:center;top:auto;bottom:calc(50% + 42px);left:50%;transform:translate(-50%)}.parking-solutions-hero .parking-solutions-hero-station-label:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:auto}.parking-solutions-hero .parking-solutions-hero-station-label:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:auto}.parking-solutions-hero .parking-solutions-hero-station-label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:auto}}@media screen and (min-width:1024px){.parking-solutions-hero .parking-solutions-hero-station-label{bottom:calc(50% + 60px)}}.parking-solutions-hero .parking-solutions-hero-station-caption{color:#fff;text-align:start}.parking-solutions-hero .parking-solutions-hero-station-caption:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(50% + 44px)}.parking-solutions-hero .parking-solutions-hero-station-caption:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(50% + 44px)}.parking-solutions-hero .parking-solutions-hero-station-caption:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(50% + 44px)}@media screen and (min-width:600px){.parking-solutions-hero .parking-solutions-hero-station-caption{text-align:center;top:calc(50% + 42px);left:50%;transform:translate(-50%)}.parking-solutions-hero .parking-solutions-hero-station-caption:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:auto}.parking-solutions-hero .parking-solutions-hero-station-caption:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:auto}.parking-solutions-hero .parking-solutions-hero-station-caption:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:auto}}@media screen and (min-width:1024px){.parking-solutions-hero .parking-solutions-hero-station-caption{top:calc(50% + 60px)}}.parking-solutions-hero .parking-solutions-hero-station-icon{width:64px;height:64px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (min-width:600px){.parking-solutions-hero .parking-solutions-hero-station-icon{width:66px;height:66px}}@media screen and (min-width:1024px){.parking-solutions-hero .parking-solutions-hero-station-icon{width:91px;height:91px}}.parking-solutions-hero .parking-solutions-hero-station-icon svg{width:100%;height:100%}.parking-solutions-hero .parking-solutions-hero-vehicle-position{z-index:4;pointer-events:none;width:64px;height:64px;position:absolute;top:18%;left:50%;transform:translate(-50%,-50%)}@media screen and (min-width:600px){.parking-solutions-hero .parking-solutions-hero-vehicle-position{width:72px;height:72px;top:50%;left:10%}}@media screen and (min-width:1024px){.parking-solutions-hero .parking-solutions-hero-vehicle-position{width:109px;height:109px}}.parking-solutions-hero .parking-solutions-hero-vehicle{transform-origin:50%;background:#250f19;border-radius:15px;place-items:center;width:100%;height:100%;display:grid}@media screen and (min-width:600px){.parking-solutions-hero .parking-solutions-hero-vehicle{border-radius:16px}}@media screen and (min-width:1024px){.parking-solutions-hero .parking-solutions-hero-vehicle{border-radius:20px}}.parking-solutions-hero .parking-solutions-hero-vehicle-icon{width:30px;height:20px;display:block}@media screen and (min-width:600px){.parking-solutions-hero .parking-solutions-hero-vehicle-icon{width:36px;height:24px}}@media screen and (min-width:1024px){.parking-solutions-hero .parking-solutions-hero-vehicle-icon{width:67px;height:45px}}.parking-solutions-hero .parking-solutions-hero-vehicle-icon svg{width:100%;height:100%}.parking-solutions-hero .parking-solutions-hero-cloud-position{z-index:4;pointer-events:none;width:min(100% - 48px,260px);position:absolute;top:54%;left:50%;transform:translate(-50%)}@media screen and (min-width:600px){.parking-solutions-hero .parking-solutions-hero-cloud-position{width:320px;top:70%}}@media screen and (min-width:1024px){.parking-solutions-hero .parking-solutions-hero-cloud-position{width:405px;top:73%}}.parking-solutions-hero .parking-solutions-hero-cloud-message{color:#fff;text-align:center;background:#ffffff4d;border-radius:33px;padding:10px 16px;font-size:16px;font-weight:500;line-height:1.2}@media screen and (min-width:600px){.parking-solutions-hero .parking-solutions-hero-cloud-message{font-size:19px}}@media screen and (min-width:1024px){.parking-solutions-hero .parking-solutions-hero-cloud-message{padding-top:13px;padding-bottom:13px;font-size:24px;line-height:26.165px}}.parking-solutions-hero .parking-solutions-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:44px;display:grid}@media screen and (min-width:600px){.parking-solutions-hero .parking-solutions-hero-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:60px}}@media screen and (min-width:1024px){.parking-solutions-hero .parking-solutions-hero-stats{margin-top:86px}}.parking-solutions-hero .parking-solutions-hero-stat{text-align:center;min-width:0;padding:22px 14px;position:relative}@media screen and (min-width:600px){.parking-solutions-hero .parking-solutions-hero-stat{padding:0 12px}}.parking-solutions-hero .parking-solutions-hero-stat-value{color:#ee3b30;overflow-wrap:anywhere;font-size:32px;font-weight:700;line-height:120%}@media screen and (min-width:1024px){.parking-solutions-hero .parking-solutions-hero-stat-value{font-size:60px}}@media screen and (min-width:1440px){.parking-solutions-hero .parking-solutions-hero-stat-value{font-size:74px}}.parking-solutions-hero .parking-solutions-hero-stat-label{max-width:240px;margin-left:auto;margin-right:auto}.parking-solutions-hero.is-animation-running .parking-solutions-hero-vehicle,.parking-solutions-hero.is-animation-running .parking-solutions-hero-cloud-message{will-change:transform, opacity}@media screen and (min-width:600px){html[dir=rtl] .parking-solutions-hero-station--entry,html[dir=rtl] .parking-solutions-hero-vehicle-position{left:90%}html[dir=rtl] .parking-solutions-hero-station--exit{left:10%}}@media (prefers-reduced-motion:reduce){.parking-solutions-hero .parking-solutions-hero-vehicle,.parking-solutions-hero .parking-solutions-hero-cloud-message{will-change:auto}}
/*# sourceMappingURL=parking-solutions-hero.css.map */