.benefits-grid-section{width:100%;background:#000;padding:70px 2rem 40px}
.benefits-grid-area{max-width:1360px;margin:0 auto}
.bg-title{font-family:"Playfair Display",serif;font-weight:400;font-size:32px;line-height:101%;letter-spacing:0;color:#fff;margin-bottom:10px}
.bg-list{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;list-style:none;padding:0;margin:0}
.bg-card{border-radius:16px;padding:14px 0;display:flex;flex-direction:column;transition:background 250ms ease,transform 250ms ease}
.bg-card__icon{width:100%;aspect-ratio:1 / 1;background:#1c1c1c;border-radius:12px;margin-bottom:18px;color:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;max-width:250px;max-height:250px}
.bg-card__icon img{width:38%;height:38%;object-fit:contain;display:block}
.bg-card__title{font-family:'Playfair Display',serif;font-weight:400;font-size:20px;line-height:132%;letter-spacing:0;color:#fff;margin-bottom:5px}
.bg-card__desc{font-family:Archivo;font-weight:400;font-size:14px;line-height:132%;letter-spacing:0;color:#b0b1b3;padding-right:20px}
@media(max-width:1024px){.bg-list{grid-template-columns:repeat(3,1fr)}
.benefits-grid-section{padding:48px 32px}
}
@media(max-width:767px){.benefits-grid-section{padding:40px 0 40px 16px}
.bg-title{font-size:22px;text-align:center;padding-right:20px;margin-bottom:24px}
.bg-list{display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-right:20px;scrollbar-width:none}
.bg-list::-webkit-scrollbar{display:none}
.bg-card{flex:0 0 calc((100% - 24px) / 2);scroll-snap-align:start;padding:0}
.bg-card__icon{margin-bottom:14px;min-width:180px;max-height:160px}
.bg-card__title{font-size:16px}
.bg-card__desc{font-size:12px;padding-right:10px;color:#75787b}
}
@media(prefers-reduced-motion:reduce){.bg-card{transition:none}
.bg-list{scroll-behavior:auto}
}
.bg-card:focus-visible{outline:2px solid #fff;outline-offset:2px}