.wrapper .benefits { background: #ffffff; padding: 70px 0; }
.wrapper .benefits .benefits-inner { max-width: 1140px; margin: 0 auto; padding: 0 20px; }
.wrapper .benefits .benefits-heading { text-align: center; font-size: 26px; letter-spacing: -0.4px; margin-bottom: 44px; }
.wrapper .benefits .benefits-grid { display: grid; grid-template-columns: 1fr; gap: 36px; }
.wrapper .benefits .benefit-item { text-align: center; }
.wrapper .benefits .benefit-icon { display: inline-flex; width: 72px; height: 72px; margin-bottom: 16px; transition: transform 0.25s ease; }
.wrapper .benefits .benefit-item:hover .benefit-icon { transform: translateY(-4px) scale(1.05); }
.wrapper .benefits .benefit-icon svg { width: 72px; height: 72px; }
.wrapper .benefits .benefit-caption { font-size: 17px; font-weight: 700; color: #333333; }
@media (min-width: 768px) {
  .wrapper .benefits .benefits-grid { grid-template-columns: repeat(2, 1fr); gap: 44px; }
}
@media (min-width: 1024px) {
  .wrapper .benefits { padding: 90px 0; }
  .wrapper .benefits .benefits-grid { grid-template-columns: repeat(4, 1fr); }
  .wrapper .benefits .benefits-heading { font-size: 29px; margin-bottom: 56px; }
}