:root {
                --blue: #1a4fa0;
                --blue-dk: #0f3272;
                --blue-lt: #2d6dd4;
                --blue-pale: #eef3fc;
                --orange: #e85d1a;
                --orange-lt: #f47a3e;
                --green: #0e9e6e;
                --green-lt: #d1f0e5;
                --bg: #f5f7fc;
                --bg2: #eef1f8;
                --white: #ffffff;
                --text: #1a1f36;
                --text-md: #3d4a66;
                --text-lt: #6b7a99;
                --border: #dce3f0;
                --sh: 0 2px 20px rgba(26, 79, 160, 0.07);
                --sh-hv: 0 8px 36px rgba(26, 79, 160, 0.15);
                --r: 14px;
                --rs: 8px;
            }
           
html{
   font-size: 100%;
}
 
            /* UTILITIES */
            .container {
                max-width: 1180px;
                margin: 0 auto;
                padding: 0 1.5rem;
            }
            section {
                padding: 5rem 0;
            }
            .sc {
                text-align: center;
                max-width: 720px;
                margin: 0 auto;
            }
            .sc p {
                color: var(--text-md);
                margin-top: 0.9rem;
                font-size: 1.05rem;
            }
            .gap {
                height: 2.5rem;
            }
            .tag {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: rgb(230 92 40);
    border-radius: 100px;
     
    margin-bottom: 0px;
}
           /* .tag::before {
               content: "";
    width: 20px;
    height: 1px;
    background: rgb(230 92 40);
    border-radius: 0;
    display: block;
            }*/
            .tag + h2 {
    margin-top: 10px;
}

.ERP-logo {
    max-width: 200px;
}

