
        /* ROOT VARIABLES */

        :root {

            --nw-bg-dark: #080c1a;

            --nw-bg-section: #0a1024;

            /* --nw-bg-card: #0f1630; */

            --nw-bg-card: linear-gradient(135deg, #1D253F, #242E4B);

            --nw-bg-card-hover: #131d3d;

            --nw-accent: #3b82f6;

            --nw-accent-hover: #2563eb;

            --nw-accent-light: #60a5fa;

            --nw-red: #ef4444;

            --nw-gradient: linear-gradient(135deg, #3b82f6, #7c3aed);

            --nw-text-white: #eef2ff;

            --nw-text-gray: #8b98b8;

            --nw-text-muted: #5e6b87;

            --nw-border: #1a2744;

            --nw-border-light: #243352;

            --nw-radius: 12px;

            --nw-radius-sm: 8px;

        }



        body {

            background: var(--nw-bg-dark) !important;

            color: var(--nw-text-gray);

            font-family: 'Inter', 'Segoe UI', sans-serif;

        }



        a {

            text-decoration: none;

        }



        /* HERO / BANNER */

        .nw-hero {

            position: relative;

            overflow: hidden;

            /* text-align: center; */

        }



        .nw-hero-img {

            width: 100%;

            min-height: 320px;

            max-height: 480px;

            object-fit: cover;

            display: block;

            filter: brightness(0.7);

        }



        .nw-hero-overlay {

            position: absolute;

            inset: 0;

            display: flex;

            flex-direction: column;

            justify-content: center;

            /* align-items: center; */

            background: linear-gradient(180deg, rgba(8, 12, 26, 0.6) 0%, rgba(8, 12, 26, 0.85) 100%);

            padding: 40px 20px;

        }



        /* .nw-hero-overlay div { */

        .div-space {

            margin-left: 15%;

            margin-right: 35%;

        }



        .nw-hero-overlay div h1 {

            color: #fff;

            font-size: 2.2rem;

            font-weight: 800;

            max-width: 800px;

            line-height: 1.3;

            letter-spacing: -0.02em;

        }



        .nw-hero-overlay div p {

            color: var(--nw-text-gray);

            font-size: 1rem;

            max-width: 600px;

            margin-top: 12px;

        }



        /* SECTION COMMON */

        .nw-section {

            padding: 60px 0;

        }



        .nw-section-title {

            color: var(--nw-text-white);

            font-size: 1.6rem;

            font-weight: 800;

            text-align: center;

            margin-bottom: 12px;

            letter-spacing: -0.01em;

        }



        .nw-section-subtitle {

            color: var(--nw-text-muted);

            text-align: center;

            max-width: 650px;

            margin: 0 auto 40px;

            font-size: 0.95rem;

            line-height: 1.6;

        }



        .nw-gradient-text {

            /* background: var(--nw-gradient); */
            background: linear-gradient(90deg, #2563eb, #ff0033);

            -webkit-background-clip: text;

            -webkit-text-fill-color: transparent;

            background-clip: text;

        }



        .nw-divider {

            width: 60px;

            height: 3px;

            background: var(--nw-gradient);

            border-radius: 4px;

            margin: 0 auto 30px;

        }



        .nw-btn-primary {

            display: inline-block;

            /* background: var(--nw-gradient); */

            background: linear-gradient(90deg, #2563eb, #ff0033);

            color: #fff;

            font-weight: 600;

            font-size: 0.88rem;

            padding: 10px 28px;

            border-radius: 24px;

            border: none;

            cursor: pointer;

            transition: all 0.3s;

            margin-top: 16px;

        }



        .nw-btn-primary:hover {

            box-shadow: 0 6px 24px rgba(59, 130, 246, 0.35);

            transform: translateY(-2px);

            color: #fff;

        }



        /* PRODUCT INFO + STATS */

        .nw-info-stats {

            background: var(--nw-bg-section);

            border-bottom: 1px solid var(--nw-border);

        }



        .nw-product-info h2 {

            color: var(--nw-text-white);

            font-size: 1.5rem;

            font-weight: 800;

            margin-bottom: 16px;

            line-height: 1.3;

        }



        .nw-product-info p {

            color: var(--nw-text-gray);

            font-size: 0.95rem;

            line-height: 1.8;

            margin-bottom: 0;

        }



        .nw-stats-grid {

            display: grid;

            grid-template-columns: repeat(2, 1fr);

            gap: 20px;

        }



        .nw-stat-card {

            background: var(--nw-bg-card);

            border: 1px solid var(--nw-border);

            border-radius: var(--nw-radius);

            padding: 24px 16px;

            /* text-align: center; */

            transition: all 0.3s;

        }

        .nw-stat-card:nth-child(2) {
            text-align: right;
        }

        .nw-stat-card:nth-child(4) {
            text-align: right;
        }

        .nw-stat-card img {
            width: 25px;
            border-radius: 20px;
        }



        .nw-stat-card:hover {

            border-color: var(--nw-accent);

            transform: translateY(-2px);

            box-shadow: 0 4px 16px rgba(59, 130, 246, 0.1);

        }



        .nw-stat-value {

            font-size: 1.8rem;

            font-weight: 800;

            background: var(--nw-gradient);

            color: white;

            /* -webkit-background-clip: text; */

            /* -webkit-text-fill-color: transparent; */

            background-clip: text;

            line-height: 1;

            margin-bottom: 6px;

        }



        .nw-stat-label {

            /* color: var(--nw-text-muted); */

            color: white;

            font-size: 0.82rem;

            font-weight: 500;

        }







        /* FEATURES SECTION */

        .nw-features {

            background: var(--nw-bg-section);

        }



        .nw-feature-card {

            background: var(--nw-bg-card);

            border: 1px solid var(--nw-border);

            border-radius: var(--nw-radius);

            padding: 24px 20px;

            text-align: center;

            height: 100%;

            transition: all 0.3s;

        }



        .nw-feature-card:hover {

            border-color: var(--nw-accent);

            transform: translateY(-3px);

            box-shadow: 0 6px 24px rgba(59, 130, 246, 0.1);

        }



        .nw-feature-icon {

            width: 56px;

            height: 56px;

            border-radius: 50%;

            background: rgba(59, 130, 246, 0.1);

            display: flex;

            align-items: center;

            justify-content: center;

            margin: 0 auto 14px;

        }



        .nw-feature-icon i {

            color: var(--nw-accent);

            font-size: 1.4rem;

        }



        .nw-feature-icon img {

            width: 30px;

            height: 30px;

            object-fit: contain;

        }



        .nw-feature-card h6 {

            color: var(--nw-text-white);

            font-size: 0.92rem;

            font-weight: 700;

            margin-bottom: 8px;

        }



        .nw-feature-card p {

            color: var(--nw-text-muted);

            font-size: 0.82rem;

            line-height: 1.6;

            margin: 0;

        }







        .nw-sec3-img {

            width: 100%;

            border-radius: var(--nw-radius);

            border: 1px solid var(--nw-border);

        }



        .nw-sec3-content h2 {

            color: var(--nw-text-white);

            font-size: 1.4rem;

            font-weight: 700;

            margin-bottom: 16px;

        }



        .nw-sec3-content p {

            color: var(--nw-text-gray);

            font-size: 0.93rem;

            line-height: 1.8;

        }



        /* TECHNOLOGY STACK  */

        .nw-tech {

            background: var(--nw-bg-section);

        }



        /* .nw-tech-tabs {

                                                                                                                                                                display: flex;

                                                                                                                                                                justify-content: center;

                                                                                                                                                                gap: 12px;

                                                                                                                                                                flex-wrap: wrap;

                                                                                                                                                                margin-bottom: 30px;

                                                                                                                                                            }

             

                                                                                                                                                            .nw-tech-tab {

                                                                                                                                                                background: var(--nw-bg-card);

                                                                                                                                                                border: 1px solid var(--nw-border);

                                                                                                                                                                color: var(--nw-text-gray);

                                                                                                                                                                padding: 8px 24px;

                                                                                                                                                                border-radius: 50px;

                                                                                                                                                                font-size: 0.85rem;

                                                                                                                                                                font-weight: 600;

                                                                                                                                                                cursor: pointer;

                                                                                                                                                                transition: all 0.25s;

                                                                                                                                                                outline: none;

                                                                                                                                                            }

             

                                                                                                                                                            .nw-tech-tab:hover,

                                                                                                                                                            .nw-tech-tab.active {

                                                                                                                                                                background: var(--nw-accent);

                                                                                                                                                                border-color: var(--nw-accent);

                                                                                                                                                                color: #fff;

                                                                                                                                                            } */



        --------------------------------------------------------------------------------------------
        /* =========================

                                                                                                                                                       TECH TABS WRAPPER

                                                                                                                                                    ========================= */

        .nw-tech-tabs {

            display: flex;

            align-items: center;

            width: 100%;

            background: #1b2340;

            border-radius: 50px;

            padding: 6px;

            overflow: hidden;

            margin-bottom: 40px;

            position: relative;

        }



        /* =========================

                                                                                                                                                       TAB BUTTON

                                                                                                                                                    ========================= */

        .nw-tech-tab {

            flex: 1;

            border: none;

            background: transparent;

            color: rgba(255, 255, 255, 0.85);

            padding: 14px 20px;

            border-radius: 50px;

            font-size: 20px;

            font-weight: 500;

            cursor: pointer;

            transition: all 0.35s ease;

            position: relative;

            z-index: 2;

            text-align: center;

        }



        /* ACTIVE TAB */

        .nw-tech-tab.active {

            background: linear-gradient(90deg, #2563eb 0%, #ff003c 100%);

            color: #fff;

            box-shadow: 0 4px 18px rgba(37, 99, 235, 0.35);

        }



        /* HOVER */

        .nw-tech-tab:hover {

            color: #fff;

        }



        /* =========================

                                                                                                                                                       MOBILE

                                                                                                                                                    ========================= */

        @media(max-width:768px) {



            .nw-tech-tabs {

                padding: 5px;

            }



            .nw-tech-tab {

                font-size: 15px;

                padding: 12px 10px;

            }



        }



        /* TAB CONTENT */

        .nw-tech-content {

            display: none;

        }



        .nw-tech-content.active {

            display: block;

        }



        -------------------------------------------------------------------------------------------- .nw-tech-tab .nw-tab-count {

            opacity: 0.7;

            font-size: 0.75rem;

            margin-left: 4px;

        }



        .nw-tech-grid {

            display: flex;

            flex-wrap: wrap;

            justify-content: center;

            gap: 20px;

        }



        .nw-tech-grid.d-none {

            display: none !important;

        }



        .nw-tech-item {

            background: var(--nw-bg-card);

            border: 1px solid var(--nw-border);

            border-radius: var(--nw-radius);

            /* width: 90px; */

            width: 100%;

            height: 90px;

            display: flex;

            flex-direction: column;

            align-items: center;

            justify-content: center;

            gap: 8px;

            transition: all 0.3s;

        }



        .nw-tech-item:hover {

            border-color: var(--nw-accent);

            transform: translateY(-3px);

            box-shadow: 0 6px 20px rgba(59, 130, 246, 0.15);

        }



        /* .nw-tech-item img {

                                                                                                                                                                width: 36px;

                                                                                                                                                                height: 36px;

                                                                                                                                                                object-fit: contain;

                                                                                                                                                            } */



        .nw-tech-item span {

            color: var(--nw-text-muted);

            font-size: 0.7rem;

            font-weight: 600;

            text-align: center;

        }



        /* TESTIMONIALS */

        .nw-testimonials {

            background: var(--nw-bg-dark);

        }



        .nw-testimonial-card {

            background: var(--nw-bg-card);

            border: 1px solid var(--nw-border);

            border-radius: var(--nw-radius);

            padding: 28px 24px;

            height: 100%;

            position: relative;

        }



        .nw-testimonial-card::before {

            content: '\201C';

            position: absolute;

            top: 14px;

            right: 20px;

            font-size: 3rem;

            color: rgba(59, 130, 246, 0.15);

            font-family: Georgia, serif;

            line-height: 1;

        }



        .nw-testimonial-header {

            display: flex;

            align-items: center;

            gap: 14px;

            margin-bottom: 16px;

        }



        /* .nw-testimonial-avatar {

                            width: 50px;

                            height: 50px;

                            border-radius: 50%;

                            object-fit: cover;

                            border: 2px solid var(--nw-border-light);

                        } */



        .nw-testimonial-avatar-placeholder {

            width: 50px;

            height: 50px;

            border-radius: 50%;

            background: var(--nw-gradient);

            display: flex;

            align-items: center;

            justify-content: center;

            color: #fff;

            font-weight: 700;

            font-size: 1.1rem;

        }



        .nw-testimonial-name {

            color: var(--nw-text-white);

            font-weight: 700;

            font-size: 0.95rem;

            margin: 0;

        }



        .nw-testimonial-role {

            color: var(--nw-accent-light);

            font-size: 0.8rem;

            margin: 0;

        }



        .nw-testimonial-stars {

            color: #f59e0b;

            font-size: 0.85rem;

            margin-bottom: 12px;

        }



        .nw-testimonial-text {

            /* color: var(--nw-text-gray); */

            /* color: white; */

            font-size: 0.88rem;

            line-height: 1.7;

            font-style: italic;

            margin: 0;

        }



        /* FAQ */

        .nw-faq {

            background: var(--nw-bg-section);

        }



        .nw-faq-item {

            background: var(--nw-bg-card);

            border: 1px solid var(--nw-border);

            border-radius: var(--nw-radius-sm);

            margin-bottom: 12px;

            overflow: hidden;

        }



        .nw-faq-item summary {

            padding: 16px 20px;

            color: var(--nw-text-white);

            font-weight: 600;

            font-size: 0.92rem;

            cursor: pointer;

            list-style: none;

            display: flex;

            align-items: center;

            gap: 10px;

            transition: background 0.2s;

        }



        .nw-faq-item summary:hover {

            background: var(--nw-bg-card-hover);

        }



        .nw-faq-item summary::-webkit-details-marker {

            display: none;

        }



        .nw-faq-item summary::before {

            content: '+';

            color: var(--nw-accent);

            font-weight: 800;

            font-size: 1.2rem;

            flex-shrink: 0;

            width: 24px;

            text-align: center;

        }



        .nw-faq-item[open] summary::before {

            content: '−';

        }



        .nw-faq-item[open] summary {

            border-bottom: 1px solid var(--nw-border);

        }



        .nw-faq-answer {

            padding: 16px 20px 16px 54px;

            color: var(--nw-text-gray);

            font-size: 0.88rem;

            line-height: 1.75;

        }



        /* CTA SECTION */

        .nw-cta {

            background: var(--nw-bg-card);

            border-top: 1px solid var(--nw-border);

            padding: 50px 0;

            text-align: center;

        }



        .nw-cta h2 {

            color: var(--nw-text-white);

            font-size: 1.5rem;

            font-weight: 800;

            margin-bottom: 12px;

        }



        .nw-cta p {

            color: var(--nw-text-muted);

            max-width: 500px;

            margin: 0 auto 24px;

            font-size: 0.93rem;

        }



        /* @media (max-width: 500px) {

                                                                                                                                                                                                                                        .container{

                                                                                                                                                                                                                                        width:100%;

                                                                                                                                                                                                                                        margin:0% 15%;

                                                                                                                                                                                                                                    }

                                                                                                                                                                                                                                    } */



        /* RESPONSIVE */

        @media (max-width: 767.98px) {

            .nw-hero-overlay h1 {

                font-size: 1.4rem;

            }



            .nw-section-title {

                font-size: 1.25rem;

            }



            .nw-stat-value {

                font-size: 1.5rem;

            }



            .nw-section {

                padding: 40px 0;

            }



            .nw-tech-item {

                width: 75px;

                height: 75px;

            }



            /* .nw-tech-item img {

                                                                                                                                                                    width: 28px;

                                                                                                                                                                    height: 28px;

                                                                                                                                                                } */



            /* .nw-stats-grid {

                                grid-template-columns: repeat(2, 1fr);

                                gap: 15px 65px;

                            } */



            .nw-product-info h2 {

                font-size: 1.2rem;

            }



            .container {

                margin-left: auto !important;

                margin-right: auto !important;

            }



        }



        /* Start of Changes */



        .container {

            max-width: 1320px;

            width: 100%;

            padding-left: 15px;

            padding-right: 15px;

            margin-left: auto;

            margin-right: auto;

        }



        .nw-product-info {

            padding-right: 40px;

        }



        .nw-stats-wrapper {

            padding-left: 40px;

            position: relative;

        }



        .nw-center-logo {

            position: absolute;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%);

            z-index: 10;

            background: #07162f;

            padding: 8px;

            border-radius: 20px;

            margin-left: 18px;

        }



        .nw-center-logo img {

            width: 100px;

        }



        .service-rocket {

            margin-bottom: 6px;

        }



        .service-rocket img {

            width: 2rem;

            border-radius: 10px
        }



        .arrow {

            font-size: 20px;

        }





        .nw-section {

            background: var(--nw-bg-section);

        }



        .nw-service-card {

            background: linear-gradient(135deg, #1D253F, #242E4B);

            border: 1px solid rgba(255, 255, 255, 0.1);

            border-radius: 16px;

            padding: 30px;

            height: 100%;

        }

        .nw-service-card:hover {
            border: 2px solid var(--nw-accent);
        }

        .nw-service-top {

            display: flex;

            align-items: center;

            gap: 15px;

            margin-bottom: 20px;

        }



        .nw-service-icon {

            width: 50px;

            height: 50px;

            border-radius: 50%;

            background: #5ea0ff;

            display: flex;

            align-items: center;

            justify-content: center;

            color: #fff;

            font-size: 22px;

            flex-shrink: 0;

        }



        .nw-service-icon img {

            width: 24px;

            height: 24px;

            object-fit: contain;

        }



        .nw-service-card h4 {

            color: #fff;

            margin: 0;

            font-size: 28px;

            font-weight: 600;

        }



        .nw-service-card p {

            color: rgba(255, 255, 255, 0.75);

            line-height: 1.9;

            margin: 0;

        }



        /* Second Section */

        .nw-services-wrapper {

            display: grid;

            grid-template-columns: repeat(2, 1fr);

            gap: 30px;

            /* CARD GAP */

        }



        .nw-service-item {

            width: 100%;

        }



        @media (max-width: 768px) {

            .nw-services-wrapper {

                grid-template-columns: 1fr;

                gap: 20px;

            }

        }



        /* ---------------------------------------------------------- Third Section  ----------------------------------------------------- */

        /* TECHNOLOGY STACK */

        /* TECH SECTION */

        .nw-tech {

            background: var(--nw-bg-section);

        }



        /* TABS */

        .nw-tech-tabs {

            display: flex;

            gap: 12px;

            margin-bottom: 35px;

            flex-wrap: wrap;

            padding: 2px;

            border-radius: 30px;

            background: #1D253F;

        }



        /* TAB */

        .nw-tech-tab {

            border: none;

            background: #1D253F;

            color: #fff;

            padding: 12px 26px;

            border-radius: 50px;

            cursor: pointer;

            transition: 0.3s;

        }



        /* ACTIVE TAB */

        .nw-tech-tab.active {

            background: linear-gradient(90deg, #2563eb, #ff0033);

        }



        /* CONTENT */

        .nw-tech-content {

            display: none;

        }



        .nw-tech-content.active {

            display: block;

        }



        /* GRID */

        .nw-tech-grid {

            display: grid;

            grid-template-columns: repeat(4, 1fr);

            gap: 25px;

        }



        /* CARD */

        .nw-tech-item {

            background: linear-gradient(135deg, #1D253F, #242E4B);

            padding: 15px;

            border-radius: 16px;

            min-height: 180px;



            display: flex;

            flex-direction: column;

            justify-content: center;

            align-items: center;

            gap: 18px;



            transition: 0.3s;

        }



        /* HOVER */

        .nw-tech-item:hover {

            transform: translateY(-5px);

        }



        /* IMAGE */

        .nw-tech-item img {

            width: 150px;

            height: 100px;

            object-fit: contain;

        }



        /* TEXT */

        .nw-tech-item span {

            color: #fff;

            font-size: 20px;

        }



        /* DEFAULT ICON */

        .nw-tech-default-icon {

            font-size: 55px;

            color: #5ea0ff;

        }



        /* RESPONSIVE */

        @media(max-width:991px) {



            .nw-tech-grid {

                grid-template-columns: repeat(2, 1fr);

            }



        }



        @media(max-width:576px) {



            .nw-tech-grid {

                grid-template-columns: 1fr;

            }



        }



        /* ------------------------------------------- Testimonial Building ----------------------------------------------- */



        .nw-testimonials {

            background: var(--nw-bg-section);

            padding: 80px 0;

        }



        .nw-testimonials-slider {

            max-width: 900px;

            margin: 0 auto;

        }



        .nw-testimonial-slide {

            /* padding: 10px; */

            border: 2px solid #7dc1f5;

            /* background: linear-gradient(135deg, #59ABEA 0%, #C2D5FF 100%); */

            border-radius: 18px;

        }



        .nw-testimonial-card-new {

            background: linear-gradient(135deg, #0d1528 0%, #131d3a 100%);

            border: 1px solid rgba(59, 130, 246, 0.2);

            border-radius: 16px;

            padding: 30px 35px;

            display: flex;

            align-items: flex-start;

            gap: 30px;

            position: relative;

            overflow: hidden;

        }



        /* LEFT SIDE - Avatar & Info */

        .nw-testimonial-left {

            display: flex;

            flex-direction: column;

            align-items: center;

            text-align: center;

            min-width: 120px;

            flex-shrink: 0;

        }



        .nw-testimonial-avatar-new {

            width: 70px;

            height: 70px;

            border-radius: 50%;

            object-fit: cover;

            border: 3px solid rgba(59, 130, 246, 0.3);

            margin-bottom: 12px;

        }



        .nw-testimonial-avatar-placeholder-new {

            width: 70px;

            height: 70px;

            border-radius: 50%;

            background: var(--nw-gradient);

            display: flex;

            align-items: center;

            justify-content: center;

            color: #fff;

            font-weight: 700;

            font-size: 1.5rem;

            margin-bottom: 12px;

        }



        .nw-testimonial-info {

            text-align: center;

        }



        .nw-testimonial-name-new {

            color: var(--nw-text-white);

            font-weight: 700;

            font-size: 1rem;

            margin: 0 0 4px 0;

        }



        .nw-testimonial-role-new {

            color: var(--nw-accent-light);

            font-size: 0.82rem;

            margin: 0;

        }



        /* RIGHT SIDE - Quote & Review */

        .nw-testimonial-right {

            flex: 1;

            position: relative;

        }



        .nw-testimonial-quote-icon {

            margin-bottom: 15px;

        }



        .nw-testimonial-quote-icon svg {

            width: 36px;

            height: 36px;

        }



        .nw-testimonial-quote-icon svg path {

            fill: rgba(59, 130, 246, 0.25);

        }



        .nw-testimonial-text-new {

            color: var(--nw-text-gray);

            font-size: 0.95rem;

            line-height: 1.85;

            margin: 0 0 20px 0;

        }



        /* Thumbs Up Icons */

        .nw-testimonial-thumbs {

            display: flex;

            gap: 8px;

        }



        .nw-thumb-icon {

            font-size: 1.2rem;

            opacity: 0.8;

        }



        /* ========================================

                                                                                                                                       RESPONSIVE - TESTIMONIALS NEW

                                                                                                                                       ======================================== */



        @media (max-width: 768px) {

            .nw-testimonial-card-new {

                flex-direction: column;

                align-items: center;

                text-align: center;

                padding: 25px 20px;

                gap: 20px;

            }



            .nw-testimonial-left {

                min-width: auto;

            }



            .nw-testimonial-right {

                text-align: center;

            }



            .nw-testimonial-quote-icon {

                display: flex;

                justify-content: center;

            }



            .nw-testimonial-thumbs {

                justify-content: center;

            }

        }



        /* ----------------------------------------------- Faqs ------------------------------------------------------ */

        .nw-faq-modern {

            background: var(--nw-bg-section);

            position: relative;

            overflow: hidden;

        }



        .nw-faq-modern-wrapper {

            max-width: 950px;

            margin: 0 auto;

        }



        .nw-faq-modern-item {

            background: linear-gradient(135deg, #111a33 0%, #182544 100%);

            border: 1px solid rgba(255, 255, 255, 0.08);

            border-radius: 18px;

            margin-bottom: 18px;

            overflow: hidden;

            transition: all 0.3s ease;

        }



        .nw-faq-modern-item:hover {

            border-color: rgba(59, 130, 246, 0.45);

            transform: translateY(-2px);

        }



        .nw-faq-modern-item summary {

            list-style: none;

            cursor: pointer;

            padding: 22px 26px;

            display: flex;

            align-items: center;

            justify-content: space-between;

            gap: 20px;

            transition: 0.3s ease;

        }



        .nw-faq-modern-item summary::-webkit-details-marker {

            display: none;

        }



        .nw-faq-modern-question {

            display: flex;

            align-items: center;

            gap: 16px;

        }



        .nw-faq-modern-number {

            display: none;

            min-width: 42px;

            height: 42px;

            border-radius: 50%;

            background: linear-gradient(135deg, #2563eb, #7c3aed);

            display: flex;

            align-items: center;

            justify-content: center;

            color: #fff;

            font-weight: 700;

            font-size: 0.95rem;

            flex-shrink: 0;

        }



        .nw-faq-modern-title {

            color: #fff;

            font-size: 1rem;

            font-weight: 600;

            line-height: 1.6;

            margin: 0;

        }



        .nw-faq-modern-icon {

            width: 34px;

            height: 34px;

            border-radius: 50%;

            background: rgba(59, 130, 246, 0.12);

            color: #60a5fa;

            display: flex;

            align-items: center;

            justify-content: center;

            font-size: 22px;

            font-weight: 400;

            transition: 0.3s ease;

            flex-shrink: 0;

        }



        /* .nw-faq-modern-item[open] .nw-faq-modern-icon {

                                                                                                                    transform: rotate(45deg);

                                                                                                                    background: rgba(59, 130, 246, 0.2);

                                                                                                                    color: #fff;

                                                                                                                } */



        .nw-faq-modern-icon::before {

            content: '+';

        }



        .nw-faq-modern-item[open] .nw-faq-modern-icon::before {

            /* content: '−'; */

        }



        .nw-faq-modern-item[open] .nw-faq-modern-icon {

            background: rgba(59, 130, 246, 0.2);

            color: #fff;

        }



        .nw-faq-modern-answer {

            padding-left: 10px;

            padding-top: 5px;

            padding-bottom: 5px;

            /* margin-right: 26px;

                                                                                        margin-left: 16px;

                                                                                        margin-bottom: 12px; */

            /* margin-top: 10px; */

            /* background: #2F3C60; */

            border-radius: 10px;

            /* padding: 0 26px 24px 84px; */

            color: var(--nw-text-gray);

            font-size: 0.92rem;

            line-height: 1.9;

        }



        .nw-faq-modern-answer p:last-child {

            margin-bottom: 0;

        }



        @media(max-width:768px) {



            .nw-faq-modern-item summary {

                padding: 18px;

                align-items: flex-start;

            }



            .nw-faq-modern-question {

                gap: 12px;

            }



            .nw-faq-modern-number {

                display: none;

                min-width: 36px;

                height: 36px;

                font-size: 0.82rem;

            }



            .nw-faq-modern-title {

                font-size: 0.92rem;

            }



            .nw-faq-modern-answer {

                padding: 0 18px 20px 66px;

                font-size: 0.88rem;

            }

        }





        /* ---------------------------------------------------------------FAQ--------------------------------------------------------------------- */



        /* ----------------------------------------------- FAQ ------------------------------------------------------ */



        .nw-faq-modern {

            background: var(--nw-bg-section);

            position: relative;

            overflow: hidden;

        }



        .nw-faq-modern-wrapper {

            max-width: 950px;

            margin: 0 auto;

        }



        .nw-faq-modern-item {

            background: linear-gradient(135deg, #091427 0%, #101d38 100%);

            border: 1px solid rgba(255, 255, 255, 0.08);

            border-radius: 24px;

            margin-bottom: 22px;

            overflow: hidden;

            transition: all 0.3s ease;

        }



        .nw-faq-modern-item:hover {

            border-color: rgba(59, 130, 246, 0.35);

        }



        .nw-faq-modern-item summary {

            list-style: none;

            cursor: pointer;

            padding: 20px 32px;

            display: flex;

            align-items: center;

            justify-content: space-between;

            gap: 20px;

        }



        .nw-faq-modern-item summary::-webkit-details-marker {

            display: none;

        }



        .nw-faq-modern-question {

            flex: 1;

        }



        .nw-faq-modern-title {

            color: #fff;

            font-size: 22px;

            font-weight: 700;

            line-height: 1.5;

            margin: 0;

        }



        .nw-faq-modern-icon {

            width: 54px;

            height: 54px;

            min-width: 54px;

            border-radius: 50%;

            background: rgba(255, 255, 255, 0.08);

            position: relative;

            transition: 0.3s ease;

        }



        .nw-faq-modern-icon::before {

            content: '';

            position: absolute;

            top: 50%;

            left: 50%;

            width: 10px;

            height: 10px;

            border-right: 3px solid #fff;

            border-bottom: 3px solid #fff;

            transform: translate(-50%, -60%) rotate(45deg);

            transition: 0.3s ease;

        }



        .nw-faq-modern-item[open] .nw-faq-modern-icon {

            background: rgba(255, 255, 255, 0.12);

        }



        .nw-faq-modern-item[open] .nw-faq-modern-icon::before {

            transform: translate(-50%, -35%) rotate(-45deg);

        }



        .nw-faq-modern-answer {

            color: rgba(255, 255, 255, 0.75);

            font-size: 18px;

            line-height: 1.9;

            padding: 0 32px 30px 32px;

            max-width: 90%;

        }



        .nw-faq-modern-answer p:last-child {

            margin-bottom: 0;

        }



        /* MOBILE */



        @media(max-width:768px) {



            .nw-faq-modern-item summary {

                padding: 20px;

                align-items: flex-start;

            }



            .nw-faq-modern-title {

                font-size: 18px;

            }



            .nw-faq-modern-answer {

                padding: 0 20px 22px 20px;

                font-size: 15px;

                max-width: 100%;

            }



            .nw-faq-modern-icon {

                width: 44px;

                height: 44px;

                min-width: 44px;

            }



        }



        /* ---------------------------------------------------------------FAQ--------------------------------------------------------------------- */



        /* --------------------------------------------------------- Testimonial  ------------------------------------------------------------------- */



        .nw-testimonial-v2 {

            /* background:

                                radial-gradient(circle at top left, rgba(91, 120, 255, .18), transparent 35%),

                                radial-gradient(circle at bottom right, rgba(177, 80, 255, .14), transparent 35%),

                                #091427; */

            background: var(--nw-bg-section);

            position: relative;

            overflow: hidden;

        }



        /* OUTER WRAPPER */

        .nw-testimonial-marquee {

            width: 100%;

            overflow: hidden;

            position: relative;

            padding: 20px 0 40px;

        }



        /* MOVING TRACK */

        .nw-testimonial-track {

            display: flex;

            align-items: stretch;

            gap: 30px;

            width: max-content;



            animation: nwMarquee 35s linear infinite;

        }



        /* Pause on hover */

        .nw-testimonial-track:hover {

            animation-play-state: paused;

        }



        /* IMPORTANT */

        .nw-testimonial-item {

            flex-shrink: 0;

            padding-top: 10px;

            padding-bottom: 10px;

        }



        /* CARD */

        .nw-testimonial-box {

            width: 360px;

            min-width: 360px;



            background: linear-gradient(135deg, #1D253F, #242E4B);



            border: 2px solid rgba(255, 255, 255, .08);



            border-radius: 28px;



            padding: 26px 24px;



            position: relative;



            transition:

                width .4s ease,

                min-width .4s ease,

                border-color .3s ease,

                box-shadow .3s ease;



            overflow: hidden;

        }



        /* HOVER */

        .nw-testimonial-box:hover {

            border-color: #4da3ff;

            box-shadow: 0 0 25px rgba(59, 130, 246, .18);



            /* REMOVE TOP MOVEMENT */

            transform: none;

        }



        /* EXPANDED */

        .nw-testimonial-box.expanded {

            width: 720px;

            min-width: 720px;

        }



        /* STARS */

        .nw-testimonial-stars {

            display: flex;

            gap: 5px;

            margin-bottom: 18px;

        }



        .nw-testimonial-stars span {

            font-size: 20px;

            color: rgba(255, 255, 255, .25);

        }



        .nw-testimonial-stars span.active {

            color: #ffd54a;

        }



        /* TEXT */

        .nw-testimonial-text {

            /* color: rgba(255, 255, 255, .78); */

            color: white;

            font-size: 16px;

            line-height: 1.9;

            margin-bottom: 14px;

        }



        /* FULL TEXT */

        .full-text {

            display: none;

        }



        .nw-testimonial-box.expanded .short-text {

            display: none;

        }



        .nw-testimonial-box.expanded .full-text {

            display: block;

        }



        /* MORE BUTTON */

        .nw-testimonial-more {

            background: transparent;

            border: none;

            color: #5ea0ff;

            font-size: 14px;

            font-weight: 600;

            cursor: pointer;

            padding: 0;

        }



        /* USER */

        .nw-testimonial-user {

            display: flex;

            align-items: center;

            gap: 14px;

            margin-top: 24px;

        }



        .nw-testimonial-avatar img,

        .nw-testimonial-placeholder {

            width: 64px;

            height: 64px;

            border-radius: 50%;

            object-fit: cover;



            border: 3px solid rgba(255, 255, 255, .75);

        }



        .nw-testimonial-placeholder {

            background: linear-gradient(135deg, #2563eb, #7c3aed);



            display: flex;

            align-items: center;

            justify-content: center;



            color: #fff;

            font-size: 22px;

            font-weight: 700;

        }



        .nw-testimonial-user-info h4 {

            color: #fff;

            font-size: 20px;

            margin: 0 0 4px;

        }



        .nw-testimonial-user-info span {

            color: rgba(255, 255, 255, .65);

            font-size: 15px;

        }



        .nw-testimonial-user-info {

            margin-left: 7px;

        }



        /* QUOTE */

        .nw-testimonial-quote {

            position: absolute;

            right: 24px;

            bottom: 20px;



            font-size: 70px;

            color: #4da3ff;



            opacity: .9;

            line-height: 1;

        }



        /* REAL INFINITE LOOP */

        @keyframes nwMarquee {

            from {

                transform: translateX(0);

            }



            to {

                transform: translateX(-50%);

            }

        }



        /* MOBILE */

        @media(max-width:768px) {



            .nw-testimonial-box {

                width: 300px;

                min-width: 300px;

            }



            .nw-testimonial-box.expanded {

                width: 92vw;

                min-width: 92vw;

            }



        }



        /* --------------------------------------------------------- Testimonial ------------------------------------------------------------------- */





        /* ---------------------------------------------------- Responsiveness --------------------------------------------------- */



        /* Mobile Device */

        @media(max-width: 767.98px) {



            /* Technology Stack */

            .nw-tech-item {

                width: 100%;

            }



            .nw-tech-tabs {

                flex-wrap: wrap;

                gap: 0px;

            }



            .nw-tech-tab {

                padding: 12px 18px;

            }



            /* Development Service  */

            .nw-stats-grid {

                grid-template-columns: repeat(2, 1fr);

                gap: 15px 15px;

            }



            .nw-stats-wrapper {

                padding-left: 0px;

            }



            .nw-center-logo {

                margin-left: 0px;

            }

            .nw-btn-primary {
                margin-bottom: 10px;
            }


            /* Header */

            .div-space {

                margin-left: 0px;

                margin-right: 0px;

                margin-top: 15%;

            }



            .nw-hero img {

                height: 440px;

            }



        }



        /* For Development service only */

        @media (768px <=width <=991px) {

            .nw-stats-wrapper {

                padding-left: 0px;

            }



            .nw-center-logo {

                margin-left: 0px;

            }



            .div-space {

                margin-left: 0px;

                margin-right: 0px;

                /* margin-top: 15%; */

            }

            .nw-btn-primary {
                margin-bottom: 10px;
            }

        }



