/*------------------------------------------------------------------
[Master Stylesheet]

Project:  Artelligence
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header
3. Banner Section
4. About Us Section
5. Services Section
6. Choose us Section
7. Case study Section
8. Testimonials Section
9. Partner Section
10. FAQ's Section
11. Footer Section
*/

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&family=Ubuntu:wght@300;400;500;700&display=swap');

:root {
    --radius: 0;
    --radius-sm: 0;
    --e-global-color-primary: #262626;
    --e-global-color-secondary: #2be0f7;
    --e-global-color-text: #787878;
    --e-global-color-accent: #2293aa;
    --e-global-color-white: #ffffff;
    --e-global-color-very-dark-grayish-blue:#3e454a;
    --e-global-color-very-dark-blue:#042237;
    --e-global-color-dark-blue:#052b45;
    --e-global-color-very-blue:#03263e;
    --e-global-color-very-dark-mostly-black-blue:#02162d;
    --e-global-color-dark-cyan:#2397ae;
    --e-global-color-light-black:#2e2e2e;
    --e-gradient-1:#02162d;
    --e-gradient-2:#36e0f7;
}

body{
    font-family: 'Ubuntu', sans-serif;
}

.h1, h1 {
    font-size: 66px;
    line-height: 72px;
    font-weight: 700;
}
.h2, h2 {
    font-size: 46px;
    line-height: 52px;
    font-weight: 700;
    color: var(--e-global-color-primary);
}
.h3, h3{
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    color: var(--e-global-color-primary);
}
.h4, h4 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: var(--e-global-color-primary);
}
.h5, h5 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--e-global-color-secondary);
}
.h6, h6 {
    font-size: 22px;
    line-height: 55px;
    font-weight: 400;
    color: var(--e-global-color-primary);
}
p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    font-family: 'Manrope', sans-serif;
    color: var(--e-global-color-text);
}
.text-size-18 {
    font-size: 18px;
    line-height: 30px;
}
.text-size-16 {
    font-size: 16px;
    line-height: 22px;
}

/* Home Page Style */