.ERP-logo img {
    width: 100%;
}
            .tag-gold {
    color: rgb(255, 213, 122);
    background: transparent;
    border-color: transparent;
}
            

            /* BUTTONS */
            .btn {
                display: inline-block;
                border: none;
                border-radius: var(--rs);
                font-weight: 700;
                font-size: 0.95rem;
                padding: 0.8em 1.9em;
                cursor: pointer;
                transition: all 0.2s;
            }
            .btn-blue {
                background: var(--blue);
                color: #fff;
                box-shadow: 0 4px 18px rgba(26, 79, 160, 0.3);
            }
            .btn-blue:hover {
                background: var(--blue-lt);
                transform: translateY(-2px);
                box-shadow: 0 8px 28px rgba(26, 79, 160, 0.4);
            }
            .btn-orange {
                background: var(--orange);
                color: #fff;
                box-shadow: 0 4px 18px rgba(232, 93, 26, 0.3);
            }
            .btn-orange:hover {
                background: var(--orange-lt);
                transform: translateY(-2px);
                color: #fff;
            }
            .btn-outline {
                background: transparent;
                color: var(--blue);
                border: 2px solid var(--blue);
            }
            .btn-outline:hover {
                background: var(--blue);
                color: #fff;
            }
            .btn-ghost {
                background: rgba(255, 255, 255, 0.14);
                color: #fff;
                border: 1.5px solid rgba(255, 255, 255, 0.38);
            }
            .btn-ghost:hover {
                background: rgba(255, 255, 255, 0.26);
                color: #fff;

            }
            .btn-green {
                background: #25d366;
                color: #fff;
                box-shadow: 0 4px 18px rgba(37, 211, 102, 0.28);
            }
            .btn-green:hover {
                background: #1fb856;
                transform: translateY(-2px);
                color: #fff;
            }
            .btn-white {
                background: #fff;
                color: var(--orange);
                font-weight: 700;
            }
            .btn-white:hover {
                background: var(--bg);
                transform: translateY(-2px);
            }

           
            /* HERO */
            .hero {
                padding: 5rem 0 8rem;
                background: linear-gradient(150deg, #0d2f6a 0%, #1a4fa0 55%, #1e65be 100%);
                position: relative;
                overflow: hidden;
            }
            .hero::before {
                content: "";
                position: absolute;
                inset: 0;
                background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.025'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");
            }
            .hero::after {
                content: "";
                position: absolute;
                bottom: -1px;
                left: 0;
                right: 0;
                height: 72px;
                background: #fff;
                clip-path: ellipse(55% 100% at 50% 100%);
            }
            .hero-in {
                position: relative;
                z-index: 1;
                display: grid;
                grid-template-columns: 1.15fr 0.85fr;
                gap: 3.5rem;
                align-items: center;
            }
            .badge {
                display: inline-flex;
                align-items: center;
                border-radius: 100px;
                font-size: 14px;
                font-weight: 500;
                color: #ffd57a;
                letter-spacing: 0.06em;
                margin-bottom: 5px;
                background: transparent;
            }
            .hero h1 {
                color: #fff;
                margin-bottom: 1.3rem;
            }
            .hero h1 em {
                color: #ffd57a;
                font-style: normal;
            }
            .hero-sub {
                color: rgba(255, 255, 255, 0.82);
                font-size: 1.07rem;
                max-width: 530px;
                margin-bottom: 2.2rem;
                line-height: 1.75;
            }
            .hero-acts {
                display: flex;
                gap: 1rem;
                flex-wrap: wrap;
                margin-bottom: 2.8rem;
            }
            .stats {
                display: flex;
                gap: 2.4rem;
                flex-wrap: wrap;
            }
            .stat {
                border-left: 2px solid rgba(255, 255, 255, 0.22);
                padding-left: 1.1rem;
            }
            .stat-n {
                 
                font-size: 1.9rem;
                font-weight: 700;
                color: #fff;
                line-height: 1;
            }
            .stat-l {
                font-size: 0.7rem;
                color: rgba(255, 255, 255, 0.62);
                text-transform: uppercase;
                letter-spacing: 0.1em;
                margin-top: 0.25rem;
            }

            /* Dashboard card */
            .dash-card {
                background: #fff;
                border-radius: 18px;
                box-shadow: 0 24px 72px rgba(0, 0, 0, 0.22);
                overflow: hidden;
            }
            .dc-head {
                background: #fff;
                padding: 1rem 1.4rem;
                display: flex;
                align-items: center;
                justify-content: space-between;
                border-bottom: 1px solid var(--border);
            }
            .dc-title {
                font-weight: 700;
                font-size: 0.8rem;
                color: rgba(255, 255, 255, 0.8);
                letter-spacing: 0.07em;
                text-transform: uppercase;
            }
            .dc-live {
                display: flex;
                align-items: center;
                gap: 0.4rem;
                font-size: 0.7rem;
                color: #0e9e6e;
                font-weight: 700;
            }
            .dot {
                width: 7px;
                height: 7px;
                background: #0e9e6e;
                border-radius: 50%;
                animation: blink 1.8s infinite;
            }
            @keyframes blink {
                0%,
                100% {
                    opacity: 1;
                }
                50% {
                    opacity: 0.3;
                }
            }
            .dc-body {
                padding: 1.3rem 1.4rem;
            }
            .kpi-g {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 0.75rem;
                margin-bottom: 1rem;
            }
            .kpi {
                background: var(--bg);
                border: 1px solid var(--border);
                border-radius: 10px;
                padding: 0.85rem 1rem;
            }
            .kl {
                font-size: 0.62rem;
                text-transform: uppercase;
                letter-spacing: 0.1em;
                color: var(--text-lt);
                margin-bottom: 0.3rem;
                font-weight: 700;
            }
            .kv {
                 
                font-size: 1.45rem;
                font-weight: 700;
            }
            .ku {
                font-size: 0.65rem;
                font-weight: 700;
                margin-top: 0.15rem;
            }
            .progs {
                display: flex;
                flex-direction: column;
                gap: 0.65rem;
            }
            .pr {
                display: flex;
                align-items: center;
                gap: 0.8rem;
                font-size: 0.73rem;
            }
            .prl {
                color: var(--text-md);
                font-weight: 600;
                width: 118px;
                flex-shrink: 0;
            }
            .pb {
                flex: 1;
                height: 5px;
                background: var(--border);
                border-radius: 3px;
                overflow: hidden;
            }
            .pf {
                height: 100%;
                border-radius: 3px;
            }
            .pp {
                color: var(--text-md);
                font-weight: 700;
                width: 30px;
                text-align: right;
            }

            /* CLIENTS */
            .clients {
                padding: 2.4rem 0;
                background: var(--white);
                 
                border-bottom: 1px solid var(--border);
            }
            .cl {
                text-align: center;
                font-size: 0.7rem;
                font-weight: 700;
                letter-spacing: 0.16em;
                text-transform: uppercase;
                color: var(--text-lt);
                margin-bottom: 1.7rem;
            }
            .mq {
                overflow: hidden;
                position: relative;
            }
            .mq::before,
            .mq::after {
                content: "";
                position: absolute;
                top: 0;
                bottom: 0;
                width: 100px;
                z-index: 2;
                pointer-events: none;
            }
            .mq::before {
                left: 0;
                background: linear-gradient(to right, #fff, transparent);
            }
            .mq::after {
                right: 0;
                background: linear-gradient(to left, #fff, transparent);
            }
            .mt {
                display: flex;
                gap: 1rem;
                width: max-content;
                animation: mscroll 34s linear infinite;
            }
            .mt:hover {
                animation-play-state: paused;
            }
            @keyframes mscroll {
                0% {
                    transform: translateX(0);
                }
                100% {
                    transform: translateX(-50%);
                }
            }
            .chip {
                background: var(--bg);
                border: 1px solid var(--border);
                border-radius: 6px;
                padding: 0.5em 1.25em;
                font-size: 0.81rem;
                font-weight: 600;
                color: var(--text-md);
                white-space: nowrap;
                transition: all 0.2s;
            }
            .chip:hover {
                border-color: var(--blue);
                color: var(--blue);
                background: var(--blue-pale);
            }

            /* WHY */
            .why-g {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 5rem;
                align-items: start;
            }
            .why-text p {
                color: var(--text-md);
                line-height: 1.78;
                margin-bottom: 1.1rem;
            }
            .benefits {
                margin-top: 1.8rem;
                display: flex;
                flex-direction: column;
                gap: 0.85rem;
            }
            .ben {
                display: flex;
                align-items: flex-start;
                gap: 1rem;
                background: var(--white);
                border: 1px solid var(--border);
                border-radius: var(--rs);
                padding: 1.1rem 1.2rem;
                box-shadow: var(--sh);
                transition: all 0.2s;
            }
            .ben:hover {
                border-color: rgba(26, 79, 160, 0.3);
                box-shadow: var(--sh-hv);
                transform: translateX(5px);
            }
            .ben-ic {
                width: 38px;
                height: 38px;
                border-radius: 8px;
                background: rgba(26, 79, 160, 0.09);
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 1.1rem;
                flex-shrink: 0;
            }
            .ben h4 {
                margin-bottom: 0.2rem;
            }
            .ben p {
                font-size: 0.81rem;
                color: var(--text-md);
                line-height: 1.55;
            }
            .why-right {
                display: flex;
                flex-direction: column;
                gap: 1.4rem;
            }
            .metric-c {
                background: var(--blue);
                color: #fff;
                border-radius: var(--r);
                padding: 1.8rem;
                position: relative;
                overflow: hidden;
            }
            .metric-c::after {
                content: "";
                position: absolute;
                bottom: -30px;
                right: -30px;
                width: 110px;
                height: 110px;
                background: rgba(255, 255, 255, 0.06);
                border-radius: 50%;
            }
            .metric-c h4 {
                color: rgba(255, 255, 255, 0.7);
                font-size: 0.75rem;
                text-transform: uppercase;
                letter-spacing: 0.1em;
                margin-bottom: 0.25rem;
                font-family: "Plus Jakarta Sans", sans-serif;
            }
            .metric-c p {
                font-size: 0.78rem;
                color: rgba(255, 255, 255, 0.55);
                margin-bottom: 0.5rem;
            }
            .mg {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 1rem;
                margin-top: 0.8rem;
            }
            .mb {
                background: rgba(255, 255, 255, 0.1);
                border-radius: 10px;
                padding: 0.9rem 1rem;
            }
            .mb .n {
                 
                font-size: 1.8rem;
                font-weight: 700;
            }
            .mb .l {
                font-size: 0.68rem;
                color: rgba(255, 255, 255, 0.65);
                text-transform: uppercase;
                letter-spacing: 0.08em;
                margin-top: 0.15rem;
            }
            .ic-g {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 1rem;
            }
            .ic {
                background: var(--white);
                border: 1px solid var(--border);
                border-radius: var(--r);
                padding: 1.4rem;
                box-shadow: var(--sh);
                transition: all 0.2s;
            }
            .ic:hover {
                box-shadow: var(--sh-hv);
                transform: translateY(-3px);
            }
            .ic-i {
                font-size: 1.55rem;
                margin-bottom: 0.65rem;
            }
            .ic h4 {
                font-size: 0.88rem;
                margin-bottom: 0.3rem;
            }
            .ic p {
                font-size: 0.76rem;
                color: var(--text-lt);
                line-height: 1.5;
            }

            /* MODULES */
            .mods {
                background: var(--white);
            }
            .mod-g {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 1.2rem;
            }
            .mc {
                background: var(--bg);
                border: 1px solid var(--border);
                border-radius: var(--r);
                padding: 1.6rem;
                transition: all 0.22s;
                position: relative;
                overflow: hidden;
            }
            .mc::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                height: 3px;
                background: linear-gradient(90deg, var(--blue), var(--blue-lt));
                transform: scaleX(0);
                transform-origin: left;
                transition: transform 0.25s;
            }
            .mc:hover {
                border-color: rgba(26, 79, 160, 0.25);
                box-shadow: var(--sh-hv);
                background: var(--white);
                transform: translateY(-4px);
            }
            .mc:hover::before {
                transform: scaleX(1);
            }
            .mi {
                font-size: 1.75rem;
                margin-bottom: 0.85rem;
            }
            .mn {
                font-size: 0.95rem;
                font-weight: 700;
                margin-bottom: 0.45rem;
                color: #333;
            }
            .md {
                font-size: 0.8rem;
                color: var(--text-md);
                line-height: 1.6;
                margin-bottom: 0.85rem;
            }
            .pills {
                display: flex;
                flex-wrap: wrap;
                gap: 0.35rem;
            }
            .p {
                background: rgba(26, 79, 160, 0.08);
                border-radius: 4px;
                padding: 0.18em 0.6em;
                font-size: 0.66rem;
                font-weight: 700;
                color: var(--blue);
                letter-spacing: 0.04em;
            }
.ic-i img {
    width: 40px;
}
            /* INDUSTRIES */
            .inds {
                background: var(--bg);
            }
            .ind-g {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 1rem;
            }
            .idc {
                background: var(--white);
                border: 1.5px solid var(--border);
                border-radius: var(--r);
                padding: 1.4rem 1rem;
                text-align: center;
                transition: all 0.22s;
            }
            .idc:hover {
                border-color: var(--blue);
                box-shadow: var(--sh-hv);
                transform: translateY(-4px);
            }
             
            .ii {
                
                border-radius: 12px;
                
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 1.45rem;
                margin: 0 auto 0.85rem;
                transition: background 0.2s;
            }
            .dpi img {
    width: 70px;
}
            .ii img {
    width: 50px;
    object-fit: contain;
}
            .it {
                font-weight: 700;
                font-size: 0.86rem;
                margin-bottom: 0.3rem;
                color: #333;
            }
            .is {
                font-size: 0.73rem;
                color: var(--text-lt);
                line-height: 1.5;
            }

            /* CASES */
            .csc {
                background: var(--white);
            }
            .cc-g {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 1.5rem;
            }
            .cc {
                background: var(--bg);
                border: 1px solid var(--border);
                border-radius: var(--r);
                padding: 1.8rem;
                display: flex;
                flex-direction: column;
                transition: all 0.22s;
            }
            .cc:hover {
                border-color: rgba(26, 79, 160, 0.28);
                box-shadow: var(--sh-hv);
                transform: translateY(-4px);
                background: var(--white);
            }
            .ctag {
                display: inline-block;
                font-size: 0.67rem;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.12em;
                color: var(--green);
                background: var(--green-lt);
                border-radius: 4px;
                padding: 0.22em 0.65em;
                margin-bottom: 0.9rem;
            }
            .cc h3 {
                font-family: "Plus Jakarta Sans", sans-serif;
                font-size: 1.02rem;
                margin-bottom: 0.65rem;
            }
            .cc p {
                font-size: 0.82rem;
                color: var(--text-md);
                line-height: 1.65;
                flex: 1;
            }
            .cm {
                display: flex;
                gap: 1.4rem;
                margin-top: 1.4rem;
                padding-top: 1.1rem;
                border-top: 1px solid var(--border);
            }
            .cn {
                 
                font-size: 1.45rem;
                font-weight: 700;
                color: var(--orange);
            }
            .cl2 {
                font-size: 0.67rem;
                color: var(--text-lt);
                margin-top: 0.1rem;
                font-weight: 600;
            }

            /* CUSTOM ERP */
            .custom {
                background: linear-gradient(155deg, #0d2f6a 0%, #1a4fa0 100%);
                color: #fff;
            }
            .custom-g {
                display: grid;
                grid-template-columns: 1.1fr 0.9fr;
                gap: 4rem;
                align-items: center;
            }
            .custom-t p {
                color: rgba(255, 255, 255, 0.82);
                line-height: 1.78;
                margin-bottom: 1rem;
            }
            .pillars {
                margin-top: 1.6rem;
                display: flex;
                flex-direction: column;
                gap: 0.75rem;
            }
            .pil {
                display: flex;
                align-items: flex-start;
                gap: 1rem;
                background: rgba(255, 255, 255, 0.08);
                border: 1px solid rgba(255, 255, 255, 0.12);
                border-radius: var(--rs);
                padding: 0.9rem 1.2rem;
                transition: background 0.2s;
            }
            .pil:hover {
                background: rgba(255, 255, 255, 0.14);
            }
            .pil-n {
                 
                font-size: 1.45rem;
                font-weight: 700;
                color: #ffd57a;
                width: 1.8rem;
                flex-shrink: 0;
                line-height: 1.2;
                margin-top: 10px;
            }
            .pil h4 {
                color: #fff;
                font-size: 0.88rem;
                margin-bottom: 0.15rem;
            }
            .pil p {
                color: rgba(255, 255, 255, 0.68);
                font-size: 0.77rem;
            }
            .cv {
                display: flex;
                flex-direction: column;
                gap: 0.95rem;
            }
            .cv-box {
                background: rgba(255, 255, 255, 0.1);
                border: 1px solid rgba(255, 255, 255, 0.14);
                border-radius: var(--r);
                padding: 1.4rem 1.7rem;
                display: flex;
                align-items: center;
                gap: 1.3rem;
            }
            .cv-box .ci {
                font-size: 1.9rem;
            }
            .cv-box .cn2 {
                 
                font-size: 2rem;
                font-weight: 700;
                color: #ffd57a;
            }
            .cv-box .cd {
                font-size: 0.8rem;
                color: rgba(255, 255, 255, 0.72);
                margin-top: 0.1rem;
            }

            /* DEPLOYMENT */
            .dep {
                background: var(--bg2);
            }
            .dep-g {
                display: grid;
                grid-template-columns: 1fr 1fr 1fr;
                gap: 2rem;
            }
            .dpc {
                background: var(--white);
                border: 2px solid var(--border);
                border-radius: var(--r);
                padding: 2.4rem;
                transition: all 0.22s;
            }
              
            .dbadge {
                display: inline-block;
                font-size: 0.67rem;
                font-weight: 700;
                letter-spacing: 0.1em;
                text-transform: uppercase;
                background: var(--blue);
                color: #fff;
                border-radius: 4px;
                padding: 0.2em 0.7em;
                margin-bottom: 0.9rem;
            }
            .dpi {
                font-size: 2.3rem;
                margin-bottom: 1.1rem;
            }
            .dpc h3 {
                font-family: "Plus Jakarta Sans", sans-serif;
                font-size: 1.25rem;
                margin-bottom: 0.75rem;
            }
            .dpc > p {
                color: var(--text-md);
                font-size: 0.88rem;
                line-height: 1.7;
                margin-bottom: 1.4rem;
            }
            .cl3 {
                display: flex;
                flex-direction: column;
                gap: 0.5rem;
                list-style: none;
                padding: 0;
            }
            .cl3 li {
                display: flex;
                align-items: flex-start;
                gap: 0.65rem;
                font-size: 0.84rem;
                color: var(--text-md);
            }
            .cl3 li::before {
                content: "✓";
                color: var(--green);
                font-weight: 800;
                flex-shrink: 0;
            }

            /* DIFF */
            .diff {
                background: var(--white);
            }
            .diff-g {
                display: grid;
                grid-template-columns: repeat(5, 1fr);
                gap: 1.2rem;
            }
            .dc2 {
                background: var(--bg);
                border: 1px solid var(--border);
                border-radius: var(--r);
                padding: 1.4rem;
                text-align: center;
                transition: all 0.22s;
            }
            .dc2:hover {
                background: var(--white);
                box-shadow: var(--sh-hv);
                transform: translateY(-3px);
                border-color: rgba(26, 79, 160, 0.2);
            }
            .di {
                width: 60px;
                height: 60px;
                border-radius: 11px; 
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 1.3rem;
                margin: 0 auto 0.85rem;
            }
            .di img{
                object-fit: contain;
                width: 100%;
            }
            .dc2 h4 {
                font-size: 0.84rem;
                margin-bottom: 0.32rem;
            }
            .dc2 p {
                font-size: 0.75rem;
                color: var(--text-lt);
                line-height: 1.55;
            }

            /* TESTIMONIALS */
            .testi {
                background: var(--bg2);
            }
            .testi-g {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 1.5rem;
            }
            .tc {
                background: var(--white);
                border: 1px solid var(--border);
                border-radius: var(--r);
                padding: 2rem;
                box-shadow: var(--sh);
                transition: all 0.22s;
                position: relative;
            }
            .tc:hover {
                box-shadow: var(--sh-hv);
                transform: translateY(-3px);
            }
            .stars {
                color: #f59e0b;
                font-size: 0.84rem;
                letter-spacing: 0.05em;
                margin-bottom: 0.9rem;
            }
            .tq {
                font-size: 0.87rem;
                color: var(--text-md);
                line-height: 1.72;
                font-style: italic;
                margin-bottom: 1.4rem;
                position: relative;
            }
            .tq::before {
                content: "\201C";
                font-family: Georgia, serif;
                font-size: 3.5rem;
                color: var(--blue);
                opacity: 0.12;
                position: absolute;
                top: -0.8rem;
                left: -0.5rem;
                line-height: 1;
            }
            .tn {
                font-weight: 800;
                font-size: 0.88rem;
            }
            .tr {
                font-size: 0.74rem;
                color: var(--text-lt);
                margin-top: 0.15rem;
            }

            /* CTA STRIP */
            .cta-s {
                background: linear-gradient(135deg, var(--orange) 0%, #c44a0e 100%);
                padding: 4rem 0;
                text-align: center;
            }
            .cta-s h2 {
                color: #fff;
                margin-bottom: 0.8rem;
            }
            .cta-s p {
                color: rgba(255, 255, 255, 0.88);
                max-width: 580px;
                margin: 0 auto 2.2rem;
                font-size: 1.05rem;
            }
            .cta-btns {
                display: flex;
                gap: 1rem;
                justify-content: center;
                flex-wrap: wrap;
            }

            /* FAQ */
            .faq {
                background: var(--bg);
            }
            .faq-g {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 1rem;
                max-width: 1050px;
                margin: 0 auto;
                    align-items: baseline;
            }
            .fi {
                background: var(--white);
                border: 1px solid var(--border);
                border-radius: var(--rs);
                overflow: hidden;
            }
            .fq {
                padding: 1.2rem 1.4rem;
                font-weight: 700;
                font-size: 0.9rem;
                cursor: pointer;
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                gap: 1rem;
                user-select: none;
                transition: color 0.2s;
            }
            .fq:hover {
                color: var(--blue);
            }
            .ft {
                color: var(--blue);
                font-size: 1.35rem;
                line-height: 1;
                flex-shrink: 0;
                transition: transform 0.25s;
            }
            .fi.open .ft {
                transform: rotate(45deg);
            }
            .fi .fa {
                max-height: 0;
                overflow: hidden;
                font-size: 0.84rem;
                color: var(--text-md);
                line-height: 1.75;
                padding: 0 1.4rem;
                transition:
                    max-height 0.35s ease,
                    padding 0.2s;
                        display: none;
                            font-family: 'Poppins', sans-serif;
            }
            .fi.open .fa {
                max-height: 400px;
                padding: 0 1.4rem 1.2rem;
                    display: block;
            }
            .faq-note {
                text-align: center;
                color: var(--text-lt);
                font-size: 0.76rem;
                margin-top: 2rem;
            }

            

            /* ANIM */
            .fade {
                opacity: 0;
                transform: translateY(20px);
                transition:
                    opacity 0.6s ease,
                    transform 0.6s ease;
            }
            .fade.in {
                opacity: 1;
                transform: translateY(0);
            }

            /* RESPONSIVE */
            @media (max-width: 960px) {
                .hero-in,
                .why-g,
                .custom-g,
                .dep-g {
                    grid-template-columns: 1fr;
                }
                .dash-card {
                    display: none;
                }
                .mod-g,
                .ind-g {
                    grid-template-columns: repeat(2, 1fr);
                }
                .cc-g,
                .testi-g,
                .diff-g,
                .ic-g {
                    grid-template-columns: 1fr;
                }
               
            }
            @media (max-width: 600px) {
                .mod-g,
                .ind-g,
                .faq-g,
                .mg {
                    grid-template-columns: 1fr;
                }
                .stats {
                    flex-direction: column;
                    gap: 1.1rem;
                }
                section {
                    padding: 3.5rem 0;
                }
            }


            .FormSection{
                    background: var(--bg);
                    position: relative;
                    overflow: hidden;
            }

            .row.justify-content-between {
    justify-content: space-between !important;
}
 
/*.FormSection  .bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    width: 120%;
}

.FormSection .video-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 2;
}

.FormSection .container {
    position: relative;
    z-index: 3;
}*/

.FormSection  .ic{
background: linear-gradient(135deg, #ffffff9c 0%, rgba(255, 255, 255, 0.05) 100%);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2)
}
section#demo > *{
position: relative;
z-index: 1;
}
section#demo:after {
    content: "";
    background: linear-gradient(155deg, #0d2f6a 0%, #1a4fa0 100%);
    position: absolute;
    inset: 0;
    opacity: 0.5;
}

.dc-title img{
 max-width: 100%;
 object-fit: contain;
 padding: 3rem;
}