/* Shared desktop/mobile quality fixes. */
:root{--dc-head:88px;--dc-case-nav:160px}
html{scroll-padding-top:calc(var(--dc-head) + 64px)}
html body header.header,html body header.header.open,html body header.header.on{position:fixed!important;top:0!important;left:0;width:100%;height:var(--dc-head)!important;padding:0!important;box-sizing:border-box;z-index:1100!important}
html body header.header.bgBlack{background:#fff!important}
html body header.header.on:not(.bgBlack){background:#101610!important}
html body header.header .headTop{height:var(--dc-head);display:flex;align-items:center;position:relative}
html body header.header .logoP{float:none!important;margin:0!important}
html body header.header .logoP .logo,html body header.header .logoP .bgLogo{margin-top:0!important;transform:none!important}
html body header.header .en-fixed,html body header.header.open .en-fixed{position:fixed!important;top:25px!important;right:86px!important;transform:none!important;z-index:1102!important;mix-blend-mode:normal}
html body header.header .nav-ctrl,html body header.header.open .nav-ctrl{position:fixed!important;top:18px!important;right:24px!important;left:auto!important;float:none!important;margin:0!important;width:44px!important;height:44px!important;display:grid;place-items:center;transform:none!important;z-index:1102!important}
html body header.header .nav-ctrl .main{margin:0!important}
html body header.header.contactDark .nav-ctrl,html body header.header:not(.bgBlack) .nav-ctrl{filter:brightness(0) invert(1)!important}
html body .page-nav{top:var(--dc-head)!important;z-index:1000}
html body .about>.tabTurn{position:fixed!important;top:var(--dc-head)!important;z-index:1000!important;background:#fff;width:100%;left:0}
html body .about .part3 .picText{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
html body .about .part3 .picText:after{display:none}
html body .about .part3 .picText .item{float:none;width:auto!important;margin:0!important}
html body .about .part3 .picText .title,html body .about .part3 .picText .text,html body .about .part2 .picText .text{height:auto!important;max-height:none!important;overflow:visible!important}
html body .about .part3 .picText .title{line-height:1.6!important}
html body .about .part1 .plusTitle{color:#555;max-width:1000px;margin-left:auto;margin-right:auto}
html body .footer{background:#000!important;color:#fff}
html body .footer .mainLt h3 a{color:#fff!important}
html body .footer .mainRt .icon-g,html body .footer .mainRt .icon-w{filter:url(#dc-qr-black)!important}
html body .icon-search{filter:url(#dc-icon-green)!important}
html body a:focus-visible,html body button:focus-visible{outline:2px solid #51b058!important;outline-offset:4px}
html body .dc-case-nav{position:fixed;top:var(--dc-head);left:0;width:100%;z-index:1000;background:#fff;border-bottom:1px solid #e1e5e0;box-sizing:border-box}
html body .case.dc-quality-case{padding-top:calc(var(--dc-head) + var(--dc-case-nav))!important;margin-top:0!important}
html body .dc-quality-case>.tabTurn,html body .dc-quality-case>.masking,html body .dc-quality-case>.caseBody>.tabChoose,html body .dc-quality-case>.caseBody>.bigTitle,html body .dc-quality-case #dcbrand-case-nav-placeholder{display:none!important}
html body .dc-quality-case>.caseBody{padding-top:0!important;margin-top:0!important}
.dc-case-primary{display:flex;justify-content:center;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid #e1e5e0}
.dc-case-primary a{white-space:nowrap;flex:0 0 auto;padding:16px 25px 12px;font-size:16px;line-height:24px;border-bottom:4px solid transparent;color:#111}
.dc-case-primary a[aria-current]{background:#edf5ea;color:#286e32;font-weight:700;border-bottom-color:#51b058}
.dc-case-secondary{display:grid;grid-template-columns:repeat(var(--dc-cols),minmax(0,1fr));max-width:860px;margin:auto;padding:15px 20px}
.dc-case-secondary a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:70px;color:#111;font-size:14px;font-weight:600;text-align:center;line-height:1.4;border-right:1px solid #e1e5e0;padding:5px 8px;box-sizing:border-box}
.dc-case-secondary a:last-child{border-right:0}.dc-case-secondary a[aria-current]{color:#3d8b48}
.dc-case-secondary svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.dc-case-secondary .dc-raster{width:140px;height:75px;background-size:contain;background-repeat:no-repeat;background-position:center}
@media(max-width:768px){
:root{--dc-head:74px}
html body header.header .en-fixed,html body header.header.open .en-fixed{top:31px!important;right:76px!important;font-size:13px!important;color:#111}
html body header.header:not(.bgBlack) .en-fixed{color:white!important}
html body header.header .nav-ctrl,html body header.header.open .nav-ctrl{top:15px!important;right:14px!important}
html body header.header .logoP .logo,html body header.header .logoP .bgLogo{width:38vw!important;height:5.83vw!important;margin:0!important}
html body .about .part3 .picText{grid-template-columns:1fr;gap:28px}
html body .footer .footBot .p1>span{display:block!important;float:none!important;margin:0!important}
html body .footer .footBot .p2>span:first-child{display:block!important}
html body .footer .footBot .p2>a{display:inline!important;float:none!important;clear:none!important}
html body .footer .footBot .p2>span:last-child{display:inline!important;white-space:nowrap}
.dc-case-primary{justify-content:flex-start}.dc-case-primary a{font-size:14px;padding:12px 16px 9px;line-height:22px}
.dc-case-secondary{padding:8px 10px;max-width:none}.dc-case-secondary a{min-height:76px;font-size:12px;padding:5px 3px;gap:7px}.dc-case-secondary svg{width:25px;height:25px}
.dc-case-secondary[data-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}.dc-case-secondary[data-count="6"] a:nth-child(3){border-right:0}.dc-case-secondary[data-count="6"] a:nth-child(-n+3){border-bottom:1px solid #e1e5e0}
.dc-case-secondary .dc-raster{width:100%;height:68px}
}
/* Reserve the fixed header's space on the standalone services layout. */
html body header.header+main{padding-top:var(--dc-head)}

/* Dark headers must always use the original transparent reversed logo. */
html body header.header:not(.bgBlack):not(.ip_header) .logoP .bgLogo {
 background-image:url('/res/upload_img/2020-03-23/202003231551192742.png?v=dark-20261018')!important;
 background-color:transparent!important;
 filter:none!important;
}
