.main[view=workflow]{padding-bottom:0}.main[view=workflow] .text-gold{color:#ffc700}.main[view=workflow] .intro{position:relative;background:radial-gradient(100.08% 80.01% at 50% -18.09%, #003572 0%, #000 100%);padding:0;overflow:hidden;max-width:100%}@media(max-width: 768px){.main[view=workflow] .intro{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;padding:48px 0 0 0}}@media(max-width: 991px){.main[view=workflow] .intro .container{flex-flow:column nowrap}}@media(max-width: 768px){.main[view=workflow] .intro .container{padding:0 16px}}.main[view=workflow] .intro .intro-content{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;padding:0;max-width:590px;order:1}@media(max-width: 991px){.main[view=workflow] .intro .intro-content{width:100%;max-width:100%;align-items:center;padding:0 0 48px}}@media(max-width: 768px){.main[view=workflow] .intro .intro-content{padding:0 0 40px}}.main[view=workflow] .intro .intro-content .preHeading{color:#ffc700;font-size:28px;font-weight:500}@media(max-width: 991px){.main[view=workflow] .intro .intro-content .preHeading{font-size:26px;text-align:center}}@media(max-width: 768px){.main[view=workflow] .intro .intro-content .preHeading{font-size:24px}}@media(max-width: 480px){.main[view=workflow] .intro .intro-content .preHeading{font-size:20px}}@media(max-width: 991px){.main[view=workflow] .intro .intro-content h1,.main[view=workflow] .intro .intro-content p{text-align:center}}@media(max-width: 991px){.main[view=workflow] .intro .intro-content .actions{justify-content:center}}.main[view=workflow] .intro .intro-video{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;order:2}@media(max-width: 991px){.main[view=workflow] .intro .intro-video{width:100%;max-width:100%;flex-flow:row nowrap;text-align:center}}.main[view=workflow] .intro .intro-video video{width:681px;max-width:100%;height:auto;display:none}@media(max-width: 768px){.main[view=workflow] .intro .intro-video video{display:none}}.main[view=workflow] .intro .intro-video picture,.main[view=workflow] .intro .intro-video img{display:block;margin:0 auto 24px;width:681px;max-width:100%;height:auto}@media(max-width: 768px){.main[view=workflow] .intro .intro-video picture,.main[view=workflow] .intro .intro-video img{display:block}}@media(max-width: 480px){.main[view=workflow] .intro .intro-video picture,.main[view=workflow] .intro .intro-video img{margin-bottom:40px}}.main[view=workflow] .officeManagement h2{text-align:center}.main[view=workflow] .officeManagement .content{align-items:center}@media(max-width: 991px){.main[view=workflow] .officeManagement .content{grid-template-columns:1fr}}.main[view=workflow] .officeManagement .text-content{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;gap:16px;width:592px;max-width:100%}@media(max-width: 991px){.main[view=workflow] .officeManagement .text-content{width:100%}}.main[view=workflow] .officeManagement .text-content ul{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;gap:16px}.main[view=workflow] .officeManagement .text-content .actions{margin-top:40px}.main[view=workflow] .officeManagement .image-content{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position:relative;padding:24px;background:rgba(40,82,144,.5);border-radius:16px}@media(max-width: 991px){.main[view=workflow] .officeManagement .image-content{width:fit-content;order:2}}.main[view=workflow] .officeManagement .image-content img{border-radius:8px}.main[view=workflow] .officeManagement h2{width:100%;max-width:100%;margin:0 auto}@media(max-width: 480px){.main[view=workflow] .officeManagement .content{padding:16px 0}}.main[view=workflow] .officeManagement .content.headingContainer{padding:0}.main[view=workflow] .officeManagement.featuredCards .content{gap:48px}.main[view=workflow] .officeManagement.featuredCards .content .feature-card{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;gap:16px;border-radius:16px;padding:40px 24px;min-height:100%}@media(max-width: 991px){.main[view=workflow] .officeManagement.featuredCards .content .feature-card{text-align:center;padding:32px}}@media(max-width: 768px){.main[view=workflow] .officeManagement.featuredCards .content .feature-card{padding:24px}}@media(max-width: 480px){.main[view=workflow] .officeManagement.featuredCards .content .feature-card{padding:16px}}.main[view=workflow] .officeManagement.featuredCards .content .feature-card img{margin-bottom:8px}@media(max-width: 991px){.main[view=workflow] .officeManagement.featuredCards .content .feature-card img{margin:0 auto 8px}}.main[view=workflow] .officeManagement.governCards{background:linear-gradient(180deg, #000000 0%, #003663 50%, #000000 100%)}.main[view=workflow] .officeManagement.governCards .content.headingContainer{padding-top:56px}@media(max-width: 991px){.main[view=workflow] .officeManagement.governCards .content.headingContainer{padding-top:48px}}.main[view=workflow] .officeManagement.governCards .content .feature-card{position:relative;align-items:center;gap:24px;padding:24px;background:hsla(0,0%,100%,.05);border:none}.main[view=workflow] .officeManagement.governCards .content .feature-card::before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(135deg, #E8F2FC 0%, #012A4D 50%, #E8F2FC 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-repeat:no-repeat;pointer-events:none}.main[view=workflow] .officeManagement.governCards .content .feature-card img{margin:0 auto 8px}.main[view=workflow] .officeManagement.governCards .content .feature-card h3,.main[view=workflow] .officeManagement.governCards .content .feature-card p{width:100%;text-align:start}@media(max-width: 991px){.main[view=workflow] .officeManagement.governCards .content .feature-card h3,.main[view=workflow] .officeManagement.governCards .content .feature-card p{text-align:center}}.main[view=workflow] .officeManagement.howItWorks .content.headingContainer{padding-top:56px}@media(max-width: 991px){.main[view=workflow] .officeManagement.howItWorks .content.headingContainer{padding-top:48px}}.main[view=workflow] .officeManagement.howItWorks .content .feature-card{background:none;border:none;padding:0;gap:20px;align-items:center;text-align:center}.main[view=workflow] .officeManagement.howItWorks .content .feature-card h3,.main[view=workflow] .officeManagement.howItWorks .content .feature-card p{text-align:center;width:100%}.main[view=workflow] .officeManagement.howItWorks .content .feature-card .card-media{width:100%}.main[view=workflow] .officeManagement.howItWorks .content .feature-card .card-media video,.main[view=workflow] .officeManagement.howItWorks .content .feature-card .card-media picture,.main[view=workflow] .officeManagement.howItWorks .content .feature-card .card-media img{display:block;width:100%;max-width:100%;height:auto;margin:0}.main[view=workflow] .officeManagement.howItWorks .content .feature-card .card-media video{display:none}.main[view=workflow] .officeManagement.explainer .text-content h2{text-align:start}@media(max-width: 991px){.main[view=workflow] .officeManagement.explainer .text-content h2{text-align:center}}@media(max-width: 480px){.main[view=workflow] .officeManagement .text-content h3{font-size:20px;padding-bottom:0}.main[view=workflow] .officeManagement .text-content h3:before{display:none}}.main[view=workflow] .officeManagement .image-content{background:none;padding:0}.main[view=workflow] .officeManagement .image-content img{background:rgba(40,82,144,.5);padding:24px;border-radius:16px}@media(max-width: 991px){.main[view=workflow] .officeManagement .image-content.borderless{margin:0 auto}}.main[view=workflow] .officeManagement .image-content.borderless img{background:none;padding:0}.main[view=workflow] .officeManagement.centeredText .content.headingContainer{display:flex;flex-flow:column nowrap;align-items:center;gap:16px;padding:var(--grid-content-padding)}.main[view=workflow] .officeManagement.centeredText .content.headingContainer h2,.main[view=workflow] .officeManagement.centeredText .content.headingContainer p{text-align:center}.main[view=workflow] .officeManagement.centeredText .content.headingContainer .actions{margin-top:24px;justify-content:center}.main[view=workflow] .officeManagement.ctaBand .content.headingContainer h2::after{content:"";display:block;width:638px;max-width:70%;height:1px;margin:24px auto 0;background:linear-gradient(90deg, rgba(255, 199, 0, 0) 0%, #FFC700 50%, rgba(255, 199, 0, 0) 100%)}[locale=en_US] .main[view=workflow] .intro .intro-video video,[locale=en_GB] .main[view=workflow] .intro .intro-video video{display:block}@media(max-width: 768px){[locale=en_US] .main[view=workflow] .intro .intro-video video,[locale=en_GB] .main[view=workflow] .intro .intro-video video{display:none}}[locale=en_US] .main[view=workflow] .intro .intro-video picture,[locale=en_US] .main[view=workflow] .intro .intro-video img,[locale=en_GB] .main[view=workflow] .intro .intro-video picture,[locale=en_GB] .main[view=workflow] .intro .intro-video img{display:none}@media(max-width: 768px){[locale=en_US] .main[view=workflow] .intro .intro-video picture,[locale=en_US] .main[view=workflow] .intro .intro-video img,[locale=en_GB] .main[view=workflow] .intro .intro-video picture,[locale=en_GB] .main[view=workflow] .intro .intro-video img{display:block}}[locale=en_US] .main[view=workflow] .officeManagement.howItWorks .feature-card .card-media video,[locale=en_GB] .main[view=workflow] .officeManagement.howItWorks .feature-card .card-media video{display:block}[locale=en_US] .main[view=workflow] .officeManagement.howItWorks .feature-card .card-media picture,[locale=en_US] .main[view=workflow] .officeManagement.howItWorks .feature-card .card-media img,[locale=en_GB] .main[view=workflow] .officeManagement.howItWorks .feature-card .card-media picture,[locale=en_GB] .main[view=workflow] .officeManagement.howItWorks .feature-card .card-media img{display:none}