.twoColTabsBlk #tabs {background: transparent;}

.compare-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 36px; margin-top: 28px; }
@media (max-width: 900px) { .compare-grid { grid-template-columns: 1fr; gap: 24px; } }
.compare-panel { background: #081640; border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; padding: 28px 26px; position: relative; overflow: hidden; }
.compare-panel.old { border-color: #081640; }
.compare-panel.new { border-color: #081640; box-shadow: 0 0 24px #fff; }
.compare-panel h3 { font-size: 22px; margin-bottom: 8px; }
.compare-panel.old h3 { color: #fff; }
.compare-panel.new h3 { color: white; }
.compare-panel .tag { display: inline-block; padding: 3px 10px; font-size: 11px; font-weight: 800; letter-spacing: 1px; border-radius: 3px; text-transform: uppercase; margin-bottom: 10px; }
.compare-panel.old .tag { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.65); }
.compare-panel.new .tag { background: #ee2424; color: white; }
.compare-flow { margin-top: 22px; }
.flow-step { display: flex; align-items: center; gap: 14px; padding: 12px 16px; background: rgba(255,255,255,0.04); border-radius: 6px; margin-bottom: 10px; color: rgba(255,255,255,0.78); font-size: 14px; position: relative; }
.compare-panel.new .flow-step { background: rgba(227,25,55,0.08); color: white; }
.flow-step .step-no { width: 28px; height: 28px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 13px; flex-shrink: 0; }
.compare-panel.old .step-no { background: rgba(255,255,255,0.12); color: rgba(255,255,255,0.6); }
.compare-panel.new .step-no { background: #ee2424; color: white; }
.flow-step.answer { background: rgba(255,255,255,0.02); border: 1px dashed rgba(255,255,255,0.2); color: rgba(255,255,255,0.4); font-style: italic; }
.compare-panel.new .flow-step.answer { background: rgba(46,125,50,0.18); border: 1px solid rgba(46,125,50,0.5); color: #88E59A; font-style: normal; font-weight: 600; }
.progress-track { height: 4px; background: rgba(255,255,255,0.08); border-radius: 2px; overflow: hidden; margin-top: 22px; position: relative; }
.progress-fill { height: 100%; position: absolute; left: 0; top: 0; border-radius: 2px; }
.compare-panel.old .progress-fill { background: rgba(255,255,255,0.35); width: 18%; animation: oldway 9s ease-out infinite; }
.compare-panel.new .progress-fill { background: linear-gradient(90deg, #ee2424, #FF8FA3); width: 100%; transform: scaleX(0); transform-origin: left; animation: newway 9s ease-out infinite; }
@keyframes oldway { 0% { width: 0; } 60% { width: 18%; } 100% { width: 22%; } }
@keyframes newway { 0% { transform: scaleX(0); } 12% { transform: scaleX(1); } 88% { transform: scaleX(1); } 100% { transform: scaleX(1); } }
.timer { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; color: rgba(255,255,255,0.5); margin-top: 8px; letter-spacing: 0.5px; }
.compare-panel.new .timer { color: #88E59A; }
.pulse-dot { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; border-radius: 4px; background: rgba(255,255,255,0.3); }
.compare-panel.new .pulse-dot { background: #ee2424; animation: pulse 2s ease-in-out infinite; }
@keyframes pulse { 0%, 100% { opacity: 1; transform: translateY(-50%) scale(1); } 50% { opacity: 0.5; transform: translateY(-50%) scale(1.4); } }
/* Tab navigation for rotating demos */
.demo-tabs { display: flex; justify-content: center; gap: 10px; margin: 22px 0 12px; flex-wrap: wrap; }
.demo-tab { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.65); padding: 10px 24px; border-radius: 24px; cursor: pointer; font-size: 13px; font-weight: 700; letter-spacing: 0.6px; text-transform: uppercase; transition: all 0.2s; font-family: inherit; }
.demo-tab:hover { color: white; border-color: rgba(255,255,255,0.3); }
.demo-tab.active { background: #ee2424; border-color: #ee2424; color: white; }
.demo-frame { display: none; }
.demo-frame.active { display: block; }
.demo-question { background: #081640; border-left: 4px solid #ee2424; padding: 18px 24px; margin: 4px auto 24px; font-style: italic; font-size: 16px; color: white; line-height: 1.55; max-width: 820px; border-radius: 4px; }
.demo-question .who { display:block; font-style:normal; font-size:10.5px; color:rgba(255,255,255,0.55); margin-bottom:8px; text-transform:uppercase; letter-spacing:1.2px; font-weight:800; }
.demo-indicator { display: flex; justify-content: center; gap: 8px; margin-top: 26px; }
.demo-indicator .dot { width: 8px; height: 8px; border-radius: 4px; background: rgba(255,255,255,0.2); transition: all 0.3s; }
.demo-indicator .dot.active { background: #ee2424; width: 22px; }
/* Workflow SVG inside Solix-way panel */
.solix-workflow { margin: 4px 0 18px; padding: 14px 6px 12px; background: rgba(255,255,255,0.025); border: 1px solid rgba(227, 25, 55, 0.22); border-radius: 8px; }
.solix-workflow svg { width: 100%; height: auto; display: block; max-height: 150px; }
.workflow-cap { font-size: 10.5px; color: rgba(255,255,255,0.5) !important; text-align: center; margin-top: 4px; font-style: italic; letter-spacing: 0.3px; }
@keyframes wfNodePulse { 0%, 100% { opacity: 0.92; transform: scale(1); } 50% { opacity: 1; transform: scale(1.06); } }
@keyframes wfNodeFinal { 0%, 100% { opacity: 0.95; transform: scale(1); } 50% { opacity: 1; transform: scale(1.1); } }
@keyframes wfEdgeFlow { 0% { stroke-dashoffset: 14; } 100% { stroke-dashoffset: 0; } }
@keyframes wfSonar { 0% { r: 26; opacity: 0.55; stroke-width: 2; } 100% { r: 56; opacity: 0; stroke-width: 0.5; } }
.wf-node { transform-box: fill-box; transform-origin: center; animation: wfNodePulse 3.2s ease-in-out infinite; }
.wf-node.d2 { animation-delay: 0.8s; }
.wf-node.d3 { animation-delay: 1.6s; }
.wf-node.final { animation: wfNodeFinal 2.4s ease-in-out infinite; animation-delay: 2.4s; }
.wf-edge { fill: none; stroke-dasharray: 4 3; stroke-linecap: round; animation: wfEdgeFlow 1.4s linear infinite; }
.wf-sonar { fill: none; animation: wfSonar 2.2s ease-out infinite; animation-delay: 2.4s; }
/* Old-way workflow — visualizes complexity, handoffs, waiting */
.oldway-workflow { margin: 4px 0 18px; padding: 14px 8px 12px; background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.13); border-radius: 8px; }
.oldway-workflow svg { width: 100%; height: auto; display: block; max-height: 200px; }
.oldway-cap { font-size: 10.5px; color: rgba(255,255,255,0.4) !important; text-align: center; margin-top: 4px; font-style: italic; letter-spacing: 0.3px; }
@keyframes owDim { 0%, 100% { opacity: 0.55; } 50% { opacity: 0.85; } }
@keyframes owTick { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes owWaitPulse { 0%, 100% { opacity: 0.4; } 50% { opacity: 0.75; } }
.ow-node { animation: owDim 4.6s ease-in-out infinite; }
.ow-node.d2 { animation-delay: 1.2s; }
.ow-node.d3 { animation-delay: 2.4s; }
.ow-node.d4 { animation-delay: 3.6s; }
.ow-wait { animation: owWaitPulse 2.4s ease-in-out infinite; }
.ow-tick { transform-origin: center; transform-box: fill-box; animation: owTick 9s linear infinite; }

.akg-frame { position: relative; background: #081640; border-radius: 12px; padding: 30px; margin-top: 30px; border: 1px solid rgba(255,255,255,0.06); box-shadow: 0 0 40px rgba(227,25,55,0.08) inset; }
.akg-svg { width: 100%; height: auto; display: block; }
.akg-caption { text-align: center; margin-top: 20px; font-size: 12px; color: rgba(255,255,255,0.5); font-style: italic; }
.akg-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 26px; }
@media (max-width: 800px) { .akg-stats { grid-template-columns: repeat(2, 1fr); } }
.akg-stat { background: rgba(255,255,255,0.04); border-radius: 8px; padding: 18px 14px; text-align: center; border: 1px solid rgba(255,255,255,0.08); }
.akg-stat .num { font-size: 32px; font-weight: 800; color: white; line-height: 1; }
.akg-stat .lbl { font-size: 11px; color: rgba(255,255,255,0.55); margin-top: 6px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; }
@keyframes nodePulse { 0%, 100% { opacity: 0.85; r: 22; } 50% { opacity: 1; r: 26; } }
@keyframes nodePulseSmall { 0%, 100% { opacity: 0.7; r: 14; } 50% { opacity: 1; r: 15.5; } }
@keyframes edgeFlow { 0% { stroke-dashoffset: 60; } 100% { stroke-dashoffset: 0; } }
@keyframes sonarPing { 0% { r: 22; opacity: 0.7; } 100% { r: 60; opacity: 0; } }
@keyframes dotTravel { 0% { offset-distance: 0%; opacity: 0; } 8% { opacity: 1; } 92% { opacity: 1; } 100% { offset-distance: 100%; opacity: 0; } }
.akg-node-main { animation: nodePulse 3.2s ease-in-out infinite; }
.akg-node-main.d2 { animation-delay: 0.6s; }
.akg-node-main.d3 { animation-delay: 1.2s; }
.akg-node-main.d4 { animation-delay: 1.8s; }
.akg-node-sub { animation: nodePulseSmall 4s ease-in-out infinite; }
.akg-edge { stroke-dasharray: 4 4; animation: edgeFlow 6s linear infinite; }
.sonar-ping { animation: sonarPing 3.2s ease-out infinite; fill: none; stroke-width: 2; opacity: 0; }
.sonar-ping.d2 { animation-delay: 0.6s; }
.sonar-ping.d3 { animation-delay: 1.2s; }
.sonar-ping.d4 { animation-delay: 1.8s; }
/* Traveling dot along edges — uses offset-path */
.flow-dot { offset-rotate: 0deg; animation: dotTravel 4s linear infinite; opacity: 0; }
.flow-dot.d1 { animation-delay: 0s; }
.flow-dot.d2 { animation-delay: 1s; }
.flow-dot.d3 { animation-delay: 2s; }
.flow-dot.d4 { animation-delay: 3s; }

/* PER-STREAM COLOR THEMING — each value stream gets its own dominant palette */
/* P2P — teal/blue family (procurement world) */
.akg-svg.p2p [data-c="hub-fi"]   { fill: #1E5F6B; }
.akg-svg.p2p [data-c="hub-md"]   { fill: #0A1F5C; }
.akg-svg.p2p [data-c="hub-pr"]   { fill: #15444D; }
.akg-svg.p2p [data-c="hub-ctr"]  { fill: #4A90A4; }
.akg-svg.p2p [data-c="sub-fi"]   { fill: #0F3D45; }
.akg-svg.p2p [data-c="sub-md"]   { fill: #1A2D5A; }
.akg-svg.p2p [data-c="sub-pr"]   { fill: #2C7A8C; }
.akg-svg.p2p [data-c="sub-pp"]   { fill: #093148; }
.akg-svg.p2p [data-c="ping-fi"]  { stroke: #1E5F6B; }
.akg-svg.p2p [data-c="ping-md"]  { stroke: #0A1F5C; }
.akg-svg.p2p [data-c="ping-pr"]  { stroke: #15444D; }
.akg-svg.p2p [data-c="ping-ctr"] { stroke: #4A90A4; }
.akg-svg.p2p .flow-dot { fill: #88E5C0; }

/* O2C — amber/orange family (revenue/customer world) */
.akg-svg.o2c [data-c="hub-fi"]   { fill: #E6A123; }
.akg-svg.o2c [data-c="hub-md"]   { fill: #C2410C; }
.akg-svg.o2c [data-c="hub-pr"]   { fill: #B45309; }
.akg-svg.o2c [data-c="hub-ctr"]  { fill: #F59E0B; }
.akg-svg.o2c [data-c="sub-fi"]   { fill: #92400E; }
.akg-svg.o2c [data-c="sub-md"]   { fill: #7C2D12; }
.akg-svg.o2c [data-c="sub-pr"]   { fill: #A6731A; }
.akg-svg.o2c [data-c="sub-pp"]   { fill: #6B3410; }
.akg-svg.o2c [data-c="ping-fi"]  { stroke: #E6A123; }
.akg-svg.o2c [data-c="ping-md"]  { stroke: #C2410C; }
.akg-svg.o2c [data-c="ping-pr"]  { stroke: #B45309; }
.akg-svg.o2c [data-c="ping-ctr"] { stroke: #F59E0B; }
.akg-svg.o2c .flow-dot { fill: #FFD66B; }

/* R2R — red/burgundy family (financial-close world) */
.akg-svg.r2r [data-c="hub-fi"]   { fill: #E31937; }
.akg-svg.r2r [data-c="hub-md"]   { fill: #7F1D1D; }
.akg-svg.r2r [data-c="hub-pr"]   { fill: #991B1B; }
.akg-svg.r2r [data-c="hub-ctr"]  { fill: #DC2626; }
.akg-svg.r2r [data-c="sub-fi"]   { fill: #9E2A2B; }
.akg-svg.r2r [data-c="sub-md"]   { fill: #6B1212; }
.akg-svg.r2r [data-c="sub-pr"]   { fill: #B91C1C; }
.akg-svg.r2r [data-c="sub-pp"]   { fill: #5B1110; }
.akg-svg.r2r [data-c="ping-fi"]  { stroke: #E31937; }
.akg-svg.r2r [data-c="ping-md"]  { stroke: #7F1D1D; }
.akg-svg.r2r [data-c="ping-pr"]  { stroke: #991B1B; }
.akg-svg.r2r [data-c="ping-ctr"] { stroke: #DC2626; }
.akg-svg.r2r .flow-dot { fill: #FFAD8C; }

/* M2O — purple/magenta family (production world) */
.akg-svg.m2o [data-c="hub-fi"]   { fill: #6A1B9A; }
.akg-svg.m2o [data-c="hub-md"]   { fill: #4C1D95; }
.akg-svg.m2o [data-c="hub-pr"]   { fill: #7E22CE; }
.akg-svg.m2o [data-c="hub-ctr"]  { fill: #9333EA; }
.akg-svg.m2o [data-c="sub-fi"]   { fill: #5B1B7A; }
.akg-svg.m2o [data-c="sub-md"]   { fill: #3B1A6E; }
.akg-svg.m2o [data-c="sub-pr"]   { fill: #6B21A8; }
.akg-svg.m2o [data-c="sub-pp"]   { fill: #2E1065; }
.akg-svg.m2o [data-c="ping-fi"]  { stroke: #6A1B9A; }
.akg-svg.m2o [data-c="ping-md"]  { stroke: #4C1D95; }
.akg-svg.m2o [data-c="ping-pr"]  { stroke: #7E22CE; }
.akg-svg.m2o [data-c="ping-ctr"] { stroke: #9333EA; }
.akg-svg.m2o .flow-dot { fill: #B58FE3; }

/* Legend swatch matches the current stream's hub color */
.akg-svg.p2p .legend-swatch-1 { fill: #1E5F6B; } .akg-svg.p2p .legend-swatch-2 { fill: #0A1F5C; }
.akg-svg.p2p .legend-swatch-3 { fill: #15444D; } .akg-svg.p2p .legend-swatch-4 { fill: #4A90A4; }
.akg-svg.o2c .legend-swatch-1 { fill: #E6A123; } .akg-svg.o2c .legend-swatch-2 { fill: #C2410C; }
.akg-svg.o2c .legend-swatch-3 { fill: #B45309; } .akg-svg.o2c .legend-swatch-4 { fill: #F59E0B; }
.akg-svg.r2r .legend-swatch-1 { fill: #E31937; } .akg-svg.r2r .legend-swatch-2 { fill: #7F1D1D; }
.akg-svg.r2r .legend-swatch-3 { fill: #991B1B; } .akg-svg.r2r .legend-swatch-4 { fill: #DC2626; }
.akg-svg.m2o .legend-swatch-1 { fill: #6A1B9A; } .akg-svg.m2o .legend-swatch-2 { fill: #4C1D95; }
.akg-svg.m2o .legend-swatch-3 { fill: #7E22CE; } .akg-svg.m2o .legend-swatch-4 { fill: #9333EA; }

/* Smooth color transitions between streams */
.akg-svg circle { transition: fill 0.5s ease-in-out, stroke 0.5s ease-in-out; }

/* Show/hide the overview vs detail SVGs based on the active stream */
.akg-section[data-stream="all"] .akg-svg { display: none; }
.akg-section:not([data-stream="all"]) .akg-svg-overview { display: none; }
.akg-svg-overview { width: 100%; height: auto; display: block; }
.akg-svg-overview .akg-edge { animation-duration: 8s; }
.akg-svg-overview .akg-node-sub circle { animation-duration: 4.5s; }
/* Value-stream tabs */
.akg-tabs { display: flex; justify-content: center; gap: 10px; margin: 14px 0 22px; flex-wrap: wrap; }
.akg-tab { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.65); padding: 10px 22px; border-radius: 24px; cursor: pointer; font-size: 13px; font-weight: 700; letter-spacing: 0.4px; transition: all 0.2s; font-family: inherit; }
.akg-tab:hover { color: white; border-color: rgba(255,255,255,0.3); }
.akg-tab.active { background: var(--red); border-color: var(--red); color: white; }
.akg-indicator { display: flex; justify-content: center; gap: 8px; margin-top: 18px; }
.akg-indicator .dot { width: 8px; height: 8px; border-radius: 4px; background: rgba(255,255,255,0.2); transition: all 0.3s; }
.akg-indicator .dot.active { background: var(--red); width: 22px; }
.akg-svg text { transition: opacity 0.25s ease-out; }

.twoColTabsBlk {
    display: block;
    margin: 30px 0px 0px;
    width: 100%;
}
.twoColTabsBlk #tabs {
    padding: 0px;
    border: none;
}
.twoColTabsBlk #tabs > ul {
    padding: 10px 0px;
    margin: 0px;
    background: #f5f5f5;
    border: none;
    display: inline-block;
    border-radius: 100px;
}
.twoColTabsBlk #tabs > ul > li {
    border: none;
    border-radius: 100px;
    margin: 0px 10px;
}
.twoColTabsBlk #tabs > ul > li.ui-state-active {background: var(--darkblue);}
.twoColTabsBlk #tabs > ul > li > a {
    padding: 15px 30px;
    font-family: var(--inter);
    font-size: 1.7rem;
    font-weight: 400;
}
.twoColTabsBlk #tabs > ul > li.ui-state-active a {font-weight: 500;}

.twoColTabsBlk #tabs .ui-widget-content{padding: 0px; margin: 30px 0px 0px;}

.singleColTabs {
    display: block;
    margin: 30px 0px 0px;
    width: 100%;
}
.singleColTabs #tabsAkg {
    padding: 0px;
    margin: 0px;
    border: none;
}
.singleColTabs #tabsAkg > ul {
    padding: 10px 0px;
    margin: 0px;
    background: #f5f5f5;
    border: none;
    display: inline-block;
    border-radius: 100px;
}
.singleColTabs #tabsAkg > ul > li {
    border: none;
    border-radius: 100px;
    margin: 0px 10px;
}
.singleColTabs #tabsAkg > ul > li.ui-tabs-active {background: var(--darkblue);}

.singleColTabs #tabsAkg > ul > li > a {
    /*padding: 15px 30px;*/
    padding: 10px 30px;
    font-family: var(--inter);
    font-size: 1.7rem;
    font-weight: 400;
}
.singleColTabs #tabsAkg > ul > li.ui-tabs-active a {font-weight: 500;}
.singleColTabs #tabsAkg .ui-widget-content {
    padding: 0px;
    margin: 40px 0px 0px;
}

.akg-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-top: 26px;
}
.akg-stat {
    background: #081640;
    border-radius: 8px;
    padding: 18px 14px;
    text-align: center;
    border: 1px solid #081640;
}
.hBlocks {
    display: flex;
    margin: 30px 0px 0px;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.hBlocks .block {
    background: var(--lightblue);
    border-radius: 8px;
    padding: 20px 20px;
    box-shadow: 0 1px 4px rgba(10, 31, 92, 0.06);
    border-top: 4px solid var(--darkblue);
    text-align: left;
    margin: 10px 10px;
    flex: 0 0 15%;
}
.hBlocks .block .sm {
    color: var(--black-normal);
    font-size: 1.3rem;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0px;
}
.hBlocks .block .title {
    color: var(--darkblue);
    margin: 5px 0px 15px 0px;
    font-size: 2rem;
    font-weight: 600;
}
.hBlocks .block > ul {margin: 0px;}
.hBlocks .block > ul > li {color: var(--black-normal); margin: 5px 0px 5px 20px; list-style: outside; font-size: 1.6rem;}

.solixApps {
    /*display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;*/
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 30px 0px 0px;
}
.solixApps.four{grid-template-columns: repeat(4, 1fr);}
.solixApps.three{grid-template-columns: repeat(3, 1fr);}

.solixApps .block {
    background: #fff;
    /* flex: 1; */
    text-align: left;
    box-shadow: 0px 2px 2px 0px #0000001A;
    padding: 20px;
    border-radius: 7px;
    border: 1px solid #000B6B1A;
    margin: 10px 10px;
    /*width: calc(29% - 10px);*/
    width: auto;
}
.solixApps .block img {
    max-width: 64px;
    margin: 0px;
}
.solixApps .block .title {
    color: var(--darkblue);
    font-size: 2rem;
    font-weight: 500;
    line-height: 25px;
}
.solixApps .block .desc {
    font-size: 1.5rem;
}
.solixApps .block a {
    background-image: url(images/icons/sol-arrow.svg);
    background-repeat: no-repeat;
    background-position: 100% 13px;
    background-size: auto;
    padding: 10px 15px 0px 0px;
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 1.5rem;
    font-weight: 400;
    text-decoration: none;
    padding: 10px 15px 0px 0px;
}
.whyNowBlk {
    display: block;
    margin: 40px 0px 0px;
    width: 100%;
}
.whyNowBlk .indQuote {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.whyNowBlk .indQuote .quote {
    display: flex;
    flex: 0 0 26%;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-radius: 10px;
    border: 5px solid var(--darkblue);
    box-shadow: 1px 1px 10px #ccc;
    padding: 30px;
    margin: 0px 15px;
    background: #fff;
    border-top: none;
    border-bottom: none;
    border-right: none;
}
.whyNowBlk .indQuote .quote .quote-cont {
}
.whyNowBlk .indQuote .quote .quote-cont img {
    margin: 0px;
    max-width: 50px;
}
.whyNowBlk .indQuote .quote .quote-cont .qt-title {
    color: var(--darkblue);
    font-size: 2rem;
    line-height: 25px;
    font-weight: 500;
    font-style: italic;
}
.whyNowBlk .indQuote .quote .quote-auth {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.whyNowBlk .indQuote .quote .quote-auth .img {
    flex: 0 0 auto;
}
.whyNowBlk .indQuote .quote .quote-auth .img img {
    max-width: 50px;
    border-radius: 100px;
    box-shadow: 1px 0px 5px #000;
}
.whyNowBlk .indQuote .quote .quote-auth .cont {
    flex: 0 0 75%;
    margin: 0px 0px 0px 20px;
}
.whyNowBlk .indQuote .quote .quote-auth .cont .qt-auth {
    margin: 0px;
    font-size: 1.5rem;
}
.whyNowBlk .indQuote .quote .quote-auth .cont .qt-disg {
    margin: 0px;
    font-size: 1.5rem;
}

.customer-logos-container .logo-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0px;
}
.customer-logos-container .logo-grid li {
    flex: 1;
    display: block;
    margin: 0px;
    border: 1px solid #dfdfdf;
    perspective:800px;
}
.customer-logos-container .logo-grid li > img {/* max-width: 200px; */ transform-style:preserve-3d; backface-visibility:hidden;}

.inner-page-banner-wrapper.banner2026 {background: linear-gradient(135deg, #0A1F5C 0%, #15444D 100%);}
.inner-page-banner-wrapper.banner2026 .inner .inner-page-banner_hero .cols.cont {flex: 0 0 65%; padding: 15px 0px 0px 10px;}

.inner-page-banner-wrapper.banner2026 .inner .inner-page-banner_hero .cols.cont h1 {color: #fff; font-size: 5rem; text-transform: none;}
.inner-page-banner-wrapper.banner2026 .inner .inner-page-banner_hero .cols.cont h2 {color: #fff; font-size: 2.5rem; margin: 10px 0px 0px; text-transform: none;}

.inner-page-banner-wrapper.banner2026 .inner .inner-page-banner_hero .cols.cont h6 {
    color: #fff;
    font-family: var(--inter);
    font-size: 1.5rem;
    font-weight: 400;
    display: inline-block;
    margin: 0px 0px 5px 0px;
}
.inner-page-banner-wrapper.banner2026 .inner .inner-page-banner_hero .cols.cont p {color: #fff; width: 80%;}

.useCasesBlk {
    display: block;
    margin: 30px 0px 0px;
    width: 100%;
}
.useCasesBlk .inner {
    margin: 0 auto;
    max-width: 65%;
}
.useCasesBlk .inner .cbpoints {margin: 0px;}
.useCasesBlk .inner .cbpoints > li {
    background-image: url('images/icons/icon-ok-blue.svg');
    background-repeat: no-repeat;
    display: block;
    padding: 0px 0px 0px 30px;
    background-position: 0 15%;
    margin: 20px 0px;
    font-family: var(--inter);
    font-size: 1.6rem;
    color: var(--black-normal);
}
.useCaseCtaBlk {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 45px 0px 0px;
}
.useCaseCtaBlk .cols {
    flex: 0 0 45%;
    border-width: 0px 0px 0px 3px;
    border-style: solid;
    padding: 25px;
    border-color: var(--darkblue);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    /*justify-content: flex-start;*/
    justify-content: space-between;
    align-items: center;
}
.useCaseCtaBlk .cols .cont {flex: 0 0 55%;}
.useCaseCtaBlk .cols .cont .title {
    color: var(--darkblue);
    font-size: 1.8rem;
    font-weight: 600;
}
.useCaseCtaBlk .cols .cont .desc {font-size: 1.5rem;}
.useCaseCtaBlk .cols .cta {
    flex: 0 0 auto;
    margin: 0px 0px 0px 20px;
}
.useCaseCtaBlk .cols .cta a {
    border: 2px solid var(--darkblue);
    padding: 13px 20px;
    display: inline-block;
    border-radius: 6px;
    font-family: var(--inter);
    font-size: 1.6rem;
    font-weight: 400;
    text-decoration: none;
    background: var(--darkblue);
    color: #fff;
}
.useCaseCtaBlk .cols .cta a:hover{
    background: transparent;
    color: var(--darkblue);
}
.genBlocks {
    /*display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;*/
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 30px 0px 0px;
}
.genBlocks.four{grid-template-columns: repeat(4, 1fr);}
.genBlocks.three{grid-template-columns: repeat(3, 1fr);}

.genBlocks .gb {
    background: #fff;
    flex: 0 0 27%;
    /*flex: min-content;*/
    text-align: left;
    box-shadow: 0px 2px 2px 0px #0000001A;
    padding: 30px;
    border-radius: 7px;
    border: 1px solid #000B6B1A;
    margin: 10px;
    transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s;
}
.genBlocks .gb:hover {transform: translateY(-3px); border-color: #0088cf;}
.genBlocks .gb.full {flex: max-content;}
.genBlocks .gb .points {margin: 0px;}
.genBlocks .gb .points > li {
    list-style: disclosure-closed;
    font-family: var(--inter);
    font-weight: 300;
    margin: 10px 0px 10px 15px;
    font-size: 1.5rem;
    color: var(--black-normal);
}
.genBlocks .gb .points > li::marker{color: #ee2424;}

.genBlocks .gb.threeCol {flex: 0 0 27%;}
.genBlocks .gb .gb-number {
    border: 1px solid #ccc;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 6px;
    font-family: var(--inter);
    font-size: 1.7rem;
    font-weight: 800;
    color: #fff;
}
.genBlocks .gb .gb-title {
    color: var(--darkblue);
    font-size: 2rem;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 25px;
}
.genBlocks .gb .gb-title-sm {
    font-size: 1.3rem;
    margin: 0px;
    font-weight: 600;
    color: #ee2424;
}
.genBlocks .gb .gb-title > span {
    display: inline-block;
    margin: 5px 0px 0px 5px;
    font-size: 1.1rem;
    font-weight: 300;
    background: #0088cf1a;
    color: #0088cf;
    border-radius: 15px;
    padding: 0px 15px;
    font-weight: 500;
    border: 1px solid #0088cf;
}
.genBlocks .gb .gb-desc {font-size: 1.5rem;}
.genBlocks .gb .chip-points {}
.genBlocks .gb .chip-points > span {
    background: #0088cf;
    color: #fff;
    border: 1px solid #0088cf;
    padding: 3px 15px;
    display: inline-block;
    font-size: 1.3rem;
    border-radius: 50px;
    font-weight: 500;
}

.genBlocks .gb.red .gb-number {
    background: #ee2424;
    border-color: #ee2424;
}
.genBlocks .gb.teal .gb-number {
    background: teal;
    border-color: teal;
}
.genBlocks .gb.blue .gb-number {
    background: navy;
    border-color: navy;
}
.genBlocks .gb.purple .gb-number {
    background: indigo;
    border-color: indigo;
}
.genBlocks .gb.yellow .gb-number {
    background: goldenrod;
    border-color: goldenrod;
}
.genBlocks .gb.green .gb-number {
    background: green;
    border-color: green;
}
.genBlocks .gb a {
    background-image: url("images/icons/sol-arrow.svg");
    color: var(--darkblue);
    display: inline-block;
    font-family: var(--inter);
    font-size: 1.6rem;
    font-weight: 400;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding: 0px 17px 0px 0px;
}

.intro .cols.cols.cont .btn {
    display: block;
    margin: 25px 0px 0px;
    width: auto;
}
.intro .cols.cols.cont .btn > a {
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid var(--darkblue);
    border-radius: 6px;
    font-family: var(--inter);
    font-size: 1.6rem;
    text-decoration: none;
    background: var(--darkblue);
    color: #fff;
}
.intro .cols.cols.cont .btn > a:hover{background: #fff; color: var(--darkblue);}

.intro .cols.image .cbpoints {margin: 0px;}
.intro .cols.image .cbpoints > li {
    background-image: url('images/icons/icon-ok-blue.svg');
    background-repeat: no-repeat;
    display: block;
    padding: 0px 0px 0px 30px;
    background-position: 0 15%;
    margin: 35px 0px;
    font-family: var(--inter);
    font-size: 1.6rem;
    color: var(--black-normal);
    text-align: left;
}
.intro .cols.color .bg {
    background: #afd5ea;
    padding: 20px;
    border-radius: 5px;
    font-weight: 500;
}
.intro .cols.color .red {
    color: #ee2424;
    font-size: 1.5rem;
    font-weight: 500;
}
.prompt-blk {
    display: block;
    width: 100%;
    margin: 20px 0px 0px;
}
.prompt-blk > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0px;
    /*align-items: center;*/
}
.prompt-blk > ul > li {
    flex: 0 0 43%;
    display: block;
    padding: 30px;
    border-radius: 8px;
    transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s;
}
.prompt-blk > ul > li:hover{transform: translateY(-2px); background: #ECEEF5;}
.prompt-blk > ul > li.grey {background: #ECEEF5;}
.prompt-blk > ul > li p.sm {color: #6B778F; font-weight: 500;}
.prompt-blk > ul > li p.title {font-weight: 500; font-style: oblique;}
.prompt-blk > ul > li p.desc {}

.prompt-blk > ul > li.blue {background: #0A1F5C;}
.prompt-blk > ul > li.white p {color: #fff;}

.custRefBlk {
    display: block;
    margin: 20px 0px 0px;
    width: 100%;
}
.custRefBlk > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0px;
}
.custRefBlk > ul > li {
    flex: min-content;
    /*border: 1px solid #dde3f0;*/
    padding: 30px;
    display: block;
    border-left: 4px solid #0088cf;
    border-radius: 8px;
    background: #fff;
}
.custRefBlk > ul > li .cbpoints {
}
.custRefBlk > ul > li .cbpoints > li {
    list-style: disclosure-closed;
    font-family: var(--inter);
    color: #000;
    font-size: 1.3rem;
    font-weight: 300;
    margin: 15px 0px;
    text-align: left;
}
.custRefBlk > ul > li .title-sm {
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 500;
}
.custRefBlk > ul > li .crfb-qt {
    font-size: 2rem;
    margin: 0px;
}
.custRefBlk > ul > li .crfb-comp {color: #000; font-weight: 500;}

.akgBlk {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.akgBlk .akgRow {
    display: block;
    width: 100%;
    border: 1px solid #000B6B1A;
    padding: 30px;
    border-radius: 15px;
    margin: 10px 0px;
    border-left: 4px solid #0088cf;
    background: #fff;
}
.akgBlk .akgRow .akg-head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding: 0px 0px 15px 0px;
    margin: 0px 0px 15px 0px;
    align-items: center;
}
.akgBlk .akgRow .akg-head .left {display: block;}
.akgBlk .akgRow .akg-head .left .akgTitle {font-weight: 800; font-size: 2.2rem;}
.akgBlk .akgRow .akg-head .right {display: block;}
.akgBlk .akgRow .akg-head .right > ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.akgBlk .akgRow .akg-head .right > ul > li {
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
    color: #000;
}
.akgBlk .akgRow .akg-head .right > ul > li.red {
    background: #ee2424;
    color: #fff;
    padding: 3px 20px;
    border-radius: 50px;
}
.akgBlk .akgRow .akg-head .right > ul > li.green {
    background: green;
    color: #fff;
    padding: 3px 20px;
    border-radius: 50px;
}
.akgBlk .akgRow .akg-body {
    display: block;
    margin: 0px;
    width: 100%;
}
.akgBlk .akgRow .akg-body p {
    font-size: 1.6rem;
}
.akgBlk .akgRow .akg-footer {
    display: inline-block;
    margin: 15px 0px 0px;
    width: 100%;
}
.akgBlk .akgRow .akg-footer > ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.akgBlk .akgRow .akg-footer > ul > li {
    flex: min-content;
    display: block;
    margin: 5px 0px 5px 0px;
}
.akgBlk .akgRow .akg-footer > ul > li .sm {margin: 0px; font-size: 1.5rem; font-weight: 800;}
.akgBlk .akgRow .akg-footer > ul > li .mid-data {margin: 0px; font-size: 1.5rem;}
.akgBlk .akgRow .akg-footer > a {
    background-image: url("images/icons/sol-arrow.svg");
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 1.6rem;
    font-weight: 400;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding: 0px 17px 0px 0px;
    margin: 20px 0px 0px;
    display: inline-block;
}
.eaiPillarsBlk {
    display: block;
    margin: 30px 0px 0px;
    width: 100%;
}
.eaiPillarsBlk > ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.eaiPillarsBlk > ul > li {
    flex: 0 0 calc(20% - 10px);
    display: block;
    padding: 30px;
    border-radius: 15px;
    position: relative;
}
.eaiPillarsBlk > ul > li.teal {background: teal;}
.eaiPillarsBlk > ul > li.blue {background: #0A1F5C;}
.eaiPillarsBlk > ul > li.green {background: darkgreen;}
.eaiPillarsBlk > ul > li.purple {background: purple;}

.eaiPillarsBlk > ul > li.coreColor{background: #0088cf;}

.eaiPillarsBlk > ul > li .title {
    color: #fff;
    margin: 0px;
    font-size: 2.5rem;
    font-weight: 700;
    text-transform: uppercase;
}
.eaiPillarsBlk > ul > li .title-sm {
    margin: 0px;
    color: #fff;
    font-size: 1.4rem;
    font-style: oblique;
    font-weight: 500;
}
.eaiPillarsBlk > ul > li hr {
    background-color: #fff;
    margin: 20px 0px;
}
.eaiPillarsBlk > ul > li .points {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
}
.eaiPillarsBlk > ul > li .desc {
    color: #fff;
    font-size: 1.5rem;
}
.eaiPillarsBlk > ul > li .mkt {
    position: absolute;
    bottom: 40px;
    color: #fff;
    font-size: 1.4rem;
}
.entry-content .full-width .wp-block-quote {
    margin: 45px 0px 0px;
    border-left: 3px solid #ee2424;
}
.intro.full .cols.cont .platform-points {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 35px 0px 0px;
}
.intro.full .cols.cont .platform-points > li {
    flex: min-content;
    border: 1px dotted #0088cf;
    display: block;
    padding: 15px;
    color: #000;
    background: #fff;
    font-size: 1.5rem;
    font-weight: 300;
}
.prdliBlk {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 30px 0px 0px;
}
.prdliBlk .prdliRow {
    flex: max-content;
    border: 1px solid #ccc;
    padding: 30px;
    border-radius: 15px;
    margin: 15px 0px;
    box-shadow: 0 2px 8px rgba(10,31,92,0.08);
}
.prdliBlk .prdliRow.green {
    border-top-color: green;
    border-top-width: 4px;
}
.prdliBlk .prdliRow.purple {
    border-top-color: purple;
    border-top-width: 4px;
}
.prdliBlk .prdliRow.yellow {
    border-top-color: goldenrod;
    border-top-width: 4px;
}
.prdliBlk .prdliRow.teal {
    border-top-color: teal;
    border-top-width: 4px;
}
.prdliBlk .prdliRow.blue {
    border-top-color: navy;
    border-top-width: 4px;
}
.prdliBlk .prdliRow .header {}
.prdliBlk .prdliRow .header .title {
    font-weight: 600;
    font-size: 2rem;
    display: flex;
    align-items: center;
}
.prdliBlk .prdliRow .header .title span {
    border: 1px solid #0088cf;
    background: #0088cf1a;
    font-size: 1.3rem;
    padding: 3px 15px;
    border-radius: 15px;
    font-weight: 500;
    margin: 0px 10px 0px 0px;
}
.prdliBlk .prdliRow.green .header .title span {
    background: green;
    border-color: green;
    color: #fff;
}
.prdliBlk .prdliRow.purple .header .title span {
    background: purple;
    border-color: purple;
    color: #fff;
}
.prdliBlk .prdliRow.yellow .header .title span {
    background: goldenrod;
    border-color: goldenrod;
    color: #fff;
}
.prdliBlk .prdliRow.teal .header .title span {
    background: teal;
    border-color: teal;
    color: #fff;
}
.prdliBlk .prdliRow.blue .header .title span {
    background: navy;
    border-color: navy;
    color: #fff;
}
.prdliBlk .prdliRow .footer {
    display: block;
    margin: 0px;
    width: 100%;
}
.prdliBlk .prdliRow .footer > ul {
    display: flex;
    margin: 0px;
    flex-wrap: wrap;
    justify-content: center;
}
.prdliBlk .prdliRow .footer > ul > li {
    flex: min-content;
    display: block;
}
.prdliBlk .prdliRow .footer > ul > li .title-sm {
    margin: 0px;
    font-size: 1.4rem;
    color: #ee2424;
    font-weight: 500;
}
.prdliBlk .prdliRow .footer > ul > li .desc {margin: 0px; font-size: 1.5rem;}
.stage-legend {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0px 0px 30px 0px;
    align-items: center;
}
.stage-legend > span {
    font-size: 1.5rem;
    margin: 0px 10px 0px 0px;
    font-weight: 600;
}
.stage-legend .legend-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    font-weight: 300;
}
.stage-legend .legend-item .badge {
    padding: 0px 15px;
    border: 1px solid #000;
    border-radius: 100px;
    font-weight: 400;
    font-size: 1.3rem;
}
.stage-legend .legend-item .badge.green {
    background: green;
    border-color: green;
    color: #fff;
}
.stage-legend .legend-item .badge.purple {
    border-color: purple;
    background: purple;
    color: #fff;
}
.stage-legend .legend-item .badge.blue {
    background: navy;
    border-color: navy;
    color: #fff;
}
.stage-legend .legend-item .badge.yellow {
    background: goldenrod;
    border-color: goldenrod;
    color: #fff;
}
.pillars {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 50px 0px 0px;
    gap: 35px;
}
.pillars .pillar {
    box-shadow: 0 2px 10px rgba(10,31,92,0.08);
    padding: 36px 40px;
    border-radius: 12px;
    border-left: 6px solid navy;
}
.pillars .pillar .title-sm {
    color: #6B778F;
    font-weight: 500;
    font-size: 1.4rem;
    text-transform: uppercase;
}
.pillars .pillar .title {
    font-weight: 700;
    font-size: 2.5rem;
    margin: 0px;
}
.pillars .pillar .desc {
}
.pillars .pillar .capability-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-top: 14px;
}
.pillars .pillar .capability-grid .capability {
    background: #F5F6FA;
    border-radius: 8px;
    padding: 18px 20px;
}
.pillars .pillar .capability-grid .capability .capability-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}
.pillars .pillar .capability-grid .capability .capability-head h4 {margin: 0px; max-width: 65%;}
.pillars .pillar .capability-grid .capability .capability-head .status-badge {
    padding: 0px 15px;
    border: 1px solid #000;
    border-top-color: rgb(0, 0, 0);
    border-right-color: rgb(0, 0, 0);
    border-bottom-color: rgb(0, 0, 0);
    border-left-color: rgb(0, 0, 0);
    border-radius: 100px;
    font-weight: 400;
    font-size: 1.3rem;
}
.pillars .pillar .capability-grid .capability .capability-head .status-badge.green {
    background: green;
    border-color: green;
    color: #fff;
}
.pillars .pillar .capability-grid .capability .capability-head .status-badge.purple {
    background: purple;
    border-color: purple;
    color: #fff;
}
.pillars .pillar .capability-grid .capability .capability-head .status-badge.yellow {
    border-color: goldenrod;
    background: goldenrod;
    color: #fff;
}
.pillars .pillar .capability-grid .capability .capability-head .status-badge.blue {
    border-color: navy;
    background: navy;
    color: #fff;
}
.service-numbers {
    display: block;
    margin: 30px 0px 0px;
    width: 100%;
}
.service-numbers > ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.service-numbers > ul > li {
    display: block;
    width: 20%;
}
.service-numbers > ul > li .num {
    text-align: center;
    color: #ee2424;
    font-size: 4rem;
    font-weight: 800;
    margin: 0px;
}
.service-numbers > ul > li .desc {
    text-align: center;
    margin: 0px;
    font-weight: 500;
    color: #5d5d5d;
}
.two-col-points {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px 0px 0px;
}
.two-col-points .cols {
    border: 1px solid #0088cf1a;
    padding: 30px;
    margin: 0px 15px;
    border-radius: 8px;
    box-shadow: 0px 2px 2px 0px #0000001A;
    width: 43%;
    display: block;
}
.two-col-points .cols.left {
    /*display: block;*/
    /*width: auto;*/
}
.two-col-points .cols .title {
    color: var(--darkblue);
    font-size: 2rem;
    font-weight: 600;
}
.two-col-points .cols > ul {margin: 0px;}
.two-col-points .cols > ul > li {
    background: url(images/icons/icon-ok-blue.svg);
    background-repeat: no-repeat;
    padding: 0px 0px 0px 30px;
    margin: 15px 0px;
    display: block;
    font-family: var(--inter);
    font-size: 1.7rem;
    background-position: left center;
}