:root {
      --curve-path: "M 10 100 Q 190 -20 370 100";
      --speed: 10s; 
    }

    body {
      font-family: 'Poppins', sans-serif;
      background: #f8fafc;
    }

    .arc-container {
      position: relative;
      width: 380px;
      height: 180px;
      margin: 80px auto;
      display: flex;
      justify-content: center;
      background: radial-gradient(circle at center, rgba(59, 130, 246, 0.05) 0%, transparent 70%);
    }

    /* --- TEXT STYLING (UPDATED SIZE) --- */
    .center-text {
        position: absolute;
        bottom: 5px; /* Thoda adjust kiya */
        width: 100%;
        text-align: center;
        z-index: 5;
    }
    
    .center-text h2 {
        /* SIZE UPDATE: 28px -> 20px */
        font-size: 20px; 
        font-weight: 800; /* Bold rakha hai */
        letter-spacing: -0.5px;
        text-transform: uppercase;
        margin-bottom: 2px;
        
        /* Blue Gradient */
        background: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        color: transparent;
        
        filter: drop-shadow(0 2px 4px rgba(37, 99, 235, 0.15));
    }

    .center-text p {
      font-size: 9px; /* Tagline bhi thodi chhoti ki */
      color: #94a3b8;
      font-weight: 600;
      letter-spacing: 1.5px;
      text-transform: uppercase;
    }

    /* --- MOVING ICONS --- */
    .moving-item {
      position: absolute;
      top: 0; left: 0;
      display: flex;
      flex-direction: column; 
      align-items: center;
      justify-content: center;
      
      offset-path: path(var(--curve-path));
      offset-rotate: 0deg;
      animation: travel-arc var(--speed) linear infinite;
      
      opacity: 0;
      z-index: 10;
    }

    .icon-circle {
      width: 55px;
      height: 55px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      margin-bottom: 8px;
      border: 2px solid rgba(255, 255, 255, 0.9);
      transition: all 0.3s ease;
    }

    .icon-label {
      font-size: 11px;
      font-weight: 700;
      color: #64748b;
      background: white;
      padding: 2px 8px;
      border-radius: 12px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.05);
      border: 1px solid #f1f5f9;
    }

    /* --- BRAND COLORS --- */
    .item-1 { animation-delay: 0s; }
    .item-1 .icon-circle { background: linear-gradient(135deg, #ff416c, #ff4b2b); box-shadow: 0 8px 20px -5px rgba(255, 65, 108, 0.4); }

    .item-2 { animation-delay: -2.5s; }
    .item-2 .icon-circle { background: linear-gradient(135deg, #0052d4, #4364f7, #6fb1fc); box-shadow: 0 8px 20px -5px rgba(67, 100, 247, 0.4); }

    .item-3 { animation-delay: -5s; }
    .item-3 .icon-circle { background: linear-gradient(135deg, #fc4a1a, #f7b733); box-shadow: 0 8px 20px -5px rgba(252, 74, 26, 0.4); }

    .item-4 { animation-delay: -7.5s; }
    .item-4 .icon-circle { background: linear-gradient(135deg, #00c6ff, #0072ff); box-shadow: 0 8px 20px -5px rgba(0, 114, 255, 0.4); }

    @keyframes travel-arc {
      0% { offset-distance: 0%; opacity: 0; transform: scale(0.6); }
      10% { opacity: 1; transform: scale(0.8); }
      50% { transform: scale(1.15); z-index: 20; }
      90% { opacity: 1; transform: scale(0.8); }
      100% { offset-distance: 100%; opacity: 0; transform: scale(0.6); }
    }