/*!
 * huning-nav.css — 统一头部导航样式（所有页面通过 <link> 引用，置于 head 末尾以覆盖 BD 主题）
 * 下拉采用纯 CSS :hover / :focus-within 触发，不依赖 layout-bundle.js，
 * 并且全部使用 !important + 高优先级选择器，强制覆盖 main.css 中对下拉容器的隐藏。
 */

/* ============ 顶部导航栏整体 ============ */
.huning-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 20px !important;
    height: 80px !important;
    background: #fff !important;
    position: relative !important;
    z-index: 999 !important;
    /* box-shadow removed (Firefox draws edge lines) */
}

.huning-nav .BDLogo {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.huning-nav .BDLogo img.BDMegaMenu-logo,
.huning-nav img.BDMegaMenu-logo {
    width: 200px !important;
    height: 48px !important;
    object-fit: contain !important;
    display: block !important;
}

.huning-nav .bd-advanced-menu {
    flex: 1 !important;
    display: flex !important;
    justify-content: center !important;
}

/* 覆盖 main.css 的 .BDMegaMenu .bdMenuHolder{display:none;position:absolute;top:90px;height:100vh} */
.huning-nav .bdMenuHolder,
.BDMegaMenu.huning-nav .bdMenuHolder {
	display: block !important;
	position: static !important;
	width: auto !important;
	height: auto !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	background: transparent !important;
	overflow: visible !important;
	padding: 0 !important;
	margin: 0 !important;
	flex: 1 1 auto !important;
	opacity: 1 !important;
	visibility: visible !important;
}

/* 覆盖 inline style / main.css 对一级菜单容器与下拉箭头的 display:none !important */
.huning-nav .huning-menu .menuItemWrapper {
	display: block !important;
}
.huning-nav .huning-menu .bd-menu-toggle {
	display: inline-flex !important;
	align-items: center;
	margin-left: 4px;
	vertical-align: middle;
}

/* ============ 一级菜单（横向排列，不换行） ============ */
.huning-menu,
.huning-menu.menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    white-space: nowrap;
    align-items: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.huning-menu > li,
.huning-menu > li.menu-item {
    flex-shrink: 0 !important;
    position: relative !important;
    list-style: none !important;
}

.huning-menu > li > .menuItemWrapper > a,
.huning-menu > li.menu-item > a,
.huning-menu > li.menu-item > .menuItemWrapper > a {
    display: flex !important;
    align-items: center;
    height: 80px;
    padding: 0 6px !important;
    font-size: 13px !important;
    font-weight: 500;
    color: #061223 !important;
    text-decoration: none !important;
    white-space: nowrap;
    transition: color .15s ease;
}

.huning-menu > li > .menuItemWrapper > a:hover,
.huning-menu > li.menu-item:hover > .menuItemWrapper > a,
.huning-menu > li.menu-item.active > .menuItemWrapper > a {
    color: #0068b3 !important;
}

.huning-menu .menu-item-text {
    display: inline-block;
}

/* 下拉三角 */
.huning-menu .bd-menu-toggle {
    display: inline-flex !important;
    margin-left: 4px;
    vertical-align: middle;
}

.huning-menu .bd-menu-toggle img.toggle-image {
    width: 10px !important;
    height: 10px !important;
    opacity: .6;
}

/* ============ 下拉容器：默认隐藏，hover/focus/active 时显示 ============ */
/* 覆盖 main.css 的 .BDMegaMenu .bdMegaMenuHolder{display:none} 与 HelperWrapper 隐藏 */
.huning-menu .menu-item > .bdMegaMenuHolder {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: -15px !important;
    right: auto !important;
    transform: none !important;
    background: #fff !important;
    width: 580px !important;
    max-width: 620px !important;
    min-width: 480px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 19px 24px 24px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
    border-radius: 0 0 6px 6px !important;
    z-index: 1000 !important;
}

.huning-menu .menu-item:hover > .bdMegaMenuHolder,
.huning-menu .menu-item:focus-within > .bdMegaMenuHolder,
.huning-menu .menu-item.active > .bdMegaMenuHolder {
    display: block !important;
}

/* 强制显示内部 HelperWrapper（main.css 会把它 display:none） */
.huning-menu .bdMegaMenuHolder > .bdMegaMenuHelperWrapper {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
}

.huning-menu .bdmg-dropdown-button {
    display: none !important; /* 参考站风格：下拉面板内不带"查看全部"按钮 */
}
.huning-menu .bdmg-dropdown-button:hover {
    background: #005293 !important;
    color: #fff !important;
}

.huning-menu .sub-menu-depth-1.sub-menu,
.huning-menu .sub-menu {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 2px 18px !important;
}

/* 2 列布局：菜单项文字不换行，避免长菜单名断行 */
.huning-menu .sub-menu > li > .menuItemWrapper > a,
.huning-menu .sub-menu-depth-1 > li > .menuItemWrapper > a {
    white-space: nowrap !important;
    justify-content: flex-start !important;
}

/* 隐藏冗余的"了解详情 →"（高特异性强制覆盖 main.css） */
.huning-menu .sub-menu a .bdread-more,
.huning-menu .bdMegaMenuHolder .bdread-more {
    display: none !important;
}

.huning-menu .sub-menu-depth-1.sub-menu > li,
.huning-menu .sub-menu > li {
    display: block !important;
    list-style: none !important;
}

.huning-menu .sub-menu-depth-1.sub-menu > li > .menuItemWrapper > a,
.huning-menu .sub-menu > li > .menuItemWrapper > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 9px 12px !important;
    color: #333 !important;
    text-decoration: none !important;
    white-space: nowrap;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    border-radius: 4px;
}
.huning-menu .sub-menu .menu-item-text,
.huning-menu .sub-menu-depth-1 .menu-item-text {
    font-size: 12px !important;
    font-weight: 400 !important;
    display: inline-block;
    max-width: 74px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

/* 底部 footer 保持参考站白色风格：标题蓝色、链接深灰 */
footer.fl-builder-content .footer-1 .fl-rich-text p {
    color: #16243a;
}
footer.fl-builder-content .footer-1 .menu .menu-item a {
    color: #5f6b7a;
}
footer.fl-builder-content .footer-1 .menu .menu-item a:hover {
    color: #0068b3;
}

/* footer 还原为 Beaver Builder 原生布局（抵消页面内全局 .fl-col 兜底样式，需高于内联样式的特异性） */
body footer.fl-builder-content .fl-col-group.fl-col-group {
    display: block !important;
}
body footer.fl-builder-content .fl-col.fl-col {
    flex: none !important;
    min-width: 0 !important;
    padding: 0 !important;
}
body footer.fl-builder-content .fl-col img.fl-photo-img {
    max-width: 100% !important;
}

.huning-menu .sub-menu-depth-1.sub-menu > li > .menuItemWrapper > a:hover,
.huning-menu .sub-menu > li > .menuItemWrapper > a:hover {
    background: #f5f8fc !important;
    color: #0068b3 !important;
}

.huning-menu .menu-item-description {
    display: block !important;
    font-size: 12px;
    color: #888 !important;
    margin-top: 2px;
    white-space: normal;
    max-width: 280px;
    line-height: 1.4;
}

/* 精简产品下拉：去掉冗余的"了解详情 →"，让面板高度更紧凑 */
.huning-menu .sub-menu > li > .menuItemWrapper > a > .bdread-more,
.huning-menu .sub-menu-depth-1 > li > .menuItemWrapper > a > .bdread-more {
    display: none !important;
}
.huning-menu .sub-menu > li > .menuItemWrapper,
.huning-menu .sub-menu-depth-1 > li > .menuItemWrapper {
    padding: 4px 16px !important;
}
.huning-menu .bdread-more {
    display: none !important;
    margin-top: 4px;
    font-size: 12px;
    color: #0068b3 !important;
}

/* ============ 右侧 secondary（搜索 / 技术支持 / 联系我们） ============ */
.BDMegaMenu-secondary-wrapper {
    display: flex !important;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    margin-left: 18px;
}

.BDMegaMenu-secondary-search {
    width: 20px !important;
    height: 20px !important;
    cursor: pointer;
    display: block !important;
}

.BDMegaMenu-secondary-input {
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    padding: 4px 6px;
    font-size: 12px;
    width: 50px !important;
    max-width: 50px !important;
}

.BDMegaMenu-secondary-close {
    display: none;
    cursor: pointer;
    font-size: 18px;
    color: #999;
}

.BDMegaMenu-secondary-nav {
    display: flex !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 0 8px !important;
    flex-shrink: 0;
}

.BDMegaMenu-secondary-nav li {
    margin: 0 !important;
}

.BDMegaMenu-secondary-nav a {
    color: #061223 !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 500;
    padding: 0 12px;
    white-space: nowrap;
}

.BDMegaMenu-secondary-nav a:hover {
    color: #0068b3 !important;
}

.BDMegaMenu-secondary-cta {
    flex-shrink: 0;
    margin-left: 8px;
    font-size: 12px !important;
    font-weight: 600;
    color: #fff !important;
    text-decoration: none !important;
    background: #0068b3 !important;
    padding: 6px 10px !important;
    border-radius: 4px;
    white-space: nowrap;
    display: inline-flex !important;
    align-items: center;
}

.BDMegaMenu-secondary-cta:hover {
    background: #005293 !important;
}

/* ============ 响应式 ============ */
@media (max-width: 1200px) {
    .huning-nav {
        padding: 0 20px !important;
    }
    .huning-menu > li > .menuItemWrapper > a {
        padding: 0 12px;
        font-size: 14px;
    }
    .BDMegaMenu-secondary-input {
        width: 90px;
    }
}

@media (max-width: 1024px) {
    .huning-nav .bdMegaMenuBtn {
        display: none !important;
    }
    .BDMegaMenu-secondary-input,
    .BDMegaMenu-secondary-nav {
        display: none !important;
    }
    .huning-nav {
        overflow-x: auto;
    }
    .huning-menu {
        overflow-x: auto;
    }
}

/* ============ 顶部 LOGO 尺寸限制 ============ */
/* 防止被 main.css / layout-bundle.css 撑大，恢复正常 100×18 显示尺寸 */
.huning-nav .BDLogo,
.BDMegaMenu .huning-nav .BDLogo {
    flex-shrink: 0;
}
.huning-nav .BDLogo img.BDMegaMenu-logo,
.huning-nav img.BDMegaMenu-logo,
.BDMegaMenu .huning-nav .BDLogo img {
    width: 200px !important;
    height: 48px !important;
    max-width: 240px !important;
    max-height: 48px !important;
    object-fit: contain !important;
    display: block !important;
}

/* ============ NAV/UL/li 高度锁死 80px，防止 line-height/箭头把容器撑高溢出 viewport ============ */
.huning-nav,
.huning-nav > .bd-advanced-menu,
.huning-nav .bd-advanced-menu,
.huning-nav > .bd-advanced-menu > ul,
.huning-nav .bd-advanced-menu > ul,
.huning-menu {
    max-height: 80px !important;
    line-height: normal !important;
}
.huning-menu > li,
.huning-menu > li.menu-item {
    height: 80px !important;
    max-height: 80px !important;
    line-height: 80px !important;
    position: relative !important;
    top: 0 !important;
}
.huning-menu > li > .menuItemWrapper,
.huning-menu > li > .menuItemWrapper > a,
.huning-menu > li > .bd-menu-toggle {
    height: 80px !important;
    line-height: 80px !important;
}

/* ============ 产品中心下拉：宽屏 + grid 2 列布局 ============ */

/* ============ ���� .fl-row �� ::before/::after αԪ�أ�����ử����/�������� ============ */
.huning-nav .fl-row::before,
.huning-nav .fl-row::after,
.huning-nav .fl-row-content-wrap::before,
.huning-nav .fl-row-content-wrap::after,
.huning-nav .fl-row-content::before,
.huning-nav .fl-row-content::after {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}


/* ============ 防止 li hover/active 时跳上去 ============ */
/* 用 box-shadow 模拟下划线，不增加 li 高度；强制 li 在所有状态下 top/transform 都为 0 */
.huning-menu .menu-item,
.huning-menu .menu-item:hover,
.huning-menu .menu-item.active,
.huning-menu .menu-item:focus,
.huning-menu .menu-item:focus-within {
    transform: none !important;
    top: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    position: relative !important;
}
.huning-menu .menu-item > .menuItemWrapper,
.huning-menu .menu-item > .menuItemWrapper > a {
    border-bottom: 0 solid transparent !important;
    height: 80px !important;
    line-height: 80px !important;
    transform: none !important;
}


/* ============ 火狐兼容：彻底禁止 li / a 任何 focus 偏移 ============ */
.huning-menu .menu-item > .menuItemWrapper > a,
.huning-menu .menu-item > .menuItemWrapper > a:focus,
.huning-menu .menu-item > .menuItemWrapper > a:active,
.huning-menu .menu-item > .menuItemWrapper > a:focus-visible {
    outline: none !important;
    outline-offset: 0 !important;
    -webkit-tap-highlight-color: transparent;
    transform: none !important;
}
.huning-menu .menu-item,
.huning-menu .menu-item > .menuItemWrapper,
.huning-menu .menu-item:focus,
.huning-menu .menu-item:focus-within {
    transform: translateY(0) !important;
    top: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
    box-shadow: none !important;
}

/* ============ 彻底覆盖 main.css 的 hover/focus/active 下划线（产品中心下边第二条线） ============ */
.huning-menu > li.first-level-class.menu-item:hover .menuItemWrapper > a,
.huning-menu > li.first-level-class.menu-item:focus .menuItemWrapper > a,
.huning-menu > li.first-level-class.menu-item:focus-within .menuItemWrapper > a,
.huning-menu > li.first-level-class.menu-item.active .menuItemWrapper > a,
.huning-menu > li.first-level-class.menu-item:active .menuItemWrapper > a,
.huning-menu > li.first-level-class.menu-item:hover .menuItemWrapper > a > .menu-item-text,
.huning-menu > li.first-level-class.menu-item:focus .menuItemWrapper > a > .menu-item-text,
.huning-menu > li.first-level-class.menu-item:focus-within .menuItemWrapper > a > .menu-item-text,
.huning-menu > li.first-level-class.menu-item.active .menuItemWrapper > a > .menu-item-text,
.huning-menu > li.first-level-class.menu-item:active .menuItemWrapper > a > .menu-item-text {
    border-bottom: 0 !important;
    border-bottom-color: transparent !important;
    border-bottom-width: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    transform: none !important;
    outline: none !important;
}
/* li 容器本身在所有 hover/focus 状态下锁定高度 */
.huning-menu > li.first-level-class,
.huning-menu > li.first-level-class:hover,
.huning-menu > li.first-level-class.active,
.huning-menu > li.first-level-class:focus,
.huning-menu > li.first-level-class:focus-within {
    height: 80px !important;
    min-height: 80px !important;
    max-height: 80px !important;
    line-height: 80px !important;
    transform: none !important;
    top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ============ 产品中心下拉：按钮放右下方（用 CSS order 交换 ul 和 button 视觉顺序） ============ */
.huning-menu .sub-menu-depth-1.sub-menu,
.huning-menu .sub-menu {
    order: 1 !important;
}
/* 按钮样式已合并到上方 .bdmg-dropdown-button 规则 */

/* ============ hover 样式改：纯颜色变化（指过去变色即可，不下划线不跳动） ============ */
.huning-menu .menu-item > .menuItemWrapper > a:hover,
.huning-menu .menu-item > .menuItemWrapper > a:focus {
    color: #0068b3 !important;
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* ============ 兜底兜底：body 前缀高特异性，彻底干掉 main.css:2080 的 hover 下划线 ============ */
/* 使用 body 前缀让选择器特异性再加 1，超过任何 .BDMegaMenu 链下的规则 */
body .huning-menu > li.first-level-class.menu-item:hover .menuItemWrapper > a,
body .huning-menu > li.first-level-class.menu-item:focus .menuItemWrapper > a,
body .huning-menu > li.first-level-class.menu-item:focus-within .menuItemWrapper > a,
body .huning-menu > li.first-level-class.menu-item.active .menuItemWrapper > a,
body .huning-menu > li.first-level-class.menu-item:active .menuItemWrapper > a,
body .huning-menu > li.first-level-class.menu-item:hover .menuItemWrapper > a > .menu-item-text,
body .huning-menu > li.first-level-class.menu-item:focus .menuItemWrapper > a > .menu-item-text,
body .huning-menu > li.first-level-class.menu-item:focus-within .menuItemWrapper > a > .menu-item-text,
body .huning-menu > li.first-level-class.menu-item.active .menuItemWrapper > a > .menu-item-text,
body .huning-menu > li.first-level-class.menu-item:active .menuItemWrapper > a > .menu-item-text {
    border-bottom: 0 !important;
    border-bottom-color: transparent !important;
    border-bottom-width: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    transform: none !important;
    outline: none !important;
    background-image: none !important;
}


/* 修复：二级下拉 2 列宽版，左对齐到当前顶级菜单项下方，不覆盖左侧菜单 */
.bdMegaMenuHolder{width:580px !important;min-width:480px;max-width:620px;left:0 !important;right:auto !important;transform:none !important;margin-left:0;}
.bdMegaMenuHelperWrapper{width:auto !important;max-width:none;}
ul.bdMegaMenu.sub-menu-depth-1{width:auto !important;min-width:480px;display:grid !important;grid-template-columns:1fr 1fr !important;}

/* 最右侧顶级菜单（关于琥宁）下拉面板右对齐，避免中等屏宽下超出视口 */
.huning-menu > li.menu-item:last-child > .bdMegaMenuHolder {
    left: auto !important;
    right: 0 !important;
}

/* 防止下拉面板被祖先容器 overflow 裁剪导致无法点击 */
.BDMegaMenu.huning-nav,
.BDMegaMenu.huning-nav .bdMenuHolder,
.BDMegaMenu.huning-nav #menu-mega-menu,
.huning-nav .bd-advanced-menu {
    overflow: visible !important;
}

/* ============ 底部 CTA 蓝色横幅统一样式 ============ */
/* 背景两边铺满、满屏蓝色紧贴上下区块（无间距）、文字白色 */
.support-cta {
    width: 100% !important;
    max-width: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 60px 0 !important;
    box-sizing: border-box !important;
}
.support-cta,
.support-cta > .fl-row-content-wrap {
    background-color: #061a30 !important;
    width: 100% !important;
    max-width: none !important;
}
/* 蓝色块背景铺满，内容区限宽居中，与上方内容区两端对齐 */
.support-cta .fl-row-content,
.fl-row-bg-photo .fl-row-content {
    max-width: 1280px !important;
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}
/* 各页正文容器 .huning-page 宽度不同，CTA 内容宽按页面与正文内容边缘对齐；移动端铺满 */
body.huning-cta-w1200 .fl-node-9p64ubfvl0rg .fl-row-content { max-width: 1200px !important; }
body.huning-cta-w1080 .fl-node-9p64ubfvl0rg .fl-row-content { max-width: 1080px !important; }
body.huning-cta-w1280 .fl-node-9p64ubfvl0rg .fl-row-content { max-width: 1280px !important; }
/* 这些页正文无 fl-col 兜底，CTA 列去掉内边距使文字与正文边缘精确对齐 */
body[class*="huning-cta-w"] .fl-node-9p64ubfvl0rg .fl-col { padding-left: 0 !important; padding-right: 0 !important; }
@media (max-width: 900px) {
    body.huning-cta-w1200 .fl-node-9p64ubfvl0rg .fl-row-content,
    body.huning-cta-w1080 .fl-node-9p64ubfvl0rg .fl-row-content,
    body.huning-cta-w1280 .fl-node-9p64ubfvl0rg .fl-row-content {
        max-width: none !important;
        width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
}
/* 底部背景图 CTA 行自身也铺满（行元素自带 fl-row-fixed-width 限宽） */
.fl-row-bg-photo.row-reverse-mobile {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.support-cta a,
.support-cta a:hover,
.support-cta a:active,
.support-cta a:visited,
.support-cta .fl-button,
.support-cta .fl-button:hover,
.support-cta .fl-button:active,
.support-cta .fl-button-text,
.support-cta .fl-button:hover .fl-button-text,
.support-cta h4,
.support-cta p,
.support-cta span {
    color: #fff !important;
}
/* 后台单页内容里的蓝色 banner（hp-banner）同步铺满、无间距 */
.hp-banner {
    width: 100% !important;
    max-width: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
}

/* ============ 后台单页工艺内容（hp-*）统一排版 ============ */
.hp-section {
    max-width: 1200px;
    margin: 0 auto;
    padding: 64px 24px;
    box-sizing: border-box;
}
.hp-eyebrow {
    display: inline-block;
    padding: 6px 18px;
    background: rgba(0, 104, 179, .08);
    color: #0068b3;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 18px;
}
.hp-h2 {
    font-size: 32px;
    font-weight: 700;
    color: #0c2340;
    line-height: 1.35;
    margin: 0 0 18px;
}
.hp-h3 {
    font-size: 22px;
    font-weight: 700;
    color: #0c2340;
    line-height: 1.4;
    margin: 44px 0 20px;
}
.hp-lead {
    font-size: 16px;
    color: #5a6b7b;
    line-height: 1.9;
    margin: 0 0 36px;
    max-width: 880px;
}
.hp-section p:not(.hp-lead) {
    font-size: 15px;
    color: #46586a;
    line-height: 1.9;
}
/* 三栏服务卡片 */
.hp-cards {
    display: grid;
    gap: 24px;
    margin-top: 8px;
}
.hp-cards-3 {
    grid-template-columns: repeat(3, 1fr);
}
.hp-card {
    background: #fff;
    border: 1px solid #e6ecf2;
    border-radius: 14px;
    padding: 34px 28px;
    box-shadow: 0 2px 12px rgba(12, 35, 64, .05);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    box-sizing: border-box;
}
.hp-card:hover {
    transform: translateY(-5px);
    border-color: rgba(0, 104, 179, .4);
    box-shadow: 0 14px 30px rgba(12, 35, 64, .13);
}
.hp-card-icon {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    background: linear-gradient(135deg, #0068b3 0%, #0c2340 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
}
.hp-card-icon i {
    font-size: 24px;
    color: #fff;
}
.hp-card h4 {
    font-size: 19px;
    font-weight: 700;
    color: #0c2340;
    margin: 0 0 12px;
}
.hp-card p {
    font-size: 14.5px !important;
    color: #5a6b7b !important;
    line-height: 1.8;
    margin: 0;
}
@media (max-width: 900px) {
    .hp-section { padding: 44px 20px; }
    .hp-h2 { font-size: 26px; }
    .hp-h3 { font-size: 20px; margin: 32px 0 16px; }
    .hp-cards-3 { grid-template-columns: 1fr; }
}