:root{--c-primary:#0047da;--c-white:#fff;--c-black:#000;--c-grey-100:#f5f6f8;--c-grey-200:#e3e5eb;--c-grey-250:#eaecf0;--c-grey-300:#808590;--c-grey-400:#5b5f68;--c-blue-300:#004eee;--c-blue-700:#002777;--c-pink:#ff007e;--c-headings:var(--c-black);--c-text:var(--c-grey);--f-main:"Poppins",sans-serif;--f-headings:"Poppins",sans-serif;--default-col-gap:3rem;--default-row-gap:3rem;--wrapper:123rem;--wrapper-wide:134.5rem;--wrapper-narrow:117rem;--wrapper-padding:2.5rem}.hero-tiles{position:relative;padding-top:1rem;padding-bottom:4rem;overflow:hidden}@media (min-width:992px){.hero-tiles{padding-top:10.4rem;padding-bottom:16.5rem}}.hero-tiles:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:50%;max-height:43.4rem;background-color:var(--c-grey-100);z-index:-2}.hero-tiles:after{content:"";position:absolute;left:48%;top:2rem;width:100.8rem;height:70rem;background:url(//cleara.com/wp-content/themes/coditive/dist/blocks/hero-tiles/images/data-bg.svg) no-repeat 50%/contain;opacity:.5;z-index:-1}@media (min-width:992px){.hero-tiles:after{top:-6rem;width:140.8rem;height:109.5rem}}.hero-tiles.-three{padding-bottom:0;overflow:visible;z-index:1}@media (min-width:992px){.hero-tiles.-three:before{max-height:16.8rem}}.hero-tiles.-three:after{content:none}@media (min-width:992px){.hero-tiles.-three .hero-tiles__content{margin-bottom:9.4rem}}@media (min-width:768px){.hero-tiles.-three .hero-tiles__tiles{gap:2.5rem}}.hero-tiles__content{margin-bottom:3rem}@media (min-width:992px){.hero-tiles__content{margin-bottom:7.8rem}}.hero-tiles__content h1,.hero-tiles__content h2{margin-bottom:0;font-size:4rem;font-weight:700;line-height:5rem}@media (min-width:768px){.hero-tiles__content h1,.hero-tiles__content h2{max-width:70%}}@media (min-width:992px){.hero-tiles__content h1,.hero-tiles__content h2{max-width:95rem;font-size:6rem;line-height:8rem;letter-spacing:.215rem}}.hero-tiles__content h1 strong,.hero-tiles__content h2 strong{color:var(--c-primary);font-weight:700}.hero-tiles__content h4,.hero-tiles__content h5{margin-bottom:1rem;color:var(--c-pink);font-size:1.6rem;font-weight:600;line-height:2.6rem;letter-spacing:.072rem}@media (min-width:992px){.hero-tiles__content h4,.hero-tiles__content h5{font-size:2rem;line-height:3rem}}.hero-tiles__content p{margin-top:1rem;color:var(--c-grey-300);font-size:1.6rem;font-weight:500;line-height:3rem;letter-spacing:.05rem}@media (min-width:992px){.hero-tiles__content p{margin-top:2.8rem;font-size:2rem;line-height:4rem}}.hero-tiles__tiles{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:4rem;gap:2rem}@media (min-width:768px){.hero-tiles__tiles{gap:4.8rem}}.hero-tiles__tile{-ms-flex-preferred-size:100%;flex-basis:100%;padding:4.2rem 3.5rem 5rem;text-align:center;background-color:var(--c-white);border-radius:var(--radius);-webkit-box-shadow:0 .2rem 4rem 0 rgba(91,95,104,.18);box-shadow:0 .2rem 4rem 0 rgba(91,95,104,.18)}@media (min-width:768px){.hero-tiles__tile{-ms-flex-preferred-size:calc(50% - 2.4rem);flex-basis:calc(50% - 2.4rem);max-width:calc(50% - 2.4rem)}}@media (min-width:992px){.hero-tiles__tile{padding:8.6rem 7.5rem 10rem}}.hero-tiles__tile-heading{margin-bottom:3rem;color:var(--c-black);font-size:2.2rem;font-weight:500;line-height:3rem;letter-spacing:.058rem}@media (min-width:992px){.hero-tiles__tile-heading{margin-bottom:5.8rem;font-size:3.2rem;line-height:5rem}}.hero-tiles__tile-button{margin:0 auto}.hero-tiles__tile.-three{padding:3.2rem 2.5rem 4rem}@media (min-width:768px){.hero-tiles__tile.-three{-ms-flex-preferred-size:calc(33.333% - 1.6666rem);flex-basis:calc(33.333% - 1.6666rem);max-width:calc(33.333% - 1.6666rem)}}@media (min-width:992px){.hero-tiles__tile.-three{padding:6.4rem 5rem 8rem}}.hero-tiles__tile.-three .hero-tiles__tile-header{margin-bottom:2rem}@media (min-width:992px){.hero-tiles__tile.-three .hero-tiles__tile-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:9rem;margin-bottom:3.2rem}}.hero-tiles__tile.-three .hero-tiles__tile-heading{margin-bottom:0;font-size:1.6rem;line-height:2.4rem}@media (min-width:992px){.hero-tiles__tile.-three .hero-tiles__tile-heading{font-size:2rem;font-weight:600;line-height:3rem;letter-spacing:.05rem}}