.banner_outer{
    background: url("../images/banner-background.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.banner_outer .header{
    padding: 0 280px 0 265px;
}
.banner_outer .banner-sideshape{
    position: absolute;
    left: -38px;
    top: -14px;
}

.navbar-collapse ul{
    align-items: center; 
    display: inherit; 
}
.navbar-nav .nav-item a{
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    font-family: 'Manrope', sans-serif;
    color: var(--e-global-color-white) !important;
    margin-top: -6px;
}
.navbar-nav .nav-item a:hover{
    color: var(--e-global-color-secondary) !important;
    background-color: transparent;
}
.navbar-nav .active > a{
    color: var(--e-global-color-secondary) !important;
}
.navbar-nav .nav-item .lets_talk{
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    font-family: 'Manrope', sans-serif;
    padding: 4px 2px 4px 42px; 
    text-align: center;
    display: inline-block;
    border-radius: 0;
    color: var(--e-global-color-white) !important;
    background-image: linear-gradient(to right, var(--e-gradient-1) 0%, var(--e-gradient-2) 100%);
}
.navbar-nav .nav-item .lets_talk:hover{
    color: var(--e-global-color-white) !important;
    background-image: linear-gradient(to right,  var(--e-gradient-1) 0%, var(--e-gradient-2) 100%);
}
.navbar-nav .nav-item .lets_talk:hover .circle{
    background-color: var(--e-global-color-very-dark-blue);
}
.navbar-nav .nav-item .lets_talk:hover .circle:before {
    color: var(--e-global-color-white);
}
.navbar-nav .nav-item .circle {
    background: var(--e-global-color-white);
    border-radius: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    margin: 0 3px 0 12px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-item .circle:before {
    font-size: 18px;
    padding-top: 2px;
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    color: var(--e-global-color-dark-blue);
}
.navbar-brand{
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.navbar{
    position: relative;
    padding: 42px 0;
    z-index: 1;
}
.navbar-nav li{
    margin: 0 12px;
}
.navbar-nav li:first-child{
    margin-left: 0;
}
.navbar-nav li:last-child{
    margin-right: 0px;
    padding-right: 0;
    margin-left: 31px;
}
.navbar-nav .dropdown{
    margin: 0 15px 0 20px;
}
.navbar-nav .nav-item .dropdown-item{
    color: var(--e-global-color-black) !important;
    transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-item .dropdown-item:hover{
    color: var(--e-global-color-white) !important;
    background-color: var(--e-global-color-accent) !important;
    transition: all 0.3s ease-in-out;
    border-radius: 0;
}
.navbar-nav .drop-down-pages .active > a{
    color: var(--e-global-color-white) !important;
    background-color: var(--e-global-color-accent) !important;
}
.navbar-collapse .drop-down-pages {
    text-align: left;
    margin-left: 0;
}
.navbar-nav .dropdown-menu {
    background-color: var(--e-global-color-white);
    position: absolute;
    left: -20px;
    top: 38px;
    padding: 0;
    border: none;
    box-shadow: 1px 1px 30px rgb(0 0 0 / 20%);
}
/* 产品体系二级菜单：悬停即展开、箭头向上，可点击 */
.navbar-nav .nav-item-dropdown-products {
    position: relative;
}
/* 当前在产品体系任意子页时，「产品体系」菜单项高亮（与首页/关于我们 active 一致：青色），便于识别所在板块 */
.navbar-nav .nav-item-dropdown-products.active > .nav-link {
    color: var(--e-global-color-secondary) !important;
}
.navbar-nav .nav-item-dropdown-products .nav-products-dropdown {
    display: none;
}
.navbar-nav .nav-item-dropdown-products .nav-products-dropdown.show {
    display: block !important;
}
@media (min-width: 992px) {
    .navbar-nav .nav-item-dropdown-products.dropdown-open .nav-products-dropdown {
        position: absolute;
        top: 100%;
        left: -20px;
        margin-top: 0;
    }
}
@media (max-width: 991px) {
    .navbar-nav .nav-item-dropdown-products.dropdown-open .nav-products-dropdown {
        position: static;
        top: auto;
        left: auto;
        margin-top: 0;
    }
}
.navbar-nav .nav-item-dropdown-products.dropdown-open .dropdown-toggle::after {
    transform: rotate(180deg);
}
/* 触发与下拉之间的“桥接”区域，鼠标移过去时不会收起来 */
.navbar-nav .dropdown-menu.nav-products-dropdown::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 14px;
}
.navbar-nav .nav-item-dropdown-products:hover .dropdown-toggle::after {
    transform: rotate(180deg);
}
.navbar-nav .dropdown-menu.nav-products-dropdown {
    min-width: 160px;
    padding: 8px 6px;
    border-radius: 0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.06);
    overflow: hidden;
}
.navbar-nav .dropdown-menu.nav-products-dropdown .dropdown-item {
    padding: 12px 14px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 0;
    margin: 0;
}
.navbar-nav .dropdown-menu.nav-products-dropdown .dropdown-item:hover {
    border-radius: 0;
}
/* 产品体系 6 入口下拉（与页脚一致） */
.navbar-nav .dropdown-menu.nav-products-dropdown--entries {
    min-width: 200px;
    padding: 10px 0;
    left: 50%;
    transform: translateX(-50%);
}
.navbar-nav .nav-products-dropdown--entries .nav-products-entries {
    display: flex;
    flex-direction: column;
}
.navbar-nav .nav-products-dropdown--entries .nav-products-entry-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    font-size: 15px;
    font-weight: 500;
    color: inherit;
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
}
.navbar-nav .nav-products-dropdown--entries .nav-products-entry-link:hover {
    background: rgba(22, 119, 255, 0.08);
    color: #1677ff;
}
.navbar-nav .nav-products-dropdown--entries .nav-products-entry-arrow {
    font-size: 12px;
    opacity: 0.6;
}
.navbar-nav .nav-products-dropdown--entries .nav-products-entry-link:hover .nav-products-entry-arrow {
    opacity: 1;
    color: #1677ff;
}
/* 产品体系 mega-menu V2.0：主模块突出 · 三列 · 版本=客户类型 · 浅蓝渐变 */
.navbar-nav .dropdown-menu.nav-products-megamenu {
    min-width: 700px;
    width: 94vw;
    max-width: 980px;
    padding: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: linear-gradient(180deg, #f8fbff 0%, #fafbfd 50%, #f6f8fc 100%);
    overflow: hidden;
}
/* 一级标题：主轴 */
.navbar-nav .nav-products-megamenu .megamenu-hero {
    padding: 14px 24px 10px;
    background: linear-gradient(180deg, #e8f2ff 0%, #f0f7ff 100%);
    border-bottom: 1px solid #e0e7ef;
}
.navbar-nav .nav-products-megamenu .megamenu-hero-title {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #1677ff !important;
    margin-bottom: 2px;
    text-decoration: none;
    transition: color 0.15s;
}
.navbar-nav .nav-products-megamenu .megamenu-hero-title:hover {
    color: #0d5fcc !important;
}
.navbar-nav .nav-products-megamenu .megamenu-hero-title-sub {
    display: inline-block;
    margin-left: 6px;
    font-size: 12px;
    font-weight: 500;
    color: #6b7280 !important;
}
.navbar-nav .nav-products-megamenu .megamenu-hero-title i {
    font-size: 12px;
    margin-left: 4px;
    opacity: 0.9;
}
.navbar-nav .nav-products-megamenu .megamenu-hero-sub {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
}
.navbar-nav .nav-products-megamenu .megamenu-hero-subline {
    color: #555 !important;
}
.navbar-nav .nav-products-megamenu .megamenu-hero-sep {
    color: #c4c8cc !important;
    margin: 0 2px;
}
/* 旧 hero-desc / hero-path 样式不再使用，但保留兼容 */
/* 主体：左核心产品 + 右版本结构 */
.navbar-nav .nav-products-megamenu .megamenu-body {
    display: flex;
    min-height: 300px;
}
.navbar-nav .nav-products-megamenu .megamenu-panel-core {
    flex: 1;
    min-width: 0;
    padding: 16px 12px 20px;
    background: transparent;
    border-right: 1px solid #e2e8f0;
}
/* 产品线整块切换：顶部标签 */
.navbar-nav .nav-products-megamenu .megamenu-product-line-tablist {
    display: flex;
    gap: 4px;
    padding: 10px 20px 0;
    margin-bottom: 0;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fbff;
}
.navbar-nav .nav-products-megamenu .megamenu-product-line-tab {
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -1px;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
}
.navbar-nav .nav-products-megamenu .megamenu-product-line-tab:hover {
    color: #1677ff;
}
.navbar-nav .nav-products-megamenu .megamenu-product-line-tab.is-active {
    color: #1677ff;
    border-bottom-color: #1677ff;
    font-weight: 600;
}
/* 整块内容：仅当前选中的产品线块显示 */
.navbar-nav .nav-products-megamenu .megamenu-product-line-block {
    display: none;
}
.navbar-nav .nav-products-megamenu .megamenu-product-line-block.is-active {
    display: block;
}
/* 合规治理等产品线的占位内容 */
.navbar-nav .nav-products-megamenu .megamenu-product-line-placeholder {
    padding: 24px 16px;
    text-align: center;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px dashed #e2e8f0;
}
.navbar-nav .nav-products-megamenu .megamenu-product-line-placeholder-title {
    font-size: 15px;
    font-weight: 600;
    color: #334155;
    margin: 0 0 8px 0;
}
.navbar-nav .nav-products-megamenu .megamenu-product-line-placeholder-desc {
    font-size: 13px;
    color: #64748b;
    margin: 0;
    line-height: 1.5;
}
.navbar-nav .nav-products-megamenu .megamenu-panel-versions--placeholder {
    min-width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.navbar-nav .nav-products-megamenu .megamenu-panel-versions--placeholder .megamenu-version-note {
    margin: 0;
    padding: 0;
    border: none;
}
/* 推荐产品：4 张卡片 */
.navbar-nav .nav-products-megamenu .megamenu-hero--compact {
    padding: 10px 24px 8px;
}
.navbar-nav .nav-products-megamenu .megamenu-hero--compact .megamenu-hero-title {
    font-size: 15px;
}
/* 推荐产品：复用 MOM 能力卡样式，仅改为 2×2 网格 */
.navbar-nav .nav-products-megamenu .megamenu-product-list--recommended {
    grid-template-columns: 1fr 1fr !important;
}
.navbar-nav .nav-products-megamenu .megamenu-product-list--recommended .megamenu-product-card:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; }
.navbar-nav .nav-products-megamenu .megamenu-product-list--recommended .megamenu-product-card:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; }
.navbar-nav .nav-products-megamenu .megamenu-product-list--recommended .megamenu-product-card:nth-child(3) { grid-column: 1 !important; grid-row: 2 !important; }
    .navbar-nav .nav-products-megamenu .megamenu-product-list--recommended .megamenu-product-card:nth-child(4) {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }
    @media (max-width: 991px) {
        /* 移动端推荐产品：改为单列 */
        .navbar-nav .nav-products-megamenu .megamenu-product-list--recommended {
            display: flex !important;
            flex-direction: column;
            gap: 10px;
            grid-template-columns: 1fr !important;
        }
        .navbar-nav .nav-products-megamenu .megamenu-product-list--recommended .megamenu-product-card {
            grid-column: auto !important;
            grid-row: auto !important;
        }

        /* 移动端推荐产品：隐藏详细列表，只保留标题和副标题 */
        .navbar-nav .nav-products-megamenu .megamenu-product-list--recommended .megamenu-product-card-body {
            display: none !important;
        }
        /* 移动端推荐产品：去除卡片下边距，使其紧凑 */
        .navbar-nav .nav-products-megamenu .megamenu-product-list--recommended .megamenu-product-card {
            padding-bottom: 12px;
            margin-bottom: 8px;
            border-bottom: 1px solid #f1f5f9;
            min-height: auto;
        }
        .navbar-nav .nav-products-megamenu .megamenu-product-list--recommended .megamenu-product-card-header {
            margin-bottom: 0 !important;
            padding-bottom: 0 !important;
            border-bottom: none !important;
        }
        /* 移动端推荐产品：标题和副标题字体调小 */
        .navbar-nav .nav-products-megamenu .megamenu-product-list--recommended .megamenu-item-title {
            font-size: 15px !important;
        }
        .navbar-nav .nav-products-megamenu .megamenu-product-list--recommended .megamenu-item-subtitle {
            font-size: 12px !important;
            margin-bottom: 0 !important;
            line-height: 1.4;
        }
    }

    /* PC端推荐产品：特殊布局 */
    @media (min-width: 992px) {
        .navbar-nav .nav-products-megamenu .megamenu-product-list--recommended .megamenu-product-card {
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        .navbar-nav .nav-products-megamenu .megamenu-product-list--recommended .megamenu-product-card-header {
            text-align: center;
            margin-bottom: 16px;
            padding-bottom: 12px;
            border-bottom: 1px solid #f0f0f0;
        }
        .navbar-nav .nav-products-megamenu .megamenu-product-list--recommended .megamenu-product-card-body {
            display: flex;
            flex-grow: 1;
            gap: 20px;
        }
        .navbar-nav .nav-products-megamenu .megamenu-product-list--recommended .megamenu-product-card-main {
            flex: 1;
            padding-right: 10px;
            border-right: 1px solid #f0f0f0;
        }
        .navbar-nav .nav-products-megamenu .megamenu-product-list--recommended .megamenu-product-card-aside {
            flex: 1;
            padding-left: 10px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        /* 调整PC端标题样式 */
        .navbar-nav .nav-products-megamenu .megamenu-product-list--recommended .megamenu-item-title {
            font-size: 18px;
            margin-bottom: 6px;
            display: block;
        }
        .navbar-nav .nav-products-megamenu .megamenu-product-list--recommended .megamenu-item-subtitle {
            font-size: 13px;
            color: #666;
        }
    }
    .navbar-nav .nav-products-megamenu .megamenu-product-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px 10px;
    align-content: start;
}
.navbar-nav .nav-products-megamenu .megamenu-product-list .megamenu-product-card:nth-child(1) { grid-column: 1; grid-row: 1; }
.navbar-nav .nav-products-megamenu .megamenu-product-list .megamenu-product-card:nth-child(2) { grid-column: 1; grid-row: 2; }
.navbar-nav .nav-products-megamenu .megamenu-product-list .megamenu-product-card:nth-child(3) { grid-column: 2; grid-row: 1; }
.navbar-nav .nav-products-megamenu .megamenu-product-list .megamenu-product-card:nth-child(4) { grid-column: 2; grid-row: 2; }
.navbar-nav .nav-products-megamenu .megamenu-product-list .megamenu-product-card:nth-child(5) { grid-column: 3; grid-row: 1; }
.navbar-nav .nav-products-megamenu .megamenu-product-list .megamenu-product-card:nth-child(6) { grid-column: 3; grid-row: 2; }
.navbar-nav .nav-products-megamenu .megamenu-product-card {
    display: block;
    padding: 12px 14px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e2e8f0;
    text-decoration: none;
    color: #333 !important;
    transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
    text-align: left;
    position: relative;
}
.navbar-nav .nav-products-megamenu .megamenu-product-card:hover {
    background: #fff;
    border-color: #1677ff;
    box-shadow: 0 4px 12px rgba(22, 119, 255, 0.12);
}
/* 当前页卡片：与「智能生产执行」主卡同款样式，一眼能看出所在产品线 */
.navbar-nav .nav-products-megamenu .megamenu-product-card--current {
    padding: 14px 16px;
    border: 2px solid #1677ff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(22, 119, 255, 0.1);
    background: #f3f8ff;
}
.navbar-nav .nav-products-megamenu .megamenu-product-card--current:hover {
    box-shadow: 0 6px 16px rgba(22, 119, 255, 0.15);
    background: #eef6ff;
}
.navbar-nav .nav-products-megamenu .megamenu-product-card--current .megamenu-item-title {
    font-size: 17px;
    font-weight: 700;
}
.navbar-nav .nav-products-megamenu .megamenu-product-card--current .megamenu-item-subtitle {
    color: #475569 !important;
    font-weight: 600;
}
.navbar-nav .nav-products-megamenu .megamenu-product-card--main {
    padding: 14px 16px;
    border: 2px solid #1677ff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(22, 119, 255, 0.1);
    background: #f3f8ff;
}
.navbar-nav .nav-products-megamenu .megamenu-product-card--main:hover {
    box-shadow: 0 6px 16px rgba(22, 119, 255, 0.15);
    background: #eef6ff;
}
.navbar-nav .nav-products-megamenu .megamenu-product-card--main .megamenu-item-title {
    font-size: 17px;
    font-weight: 700;
}
.navbar-nav .nav-products-megamenu .megamenu-product-card--main .megamenu-item-subtitle {
    color: #475569 !important;
    font-weight: 600;
}
.navbar-nav .nav-products-megamenu .megamenu-item-subtitle {
    display: block;
    font-size: 12px;
    color: #555 !important;
    font-weight: 500;
    margin-bottom: 6px;
}
.navbar-nav .nav-products-megamenu .megamenu-product-card--main .megamenu-item-bullets {
    font-size: 11px;
}
.navbar-nav .nav-products-megamenu .megamenu-corner-badge {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 10px;
    font-weight: 600;
    color: #fff !important;
    background: linear-gradient(135deg, #1677ff, #0ea5e9);
    padding: 2px 6px;
    border-radius: 4px;
    line-height: 1.2;
}
.navbar-nav .nav-products-megamenu .megamenu-product-card .megamenu-item-title {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #1677ff !important;
    margin-bottom: 6px;
}
.navbar-nav .nav-products-megamenu .megamenu-product-card:hover .megamenu-item-title {
    color: #0d5fcc !important;
}
.navbar-nav .nav-products-megamenu .megamenu-item-bullets {
    list-style: none;
    margin: 0 0 6px 0;
    padding: 0;
    font-size: 12px;
    color: #555 !important;
    line-height: 1.6;
}
.navbar-nav .nav-products-megamenu .megamenu-item-bullets li {
    display: block;
    position: relative;
    padding-left: 1.25em;
    margin: 0;
    text-indent: 0;
    box-sizing: border-box;
}
.navbar-nav .nav-products-megamenu .megamenu-item-bullets li::before {
    content: "·";
    position: absolute;
    left: 0;
    top: 0;
    width: 1.25em;
    text-align: left;
    color: #999;
    font-weight: bold;
}
.navbar-nav .nav-products-megamenu .megamenu-item-bullets--compact {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px 10px;
    font-size: 11px;
    line-height: 1.45;
    margin-bottom: 0;
}
.navbar-nav .nav-products-megamenu .megamenu-item-bullets--compact li {
    padding-left: 1.1em;
}
.navbar-nav .nav-products-megamenu .megamenu-item-bullets--compact li::before {
    width: 1.1em;
}
.navbar-nav .nav-products-megamenu .megamenu-item-tagline {
    display: block;
    font-size: 11px;
    color: #8e8e8e !important;
    line-height: 1.4;
}
.navbar-nav .nav-products-megamenu .megamenu-product-card:hover .megamenu-item-tagline {
    color: #6b6b6b !important;
}
.navbar-nav .nav-products-megamenu .megamenu-badge {
    font-size: 10px;
    font-weight: 600;
    color: #0ea5e9;
    font-style: normal;
    margin-left: 4px;
}
/* AI 模块：渐变蓝 */
.navbar-nav .nav-products-megamenu .megamenu-item--platform-capability .megamenu-item-title {
    color: #555 !important;
}
.navbar-nav .nav-products-megamenu .megamenu-item--platform-capability:hover .megamenu-item-title {
    color: #1677ff !important;
}
.navbar-nav .nav-products-megamenu .megamenu-item-tagline-platform {
    display: block;
    font-size: 11px;
    color: #64748b !important;
    line-height: 1.4;
    margin-top: 4px;
    font-weight: 500;
}
.navbar-nav .nav-products-megamenu .megamenu-item--ai {
    background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 50%, #fff 100%);
    border-color: #bae6fd;
}
.navbar-nav .nav-products-megamenu .megamenu-item--ai .megamenu-item-title {
    color: #0369a1 !important;
}
.navbar-nav .nav-products-megamenu .megamenu-item--ai:hover {
    background: linear-gradient(135deg, #dbeafe 0%, #e0f2fe 50%, #f8fbff 100%);
    border-color: #1677ff;
}
.navbar-nav .nav-products-megamenu .megamenu-item--ai:hover .megamenu-item-title {
    color: #0d5fcc !important;
}
/* 右侧：版本结构（浅灰，视觉轻） */
.navbar-nav .nav-products-megamenu .megamenu-panel-versions {
    width: 188px;
    flex-shrink: 0;
    padding: 16px 14px 20px;
    background: linear-gradient(180deg, #f0f5fa 0%, #f6f8fb 100%);
    border-left: 1px solid #e2e8f0;
}
.navbar-nav .nav-products-megamenu .megamenu-version-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.navbar-nav .nav-products-megamenu .megamenu-version-card {
    display: block;
    padding: 12px 12px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e5e9ef;
    text-decoration: none;
    color: #333 !important;
    transition: background 0.15s, border-color 0.15s;
}
.navbar-nav .nav-products-megamenu .megamenu-version-card:hover {
    background: #fff;
    border-color: #1677ff;
}
.navbar-nav .nav-products-megamenu .megamenu-version-card--current {
    border-color: #1677ff;
    box-shadow: 0 0 0 1px rgba(22, 119, 255, 0.4);
}
.navbar-nav .nav-products-megamenu .megamenu-version-title {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #333 !important;
    margin-bottom: 6px;
}
.navbar-nav .nav-products-megamenu .megamenu-version-card:hover .megamenu-version-title {
    color: #1677ff !important;
}
.navbar-nav .nav-products-megamenu .megamenu-version-fit,
.navbar-nav .nav-products-megamenu .megamenu-version-goal {
    font-size: 12px;
    color: #555 !important;
    line-height: 1.5;
    margin: 0 0 4px 0;
}
.navbar-nav .nav-products-megamenu .megamenu-version-goal {
    margin-bottom: 0;
    color: #6b6b6b !important;
}
.navbar-nav .nav-products-megamenu .megamenu-version-pos {
    font-size: 11px;
    color: #8e8e8e !important;
    line-height: 1.4;
    margin: 4px 0 0 0;
}
.navbar-nav .nav-products-megamenu .megamenu-version-recommend {
    margin: 12px 0 0 0;
    font-size: 12px;
    color: #1677ff !important;
    font-weight: 600;
    line-height: 1.5;
}
.navbar-nav .nav-products-megamenu .megamenu-version-note {
    margin: 8px 0 0 0;
    padding: 10px 0 0 0;
    border-top: 1px dashed #d1d8e0;
    font-size: 11px;
    color: #6b7280 !important;
    line-height: 1.5;
}
/* 技术能力背书：独立块 或 右侧栏内嵌 */
.navbar-nav .nav-products-megamenu .megamenu-tech-backing {
    padding: 14px 24px 18px;
    border-top: 1px solid #e2e8f0;
    background: #f6f8fa;
}
.navbar-nav .nav-products-megamenu .megamenu-tech-backing--inline {
    padding: 0 0 14px 0;
    margin-bottom: 14px;
    border-top: none;
    border-bottom: 1px solid #e2e8f0;
    background: transparent;
}
.navbar-nav .nav-products-megamenu .megamenu-tech-backing--below-grid {
    margin-top: 14px;
    padding: 12px 0 0 0;
    border-top: 1px solid #e2e8f0;
    background: transparent;
}
.navbar-nav .nav-products-megamenu .megamenu-tech-backing--below-grid .megamenu-tech-backing-title {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #333 !important;
}
.navbar-nav .nav-products-megamenu .megamenu-tech-backing--below-grid .megamenu-tech-backing-list {
    gap: 6px 16px;
    font-size: 12px;
    line-height: 1.6;
    color: #555 !important;
}
.navbar-nav .nav-products-megamenu .megamenu-tech-backing--below-grid .megamenu-tech-backing-list li {
    padding-left: 0;
}
.navbar-nav .nav-products-megamenu .megamenu-tech-backing--below-grid .megamenu-tech-backing-list li::before {
    content: none;
    display: none;
}
.navbar-nav .nav-products-megamenu .megamenu-tech-backing-title {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #64748b !important;
    margin-bottom: 10px;
    letter-spacing: 0.02em;
}
.navbar-nav .nav-products-megamenu .megamenu-tech-backing--inline .megamenu-tech-backing-title {
    margin-bottom: 8px;
}
.navbar-nav .nav-products-megamenu .megamenu-tech-backing-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    font-size: 12px;
    color: #555 !important;
    line-height: 1.5;
}
.navbar-nav .nav-products-megamenu .megamenu-tech-backing--inline .megamenu-tech-backing-list {
    flex-direction: column;
    gap: 4px 0;
    font-size: 11px;
    line-height: 1.45;
}
.navbar-nav .nav-products-megamenu .megamenu-tech-backing-list li {
    position: relative;
    padding-left: 1em;
}
.navbar-nav .nav-products-megamenu .megamenu-tech-backing-list li::before {
    content: "·";
    position: absolute;
    left: 0;
    color: #94a3b8;
    font-weight: bold;
}
@media (max-width: 991px) {
    .navbar-nav .dropdown-menu.nav-products-megamenu {
        min-width: auto;
        width: 100%;
        max-width: none;
        left: 0;
        transform: none;
    }
    .navbar-nav .nav-products-megamenu .megamenu-body {
        flex-direction: column;
        min-height: auto;
    }
    .navbar-nav .nav-products-megamenu .megamenu-panel-core {
        border-right: 0;
        border-bottom: 1px solid #e5e7eb;
    }
    .navbar-nav .nav-products-megamenu .megamenu-product-list {
        grid-template-columns: 1fr;
    }
    .navbar-nav .nav-products-megamenu .megamenu-product-list .megamenu-product-card:nth-child(n) {
        grid-column: 1;
        grid-row: auto;
    }
    .navbar-nav .nav-products-megamenu .megamenu-panel-versions {
        width: 100%;
        border-left: 0;
    }
    .navbar-nav .nav-products-megamenu .megamenu-version-list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
    }
    .navbar-nav .nav-products-megamenu .megamenu-version-card {
        flex: 1;
        min-width: 140px;
    }
    .navbar-nav .nav-products-megamenu .megamenu-tech-backing {
        padding: 12px 16px 16px;
    }
    .navbar-nav .nav-products-megamenu .megamenu-tech-backing-list {
        gap: 6px 16px;
    }
}
.navbar-nav .nav-item-dropdown-products .dropdown-toggle::after {
    transition: transform 0.2s ease;
}
.navbar-nav .drop-down-pages li{
    margin: 0;
}
.navbar-nav .drop-down-pages .nav-item a {
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    font-family: 'Manrope', sans-serif;
    padding: 12px 20px;
    margin-top: 0;
}
.navbar-expand-lg .drop-down-pages .nav-link {
    padding-left: 0;
}
.navbar-nav .drop-down-pages li:last-child{
    margin-left: 0;
}
.banner-section{
    position: relative;
    padding: 152px 266px 290px;
    overflow: hidden;
}
.banner-section .banner_content h1{
    margin-bottom: 13px;
    padding-right: 32px;
}
.banner-section .banner_content p{
    padding-right: 160px;
    margin-bottom: 27px;
}
.banner-section .banner_content .hero-subkicker{
    margin-bottom: 8px;
    padding-right: 32px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    opacity: 0.9;
}
.banner-section .banner_content .lets_talk{
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    font-family: 'Manrope', sans-serif;
    padding: 4px 2px 4px 42px; 
    text-align: center;
    display: inline-block;
    border-radius: 0;
    color: var(--e-global-color-white) !important;
    transition: all 0.3s ease-in-out;
    background-image: linear-gradient(to right,  var(--e-gradient-1) 0%, var(--e-gradient-2) 100%);
}
.banner-section .banner_content .lets_talk:hover{
    color: var(--e-global-color-white);
    background-image: linear-gradient(to right, #052b45 0%, #052b45 51%, #052b45 100%);
}
.banner-section .banner_content .circle {
    background: var(--e-global-color-white);
    border-radius: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    margin: 0 3px 0 12px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.banner-section .banner_content .lets_talk:hover .circle{
    background-color: var(--e-global-color-very-dark-blue);
}
.banner-section .banner_content .lets_talk:hover .circle:before{
    color: var(--e-global-color-white);
}
.banner-section .banner_content .circle:before {
    font-size: 18px;
    padding-top: 2px;
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    color: var(--e-global-color-dark-blue);
}
.banner-section .banner_content .button1{
    margin-right: 10px;
}
.banner-section .banner_content .banner-button{
    position: relative;
    z-index: 1;
}
.banner-section .banner-sideshape2{
    position: absolute;
    left: -2px;
    bottom: -20px;
    z-index: 0;
}
.banner-section .banner_wrapper{
    position: relative;
}
.banner-section .banner_wrapper .banner-image{
    position: absolute;
    top: -116px;
    left: -210px;
}

/* About us */

.about-section{
    padding: 160px 0 172px;
}
.about-section .about_wrapper{
    position: relative;
}
.about-section .about_wrapper .about-image1{
    position: absolute;
    left: -30px;
    top: -30px;
}
.about-section .about_wrapper .about-image2{
    position: absolute;
    right: -22px;
    top: 322px;
}
.about-section .about_content{
    padding-left: 55px;
}
.about-section .about_content h2{
    margin: 0 -10px 18px 0;
}
.about-section .about_content p{
    margin: 0 -10px 16px 0;
}
.about-section .about_content .about-lowercontent .layer-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}
.about-section .about_content .about-lowercontent .image{
    flex: 0 0 60px;
    width: 60px;
    min-width: 60px;
    margin-right: 20px;
    padding-top: 5px;
    float: none !important;
}
.about-section .about_content .about-lowercontent .icon img {
    width: 100%;
    height: auto;
    max-width: 60px;
}
.about-section .about_content .about-lowercontent .content {
    flex: 1;
    padding-left: 0;
}
.about-section .about_content .about-lowercontent .layer-list li {
    margin-bottom: 8px;
    position: relative;
    padding-left: 0;
}
.button-primary-blue {
    background: #0056b3 !important;
    background-image: none !important;
    color: #fff !important;
    padding: 12px 30px !important;
    border-radius: 4px !important;
    text-align: center;
    display: inline-block;
    font-weight: 600;
}
.button-primary-blue:hover {
    background: #004494 !important;
    background-image: none !important;
}
.about-section .about_content .about-lowercontent h4{
    margin-bottom: 3px;
}
.about-section .about_content .about-lowercontent p{
    margin-bottom: 14px;
}
.about-section .about_content .about-lowercontent .text{
    margin-bottom: 35px;
}
.about-section .about_content .read_more{
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    font-family: 'Manrope', sans-serif;
    padding: 4px 2px 4px 42px; 
    text-align: center;
    display: inline-block;
    border-radius: 0;
    color: var(--e-global-color-white) !important;
    transition: all 0.3s ease-in-out;
    background-image: linear-gradient(to right,  var(--e-gradient-1) 0%, var(--e-gradient-2) 100%);
}
.about-section .about_content .read_more:hover{
    color: var(--e-global-color-white);
    background-image: linear-gradient(to right, #052b45 0%, #052b45 51%, #052b45 100%);
}
.about-section .about_content .circle {
    background: var(--e-global-color-white);
    border-radius: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    margin: 0 3px 0 12px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.about-section .about_content .circle:before {
    font-size: 18px;
    padding-top: 2px;
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    color: var(--e-global-color-dark-blue);
}

/* Services */

.service-section{
    background-color: #eafcfe;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0;
}
.service-section .service-image{
    position: absolute;
    left: -106px;
    top: 26px;
}
.service-section .service_content{
    padding-top: 120px;
}
.service-section .service_content h2{
    padding-right: 86px;
    margin-bottom: 15px;
}
.service-section .service_content p{
    padding-right: 30px;
    margin-bottom: 35px;
}
.service-section .service_content .read_more{
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    font-family: 'Manrope', sans-serif;
    padding: 4px 2px 4px 42px; 
    text-align: center;
    display: inline-block;
    border-radius: 0;
    color: var(--e-global-color-white) !important;
    transition: all 0.3s ease-in-out;
    background-image: linear-gradient(to right,  var(--e-gradient-1) 0%, var(--e-gradient-2) 100%);
}
.service-section .service_content .read_more:hover{
    color: var(--e-global-color-white);
    background-image: linear-gradient(to right, #052b45 0%, #052b45 51%, #052b45 100%);
}
.service-section .service_content .circle {
    background: var(--e-global-color-white);
    border-radius: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    margin: 0 3px 0 12px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.service-section .service_content .circle:before {
    font-size: 18px;
    padding-top: 2px;
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    color: var(--e-global-color-dark-blue);
}
.service-section .service_contentbox .service-box{
    background: var(--e-global-color-white);
    border-radius: 0;
    padding: 35px 15px;
    text-align: center;
    margin-bottom: 10px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    border-bottom: 2px solid #249cb3;
}
.service-section .service_contentbox .service-box:hover{
    background-image: linear-gradient(to right, #082e45 0%, #17677e 51%, #249cb3 100%);
    border-bottom: 2px solid #249cb3;
    transform: translateY(-5px);
}
.service-section .service_contentbox .service-box:hover h4{
    color: var(--e-global-color-white);
}
.service-section .service_contentbox .service-box:hover p{
    color: var(--e-global-color-white);
}
.service-section .service_contentbox .service-box figure{
    background: #eafcfe;
    border-radius: 0;
    height: 120px;
    width: 120px;
    line-height: 120px;
    text-align: center;
    margin-bottom: 20px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.service-section .service_contentbox .service-box figure:hover{
    transform: translateY(-5px);
}
.service-section .service_contentbox .service-box .read_more{
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    font-family: 'Manrope', sans-serif;
    color: var(--e-global-color-secondary);
    text-transform: uppercase;
}
.service-section .service_contentbox .box-top{
    padding-top: 30px;
}

#product-system .service-sub {
    font-weight: 600;
    color: var(--e-global-color-primary);
    margin-bottom: 12px;
}

/* Why choose us */

.choose-section{
    background: url("../images/choose-background.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 147px 0 160px
}
.choose-section .choose-sideshape{
    position: absolute;
    right: 0;
    top: 0;
}
.choose-section .choose_wrapper{
    position: relative;
}
.choose-section .choose_wrapper .choose-image{
    position: absolute;
    top: -222px;
    left: -230px;
}
.choose-section .choose_content{
    padding-left: 70px;
}
.choose-section .choose_content h5{
    margin-bottom: 6px;
}
.choose-section .choose_content h2{
    margin-bottom: 16px;
}
.choose-section .choose_content p{
    margin-bottom: 15px;
}
.choose-section .choose_content .text{
    font-weight: 500;
    margin-bottom: 13px;
}
.choose-section .choose_content .text1{
    margin-bottom: 33px;
}
.choose-section .choose_content ul li .circle {
    background-image: linear-gradient(to right, #082e45 0%, #17677e 51%, #249cb3 100%);
    border-radius: 0;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    margin-right: 12px;
    margin-left: 0;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.choose-section .choose_content ul li .circle:before {
    font-size: 14px;
    padding-top: 2px;
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    color: var(--e-global-color-white);
}
.choose-section .choose_content .read_more{
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    font-family: 'Manrope', sans-serif;
    padding: 4px 2px 4px 42px; 
    text-align: center;
    display: inline-block;
    border-radius: 0;
    color: var(--e-global-color-white) !important;
    transition: all 0.3s ease-in-out;
    background-image: linear-gradient(to right,  var(--e-gradient-1) 0%, var(--e-gradient-2) 100%);
    position: relative;
    z-index: 1;
}
.choose-section .choose_content .read_more:hover{
    color: var(--e-global-color-white);
    background-image: linear-gradient(to right, #052b45 0%, #052b45 51%, #052b45 100%);
}
.choose-section .choose_content .circle {
    background: var(--e-global-color-white);
    border-radius: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    margin: 0 3px 0 12px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.choose-section .choose_content .read_more:hover .circle{
    background-color: var(--e-global-color-very-dark-blue);
}
.choose-section .choose_content .read_more:hover .circle:before{
    color: var(--e-global-color-white);
}
.choose-section .choose_content .circle:before {
    font-size: 18px;
    padding-top: 2px;
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    color: var(--e-global-color-dark-blue);
}
.choose-section .choose-sideshape2{
    position: absolute;
    right: 0;
    bottom: 0;
}

/* Case Study */

.study-section {
    padding: 130px 0 140px;
}
.study-section .study_content{
    text-align: center;
}
.study-section .study_content h5{
    margin-bottom: 10px;
}
.study-section .study_content h2{
    margin-bottom: 34px;
}
.study-section .case-box {
    margin-bottom: 30px;
}
.study-section .overlay:hover figure {
    border-radius: 0;
    opacity: 1;
    background-image: linear-gradient(to right, #06243b 0%, #36e0f7 100%);
}
.study-section .overlay:hover img{
    opacity: 0.4;
}
.study-section .case-box .image{
    position: relative;
}
.study-section .case-box .content{
    position: absolute;
    padding: 0 50px 0 30px;
    margin-top: -196px;
}
.study-section .case-box .content h4{
    margin-bottom: 18px;
}
.study-section .case-box .content span{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-family: 'Manrope', sans-serif;
    border-radius: 0;
    background-color: #3a4853;
    padding: 5px 18px;
    text-align: center;
    display: inline-block;
    margin-bottom: 14px;
}
.study-section .case-box .circle {
    background-image: linear-gradient(to right, #0f4a61 0%, #1d7d94 51%, #28a8bf 100%);
    border-radius: 0;
    height: 45px;
    width: 45px;
    line-height: 45px;
    margin-left: -2px;
    text-align: center;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.study-section .case-box:hover .circle{
    background-image:  linear-gradient(to right, #ffffff 0%, #ffffff 51%, #ffffff 100%);
}
.study-section .case-box:hover .circle:before{
    color: var(--e-global-color-secondary);
}
.study-section .case-box .circle:before{
    font-size: 18px;
    padding-top: 2px;
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    color: var(--e-global-color-white);
}
.study-section .lower-images{
    margin-bottom: 28px;
}
.study-section .button{
    text-align: center;
}
.study-section .view_all{
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    font-family: 'Manrope', sans-serif;
    padding: 6px 2px 6px 52px;
    text-align: center;
    display: inline-block;
    border-radius: 0;
    color: var(--e-global-color-white) !important;
    transition: all 0.3s ease-in-out;
    background-image: linear-gradient(to right,  var(--e-gradient-1) 0%, var(--e-gradient-2) 100%);
}
.study-section .view_all:hover{
    color: var(--e-global-color-white);
    background-image: linear-gradient(to right, #052b45 0%, #052b45 51%, #052b45 100%);
}
.study-section .circle {
    background: var(--e-global-color-white);
    border-radius: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    margin: 0 3px 0 20px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.study-section .circle:before {
    font-size: 18px;
    padding-top: 2px;
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    color: var(--e-global-color-dark-blue);
}

/* Testimonial */

.testimonial-section{
    background-color: #eafcfe;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 109px 0 112px;
    position: relative;
    overflow: hidden;
}
.testimonial-section .testimonial-sideimage {
    position: absolute;
    right: -106px;
    top: -32px;
}
.testimonial-section .heading{
    text-align: center;
}
.testimonial-section h2 {
    margin-bottom: 38px;
}
.testimonial-section p{
    font-size: 22px;
    line-height: 35px;
    font-weight: 400;
    margin-bottom: 14px;
    color: var(--e-global-color-light-black);
}
.testimonial-section .testimonial_content h5{
    margin-bottom: 4px;
}
.testimonial-section .testimonial_content .text-size-18{
    font-weight: 700;
    margin-bottom: 4px;
    color: var(--e-global-color-secondary);
}
.testimonial-section .testimonial_content span{
    font-weight: 400;
    font-family: 'Manrope', sans-serif;
    color: var(--e-global-color-text);
    display: block;
}
.testimonial-section .testimonial_content .content-box .testimonial-image{
    position: absolute;
    top: 50px;
    left: -150px;
}
.testimonial-section .testimonial_content .content-box .box {
    background-image: linear-gradient(to right, #082e45 0%, #17677e 51%, #249cb3 100%);
    border-radius: 0;
    height: 64px;
    width: 64px;
    padding-top: 17px;
    text-align: center;
    display: inline-block;
    border: 1px solid transparent;
    position: relative;
    top: -136px;
    left: -330px;
}
.testimonial-section .testimonial_content .content-box{
    border: 1px solid var(--e-global-color-white);
    border-bottom: 2px solid #249cb3;
    background: var(--e-global-color-white);
    border-radius: 0;
    padding: 62px 68px 5px 143px;
    width: 74%;
    position: relative;
    margin-left: 218px;
    text-align: left;
    margin-bottom: 68px;
}
.testimonial-section .testimonial_content .content-box .circle {
    border-radius: 0;
    height: 97px;
    width: 97px;
    line-height: 97px;
    text-align: center;
    display: inline-block;
    background: var(--e-global-color-secondary);
    position: absolute;
    top: -45px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#carouselExampleControls{
    text-align: center;
    display: inline-block;
    border-radius: 0; 
    color: var(--e-global-color-white) !important;
    transition: all 0.3s ease-in-out;
    position: relative;
    z-index: 1;
}
#carouselExampleControls .carousel-control-prev{
    position: relative;
    left: -33px;
    top: 184px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    color: var(--e-global-color-white);
    opacity: 1;
    border: 1px solid #404e60;
    background: var(--e-global-color-very-dark-mostly-black-blue);
    padding: 0 10px;
    font-weight: bold;
    border-radius: 0;
    display: inline-block;
}
#carouselExampleControls .carousel-control-next{
    position: relative;
    right: -28px;
    top: 110px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    color: var(--e-global-color-white);
    opacity: 1;
    border: 1px solid #404e60;
    background: var(--e-global-color-very-dark-mostly-black-blue);
    padding: 0 10px;
    font-weight: bold;
    border-radius: 0;
    display: inline-block;
}
#carouselExampleControls .carousel-control-prev:hover,
#carouselExampleControls .carousel-control-next:hover {
    background-image: linear-gradient(to right,  #082e45 0%, #17677e 51%, #249cb3 100%);
    color: var(--e-global-color-white);
}
.testimonial-section .pagination-outer{
    position: absolute;
    right: 0;
    top: 0;
}
.testimonial-section .partner-section{
    text-align: center;
    position: relative;
}
.testimonial-section .partner-section .partner img{
    transition: all 0.3s ease-in-out;
}
.testimonial-section .partner-section .partner img:hover{
    filter: brightness(0.2);
    transform: translateY(-5px);
}
.testimonial-section .partner-section .partner li{
    display: inline-block;
    margin: 0 40px;
}
.testimonial-section .partner-section .partner li:first-child{
    margin-left: -4px;
}
.testimonial-section .partner-section .partner li:last-child{
    margin-right: 0;
}

/* FAQ / Need*/

.faq-section{
    padding: 182px 0 142px;
    position: relative;
}

/* Industry Solutions (Projects) */

.service-section.industry-tier{
    background: var(--bg);
}
.service-section.industry-tier .service_content{
    padding-top: 0;
    text-align: center;
}
.service-section.industry-tier .service_content h2,
.service-section.industry-tier .service_content p{
    padding-right: 0;
}
.service-section.industry-tier .service_content h2{
    color: var(--text);
}
.service-section.industry-tier .service_content p{
    color: var(--muted);
}
.service-section.industry-tier .service_contentbox .row{
    align-items: stretch;
}
.service-section.industry-tier .service_contentbox .service-box{
    background: var(--card);
    border: 1px solid var(--line);
    border-bottom: 2px solid var(--brand);
    box-shadow: 0 18px 45px rgba(11, 27, 58, 0.10);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    text-align: left;
    padding: 34px 26px;
}
.service-section.industry-tier .service_contentbox .service-box:hover{
    transform: translateY(-6px);
    border-color: rgba(30, 94, 255, 0.35);
    box-shadow: 0 22px 55px rgba(11, 27, 58, 0.14);
    background-image: none;
    background: var(--card);
}
.service-section.industry-tier .service_contentbox .service-box figure{
    background: var(--bg);
}
.service-section.industry-tier .service_contentbox .service-box h4{
    color: var(--text);
    margin-bottom: 16px;
}
.service-section.industry-tier .service_contentbox .service-box p{
    color: var(--muted);
    opacity: 1;
}
.service-section.industry-tier .service_contentbox .service-box strong{
    color: var(--brand);
}
.service-section.industry-tier .service_contentbox .service-box .read_more{
    margin-top: auto;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    font-family: 'Manrope', sans-serif;
    text-transform: none;
    color: #fff !important;
    background-image: none !important;
    background: var(--brand) !important;
    border-radius: 0 !important;
    padding: 12px 18px !important;
    display: inline-block;
    width: fit-content;
    box-shadow: 0 8px 18px rgba(30, 94, 255, 0.18);
}
.service-section.industry-tier .service_contentbox .service-box .read_more:hover{
    background: var(--brand-2) !important;
}

.industry-scenarios .industry-scenario{
    margin-top: 26px;
}
.industry-scenarios .industry-scenario-card{
    display: flex;
    align-items: stretch;
    background: var(--brand-2);
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 22px 55px rgba(11, 27, 58, 0.10);
}
.industry-scenarios .industry-scenario-card--reverse{
    flex-direction: row-reverse;
}
.industry-scenarios .industry-scenario-media{
    width: 46%;
    min-height: 220px;
    background: rgba(255,255,255,.03);
}
.industry-scenarios .industry-scenario-media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.industry-scenarios .industry-scenario-body{
    flex: 1;
    padding: 26px 26px;
}
.industry-scenarios .industry-scenario-body h4{
    margin-bottom: 14px;
}
.industry-scenarios .industry-scenario-body strong{
    color: var(--e-global-color-secondary);
}

@media screen and (max-width: 991px){
    .industry-scenarios .industry-scenario-card,
    .industry-scenarios .industry-scenario-card--reverse{
        flex-direction: column;
    }
    .industry-scenarios .industry-scenario-media{
        width: 100%;
        min-height: 200px;
    }
}

.industry-path{
    padding: 130px 0 120px;
    background: var(--e-global-color-very-dark-blue);
}
.industry-path h2,
.industry-path p{
    color: var(--e-global-color-white);
}
.industry-timeline{
    list-style: none;
    margin: 0;
    padding-left: 0;
    position: relative;
}
.industry-timeline:before{
    content: "";
    position: absolute;
    left: 18px;
    top: 0;
    bottom: 0;
    width: 2px;
    background-image: linear-gradient(to bottom, var(--e-gradient-2) 0%, var(--e-gradient-1) 100%);
    opacity: 0.85;
}
.industry-timeline-item{
    position: relative;
    padding: 18px 0 18px 62px;
}
.industry-timeline-item:before{
    content: "";
    position: absolute;
    left: 8px;
    top: 26px;
    width: 22px;
    height: 22px;
    border-radius: 0;
    background: var(--e-global-color-very-dark-mostly-black-blue);
    border: 2px solid var(--e-global-color-secondary);
    box-shadow: 0 0 0 6px rgba(43 224 247 / 12%);
}
.industry-timeline-item h4{
    margin-bottom: 0;
}

.industry-cta{
    padding: 110px 0;
    background: var(--bg);
}
.industry-cta h2,
.industry-cta p{
    color: var(--text);
}
.industry-cta p{
    color: var(--muted);
}
.industry-cta-buttons{
    justify-content: flex-end;
}
@media screen and (max-width: 991px){
    .industry-cta-buttons{
        justify-content: flex-start;
        margin-top: 24px;
    }
}

/* ==========================================================
   Projects Page (Redesign Middle Content)
   ========================================================== */
.projects-redesign{
    padding: 56px 0;
    background: var(--bg);
}
.projects-redesign .projects-redesign-heading{
    max-width: 780px;
    margin: 0 auto 18px;
    text-align: center;
}
.projects-redesign .projects-redesign-kicker{
    margin: 0 0 10px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0;
    color: var(--e-global-color-secondary);
}
.projects-redesign .projects-redesign-kicker.projects-redesign-kicker-en{
    margin: 0 0 6px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 0.16em;
    opacity: 0.85;
}
.projects-redesign h2{ color: var(--text); }
.projects-redesign p{ color: var(--muted); }

.projects-redesign-diagram{
    background: var(--bg);
}
.projects-redesign-diagram .projects-redesign-diagram-inner{
    max-width: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: none;
    background: transparent;
}
.projects-redesign-diagram figure{
    width: 100%;
    aspect-ratio: 3 / 1;
    overflow: hidden;
    border-radius: 0;
    background: transparent;
}
.projects-redesign-diagram img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.projects-redesign-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}
.projects-redesign-card{
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 0;
    padding: 18px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.projects-redesign.projects-redesign-solutions .projects-redesign-card{
    position: relative;
    overflow: hidden;
}
.projects-redesign.projects-redesign-solutions .projects-redesign-card::after{
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 14px;
    height: 2px;
    border-radius: 0;
    background: linear-gradient(90deg, rgba(36,156,179,var(--step-glow,0.10)), rgba(36,156,179,0));
}
.projects-redesign.projects-redesign-solutions .projects-redesign-card:nth-child(1){ --step-glow: 0.10; }
.projects-redesign.projects-redesign-solutions .projects-redesign-card:nth-child(2){ --step-glow: 0.14; }
.projects-redesign.projects-redesign-solutions .projects-redesign-card:nth-child(3){ --step-glow: 0.18; }
.projects-redesign.projects-redesign-solutions .projects-redesign-card:nth-child(4){ --step-glow: 0.22; }
.projects-redesign-card h3{
    margin: 0 0 10px;
    color: var(--text);
    font-size: 18px;
    line-height: 1.3;
}
.projects-redesign-block{ margin: 0 0 10px; }
.projects-redesign-block p{
    margin: 0;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.6;
}
.projects-redesign-label{
    margin: 0 0 4px !important;
    color: var(--text) !important;
    font-weight: 700;
}
.projects-redesign-em{
    color: var(--brand) !important;
    font-weight: 700;
}
.projects-redesign-media{
    width: 100%;
    height: 108px;
    border-radius: 0;
    background: var(--bg);
    border: 1px dashed var(--line);
    margin: 0 0 10px;
}

/* Solutions section: slightly tighter vertical rhythm */
.projects-redesign.projects-redesign-solutions{
    padding-top: 44px;
    padding-bottom: 44px;
}

.projects-redesign-scenario-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}
.projects-redesign-scenario{
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 0;
    padding: 22px;
}
.projects-redesign-scenario h3{
    margin: 0 0 12px;
    color: var(--text);
    font-size: 20px;
    line-height: 1.3;
}

.projects-redesign-steps{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}
.projects-redesign-step{
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 0;
    padding: 22px;
}
.projects-redesign-step-number{
    width: 40px;
    height: 40px;
    border-radius: 0;
    background: var(--bg);
    color: var(--brand);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    margin: 0 0 12px;
    border: 1px solid var(--line);
}
.projects-redesign-step h3{
    margin: 0;
    color: var(--text);
    font-size: 18px;
}

/* Scenarios: match 产品体系 card style (service-box) */
.projects-redesign-scenarios .service_contentbox .row{
    align-items: stretch;
}
.projects-redesign-scenarios .service_contentbox .row > [class*="col-"]{
    display: flex;
}
.projects-redesign.projects-redesign-scenarios{
    padding-top: 40px;
    padding-bottom: 64px;
    background: url("../images/banner-background.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* Scenarios section heading colors on dark background */
.projects-redesign.projects-redesign-scenarios .projects-redesign-kicker{
    color: var(--e-global-color-secondary);
}
.projects-redesign.projects-redesign-scenarios h2{
    color: var(--e-global-color-white);
}
/* Override global .service-section .service_contentbox .service-box (higher specificity) */
.projects-redesign.projects-redesign-scenarios.service-section .service_contentbox .service-box.projects-scenario-card{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    text-align: left;
    padding: 24px 20px;
    margin-bottom: 16px;
}
.projects-redesign.projects-redesign-scenarios.service-section .service_contentbox .service-box.projects-scenario-card:hover{
    background-image: linear-gradient(to right, #082e45 0%, #17677e 51%, #249cb3 100%);
    background-color: transparent;
    border-bottom: 2px solid #249cb3;
    transform: translateY(-5px);
}
.projects-redesign.projects-redesign-scenarios.service-section .service_contentbox .service-box.projects-scenario-card h4{
    display: block;
    margin: 0 0 10px;
    color: var(--text);
}
.projects-redesign.projects-redesign-scenarios.service-section .service_contentbox .service-box.projects-scenario-card p{
    color: var(--muted);
    font-size: 14px;
    line-height: 1.6;
}
.projects-redesign.projects-redesign-scenarios.service-section .service_contentbox .service-box.projects-scenario-card strong{
    color: inherit;
    font-weight: 700;
}
.projects-redesign.projects-redesign-scenarios.service-section .service_contentbox .service-box.projects-scenario-card:hover h4,
.projects-redesign.projects-redesign-scenarios.service-section .service_contentbox .service-box.projects-scenario-card:hover p,
.projects-redesign.projects-redesign-scenarios.service-section .service_contentbox .service-box.projects-scenario-card:hover strong{
    color: var(--e-global-color-white);
}
.projects-redesign-scenarios .projects-scenario-em{
    color: var(--brand);
    font-weight: 700;
}
.projects-redesign.projects-redesign-scenarios.service-section .service_contentbox .service-box.projects-scenario-card:hover .projects-scenario-em{
    color: var(--e-global-color-white);
}
.projects-redesign-scenarios .projects-scenario-thumb{
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 0;
    background: #f6f8fc;
    border: 1px dashed var(--line);
    margin: 0 0 16px;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.03);
}

/* Scenarios: 4-card layout from thme/website-redesign (1) template */
.projects-redesign.projects-redesign-scenarios .projects-solutioncards-row{
    align-items: stretch;
}
.projects-redesign.projects-redesign-scenarios .projects-solutioncards-row > [class*="col-"]{
    display: flex;
}
.projects-redesign.projects-redesign-scenarios .projects-solution-card{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    border-radius: 0;
    padding: 22px;
    border: 1px solid rgba(36,156,179,0.22);
    background: linear-gradient(180deg, rgba(8,46,69,0.40), rgba(7,18,34,0.40));
    backdrop-filter: blur(6px);
    transition: transform 0.25s ease, border-color 0.25s ease;
    margin-bottom: 16px;
}
.projects-redesign.projects-redesign-scenarios .projects-solution-card:hover{
    transform: translateY(-5px);
    border-color: rgba(36,156,179,0.45);
}
.projects-redesign.projects-redesign-scenarios .projects-solution-illustration{
    width: 100%;
    height: 150px;
    border-radius: 0;
    border: 1px solid rgba(36,156,179,0.18);
    background:
        radial-gradient(circle at 50% 50%, rgba(36,156,179,0.14) 0%, rgba(36,156,179,0.00) 55%),
        linear-gradient(135deg, rgba(8,46,69,0.35), rgba(7,18,34,0.25));
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 18px;
    overflow: hidden;
}
.projects-redesign.projects-redesign-scenarios .projects-solution-illustration img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
}
.projects-redesign.projects-redesign-scenarios .projects-solution-illustration i{
    font-size: 74px;
    line-height: 1;
    color: rgba(36,156,179,0.35);
}
.projects-redesign.projects-redesign-scenarios .projects-solution-card h3{
    margin: 0 0 14px;
    color: var(--e-global-color-white);
    font-size: 20px;
    line-height: 1.35;
    font-weight: 800;
}
.projects-redesign.projects-redesign-scenarios .projects-solution-block{
    margin: 0 0 16px;
}
.projects-redesign.projects-redesign-scenarios .projects-solution-label{
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: var(--e-global-color-secondary);
}
.projects-redesign.projects-redesign-scenarios .projects-solution-list{
    margin: 0;
    padding: 0;
    list-style: none;
}
.projects-redesign.projects-redesign-scenarios .projects-solution-list li{
    position: relative;
    padding-left: 14px;
    margin: 0 0 8px;
    color: rgba(255,255,255,0.78);
    font-size: 14px;
    line-height: 1.55;
}
.projects-redesign.projects-redesign-scenarios .projects-solution-list li:last-child{
    margin-bottom: 0;
}
.projects-redesign.projects-redesign-scenarios .projects-solution-list li::before{
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: rgba(36,156,179,0.85);
}
.projects-redesign.projects-redesign-scenarios .projects-solution-recommend{
    border-radius: 0;
    padding: 14px 14px;
    border: 1px solid rgba(36,156,179,0.30);
    background: linear-gradient(90deg, rgba(36,156,179,0.18), rgba(36,156,179,0.08));
}
.projects-redesign.projects-redesign-scenarios .projects-solution-recommend-title{
    margin: 0;
    color: var(--e-global-color-white);
    font-weight: 900;
    font-size: 16px;
    line-height: 1.3;
}
.projects-redesign.projects-redesign-scenarios .projects-solution-recommend-sub{
    margin: 2px 0 0;
    color: rgba(255,255,255,0.72);
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
}
.projects-redesign.projects-redesign-scenarios .projects-solution-btn{
    margin-top: auto;
    display: block;
    width: 100%;
    text-align: center;
    padding: 12px 14px;
    border-radius: 0;
    border: 1px solid rgba(36,156,179,0.35);
    background: rgba(36,156,179,0.22);
    color: var(--e-global-color-white);
    font-weight: 800;
    transition: background 0.25s ease, border-color 0.25s ease;
}
.projects-redesign.projects-redesign-scenarios .projects-solution-btn:hover{
    background: rgba(36,156,179,0.32);
    border-color: rgba(36,156,179,0.55);
    color: var(--e-global-color-white);
}

@media screen and (max-width: 1199px){
    .projects-redesign-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .projects-redesign-scenario-grid{ grid-template-columns: 1fr; }
    .projects-redesign-steps{ grid-template-columns: 1fr; }
}

@media screen and (max-width: 767px){
    .projects-redesign-grid{ grid-template-columns: 1fr; }
}

.faq-section .accordion-card{
    box-shadow: 1px 1px 70px rgba(95 208 243 / 21%);
    background: var(--e-global-color-white);
    width: 100%;
    border-radius: 0;
    margin-bottom: 16px;
    padding: 0 20px;
    margin-left: 10px;
}
.faq-section .accordian-inner p{
    font-weight: 400;
    border-left: 3px solid var(--e-global-color-secondary);
    padding-left: 12px;
}
.faq-section .accordian-inner .card-header {
    padding: 0;
    margin-bottom: 0;
    background: none;
    border: none;
}
.faq-section .accordian-inner .card-body {
    padding: 0px 18px 38px;
    margin: 0 -18px;
    border-bottom: 2px solid #249cb3;
    border-radius: 0;
}
.faq-section .accordion-card a.btn.btn-link:focus {
    outline: none;
    box-shadow: none;
}
.faq-section .accordian-inner .accordion-card i{
    position: absolute;
    right: 20px;
    margin: -6px 0;
}
.faq-section .accordian-inner .accordion-card .btn {
    padding: 18px 0px 14px;
    text-decoration: none;
    text-align: left;
    display: block;
}
.faq-section .faq_content h5{
    margin-bottom: 10px;
}
.faq-section .faq_content h2{
    margin-bottom: 14px;
    font-size: 28px;
    line-height: 36px;
}
.faq-section .faq_content h3{
    margin-bottom: 14px;
    font-size: 28px;
    line-height: 36px;
}
@media only screen and (min-width : 992px){
    .faq-section .faq_content h2,
    .faq-section .faq_content h3{
        white-space: nowrap;
    }
}
.faq-section .faq_content p{
    margin-bottom: 33px;
}
.faq-section .faq_content h4{
    font-weight: 500;
    /* margin-bottom: 16px; */
    display: inline-block;
}
.faq-section .faq_content .text-size-16{
    margin-bottom: 22px;
}
.faq-section .accordion-card a.btn.btn-link {
    position: relative;
}
.faq-section .accordion-card .btn-link:before {
    content: "\f068";
    position: absolute;
    text-align: center;
    right: 0px;
    top: 16%;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-family: 'FontAwesome';
    display: inline-block;
    vertical-align: middle;
    background-image: none;
    background-color: var(--e-global-color-white);
    border: 1px solid #dae7fb;
    box-shadow: 1px 1px 57px rgba(95 208 243 / 12%);
    color: var(--e-global-color-dark-blue);
    font-size: 18px;
    border-radius: 0;
}
.faq-section .accordion-card .collapsed:before {
    content: "\f067";
    font-family: 'FontAwesome';
    width: 48px;
    height: 48px;
    line-height: 48px;
    background-image: none;
    background-color: var(--e-global-color-white);
    border: 1px solid #dae7fb;
    box-shadow: 1px 1px 57px rgba(95 208 243 / 12%);
    color: var(--e-global-color-dark-blue);
    border-radius: 0;
    text-align: center;
}
.faq-section .faq_content a{
    font-size: 18px;
    line-height: 18px;
    color: var(--e-global-color-white);
}

.faq-section .need-section{
    padding-left: 45px;
    margin-top: -20px;
}
.faq-section .need_content .faq-image{
    position: absolute;
    right: -20px;
    top: -24px;
    z-index: -1;
}
.faq-section .need_content h2{
    text-align: center;
    margin-bottom: 26px;
}
.faq-section .need_content h3{
    text-align: center;
    margin-bottom: 12px;
    font-size: 28px;
    line-height: 36px;
}
@media only screen and (min-width : 992px){
    .faq-section .need_content h3{
        white-space: nowrap;
    }
}
.faq-section .need_content p{
    padding: 0 20px;
    margin-bottom: 30px;
}
.faq-section .need_content {
    box-shadow: 1px 1px 57px rgb(95 208 243 / 15%);
    border-radius: 0;
    width: 100%;
    padding: 53px 30px 60px;
    background-color: var(--e-global-color-white);
    border: 1px solid white;
    border-bottom: 2px solid #249cb3;
    transition: all 0.3s ease-in-out;
    text-align: center;
    position: relative;
}

.faq-section .need_content .art21-qr-grid{
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-items: center;
    justify-content: center;
}
.faq-section .need_content .art21-qr-item{
    width: 100%;
    max-width: 260px;
}
.faq-section .need_content .art21-qr-title{
    margin-bottom: 10px;
}
.faq-section .need_content .art21-qr-figure img{
    width: 100%;
    height: auto;
    display: block;
}
@media only screen and (min-width : 992px){
    .faq-section .need_content .art21-qr-grid{
        flex-direction: row;
        align-items: flex-start;
    }
    .faq-section .need_content .art21-qr-item{
        width: 50%;
    }
}

/* Products entry ( /products ) */
.art21-products-entry{
    padding: 70px 0;
}
.art21-products-entry__header{
    margin-bottom: 26px;
}
.art21-products-entry__header h2{
    margin-bottom: 8px;
}
.art21-products-entry .art21-entry-card{
    display: block;
    height: 100%;
    padding: 28px 26px;
    margin-bottom: 24px;
    border: 1px solid #dae7fb;
    border-radius: 0;
    background-color: var(--e-global-color-white);
    box-shadow: 1px 1px 57px rgba(95 208 243 / 7%);
}
.art21-products-entry .art21-entry-card:hover{
    transform: translateY(-2px);
    transition: all 0.2s ease-in-out;
}
.art21-products-entry .art21-entry-icon{
    width: 64px;
    height: 64px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    background: rgba(95 208 243 / 7%);
}
.art21-products-entry .art21-entry-icon img{
    width: 34px;
    height: auto;
}
.art21-products-entry .art21-entry-card h3{
    margin-bottom: 10px;
}
.art21-products-entry .art21-entry-card p{
    margin-bottom: 18px;
}
.art21-products-entry .art21-entry-link{
    font-weight: 700;
    color: var(--e-global-color-accent);
}

/* MOM 产品页（thme/website 风格，与官网其他页面区分） */
body.art21-product-mom .page-hero,
body.art21-product-mom .hero {
	padding-top: 88px;
}
body.art21-product-mom .art21-mom-content {
	min-height: 50vh;
}
/* 产品概览页 hero 内容区与其它 MOM 子页同宽，避免过窄 */
body.art21-product-mom .hero-content {
	max-width: 820px;
}
/* MOM 产品页：页脚通栏，与整站一致（不覆盖 .container，使用主题默认） */
body.art21-product-mom .footer-section {
	width: 100%;
	max-width: none;
}

/* MOM 右侧二级导航：固定在最右侧 */
.art21-mom-sidenav {
	position: fixed;
	top: 100px;
	right: 0;
	width: 240px;
	max-height: calc(100vh - 120px);
	overflow-y: auto;
	z-index: 500;
	background: rgba(255, 255, 255, 0.98);
	border: 1px solid rgba(22, 119, 255, 0.16);
	border-right: 0;
	border-radius: 0;
	box-shadow: -8px 0 24px rgba(2, 6, 23, 0.08);
	padding: 20px 0 24px 16px;
}
.art21-mom-sidenav__title {
	font-size: 15px;
	font-weight: 700;
	color: #0f172a;
	padding: 0 20px 12px 0;
	border-bottom: 1px solid #e2e8f0;
	margin-bottom: 8px;
}
.art21-mom-sidenav__list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.art21-mom-sidenav__item { margin: 0; }
.art21-mom-sidenav__link {
	display: block;
	padding: 10px 20px 10px 0;
	font-size: 14px;
	color: #475569;
	text-decoration: none;
	transition: color .15s, background .15s;
}
.art21-mom-sidenav__link:hover {
	color: #1677ff;
	background: rgba(22, 119, 255, 0.06);
}
.art21-mom-sidenav__link--active {
	color: #1677ff;
	font-weight: 600;
	background: rgba(22, 119, 255, 0.08);
	border-left: 3px solid #1677ff;
	padding-left: 13px;
	margin-left: -3px;
}
/* 小屏不固定，避免遮挡内容 */
@media (max-width: 1199px) {
	.art21-mom-sidenav {
		position: static;
		max-height: none;
		width: 100%;
		border-radius: 0;
		border-right: 1px solid rgba(22, 119, 255, 0.16);
		margin-bottom: 24px;
		box-shadow: 0 12px 40px rgba(2, 6, 23, 0.08);
		padding: 20px 0 24px 20px;
	}
	.art21-mom-sidenav__link { padding: 10px 20px; }
	.art21-mom-sidenav__link--active { margin-left: 0; padding-left: 17px; }
}

/* Product detail ( /products/<slug> ) */
.art21-pd{
    padding: 70px 0;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 45%, #f8fbff 100%);
}
.art21-pd__back{
    display: inline-block;
    margin-bottom: 18px;
    color: var(--e-global-color-accent);
    font-weight: 700;
}
.art21-pd__hero{
    padding: 30px 26px;
    border: 1px solid #dae7fb;
    border-radius: 0;
    background-color: var(--e-global-color-white);
    box-shadow: 1px 1px 57px rgba(95 208 243 / 7%);
    margin-bottom: 26px;
}
.art21-pd__badge{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    border-radius: 0;
    border: 1px solid rgba(95 208 243 / 18%);
    background: rgba(95 208 243 / 7%);
    color: var(--e-global-color-accent);
    font-weight: 700;
    margin-bottom: 14px;
}
.art21-pd__badge-icon{
    width: 22px;
    height: auto;
    display: block;
}
.art21-pd__hero h1{
    font-size: 46px;
    line-height: 52px;
    margin-bottom: 10px;
}
.art21-pd__desc{
    max-width: 820px;
    margin-bottom: 16px;
}
.art21-pd__tags{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}
.art21-pd__tag{
    display: inline-block;
    padding: 8px 12px;
    border-radius: 0;
    border: 1px solid #dae7fb;
    background: #fff;
    font-size: 14px;
    color: var(--e-global-color-very-dark-grayish-blue);
    font-weight: 700;
}
.art21-pd__cta{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.art21-pd__btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 18px;
    border-radius: 0;
    border: 1px solid #dae7fb;
    background: #fff;
    color: var(--e-global-color-primary);
    font-weight: 700;
    text-decoration: none;
}
.art21-pd__btn--primary{
    background: var(--e-global-color-accent);
    border-color: var(--e-global-color-accent);
    color: #fff;
}
.art21-pd__section h2{
    margin-bottom: 18px;
}
.art21-pd__card{
    height: 100%;
    padding: 22px 18px;
    margin-bottom: 20px;
    border: 1px solid #dae7fb;
    border-radius: 0;
    background-color: var(--e-global-color-white);
    box-shadow: 1px 1px 57px rgba(95 208 243 / 7%);
}
.art21-pd__card h3{
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px;
}

.faq-section .need_content.need_content--no-accent {
    border-bottom: 1px solid transparent;
}
.form_style::placeholder{
    color: var(--e-global-color-text);
}
.faq-section .need_content input {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    box-shadow: 1px 1px 57px rgba(95 208 243 / 7%);
    background-color: var(--e-global-color-white);
    color: var(--e-global-color-text);
    border: 1px solid #dae7fb;
    border-radius: 0;
    padding: 14px 22px;
    margin-bottom: 17px;
    width: 100%;
    overflow: visible;
    outline: none;
}
.faq-section .need_content textarea {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    box-shadow: 1px 1px 57px rgba(95 208 243 / 7%);
    background-color: var(--e-global-color-white);
    color: var(--e-global-color-text);
    border: 1px solid #dae7fb;
    border-radius: 0;
    padding: 14px 22px;
    width: 100%;
    height: 130px;
    margin-bottom: 34px;
    resize: none;
    outline: none;
    overflow: auto;
}
.faq-section .need_content .submit_now{
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    font-family: 'Manrope', sans-serif;
    padding: 4px 4px 4px 36px;
    text-align: center;
    display: inline-block;
    border-radius: 0;
    color: var(--e-global-color-white);
    transition: all 0.3s ease-in-out;
    border: 0px solid #082e45;
    background-image: linear-gradient(to right,  var(--e-gradient-1) 0%, var(--e-gradient-2) 100%);
}
.faq-section .need_content .submit_now:hover{
    color: var(--e-global-color-white);
    background-image: linear-gradient(to right, #052b45 0%, #052b45 51%, #052b45 100%);
}
.faq-section .need_content .circle {
    background: var(--e-global-color-white);
    border-radius: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    margin: 0 3px 0 12px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.faq-section .need_content .circle:before {
    font-size: 18px;
    padding-top: 2px;
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    color: var(--e-global-color-dark-blue);
}

/* Footer */

.footer-section{
    background: url(../images/footer-background.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100px;
    position: relative;
    /* overflow: hidden; */
}
.footer-section .footer-logo{
    margin-bottom: 8px;
    position: relative;
    top: -14px;
}
.footer-section .footer-logo img{
    width: auto;
    max-width: 200px;
    height: auto;
}
.footer-section .footer-sideshape{
    position: absolute;
    left: -16px;
    top: -14px;
}
.footer-section .middle-portion{
    padding-bottom: 80px;
}
.footer-section .middle-portion .footer-text{
    margin-bottom: 10px;
    line-height: 30px;
}

/* Footer 二维码（来自关于我们）：放在文案下方，小尺寸不撑高 */
.footer-section .footer-brand-col{
    display: flex;
    flex-direction: column;
}
.footer-section .footer-qr-strip{
    display: flex;
    gap: 12px;
    align-items: center;
    margin-top: 6px;
}
.footer-section .footer-qr-item{
    width: 88px;
    height: 88px;
    padding: 6px;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 0;
    overflow: hidden;
    flex: 0 0 auto;
}
.footer-section .footer-qr-item img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 0;
}
@media (max-width: 575.98px){
    .footer-section .footer-qr-item{
        width: 64px;
        height: 64px;
        padding: 5px;
    }
}
.footer-section .middle-portion .heading{
   margin-bottom: 18px;
}
.footer-section .middle-portion .social-icons .circle{
    display: inline-block;
}
.footer-section .middle-portion .social-icons i{
    background: #02122a;
    border-radius: 0;
    border: 1px solid #404e60;
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center;
    margin: 0 2px;
    transition: all 0.3s ease-in-out;
}
.footer-section .middle-portion .social-icons li:first-child{
    margin-left: 0;
}
.footer-section .middle-portion .social-icons li:last-child{
    margin-right: 0;
}
.footer-section .middle-portion .social-icons i:hover{
    background-image: linear-gradient(to right,  var(--e-gradient-1) 0%, var(--e-gradient-2) 100%);
    border: 1px solid #17677e;
    transform: translateY(-5px);
    color: var(--e-global-color-white);
}
.footer-section .middle-portion .social-icons a{
    color: var(--e-global-color-white);
}
.footer-section .middle-portion .list-pd{
    padding-left: 14px;
}
.footer-section .middle-portion .footer-version-block {
    margin-left: -30px;
    padding-left: 0;
    margin-bottom: 18px;
}
.footer-version-block .footer-version-btns {
    display: flex;
    flex-wrap: nowrap;
    gap: 6px 8px;
    margin-top: 6px;
}
.footer-version-block .footer-version-btn {
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 0;
    white-space: nowrap;
    line-height: 1.1;
    letter-spacing: 0;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.footer-version-block .footer-version-btn:hover {
    background: rgba(255, 255, 255, 0.95);
    border-color: #fff;
    color: #02122a;
}
@media (max-width: 380px) {
    .footer-version-block .footer-version-btns {
        flex-wrap: wrap;
    }
}
.footer-section .middle-portion .links .text-size-16 {
    position: relative;
    margin-left: 15px;
    font-weight: 400;
    top: 2px;
    font-family: 'Manrope', sans-serif;
    color: var(--e-global-color-white);
}
.footer-section .middle-portion .links li{
    margin-bottom: 8px;
}
.footer-section .middle-portion .icon .text-size-16 {
    color: var(--e-global-color-white);
}
.footer-section .middle-portion .icon {
    padding-right: 20px;
    margin-left: -30px;
}
.footer-section .middle-portion .icon li{
    margin-bottom: 10px;
}
.footer-section .middle-portion .links li i {
    font-size: 12px;
    transition: all 0.3s ease;
    color: var(--e-global-color-white);
}
.footer-section .middle-portion ul li:hover i, .footer-section .middle-portion ul li:hover  {
    color: var(--e-global-color-secondary);
}
.footer-section .middle-portion ul li:hover .text, .footer-section .middle-portion ul li:hover  {
    color: var(--e-global-color-secondary);
}
.footer-section .middle-portion .icon .footer-location{
    color: var(--e-global-color-secondary);
    position: absolute;
    line-height: 16px;
    font-size: 16px;
    left: -12px;
    margin-top: 3px;
    transition: all 0.3s ease-in-out;
}
.footer-section .middle-portion .icon .footer-location:hover{
    transform: translateY(-5px);
}
.footer-section .middle-portion .icon li {
    padding-left: 34px;
    margin-bottom: 14px;
}
.footer-section .copyright {
    text-align: center;
    padding: 20px 0px;
    color: var(--e-global-color-white);
    border-top: 1px solid #2b465e;
}
.footer-section .copyright p{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-family: 'Manrope', sans-serif;
}
.footer-section .copyright .footer-copyright-line{
    font-size: 13px;
    line-height: 22px;
    opacity: .82;
    white-space: nowrap;
}
.footer-section .copyright .footer-copyright-sep{
    padding: 0 12px;
    opacity: .75;
}
@media screen and (max-width: 575.98px){
    .footer-section .copyright .footer-copyright-line{
        white-space: normal;
    }
    .footer-section .copyright .footer-copyright-sep{
        padding: 0 8px;
    }
}
.footer-section .footer-image{
    position: absolute;
    right: 90px;
    bottom: 64px;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}
.footer-section .footer-image:hover{
    transform: translateY(-5px);
}
#fixed-form-container{
    position: fixed;
    bottom: 24px;
    right: 16px;
    width: 25%;
    text-align: right;
    margin: 0;
    z-index: 9999;
}
/* 右下角联系按钮：始终在最上层，点开表单后仍可见、可再次点击收起 */
#fixed-form-container .image {
    cursor: pointer;
    display: inline-block;
    position: relative;
    z-index: 2;
}
#fixed-form-container .body {
    z-index: 1;
}
#fixed-form-container .fixed-form-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 120px;
    height: 44px;
    padding: 0 18px;
    border-radius: 0;
    background: linear-gradient(to right, var(--e-gradient-1) 0%, var(--e-gradient-2) 100%);
    color: var(--e-global-color-white);
    font-size: 18px;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    box-shadow: 0 4px 16px rgba(2, 22, 45, 0.3);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
#fixed-form-container .fixed-form-btn i {
    font-size: 18px;
}
#fixed-form-container .image:hover .fixed-form-btn {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(2, 22, 45, 0.35);
}
#fixed-form-container .body{
    border: 1px solid var(--e-global-color-secondary);
    box-shadow: 1px 1px 57px rgb(95 208 243 / 30%);
    border-radius: 0;
    width: 60%;
    padding: 20px 20px 30px;
    background-color: var(--e-global-color-white);
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 100%;
    margin-bottom: 12px;
    left: auto;
    top: auto;
    display: none;
}
#fixed-form-container .body input {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    box-shadow: 1px 1px 57px rgb(95 208 243 / 7%);
    background-color: var(--e-global-color-white);
    color: var(--e-global-color-text);
    border: 1px solid #dae7fb;
    border-radius: 0;
    padding: 4px 14px;
    margin-bottom: 17px;
    width: 100%;
    overflow: visible;
    outline: none;
}
#fixed-form-container .body textarea {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    box-shadow: 1px 1px 57px rgb(95 208 243 / 7%);
    background-color: var(--e-global-color-white);
    color: var(--e-global-color-text);
    border: 1px solid #dae7fb;
    border-radius: 0;
    padding: 4px 14px;
    width: 100%;
    height: 118px;
    margin-bottom: 8px;
    resize: none;
    outline: none;
    overflow: auto;
}
#fixed-form-container .body .submit_now {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    font-family: 'Manrope', sans-serif;
    padding: 12px 25px;
    text-align: center;
    display: inline-block;
    border-radius: 0;
    color: var(--e-global-color-white);
    transition: all 0.3s ease-in-out;
    border: 0px solid #082e45;
    background-image: linear-gradient(to right, var(--e-gradient-1) 0%, var(--e-gradient-2) 100%);
}
#fixed-form-container .body .submit_now:hover {
    color: var(--e-global-color-white);
    background-image: linear-gradient(to right, #052b45 0%, #052b45 51%, #052b45 100%);
}

/* Projects Page */

.sub-banner {
    background: url("../images/sub-bannerbackgroung.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.sub-banner .header{
    padding: 0 280px 0 265px;
}
.sub-banner .banner-section{
    padding: 95px 0 172px;
    overflow: hidden;
}
.sub-banner .sub-bannersideshape{
    position: absolute;
    left: -38px;
    top: -14px;
}
.sub-banner .banner-section .banner_content p {
    padding-right: 60px;
    margin-bottom: 27px;
}
.sub-banner .banner-section .banner_content .box{
    background-color: var(--e-global-color-very-blue);
    color: var(--e-global-color-white);
    padding: 12px 35px; 
    text-align: center;
    display: inline-block;
    border-radius: 0;
    transition: all 0.3s ease-in-out;
    z-index: 1;
    position: relative;
}
.sub-banner .banner-section .banner_content .box i:before {
    font-size: 14px;
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    color: var(--e-global-color-white);
}
.sub-banner .banner-section .banner_content .box .first{
    margin-left: 16px;
}
.sub-banner .banner-section .banner_content .box .second{
    margin-right: 10px;
}
.sub-banner .banner-section .banner_content .box span{
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    font-family: 'Manrope', sans-serif;
    display: inline-block;
}
.sub-banner .banner-section .banner_content .box .box_span{
    color: var(--e-global-color-secondary);
}
.sub-banner .banner-section .banner_content h1{
    padding-right: 0;
}
.sub-banner .banner-section .sub-bannersideshape2{
    position: absolute;
    left: -32px;
    bottom: -20px;
    z-index: 0;
}
.sub-banner .banner-section .banner_wrapper{
    position: relative;
}
.sub-banner .banner-section .banner_wrapper .sub-bannerimage{
    position: absolute;
    bottom: -360px;
    right: -396px;
}

/* About Page */

.aboutpage-section{
    padding: 162px 0 146px;
}
.aboutpage-section .aboutpage_wrapper{
    position: relative;
}
.aboutpage-section .aboutpage_wrapper .aboutpage-image{
    position: absolute;
    top: -30px;
    left: 14px;
}
.aboutpage-section .aboutpage_wrapper .aboutpage-image2{
    position: absolute;
    left: -14px;
    top: 424px;
    z-index: -1;
}
.aboutpage-section .aboutpage_content{
    padding-left: 70px;
}
.aboutpage-section .aboutpage_content h5{
    margin-bottom: 6px;
}
.aboutpage-section .aboutpage_content h2{
    margin: 0 -20px 16px 0;
}
.aboutpage-section .aboutpage_content p{
    margin: 0 -20px 15px 0
}
.aboutpage-section .aboutpage_content .text{
    font-weight: 500;
    margin-bottom: 10px;
    color: var(--e-global-color-primary);
}
.aboutpage-section .aboutpage_content .text1{
    margin-bottom: 33px;
}
.aboutpage-section .aboutpage_content ul li .circle {
    background-image: linear-gradient(to right,  var(--e-gradient-1) 0%, var(--e-gradient-2) 100%);
    border-radius: 0;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    margin: 0 12px 0 0;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.aboutpage-section .aboutpage_content ul li .circle:before {
    font-size: 14px;
    padding-top: 2px;
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    color: var(--e-global-color-white);
}
.aboutpage-section .aboutpage_content .read_more{
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    font-family: 'Manrope', sans-serif;
    padding: 4px 2px 4px 42px; 
    text-align: center;
    display: inline-block;
    border-radius: 0;
    color: var(--e-global-color-white) !important;
    transition: all 0.3s ease-in-out;
    background-image: linear-gradient(to right,  var(--e-gradient-1) 0%, var(--e-gradient-2) 100%);
}
.aboutpage-section .aboutpage_content .read_more:hover{
    color: var(--e-global-color-white);
    background-image: linear-gradient(to right, #052b45 0%, #052b45 51%, #052b45 100%);
}
.aboutpage-section .aboutpage_content .circle {
    background: var(--e-global-color-white);
    border-radius: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    margin: 0 3px 0 12px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.aboutpage-section .aboutpage_content .circle:before {
    font-size: 18px;
    padding-top: 2px;
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    color: var(--e-global-color-dark-blue);
}

/* Counter */

.counter-section{
    background-color: #eafcfe;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 130px 0 427px;
}
.counter-section .counter-sideimage{
    position: absolute;
    left: -108px;
    top: -34px;
}
.counter-section .counter-box{
    background: var(--e-global-color-white);
    border-radius: 0;
    padding: 35px 40px;
    text-align: center;
    margin-bottom: 24px;
    transition: all 0.3s ease-in-out;
    border-bottom: 2px solid #249cb3;
}
.counter-section .counter-box:hover{
    transform: translateY(-5px);
}
.counter-section .counter-box figure{
    background: #eafcfe;
    border-radius: 0;
    height: 120px;
    width: 120px;
    line-height: 120px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    margin: 0 auto 15px;
}
.counter-section .counter-box figure:hover{
    transform: translateY(-5px);
}
.counter-section .counter-box h3{
    display: inline-block;
}
.counter-section .counter-box .plus{
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    color: var(--e-global-color-primary);
}
.counter-section .counter-box .text-size-16{
    display: block;
}
.videosection{
    text-align: center;
    margin-top: -358px;
}
.faqneed-section {
    padding: 162px 0 142px;
    position: relative;
}

/* FAQ Page */

.accordian-section{
    padding: 133px 0;
    position: relative;
}
.accordian-section .accordian_content{
    text-align: center;
}
.accordian-section .accordion-card{
    box-shadow: 1px 1px 70px rgba(95 208 243 / 21%);
    background: var(--e-global-color-white);
    width: 100%;
    border-radius: 0;
    margin-bottom: 16px;
    padding: 0 20px;
}
.accordian-section .accordian-inner .card-header {
    padding: 0;
    margin-bottom: 0;
    background: none;
    border: none;
}
.accordian-section .accordian-inner .card-body {
    padding: 0px 25px 38px;
    margin: 0 -22px;
    border-bottom: 2px solid #249cb3;
    border-radius: 0;
}
.accordian-section .accordion-card a.btn.btn-link:focus {
    outline: none;
    box-shadow: none;
}
.accordian-section .accordian-inner .accordion-card i{
    position: absolute;
    right: 20px;
    margin: -6px 0;
}
.accordian-section .accordion-card a.btn.btn-link {
    position: relative;
}
.accordian-section .accordian-inner .accordion-card .btn {
    padding: 18px 0px 16px;
    text-decoration: none;
    text-align: left;
    display: block;
}
.accordian-section .accordian_content h5{
    margin-bottom: 10px;
}
.accordian-section .accordian_content h2{
    margin-bottom: 40px;
    font-size: 30px;
    line-height: 38px;
}
.accordian-section .accordian-inner p{
    font-weight: 400;
    border-left: 3px solid var(--e-global-color-secondary);
    padding-left: 16px;
}
.accordian-section .accordian-inner h4{
    font-weight: 500;
    display: inline-block;
    margin-bottom: 0;
}
.accordian-section .accordian-inner a{
    font-size: 18px;
    line-height: 18px;
    color: var(--e-global-color-white);
}
.accordian-section .accordion-card .btn-link:before {
    content: "\f068";
    position: absolute;
    text-align: center;
    right: -2px;
    top: 16%;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-family: 'FontAwesome';
    display: inline-block;
    vertical-align: middle;
    background-image: none;
    background-color: var(--e-global-color-white);
    border: 1px solid #dae7fb;
    box-shadow: 1px 1px 57px rgba(95 208 243 / 12%);
    color: var(--e-global-color-dark-blue);
    font-size: 18px;
    border-radius: 0;
}
.accordian-section .accordion-card .collapsed:before {
    content: "\f067";
    font-family: 'FontAwesome';
    width: 48px;
    height: 48px;
    line-height: 48px;
    background-image: none;
    background-color: var(--e-global-color-white);
    border: 1px solid #dae7fb;
    box-shadow: 1px 1px 57px rgba(95 208 243 / 12%);
    color: var(--e-global-color-dark-blue);
    border-radius: 0;
    text-align: center;
}

/* Team Page */

.team-section{
    background-color: #eafcfe;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 134px 0 108px;
}
.team-section .team-sideimage {
    position: absolute;
    left: -108px;
    top: 264px;
}
.team-section .team_content{
    text-align: center;
}
.team-section .team_content h2{
    margin-bottom: 38px;
}
.team-section .team-box{
    position: relative;
    text-align: center;
    margin-bottom: 33px;
    padding-bottom: 35px;
    background-color: var(--e-global-color-white);
    border-radius: 0;
    transition: all 0.3s ease-in-out;
    border-bottom: 2px solid #249cb3;
}
.team-section .team-box figure{
    margin-bottom: 25px;
}
.team-section .team-box h4{
    margin-bottom: 2px;
}
.team-section .team-box span{
    display: block;
    margin-bottom: 16px;
}
.team-section .team-box li{
    display: inline-block;
}
.team-section .team-box i{
    background-image: linear-gradient(to right,  var(--e-gradient-1) 0%, var(--e-gradient-2) 100%);
    border-radius: 0;
    height: 40px;
    width: 40px;
    line-height: 40px;
    margin: 0 3px;
    border: 1px solid var(--e-global-color-secondary);
    transition: all 0.3s ease-in-out;
}
.team-section .team-box li:hover{
    transform: translateY(-5px);
}
.team-section .team-box li:first-child{
    margin-left: 0;
}
.team-section .team-box li:last-child{
    margin-right: 0;
}
.team-section .team-box li a{
    color: var(--e-global-color-white);
}
.team-section .team-box:hover i{
    background-image: linear-gradient(to right, #042237 0%, #042237 51%, #042237 100%);
    border: 1px solid #17677e;
}

/* Service Page */

.provide-section{
    background-color: #eafcfe;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 134px 0 124px;
}
.provide-section .team-sideimage {
    position: absolute;
    left: -110px;
    top: 148px;
}
.provide-section .provide_content{
    text-align: center;
}
.provide-section .provide_content h2{
    margin-bottom: 35px;
    padding: 0 90px;
}
.provide-section .service_contentbox .service-box{
    background: var(--e-global-color-white);
    border-radius: 0;
    padding: 40px 35px;
    margin-bottom: 27px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    border-bottom: 2px solid #249cb3;
}
.provide-section .service_contentbox .service-box h4{
    display: inline-block;
    margin-bottom: 6px;
}
.provide-section .service_contentbox .service-box p{
    margin-bottom: 22px;
}
.provide-section .service_contentbox .service-box .box-content {
    position: relative;
    padding-left: 16px;
    display: inline-block;
    width: 74%;
}
.provide-section .service_contentbox .service-box figure{
    background: #eafcfe;
    border-radius: 0;
    height: 120px;
    width: 120px;
    line-height: 120px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.provide-section .service_contentbox .service-box:hover{
    background-image: linear-gradient(to right, #082e45 0%, #17677e 51%, #249cb3 100%);
    border-bottom: 2px solid #249cb3;
    transform: translateY(-5px);
}
.provide-section .service_contentbox .service-box:hover h4{
    color: var(--e-global-color-white);
}
.provide-section .service_contentbox .service-box:hover p{
    color: var(--e-global-color-white);
}
.provide-section .service_contentbox .service-box .box-image {
    float: left;
    width: 26%;
}
.provide-section .service_contentbox .service-box figure:hover{
    transform: translateY(-5px);
}
.provide-section .service_contentbox .service-box .read_more{
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    font-family: 'Manrope', sans-serif;
    color: var(--e-global-color-secondary);
    text-transform: uppercase;
}

/* Contact Page Style */

.contact-section{
    padding: 146px 0 112px;
    position: relative;
}
.contact-section .contact_content h2 {
    margin-bottom: 30px;
}
.contact-section .contact_content h5{
    margin-bottom: 10px;
}
.contact-section .contact-box{
    box-shadow: 1px 1px 57px rgb(95 208 243 / 15%);
    background: var(--e-global-color-white);
    border-radius: 0;
    padding: 31px 35px 31px 33px;
    margin-bottom: 28px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    border-right: 2px solid #249cb3;
    width: 83%;
}
.contact-section .contact-box .box-image{
    float: left;
    width: 26%;
}
.contact-section .contact-box figure{
    background-image: linear-gradient(to right, #0b3950 0%, #197188 51%, #26a2b9 100%);
    border-radius: 0;
    height: 110px;
    width: 110px;
    line-height: 110px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    margin-bottom: 0;
}
.contact-section .contact-box figure:hover{
    transform: translateY(-5px);
}
.contact-section .contact-box .box-content{
    position: relative;
    padding-left: 32px;
    margin-top: 14px;
    display: inline-block;
    width: 74%;
}
.contact-section .contact-box h4{
    font-weight: 700;
    margin-bottom: 14px;
}
.contact-section .contact-box .heading{
    margin-bottom: 11px;
}
.contact-section .contact-box p{
    margin-top: -10px;
    margin-bottom: 4px;
}
.contact-section .contact-box .box-content a {
    color: var(--e-global-color-text);
    transition: all 0.3s ease-in-out;
}
.contact-section .contact-box .box-content a:hover {
    color: var(--e-global-color-secondary);
}
.contact-section .need-section {
    margin-top: -32px;
    margin-left: -38px;
}
.contact-section .need_content .faq-image{
    position: absolute;
    right: -20px;
    top: -24px;
    z-index: -1;
}
.contact-section .need_content h2{
    text-align: center;
    margin-bottom: 26px;
}
.contact-section .need_content p{
    padding: 0 20px;
    margin-bottom: 30px;
}
.contact-section .need_content {
    box-shadow: 1px 1px 57px rgb(95 208 243 / 15%);
    border-radius: 0;
    width: 85%;
    margin-top: 50px;
    padding: 50px 30px 60px;
    background-color: var(--e-global-color-white);
    border: 1px solid white;
    border-bottom: 2px solid #249cb3;
    transition: all 0.3s ease-in-out;
    text-align: center;
    position: relative;
}
.form_style::placeholder{
    color: var(--e-global-color-text);
}
.contact-section .need_content input {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    box-shadow: 1px 1px 57px rgba(95 208 243 / 7%);
    background-color: var(--e-global-color-white);
    color: var(--e-global-color-text);
    border: 1px solid #dae7fb;
    border-radius: 0;
    padding: 14px 18px;
    margin-bottom: 17px;
    width: 100%;
    overflow: visible;
    outline: none;
}
.contact-section .need_content textarea {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    box-shadow: 1px 1px 57px rgba(95 208 243 / 7%);
    background-color: var(--e-global-color-white);
    color: var(--e-global-color-text);
    border: 1px solid #dae7fb;
    border-radius: 0;
    padding: 14px 18px;
    width: 100%;
    height: 130px;
    margin-bottom: 34px;
    resize: none;
    outline: none;
    overflow: auto;
}
.contact-section .need_content .submit_now{
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    font-family: 'Manrope', sans-serif;
    padding: 4px 4px 4px 36px;
    text-align: center;
    display: inline-block;
    border-radius: 0;
    color: var(--e-global-color-white);
    transition: all 0.3s ease-in-out;
    border: 0px solid #082e45;
    background-image: linear-gradient(to right,  var(--e-gradient-1) 0%, var(--e-gradient-2) 100%);
}
.contact-section .need_content .submit_now:hover{
    color: var(--e-global-color-white);
    background-image: linear-gradient(to right, #052b45 0%, #052b45 51%, #052b45 100%);
}
.contact-section .need_content .circle {
    background: var(--e-global-color-white);
    border-radius: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    margin: 0 3px 0 12px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.contact-section .need_content .circle:before {
    font-size: 18px;
    padding-top: 2px;
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    color: var(--e-global-color-dark-blue);
}
.contact_map_section {
    overflow: hidden;
    margin-bottom: -5px;
}
.contact_map_section iframe:hover {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

/* ====== CN B2B Industrial Tune (override) ====== */
:root{
    --brand:#1E5EFF;           /* 工业蓝 */
    --brand-2:#0B1B3A;         /* 深蓝 */
    --text:#1f2329;
    --muted:#5b6270;
    --bg:#f6f8fb;
    --card:#ffffff;
    --line:#e6e8ee;
    --radius:14px;
}

/* 字体：中文优先 */
body{
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Microsoft YaHei",
                             "Noto Sans SC","Source Han Sans SC","Helvetica Neue", Arial, sans-serif;
    color: var(--text);
}

/* 标题收敛 */
h1{font-size:48px; line-height:56px; letter-spacing:-0.5px;}
h2{font-size:34px; line-height:42px;}
h4{font-size:18px; line-height:26px;}
p{font-size:16px; line-height:26px; color: var(--muted);}

/* 顶部导航：更国产、更稳 */
.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: #02162d; /* Deep dark blue */
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

/* 单页锚点：避免被固定顶部导航遮挡 */
#about,
#product-system,
#projects,
#scenarios,
#delivery,
#contact-cta{
    scroll-margin-top: 110px;
}
.navbar{
    padding: 18px 0;
}
.banner_outer .header{
    padding: 0 280px 0 265px;
}
.navbar-nav .nav-item a{
    font-size: 16px;
    font-weight: 500;
}
.nav-contact{
    font-size: 13px;
    line-height: 22px;
    padding: 0 10px;
    color: rgba(255,255,255,.78);
    display: inline-flex;
    align-items: center;
}
.sub-banner .nav-contact{
    color: rgba(255,255,255,.78);
}

/* 导航栏 CTA 弱化：与首屏副按钮一致（描边） */
.navbar-nav .nav-item a.lets_talk{
    background-image: none !important;
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.55);
    border-radius: 0 !important;
    padding: 10px 14px !important;
    box-shadow: none !important;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
}
.navbar-nav .nav-item a.lets_talk:hover{
    border-color: #fff;
    background: rgba(255,255,255,.08) !important;
}

/* 按钮：去掉渐变胶囊，改为主实心 + 次描边 */
.banner-section .banner_content .lets_talk,
.about-section .about_content .read_more,
.service-section .service_content .read_more,
.choose-section .choose_content .read_more,
.study-section .view_all,
.faq-section .need_content .submit_now{
    background-image: none !important;
    background: var(--brand) !important;
    border-radius: 0 !important;
    padding: 12px 18px !important;
    box-shadow: 0 8px 18px rgba(30,94,255,.18);
}
.banner-section .banner_content .button1.lets_talk{
    background: var(--brand) !important;
}
.banner-section .banner_content a.lets_talk:not(.button1){
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.55);
    box-shadow: none;
}
.banner-section .banner_content a.lets_talk:not(.button1):hover{
    border-color:#fff;
}

/* 去掉按钮里的“圆圈箭头”过度装饰 */
.circle{ display:none !important; }

/* Banner 版式收敛：padding 变小，避免大空白 */
.banner-section{
    padding: 112px 64px 150px;
}

/* 首页 Hero：保持满屏冲击力 */
.banner_outer .banner-section{
    min-height: 70vh;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
}

/* 内页 Hero：收敛、克制（避免 100vh 满屏） */
.sub-banner .banner-section{
    min-height: 55vh;
    padding: 120px 0 80px;
    box-sizing: border-box;
}
.banner-section .banner_content p{
    padding-right: 0;
    max-width: 560px;
}

/* 可信证据条 */
.trust-bar{
    margin-top: 22px;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
.trust-bar span,
.trust-bar .trust-bar-item{
    display: inline-block;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.14);
    color:#fff;
    padding:10px 12px;
    border-radius: 0;
    font-size:14px;
    transition: filter 0.2s ease-in-out;
    text-decoration: none;
}
.trust-bar--glow .trust-bar-item,
.trust-bar--glow span{
    position: relative;
    overflow: hidden;
    animation: trust-bar-glow 2.5s ease-in-out infinite;
}
.trust-bar .trust-bar-item:hover,
.trust-bar span:hover{
    filter: brightness(1.15);
    color: #fff;
}
.trust-bar--glow .trust-bar-item:hover,
.trust-bar--glow span:hover{
    animation-duration: 1.2s;
}
@keyframes trust-bar-glow {
    0%, 100% {
        box-shadow: 0 0 0 1px rgba(255,255,255,0.15), inset 0 0 0 1px transparent;
        border-color: rgba(255,255,255,0.2);
    }
    50% {
        box-shadow: 0 0 12px 2px rgba(255,255,255,0.35), 0 0 20px rgba(255,255,255,0.08), inset 0 0 0 1px rgba(255,255,255,0.1);
        border-color: rgba(255,255,255,0.45);
    }
}

/* 背景更稳：少装饰多结构 */
.banner_outer{
    background: url("../images/banner-background.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.service-section{
    background: var(--bg);
}
.service-section .service_contentbox .service-box{
    border-radius: 0;
    border: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    box-shadow: 0 10px 22px rgba(16,24,40,.06);
}
.service-section .service_contentbox .service-box:hover{
    transform: translateY(-4px);
    background-image:none;
    background: var(--brand-2);
}

/* 卡片内部 icon 圆圈不要太大太花 */
.service-section .service_contentbox .service-box figure{
    height: 84px; width: 84px; line-height: 84px;
    background: #f2f6ff;
}

/* Case Study 更像国内：降低遮罩戏剧性 */
.study-section .overlay:hover figure{
    background-image:none;
    background: rgba(30,94,255,.12);
}
.study-section .overlay:hover img{ opacity:.6; }

/* FAQ 卡片更稳 */
.faq-section .accordion-card{
    box-shadow: 0 10px 24px rgba(16,24,40,.06);
    border: 1px solid var(--line);
    border-radius: 0;
}

/* 去掉大量“漂浮装饰图形” */
.banner-sideshape,
.banner-sideshape2,
.banner-sideshape2,
.choose-sideshape,
.choose-sideshape2,
.service-image,
.team-sideimage,
.testimonial-sideimage,
.footer-sideshape,
.sub-bannersideshape,
.sub-bannersideshape2{
    display: none !important;
}

/* 响应式：避免绝对定位图片造成挤压 */
@media (max-width: 992px){
    .banner-section{ padding: 56px 18px 64px; }
    .banner_outer .header{ padding: 0 18px; }
    .sub-banner .header{ padding: 0 18px; }

    /* 内页在小屏也跟随统一的紧凑 padding */
    .sub-banner .banner-section{ padding: 56px 18px 64px; min-height: auto; }
    .banner-section .banner_wrapper .banner-image{
        position: static;
        margin-top: 16px;
    }
}

/* ==========================================================
   Delivery Page (Redesign)
   ========================================================== */

.delivery-redesign{
    padding: 70px 0;
}

.delivery-redesign .delivery-heading{
    max-width: 780px;
    margin: 0 auto 28px;
    text-align: center;
}

.delivery-redesign .delivery-kicker{
    margin: 0 0 6px;
}

.delivery-redesign .delivery-heading h2{
    margin: 0 0 10px;
    font-size: 34px;
    line-height: 1.25;
    color: var(--text);
}

.delivery-redesign .delivery-heading p{
    margin: 0;
    color: var(--muted);
}

/* Methodology: light section (background swapped with guarantee) */
.delivery-redesign.delivery-methodology{
    background: var(--bg);
}

.delivery-steps{
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 28px;
}

.delivery-steps:before{
    content: "";
    position: absolute;
    left: 40px;
    right: 40px;
    top: 26px;
    height: 2px;
    background: linear-gradient(90deg, rgba(36,156,179,.0), rgba(36,156,179,.45), rgba(36,156,179,.35), rgba(36,156,179,.0));
    filter: none;
}

.delivery-step{
    position: relative;
    padding: 22px 18px 18px;
    border-radius: 0;
    border: 1px solid var(--line);
    background: var(--card);
}

.delivery-step:after{
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 0;
    background: radial-gradient(420px circle at 20% 20%, rgba(36,156,179,.10), transparent 45%);
    pointer-events: none;
}

.delivery-step-index{
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 0;
    font-weight: 800;
    letter-spacing: .08em;
    color: var(--e-global-color-white);
    background: linear-gradient(135deg, #17677e, #249cb3);
    box-shadow: 0 10px 26px rgba(36,156,179,.18);
}

.delivery-step h3{
    position: relative;
    z-index: 1;
    margin: 12px 0 10px;
    font-size: 20px;
    color: var(--text);
}

.delivery-step ul{
    position: relative;
    z-index: 1;
    margin: 0;
    padding-left: 18px;
    color: var(--muted);
}

.delivery-step li{
    margin-bottom: 6px;
}

.delivery-step li:last-child{
    margin-bottom: 0;
}

/* Guarantee cards: dark tech section (background swapped with methodology) */
.delivery-redesign.delivery-guarantee{
    background: url("../images/banner-background.png") center/cover no-repeat;
}

.delivery-redesign.delivery-guarantee .delivery-heading h2,
.delivery-redesign.delivery-guarantee .delivery-heading p{
    color: var(--e-global-color-white);
}

.delivery-guarantee-grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 24px;
}

.delivery-card{
    border-radius: 0;
    border: 1px solid var(--line);
    background: var(--card);
    padding: 22px 18px;
    transition: transform .25s ease, box-shadow .25s ease;
}

.delivery-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(15, 23, 42, .10);
}

.delivery-card h3{
    margin: 0 0 10px;
    font-size: 20px;
    color: var(--text);
}

.delivery-card ul{
    margin: 0;
    padding-left: 18px;
    color: var(--muted);
}

.delivery-card li{
    margin-bottom: 6px;
}

.delivery-card li:last-child{
    margin-bottom: 0;
}

/* Guarantee cards on dark background: avoid white cards */
.delivery-redesign.delivery-guarantee .delivery-card{
    background: linear-gradient(135deg, #082e45 0%, #17677e 52%, #082e45 100%);
    border-color: rgba(36,156,179,.28);
    box-shadow: 0 18px 40px rgba(15, 23, 42, .22);
}
.delivery-redesign.delivery-guarantee .delivery-card h3{
    color: var(--e-global-color-white);
}
.delivery-redesign.delivery-guarantee .delivery-card ul{
    color: rgba(255, 255, 255, .86);
}
.delivery-redesign.delivery-guarantee .delivery-card:hover{
    border-color: #249cb3;
    box-shadow: 0 22px 48px rgba(15, 23, 42, .28);
}

/* Service modes table */
.delivery-redesign.delivery-modes{
    padding-top: 70px;
}

.delivery-table-wrap{
    max-width: 980px;
    margin: 0 auto;
    border-radius: 0;
    border: 1px solid var(--line);
    background: var(--card);
    overflow: hidden;
}

.delivery-table{
    width: 100%;
    border-collapse: collapse;
}

.delivery-table th,
.delivery-table td{
    padding: 16px 16px;
    border-bottom: 1px solid var(--line);
    vertical-align: top;
}

.delivery-table th{
    background: rgba(15, 23, 42, .04);
    font-weight: 700;
    color: var(--text);
}

.delivery-table td{
    color: var(--muted);
}

.delivery-table tbody tr:last-child td{
    border-bottom: none;
}

@media (max-width: 991px){
    .delivery-steps{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .delivery-steps:before{
        display: none;
    }
    .delivery-guarantee-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px){
    .delivery-steps,
    .delivery-guarantee-grid{
        grid-template-columns: 1fr;
    }
    .delivery-redesign .delivery-heading h2{
        font-size: 28px;
    }
}

/* ==========================================================
   Contact Page (Redesign)
   ========================================================== */

.contact-redesign{
    padding: 70px 0;
}

.contact-redesign .contact-redesign-heading{
    max-width: 860px;
    margin: 0 auto 28px;
    text-align: center;
}

.contact-redesign .contact-redesign-heading h5{
    margin-bottom: 6px;
}

.contact-redesign .contact-redesign-heading h2{
    margin: 0 0 10px;
    color: var(--text);
}

.contact-redesign .contact-redesign-heading p{
    margin: 0;
    color: var(--muted);
}

/* Support cards (light section) */
.contact-redesign-support{
    background: var(--bg);
}

.contact-redesign-support .contact-redesign-heading h2{ color: var(--text); }
.contact-redesign-support .contact-redesign-heading p{ color: var(--muted); }

.contact-support-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 26px;
}

.contact-support-card{
    border-radius: 0;
    border: 1px solid var(--line);
    background: var(--card);
    padding: 22px 18px;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.contact-support-card:hover{
    transform: translateY(-6px);
    border-color: rgba(36,156,179,.45);
    box-shadow: 0 22px 56px rgba(15, 23, 42, .12);
}

.contact-support-icon{
    width: 52px;
    height: 52px;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #17677e, #249cb3);
    color: var(--e-global-color-white);
    box-shadow: 0 12px 30px rgba(36,156,179,.18);
}

.contact-support-card h3{
    margin: 12px 0 8px;
    font-size: 20px;
    color: var(--text);
}

.contact-support-desc{
    margin: 0 0 12px;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.6;
}

.contact-support-list{
    margin: 0 0 12px;
    padding-left: 18px;
    color: var(--muted);
}

.contact-support-meta{
    margin: 0 0 14px;
}

.contact-support-meta a{
    color: var(--e-global-color-secondary);
}

.contact-support-btn{
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    font-family: 'Manrope', sans-serif;
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: 0;
    padding: 10px 16px;
    transition: all .25s ease;
}

.contact-support-btn:hover{
    color: var(--text);
    border-color: rgba(36,156,179,.55);
    box-shadow: 0 0 0 6px rgba(36,156,179,.08);
}

/* Process (dark section) */
.contact-redesign-process{
    background: url("../images/banner-background.png") center/cover no-repeat;
}

.contact-redesign-process .contact-redesign-heading h2,
.contact-redesign-process .contact-redesign-heading p{
    color: var(--e-global-color-white);
}

.contact-process{
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin-top: 22px;
}

.contact-process-step{
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, .14);
    background: rgba(255, 255, 255, .06);
    padding: 16px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact-process-index{
    width: 38px;
    height: 38px;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: var(--e-global-color-white);
    background: linear-gradient(135deg, #17677e, #249cb3);
}

.contact-process-text{
    color: var(--e-global-color-white);
    font-weight: 600;
    font-size: 16px;
    line-height: 1.35;
}

/* Promise band (light) */
.contact-redesign-promise{
    background: var(--bg);
}

.contact-promise-inner{
    border-radius: 0;
    border: 1px solid var(--line);
    background: var(--card);
    padding: 40px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 60px;
}

.contact-promise-text{
    flex: 0 0 40%;
    padding-top: 20px;
}

.contact-promise-title h2{
    margin: 0 0 24px 0;
    color: var(--text);
}

.contact-promise-list{
    margin: 0;
    padding-left: 18px;
    color: var(--muted);
}

.contact-promise-list li{ margin-bottom: 12px; }
.contact-promise-list li:last-child{ margin-bottom: 0; }

.contact-promise-inner .contact-form-wrapper{
    flex: 1;
    margin-top: 0;
    width: 100%;
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}

/* CTA */
.contact-redesign-cta{
    background: var(--bg);
    padding-top: 56px;
    padding-bottom: 56px;
}

.contact-cta-inner{
    border-radius: 0;
    border: 1px solid var(--line);
    background: var(--card);
    padding: 28px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.contact-cta-inner h2{
    margin: 0;
    color: var(--text);
}

@media (max-width: 991px){
    .contact-support-grid{ grid-template-columns: 1fr; }
    .contact-process{ grid-template-columns: 1fr; }
    .contact-process-step{ justify-content: flex-start; }
    .contact-promise-inner{ flex-direction: column; }
    .contact-promise-text, .contact-promise-inner .contact-form-wrapper{ max-width: 100%; width: 100%; }
    .contact-cta-inner{ flex-direction: column; align-items: flex-start; }
}
.faq-section .need_content .ff-el-form-control{
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    box-shadow: 1px 1px 57px rgba(95 208 243 / 7%);
    background-color: var(--e-global-color-white);
    color: var(--e-global-color-text);
    border: 1px solid #dae7fb;
    border-radius: 0;
    padding: 14px 22px;
    margin-bottom: 17px;
    width: 100%;
    overflow: visible;
    outline: none;
}
.faq-section .need_content textarea.ff-el-form-control{
    padding: 14px 22px;
    width: 100%;
    height: 130px;
    margin-bottom: 34px;
    resize: none;
    outline: none;
    overflow: auto;
}
.faq-section .need_content .ff-el-form-control::placeholder{
    color: var(--e-global-color-text);
}
.faq-section .need_content .ff-el-group,
.faq-section .need_content .ff-name-address-wrapper{
    margin-bottom: 0;
}
.faq-section .need_content .ff-el-input--label,
.faq-section .need_content .ff-el-form-label,
.faq-section .need_content label{
    display: block;
    text-align: left;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 6px;
    color: var(--e-global-color-dark-blue);
}
.faq-section .need_content .ff-el-input--label .ff-el-required,
.faq-section .need_content .ff-el-form-label .ff-el-required,
.faq-section .need_content label .ff-el-required,
.faq-section .need_content label .required{
    color: #e11d48;
    margin-left: 4px;
}
.faq-section .need_content .ff-el-help-message,
.faq-section .need_content .ff-error,
.faq-section .need_content .error{
    display: block;
    text-align: left;
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin-top: 6px;
}
.faq-section .need_content .ff-el-group.has-error .ff-el-help-message,
.faq-section .need_content .ff-el-group.has-error .ff-error,
.faq-section .need_content .ff-el-group.has-error .error{
    color: #e11d48;
}
.faq-section .need_content .ff-t-container{
    display: flex;
    gap: 16px;
}
.faq-section .need_content .ff-t-cell{
    flex: 1 1 0;
}
.faq-section .need_content .ff-btn.ff-btn-submit:not(.submit_now){
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    font-family: 'Manrope', sans-serif;
    padding: 4px 56px 4px 32px;
    min-height: 46px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    color: var(--e-global-color-white);
    transition: all 0.3s ease-in-out;
    border: 0px solid #082e45;
    background-image: linear-gradient(to right,  var(--e-gradient-1) 0%, var(--e-gradient-2) 100%);
    position: relative;
}
.faq-section .need_content .ff-btn.ff-btn-submit:not(.submit_now):hover{
    color: var(--e-global-color-white);
    background-image: linear-gradient(to right, #052b45 0%, #052b45 51%, #052b45 100%);
}
#fixed-form-container .body .ff-el-form-control{
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    box-shadow: 1px 1px 57px rgb(95 208 243 / 7%);
    background-color: var(--e-global-color-white);
    color: var(--e-global-color-text);
    border: 1px solid #dae7fb;
    border-radius: 0;
    padding: 4px 14px;
    margin-bottom: 17px;
    width: 100%;
    overflow: visible;
    outline: none;
}
#fixed-form-container .body .ff-el-group{
    margin-bottom: 12px;
}
#fixed-form-container .body .ff-el-input--label,
#fixed-form-container .body .ff-el-form-label,
#fixed-form-container .body label{
    display: block;
    text-align: left;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 6px;
    color: var(--e-global-color-dark-blue);
}
#fixed-form-container .body .ff-el-input--label .ff-el-required,
#fixed-form-container .body .ff-el-form-label .ff-el-required,
#fixed-form-container .body label .ff-el-required,
#fixed-form-container .body label .required{
    color: #e11d48;
    margin-left: 4px;
}
#fixed-form-container .body .ff-el-form-control{
    margin-bottom: 0;
}
#fixed-form-container .body textarea.ff-el-form-control{
    width: 100%;
    height: 118px;
    margin-bottom: 0;
    resize: none;
    outline: none;
    overflow: auto;
}
#fixed-form-container .body .ff-el-help-message,
#fixed-form-container .body .ff-error,
#fixed-form-container .body .error{
    display: block;
    text-align: left;
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin-top: 6px;
}
#fixed-form-container .body .ff-el-group.has-error .ff-el-help-message,
#fixed-form-container .body .ff-el-group.has-error .ff-error,
#fixed-form-container .body .ff-el-group.has-error .error{
    color: #e11d48;
}
#fixed-form-container .body .ff-el-form-control::placeholder{
    color: var(--e-global-color-text);
}
#fixed-form-container .body .ff-btn.ff-btn-submit{
    font-size: 18px !important;
    line-height: 22px !important;
    font-weight: 600 !important;
    font-family: 'Manrope', sans-serif !important;
    padding: 4px 56px 4px 32px !important;
    min-height: 46px;
    text-align: center !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 0 !important;
    color: var(--e-global-color-white) !important;
    transition: all 0.3s ease-in-out;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: transparent !important;
    background-image: linear-gradient(to right, var(--e-gradient-1) 0%, var(--e-gradient-2) 100%) !important;
    cursor: pointer;
    position: relative;
}
#fixed-form-container .body .ff-btn.ff-btn-submit:after{
    content: "\203A";
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--e-global-color-white);
    border-radius: 0;
    height: 46px;
    width: 46px;
    line-height: 46px;
    text-align: center;
    color: var(--e-global-color-dark-blue);
    font-size: 24px;
}
#fixed-form-container .body .ff-btn.ff-btn-submit:hover{
    color: var(--e-global-color-white) !important;
    background-image: linear-gradient(to right, #052b45 0%, #052b45 51%, #052b45 100%) !important;
}
.contact-section .need_content .ff-el-form-control{
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    box-shadow: 1px 1px 57px rgba(95 208 243 / 7%);
    background-color: var(--e-global-color-white);
    color: var(--e-global-color-text);
    border: 1px solid #dae7fb;
    border-radius: 0;
    padding: 14px 18px;
    margin-bottom: 17px;
    width: 100%;
    overflow: visible;
    outline: none;
}
.contact-section .need_content textarea.ff-el-form-control{
    padding: 14px 18px;
    width: 100%;
    height: 130px;
    margin-bottom: 34px;
    resize: none;
    outline: none;
    overflow: auto;
}
.contact-section .need_content .ff-el-form-control::placeholder{
    color: var(--e-global-color-text);
}
.contact-section .need_content .ff-el-group,
.contact-section .need_content .ff-name-address-wrapper{
    margin-bottom: 0;
}
.contact-section .need_content .ff-el-input--label,
.contact-section .need_content .ff-el-form-label,
.contact-section .need_content label{
    display: block;
    text-align: left;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 6px;
    color: var(--e-global-color-dark-blue);
}
.contact-section .need_content .ff-el-input--label .ff-el-required,
.contact-section .need_content .ff-el-form-label .ff-el-required,
.contact-section .need_content label .ff-el-required,
.contact-section .need_content label .required{
    color: #e11d48;
    margin-left: 4px;
}
.contact-section .need_content .ff-el-help-message,
.contact-section .need_content .ff-error,
.contact-section .need_content .error{
    display: block;
    text-align: left;
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin-top: 6px;
}
.contact-section .need_content .ff-el-group.has-error .ff-el-help-message,
.contact-section .need_content .ff-el-group.has-error .ff-error,
.contact-section .need_content .ff-el-group.has-error .error{
    color: #e11d48;
}
.contact-section .need_content .ff-t-container{
    display: flex;
    gap: 16px;
}
.contact-section .need_content .ff-t-cell{
    flex: 1 1 0;
}
.contact-section .need_content .ff-btn.ff-btn-submit:not(.submit_now){
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    font-family: 'Manrope', sans-serif;
    padding: 4px 56px 4px 32px;
    min-height: 46px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    color: var(--e-global-color-white);
    transition: all 0.3s ease-in-out;
    border: 0px solid #082e45;
    background-image: linear-gradient(to right,  var(--e-gradient-1) 0%, var(--e-gradient-2) 100%);
    position: relative;
}
.contact-section .need_content .ff-btn.ff-btn-submit:not(.submit_now):hover{
    color: var(--e-global-color-white);
    background-image: linear-gradient(to right, #052b45 0%, #052b45 51%, #052b45 100%);
}

@media (max-width: 575px){
    .faq-section .need_content .ff-t-container,
    .contact-section .need_content .ff-t-container{
        flex-direction: column;
        gap: 0;
    }
}
.faq-section .need_content .ff_submit_btn_wrapper,
.faq-section .need_content .ff_submit_btn_wrapper_custom{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.contact-section .need_content .ff_submit_btn_wrapper,
.contact-section .need_content .ff_submit_btn_wrapper_custom{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

/* ==========================================================
   Global: unify section titles (exclude hero)
   - Applies to all <section> H2 except .banner-section
   - Also covers .videosection (used on About page)
   ========================================================== */
section:not(.banner-section) h2,
.videosection h2{
    font-size: 28px !important;
    line-height: 36px !important;
}

@media only screen and (min-width : 992px){
    section:not(.banner-section) h2,
    .videosection h2{
        white-space: nowrap !important;
    }
}
.faq-section .need_content .ff-t-container,
.contact-section .need_content .ff-t-container{
    flex-direction: column;
    gap: 0;
}
.faq-section .need_content .ff_submit_btn_wrapper,
.faq-section .need_content .ff_submit_btn_wrapper_custom{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.contact-section .need_content .ff_submit_btn_wrapper,
.contact-section .need_content .ff_submit_btn_wrapper_custom{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
/* Custom Styles for About Section Layout Update */
.about-section .about_content .about-lowercontent .layer-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 40px;
}

.about-section .about_content .about-lowercontent .layer-item .image {
    flex: 0 0 60px;
    margin-right: 20px;
    padding-top: 5px;
    float: none;
}

.about-section .about_content .about-lowercontent .layer-item .image img {
    width: 100%;
    height: auto;
}

.about-section .about_content .about-lowercontent .layer-item .content {
    flex: 1;
    padding-left: 0;
}

.about-section .about_content .about-lowercontent .layer-item h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #000;
}

.about-section .about_content .about-lowercontent .layer-item p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 12px;
    color: #555;
}

.about-section .about_content .about-lowercontent .layer-list {
    padding-left: 0;
}

.about-section .about_content .about-lowercontent .layer-list li {
    font-size: 15px;
    line-height: 1.8;
    color: #333;
    margin-bottom: 4px;
    padding-left: 0;
}

/* Button Styling Override */
.about-section .about_content .button-primary-blue.read_more {
    background: #3b5de7;
    background-image: none;
    color: #fff !important;
    padding: 12px 32px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    transition: all 0.3s ease;
    width: auto;
    margin-top: 10px;
}

.about-section .about_content .button-primary-blue.read_more:hover {
    background: #2a4ac0;
    background-image: none;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(59, 93, 231, 0.3);
}

.about-section .about_content .button-primary-blue.read_more .circle {
    display: none;
}

@media (max-width: 767px) {
    .about-section .about_content .button-primary-blue.read_more {
        padding: 12px 20px !important; /* Force override responsive.css if needed */
        font-size: 15px !important;
        width: 100%;
        display: block;
        margin-top: 20px;
    }
    
    .about-section .about_content .about-lowercontent .layer-item {
        flex-direction: column; /* Stack image and content on mobile */
        align-items: flex-start;
    }
    
    .about-section .about_content .about-lowercontent .layer-item .image {
        margin-bottom: 10px;
        margin-right: 0;
    }
}

/* Industrial Agent Cards (Replaces Case Study Images) */
.agent-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px;
    height: 100%;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
}

.agent-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    border-color: var(--e-global-color-accent);
}

.agent-card-icon {
    width: 48px;
    height: 48px;
    background: #f0f9ff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    color: var(--e-global-color-accent);
    font-size: 20px;
}

.agent-card h4 {
    font-size: 20px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 20px;
}

.agent-card-item {
    margin-bottom: 16px;
}

.agent-card-item:last-child {
    margin-bottom: 0;
}

.agent-label {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    margin-bottom: 6px;
}

.agent-label-problem {
    background: #fef2f2;
    color: #ef4444;
}

.agent-label-solution {
    background: #eff6ff;
    color: #3b82f6;
}

.agent-label-result {
    background: #f0fdf4;
    color: #22c55e;
}

.agent-card-item p {
    font-size: 15px;
    line-height: 1.6;
    color: #475569;
    margin: 0;
}

.agent-card-item-result {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #f1f5f9;
}

.agent-card-item-result p {
    font-weight: 600;
    color: #0f172a;
}