ff-image-grid-banner{display:block}ff-image-grid-banner .ff-image-grid-banner__container{display:flex;justify-content:center;gap:30px;height:530px}.ff-image-grid-banner__content{display:flex;flex-direction:column;width:100%;max-width:368px;gap:30px}ff-image-grid-banner .ff-image-grid-banner__heading{font-family:var(--global-font-2);font-size:42px;font-weight:500;line-height:normal;letter-spacing:normal;color:#055e5a;margin:0}ff-image-grid-banner .ff-image-grid-banner__button{padding:10px 60px;width:max-content;border-radius:3em;color:var(--ff-font-color-white);background:var(--ff-button-primary);border:1px solid var(--ff-button-primary);font-family:var(--global-font);font-size:16px;font-weight:600;line-height:normal;letter-spacing:normal;text-align:center;font-style:normal;cursor:pointer;transition:all .5s cubic-bezier(.25,.46,.45,.94)!important}ff-image-grid-banner .ff-image-grid-banner__button:hover{color:var(--ff-font-color-white);background:var(--ff-button-hovered);border:1px solid var(--ff-button-hovered)}.ff-image-grid-banner__image-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(9,1fr);grid-template-areas:"image_1 . image_3 ." "image_1 image_2 image_3 ." "image_1 image_2 image_3 image_4" "image_1 image_2 image_3 image_4" "image_5 image_2 image_7 image_4" "image_5 image_6 image_7 image_4" "image_5 image_6 image_7 ." "image_5 image_6 image_7 ." ". image_6 . .";gap:10px}.ff-image-grid-banner__image-container{max-width:min(100%,227px);max-height:min(100%,260px)}.ff-image-grid-banner__image{background:#ccc;width:100%;height:100%;object-fit:cover}.ff-image-grid-banner__image-container:nth-child(1){grid-area:image_1}.ff-image-grid-banner__image-container:nth-child(2){grid-area:image_2}.ff-image-grid-banner__image-container:nth-child(3){grid-area:image_3}.ff-image-grid-banner__image-container:nth-child(4){grid-area:image_4}.ff-image-grid-banner__image-container:nth-child(5){grid-area:image_5}.ff-image-grid-banner__image-container:nth-child(6){grid-area:image_6}.ff-image-grid-banner__image-container:nth-child(7){grid-area:image_7}@media(max-width:768px){ff-image-grid-banner .ff-image-grid-banner__container{position:relative;flex-direction:column;align-items:center;height:auto}ff-image-grid-banner .ff-image-grid-banner__content{align-items:center}ff-image-grid-banner .ff-image-grid-banner__heading{text-align:center;font-size:24px}ff-image-grid-banner .ff-image-grid-banner__button{position:absolute;bottom:-75px}}
/*# sourceMappingURL=/cdn/shop/t/258/assets/ff-image-grid-banner.css.map */