.app-box {
          background: #fff;
          border: 1px solid #e5e7eb;
          border-radius: 12px;
          padding: 25px 15px;
          text-align: center;
          height: 140px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          transition: all .3s ease;
        }
        .timeline{
            display:flex;
            gap:30px;
            align-items:stretch;   /* Equal height */
            justify-content:center;
            flex-wrap:wrap;
        }
        .step{
            flex:1 1 250px;
            display:flex;
            position:relative;
        }
        .box{
            flex:1;
            display:flex;
            flex-direction:column;
            /*justify-content:center;
            min-height:320px;*/
            border: 2px solid #007BFC;
            border-radius: 40px;
            padding: 50px 20px 20px;
            background: #fff;
            position: relative;
        }
        .step-number{
            position:absolute;
            right:18px;
            top:-18px;
            width:64px;
            height:64px;
            border-radius:50%;
            background:#007BFC;
            color:#fff;
            display:flex;
            flex-direction:column;
            align-items:center;
            justify-content:center;
            font-weight:bold;z-index:2
        }
        .step-number small{
            font-size:10px
        }
        
        @media(max-width:991px){
            .arrow{
                display:none
            }
            .step{
                max-width:none
            }
        }
        
       .primary-badge {
          font-size: 11px;
          padding: 6px 12px;
          border-radius: 50px;
          background: #eff6ff;
          color: #279bff;
          border: 1px solid #dbeafe;
        }
        
        /*==================================================
        ACME Overview Section
        ==================================================*/

        .acme-overview-section{
            position:relative;
            padding:100px 0;
            overflow:hidden;
            background:#fff;
        }

        /* Decorative Background */
        .acme-overview-section::before{
            content:"";
            position:absolute;
            width:550px;
            height:550px;
            left:-250px;
            top:120px;
            border:1px solid rgba(0,123,252,.08);
            border-radius:50%;
        }

        .acme-overview-section::after{
            content:"";
            position:absolute;
            width:220px;
            height:220px;
            right:-60px;
            top:20px;
            background-image: radial-gradient(#007BFC 1.4px, transparent 1.4px);
            background-size:18px 18px;
            opacity:.08;
        }

        /*==================================
        Typography
        ==================================*/

        .acme-overview-section .badge{
            font-size:.95rem;
            letter-spacing:.3px;
        }

        .acme-overview-section h2{
            color:#1b2958;
            line-height:1.15;
        }

        .acme-overview-section h3{
            color:#1b2958;
            line-height:1.25;
            font-size:2rem;
        }

        .acme-overview-section .lead{
            max-width:1000px;
            margin:auto;
            line-height:1.9;
            font-size:1.22rem;
        }

        .acme-overview-section p{
            
            line-height:2;
        }

        /*==================================
        Cards
        ==================================*/

        .acme-overview-section .card{
            border:1px solid #edf1f8!important;
            /*border-radius:22px!important;*/
            transition:.35s;
            background:#fff;
        }


        /*==================================
        Large Icon
        ==================================*/

        .acme-icon-box{
            width:118px;
            height:118px;
            min-width:118px;
            border-radius:22px;
            display:flex;
            align-items:center;
            justify-content:center;
            background:linear-gradient(135deg,#007BFC,#2867ff);
            color:#fff;
            font-size:52px;
            box-shadow:0 18px 35px rgba(0,123,252,.30);
        }


        /*==================================
        Bottom Icon
        ==================================*/

        .acme-mini-icon{
            width:62px;
            height:62px;
            min-width:62px;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            background:#eef6ff;
            color:#007BFC;
            font-size:24px;
        }

        /*==================================
        Checklist
        ==================================*/

        .acme-list-icon{
            width:46px;
            height:46px;
            min-width:46px;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            background:#eef6ff;
            color:#007BFC;
            font-size:18px;
        }

        .acme-overview-section .list-group-item{
            
            color:#40485f;
        }

        .acme-overview-section .list-group-item:last-child{
            border-bottom:none!important;
        }

        /*==================================
        Did You Know
        ==================================*/

        .acme-tip-card{
            background:#fffaf0!important;
            border-left:5px solid #ffb000!important;
        }

        .acme-tip-icon{
            width:72px;
            height:72px;
            min-width:72px;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            background:#ffb000;
            color:#fff;
            font-size:30px;
            box-shadow:0 12px 30px rgba(255,176,0,.35);
        }

        /*==================================
        Horizontal Rule
        ==================================*/

        .acme-overview-section hr{
            opacity:.08;
        }

        /*==================================
        Responsive
        ==================================*/

        @media (max-width:991px){

            .acme-overview-section{
                padding:70px 0;
            }

            .acme-icon-box{
                width:90px;
                height:90px;
                min-width:90px;
                font-size:40px;
            }

            .acme-overview-section h2{
                font-size:2.3rem;
            }

            .acme-overview-section h3{
                font-size:1.7rem;
            }

            .acme-overview-section .card-body{
                padding:2rem!important;
            }

        }

        @media (max-width:767px){

            .acme-overview-section h2{
                font-size:2rem;
            }

            .acme-overview-section .lead{
                font-size:1rem;
                line-height:1.8;
            }

            .acme-overview-section p{
                font-size:1rem;
                line-height:1.8;
            }

            .acme-icon-box{
                width:75px;
                height:75px;
                min-width:75px;
                font-size:34px;
                border-radius:18px;
            }

            .acme-mini-icon{
                width:54px;
                height:54px;
                min-width:54px;
                font-size:20px;
            }

            .acme-tip-icon{
                width:60px;
                height:60px;
                min-width:60px;
                font-size:24px;
            }

        }

        .acme-benefits{
            background:#f8fbff;
        }

        .acme-benefit-summary{
            
            border-left:2px solid var(--bs-primary);
            padding:35px;
            
        }

        @media(max-width:991px){

            .acme-benefit-title{
                font-size:32px;
            }

        }


        .acme-validation{

            background:#ffffff;

        }


        .validation-card{

            background:#fff;
            border:1px solid #e9ecef;
            border-radius:14px;
            padding:35px;
            height:100%;
            transition:.3s ease;

        }

        .validation-card:hover{

            transform:translateY(-6px);
            box-shadow:0 18px 40px rgba(0,0,0,.08);

        }

        .validation-icon{

            font-size:42px;
            margin-bottom:20px;

        }


        .validation-card p{

            color:#6c757d;
            line-height:1.8;

        }

        .validation-card h4{

            font-size:18px;
            margin-top:25px;
            margin-bottom:15px;
            font-weight:700;

        }

        .validation-card ul{

            padding-left:18px;
            margin-bottom:25px;

        }

        .validation-card li{

            margin-bottom:10px;
            color:#495057;

        }

        .validation-note{

            border-radius:10px;
            padding:18px;
            margin-top:20px;

        }

        .validation-note strong{

            display:block;
            margin-bottom:8px;

        }

        .validation-note p{

            margin:0;

        }

        .validation-note.success{

            background:#eefaf2;
            border-left:2px solid #198754;

        }

        .validation-note.info{

            background:#eef5ff;
            border-left:2px solid #0d6efd;

        }

        .validation-note.warning{

            background:#fff8e8;
            border-left:2px solid #ffc107;

        }

        .validation-summary{

            background:#f8f9fa;
            /*border-radius:14px;*/
            padding:40px;

        }


        .validation-summary p{

            color:#495057;
            line-height:1.9;
            margin-bottom:18px;

        }

        .validation-summary p:last-child{

            margin-bottom:0;

        }

        @media(max-width:991px){

        .acme-validation-title{

            font-size:34px;

        }

        .validation-card{

            padding:28px;

        }

        .validation-summary{

            padding:30px;

        }

        }

        .feature-card p{

            margin:0;
            line-height:1.8;
            color:#6c757d;

        }

        .acme-feature-highlight{

            background:#ffffff;
            border-radius:16px;
            padding:45px;
            border:1px solid #dee2e6;

        }

        .acme-feature-highlight h3{

            font-size:32px;
            font-weight:700;
            margin-bottom:20px;

        }

        .acme-feature-highlight p{

            line-height:1.9;
            color:#495057;

        }

        .automation-flow{

            background:#f8f9fa;
            border-radius:12px;
            padding:30px;
            text-align:center;
            font-weight:600;

        }

        .automation-flow div{

            padding:10px 0;
            color:#212529;

        }

        .automation-flow span{

            display:block;
            color:#0d6efd;
            font-size:24px;
            margin:4px 0;

        }

        @media(max-width:991px){

        .acme-features-title{

            font-size:34px;

        }

        .feature-card{

            padding:25px;

        }

        .acme-feature-highlight{

            padding:30px;

        }

        .automation-flow{

            margin-top:30px;

        }

        }

        .acme-platforms{

            background:#ffffff;

        }

        
        .platform-group{

            margin-top:60px;

        }

        .platform-card{

            background:#fff;
            border:1px solid #e9ecef;
            
            padding:30px;
            height:100%;
            transition:.3s;

        }

        .platform-card:hover{

            transform:translateY(-6px);
            box-shadow:0 18px 40px rgba(0,0,0,.08);

        }

        .platform-icon{

            font-size:42px;
            margin-bottom:20px;

        }


        .platform-card p{

            margin:0;
            color:#6c757d;
            line-height:1.8;

        }

        .platform-summary{

            background:#f8f9fa;
            border-left:2px solid #0d6efd;
            /*border-radius:14px;*/
            padding:40px;

        }


        .platform-summary p:last-child{

            margin-bottom:0;

        }

        @media(max-width:991px){

        .acme-platform-title{

            font-size:34px;

        }

        .platform-group-title{

            font-size:26px;

        }

        .platform-card{

            padding:25px;

        }

        .platform-summary{

            padding:30px;

        }

        }

        .acme-usecases{

            background:#f8fbff;

        }

        .usecase-card{

            background:#fff;
            /*border:1px solid #e9ecef;*/
            /*border-radius:14px;*/
            padding:30px;
            height:100%;
            transition:.3s;

        }

        .usecase-card:hover{
            
            boder:1px solid rgba(0,0,0,.08);

        }

        .usecase-icon{

            font-size:42px;
            margin-bottom:20px;

        }

        .usecase-card h3{

            font-size:24px;
            font-weight:700;
            margin-bottom:16px;

        }


        .usecase-info{

            background:#fff;
            border:1px solid #dee2e6;
            /*border-radius:14px;*/
            padding:35px;
            height:100%;

        }


        .usecase-info p{

            color:#495057;
            line-height:1.9;

        }

        .usecase-highlight{

            border-radius:14px;
            padding:35px;
            height:100%;

        }


        .usecase-highlight ul{

            margin:0;
            padding-left:0;
            list-style:none;

        }

        .usecase-highlight li{

            margin-bottom:16px;
            color:#495057;
            line-height:1.7;

        }

        @media(max-width:991px){

        .acme-usecases-title{

            font-size:34px;

        }

        .usecase-card,
        .usecase-info,
        .usecase-highlight{

            padding:28px;

        }

        }

        .acme-comparison{

            background:#ffffff;

        }

        .acme-comparison-badge{

            display:inline-block;
            padding:8px 18px;
            background:#eef5ff;
            color:#0d6efd;
            border-radius:30px;
            font-size:14px;
            font-weight:600;
            margin-bottom:18px;

        }

        .comparison-table-wrapper{

            border:1px solid #dee2e6;
            border-radius:14px;
            overflow:hidden;

        }

        .comparison-table{

            margin:0;

        }

        .comparison-table thead th{

            background:#f8f9fa;
            padding:20px;
            font-size:18px;
            font-weight:700;
            border-bottom:1px solid #dee2e6;

        }

        .acme-column{

            background:#eaf6ff !important;
            color:#0d6efd;

        }

        .traditional-column{

            background:#fff8e8 !important;
            color:#856404;

        }

        .comparison-table td{

            padding:18px;
            vertical-align:middle;
            line-height:1.7;

        }

        .comparison-table tbody tr:nth-child(even){

            background:#fcfcfc;

        }

        .comparison-table tbody td:first-child{

            font-weight:600;
            color:#212529;
            width:28%;

        }

        .comparison-info{

            padding:35px;

        }

        .comparison-info h3{

            font-size:30px;
            font-weight:700;
            margin-bottom:20px;

        }

        .comparison-info p{

            line-height:1.9;
            color:#495057;

        }

        .comparison-highlight{

            background:#ffffff;
            border-left:2px solid #0d6efd;
            border-radius:14px;
            padding:35px;
            height:100%;

        }

        .comparison-highlight h3{

            font-size:30px;
            font-weight:700;
            margin-bottom:20px;

        }

        .comparison-highlight ul{

            list-style:none;
            padding:0;
            margin:0;

        }

        .comparison-highlight li{

            margin-bottom:16px;
            line-height:1.8;
            color:#495057;

        }

        @media(max-width:991px){

        .acme-comparison-title{

            font-size:34px;

        }

        .comparison-info,
        .comparison-highlight{

            padding:28px;

        }

        .comparison-table thead th,
        .comparison-table td{

            white-space:nowrap;

        }

        }

        .acme-qpeck{

            background:#f8fbff;

        }


        .qpeck-card{

            background:#ffffff;
            border:1px solid #e9ecef;
            /*border-radius:14px;*/
            padding:30px;
            height:100%;
            transition:.3s;

        }


        .qpeck-icon{

            font-size:42px;
            margin-bottom:20px;

        }

        .qpeck-card h3{

            font-size:24px;
            font-weight:700;
            margin-bottom:15px;
            color:#212529;

        }


        .highlight-item h3{

            font-size:42px;
            font-weight:700;
            margin-bottom:10px;
            color:#fff;

        }

        .highlight-item p{

            margin:0;
            color:rgba(255,255,255,.9);

        }

        .qpeck-content{

            background:#ffffff;
            /*border-radius:14px;*/
            border:1px solid #dee2e6;
            padding:35px;
            height:100%;

        }

        .qpeck-content h3{

            font-size:30px;
            font-weight:700;
            margin-bottom:20px;

        }

        .qpeck-content p{

            color:#495057;
            line-height:1.9;

        }

        .qpeck-checklist{

            background:#ffffff;
            border-left:2px solid #0d6efd;
            border-radius:14px;
            padding:35px;
            height:100%;

        }

        .qpeck-checklist h3{

            font-size:30px;
            font-weight:700;
            margin-bottom:25px;

        }

        .qpeck-checklist ul{

            list-style:none;
            margin:0;
            padding:0;

        }

        .qpeck-checklist li{

            margin-bottom:16px;
            color:#495057;
            line-height:1.8;

        }

        @media(max-width:991px){

        .acme-qpeck-title{

            font-size:34px;

        }

        .qpeck-card,
        .qpeck-content,
        .qpeck-checklist{

            padding:28px;

        }

        .qpeck-highlight{

            padding:35px 20px;

        }

        .highlight-item{

            margin-bottom:30px;

        }

        .highlight-item:last-child{

            margin-bottom:0;

        }

        }

        .acme-workflow{

            background:#ffffff;

        }


        .workflow-step{

            display:flex;
            align-items:flex-start;
            gap:30px;
            margin-top:45px;
            padding-bottom:35px;
            border-bottom:1px solid #ececec;

        }

        .workflow-number{

            width:75px;
            height:75px;
            flex-shrink:0;
            border-radius:50%;
            background:#0d6efd;
            color:#fff;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:28px;
            font-weight:700;

        }

        .workflow-content h3{

            font-size:28px;
            font-weight:700;
            margin-bottom:15px;
            color:#212529;

        }

        .workflow-content p{

            margin:0;
            line-height:1.9;
            color:#495057;

        }

        .workflow-summary{

            margin-top:70px;
            background:#f8f9fa;
            border-radius:14px;
            padding:40px;

        }

        .workflow-summary h3{

            text-align:center;
            margin-bottom:35px;
            font-size:32px;
            font-weight:700;

        }

        .workflow-flow{

            display:flex;
            flex-wrap:wrap;
            justify-content:center;
            align-items:center;
            gap:12px;

        }

        .flow-item{

            background:#ffffff;
            border:1px solid #dee2e6;
            border-radius:8px;
            padding:12px 18px;
            font-weight:600;

        }

        .flow-arrow{

            font-size:24px;
            color:#0d6efd;
            font-weight:bold;

        }

        .flow-item.active{

            background:#0d6efd;
            color:#ffffff;
            border-color:#0d6efd;

        }

        @media(max-width:991px){

        .acme-workflow-title{

            font-size:34px;

        }

        .workflow-step{

            flex-direction:column;
            gap:20px;

        }

        .workflow-number{

            width:60px;
            height:60px;
            font-size:22px;

        }

        .workflow-content h3{

            font-size:24px;

        }

        .workflow-summary{

            padding:30px;

        }

        .workflow-flow{

            flex-direction:column;

        }

        .flow-arrow{

            transform:rotate(90deg);

        }

        }