:root{
      --border-color:#1f3c88;
      --accent:#2cc66b;
      --bg:#f4f4f4;
    }


    .container{
      max-width:1100px;
      margin:28px auto;
      padding:0 18px;
    }

    .company-numbers-section{
      background:#fff;
      text-align:center;
      padding:54px 20px;
      border-radius:10px;
      box-shadow:0 6px 24px rgba(0,0,0,0.06);
    }

    .numbers-title{
      font-size:28px;
      margin-bottom:32px;
      font-weight:700;
      color:#111;
    }

    .numbers-container{
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
      gap:36px;
    }

    .number-box{
      flex:1 1 200px;
      max-width:220px;
    }

    .circle{
      width:150px;
      height:150px;
      position:relative;
      margin:0 auto 14px;
      padding: 15px;
    }

    .circle::before{
      content:"";
      position:absolute;
      inset:0;
      border-radius:50%;
      border:12px solid var(--border-color);
      border-top-color:var(--accent);
      z-index:1;
      animation: rotate-border 3.6s linear infinite;
      animation-play-state:paused;
    }

    .circle.running::before{
      animation-play-state:running;
    }

    @keyframes rotate-border{
      from{transform:rotate(0deg)}
      to{transform:rotate(360deg)}
    }

    .circle-content{
      position:absolute;
      top:50%;
      left:50%;
      transform:translate(-50%,-50%);
      z-index:2;
      text-align:center;
      width:100%;
      padding:0 6px;
    }

    .icon{
      display:block;
      font-size:28px;
      color:var(--border-color);
      margin-bottom:6px;
    }

    .number{
      font-size:26px;
      font-weight:800;
      color:var(--accent);
      line-height:1;
    }

    .label{
      font-size:15px;
      color:#222;
      font-weight:600;
      margin-top:6px;
    }

    @media (max-width:700px){
      .numbers-container{gap:30px}
      .number-box{max-width:180px}
      .circle{width:140px;height:140px}
    }