.component-macro-circle-points.makeover{position:relative}.component-macro-circle-points.makeover .content-container{padding:40px 0}.component-macro-circle-points.makeover .content-container p{margin:25px auto}.component-macro-circle-points.makeover .content-container .circle-container{max-width:400px;margin:0 auto;justify-content:center;flex-wrap:wrap;gap:20px}.component-macro-circle-points.makeover .content-container .circle-container>div{width:calc(50% - 10px);flex-direction:column;justify-content:center;aspect-ratio:1;padding:5px;font-size:1.125rem;font-weight:600;border-radius:50%}.component-macro-circle-points.makeover .content-container .cta{margin-top:30px}.component-macro-circle-points.makeover .macro-col{display:none}.component-macro-circle-points.makeover .macro-container table tr{border-top:2px solid var(--makeover-grey)}.component-macro-circle-points.makeover .macro-container table th,.component-macro-circle-points.makeover .macro-container table td{width:50%;vertical-align:middle;padding:5%;font-family:var(--dm-sans)}.component-macro-circle-points.makeover .macro-container table th{border-right:2px solid var(--makeover-grey)}.component-macro-circle-points.makeover .macro-container table td{border-left:2px solid var(--makeover-grey)}.component-macro-circle-points.makeover .macro-container table th[colspan="2"]{width:100%;text-align:center;font-size:2rem;border-right:none}.component-macro-circle-points.makeover .macro-container table tr:first-of-type>th[colspan="2"]{padding-top:7%}.component-macro-circle-points.makeover .macro-container table tr:nth-of-type(2)>td,.component-macro-circle-points.makeover .macro-container table tr:nth-of-type(3)>td{font-size:1.75rem}.component-macro-circle-points.makeover .macro-container table tr:last-of-type{border-bottom:2px solid var(--makeover-grey)}.component-macro-circle-points.makeover .macro-container table th{font-size:1.125rem;font-weight:800;line-height:1.2}.component-macro-circle-points.makeover .macro-container table th svg{width:200px;max-width:100%;height:auto}.component-macro-circle-points.makeover .macro-container table td{font-size:1.5rem;text-align:center}@media screen and (min-width: 425px){.component-macro-circle-points.makeover .macro-container table th[colspan="2"]{font-size:2.25rem}.component-macro-circle-points.makeover .macro-container table th[scope=row]{font-size:1.25rem}}@media screen and (min-width: 480px){.component-macro-circle-points.makeover .macro-container table th,.component-macro-circle-points.makeover .macro-container table td{padding:20px}.component-macro-circle-points.makeover .macro-container table th[scope=row]{padding-left:12%}.component-macro-circle-points.makeover .macro-container table td{padding-right:12%}}@media screen and (min-width: 576px) and (max-width: 991.9px){.component-macro-circle-points.makeover p{max-width:unset!important;padding:0 10%}}@media screen and (min-width: 600px){.component-macro-circle-points.makeover .content-container .circle-container{max-width:unset!important;gap:15px}.component-macro-circle-points.makeover .content-container .circle-container>div{width:calc(25% - 11.25px)}.component-macro-circle-points.makeover .macro-container table th[colspan="2"]{font-size:2.5rem}.component-macro-circle-points.makeover .macro-container table th[scope=row]{padding-left:15%;font-size:1.5rem}.component-macro-circle-points.makeover .macro-container table td{padding-right:15%;font-size:1.75rem}.component-macro-circle-points.makeover .macro-container table tr:nth-of-type(2)>td,.component-macro-circle-points.makeover .macro-container table tr:nth-of-type(3)>td{font-size:2rem}}@media screen and (min-width: 675px){.component-macro-circle-points.makeover .macro-container table th[scope=row]{padding-left:18%}.component-macro-circle-points.makeover .macro-container table td{padding-right:18%}}@media screen and (min-width: 768px){.component-macro-circle-points.makeover>.wavy-top{margin-top:20px}.component-macro-circle-points.makeover .content-container{max-width:760px;margin:0 auto}.component-macro-circle-points.makeover .content-container h2{margin-top:20px}.component-macro-circle-points.makeover .content-container .circle-container{gap:20px}.component-macro-circle-points.makeover .content-container .circle-container>div{width:calc(25% - 15px)}.component-macro-circle-points.makeover .content-container .cta{margin:45px 0 20px}.component-macro-circle-points.makeover .macro-col{display:block}.component-macro-circle-points.makeover .macro-col>div{max-width:760px;margin:0 auto 75px}.component-macro-circle-points.makeover .macro-col .row>.d-flex{flex-direction:column;justify-content:space-around}.component-macro-circle-points.makeover .macro-col .row>.d-flex:first-child .wavy-top{margin-right:7.5px}.component-macro-circle-points.makeover .macro-col .row>.d-flex:first-child .wavy-top div:first-child{padding:30px 0 10px;line-height:1.25;font-weight:800}.component-macro-circle-points.makeover .macro-col .row>.d-flex:first-child .wavy-top div:first-child svg{width:310px;max-width:100%;height:auto}.component-macro-circle-points.makeover .macro-col .row>.d-flex:last-child .wavy-top{margin-left:7.5px;padding-bottom:10px}.component-macro-circle-points.makeover .macro-col .row>.d-flex:last-child .wavy-top div:first-child{padding:50px 12% 20px}.component-macro-circle-points.makeover .macro-col .row>.d-flex:last-child .wavy-top div:first-child svg{width:310px;max-width:100%;height:auto}.component-macro-circle-points.makeover .macro-col .row>.d-flex:last-child .wavy-top .d-flex{padding:22.5px 0}.component-macro-circle-points.makeover .macro-col .row>.d-flex:last-child .wavy-top .d-flex span:last-child{font-size:1.75rem}.component-macro-circle-points.makeover .macro-col .row>.d-flex .wavy-top{padding:0 25px}.component-macro-circle-points.makeover .macro-col .row>.d-flex .wavy-top .d-flex{align-items:center;padding:20px 0;font-size:1.375rem;font-family:var(--dm-sans);border-bottom:1.5px solid #000}.component-macro-circle-points.makeover .macro-col .row>.d-flex .wavy-top .d-flex:nth-child(2) span:last-child{font-size:1.875rem;font-weight:800}.component-macro-circle-points.makeover .macro-col .row>.d-flex .wavy-top .d-flex:last-child{border:none}.component-macro-circle-points.makeover .macro-col .row>.d-flex .wavy-top .d-flex span{flex:1;text-align:left}.component-macro-circle-points.makeover .macro-container{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}@media screen and (min-width: 1200px){.component-macro-circle-points.makeover .content-container{margin-right:0}.component-macro-circle-points.makeover .content-container h2{margin:0}.component-macro-circle-points.makeover .content-container p{margin:35px auto 45px}.component-macro-circle-points.makeover .content-container .circle-container{gap:15px}.component-macro-circle-points.makeover .content-container .circle-container>div{width:calc(25% - 11.25px)}.component-macro-circle-points.makeover .macro-col>div{display:flex;flex-direction:column;height:100%;justify-content:center;max-width:860px;margin:0 auto}}@media screen and (min-width: 1400px){.component-macro-circle-points.makeover .content-container .circle-container{gap:20px}.component-macro-circle-points.makeover .content-container .circle-container>div{width:calc(25% - 15px)}}@media screen and (min-width: 1600px){.component-macro-circle-points.makeover .content-container h2{margin-top:30px}.component-macro-circle-points.makeover .content-container .cta{margin-bottom:40px}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/component-macro-circle-points.scss.css.map */