.proven-patterns {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #2e2e2e;
  background: #fff;
  overflow-x: hidden;
}

.patterns-box {
      background: #020b0f;
      border-radius: 8px;
      padding: 48px 40px;
      position: relative;
      overflow: hidden;
      text-align: center;
      margin: 40px 0 80px 0;
  }

.patterns-box::before {
      content: '';
      position: absolute;
      width: 280px; height: 280px;
      border-radius: 50%;
      background: linear-gradient(251deg, #96C6EA, #B597F6);
      top: -164px; left: -164px;
      pointer-events: none;
    }
@media (max-width: 991px) { .patterns-box{margin: 0;} .patterns-box::before { top: -214px; left: -214px; } }

.patterns-box h3 {
      font-family: 'Roboto Flex', sans-serif;
      font-weight: 700;
      font-size: 24px;
      color: #fff;
      font-variation-settings: "GRAD" 0, "XOPQ" 96, "XTRA" 468, "YOPQ" 79,
        "YTAS" 750, "YTDE" -203, "YTFI" 738, "YTLC" 514, "YTUC" 712, "wdth" 112;
    }

.patterns-box p {
      font-size: 18px;
      color: rgba(255,255,255,0.75);
      line-height: 24px;
    }

.bg-dim { background: rgba(2,11,15,0.02); }