.image-grid-with-text{display:flex;width:100%;flex-direction:column;align-items:center;gap:56px}@media screen and (min-width: 768px){.image-grid-with-text{max-width:1120px;padding:56px 20px;flex-direction:row;justify-content:space-between}}.image-grid-with-text .image-grid{min-width:335px;height:298px;position:relative}.image-grid-with-text .image-grid *{border-radius:12px}.image-grid-with-text .image-grid.total-image-1 .image-1{width:100%;height:100%}.image-grid-with-text .image-grid.total-image-2{padding:5px 0 9px;display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;gap:16px}.image-grid-with-text .image-grid.total-image-2 .image-1{width:190px;height:100%}.image-grid-with-text .image-grid.total-image-2 .image-2{width:128px;height:206px}.image-grid-with-text .image-grid.total-image-3 *{position:absolute}.image-grid-with-text .image-grid.total-image-3 .image-1{width:206px;height:256px;left:0;bottom:0}.image-grid-with-text .image-grid.total-image-3 .image-2{width:114px;height:112px;top:8px;right:0}.image-grid-with-text .image-grid.total-image-3 .image-3{width:114px;height:143px;top:131px;right:0}.image-grid-with-text .image-grid.total-image-4 *{position:absolute}.image-grid-with-text .image-grid.total-image-4 .image-1{width:195px;top:0;left:5px}.image-grid-with-text .image-grid.total-image-4 .image-2{width:114px;height:112px;top:17px;right:4px}.image-grid-with-text .image-grid.total-image-4 .image-3{width:114px;height:112px;top:139px;right:4px}.image-grid-with-text .image-grid.total-image-4 .image-4{width:155px;height:90px;bottom:0;left:45px}@media screen and (min-width: 1024px){.image-grid-with-text .image-grid{min-width:540px;height:480px}.image-grid-with-text .image-grid.total-image-2{padding:8px 0 14px;gap:27px}.image-grid-with-text .image-grid.total-image-2 .image-1{width:306px;height:100%}.image-grid-with-text .image-grid.total-image-2 .image-2{width:206px;height:332px}.image-grid-with-text .image-grid.total-image-3 .image-1{width:332px;height:412px;left:0;bottom:0}.image-grid-with-text .image-grid.total-image-3 .image-2{width:181px;height:184px;top:13px;right:0}.image-grid-with-text .image-grid.total-image-3 .image-3{width:184px;height:231px;top:211px;right:0}.image-grid-with-text .image-grid.total-image-4 .image-1{width:315px;height:310px;top:0;left:8px}.image-grid-with-text .image-grid.total-image-4 .image-2{width:181px;height:184px;top:27px;right:7px}.image-grid-with-text .image-grid.total-image-4 .image-3{width:181px;height:184px;top:224px;right:7px}.image-grid-with-text .image-grid.total-image-4 .image-4{width:250px;height:145px;bottom:0;left:73px}}.image-grid-with-text .content{display:flex;flex-direction:column;align-items:center;gap:24px}.image-grid-with-text .content .title{margin:0;color:var(--Colours-Neutral-Black-texts, #373737);text-align:center;font-family:Poppins;font-size:28px;font-weight:700;line-height:130%;text-transform:none}.image-grid-with-text .content .description{color:var(--Colours-Neutral-Texts, #646363);text-align:center;font-family:Poppins;font-size:16px;line-height:140%}.image-grid-with-text .content .description .metafield-rich_text_field{display:flex;flex-direction:column;gap:8px}.image-grid-with-text .content .description .metafield-rich_text_field *{margin:0}.image-grid-with-text .content.left-align{align-items:flex-start}.image-grid-with-text .content.left-align .title,.image-grid-with-text .content.left-align .description{text-align:left}.image-grid-with-text .content.left-align .description .metafield-rich_text_field *{display:none}.image-grid-with-text .content.left-align .description .metafield-rich_text_field *:first-child,.image-grid-with-text .content.left-align.expand .description .metafield-rich_text_field *{display:block}@media screen and (min-width: 768px){.image-grid-with-text .content{max-width:434px;align-items:flex-start}.image-grid-with-text .content .title{font-size:32px}.image-grid-with-text .content .description{text-align:left;font-size:18px}}.image-grid-with-text .expand-button{display:flex;height:40px;align-items:center}.image-grid-with-text .expand-button .read-more,.image-grid-with-text .expand-button .read-less{display:flex;align-items:center;gap:4px;color:var(--Colours-Primary-Pink, #F31E95);font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:140%;text-decoration:underline}.image-grid-with-text .expand-button .read-less{display:none}.image-grid-with-text .expand-button .read-less svg{transform:rotate(180deg)}.image-grid-with-text .expand-button.expand .read-more{display:none}.image-grid-with-text .expand-button.expand .read-less{display:flex}
/*# sourceMappingURL=/cdn/shop/t/9/assets/image-grid-with-text.css.map */