.wp-block-coffee-friend-benefits-cards{margin:50px auto;max-width:1510px}@media (min-width:1024px){.wp-block-coffee-friend-benefits-cards{margin-bottom:100px;margin-top:100px}}.wp-block-coffee-friend-benefits-cards .benefit-card-wrapper .swiper-wrapper{display:flex;flex-direction:column;flex-wrap:wrap;gap:16px}@media (min-width:1024px){.wp-block-coffee-friend-benefits-cards .benefit-card-wrapper .swiper-wrapper{flex-direction:row;gap:40px}}.wp-block-coffee-friend-benefits-cards .benefit-card-wrapper .swiper-wrapper .wp-block-coffee-friend-benefit-card{border-radius:16px;height:auto;padding:24px}@media (min-width:1024px){.wp-block-coffee-friend-benefits-cards .benefit-card-wrapper .swiper-wrapper .wp-block-coffee-friend-benefit-card{flex-basis:33.333333%;max-width:calc(33.333% - 26.666px)}}.wp-block-coffee-friend-benefits-cards .benefit-card-wrapper .swiper-wrapper .wp-block-coffee-friend-benefit-card .benefit-card-image{border-radius:9999px;height:64px;margin-bottom:16px;overflow:hidden;position:relative;width:64px;--tw-bg-opacity:1;background-color:rgba(245,245,241,var(--tw-bg-opacity))}.wp-block-coffee-friend-benefits-cards .benefit-card-wrapper .swiper-wrapper .wp-block-coffee-friend-benefit-card .benefit-card-image img{height:100%;object-fit:cover;object-position:center;width:100%}.wp-block-coffee-friend-benefits-cards .benefit-card-wrapper .swiper-wrapper .wp-block-coffee-friend-benefit-card .title{font-family:Outfit,sans-serif;font-size:28px;font-weight:700;line-height:35px;margin-bottom:24px}.wp-block-coffee-friend-benefits-cards .benefit-card-wrapper .swiper-wrapper .wp-block-coffee-friend-benefit-card .description{font-size:16px;font-weight:300;line-height:28px;--tw-text-opacity:1;color:rgba(96,96,96,var(--tw-text-opacity))}@media (min-width:1024px){.wp-block-coffee-friend-benefits-cards .benefit-card-wrapper .swiper-wrapper .wp-block-coffee-friend-benefit-card .description{font-size:18px;line-height:36px}.wp-block-coffee-friend-benefits-cards.benefits-cards-in-row-4 .benefit-card-wrapper .wp-block-coffee-friend-benefit-card{flex-basis:25%;max-width:calc(25% - 30px)}}.wp-block-coffee-friend-benefits-cards.benefits-cards-in-row-4 .benefit-card-wrapper .wp-block-coffee-friend-benefit-card .description{font-size:16px;line-height:28px}.wp-block-coffee-friend-benefits-cards.is-style-grey-style .benefit-card-wrapper .wp-block-coffee-friend-benefit-card{--tw-bg-opacity:1;background-color:rgba(245,245,241,var(--tw-bg-opacity))}.wp-block-coffee-friend-benefits-cards.is-style-grey-style .benefit-card-wrapper .wp-block-coffee-friend-benefit-card .benefit-card-image{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.wp-block-coffee-friend-benefits-cards.isSlider .benefit-card-wrapper .swiper-container:has(.swiper.swiper-initialized){margin-left:50%;width:100vw;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:1024px){.wp-block-coffee-friend-benefits-cards.isSlider .benefit-card-wrapper .swiper-container:has(.swiper.swiper-initialized){margin-left:0;width:100%;--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.wp-block-coffee-friend-benefits-cards.isSlider .benefit-card-wrapper .swiper-container .swiper{padding-bottom:24px}.wp-block-coffee-friend-benefits-cards.isSlider .benefit-card-wrapper .swiper-container .swiper .swiper-wrapper{flex-direction:row;flex-wrap:nowrap;gap:0}@media (min-width:1024px){.wp-block-coffee-friend-benefits-cards.isSlider .benefit-card-wrapper .swiper-container .swiper .swiper-wrapper{flex-wrap:wrap;gap:40px}}.wp-block-coffee-friend-benefits-cards.isSlider .benefit-card-wrapper .swiper-container .swiper:not(.swiper-initialized) .swiper-wrapper{flex-direction:column;flex-wrap:wrap;gap:16px}@media (min-width:1024px){.wp-block-coffee-friend-benefits-cards.isSlider .benefit-card-wrapper .swiper-container .swiper:not(.swiper-initialized) .swiper-wrapper{flex-direction:row;gap:40px}}.wp-block-coffee-friend-benefits-cards.isSlider .benefit-card-wrapper .swiper-container .swiper:not(.swiper-initialized) .swiper-scrollbar,.wp-block-coffee-friend-benefits-cards.isSlider .benefit-card-wrapper .swiper-container .swiper:not(.swiper-initialized) .swiper-scrollbar-drag{display:none}.wp-block-coffee-friend-benefits-cards.isSlider .benefit-card-wrapper .swiper-container .swiper .swiper-scrollbar{height:1px;left:calc(var(--slide-offset)*1px);right:calc(var(--slide-offset)*1px);width:auto;--tw-bg-opacity:1;background-color:rgba(231,231,225,var(--tw-bg-opacity))}.wp-block-coffee-friend-benefits-cards.isSlider .benefit-card-wrapper .swiper-container .swiper .swiper-scrollbar:before{bottom:0;display:block;left:0;position:absolute;top:0;width:calc(var(--progress)*100%);--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity));--tw-content:"";content:var(--tw-content)}@media (min-width:1024px){.wp-block-coffee-friend-benefits-cards.isSlider .benefit-card-wrapper .swiper-container .swiper .swiper-scrollbar{left:0;right:0}}.wp-block-coffee-friend-benefits-cards.isSlider .benefit-card-wrapper .swiper-container .swiper .swiper-scrollbar .swiper-scrollbar-drag{border-radius:9999px;height:7px;top:-3px;--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}