.wp-block-coffee-friend-five-banners{height:100%;width:100%}.wp-block-coffee-friend-five-banners .banner-wrapper{display:grid;grid-template-areas:"img0 img0" "img0 img0" "img1 img1" "img2 img3" "img4 img4" "img4 img4";grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:100%;max-width:100%;width:100%;grid-gap:8px;gap:8px}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper{gap:24px;grid-template-columns:1fr 1fr;grid-template-rows:minmax(100px,170px) minmax(100px,338px) minmax(100px,260px) minmax(100px,210px) minmax(100px,170px) minmax(100px,338px)}}@media (min-width:1024px){.wp-block-coffee-friend-five-banners .banner-wrapper{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(260px,auto) minmax(210px,auto)}}@media (min-width:1200px){.wp-block-coffee-friend-five-banners .banner-wrapper{gap:40px}}@media(min-width:1024px){.wp-block-coffee-friend-five-banners .banner-wrapper{grid-template-areas:"img0 img0 img0 img0 img0 img1 img1 img1 img1 img4 img4 img4" "img0 img0 img0 img0 img0 img2 img2 img3 img3 img4 img4 img4"}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner{position:relative}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img0{grid-area:img0}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img0 .text span{font-size:28px;line-height:35px}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img0 .text span{font-size:48px;letter-spacing:-.015em;line-height:60px}}@media (min-width:1024px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img0 .text span{font-size:32px;line-height:40px}}@media (min-width:1200px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img0 .text span{font-size:32px;line-height:40px}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img0 img:not(.card-icon){height:288px}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img0 img:not(.card-icon){height:100%}}@media (min-width:1024px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img0 img:not(.card-icon){bottom:0;left:0;position:absolute;right:0;top:0}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img0 button.style2{margin-top:20px}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img1{font-family:Inter,sans-serif;font-size:32px;grid-area:img1;line-height:40px}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img1{font-size:36px;line-height:45px}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img1 .text span{font-family:Outfit,sans-serif;font-size:20px;line-height:25px}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img1 .text span{font-size:32px;line-height:40px}}@media (min-width:1024px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img1 .text span{font-size:28px;line-height:35px}}@media (min-width:1600px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img1 .text span{font-size:32px;line-height:40px}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img1 .text button{line-height:1.5}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img1 img{height:164px}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img1 img{height:100%}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img2{grid-area:img2}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img3{grid-area:img3}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img2 img,.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img3 img{height:164px;object-position:100% 100%}@media (min-width:430px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img2 img,.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img3 img{object-position:center}}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img2 img,.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img3 img{height:100%}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img4{grid-area:img4}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img4{font-size:24px}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img4 img:not(.card-icon){height:288px}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img4 img:not(.card-icon){height:100%}}@media (min-width:1024px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img4 img:not(.card-icon){bottom:0;left:0;position:absolute;right:0;top:0}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img4 button.style2{margin-top:20px}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img4 .text span{font-size:32px;line-height:40px}}@media (min-width:1200px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img4 .text span{max-height:100%}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text{align-items:flex-start;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:24px;gap:8px;justify-content:flex-start;left:16px;padding-bottom:24px;position:absolute;right:16px;top:16px}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text{left:32px;right:32px;top:32px}}@media (min-width:1024px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text{left:16px;right:16px;top:16px}}@media (min-width:1200px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text{left:24px;right:24px;top:24px}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text span{font-family:Outfit,sans-serif;font-size:24px;font-weight:700;letter-spacing:.06px;line-height:30px}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text span{font-weight:800;letter-spacing:0}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text div{font-size:18px;font-weight:300;line-height:24px}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text .text-color-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text .text-color-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text button{font-size:14px;font-weight:300;line-height:16px;text-align:left}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text button.style1{-webkit-text-decoration-line:underline;text-decoration-line:underline}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text button.style1.text-color-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text button.style1.text-color-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text button.style2{border-radius:8px;font-size:14px;font-weight:700;line-height:16px;padding:8px 12px;text-align:center;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text button.style2{font-size:16px;line-height:22px;padding:17px 24px}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text button.style2.text-color-white{border-width:1px;--tw-border-opacity:1;border-color:rgba(255,255,255,var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text button.style2.text-color-black{border-width:1px;--tw-border-opacity:1;border-color:rgba(0,0,0,var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.wp-block-coffee-friend-five-banners .banner-wrapper .banner img{height:100%;min-width:100%;object-fit:cover}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .banner-link{border-radius:16px;display:block;height:100%;overflow:hidden;position:relative}.wp-block-coffee-friend-five-banners.is-style-b2b{height:100%;width:100%}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:100%;max-width:100%;width:100%;grid-gap:16px;gap:16px}@media (min-width:1024px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper{gap:30px 40px;grid-template-columns:repeat(12,minmax(0,1fr))}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-1,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-2,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-3{grid-template-rows:repeat(2,minmax(0,1fr))}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-1,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-2,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-3{grid-template-areas:"img0 img0" "img1 img1" "img2 img2"}@media(min-width:1024px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-1,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-2,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-3{grid-template-areas:"img0 img0 img0 img0 img0 img0 img1 img1 img1 img1 img1 img1" "img0 img0 img0 img0 img0 img0 img2 img2 img2 img2 img2 img2"}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-4,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-5{grid-template-rows:repeat(4,minmax(0,1fr))}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-4,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-5{grid-template-areas:"img0" "img1" "img2" "img3" "img4"}@media(min-width:1024px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-4,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-5{grid-template-areas:"img0 img0 img0 img0 img0 img0 img1 img1 img1 img1 img1 img1" "img0 img0 img0 img0 img0 img0 img2 img2 img2 img2 img2 img2" "img3 img3 img3 img3 img3 img3 img3 img4 img4 img4 img4 img4" "img3 img3 img3 img3 img3 img3 img3 img4 img4 img4 img4 img4"}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner{display:block;position:relative}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img0{grid-area:img0}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img1{grid-area:img1}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img1 img{max-height:228px}@media (min-width:768px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img1 img{max-height:100%}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img1 .text span{font-size:32px;font-weight:800;line-height:45px}@media (min-width:1024px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img1 .text span{font-size:24px;line-height:22px}}@media (min-width:1600px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img1 .text span{font-size:36px;font-weight:700}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img2{grid-area:img2}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img2 img{max-height:228px}@media (min-width:768px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img2 img{max-height:100%}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img2 .text span{font-size:32px;font-weight:800;line-height:45px}@media (min-width:1024px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img2 .text span{font-size:24px;line-height:22px}}@media (min-width:1600px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img2 .text span{font-size:36px;font-weight:700}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img3{grid-area:img3}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img3 img{max-height:336px}@media (min-width:768px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img3 img{max-height:100%}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img4{grid-area:img4}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .desktop-image{display:none}@media (min-width:768px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .desktop-image{display:block}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .mobile-image{display:block}@media (min-width:768px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .mobile-image{display:none}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner img{min-width:100%;object-fit:cover}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .banner-link{display:block;height:100%;overflow:hidden}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .text{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;left:24px;position:absolute;top:24px;--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}@media (min-width:1600px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .text{left:32px;top:32px}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .text div{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .text div.text-color-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .text span{font-size:32px;font-weight:800;line-height:40px;--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .text span.text-color-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .text button{border-radius:.5rem;border-width:1px;margin-top:1rem;--tw-border-opacity:1;border-color:rgba(0,0,0,var(--tw-border-opacity));font-size:14px;font-weight:600;padding:.5rem .75rem;--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity));-webkit-text-decoration-line:none;text-decoration-line:none}@media (min-width:768px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .text button{font-size:16px;font-weight:700}}@media (min-width:1600px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .text button{margin-top:1.75rem;padding:17px 1.5rem}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .text button.style2{border-width:0;padding:0;-webkit-text-decoration-line:underline;text-decoration-line:underline}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .text button.text-color-white{--tw-border-opacity:1;border-color:rgba(255,255,255,var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.solid,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.solid{border-radius:16px;min-height:164px;padding:16px}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.solid,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.solid{padding:24px}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.solid .banner-link,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.solid .banner-link{border-radius:0;display:flex;flex-direction:column;height:100%;overflow:visible}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.solid .text,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.solid .text{align-items:flex-start;display:flex;flex-direction:column;gap:8px;justify-content:flex-start;padding-bottom:20px;position:static}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.solid .text div,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.solid .text div{font-size:18px;line-height:24px}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.solid .text span,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.solid .text span{font-size:24px;line-height:31px}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.solid .card-icon,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.solid .card-icon{height:24px;min-width:0;object-fit:contain;width:auto}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.solid .card-icon,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.solid .card-icon{height:40px}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.solid .card-icon.text-color-white,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.solid .card-icon.text-color-white{--tw-brightness:brightness(0);--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.solid .card-icon.text-color-black,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.solid .card-icon.text-color-black{--tw-brightness:brightness(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.solid button,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.solid button{font-size:14px;font-weight:300;line-height:16px;margin-top:auto;text-align:left}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.solid button.style1,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.solid button.style1{-webkit-text-decoration-line:underline;text-decoration-line:underline}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.solid button.style1.text-color-white,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.solid button.style1.text-color-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.solid button.style1.text-color-black,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.solid button.style1.text-color-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}