:root{--main:#06499a;--hover:#f05a22;--text:#17212b;--prev:#5f6b76;--red:#f05a22;--bord:#d9e0e7;--grey:#f3f6f8;--wite:#fff;--steel:#203650;--surface:#fff;--surface-alt:#eef3f6;--shadow-sm:0 4px 14px rgb(20 42 62 / 8%);--shadow-md:0 12px 30px rgb(20 42 62 / 12%);--radius:6px}
html{scroll-behavior:smooth}
body{background:#fff;font-family:Lexend,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.75;color:var(--text);-webkit-font-smoothing:antialiased}
body a{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
body img{transition:transform .45s cubic-bezier(.2,.65,.3,1)}
.container{width:min(100% - 32px,1240px);max-width:1240px}
header{height:104px}
.header{min-height:104px;padding:12px 0!important;background:rgb(255 255 255 / 96%)!important;border-bottom:1px solid rgb(18 48 73 / 8%);box-shadow:0 3px 18px rgb(20 42 62 / 6%);backdrop-filter:blur(12px)}
.header-2{min-height:82px;padding:7px 0!important;box-shadow:0 6px 22px rgb(20 42 62 / 11%)}
.logo img{width:auto;max-width:150px;max-height:76px;object-fit:contain}
.header-2 .logo img{max-height:64px}
.header .col-xl-10>.row{row-gap:5px}
.header .cl-r{color:var(--red)}
.sch{width:250px;height:34px;padding:3px 4px 3px 10px;background:#f7f9fb!important;border:1px solid #dce3e9;border-radius:4px}
.sch input[type=text]{height:26px;background:transparent;font-family:inherit;color:var(--text)}
.sch input[type=submit],.sch .f-btn{height:26px}
.sch .f-btn{width:28px;background:var(--main);border-radius:3px}
.icon li a{min-width:36px;line-height:34px}
.menu>ul{display:flex;align-items:center;gap:2px}
.menu>ul>li>a{position:relative;padding:7px 14px;font-size:14px;font-weight:700;letter-spacing:0;text-transform:uppercase;color:#263442}
.menu>ul>li>a:after{content:"";position:absolute;right:14px;bottom:1px;left:14px;height:2px;background:var(--main);transform:scaleX(0);transform-origin:right;transition:transform .25s ease}
.menu>ul>li:hover>a:after,.menu>ul>li.active>a:after{transform:scaleX(1);transform-origin:left}
.menu>ul>li.active>a,.menu>ul>li:hover>a{color:var(--main)}
.menu ul li ul{min-width:240px;padding:8px;background:#fff;border:1px solid #e3e8ed;border-radius:0 0 6px 6px;box-shadow:var(--shadow-md)}
.menu ul li ul li a{padding:10px 12px;border-radius:4px;font-size:14px}
.menu ul li ul li a:hover{background:var(--main);color:#fff}
.sl{background:var(--steel)}
.sl-slick .slick-slide>div>div{overflow:hidden}
.sl-slick img{width:100%;height:auto;aspect-ratio:12/5;object-fit:cover;object-position:center}
.sl-slick .slick-slide>div>div:after{display:none}
.sl-slick .position-absolute{z-index:2}
.sl-slick h2{max-width:900px;margin-right:auto!important;margin-left:auto!important;font-family:Lexend,sans-serif;font-size:clamp(32px,4.2vw,60px)!important;line-height:1.18;letter-spacing:0;text-shadow:none}
.sl-slick .fs-5{max-width:760px;margin:0 auto 26px;font-size:17px!important;line-height:1.75;text-shadow:none}
.sl .container>h2,.sl .container>div:nth-child(2){text-shadow:none}
.main-title{position:relative;margin-bottom:42px;font-family:Lexend,sans-serif;font-weight:750;line-height:1.25;letter-spacing:0;color:var(--steel)}
.main-title:after{content:"";display:block;width:52px;height:3px;margin:14px auto 0;background:var(--hover)}
.main-title.text-start:after{margin-left:0}
.main-button a{padding:12px 19px;background:var(--main);border:1px solid var(--main);border-radius:5px;box-shadow:0 5px 14px rgb(7 84 154 / 18%);letter-spacing:0;color:#fff}
.main-button a:before{display:none}
.main-button a:hover{background:#06467f;border-color:#06467f;box-shadow:0 8px 20px rgb(7 84 154 / 24%);color:#fff;transform:translateY(-2px)}
#gioi-thieu{padding:52px 0 22px!important;background:#fff}
#gioi-thieu .row>div:last-child img,#gioi-thieu .row>.pe-lg-4 img{display:block;width:min(100%,480px);height:auto;margin:0 auto;border-radius:6px;box-shadow:var(--shadow-md);object-fit:contain}
#gioi-thieu .fs-7{display:inline-flex;margin-bottom:10px;padding:5px 9px;background:#eaf2f9;border-left:3px solid var(--main);border-radius:3px;color:var(--main)}
#gioi-thieu .main-detail{color:#4d5b67}
.sp{padding:42px 0 52px;background-color:#edf2f5!important;background-blend-mode:screen;background-size:cover!important}
.sp:before{content:"";position:absolute;inset:0;background:rgb(239 244 247 / 88%)}
.sp .main-title{margin-bottom:20px}.sp-tab{max-width:760px;margin:0 auto 30px}
.sp-single-group .main-title{margin-bottom:30px}
.sp-tab ul{position:relative;margin:0;padding:0;overflow:visible;border:0;gap:0;flex-wrap:nowrap}
.sp-tab ul:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:#cdd7df}
.sp-tab ul li+li{margin-left:0}
.sp-tab ul li{position:relative;display:flex;min-width:0;flex:1}
.sp-tab ul li+li:before{content:"";position:absolute;top:14px;bottom:14px;left:0;width:1px;background:#d9e1e7}
.sp-tab ul li a,.sp-tab ul li a.active{position:relative;z-index:1;display:flex;width:100%;min-height:48px;padding:9px 16px;background:transparent;border:0;border-radius:0;box-shadow:none;align-items:center;justify-content:center;font-size:13px;font-weight:700;line-height:1.35;text-align:center;transform:none}
.sp-tab ul li a{color:#4b5863;transition:color .2s ease}
.sp-tab ul li a:after{content:"";position:absolute;bottom:-1px;left:50%;width:54px;height:3px;background:var(--hover);opacity:0;transform:translateX(-50%) scaleX(.4);transition:opacity .2s ease,transform .2s ease}
.sp-tab ul li a:hover{color:var(--main)}
.sp-tab ul li a.active{background:transparent;color:var(--main);transform:none}
.sp-tab ul li a.active:after{opacity:1;transform:translateX(-50%) scaleX(1)}
.sp-tab-panel{animation:spTabReveal .35s ease both}
@keyframes spTabReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sp .row>[class*=col-],.sp-grid>article{display:flex}
.sp-item{display:flex;width:100%;height:100%;padding:14px!important;background:#fff;border:1px solid #e1e7ec;border-bottom:3px solid var(--main);border-radius:6px;box-shadow:var(--shadow-sm);flex-direction:column;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.sp-item:hover{border-color:#c8d7e3;box-shadow:var(--shadow-md);transform:translateY(-5px)}
.sp-item .i-hov{width:100%;margin-bottom:18px!important;aspect-ratio:3/2;border-radius:4px;background:#e8edf1}
.sp-item .i-hov a{display:block;width:100%;height:100%}.sp-item .i-hov img{width:100%;height:100%;object-fit:cover}
.sp-item h3{display:flex;min-height:2.8em;align-items:flex-start;font-size:18px!important;line-height:1.45}
.sp-item h3 a{background:none!important;-webkit-text-fill-color:initial;color:var(--main)}
.sp-item h3 a:hover{color:var(--red)}
.sp-prev{margin-top:14px!important;padding-top:13px!important;border-color:#e2e7eb;color:#56636e;flex:1}
.product-categories-page{padding:48px 0 68px;background:#f7f9fa}.product-category-nav{display:flex;margin-bottom:46px;padding:7px;background:#fff;border:1px solid #dfe6eb;border-radius:6px;box-shadow:var(--shadow-sm);gap:7px}.product-category-nav a{display:flex;min-height:44px;padding:8px 17px;border-radius:4px;align-items:center;justify-content:center;flex:1;font-size:14px;font-weight:700;text-align:center;color:#344452}.product-category-nav a:hover{background:var(--main);color:#fff}.product-category-section{padding:0 0 54px;scroll-margin-top:100px}.product-category-section+.product-category-section{padding-top:48px;border-top:1px solid #dce4ea}.product-category-section:last-child{padding-bottom:0}.product-category-head{display:flex;margin-bottom:27px;align-items:end;justify-content:space-between;gap:20px}.product-category-head span{display:block;margin-bottom:5px;font-size:13px;font-weight:700;text-transform:uppercase;color:var(--hover)}.product-category-head h2{margin:0;font-size:27px;font-weight:700;line-height:1.35;color:var(--steel)}.product-category-head>a{font-size:14px;font-weight:700;color:var(--main)}.product-category-head>a i{margin-left:6px}.product-category-head>a:hover{color:var(--hover)}
.cc{padding:72px 0 68px;background:#f6f8fa;scroll-margin-top:110px}
.cc .main-title{margin-bottom:34px;padding:0!important;text-align:center}
.cc .main-title:before{display:none}
.cc .main-title:after{position:static;display:block;width:44px;height:3px;margin:13px auto 0;background:var(--hover)}
.cc-item{display:flex;height:100%;overflow:hidden;background:#fff;border:1px solid #e0e6eb;border-radius:6px;box-shadow:0 3px 12px rgb(20 42 62 / 7%);flex-direction:column;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.cc-item:hover{border-color:#cad6df;box-shadow:0 10px 24px rgb(20 42 62 / 11%);transform:translateY(-3px)}
.cc-item>.i-hov{aspect-ratio:3/2;background:#e8edf1}.cc-item>.i-hov a{display:block;height:100%}.cc-item>.i-hov img{width:100%;height:100%;object-fit:cover}
.cc-wrap{display:flex;max-width:none!important;height:auto;min-height:170px;margin:0!important;padding:22px 22px 24px!important;box-shadow:none!important;flex:1;flex-direction:column}.cc-name{min-height:2.9em;line-height:1.45}.cc-name:before{right:0!important;left:0!important;width:34px!important;margin:auto;background:var(--hover)!important}.cc-name:after{display:none}
.cc-name a{background:none!important;-webkit-text-fill-color:initial;color:var(--main)}
.cc-wrap>div:last-child{font-size:16px;color:#52616d;line-height:1.75}
.cc-slick .slick-track{display:flex}.cc-slick .slick-slide{height:auto}.cc-slick .slick-slide>div,.cc-slick .slick-slide>div>div{height:100%}
.lhn{height:410px!important;min-height:0;background-attachment:fixed;background-position:center;background-size:cover;text-shadow:none!important}
.lhn:before{background:linear-gradient(90deg,rgb(7 33 56 / 87%),rgb(7 45 78 / 75%),rgb(7 33 56 / 84%))!important}
.lhn>.container{max-width:920px}
.lhn-brand{display:inline-flex;margin-bottom:13px;align-items:baseline;font-family:Lexend,sans-serif;font-size:20px;font-weight:700;letter-spacing:0;color:#fff}.lhn-brand span{color:#fff}.lhn-brand strong{color:var(--hover)}
.lhn-title{font-family:Lexend,sans-serif;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.3;color:#fff}
.lhn-title:after{content:"";display:block;width:52px;height:3px;margin:17px auto 0;background:var(--hover)}
.lhn-description{max-width:790px;margin:20px auto 26px;font-size:17px;line-height:1.75;color:#e5edf3;text-shadow:none}
.lhn-actions{display:flex;justify-content:center;gap:11px;flex-wrap:wrap}.lhn-actions a{display:inline-flex;min-height:48px;padding:10px 20px;border:1px solid rgb(255 255 255 / 40%);border-radius:4px;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:700;color:#fff;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.lhn-actions .lhn-call{background:var(--hover);border-color:var(--hover)}.lhn-actions .lhn-zalo{background:rgb(255 255 255 / 8%)}.lhn-actions a:hover{background:var(--main);border-color:var(--main);color:#fff;transform:translateY(-2px)}
#tin-tuc-noi-bat{padding:72px 0 50px!important;background:#f6f8fa}
#tin-tuc-noi-bat .main-title{margin-bottom:36px}
#tin-tuc-noi-bat .i-hov{height:100%;border-radius:0;background:#e8edf1}
#tin-tuc-noi-bat .i-hov img{width:100%;height:100%;object-fit:cover}
.nb-featured,.nb-card{overflow:hidden;background:#fff;border:1px solid #dde5eb;border-radius:6px;box-shadow:0 3px 12px rgb(20 42 62 / 7%);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.nb-featured{display:flex;height:100%;flex-direction:column}.nb-featured .nb-body{display:flex;flex:1;flex-direction:column}.nb-featured .nb-preview{margin-top:2px}
.nb-featured:hover,.nb-card:hover{border-color:#c8d5df;box-shadow:0 10px 24px rgb(20 42 62 / 10%);transform:translateY(-2px)}
.nb-featured>.i-hov{aspect-ratio:16/9}.nb-body{padding:22px 24px 24px}.nb-body h3{font-size:21px}
.nb-list{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:18px}.nb-card{height:100%;min-height:0}.nb-thumb{min-height:0}.nb-card-body{display:flex;padding:17px 20px;flex-direction:column}.nb-card h3{font-size:16px}
.nb-time{display:flex;margin-bottom:10px;align-items:center;gap:6px;font-size:13px!important;color:#74808b}.nb-time:before{display:none}.nb-preview{display:-webkit-box;overflow:hidden;color:#52616d;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.bn{height:300px!important;min-height:0;background-position:center!important;align-items:flex-end!important}
.bn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(8 30 48 / 78%) 0%,rgb(8 30 48 / 48%) 48%,rgb(8 30 48 / 24%) 100%)}
.bn .container{padding-bottom:48px}
.bn .banner-title{position:relative;max-width:760px;margin:0!important;padding-bottom:15px;font-family:Lexend,sans-serif;font-size:clamp(28px,3vw,42px)!important;font-weight:700;line-height:1.25;letter-spacing:0;text-align:left!important;text-transform:none!important;text-shadow:0 2px 12px rgb(0 0 0 / 25%)}
.bn .banner-title:after{content:"";position:absolute;bottom:0;left:0;width:52px;height:3px;background:var(--hover)}
.breadcrumb{padding:0!important;background:#fff!important;border-bottom:1px solid #e1e7ec;box-shadow:0 3px 10px rgb(20 42 62 / 4%)}
.breadcrumb ul{min-height:48px;margin:0;padding:0;align-items:center;gap:0;flex-wrap:wrap}.breadcrumb li{display:flex;align-items:center;font-size:13px;color:#64717c}.breadcrumb li+li:before{content:"/";padding:0 11px;color:#a5afb7}.breadcrumb a{display:inline-flex;align-items:center;gap:7px;color:#50606d}.breadcrumb li:last-child a{font-weight:600;color:var(--steel)}.breadcrumb a:hover{color:var(--main)}.breadcrumb i{font-size:12px;color:var(--main)}
main>section.pt-5:not(.cc):not(.sp):not(#tin-tuc-noi-bat){padding-top:56px!important}
.side-dm,.side-ht{margin-bottom:24px;overflow:hidden;background:#fff;border:1px solid #dfe6eb;border-radius:6px;box-shadow:var(--shadow-sm)}
.side-title{padding:0 17px!important;background:var(--steel);border:0!important;font-size:14px;font-weight:700;line-height:48px;color:#fff!important}
.side-wrap{padding:8px 14px!important}.side-dm ul li+li{border-top:1px solid #edf0f2}.side-dm ul li a{padding:9px 0!important;font-size:14px}.side-dm ul li.active a,.side-dm ul li a:hover{padding-left:5px!important;color:var(--main)}
.side-ht .side-wrap{padding:18px!important}.side-ht img{width:34px;height:34px}
.main-detail{font-size:16px;line-height:1.85;color:#36434e}.main-detail p{margin-bottom:16px}.main-detail h2,.main-detail h3,.main-detail h4{font-family:Lexend,sans-serif;color:var(--steel)}
.main-detail img{height:auto;border-radius:4px}.main-detail .table{margin-bottom:1rem}
.main-other{display:flex;margin:38px 0 27px;padding:0;align-items:center;gap:13px;font-family:Lexend,sans-serif;font-size:21px;font-weight:700;line-height:1.4;border:0;color:var(--steel)}
.main-other:before{content:"";width:9px;height:30px;background:linear-gradient(to bottom,var(--main) 0 58%,transparent 58% 66%,var(--hover) 66% 100%);border-radius:1px;flex:0 0 auto;transform:skewX(-13deg);animation:mainOtherMark .5s cubic-bezier(.2,.7,.2,1) both}
.main-other:after{display:none}
.main-other span{position:relative;display:inline-block;animation:mainOtherText .45s ease .06s both}.main-other span:before{content:"";position:absolute;right:0;bottom:-7px;left:0;height:2px;background:linear-gradient(90deg,var(--main) 0 72%,var(--hover) 72% 100%);transform-origin:left;animation:mainOtherRule .55s ease .15s both}
@keyframes mainOtherMark{from{opacity:0;transform:translateX(-10px) skewX(-13deg)}to{opacity:1;transform:translateX(0) skewX(-13deg)}}
@keyframes mainOtherRule{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
@keyframes mainOtherText{from{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:none}}
.main-share{align-items:center}.main-share i{width:34px;background:#edf1f4;border-radius:4px;line-height:34px}.main-share i:hover{background:var(--main)}
.main-toc{margin:18px 0;padding:15px 18px;background:#f4f7f9;border:1px solid #dbe3e9;border-left:3px solid var(--main);border-radius:4px}.main-toc-title{font-size:17px;font-weight:700;color:var(--steel)}
.spD-big{overflow:hidden;border:1px solid #dfe5ea;border-radius:6px;background:#f4f6f7}.spD-big img{width:100%}.spD-nav img{border-radius:4px}.spD-info{padding:4px 0 4px 20px}.spD-info h1{font-family:Lexend,sans-serif;font-size:27px!important;font-weight:750;color:var(--steel)}.spD-strin{padding:12px 14px;background:#f4f7f9;border-left:3px solid var(--main);border-radius:3px}.spD-strin li+li{margin-top:6px}
input,select,textarea{border-color:#cfd8df;border-radius:4px;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:var(--main);box-shadow:0 0 0 3px rgb(7 84 154 / 11%)}input[type=submit]{border-radius:4px}
.main-page li a{width:42px;border:1px solid #dce3e8;border-radius:4px;background:#fff;line-height:40px}.main-page li a:hover,.main-page li a.active{border-color:var(--main);background:var(--main)}
.news-page{padding-bottom:68px;background:#f6f8fa}
.news-page>.container>.row{--bs-gutter-x:2rem}
.news-heading{display:flex;margin-bottom:24px;padding-bottom:15px;border-bottom:1px solid #d8e1e7;align-items:flex-end;justify-content:space-between}
.news-heading span{display:block;margin-bottom:4px;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--hover)}
.news-heading h2{margin:0;font-family:Lexend,sans-serif;font-size:25px;font-weight:700;color:var(--steel)}
.news-heading>i{padding-bottom:3px;font-size:25px;color:#a8b5bf}
.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.news-card{display:flex;min-width:0;overflow:hidden;background:#fff;border:1px solid #dfe6eb;border-radius:6px;box-shadow:0 3px 12px rgb(20 42 62 / 6%);flex-direction:column;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.news-card:hover{border-color:#c9d5de;box-shadow:0 10px 24px rgb(20 42 62 / 10%);transform:translateY(-3px)}
.news-card--featured{display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}
.news-card__media{aspect-ratio:3/2;background:#e7ecef}
.news-card--featured .news-card__media{height:100%;min-height:330px;aspect-ratio:auto}
.news-card__media a{display:block;width:100%;height:100%}
.news-card__media img{display:block;width:100%;height:100%;object-fit:cover}
.news-card__body{display:flex;padding:20px 22px 22px;flex:1;flex-direction:column}
.news-card--featured .news-card__body{padding:30px}
.news-card__time{display:flex;margin-bottom:10px;align-items:center;gap:7px;font-size:12px;color:#75828d}
.news-card__time i{color:var(--main)}
.news-card h3{margin:0 0 10px;font-family:Lexend,sans-serif;font-size:18px;font-weight:700;line-height:1.45}
.news-card--featured h3{font-size:24px}
.news-card h3 a{color:var(--steel)}
.news-card h3 a:hover{color:var(--main)}
.news-card__preview{display:-webkit-box;overflow:hidden;margin-bottom:18px;color:#56636e;line-height:1.75;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.news-card__more{display:inline-flex;margin-top:auto;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--main)}
.news-card__more i{font-size:11px;transition:transform .2s ease}
.news-card__more:hover{color:var(--hover)}.news-card__more:hover i{transform:translateX(3px)}
.news-page .main-page{margin-top:34px}
.services-page{padding-bottom:70px;background:#f6f8fa}
.services-heading{max-width:720px;margin:0 auto 34px;text-align:center}
.services-heading>span{display:block;margin-bottom:6px;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--hover)}
.services-heading h2{margin:0 0 10px;font-family:Lexend,sans-serif;font-size:28px;font-weight:700;color:var(--steel)}
.services-heading p{margin:0;color:#63717c;line-height:1.7}
.services-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}
.service-card{display:flex;min-width:0;overflow:hidden;background:#fff;border:1px solid #dfe6eb;border-radius:6px;box-shadow:0 3px 12px rgb(20 42 62 / 6%);grid-column:span 2;flex-direction:column;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.service-card:nth-child(n+4){grid-column:span 3}
.service-card:hover{border-color:#c9d5de;box-shadow:0 10px 24px rgb(20 42 62 / 10%);transform:translateY(-3px)}
.service-card__media{width:100%;aspect-ratio:3/2;background:#e7ecef}
.service-card__media a{display:block;width:100%;height:100%}
.service-card__media img{display:block;width:100%;height:100%;object-fit:cover}
.service-card__body{display:flex;min-width:0;padding:22px;flex:1;flex-direction:column}
.service-card__label{display:block;margin-bottom:8px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--hover)}
.service-card h3{margin:0 0 10px;font-family:Lexend,sans-serif;font-size:18px;font-weight:700;line-height:1.45}
.service-card h3 a{color:var(--steel)}.service-card h3 a:hover{color:var(--main)}
.service-card__preview{display:-webkit-box;overflow:hidden;margin-bottom:17px;color:#596873;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.service-card__more{display:inline-flex;margin-top:auto;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--main)}
.service-card__more i{font-size:11px;transition:transform .2s ease}.service-card__more:hover{color:var(--hover)}.service-card__more:hover i{transform:translateX(3px)}
.services-page .main-page{margin-top:34px}
.footer{background-position:center;background-size:cover}.footer:before{background:rgb(16 30 42 / 88%)}.footer-top{padding-top:42px!important}.footer-title{position:relative;margin-bottom:21px;padding-bottom:10px;font-size:19px;line-height:1.45}.footer-title:after{content:"";position:absolute;bottom:0;left:0;width:34px;height:2px;background:var(--hover)}.footer li,.footer a{font-size:15px;line-height:1.75;color:#e2e8ed}.footer a:hover{color:#ff8a55}.footer-bottom{padding:20px 0!important;font-size:14px;line-height:1.6;color:#bdc7cf}
.pr{right:auto;left:16px;width:64px;height:64px;isolation:isolate}.pr:before{inset:-5px;width:auto;height:auto;background:rgb(240 90 34 / 22%);animation:modernSupportPulse 2s ease-out infinite;z-index:-1}.pr-wrap{padding:5px;background:var(--hover);border:6px solid rgb(240 90 34 / 28%)}.pr-wrap:after{top:16px;left:16px;background:var(--hover)}.pr-slick{width:100%;height:100%;background:#fff;border:4px solid #fff}.pr-slick img{width:100%;height:100%;border-radius:50%;object-fit:cover}.pr-popup{right:auto;left:0;width:165px;border:1px solid #e0e6eb;border-radius:6px;box-shadow:var(--shadow-md)}.totop{border-radius:4px}
@keyframes modernSupportPulse{0%{opacity:.7;transform:scale(.9)}70%,100%{opacity:0;transform:scale(1.28)}}
.support-links{bottom:20px;left:10px;display:flex;width:44px;gap:7px;flex-direction:column;overflow:visible;z-index:99992}.support-link{box-sizing:border-box;position:relative;display:flex;width:44px;height:44px;padding:7px;background:#fff;border:1px solid rgb(0 0 0 / 8%);border-radius:22px;box-shadow:0 3px 12px rgb(0 0 0 / 18%);align-items:center;overflow:hidden;transform-origin:left center;animation:supportIn .65s cubic-bezier(.16,1,.3,1) backwards,supportRipple 4.8s ease-in-out infinite;transition:width .35s cubic-bezier(.16,1,.3,1),color .3s ease,background-color .3s ease,box-shadow .3s ease,transform .3s ease;white-space:nowrap}.support-link:nth-child(2){animation-delay:.07s,.8s}.support-link:nth-child(3){animation-delay:.14s,1.6s}.support-link:before{display:none}.support-link img{display:block;width:30px;min-width:30px;height:30px;margin-right:10px;border:0;border-radius:50%;object-fit:contain;transition:transform .35s cubic-bezier(.16,1,.3,1)}.support-link span{position:static;padding:0;background:transparent;border:0;box-shadow:none;font-size:0;font-weight:700;line-height:30px;color:var(--hover);opacity:1;pointer-events:auto;transform:none;transition:none}.support-link:hover,.support-link:focus{width:150px;background:#fff6f1;box-shadow:0 8px 24px rgb(0 0 0 / 20%);transform:translateX(4px);animation:none}.support-link:hover img,.support-link:focus img{transform:scale(1.08) rotate(-4deg)}.support-link:hover span,.support-link:focus span{font-size:14px;opacity:1;transform:none}
@keyframes supportIn{from{opacity:0;transform:translateX(-24px) scale(.82)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes supportRipple{0%,18%,100%{box-shadow:0 3px 12px rgb(0 0 0 / 18%),0 0 0 0 rgb(240 90 34 / 0%)}8%{box-shadow:0 4px 15px rgb(240 90 34 / 22%),0 0 0 4px rgb(240 90 34 / 15%)}17%{box-shadow:0 3px 12px rgb(0 0 0 / 18%),0 0 0 7px rgb(240 90 34 / 0%)}}
.i-hov{position:relative;isolation:isolate}.i-hov:after{content:"";position:absolute;right:0;bottom:0;width:0;height:3px;background:var(--hover);z-index:2;transition:width .35s ease;pointer-events:none}.sp-item:hover .i-hov:after,.cc-item:hover .i-hov:after,article:hover>.row .i-hov:after{width:100%}
.i-hov img{transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s ease}.i-hov:hover img{filter:saturate(1.06);transform:scale(1.035)}
.sp-item h3 a,.cc-name a,.n-hov-l a{transition:color .2s ease}.sp-item:focus-within,.cc-item:focus-within{outline:2px solid rgb(7 84 154 / 28%);outline-offset:3px}
.main-button a{position:relative;overflow:hidden}.main-button a:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgb(255 255 255 / 18%) 48%,transparent 74%);transform:translateX(-140%);transition:transform .55s ease}.main-button a:hover:after{transform:translateX(140%)}
.main-other span:after{display:none}
.modern-motion .modern-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease var(--reveal-delay,0ms),transform .55s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}.modern-motion .modern-reveal.modern-visible{opacity:1;transform:none}
@media(max-width:1199px){header{height:88px}.header{min-height:88px;padding:8px 0!important}.logo img{max-height:68px}.header .col-auto.col-xl-10>.row{margin:0}.header .col-auto.col-xl-10>.row>.col-12{width:auto;padding:0}.header .col-xl-10>.row>.col-12>.row>.col-auto:has(.sch){display:none}.header .col-xl-10>.row>.col-12>.row{margin:0;align-items:center}.header .icon{margin:0}.menu{display:none}.icon li a{font-size:19px}}
@media(max-width:991px){.container{width:min(100% - 28px,960px)}.sl-slick h2{font-size:35px!important}.main-title{margin-bottom:32px}.lhn{min-height:310px;background-attachment:scroll}.spD-info{padding-left:0}.footer-top .row{row-gap:4px}}
@media(max-width:991px){.news-page{padding-bottom:54px}.news-card--featured{grid-template-columns:1fr}.news-card--featured .news-card__media{min-height:0;aspect-ratio:16/9}.news-card--featured .news-card__body{padding:22px}.news-card--featured h3{font-size:21px}}
@media(max-width:1199px){.services-grid{gap:18px}.service-card,.service-card:nth-child(n+4){grid-column:span 3}}
@media(max-width:767px){body{font-size:14px}.container{width:min(100% - 24px,720px)}header,.header{height:78px;min-height:78px}.logo img{max-width:125px;max-height:60px}.sl-slick img{height:440px}.sl-slick h2{font-size:29px!important}.sl-slick .position-absolute .container{padding-bottom:15px}.main-title{font-size:27px!important}.bn{height:220px!important}.bn .container{padding-bottom:30px}.bn h1,.bn h2{font-size:27px!important}.sp-tab ul{justify-content:flex-start!important;flex-wrap:nowrap;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}.sp-tab ul li{flex:0 0 auto}.sp-item h3{min-height:0}.lhn .main-title{font-size:29px!important}#tin-tuc-noi-bat{padding:55px 0 35px!important}.footer-top{padding-top:30px!important}.footer-title{margin-bottom:16px}}
@media(max-width:575px){.container{width:min(100% - 20px,540px)}.sl-slick img{height:390px}.sl-slick h2{font-size:25px!important}.main-button a{padding:10px 15px}.sp-item{padding:12px!important}.cc-wrap{padding:18px!important}.bn{height:190px!important}.bn .container{padding-bottom:24px}.breadcrumb ul{min-height:44px}.breadcrumb li{font-size:12px}.lhn{min-height:285px}.lhn .main-title{font-size:25px!important}.lhn .fs-5{font-size:15px!important}.pr{right:auto;left:10px;bottom:60px}.totop{right:10px}}
@media(max-width:767px){.news-page{padding-top:36px!important;padding-bottom:46px}.news-heading{margin-bottom:18px}.news-heading h2{font-size:22px}.news-heading>i{font-size:21px}.news-grid{grid-template-columns:1fr;gap:16px}.news-card--featured{display:flex;grid-column:auto}.news-card--featured .news-card__media,.news-card__media{aspect-ratio:16/10}.news-card__body,.news-card--featured .news-card__body{padding:18px}.news-card h3,.news-card--featured h3{font-size:18px}.news-card__preview{-webkit-line-clamp:2}.news-card__more{margin-top:0}.news-page .main-page{margin-top:27px}}
@media(max-width:767px){.services-page{padding-top:36px!important;padding-bottom:48px}.services-heading{margin-bottom:24px;text-align:left}.services-heading h2{font-size:24px}.services-heading p{font-size:14px}.services-grid{gap:16px}.service-card,.service-card:nth-child(n+4){grid-column:span 6}.service-card__media{aspect-ratio:16/10}.service-card__body{padding:18px}.service-card h3{font-size:18px}.service-card__preview{-webkit-line-clamp:2}}
@media(max-width:575px){.nb-body{padding:18px}.nb-body h3{font-size:19px}.nb-card{min-height:132px}.nb-thumb{min-height:132px}.nb-card-body{padding:13px 14px}.nb-card h3{font-size:15px}.nb-time{margin-bottom:0;font-size:12px!important}}
@media(max-width:575px){.support-links{right:auto;bottom:50px;left:10px;width:36px;max-width:none;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;flex-direction:column;gap:6px;backdrop-filter:none}.support-link,.support-link:hover,.support-link:focus{width:36px;height:36px;padding:4px;background:#fff;border-radius:50%;box-shadow:0 3px 9px rgb(0 0 0 / 16%);font-size:0;transform:none;animation:supportIn .5s cubic-bezier(.16,1,.3,1) backwards}.support-link:hover,.support-link:focus{transform:translateX(3px) scale(1.08)}.support-link img{width:28px;min-width:28px;height:28px;margin-right:0}.support-link span{display:none}}
@media(max-width:767px){body{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wow,.animated,.main-other:before,.main-other:after,.main-other span{animation-duration:1ms!important;animation-delay:0s!important}.sp-item,.cc-item,.main-button a{transition:none}}
@media(max-width:1199px){.header .icon{display:flex;margin:0;gap:4px;align-items:center}.header .icon li{width:38px;height:38px}.header .icon li a{display:grid;width:38px;height:38px;min-width:38px;padding:0;place-items:center;font-size:19px;line-height:1}.header .icon li a i{display:block;width:auto;line-height:1}}
@media(max-width:767px){.header>.container>.row{min-height:62px}.header>.container>.row>div:last-child{padding-left:4px}.header .icon{gap:2px}}
@media(max-width:1199px){.header>.container>.row{position:relative}.header-tools{position:absolute;top:50%;right:0;width:auto;padding:0;transform:translateY(-50%)}.header-tools>.row{display:block!important}.header-tools>.row>.col-12{display:block;width:auto!important;padding:0!important}.header-meta{display:flex!important;width:auto;margin:0!important;flex-wrap:nowrap!important}.header-meta>.col-auto:not(:last-child){display:none!important}.header-meta>.col-auto:last-child{padding:0}.header-tools>.row>.col-auto{display:none}}
@media(max-width:767px){.header-tools{right:0}.header .icon{gap:6px}.header .icon li,.header .icon li a{width:36px;height:36px;min-width:36px}}
@media(max-width:767px){.product-categories-page{padding:32px 0 48px}.product-category-nav{margin-bottom:34px;overflow-x:auto;justify-content:flex-start}.product-category-nav a{min-width:max-content;flex:0 0 auto}.product-category-section{padding-bottom:40px}.product-category-section+.product-category-section{padding-top:36px}.product-category-head{margin-bottom:22px;align-items:flex-start}.product-category-head h2{font-size:23px}.product-category-head>a{padding-top:5px;white-space:nowrap}}
@media(max-width:480px){.product-category-head{display:block}.product-category-head>a{display:inline-block;margin-top:9px}}
@media(min-width:1200px){.header.header-2{min-height:76px;padding:6px 0!important}.header-2 .logo img{max-height:60px}.header-2 .header-tools>.row{min-height:64px;align-items:center}.header-2 .header-tools>.row>.col-12{display:none!important}.header-2 .header-tools>.row>.col-auto{display:block;margin-left:auto}.header-2 .menu>ul{justify-content:flex-end}.header-2 .menu>ul>li>a{padding-top:10px;padding-bottom:10px}}
@media(max-width:1199px){.header-2 .header-meta .icon li:first-child{display:none}.header-2 .header-meta .icon{gap:0}.header-2 .logo img{max-height:56px}}
/* Modern mobile navigation */
.catalog-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}
.catalog-card{display:flex;min-width:0;overflow:hidden;background:#fff;border:1px solid #dfe6eb;border-bottom:3px solid var(--main);border-radius:6px;box-shadow:0 3px 12px rgb(20 42 62 / 6%);grid-column:span 2;flex-direction:column;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.catalog-card:hover{border-color:#c9d5de;border-bottom-color:var(--hover);box-shadow:0 10px 24px rgb(20 42 62 / 10%);transform:translateY(-3px)}
.product-category-section--5 .catalog-card:nth-child(n+4){grid-column:span 3}
.product-category-section--1 .catalog-card{display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr)}
.catalog-card__media{width:100%;aspect-ratio:3/2;background:#e7ecef}
.product-category-section--1 .catalog-card__media{height:100%;min-height:330px;aspect-ratio:auto}
.catalog-card__media a{display:block;width:100%;height:100%}.catalog-card__media img{display:block;width:100%;height:100%;object-fit:cover}
.catalog-card__body{display:flex;padding:20px 22px 22px;flex:1;flex-direction:column}.product-category-section--1 .catalog-card__body{padding:32px;justify-content:center}
.catalog-card__group{display:block;margin-bottom:7px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--hover)}
.catalog-card h3{margin:0 0 10px;font-family:Lexend,sans-serif;font-size:18px;font-weight:700;line-height:1.45}.product-category-section--1 .catalog-card h3{font-size:24px}
.catalog-card h3 a{color:var(--steel)}.catalog-card h3 a:hover{color:var(--main)}
.catalog-card__preview{display:-webkit-box;overflow:hidden;margin-bottom:17px;color:#596873;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.catalog-card__more{display:inline-flex;margin-top:auto;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--main)}.catalog-card__more i{font-size:11px;transition:transform .2s ease}.catalog-card__more:hover{color:var(--hover)}.catalog-card__more:hover i{transform:translateX(3px)}
@media(max-width:991px){.catalog-card,.product-category-section--5 .catalog-card:nth-child(n+4){grid-column:span 3}.product-category-section--1 .catalog-card{grid-column:1/-1;grid-template-columns:1fr}.product-category-section--1 .catalog-card__media{min-height:0;aspect-ratio:16/9}.product-category-section--1 .catalog-card__body{padding:22px;justify-content:flex-start}.product-category-section--1 .catalog-card h3{font-size:20px}}
@media(max-width:575px){.catalog-grid{gap:16px}.catalog-card,.product-category-section--5 .catalog-card:nth-child(n+4){grid-column:span 6}.catalog-card__media,.product-category-section--1 .catalog-card__media{aspect-ratio:16/10}.catalog-card__body,.product-category-section--1 .catalog-card__body{padding:18px}.catalog-card__preview{-webkit-line-clamp:2}}
.contact-page{padding:58px 0 70px;background:#f5f7f9}
.contact-layout{display:grid;overflow:hidden;background:#fff;border:1px solid #dce4ea;border-radius:6px;box-shadow:0 8px 28px rgb(20 42 62 / 9%);grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr)}
.contact-eyebrow{display:block;margin-bottom:7px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--hover)}
.contact-info{padding:40px;background:var(--steel);color:#fff}.contact-info h2,.contact-form-panel h2{margin:0 0 15px;font-family:Lexend,sans-serif;font-size:25px;font-weight:700;line-height:1.4}.contact-info h2{color:#fff}.contact-intro{margin-bottom:28px;color:#d5e0e8;line-height:1.75}
.contact-info ul{margin:0;padding:0;list-style:none}.contact-info li{display:grid;padding:16px 0;border-top:1px solid rgb(255 255 255 / 13%);grid-template-columns:36px 1fr;gap:10px}.contact-info li>i{padding-top:4px;font-size:17px;color:#ff7547}.contact-info li div{min-width:0}.contact-info li span{display:block;margin-bottom:3px;font-size:11px;text-transform:uppercase;color:#aebdca}.contact-info li strong,.contact-info li a{font-size:15px;font-weight:600;line-height:1.55;color:#fff;overflow-wrap:anywhere}.contact-info li a:hover{color:#ff8a61}
.contact-actions{display:flex;margin-top:25px;gap:10px}.contact-actions a{display:inline-flex;min-height:43px;padding:8px 16px;border:1px solid rgb(255 255 255 / 22%);border-radius:4px;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#fff}.contact-actions a:first-child{background:var(--main);border-color:var(--main)}.contact-actions a:hover{background:var(--hover);border-color:var(--hover);color:#fff}
.contact-form-panel{padding:40px 44px}.contact-form-panel h2{color:var(--steel)}.contact-form-intro{margin-bottom:24px;color:#62717c;line-height:1.7}.contact-form-intro>:last-child{margin-bottom:0}.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.contact-field--full{grid-column:1/-1}
.contact-form-panel .f-item{margin:0}.contact-form-panel label{display:block;margin-bottom:7px;font-size:13px;font-weight:700;color:#344452}.contact-form-panel label em{font-style:normal;color:var(--hover)}.contact-form-panel input,.contact-form-panel textarea{display:block;width:100%;padding:11px 13px;background:#fff;border:1px solid #ccd7df;border-radius:4px;color:#263746;outline:0}.contact-form-panel input{height:46px}.contact-form-panel textarea{min-height:135px;resize:vertical}.contact-form-panel input:focus,.contact-form-panel textarea:focus{border-color:var(--main);box-shadow:0 0 0 3px rgb(7 84 154 / 10%)}.contact-form-panel label.error{margin:5px 0 0;font-size:12px;font-weight:500;color:#d43f2f}
.contact-submit{display:inline-flex;min-height:46px;padding:10px 20px;background:var(--main);border:1px solid var(--main);border-radius:4px;align-items:center;gap:10px;font-weight:700;color:#fff;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.contact-submit:hover{background:var(--hover);border-color:var(--hover);transform:translateY(-1px)}
#lh-result{font-size:15px;line-height:1.7}.contact-map{margin-top:42px}.contact-map__head{margin-bottom:17px}.contact-map__head span{display:block;margin-bottom:3px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--hover)}.contact-map__head h2{margin:0;font-family:Lexend,sans-serif;font-size:23px;font-weight:700;color:var(--steel)}.contact-map__frame{height:420px;overflow:hidden;border:1px solid #d7e0e6;border-radius:6px;background:#e9eef1}.contact-map__frame p{height:100%;margin:0}.contact-map__frame iframe{display:block;width:100%!important;height:100%!important;border:0}
@media(max-width:991px){.contact-layout{grid-template-columns:1fr}.contact-info,.contact-form-panel{padding:32px}.contact-map__frame{height:360px}}
@media(max-width:575px){.contact-page{padding:34px 0 48px}.contact-info,.contact-form-panel{padding:24px 20px}.contact-info h2,.contact-form-panel h2{font-size:21px}.contact-actions{flex-wrap:wrap}.contact-form-grid{grid-template-columns:1fr;gap:16px}.contact-field--full{grid-column:auto}.contact-submit{width:100%;justify-content:center}.contact-map{margin-top:30px}.contact-map__head h2{font-size:20px}.contact-map__frame{height:310px}}
@media(max-width:991px){.lhn{height:380px!important;background-attachment:scroll}.lhn-description{max-width:680px}}
@media(max-width:575px){.lhn{height:auto!important;min-height:360px;padding:50px 0}.lhn-brand{margin-bottom:10px;font-size:17px}.lhn-title{font-size:26px}.lhn-title:after{margin-top:13px}.lhn-description{margin:16px auto 21px;font-size:15px;line-height:1.65}.lhn-actions{gap:9px}.lhn-actions a{width:100%;max-width:240px;min-height:46px}}
.side-panel{margin-bottom:22px;overflow:hidden;background:#fff;border:1px solid #dce4ea;border-radius:6px;box-shadow:0 4px 14px rgb(20 42 62 / 7%)}
.side-panel .side-title{display:flex;min-height:49px;margin:0;padding:0 16px!important;background:var(--steel);border:0!important;align-items:center;gap:9px;font-family:Lexend,sans-serif;font-size:13px;font-weight:700;line-height:1.4;color:#fff!important}.side-panel .side-title i{font-size:13px;color:#ff7547}
.side-navigation .side-wrap{padding:7px 14px!important}.side-navigation ul{margin:0;padding:0;list-style:none}.side-navigation li+li{border-top:1px solid #e8edf1}.side-navigation li a{position:relative;display:flex;min-height:49px;padding:10px 4px!important;align-items:center;justify-content:space-between;gap:10px;font-size:14px;line-height:1.5;color:#344452;transition:padding .2s ease,color .2s ease}.side-navigation li a span{min-width:0}.side-navigation li a i{flex:0 0 auto;font-size:10px;color:#8b99a5;transition:color .2s ease,transform .2s ease}.side-navigation li a:hover,.side-navigation li.active a{padding-left:10px!important;color:var(--main)}.side-navigation li a:hover i,.side-navigation li.active a i{color:var(--hover);transform:translateX(2px)}.side-navigation li.active a:before{content:"";position:absolute;top:12px;bottom:12px;left:0;width:3px;background:var(--hover)}
.side-support__body{padding:22px 18px;text-align:center}.side-support__label{display:block;margin-bottom:5px;font-size:11px;font-weight:700;text-transform:uppercase;color:#7a8792}.side-support__phone{display:flex;margin-bottom:18px;align-items:center;justify-content:center;gap:9px;font-family:Lexend,sans-serif;font-size:19px;font-weight:700;color:var(--hover)}.side-support__phone i{font-size:14px}.side-support__phone:hover{color:var(--main)}
.side-support__socials{display:flex;margin-bottom:18px;justify-content:center;gap:9px}.side-support__socials a{display:grid;width:40px;height:40px;padding:5px;background:#f2f5f7;border:1px solid #e1e7ec;border-radius:50%;place-items:center;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.side-support__socials a:hover{background:#fff;border-color:var(--main);transform:translateY(-2px)}.side-support__socials img{display:block;width:28px!important;height:28px!important;border-radius:50%;object-fit:contain}
.side-support__email{display:flex;padding-top:16px;border-top:1px solid #e5eaee;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#43525f;overflow-wrap:anywhere}.side-support__email i{color:var(--main)}.side-support__email:hover{color:var(--hover)}
.detail-page{padding-bottom:68px;background:#f6f8fa}.detail-page>.container>.row{--bs-gutter-x:2rem}
.detail-article{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.detail-header{height:auto!important;margin:0 0 27px!important;padding:0 0 20px;border-bottom:1px solid #dce4e9}
.detail-kicker{display:block;margin-bottom:8px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--hover)}
.detail-header h1{margin:0 0 13px;font-family:Lexend,sans-serif;font-size:clamp(25px,2.5vw,34px);font-weight:700;line-height:1.35;letter-spacing:0;color:var(--steel)}
.detail-meta{display:flex;align-items:center;gap:7px;font-size:13px;color:#75828d}.detail-meta i{color:var(--main)}
.detail-content{font-size:16px;line-height:1.85;color:#34434f}.detail-content:after{content:"";display:block;clear:both}
.detail-content p{margin:0 0 18px}.detail-content>p:first-child{font-size:17px;color:#3c4b57}
.detail-content h2,.detail-content h3,.detail-content h4{position:relative;margin:32px 0 14px;font-family:Lexend,sans-serif;font-weight:700;line-height:1.45;color:var(--steel)}
.detail-content h2{padding-left:14px;font-size:24px}.detail-content h2:before{content:"";position:absolute;top:.25em;bottom:.2em;left:0;width:4px;background:var(--hover);border-radius:2px}.detail-content h3{font-size:20px}.detail-content h4{font-size:17px}
.detail-content a:not(.btn){color:var(--main);text-decoration:underline;text-decoration-color:rgb(7 84 154 / 30%);text-underline-offset:3px}.detail-content a:hover{color:var(--hover);text-decoration-color:var(--hover)}
.detail-content ul,.detail-content ol{margin:0 0 20px;padding-left:24px}.detail-content li{margin-bottom:7px;padding-left:3px}.detail-content li::marker{color:var(--main)}
.detail-content blockquote{position:relative;margin:25px 0;padding:20px 22px 20px 48px;background:#f3f7fa;border:0;border-left:4px solid var(--hover);border-radius:0 5px 5px 0;font-size:17px;font-style:italic;color:#40515e}.detail-content blockquote:before{content:"\201C";position:absolute;top:5px;left:15px;font-family:Georgia,serif;font-size:42px;line-height:1;color:var(--main)}.detail-content blockquote>:last-child{margin-bottom:0}
.detail-content img{display:block;max-width:100%;height:auto!important;margin:24px auto;border-radius:5px;box-shadow:0 5px 18px rgb(20 42 62 / 10%)}.detail-content figure{margin:25px 0}.detail-content figure img{margin-bottom:8px}.detail-content figcaption{text-align:center;font-size:13px;font-style:italic;color:#75828d}
.detail-content hr{margin:30px 0;border:0;border-top:1px solid #dce3e8;opacity:1}.detail-content .table{margin:22px 0;background:#fff;font-size:15px;vertical-align:middle}.detail-content .table th{background:#edf3f7;color:var(--steel)}
.detail-article>footer{margin-top:30px;padding-top:18px;border-top:1px solid #e0e6ea}.detail-article .main-share{display:flex;gap:7px}.detail-article .main-share>span{margin-right:4px;font-size:13px;font-weight:700;color:#566570}.detail-article .main-share button{display:grid;width:36px;height:36px;padding:0;background:#f0f4f7;border:1px solid #dce4e9;border-radius:50%;place-items:center;color:#536471;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.detail-article .main-share button:hover{background:var(--main);border-color:var(--main);color:#fff;transform:translateY(-2px)}.detail-article .main-share button i{width:auto;background:transparent;line-height:1}
.detail-page .main-toc{position:relative;margin:0 0 27px;padding:17px 52px 17px 19px;background:#f4f7f9;border:1px solid #dbe3e9;border-left:4px solid var(--main);border-radius:4px}.detail-page .main-toc-title{font-family:Lexend,sans-serif;font-size:16px;font-weight:700;color:var(--steel)}
.detail-page .main-toc-button{position:absolute;top:10px;right:10px;display:grid;width:38px;height:38px;padding:0;background:transparent;border:0;border-radius:4px;place-items:center;color:var(--main)}.detail-page .main-toc-button:hover{background:#e6edf3;color:var(--hover)}
.detail-page .main-toc-list{margin:13px 0 0;padding:13px 0 0 22px;border-top:1px solid #dce4e9}.detail-page .main-toc-list[hidden]{display:none!important}.detail-page .main-toc-list li{margin:5px 0;padding-left:4px;color:var(--main)}.detail-page .main-toc-list li::marker{font-weight:700}.detail-page .main-toc-list .toc-level-3{margin-left:15px}.detail-page .main-toc-list a{font-size:14px;line-height:1.6;color:#40515e}.detail-page .main-toc-list a:hover{color:var(--main)}
.detail-content h2[id],.detail-content h3[id]{scroll-margin-top:100px}
.product-detail-page .product-detail-content{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
@media(max-width:767px){.detail-page{padding-top:36px!important;padding-bottom:48px}.detail-article{padding:0}.detail-header h1{font-size:25px}.detail-content{font-size:15px;line-height:1.78}.detail-content>p:first-child{font-size:16px}.detail-content h2{margin-top:27px;padding-left:11px;font-size:21px}.detail-content h3{font-size:18px}.detail-content blockquote{padding:17px 17px 17px 40px;font-size:16px}.detail-content blockquote:before{left:11px}.detail-content img{margin:19px auto}.product-detail-page .product-detail-content{padding:0}}
#mobile-menu,
.mobile-menu-overlay {
    display: none;
}

@media (max-width: 1199.98px) {
    body.mobile-menu-open {
        overflow: hidden;
    }

    #mobile-menu.mobile-drawer {
        display: block;
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 100002;
        width: min(88vw, 360px);
        height: 100dvh;
        overflow-y: auto;
        background: #fff;
        box-shadow: 12px 0 32px rgba(10, 43, 78, .18);
        transform: translate3d(-105%, 0, 0);
        transition: transform .32s cubic-bezier(.22, .61, .36, 1);
        visibility: hidden;
    }

    #mobile-menu.mobile-drawer.is-open {
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    .mobile-drawer__header {
        min-height: 68px;
        padding: 0 16px 0 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #fff;
        background: #0755a5;
        border-bottom: 3px solid #f15a24;
    }

    .mobile-drawer__header strong { font-size: 16px; letter-spacing: 0; }
    .mobile-drawer__close {
        width: 42px;
        height: 42px;
        padding: 0;
        border: 0;
        color: #fff;
        background: transparent;
        font-size: 22px;
    }

    .mobile-drawer__search {
        position: relative;
        margin: 18px 18px 8px;
    }

    .mobile-drawer__search i {
        position: absolute;
        left: 14px;
        top: 50%;
        color: #718096;
        transform: translateY(-50%);
    }

    .mobile-drawer__search input {
        width: 100%;
        height: 44px;
        padding: 0 14px 0 40px;
        border: 1px solid #dbe3eb;
        border-radius: 5px;
        background: #f6f8fa;
        font-size: 15px;
        outline: 0;
    }

    #mobile-menu > ul { margin: 8px 0 24px; padding: 0 18px; list-style: none; }
    #mobile-menu li { position: relative; list-style: none; border-bottom: 1px solid #e5e9ee; }
    #mobile-menu li a {
        display: flex;
        min-height: 50px;
        padding: 13px 48px 13px 4px;
        align-items: center;
        color: #1c2d3f;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.45;
    }
    #mobile-menu li > a > i { display: none; }
    #mobile-menu li.active > a { color: #0755a5; }
    #mobile-menu li.active > a::before {
        content: '';
        width: 3px;
        height: 20px;
        margin-right: 9px;
        background: #f15a24;
    }

    #mobile-menu ul ul { margin: 0; padding: 0 0 8px 15px; }
    #mobile-menu ul ul li:last-child { border-bottom: 0; }
    #mobile-menu ul ul a { min-height: 43px; padding-top: 10px; padding-bottom: 10px; font-size: 14px; font-weight: 500; }
    .mobile-submenu-toggle {
        position: absolute;
        z-index: 1;
        top: 4px;
        right: 0;
        width: 42px;
        height: 42px;
        padding: 0;
        border: 0;
        color: #0755a5;
        background: transparent;
    }
    .mobile-submenu-toggle i { transition: transform .2s ease; }
    .mobile-submenu-toggle[aria-expanded="true"] i { transform: rotate(180deg); }
    .mobile-menu-empty { margin: 20px; color: #687789; font-size: 14px; }

    .mobile-menu-overlay {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 100001;
        border: 0;
        background: rgba(8, 27, 47, .5);
        opacity: 0;
        visibility: hidden;
        transition: opacity .25s ease, visibility .25s ease;
    }
    .mobile-menu-overlay.is-open { opacity: 1; visibility: visible; }
}