.grid.grid-love .cpy>div{background:#fff;padding:48px;box-shadow:3px 3px 3px #ddd;position:relative}.grid.grid-love .cpy .test{display:grid;grid-template-columns:100px 1fr;grid-gap:24px;background:#ededed;padding:18px}.grid.grid-love .cpy h2{font-size:2.4rem;font-weight:500;background:#c89ee8;padding:48px;margin-left:-48px;margin-top:-48px;width:calc(100% + 96px)}.grid.grid-love.colour-purple .cpy h2{background:#c89ee8}.grid.grid-love.colour-yellow .cpy h2{background:#fcd555}.grid.grid-love.colour-pink .cpy h2{background:#f399dc}.number{position:absolute;left:-76px;top:24px;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;height:112px;width:112px}.number p{font-size:7rem;font-weight:700}.grid.grid-love .cpy a,a.blue-arrow{color:#007ffe}a.blue-arrow{display:flex;align-items:center;grid-gap:12px;justify-content:center}main .grid.grid-love .cpy ul li:before{position:absolute;width:14px;height:14px;background:none;border-radius:100%;top:0;left:-20px}main .grid.grid-love.colour-purple .cpy ul li:before,main .grid.grid-love .cpy ul li:before{content:url(https://www.square2marketing.com/hubfs/2022/summer-of-love/purple.svg)}main .grid.grid-love.colour-yellow .cpy ul li:before{content:url(https://www.square2marketing.com/hubfs/2022/summer-of-love/yellow.svg)}main .grid.grid-love.colour-pink .cpy ul li:before{content:url(https://www.square2marketing.com/hubfs/2022/summer-of-love/pink.svg)}.grid-love+.grid-love{margin-top:7rem}@media (min-width:768px){.grid.grid-love{grid-template-columns:1fr 320px}}@media (max-width:767px){.grid.grid-love .cpy>div{padding:24px}.grid.grid-love .cpy h2{font-size:2rem;padding:24px;margin-left:-24px;margin-top:-24px;width:calc(100% + 48px)}.number{left:-12px;top:-30px;height:48px;width:48px}.number p{font-size:3rem}.grid.grid-love .cpy .test{grid-template-columns:1fr}}