.shape-blocks{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.shaper{align-items:center;display:flex;height:230px;margin:auto;width:230px}.shape-text{font-size:20px;font-weight:500;line-height:22px;margin:auto;text-align:center;width:60%}.circle{border-radius:100%;transition:all .4s ease-in-out}.circle:hover{border-radius:0}.square{transition:all .4s ease-in-out}.square:hover{border-radius:100%}@media screen and (max-width:767px){.shape-blocks{grid-template-columns:1fr 1fr}}@media screen and (max-width:480px){.shape-blocks{grid-template-columns:1fr}}