.wrapper .focus { position: relative; background: #0c0542; overflow: hidden; padding: 76px 0; }
.wrapper .focus .focus-shapes { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
.wrapper .focus .focus-shape { position: absolute; border-radius: 50%; }
.wrapper .focus .curve-one { width: 70%; height: 160%; top: -80%; right: -30%; background: rgba(47, 134, 214, 0.12); }
.wrapper .focus .curve-two { width: 50%; height: 120%; bottom: -70%; left: -20%; background: rgba(3, 169, 244, 0.08); }
.wrapper .focus .focus-inner { position: relative; max-width: 1140px; margin: 0 auto; padding: 0 20px; }
.wrapper .focus .focus-heading { color: #ffffff; font-size: 26px; letter-spacing: -0.4px; }
.wrapper .focus .focus-intro { color: #d8e7ff; font-size: 16px; max-width: 560px; margin-top: 14px; }
.wrapper .focus .focus-list { display: grid; grid-template-columns: 1fr; gap: 26px; margin-top: 40px; }
.wrapper .focus .focus-item { display: flex; gap: 16px; align-items: flex-start; }
.wrapper .focus .focus-icon { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(3, 169, 244, 0.25); border: 1px solid rgba(216, 231, 255, 0.35); }
.wrapper .focus .focus-icon svg { width: 22px; height: 22px; }
.wrapper .focus .focus-item-title { color: #ffffff; font-size: 17px; margin-bottom: 6px; }
.wrapper .focus .focus-item-text { color: #c2d4ee; font-size: 15px; line-height: 1.6; }
@media (min-width: 768px) {
  .wrapper .focus { padding: 96px 0; }
  .wrapper .focus .focus-heading { font-size: 30px; }
  .wrapper .focus .focus-list { grid-template-columns: repeat(2, 1fr); gap: 32px; margin-top: 48px; }
}