.diamond-shapes__wrapper{max-width:1200px;margin:0 auto;padding:0 1rem}.diamond-shapes__heading{text-align:center;margin-bottom:3rem;color:inherit}.diamond-shapes__content{display:flex;flex-direction:column;align-items:center;gap:2rem}@media screen and (min-width: 750px){.diamond-shapes__content{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"left center right";align-items:start;gap:2rem}}.diamond-shapes__center-image{grid-area:center;display:none;justify-self:center;max-width:300px;width:100%;height:100%}@media screen and (min-width: 750px){.diamond-shapes__center-image{display:flex;flex-direction:column;align-items:center;justify-content:center}}.diamond-shapes__center-image img{width:100%;height:auto;object-fit:contain}.diamond-shapes__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;width:100%}@media screen and (min-width: 750px){.diamond-shapes__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:auto}.diamond-shapes__grid--left{grid-area:left}.diamond-shapes__grid--right{grid-area:right}}.diamond-shapes__item{flex:0 0 calc(33.333% - .67rem);min-width:0}@media screen and (max-width: 749px){.diamond-shapes__item{flex:0 0 calc(50% - .5rem)}}@media screen and (min-width: 750px){.diamond-shapes__item{flex:none}}.diamond-shapes__link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;transition:transform .3s ease,opacity .3s ease;padding:1rem;border-radius:8px}.diamond-shapes__link:hover{transform:translateY(-2px);opacity:.8}.diamond-shapes__item-image{width:100%;max-width:120px;height:auto;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;overflow:hidden;background:#f8f8f8}@media screen and (min-width: 750px){.diamond-shapes__item-image{max-width:150px}}.diamond-shapes__item-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.diamond-shapes__item-title{font-size:1rem;font-weight:600;text-align:center;margin:0;line-height:1.2;color:inherit;text-transform:uppercase}@media screen and (min-width: 750px){.diamond-shapes__item-title{font-size:1.25rem}}@media screen and (max-width: 749px){.diamond-shapes__grid{margin:0 auto}.diamond-shapes__item:nth-child(7),.diamond-shapes__item:nth-child(8){max-width:calc(50% - .5rem)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/diamond-shapes.css.map */