.eu-image-box-grid{padding:50px 0;background-color:#f5f3f0}.eu-image-box-grid__header{margin-bottom:40px}.eu-image-box-grid__header.text-left{text-align:left}.eu-image-box-grid__header.text-center{text-align:center}.eu-image-box-grid__header.text-right{text-align:right}.eu-image-box-grid__title{font-family:var(--font-heading-family);font-size:32px;font-weight:600;color:var(--color-heading);margin:0 0 16px;line-height:1.2;letter-spacing:-.02em}.eu-image-box-grid__description{font-size:18px;line-height:1.6;color:var(--color-foreground);max-width:600px}.eu-image-box-grid__header.text-center .eu-image-box-grid__description{margin:0 auto}.eu-image-box-grid__header.text-right .eu-image-box-grid__description{margin-left:auto}.eu-image-box-grid__container{width:100%}.eu-image-box-grid__items{display:grid;gap:32px;justify-items:center}.eu-image-box-grid__items.items-per-row-4{grid-template-columns:repeat(4,1fr)}.eu-image-box-grid__items.items-per-row-5{grid-template-columns:repeat(5,1fr)}.eu-image-box-grid__item{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:200px}.eu-image-box-grid__image-wrapper{position:relative;width:150px;height:150px;border-radius:50%;background-color:#fff;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:center;margin-bottom:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.eu-image-box-grid__item:hover .eu-image-box-grid__image-wrapper{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.eu-image-box-grid__image{width:130px;height:130px;object-fit:cover;border-radius:50%}.eu-image-box-grid__placeholder{width:130px;height:130px;display:flex;align-items:center;justify-content:center;background-color:#f8f8f8;border-radius:50%}.eu-image-box-grid__placeholder svg{width:40px;height:40px;opacity:.5}.eu-image-box-grid__item-title{font-size:16px;font-weight:600;color:var(--color-heading);margin:0 0 8px;line-height:1.3;text-transform:capitalize}.eu-image-box-grid__item-description{font-size:14px;line-height:1.4;color:var(--color-foreground);opacity:.8}@media screen and (max-width: 1199px){.eu-image-box-grid__items.items-per-row-5{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width: 990px){.eu-image-box-grid{padding:40px 0}.eu-image-box-grid__header{margin-bottom:32px}.eu-image-box-grid__title{font-size:28px}.eu-image-box-grid__description{font-size:16px}.eu-image-box-grid__items.items-per-row-4,.eu-image-box-grid__items.items-per-row-5{grid-template-columns:repeat(3,1fr);gap:24px}.eu-image-box-grid__image-wrapper{width:100px;height:100px}.eu-image-box-grid__image{width:70px;height:70px}}@media screen and (max-width: 749px){.eu-image-box-grid__items.items-per-row-4,.eu-image-box-grid__items.items-per-row-5{grid-template-columns:repeat(2,1fr);gap:20px}.eu-image-box-grid__image-wrapper{width:90px;height:90px;margin-bottom:12px}.eu-image-box-grid__image{width:60px;height:60px}.eu-image-box-grid__item-title{font-size:15px}.eu-image-box-grid__item-description{font-size:13px}}@media screen and (max-width: 480px){.eu-image-box-grid__items.items-per-row-4,.eu-image-box-grid__items.items-per-row-5{grid-template-columns:repeat(2,1fr);gap:16px}.eu-image-box-grid__item{max-width:150px}}.eu-image-box-grid.color-background-1{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.eu-image-box-grid.color-background-2{background:rgb(var(--color-background-2));color:rgb(var(--color-foreground-2))}.eu-image-box-grid.color-inverse{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.eu-image-box-grid.color-inverse .eu-image-box-grid__image-wrapper{background-color:rgb(var(--color-background))}.eu-image-box-grid.color-accent-1{background:rgb(var(--color-accent-1));color:rgb(var(--color-accent-1-text))}.eu-image-box-grid.color-accent-2{background:rgb(var(--color-accent-2));color:rgb(var(--color-accent-2-text))}.eu-image-box-grid__image-wrapper[data-ratio=portrait],.eu-image-box-grid__image-wrapper[data-ratio=landscape]{border-radius:20px}.eu-image-box-grid__image-wrapper[data-ratio=adapt] .eu-image-box-grid__image,.eu-image-box-grid__image-wrapper[data-ratio=portrait] .eu-image-box-grid__image,.eu-image-box-grid__image-wrapper[data-ratio=landscape] .eu-image-box-grid__image{border-radius:0}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-eu-image-box-grid.css.map */
