.cafe-benefit-area__container{margin-bottom:50px;margin-top:50px}.cafe-benefit-area__title{font-size:20px;text-align:center}.cafe-benefit-area__title:last-of-type{margin-top:30px}.cafe-benefit-area__card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;border-radius:5px;-webkit-box-shadow:0 0 5px 3px rgba(0,0,0,.05);box-shadow:0 0 5px 3px rgba(0,0,0,.05);margin-bottom:30px}.cafe-benefit-area__card--content--vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px 20px}.cafe-benefit-area__card:not(.cafe-benefit-area__card--content--vertical) .cafe-benefit-area__text{padding:10px 5px;-ms-flex-preferred-size:100%;flex-basis:100%;text-overflow:clip;overflow:hidden}.cafe-benefit-area__text{text-align:center;font-size:12px}.cafe-benefit-area__img:not(.cafe-benefit-area__img--left){-o-object-fit:cover;object-fit:cover}.cafe-benefit-area__img--left{border-start-start-radius:5px;border-end-start-radius:5px;height:auto;-ms-flex-item-align:stretch;align-self:stretch}.cafe-benefit-area__banner{background-color:#f4b120;width:100%;position:relative;height:170px;border-radius:5px;overflow:hidden}@media (min-width:768px){.cafe-benefit-area__banner{height:150px}.cafe-benefit-area__banner__banner__img{width:100%}}.cafe-benefit-area__banner__img{position:absolute;height:170px;width:auto}.cafe-benefit-area__banner__left{padding:10px;position:absolute}.cafe-benefit-area__banner__text{font-weight:700}.cafe-benefit-area__banner__text,.cafe-benefit-area__banner__title{font-size:16px}.cafe-benefit-area__banner__link{padding:5px 20px;color:#f48024;background-color:#fff;font-weight:600;font-size:14px;-webkit-margin-start:25%;margin-inline-start:25%;margin-top:15px;display:inline-block}@media (max-width:375px){.cafe-benefit-area__banner__img{width:100%}}@media (min-width:576px){.cafe-benefit-area__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;row-gap:30px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px}.cafe-benefit-area__title{-ms-flex-preferred-size:100%;flex-basis:100%;font-size:24px}.cafe-benefit-area__card{-ms-flex-preferred-size:50%;flex-basis:50%;margin-bottom:0}.cafe-benefit-area__banner{margin-top:30px}.cafe-benefit-area__banner__img{inset-inline-start:4%}.cafe-benefit-area__banner__left{inset-inline-end:12%;inset-block-start:5%}.cafe-benefit-area__banner__text,.cafe-benefit-area__banner__title{font-size:18px}.cafe-benefit-area__banner__link{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}.cafe-benefit-area__banner__link:hover{color:#fff;background-color:#f48024;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}}@media (min-width:768px){.cafe-benefit-area__card--content--vertical{padding:20px 30px}}@media (min-width:992px){.cafe-benefit-area__wrapper{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.cafe-benefit-area__card{-ms-flex-preferred-size:32%;flex-basis:32%}}[dir=rtl] .cafe-benefit-area__banner__img{scale:-1 1}