/* 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: 132px 20px 0px 20px;

}

/* ALPHA */

/* .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); */
    background: linear-gradient(270deg, #F00 0%, #0071FF 100%);

    -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); */
    background: linear-gradient(270deg, #F00 0%, #0071FF 100% 100%);

    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; */
    padding: 60px 16px 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%); */
    background: linear-gradient(270deg, #F00 0%, #0071FF 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: #0A1024;

    /* padding: 8px; */
    padding: 30px;

    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: 2px solid rgba(255, 255, 255, 0.1);

    border-radius: 16px;

    padding: 30px;

    height: 100%;
    /* height: fit-content; */

}

.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;

}

/* ------------------------------- START ---------- Feature Dropdown Handling ------------------------ */
/* Feature Read More */

.feature-description-wrapper {
    margin-top: 15px;
}

.feature-description-text {
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.9;
    margin: 0;
}

.feature-description-text.is-collapsed {
    max-height: 170px;
    overflow: hidden;
    position: relative;
}

.feature-description-text.is-collapsed::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;

    background: linear-gradient(to bottom,
            rgba(36, 46, 75, 0),
            rgba(36, 46, 75, 1));
}

.feature-read-more {
    margin-top: 10px;
    padding: 0;

    background: transparent;
    border: none;

    color: #4ea3ff;
    font-size: 14px;
    font-weight: 600;

    cursor: pointer;
}

.feature-read-more:hover {
    text-decoration: underline;
}

/* ------------------------------- END ---------- Feature Dropdown Handling ------------------------ */


/* 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;

}

/* Tech Stack Sroller display Issue */
.nw-tech-tab {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



/* 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;

    }

    .nw-hero-overlay {
        padding: 52px 20px 0px 20px;
    }


}



/* ------------------------------------------- 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;
    }

}