.neon-blue{background:#d6ebff;color:#05f}.sorbus{background:#fff3d3;color:#cc5702}.coral-red{background:#fff1f2;color:#ed1527}.use-cases{padding-bottom:66px;padding-top:66px}@media only screen and (min-width:992px){.use-cases{padding-top:calc(-.89474px + 6.74342vw)}}@media only screen and (min-width:1600px){.use-cases{padding-top:107px}}@media only screen and (min-width:992px){.use-cases{padding-bottom:calc(-.89474px + 6.74342vw)}}@media only screen and (min-width:1600px){.use-cases{padding-bottom:107px}}.use-cases p.eyebrow.eyebrow{color:#05f!important;font-size:12px;font-weight:600;margin-bottom:8px;text-align:center}@media only screen and (min-width:992px){.use-cases p.eyebrow.eyebrow{font-size:calc(5.47368px + .65789vw)}}@media only screen and (min-width:1600px){.use-cases p.eyebrow.eyebrow{font-size:16px}}@media only screen and (min-width:992px){.use-cases p.eyebrow.eyebrow{margin-bottom:calc(-.15789px + .82237vw)}}@media only screen and (min-width:1600px){.use-cases p.eyebrow.eyebrow{margin-bottom:13px}}@media only screen and (max-width:767px){.use-cases p.eyebrow.eyebrow{font-size:16px}}.use-cases .section-heading{margin-bottom:14px;margin-left:auto;margin-right:auto;text-align:center}@media only screen and (min-width:992px){.use-cases .section-heading{margin-bottom:calc(.94737px + 1.31579vw)}}@media only screen and (min-width:1600px){.use-cases .section-heading{margin-bottom:22px}}.use-cases .section-heading.no-description{margin-bottom:66px}@media only screen and (min-width:992px){.use-cases .section-heading.no-description{margin-bottom:calc(-.89474px + 6.74342vw)}}@media only screen and (min-width:1600px){.use-cases .section-heading.no-description{margin-bottom:107px}}.use-cases .description{margin-bottom:66px;text-align:center}@media only screen and (min-width:992px){.use-cases .description{margin-bottom:calc(-.89474px + 6.74342vw)}}@media only screen and (min-width:1600px){.use-cases .description{margin-bottom:107px}}.use-cases .description p{color:#697586;color:#4b5565;font-size:14px;line-height:1.55}@media only screen and (min-width:992px){.use-cases .description p{font-size:calc(-2.31579px + 1.64474vw)}}@media only screen and (min-width:1600px){.use-cases .description p{font-size:24px}}@media only screen and (max-width:767px){.use-cases .description p{font-size:18px}}@media screen and (min-width:811px){.use-cases .cases{display:grid;gap:33px;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr)}}@media only screen and (min-width:811px) and (min-width:992px){.use-cases .cases{gap:calc(.36842px + 3.28947vw)}}@media only screen and (min-width:811px) and (min-width:1600px){.use-cases .cases{gap:53px}}.use-cases .cases .case{background:#05f;border-radius:11px;padding:17px}@media only screen and (min-width:992px){.use-cases .cases .case{border-radius:calc(-.42105px + 1.15132vw)}}@media only screen and (min-width:1600px){.use-cases .cases .case{border-radius:18px}}@media only screen and (min-width:992px){.use-cases .cases .case{padding:calc(.68421px + 1.64474vw)}}@media only screen and (min-width:1600px){.use-cases .cases .case{padding:27px}}.use-cases .cases .case *{color:#fcfcfc}.use-cases .cases .case.case-0{grid-area:1/1/2/3}.use-cases .cases .case.case-1{grid-area:1/3/2/5}.use-cases .cases .case.case-2{grid-area:1/5/2/7}.use-cases .cases .case.case-3{grid-area:2/1/3/4}.use-cases .cases .case.case-4{grid-area:2/4/3/7}.use-cases .cases .case .icon{margin-bottom:44px}@media only screen and (min-width:992px){.use-cases .cases .case .icon{margin-bottom:calc(-.05263px + 4.44079vw)}}@media only screen and (min-width:1600px){.use-cases .cases .case .icon{margin-bottom:71px}}.use-cases .cases .case .heading{color:#697586;color:#edf7ff;font-size:14px;font-weight:700;line-height:1.55;margin-bottom:7px}@media only screen and (min-width:992px){.use-cases .cases .case .heading{margin-bottom:calc(3.73684px + .32895vw)}}@media only screen and (min-width:1600px){.use-cases .cases .case .heading{margin-bottom:9px}}@media only screen and (min-width:992px){.use-cases .cases .case .heading{font-size:calc(-2.31579px + 1.64474vw)}}@media only screen and (min-width:1600px){.use-cases .cases .case .heading{font-size:24px}}@media only screen and (max-width:767px){.use-cases .cases .case .heading{font-size:18px}}.use-cases .cases .case .description{font-size:12px;line-height:1.55}@media only screen and (min-width:992px){.use-cases .cases .case .description{font-size:calc(2.21053px + .98684vw)}}@media only screen and (min-width:1600px){.use-cases .cases .case .description{font-size:18px}}@media only screen and (max-width:767px){.use-cases .cases .case .description{font-size:16px}}@media screen and (max-width:810px){.use-cases .cases .case:not(:last-child){margin-bottom:32px}}.use-cases:not(.light-mode) .cases{position:relative}.use-cases:not(.light-mode) .cases:after,.use-cases:not(.light-mode) .cases:before{background:#e3e8ef;border-radius:12px;bottom:-21px;content:"";display:block;height:83px;left:-21px;position:absolute;width:83px;z-index:-1}@media only screen and (min-width:992px){.use-cases:not(.light-mode) .cases:after,.use-cases:not(.light-mode) .cases:before{height:calc(1.42105px + 8.22368vw);width:calc(1.42105px + 8.22368vw)}}@media only screen and (min-width:1600px){.use-cases:not(.light-mode) .cases:after,.use-cases:not(.light-mode) .cases:before{height:133px;width:133px}}@media only screen and (min-width:992px){.use-cases:not(.light-mode) .cases:after,.use-cases:not(.light-mode) .cases:before{border-radius:calc(-1.05263px + 1.31579vw)}}@media only screen and (min-width:1600px){.use-cases:not(.light-mode) .cases:after,.use-cases:not(.light-mode) .cases:before{border-radius:20px}}@media only screen and (min-width:992px){.use-cases:not(.light-mode) .cases:after,.use-cases:not(.light-mode) .cases:before{bottom:calc(-1.42105px - 1.97368vw);left:calc(-1.42105px - 1.97368vw)}}@media only screen and (min-width:1600px){.use-cases:not(.light-mode) .cases:after,.use-cases:not(.light-mode) .cases:before{bottom:-33px;left:-33px}}.use-cases:not(.light-mode) .cases:after{bottom:unset;height:55px;left:unset;right:-21px;top:-17px;width:55px}@media only screen and (min-width:992px){.use-cases:not(.light-mode) .cases:after{height:calc(-.47368px + 5.59211vw);width:calc(-.47368px + 5.59211vw)}}@media only screen and (min-width:1600px){.use-cases:not(.light-mode) .cases:after{height:89px;width:89px}}@media only screen and (min-width:992px){.use-cases:not(.light-mode) .cases:after{right:calc(-1.42105px - 1.97368vw)}}@media only screen and (min-width:1600px){.use-cases:not(.light-mode) .cases:after{right:-33px}}@media only screen and (min-width:992px){.use-cases:not(.light-mode) .cases:after{top:calc(-.68421px - 1.64474vw)}}@media only screen and (min-width:1600px){.use-cases:not(.light-mode) .cases:after{top:-27px}}.use-cases.no-second-row .cases{grid-template-rows:1fr}.use-cases.no-second-row .description{margin-bottom:27px}@media only screen and (min-width:992px){.use-cases.no-second-row .description{margin-bottom:calc(-.73684px + 2.79605vw)}}@media only screen and (min-width:1600px){.use-cases.no-second-row .description{margin-bottom:44px}}.use-cases.light-mode .section-heading{margin-bottom:66px}@media only screen and (min-width:992px){.use-cases.light-mode .section-heading{margin-bottom:calc(-.89474px + 6.74342vw)}}@media only screen and (min-width:1600px){.use-cases.light-mode .section-heading{margin-bottom:107px}}.use-cases.light-mode .cases{row-gap:44px}.use-cases.light-mode .cases .case{background:unset;padding:0}.use-cases.light-mode .cases .case .icon{display:flex;justify-content:center;margin-bottom:11px}@media only screen and (min-width:992px){.use-cases.light-mode .cases .case .icon{margin-bottom:calc(-.42105px + 1.15132vw)}}@media only screen and (min-width:1600px){.use-cases.light-mode .cases .case .icon{margin-bottom:18px}}.use-cases.light-mode .cases .case *{color:#202939;text-align:center}.use-cases.light-mode .cases .case .case-description{color:#4b5565}@media only screen and (min-width:992px){.use-cases.light-mode .cases{row-gap:calc(-.05263px + 4.44079vw)}}@media only screen and (min-width:1600px){.use-cases.light-mode .cases{row-gap:71px}}.use-cases.simple-layout .cases{gap:22px;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;row-gap:44px}@media only screen and (min-width:992px){.use-cases.simple-layout .cases{gap:calc(-.84211px + 2.30263vw)}}@media only screen and (min-width:1600px){.use-cases.simple-layout .cases{gap:36px}}@media only screen and (min-width:992px){.use-cases.simple-layout .cases{row-gap:calc(-.05263px + 4.44079vw)}}@media only screen and (min-width:1600px){.use-cases.simple-layout .cases{row-gap:71px}}.use-cases.simple-layout .case{grid-area:unset!important}.page-digital-engagement .use-cases .section-heading{margin-bottom:66px}@media only screen and (min-width:992px){.page-digital-engagement .use-cases .section-heading{margin-bottom:calc(-.89474px + 6.74342vw)}}@media only screen and (min-width:1600px){.page-digital-engagement .use-cases .section-heading{margin-bottom:107px}}@media only screen and (min-width:992px){.page-digital-engagement .use-cases .section-heading{width:60%}}.page-digital-engagement .use-cases .description{margin-bottom:66px}@media only screen and (min-width:992px){.page-digital-engagement .use-cases .description{margin-bottom:calc(-.89474px + 6.74342vw)}}@media only screen and (min-width:1600px){.page-digital-engagement .use-cases .description{margin-bottom:107px}}@media only screen and (min-width:768px){.page-business-banking .use-cases .cases,.page-digital-engagement .use-cases .cases{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:unset}}.page-business-banking .use-cases .cases .case.case-0,.page-business-banking .use-cases .cases .case.case-1,.page-business-banking .use-cases .cases .case.case-2,.page-business-banking .use-cases .cases .case.case-3,.page-business-banking .use-cases .cases .case.case-4,.page-digital-engagement .use-cases .cases .case.case-0,.page-digital-engagement .use-cases .cases .case.case-1,.page-digital-engagement .use-cases .cases .case.case-2,.page-digital-engagement .use-cases .cases .case.case-3,.page-digital-engagement .use-cases .cases .case.case-4{grid-area:unset}@media only screen and (min-width:768px){.page-business-banking .use-cases .cases.three-columns,.page-digital-engagement .use-cases .cases.three-columns{grid-template-columns:1fr 1fr 1fr!important}}
