:root {
            --accent: #ed3237;
            --accent-light: #ffd8d9;
            --accent-dark: #ed3237;
            --ink: #14161F;
            --muted: #5B6072;
        }

    

        h1,
        h2,
        h3,
        h4,
        .ap-breadcrumb-title,
        .ap-section-title,
        .ap-ticket-title,
        .ap-blog-title {
           
        }

        /* Module accent tints applied over the shared theme */

        .ap-breadcrumb-title,
        .ap-breadcrumb-list span,
        .ap-breadcrumb-list a {
            color: #fff !important;
        }

        .ap-btn.btn-primary {
            background: var(--accent) !important;
            border-color: var(--accent) !important;
        }

        .ap-section-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-weight: 700;
            letter-spacing: 1.5px;
            color: var(--accent-dark);
            background: var(--accent-light);
            padding: 6px 16px;
            border-radius: 999px;
            margin-bottom: 16px;
            text-transform: uppercase;
            font-size: 12px;
        }

        /* Narrative band */
        .ap-narrative-band {
            background: var(--ink);
            padding: 70px 0;
            position: relative;
            overflow: hidden;
        }

        .ap-narrative-band::before {
            content: "";
            position: absolute;
            top: -40%;
            right: -10%;
            width: 480px;
            height: 480px;
            border-radius: 50%;
            background: var(--accent);
            opacity: 0.18;
            filter: blur(10px);
        }

         .ap-narrative-text {
            position: relative;
            color: #E7E8EE;
            font-family: 'Sora', sans-serif;
            font-size: clamp(16px, 2.6vw, 23px);
            font-weight: 600;
            line-height: 1.5;
            text-align: justify;
        }

        .ap-narrative-text .accent-word {
            color: var(--accent);
        }

        /* Stat strip */
        .ap-stat-strip {
            display: flex;
            flex-wrap: wrap;
            gap: 24px;
            margin-top: 44px;
            position: relative;
        }

        .ap-stat-card {
            flex: 1 1 200px;
            border-left: 3px solid var(--accent);
            padding: 6px 0 6px 20px;
        }

        .ap-stat-value {
            font-family: 'Sora', sans-serif;
            font-size: 28px;
            font-weight: 600;
            color: #fff;
            display: block;
            line-height: 1;
        }

        .ap-stat-label {
            color: #A9ACBE;
            font-size: 14px;
            margin-top: 4px;
            display: block;
        }

        /* Feature cards */
        .ap-feature-card {
            background: #fff;
            border-radius: 16px;
            padding: 32px 30px;
            box-shadow: 0 8px 28px rgba(20, 22, 40, 0.06);
            border-top: 3px solid var(--accent);
            height: 100%;
            transition: transform .25s ease, box-shadow .25s ease;
        }

        .ap-feature-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 16px 36px rgba(20, 22, 40, 0.1);
        }

        .ap-feature-card .ap-feature-index {
            display: inline-block;
            font-family: 'Sora', sans-serif;
            font-size: 13px;
            font-weight: 700;
            color: var(--accent-dark);
            background: var(--accent-light);
            border-radius: 999px;
            padding: 4px 12px;
            margin-bottom: 14px;
        }

        .ap-feature-card h4 {
            margin-bottom: 12px;
        }

        .ap-feature-card>p {
            text-align: justify;
            margin-bottom: 18px;
            color: var(--muted);
        }

        .ap-feature-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .ap-feature-list li {
            display: flex;
            gap: 10px;
            align-items: flex-start;
            margin-bottom: 14px;
            text-align: justify;
        }

        .ap-feature-list li i {
            color: var(--accent);
            margin-top: 4px;
            flex-shrink: 0;
        }

        .ap-feature-list li strong {
            display: block;
            margin-bottom: 2px;
        }

        .ap-feature-list li span {
            color: var(--muted);
        }

        /* Pull-quote */
       

        .ap-pullquote-mark {
            font-family: 'Sora', sans-serif;
            font-size: 90px;
            line-height: 1;
            color: var(--accent);
            opacity: .5;
            display: block;
            margin-bottom: -20px;
        }

        .ap-pullquote-text {
            font-family: 'Sora', sans-serif;
            font-size: clamp(20px, 2.4vw, 28px);
            font-weight: 600;
            color: var(--accent-dark);
            line-height: 1.5;
           
        }

        /* Benefits / before-after */
        .ap-benefit-row {
            display: grid;
            grid-template-columns: 1.5fr 2fr;
            gap: 47px;
            padding: 19px 0;
            border-bottom: 1px solid #ECEDF3;
        }

        .ap-benefit-row:first-child {
            border-top: 1px solid #ECEDF3;
        }

        .ap-benefit-before,
        .ap-benefit-after {
            display: flex;
            gap: 12px;
            align-items: flex-start;
        }

        .ap-benefit-before i {
            color: #D64545;
            margin-top: 3px;
        }

        .ap-benefit-after i {
            color: #1f6c17;
            margin-top: 3px;
        }

        .ap-benefit-before span,
        .ap-benefit-after span {
            color: var(--muted);
            font-size: 16px;
            text-align: left;
            text-align: justify;
        }

        .ap-benefit-heading {
            font-family: 'Sora', sans-serif;
            font-weight: 700;
            font-size: 13px;
            letter-spacing: 1px;
            text-transform: uppercase;
            margin-bottom: 6px;
        }

        .ap-benefit-heading.before {
            color: #D64545;
        }

        .ap-benefit-heading.after {
            color: var(--accent-dark);
        }

        /* FAQ accordion */
        .ap-faq-item {
            background: #fff;
            border: 1px solid #ECEDF3;
            border-radius: 14px;
            margin-bottom: 16px;
            overflow: hidden;
        }

        .ap-faq-question {
            width: 100%;
            text-align: left;
            background: #fff;
            border: none;
            padding: 20px 26px;
            font-family: 'Sora', sans-serif;
            font-weight: 600;
            font-size: 17px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            color: var(--ink);
        }

        .ap-faq-toggle {
            color: var(--accent);
            font-size: 22px;
            font-weight: 400;
            line-height: 1;
            transition: transform .2s ease;
            flex-shrink: 0;
            margin-left: 16px;
        }

        .ap-faq-question[aria-expanded="true"] .ap-faq-toggle {
            transform: rotate(45deg);
        }

        .ap-faq-answer {
            padding: 0 26px 22px;
            color: var(--muted);
            text-align: justify;
        }

        @media only screen and (max-width: 767px) {
            .ap-benefit-row {
                grid-template-columns: 1fr;
            }
        }



        /* Modal Main Container */
        #trialModal .modal-dialog {
            max-width: 960px;
            /* Widened to fit the 2-column layout nicely */
        }

        #trialModal .modal-content {
            border-radius: 20px;
            overflow: hidden;
        }

        /* Left Column Styling */
        #trialModal .modal-left-side {
            background: linear-gradient(120deg, #000000 1%, #ed3237 86%);
            position: relative;
        }

        #trialModal .modal-dev-img-wrap img {
           
            width: 100%;
           
        }

        /* Form Styles */
        #trialModal .form-label {
            font-size: 13px;
            font-weight: 600;
            color: #444;
            margin-bottom: 6px;
        }

        #trialModal .form-control,
        #trialModal .form-select {
            height: 48px;
            border-radius: 10px;
            border: 1px solid #e2e8f0;
            padding: 0 15px;
            font-size: 14px;
            background-color: #f8fafc;
            transition: all 0.2s ease;
        }

        #trialModal .form-control:focus,
        #trialModal .form-select:focus {
            background-color: #fff;
            border-color: #ed1c24;
            box-shadow: 0 0 0 0.2rem rgba(237, 28, 36, 0.15);
        }

        /* Close Button */
        .modal-close-btn {
            position: absolute;
            right: 20px;
            top: 20px;
            border: none;
            background: #f1f5f9;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            color: #64748b;
            z-index: 10;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .modal-close-btn:hover {
            background: #ed1c24;
            color: #ffffff;
        }






@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
 .praaasaa
{
      flex-direction: column-reverse;

}
}
  .section-space {
                padding: 80px 0;
                position: relative;
                overflow: hidden;
                background: linear-gradient(135deg, #ffffff 0%, #fff5f5 50%, #ffe8e8 100%);
            }

            .ap-pullquote-wrap {
                position: relative;
                padding: 60px 67px;
                background: rgba(255, 255, 255, 0.92);
                backdrop-filter: blur(10px);
                border-radius: 24px;
                border: 2px solid rgba(220, 38, 38, 0.15);
                box-shadow: 0 20px 60px rgba(220, 38, 38, 0.08);
                text-align: center;
                z-index: 2;
                transition: all 0.3s ease;
            }

            .ap-pullquote-wrap:hover {
                box-shadow: 0 25px 80px rgba(220, 38, 38, 0.12);
                border-color: rgba(220, 38, 38, 0.25);
            }

            .ap-pullquote-wrap::before {
                content: '"';
                position: absolute;
                top: -10px;
                left: 30px;
                font-size: 120px;
                color: rgba(220, 38, 38, 0.06);
                font-family: Georgia, serif;
                line-height: 1;
            }

            .ap-pullquote-wrap::after {
                content: '"';
                position: absolute;
                bottom: -40px;
                right: 30px;
                font-size: 120px;
                color: rgba(220, 38, 38, 0.06);
                font-family: Georgia, serif;
                line-height: 1;
            }

            .ap-pullquote-text {
                font-size: 28px;
                line-height: 1.6;
                
                font-weight: 500;
                margin: 0;
                position: relative;
                z-index: 2;
                letter-spacing: -0.02em;
                text-align: center;
            }


            /* Particle Canvas */
            #particles-canvas {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                pointer-events: none;
                z-index: 0;
            }

            /* Floating particles (CSS only) */
            .particle {
                position: absolute;
                border-radius: 50%;
                pointer-events: none;
                z-index: 0;
                opacity: 0.5;
            }

            /* Red Particles */
            .particle-red-1 {
                width: 10px;
                height: 10px;
                background: #dc2626;
                top: 8%;
                left: 4%;
                animation: floatParticle 8s ease-in-out infinite;
            }

            .particle-red-2 {
                width: 14px;
                height: 14px;
                background: #ef4444;
                top: 15%;
                right: 6%;
                animation: floatParticle 10s ease-in-out infinite 1s;
            }

            .particle-red-3 {
                width: 6px;
                height: 6px;
                background: #dc2626;
                bottom: 25%;
                left: 2%;
                animation: floatParticle 7s ease-in-out infinite 2s;
            }

            .particle-red-4 {
                width: 18px;
                height: 18px;
                background: #b91c1c;
                bottom: 15%;
                right: 4%;
                animation: floatParticle 9s ease-in-out infinite 0.5s;
            }

            .particle-red-5 {
                width: 12px;
                height: 12px;
                background: rgba(220, 38, 38, 0.15);
                top: 45%;
                left: 50%;
                transform: translate(-50%, -50%);
                animation: pulseParticle 6s ease-in-out infinite;
            }

            .particle-red-6 {
                width: 5px;
                height: 5px;
                background: #ef4444;
                top: 55%;
                left: 10%;
                animation: floatParticle 11s ease-in-out infinite 1.5s;
            }

            .particle-red-7 {
                width: 20px;
                height: 20px;
                background: rgba(220, 38, 38, 0.08);
                top: 12%;
                left: 35%;
                animation: pulseParticle 7s ease-in-out infinite 0.8s;
            }

            .particle-red-8 {
                width: 7px;
                height: 7px;
                background: #dc2626;
                bottom: 10%;
                right: 18%;
                animation: floatParticle 12s ease-in-out infinite 2.5s;
            }

            /* White Particles */
            .particle-white-1 {
                width: 16px;
                height: 16px;
                background: rgba(255, 255, 255, 0.6);
                top: 5%;
                left: 20%;
                animation: floatParticle 9s ease-in-out infinite 0.3s;
                box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
            }

            .particle-white-2 {
                width: 8px;
                height: 8px;
                background: rgba(255, 255, 255, 0.5);
                top: 30%;
                right: 2%;
                animation: floatParticle 11s ease-in-out infinite 1.8s;
                box-shadow: 0 0 15px rgba(255, 255, 255, 0.2);
            }

            .particle-white-3 {
                width: 22px;
                height: 22px;
                background: rgba(255, 255, 255, 0.4);
                bottom: 35%;
                left: 8%;
                animation: pulseParticle 8s ease-in-out infinite 0.6s;
                box-shadow: 0 0 30px rgba(255, 255, 255, 0.15);
            }

            .particle-white-4 {
                width: 11px;
                height: 11px;
                background: rgba(255, 255, 255, 0.55);
                bottom: 5%;
                right: 30%;
                animation: floatParticle 10s ease-in-out infinite 2.2s;
                box-shadow: 0 0 18px rgba(255, 255, 255, 0.2);
            }

            .particle-white-5 {
                width: 6px;
                height: 6px;
                background: rgba(255, 255, 255, 0.7);
                top: 50%;
                left: 3%;
                animation: floatParticle 7s ease-in-out infinite 1.2s;
                box-shadow: 0 0 12px rgba(255, 255, 255, 0.3);
            }

            .particle-white-6 {
                width: 18px;
                height: 18px;
                background: rgba(255, 255, 255, 0.35);
                top: 70%;
                right: 12%;
                animation: pulseParticle 9s ease-in-out infinite 0.4s;
                box-shadow: 0 0 25px rgba(255, 255, 255, 0.12);
            }

            .particle-white-7 {
                width: 9px;
                height: 9px;
                background: rgba(255, 255, 255, 0.6);
                top: 85%;
                left: 25%;
                animation: floatParticle 13s ease-in-out infinite 1.9s;
                box-shadow: 0 0 16px rgba(255, 255, 255, 0.25);
            }

            .particle-white-8 {
                width: 14px;
                height: 14px;
                background: rgba(255, 255, 255, 0.45);
                top: 18%;
                left: 55%;
                animation: pulseParticle 7.5s ease-in-out infinite 2.8s;
                box-shadow: 0 0 22px rgba(255, 255, 255, 0.15);
            }

            .particle-white-9 {
                width: 5px;
                height: 5px;
                background: rgba(255, 255, 255, 0.7);
                bottom: 45%;
                right: 8%;
                animation: floatParticle 8.5s ease-in-out infinite 0.9s;
                box-shadow: 0 0 10px rgba(255, 255, 255, 0.35);
            }

            .particle-white-10 {
                width: 25px;
                height: 25px;
                background: rgba(255, 255, 255, 0.25);
                top: 40%;
                left: 75%;
                animation: pulseParticle 10s ease-in-out infinite 1.4s;
                box-shadow: 0 0 35px rgba(255, 255, 255, 0.1);
            }

            /* Additional Red Particles */
            .particle-red-9 {
                width: 13px;
                height: 13px;
                background: #b91c1c;
                top: 75%;
                left: 45%;
                animation: floatParticle 9.5s ease-in-out infinite 3s;
                opacity: 0.3;
            }

            .particle-red-10 {
                width: 8px;
                height: 8px;
                background: #ef4444;
                top: 3%;
                left: 70%;
                animation: floatParticle 7.8s ease-in-out infinite 0.7s;
                opacity: 0.4;
            }

            .particle-red-11 {
                width: 15px;
                height: 15px;
                background: rgba(220, 38, 38, 0.1);
                bottom: 55%;
                right: 25%;
                animation: pulseParticle 8.2s ease-in-out infinite 2.1s;
            }

            .particle-red-12 {
                width: 4px;
                height: 4px;
                background: #dc2626;
                top: 65%;
                left: 30%;
                animation: floatParticle 12.5s ease-in-out infinite 1.6s;
                opacity: 0.6;
            }

            /* Animations */
            @keyframes floatParticle {

                0%,
                100% {
                    transform: translate(0, 0) scale(1);
                    opacity: 0.3;
                }

                25% {
                    transform: translate(25px, -35px) scale(1.3);
                    opacity: 0.7;
                }

                50% {
                    transform: translate(-15px, -55px) scale(0.7);
                    opacity: 0.4;
                }

                75% {
                    transform: translate(20px, -25px) scale(1.2);
                    opacity: 0.6;
                }
            }

            @keyframes pulseParticle {

                0%,
                100% {
                    transform: translate(-50%, -50%) scale(1);
                    opacity: 0.15;
                }

                50% {
                    transform: translate(-50%, -50%) scale(2.5);
                    opacity: 0.04;
                }
            }

            /* Responsive */
            @media (max-width: 768px) {
                .section-space {
                    padding: 50px 0;
                }

                .ap-pullquote-wrap {
                    padding: 40px 30px;
                }

                .ap-pullquote-text {
                    font-size: 20px;
                }

                .ap-pullquote-wrap::before,
                .ap-pullquote-wrap::after {
                    font-size: 60px;
                }

                .ap-pullquote-wrap::before {
                    top: 5px;
                    left: 15px;
                }

                .ap-pullquote-wrap::after {
                    bottom: -15px;
                    right: 15px;
                }

                .particle {
                    display: none;
                }

                .particle-white-1,
                .particle-red-1,
                .particle-red-5 {
                    display: block;
                }
            }

            @media (max-width: 480px) {
                .ap-pullquote-text {
                    font-size: 17px;
                    line-height: 1.5;
                }

                .ap-pullquote-wrap {
                    padding: 30px 20px;
                }
            }

              /* Common style for both buttons */
     
        
      .float-btn {
            position: fixed;
            width: 55px;
            height: 55px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 26px;
            text-decoration: none;
            z-index: 9999;
           
        }

        /* WhatsApp button */
        .whatsapp-btn {
            bottom: 85px;
            left: 20px;
            background: #138b33;
           
        }

        /* Call button */
        .call-btn {
            bottom: 98px;
            /* placed above WhatsApp */
            right: 20px;
            background: #3e9fe6;
           
        }

        /* Hover 3D tilt effect */
        

        .htaa {
            padding: 0px;
        }

        /* Pulse animation with #ed3237 color */
        @keyframes pulse {
            0% {
                box-shadow: 0 0 0 0 rgba(237, 50, 55, 0.4);
            }

            70% {
                box-shadow: 0 0 0 20px rgba(237, 50, 55, 0);
            }

            100% {
                box-shadow: 0 0 0 0 rgba(237, 50, 55, 0);
            }
        }

        @media (max-width: 600px) {
            .float-btn {
                width: 50%;
                height: 35px;
                border-radius: 0;
                bottom: -1px;
                font-size: 18px;
                animation: none;
                transform: none;
            }

            .whatsapp-btn {
                left: 0;
                right: auto;
                border-radius: 0;
                border-top: 2px solid #fff;
            }

            .call-btn {
                right: 0;
                left: auto;
                border-radius: 0;
                border-top: 2px solid #fff;
            }

            .htaa {
                padding: 20px;
            }
            .ap-feature-card {

    padding: 20px 16px;
    
}
        }