body.blog-case-study,body.blog-case-study .page,body.blog-case-study main{background:#fff;color:#486284;max-width:100%}body.blog-case-study{overflow-x:clip}body.blog-case-study .post-page{padding-top:0}body.blog-case-study .brochure-related{padding:40px 0}body.blog-case-study .site-header{background:#265152}.case-study{color:#486284}.case-study .Masthead{background:#d0dfe0;margin:0;min-height:420px;overflow:hidden;position:relative;width:100%}.case-study .Masthead-body{align-items:center;box-sizing:border-box;display:flex;margin:0 auto;min-height:420px;min-width:0;padding:clamp(40px,6vw,96px) 0;position:relative;width:min(var(--header),calc(100% - 48px));z-index:1}.case-study .Masthead-header{box-sizing:border-box;display:grid;gap:22px;max-width:none;min-width:0;padding-right:32px;width:calc(100% - min(46%, 540px))}.case-study .Masthead h1{color:#486284;font-family:var(--display);font-size:48px;font-weight:700;line-height:60px;margin:0;overflow-wrap:break-word}.case-study .Masthead-header p{color:#486284;font-family:Lato,sans-serif;font-size:20px;font-weight:400;line-height:1.5;margin:0}.case-study .Masthead-image{bottom:0;height:100%;max-width:46%;object-fit:contain;object-position:center right;position:absolute;right:0;top:0;width:min(46%,540px)}.case-study .Basic-main,.case-study .hs_cos_wrapper_type_rich_text{box-sizing:border-box;color:#486284;display:block;font-family:Lato,sans-serif;font-size:18px;font-weight:400;line-height:29.25px;margin-left:auto;margin-right:auto;padding:clamp(48px,8vw,120px) 0 40px;width:min(700px,calc(100% - 48px))}.case-study .Basic-main{display:flex;flex-direction:column;gap:30px;min-width:0}.case-study .Basic-main>*,.case-study .hs_cos_wrapper_type_rich_text>*{margin-bottom:0;margin-top:0;max-width:100%}.case-study .hs_cos_wrapper_type_rich_text>*+*{margin-top:30px}.case-study .Basic-main h2,.case-study .Basic-main h3,.case-study .Heading,.case-study .hs_cos_wrapper_type_rich_text h2,.case-study .hs_cos_wrapper_type_rich_text h3{color:#486284;font-family:var(--display);font-size:30px;font-weight:700;line-height:1.2;margin:0}.case-study .Basic-main h2,.case-study .Heading{align-items:center;display:flex;gap:22px}.case-study .Basic-main>p:not(:last-child),.case-study .hs_cos_wrapper_type_rich_text>p:not(:last-child){margin-bottom:60px}.case-study .Heading-icon{background:#edf7f6;border-radius:50%;flex-shrink:0;height:65px;max-width:65px;object-fit:contain;width:65px}.case-study .Basic-main li,.case-study .Basic-main p,.case-study .hs_cos_wrapper_type_rich_text li,.case-study .hs_cos_wrapper_type_rich_text p{color:#486284;font-family:Lato,sans-serif;font-size:18px;font-weight:400;line-height:29.25px}.case-study .List{list-style:none;margin:0;padding:0}.case-study .List li{position:relative}.case-study .List--bubble-2 li{background:#edf7f6;border-radius:40px;color:#486284;font-family:Lato,sans-serif;font-size:18px;line-height:29.25px;margin:0 0 22px 82px;padding:40px;text-align:center}.case-study .List--bubble-2 li:before{background:#edf7f6 url(https://51430545.fs1.hubspotusercontent-na1.net/hubfs/51430545/raw_assets/public/sunip/images/icon-check.svg) 50%/36px no-repeat;border-radius:50%;content:"";height:104px;left:-82px;position:absolute;top:50%;transform:translateY(-50%);width:104px}.case-study .List--bubble-1 li{background:#edf7f6;border-radius:30px;color:#486284;font-family:Lato,sans-serif;font-size:18px;line-height:29.25px;margin:0 0 16px;padding:22px 22px 22px 60px}.case-study .List--bubble-1 li:before{background:url(https://51430545.fs1.hubspotusercontent-na1.net/hubfs/51430545/raw_assets/public/sunip/images/icon-check.svg) 50%/80% no-repeat;content:"";height:31px;left:22px;position:absolute;top:22px;width:31px}.case-study .Basic-main img:not(.Heading-icon){height:auto;max-width:100%}@media (max-width:1100px){.case-study .Masthead h1{font-size:36px;line-height:1.2}}@media (max-width:900px){.case-study .Masthead,.case-study .Masthead-body{min-height:0}.case-study .Masthead-body{align-items:stretch;flex-direction:column;padding:32px 0 16px}.case-study .Masthead-header{padding-right:0;width:100%}.case-study .Masthead-body{order:1}.case-study .Masthead-image{bottom:auto;height:auto;max-height:280px;max-width:100%;object-fit:contain;object-position:center;order:2;position:relative;right:auto;top:auto;width:100%}.case-study .List--bubble-2 li{margin-left:40px;padding:24px 20px;text-align:left}.case-study .List--bubble-2 li:before{background-size:22px;height:56px;left:-28px;width:56px}.case-study .Heading-icon{height:48px;max-width:48px;width:48px}}