div.np_whatcanyoudo{margin-inline:auto}@media only screen and (max-width:1024px){div.np_whatcanyoudo{max-width:100vw;padding:0}}div.np_whatcanyoudo .circle-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:300px 240px 300px;grid-template-areas:". a ." "b . c" ". d .";align-items:center;padding:40px 0;position:relative}@media only screen and (max-width:1024px){div.np_whatcanyoudo .circle-wrapper{display:flex;gap:40px;padding:40px;overflow-x:auto}}div.np_whatcanyoudo .circle-wrapper circle{display:grid;align-items:center;width:300px;height:300px;background-size:cover;background-position:center center;position:relative;border-radius:50%;overflow:hidden;padding:0 25px;margin:0 auto;flex-shrink:0}div.np_whatcanyoudo .circle-wrapper circle:first-child{grid-area:a}div.np_whatcanyoudo .circle-wrapper circle:nth-child(2){grid-area:b}div.np_whatcanyoudo .circle-wrapper circle:nth-child(3){grid-area:c}div.np_whatcanyoudo .circle-wrapper circle:last-child{grid-area:d}@media only screen and (max-width:749px){div.np_whatcanyoudo .circle-wrapper circle{width:280px;height:280px}}div.np_whatcanyoudo .circle-wrapper circle:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#12482b8a;z-index:1}div.np_whatcanyoudo .circle-wrapper circle p,div.np_whatcanyoudo .circle-wrapper circle a,div.np_whatcanyoudo .circle-wrapper circle h3{position:relative;z-index:2;color:#fff}div.np_whatcanyoudo .circle-wrapper circle h3{text-align:center;font-size:180%;margin:0}div.np_whatcanyoudo .circle-wrapper circle a{display:flex;align-items:center;max-inline-size:-moz-max-content;max-inline-size:max-content;margin-inline:auto;text-decoration:none;position:relative;transition:transform .2s}div.np_whatcanyoudo .circle-wrapper circle a:after{content:"";display:block;width:15px;height:15px;background-color:#fff;border-radius:10px;margin-left:.5em}div.np_whatcanyoudo .circle-wrapper circle a:before{content:"";display:block;width:7px;height:7px;border-top:3px solid #12482b;border-right:3px solid #12482b;position:absolute;right:5px;transform:rotate(45deg);border-radius:2px}@media(hover:hover){div.np_whatcanyoudo .circle-wrapper circle a:hover{transform:scale(1.1)}}div.np_whatcanyoudo .circle-wrapper circle p{font-size:90%}
/*# sourceMappingURL=/cdn/shop/t/4/assets/np_section-whatcanyoudo.css.map */