.component-card-grid.makeover .text-container{margin:0 auto;padding:65px 0}.component-card-grid.makeover .text-container h1{margin-bottom:35px}.component-card-grid.makeover .text-container p{margin:0 auto}.component-card-grid.makeover .grid-container{max-width:460px;margin:0 auto;flex-wrap:wrap;gap:15px;justify-content:center}.component-card-grid.makeover .grid-container .d-flex{flex-direction:column}.component-card-grid.makeover .grid-container figure{margin-bottom:60px}.component-card-grid.makeover .grid-container figure .wavy-top a{display:block}.component-card-grid.makeover .grid-container figure .wavy-top a h3{padding:35px 15px 25px;font-size:2.5rem}.component-card-grid.makeover .grid-container figure .wavy-top a img{width:100%;margin:0 auto;padding:0 25% 10%;-webkit-transition:transform .2s ease;-moz-transition:transform .2s ease;-o-transition:transform .2s ease;transition:transform .2s ease}.component-card-grid.makeover .grid-container figure .wavy-top a:hover img{transform:scale(1.15)}.component-card-grid.makeover .grid-container figure figcaption{height:100%;justify-content:space-between;padding-top:25px;font-size:1.125rem}.component-card-grid.makeover .grid-container figure figcaption span{display:inline-block}.component-card-grid.makeover .grid-container figure .cta{margin-top:25px}@media screen and (min-width: 425px){.component-card-grid.makeover .grid-container figure .wavy-top a h3{font-size:3rem}}@media screen and (max-width: 767.9px){.component-card-grid.makeover .text-container{max-width:460px;padding-left:0!important;padding-right:0!important}}@media screen and (min-width: 768px){.component-card-grid.makeover h1{margin-bottom:45px}.component-card-grid.makeover p{font-size:1.25rem}.component-card-grid.makeover .grid-container{max-width:inherit}.component-card-grid.makeover .grid-container figure{width:calc(50% - 7.5px);margin-bottom:75px}.component-card-grid.makeover .grid-container figure .wavy-top a h3{padding:45px 15px 35px;font-size:2.5rem}.component-card-grid.makeover .grid-container figure figcaption{padding:25px 15px 0}}@media screen and (min-width: 820px){.component-card-grid.makeover .grid-container figure .wavy-top a h3{font-size:3rem}}@media screen and (min-width: 1024px){.component-card-grid.makeover .grid-container figure{width:calc(33.333% - 10px)}.component-card-grid.makeover .grid-container figure .wavy-top a h3{font-size:2.5rem}}@media screen and (min-width: 1200px){.component-card-grid.makeover .grid-container figure .wavy-top a h3{font-size:3rem}}@media screen and (min-width: 1400px){.component-card-grid.makeover .text-container h1{margin:20px 0 50px}.component-card-grid.makeover .text-container p{margin-bottom:25px}.component-card-grid.makeover .grid-container figure{width:calc(25% - 11.25px)}.component-card-grid.makeover .grid-container figure .wavy-top a h3{font-size:2.5rem}}@media screen and (min-width: 1600px){.component-card-grid.makeover .grid-container figure .wavy-top a h3{font-size:3rem}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/component-card-grid.scss.css.map */
