﻿@font-face{font-family:"lptech-font";src:url("https://zcard.vn/themes/frontend/assets/vendor/fonts/lptech-font.eot");src:url("https://zcard.vn/themes/frontend/assets/vendor/fonts/lptech-font.eot?#iefix") format("embedded-opentype"),url("https://zcard.vn/themes/frontend/assets/vendor/fonts/lptech-font.woff") format("woff"),url("https://zcard.vn/themes/frontend/assets/vendor/fonts/lptech-font.ttf") format("truetype"),url("https://zcard.vn/themes/frontend/assets/vendor/fonts/lptech-font.svg#lptech-font") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"Inter";src:url("https://zcard.vn/themes/frontend/assets//vendor/fonts/Inter-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("https://zcard.vn/themes/frontend/assets//vendor/fonts/Inter-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("https://zcard.vn/themes/frontend/assets//vendor/fonts/Inter-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("https://zcard.vn/themes/frontend/assets//vendor/fonts/Inter-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}*::-webkit-scrollbar{width:6px;background-color:transparent}*::-webkit-scrollbar-thumb{background-color:#ccc}*::-webkit-scrollbar-track{background-color:transparent}*::-webkit-scrollbar-corner{background-color:transparent}body{font-family:"Inter"}h1{font-size:26px}h2{font-size:24px}a{color:initial;text-decoration:none;transition:all .15s ease}a:hover{cursor:pointer;color:var(--gray)}img{max-width:100%;height:auto}button:focus,button:focus-visible,input:focus,input:focus-visible,textarea:focus,textarea:focus-visible,select:focus,select:focus-visible{box-shadow:none !important;outline:unset}button:-webkit-autofill,input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{transition:background-color 600000s 0s,color 600000s 0s}.reset-for-article img,.reset-for-article iframe,.reset-for-article video{max-width:100% !important;margin-bottom:10px}.reset-for-article img{display:block;margin:auto}.reset-for-article table{margin-bottom:16px;width:100% !important;border-collapse:collapse;border:1px solid #000}.reset-for-article table td{border:1px solid #000;padding:4px 8px}.reset-for-article ul,.reset-for-article ol{padding-left:24px}.reset-for-article ul li,.reset-for-article ol li{list-style-type:disc}.reset-for-article a{color:var(--bs-link-color);text-decoration:underline}.shadow-icon{box-shadow:0px 0px 1px 0px rgba(0,0,0,.15),0px 2px 2px 0px rgba(0,0,0,.13),0px 4px 3px 0px rgba(0,0,0,.08),0px 8px 3px 0px rgba(0,0,0,.02),0px 12px 3px 0px rgba(0,0,0,0)}.shadow-01{box-shadow:0px 1px 2px 0px #006FE60F,0px 1px 3px 0px #006FE61A}.shadow-02{box-shadow:0px 4px 6px -2px #0000000D,0px 10px 15px -3px #007AFF33}.shadow-bottom-lv1{box-shadow:0px 2px 6px 0px #006AF524}.shadow-pricing{box-shadow:0px 0px 1px 0px #0000001A,0px -2px 2px 0px #00000017,0px -4px 3px 0px #0000000D,0px -7px 3px 0px #00000003,0px -12px 3px 0px #00000000}.shadow-logo-effect{box-shadow:.47px 2.49px 3.88px 0px #00152B33,.47px .93px 8.39px 0px #266CB24D,0px .47px 3.11px 0px #00285133,1.01px -1.4px 3.11px 0px #5EAAF54D inset,-1.86px -0.78px 2.33px 0px #00256C29 inset,.62px .31px 3.11px 0px #BEE0FF59 inset}.shadow-inner{box-shadow:0px -1.17px 2.33px 0px #0000004D inset,0px .82px 3.73px 0px #FFFFFF26 inset}.backdrop-blur-16{backdrop-filter:blur(16px)}.backdrop-blur-24{backdrop-filter:blur(24px)}.cl-grey_50{color:#fafafa}.cl-grey_100{color:#f5f5f5}.cl-grey_200{color:#e5e5e5}.cl-grey_300{color:#d4d4d4}.cl-grey_400{color:#a3a3a3}.cl-grey_500{color:#737373}.cl-grey_600{color:#525252}.cl-grey_700{color:#404040}.cl-grey_800{color:#262626}.cl-grey_900{color:#171717}.cl-grey_950{color:#0a0a0a}.cl-brand_50{color:#f0f7ff}.cl-brand_200{color:#b8daff}.cl-brand_500{color:#007aff}.cl-brand_700{color:#0063cc}.cl-black_50{color:#0a0a0a0d}.cl-black_300{color:#0A0A0A4D}.cl-black_500{color:#0A0A0A80}.cl-black_800{color:#0a0a0acc}.cl-black_950{color:#0a0a0a}.cl-white_100{color:rgba(255,255,255,.1)}.cl-white_200{color:rgba(255,255,255,.2)}.cl-white_300{color:rgba(255,255,255,.3)}.cl-white_400{color:rgba(255,255,255,.4)}.cl-white_500{color:rgba(255,255,255,.5)}.cl-white_600{color:rgba(255,255,255,.6)}.cl-white_700{color:rgba(255,255,255,.7)}.cl-white_800{color:rgba(255,255,255,.8)}.cl-white_900{color:rgba(255,255,255,.9)}.cl-white_950{color:#fff}.cl-orange_500{color:#f97316}.bg-white_100{background-color:rgba(255,255,255,.1)}.bg-white_500{background-color:rgba(255,255,255,.5)}.bg-brand_50{background-color:#f0f7ff}.bg-brand_500{background-color:#007aff}.bg-black_500{background-color:#0A0A0A80}.bg-grey_50{background-color:#fafafa}.bg-grey_100{background-color:#f5f5f5}.bg-grey_300{background-color:#d4d4d4}.bg-grey_500{background-color:#737373}.bg-grey_700{background-color:#404040}.bg-grey_800{background-color:#262626}.bg-grey_950{background-color:#0a0a0a}.bg-handler{background-color:#e4e4e7 !important}.border-black_50{border-color:#0a0a0a0d}.py-6{padding-top:6px;padding-bottom:6px}.px-10{padding-left:10px;padding-right:10px}.px-12{padding-left:12px;padding-right:12px}.py-12{padding-top:12px;padding-bottom:12px}.py-20{padding-top:20px;padding-bottom:20px}.px-20{padding-left:20px;padding-right:20px}.mb-6{margin-bottom:6px}.p-0_5{padding:2px}.p-6{padding:6px}.p-10{padding:10px}.p-12{padding:12px}.p-32{padding:32px}.mb-10{margin-bottom:10px}.mb-12{margin-bottom:12px}.mt-18{margin-top:18px}@media(min-width: 992px){.mt-lg-18{margin-top:18px}}.m-20{margin:20px}.my-12{margin-top:12px;margin-bottom:12px}.my-32{margin-top:32px;margin-bottom:32px}.rounded-12{border-radius:12px}.rounded-24{border-radius:24px}.rounded-top-40{border-top-left-radius:40px;border-top-right-radius:40px}.border-2{border-width:2px !important;border-style:solid !important}.border-grey_200{border-color:#e5e5e5 !important}.border-grey_600{border-color:#525252 !important}.border-grey_700{border-color:#404040 !important}.border-grey_800{border-color:#262626 !important}.border-grey_950{border-color:#0a0a0a !important}.border-white_100{border-color:rgba(255,255,255,.1) !important}.border-white_200{border-color:rgba(255,255,255,.2) !important}.border-white_300{border-color:rgba(255,255,255,.3) !important}.border-white_500{border-color:rgba(255,255,255,.5) !important}.border-brand_100{border-color:#e0efff !important}.border-brand_500{border-color:#007aff !important}.max-w-68{max-width:68px}.w-6{width:6px}.h-6{height:6px}.w-10{width:10px}.h-10{height:10px}.gap-6{gap:6px}.gap-10{gap:10px}.gap-12{gap:12px}.hover-link{cursor:pointer;transition:all .15s ease}.hover-link:hover{color:#f97316 !important}.hover-brand{cursor:pointer;transition:all .2s ease}.hover-brand:hover{color:#007aff !important}.top-12{top:12px}.bg-linear-white_1-3{background:linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.3) 100%)}.bg-linear-grey_7-9{background:linear-gradient(180deg, #404040 0%, #0A0A0A 100%)}.bg-linear-grey_8-9{background:linear-gradient(180deg, #262626 0%, #0A0A0A 100%)}.blur-52{backdrop-filter:blur(52px)}.line-clamp-1{display:-webkit-box !important;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.line-clamp-2{display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.w-fit{width:fit-content}.last-border-b-0:last-child{border-bottom:0}.transition-03s{transition:all .3s ease}.text-linear_white{background:linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal{z-index:10001}.modal-backdrop{z-index:10000}.swal-overlay{z-index:10055}.offcanvas.offcanvas-bottom{height:fit-content !important}.offcanvas-backdrop{left:auto;right:50%;transform:translateX(50%)}.fancybox__container{z-index:10000}.max-w-8{max-width:32px}h1,.h1{font-size:44px;line-height:52px;font-weight:700}@media(max-width: 575px){h1,.h1{font-size:36px;line-height:30px}}@media(max-width: 424px){h1,.h1{font-size:28px;line-height:36px}}h2,.h2{font-size:32px;line-height:40px;font-weight:700}@media(max-width: 575px){h2,.h2{font-size:24px;line-height:32px}}@media(max-width: 424px){h2,.h2{font-size:20px;line-height:28px}}h3,.h3{font-size:28px;line-height:36px;font-weight:700}@media(max-width: 575px){h3,.h3{font-size:20px;line-height:28px}}h4,.h4{font-size:24px;line-height:32px;font-weight:600}@media(max-width: 575px){h4,.h4{font-size:18px;line-height:26px}}h5,.h5{font-size:20px;line-height:28px;font-weight:600}@media(max-width: 575px){h5,.h5{font-size:14px;line-height:22px}}h6,.h6{font-size:18px;line-height:26px;font-weight:600}@media(max-width: 575px){h6,.h6{font-size:12px;line-height:20px}}p{font-size:16px;line-height:22px;margin-bottom:0}p.xlarge{font-size:18px;line-height:26px;font-weight:500}ul{list-style:none;margin:0;padding:0}.text-headline{font-size:17px;line-height:22px;font-weight:600}.text-display{font-size:34px;line-height:38px;font-weight:700}@media(max-width: 575px){.text-display{font-size:26px;line-height:34px}}.text-body-1{font-size:16px;line-height:22px}.text-body-2{font-size:14px;line-height:18px}.text-title_1{font-size:22px;line-height:26px}.text-title_2{font-size:20px;line-height:24px}.text-title_3{font-size:18px;line-height:22px}@media(max-width: 991px){.text-title_3{font-size:16px;line-height:20px}}.text-sub_headline{font-size:15px;line-height:20px}.text-xs{font-size:11px;line-height:14px}.text-xxs{font-size:8px;line-height:10px}.text-caption{font-size:12px;line-height:16px}.hover-fill{transition:all .5s}.hover-fill:hover,.hover-fill:focus{cursor:pointer;box-shadow:inset 0 0 0 3em #e0efff;color:#007aff}.hover-fill-up{transition:all .3s;border:1px solid transparent}.hover-fill-up:hover,.hover-fill-up:focus{cursor:pointer;box-shadow:inset 0 -5em 0 0 #e0efff;color:#007aff !important}.article__item{border:1px solid #fafafa}.article__item__img{aspect-ratio:16/9;overflow:hidden;display:block}.article__item__img>img{transition:all .3s ease}.article__item__img>img:hover{transform:scale(1.2)}.article__item--title{min-height:44px;transition:all .3s ease}.article__item--title:hover{color:#007aff !important}.footer{background:#007aff url("https://zcard.vn/themes/frontend/assets/images/bg_blue.png") no-repeat center;background-size:cover;padding-top:32px}.footer__logo{aspect-ratio:164/71;max-width:164px}.footer__menu ul{display:grid;grid-template-columns:auto auto;gap:24px}@media(max-width: 360px){.footer__menu ul{grid-template-columns:auto}}.footer__menu ul li{font-size:16px;line-height:22px;font-weight:600;color:#fff}.footer__menu ul li a{color:#fff !important}.footer__menu ul li ul{display:block;margin-top:12px}.footer__menu ul li ul li{font-weight:400;margin-bottom:12px;transition:all .15s ease}.footer__menu ul li ul li:hover a{color:#f97316 !important}.footer__qr{aspect-ratio:1/1;max-width:196px}.header{z-index:9999;position:sticky;position:-webkit-sticky;top:0;background:#fff;transition:all .5s}.header__logo{width:40px}.header .navbar:has(.navbar-menu .btn-mobile-menu.collapsed) .navbar-collapse{transition:background-color 250ms linear}@media(max-width: 991px){.header .navbar-body{max-height:100%;overflow-y:scroll}}.header .navbar-collapse{flex-grow:unset}@media(min-width: 992px){.header .navbar-collapse:hover .navbar-nav>li>.navbar-nav__item>a{color:#0a0a0a}.header .navbar-collapse>*{display:flex;align-items:center;flex:1 1 auto}}@media(max-width: 991px){.header .navbar-collapse{position:fixed;top:64px;right:0;width:100%;height:calc(100dvh - 64px);background-color:transparent}.header .navbar-collapse>div{display:flex;flex-direction:column;margin-left:auto;max-width:350px;width:100%;height:100%;background-color:#fff;transform:translateX(100%);transition:transform 250ms linear;overflow-y:auto}.header .navbar-collapse.collapsing{transition:height 0s linear}.header .navbar-collapse.show{background-color:rgba(0,0,0,.4);transition:background-color 250ms linear}.header .navbar-collapse.show>*{transform:translateX(0)}}.header #marker{position:absolute;bottom:calc(0% - 22px);transition:.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);height:4px;background-color:#007aff;border-radius:999px}@media(max-width: 991px){.header #marker{display:none}}.header .navbar-nav li{position:relative;transition:all .35s ease}.header .navbar-nav li ul{padding-left:16px}.header .navbar-nav li .navbar-nav__item{display:flex;justify-content:space-between;align-items:center;font-size:16px;line-height:22px;font-weight:600;white-space:nowrap;border-radius:8px;transition:all .35s ease}.header .navbar-nav li .navbar-nav__item .icon-expand{display:block;margin-bottom:2px;width:10px;height:10px;position:relative}.header .navbar-nav li .navbar-nav__item .icon-expand::before,.header .navbar-nav li .navbar-nav__item .icon-expand::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:1px;background-color:#0a0a0a;transition:all .15s ease}.header .navbar-nav li .navbar-nav__item .icon-expand::before{width:calc(100% - 2px);height:2px}.header .navbar-nav li .navbar-nav__item .icon-expand::after{width:2px;height:calc(100% - 2px)}.header .navbar-nav li .navbar-nav__item a{padding:8px 16px;color:#0a0a0a;transition:all .35s}.header .navbar-nav li .navbar-nav__item a:first-child{flex-grow:1}.header .navbar-nav li .navbar-nav__item a[aria-expanded=true] .icon-expand::after{height:0%}.header .navbar-nav li .navbar-nav__item:hover a{color:#007aff}.header .navbar-nav li .navbar-nav__item:hover .icon-expand::after,.header .navbar-nav li .navbar-nav__item:hover .icon-expand::before{background-color:#007aff}.header .navbar-nav>li>.navbar-nav__item{font-weight:600}.header .navbar-nav>li>ul>li>.navbar-nav__item{font-weight:500;text-transform:capitalize}.header .navbar-nav>li>ul>li>ul>li>ul>li a:first-child{color:#8c8c8c !important}.header .navbar-nav>li>ul>li>ul>li>ul>li a:first-child::before{content:"•";font-size:16px;margin:0 4px}.header .navbar-nav>li>ul>li>ul>li>ul>li:hover a{color:#007aff !important}@media(min-width: 992px){.header .navbar-nav>li.active>.navbar-nav__item a{color:#007aff}.header .navbar-nav>li:hover>.navbar-nav__item a{color:#007aff !important}.header .navbar-nav>li:hover>ul{display:flex}.header .navbar-nav>li:hover>ul:not(:has(>li>ul)){display:list-item}.header .navbar-nav>li>.navbar-nav__item{gap:4px;padding:0 12px}.header .navbar-nav>li>.navbar-nav__item>a[role=button]{pointer-events:none}.header .navbar-nav>li>.navbar-nav__item a{padding:0}.header .navbar-nav>li ul{padding-left:0}.header .navbar-nav>li>ul{position:absolute;top:calc(100% + 35px);left:50%;transform:translateX(-50%);min-width:200px;background-color:#fff;border:1px solid #007aff;border-radius:16px;display:none;column-gap:24px}.header .navbar-nav>li>ul:has(>li>ul){position:fixed;top:calc(0% + 80px);left:50%;transform:translateX(-50%);padding:32px;width:calc(100% - 24px);max-height:calc(100vh - 118px)}.header .navbar-nav>li>ul:has(>li>ul) .navbar-nav__item{white-space:normal}.header .navbar-nav>li>ul:has(>li>ul) .navbar-nav__item a{display:-webkit-box !important;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.header .navbar-nav>li>ul:has(>li>ul)>li{flex:1;border-radius:8px;max-height:100%;overflow-y:scroll}.header .navbar-nav>li>ul:has(>li>ul)>li::-webkit-scrollbar{display:none}.header .navbar-nav>li>ul:has(>li>ul)>li>.navbar-nav__item{font-size:20px;line-height:28px;font-weight:600}.header .navbar-nav>li>ul:has(>li>ul)>li>.navbar-nav__item>a{padding:0}.header .navbar-nav>li>ul:has(>li>ul)>li>.navbar-nav__item>a[role=button]{display:none !important}.header .navbar-nav>li>ul:has(>li>ul)>li>ul{margin-top:8px}.header .navbar-nav>li>ul:has(>li>ul)>li>ul li{margin-bottom:4px}.header .navbar-nav>li>ul:has(>li>ul)>li>ul li:last-child{margin-bottom:0}.header .navbar-nav>li>ul:has(>li>ul)>li>ul li>.navbar-nav__item>a{padding:2px 8px}.header .navbar-nav>li>ul:has(>li>ul)>li>ul>li>.navbar-nav__item{font-size:16px;line-height:24px}.header .navbar-nav>li>ul:has(>li>ul)>li>ul>li:hover>.navbar-nav__item{background-color:#007aff}.header .navbar-nav>li>ul:has(>li>ul)>li>ul>li:hover>.navbar-nav__item>a{color:rgba(255,255,255,.9)}.header .navbar-nav>li>ul:has(>li>ul)>li>ul>li>ul{margin-top:4px}.header .navbar-nav>li>ul::before{content:"";position:absolute;left:0;bottom:100%;width:100%;height:36px;background-color:transparent}}.btn-mobile-menu{padding:0;border:none;width:22px;height:22px;position:relative}.btn-mobile-menu[aria-expanded=true]>div:nth-child(2),.btn-mobile-menu[aria-expanded=true]>div:nth-child(3){opacity:0}.btn-mobile-menu[aria-expanded=true]>div:nth-child(1),.btn-mobile-menu[aria-expanded=true]>div:nth-child(4){width:2px;height:100%;transition-delay:.45s}.btn-mobile-menu[aria-expanded=true]>div:nth-child(1){transform:rotate(-45deg) translateY(3px);transform-origin:top}.btn-mobile-menu[aria-expanded=true]>div:nth-child(4){transform:rotate(45deg) translateY(3px);transform-origin:top}.btn-mobile-menu>div{position:absolute;width:calc(50% - 1px);height:calc(50% - 1px);background-color:#007aff;border-radius:4px;transition:all .35s ease;opacity:1}.btn-mobile-menu>div:nth-child(1){top:0;left:0;transform:rotate(0deg)}.btn-mobile-menu>div:nth-child(2){top:0;right:0;transform:rotate(45deg)}.btn-mobile-menu>div:nth-child(3){bottom:0;left:0;transform:rotate(0deg)}.btn-mobile-menu>div:nth-child(4){bottom:0;right:0;transform:rotate(0deg)}nav:has(.pagination){display:flex;justify-content:center;align-items:center}nav:has(.pagination) .pagination{flex-wrap:wrap}nav:has(.pagination) .pagination .page-link{margin:0;padding:0;gap:8px;color:#262626;width:auto;height:auto;border:none}nav:has(.pagination) .pagination .page-item.active .page-link{color:#fcfcfc !important;background-color:#007aff !important}nav:has(.pagination) .pagination .page-item:hover .page-link{color:#fcfcfc;background-color:#007aff}nav:has(.pagination) .paging-mobile{margin:0 32px;color:#0f0f0f;font-weight:600}nav:has(.pagination) .paging-mobile span:last-child{color:#007aff}nav:has(.pagination) .page-item>.page-link,nav:has(.pagination) .btn-nav{margin:0px 4px;display:flex;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;line-height:24px;color:#262626;background-color:transparent;border:1px solid #eeefef;border-radius:8px;transition:.3s}nav:has(.pagination) .page-item>.page-link:focus,nav:has(.pagination) .btn-nav:focus{box-shadow:none}nav:has(.pagination) .btn-nav.page-prev{transform:rotate(-90deg)}nav:has(.pagination) .btn-nav.page-next{transform:rotate(90deg)}nav:has(.pagination) .btn-nav i{display:inline-flex;align-items:center;font-size:1rem}nav:has(.pagination) .btn-nav:hover{color:#fcfcfc;background-color:#007aff !important}@media(max-width: 575px){nav:has(.pagination)[aria-label=pagination] .pagination{display:none}}nav:has(.pagination)[aria-label=pagination] .paging-mobile{display:none}@media(max-width: 575px){nav:has(.pagination)[aria-label=pagination] .paging-mobile{display:block}}.glitch{position:relative;font-size:80px;font-weight:700;line-height:1.2;color:#000;letter-spacing:5px;animation:shift 4s ease-in-out infinite alternate;z-index:1}.glitch-wrapper{width:100%;height:calc(100vh - 156px);display:flex;align-items:center;justify-content:center;text-align:center}.glitch::before{content:attr(data-glitch);position:absolute;top:0;left:-2px;text-shadow:-1px 0 aqua;width:100%;color:#000;background-color:#fff;overflow:hidden;clip:rect(0, 900px, 0, 0);animation:noise-before 3s infinite linear alternate-reverse}.glitch::after{content:attr(data-glitch);position:absolute;top:0;left:2px;text-shadow:1px 0 #f0f;width:100%;color:#000;background-color:#fff;overflow:hidden;clip:rect(0, 900px, 0, 0);animation:noise-after 2s infinite linear alternate-reverse}@keyframes noise-before{0%{clip:rect(61px, 9999px, 52px, 0)}5%{clip:rect(33px, 9999px, 144px, 0)}10%{clip:rect(121px, 9999px, 115px, 0)}15%{clip:rect(144px, 9999px, 162px, 0)}20%{clip:rect(62px, 9999px, 180px, 0)}25%{clip:rect(34px, 9999px, 42px, 0)}30%{clip:rect(147px, 9999px, 179px, 0)}35%{clip:rect(99px, 9999px, 63px, 0)}40%{clip:rect(188px, 9999px, 122px, 0)}45%{clip:rect(154px, 9999px, 14px, 0)}50%{clip:rect(63px, 9999px, 37px, 0)}55%{clip:rect(161px, 9999px, 147px, 0)}60%{clip:rect(109px, 9999px, 175px, 0)}65%{clip:rect(157px, 9999px, 88px, 0)}70%{clip:rect(173px, 9999px, 131px, 0)}75%{clip:rect(62px, 9999px, 70px, 0)}80%{clip:rect(24px, 9999px, 153px, 0)}85%{clip:rect(138px, 9999px, 40px, 0)}90%{clip:rect(79px, 9999px, 136px, 0)}95%{clip:rect(25px, 9999px, 34px, 0)}100%{clip:rect(173px, 9999px, 166px, 0)}}@keyframes noise-after{0%{clip:rect(26px, 9999px, 33px, 0)}5%{clip:rect(140px, 9999px, 198px, 0)}10%{clip:rect(184px, 9999px, 89px, 0)}15%{clip:rect(121px, 9999px, 6px, 0)}20%{clip:rect(181px, 9999px, 99px, 0)}25%{clip:rect(154px, 9999px, 133px, 0)}30%{clip:rect(134px, 9999px, 169px, 0)}35%{clip:rect(26px, 9999px, 187px, 0)}40%{clip:rect(147px, 9999px, 137px, 0)}45%{clip:rect(31px, 9999px, 52px, 0)}50%{clip:rect(191px, 9999px, 109px, 0)}55%{clip:rect(74px, 9999px, 54px, 0)}60%{clip:rect(145px, 9999px, 75px, 0)}65%{clip:rect(153px, 9999px, 198px, 0)}70%{clip:rect(99px, 9999px, 136px, 0)}75%{clip:rect(118px, 9999px, 192px, 0)}80%{clip:rect(1px, 9999px, 83px, 0)}85%{clip:rect(145px, 9999px, 98px, 0)}90%{clip:rect(121px, 9999px, 154px, 0)}95%{clip:rect(156px, 9999px, 44px, 0)}100%{clip:rect(67px, 9999px, 122px, 0)}}@keyframes shift{0%,40%,44%,58%,61%,65%,69%,73%,100%{transform:skewX(0deg)}41%{transform:skewX(10deg)}42%{transform:skewX(-10deg)}59%{transform:skewX(40deg) skewY(10deg)}60%{transform:skewX(-40deg) skewY(-10deg)}63%{transform:skewX(10deg) skewY(-5deg)}70%{transform:skewX(-50deg) skewY(-20deg)}71%{transform:skewX(10deg) skewY(-10deg)}}.article-detail__content h1,.article-detail__content h2,.article-detail__content h3,.article-detail__content h4,.article-detail__content h5,.article-detail__content h6{color:#262626;margin-bottom:0}.article-detail__content h1:not(:first-child),.article-detail__content h2:not(:first-child),.article-detail__content h3:not(:first-child),.article-detail__content h4:not(:first-child),.article-detail__content h5:not(:first-child),.article-detail__content h6:not(:first-child){margin-top:16px}.article-detail__content p{color:#404040;margin-top:16px}.article-detail__content img{border-radius:8px}.article-detail__content img:not(:first-child){margin:24px auto}.article-detail__content ul:not(:first-child){margin-top:16px}.article-detail__content ul li{color:#404040}.article-detail__content ul li:not(:last-child){margin-bottom:10px}@media(max-width: 991px){.article-featured{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:16px}}@media(max-width: 767px){.article-featured{display:grid;grid-template-columns:repeat(1, 1fr)}}.article-featured__item{padding-bottom:8px;border-bottom:1px solid #e5e5e5}@media(min-width: 992px){.article-featured__item:last-child{border-bottom:none;padding-bottom:0}}@media(max-width: 767px){.article-featured__item:last-child{border-bottom:none;padding-bottom:0}}.article-featured__item__img{display:block;aspect-ratio:1;max-width:100px;overflow:hidden}.article-featured__item__img:hover img{transform:scale(1.1)}.article-featured__item__img img{transition:all .3s ease}.default-dark__container{height:100vh;overflow:auto}.default-dark__container::-webkit-scrollbar{width:2px}.default-dark__banner{aspect-ratio:428/321;max-height:321px;width:100%;position:sticky;top:0}.default-dark__banner::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.2);z-index:1}.default-dark__main{background:linear-gradient(180deg, #0a0a0a99 0%, #0A0A0A 100%);top:300px;min-height:calc(100vh - 300px);width:100%}.default-dark__main--handler{content:"";width:64px;height:6px;border-radius:999px;background-color:rgba(255,255,255,.5)}.default-dark__main__avatar{aspect-ratio:1;max-width:80px}.default-dark__main__article ul{display:flex;flex-wrap:wrap;gap:4px;padding-left:0}.default-dark__main__article ul li{list-style-type:none;padding:3px 8px;color:#737373;border:1px solid rgba(255,255,255,.1);border-radius:8px;background-color:#262626;font-size:12px;line-height:16px;font-weight:500;display:-webkit-box !important;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.default-dark__main__social__item{aspect-ratio:1;max-width:48px;flex-shrink:0;position:relative}.default-dark__main__social__item:hover{cursor:pointer}.default-dark__main__social__item:hover img{transform:scale(1.1)}.default-dark__main__social__item img{transition:all .3s ease}.default-dark__main__social__item::after{position:absolute;content:"";top:50%;right:-12px;width:2px;height:24px;background-color:rgba(255,255,255,.1);border-radius:999px;transform:translate(50%, -50%)}.default-dark__main__social__item:last-child::after{display:none}.default-dark__main__service__item{transition:all .3s}.default-dark__main__service__item:hover{cursor:pointer;background-color:#525252}.default-dark__main__service__item:hover .default-dark__main__service__item--title{color:rgba(255,255,255,.4) !important}.default-dark__main__service__item:hover .default-dark__main__service__item__icon{background-color:rgba(255,255,255,.2) !important}.default-dark__main__service__item:hover .default-dark__main__service__item--description{color:rgba(255,255,255,.3) !important}.default-dark__main__service__item--title{margin-bottom:2px}.default-dark__main__service__contact-img{aspect-ratio:1;max-width:24px;transform:rotate(-6deg)}.default-dark__main__service__content>*{margin-top:16px}.default-dark__main__service__content h1,.default-dark__main__service__content h2,.default-dark__main__service__content h3,.default-dark__main__service__content h4,.default-dark__main__service__content h5,.default-dark__main__service__content h6{margin-top:16px;color:rgba(255,255,255,.5)}.default-dark__main__service__content p{font-size:14px;line-height:18px;color:rgba(255,255,255,.5);margin-top:16px}.default-dark__main__service__content img{border-radius:12px;margin-top:16px}.default-dark__main__service__content figcaption{font-size:12px;line-height:16px;color:rgba(255,255,255,.4);margin-top:8px;text-align:center}.default-dark__main__service__content ul{list-style-type:disc;padding-left:24px;margin-top:16px}.default-dark__main__service__content ul li{font-size:14px;line-height:18px;font-weight:500;color:rgba(255,255,255,.5)}.default-dark__main__service__content ul li:not(:first-child){margin-top:10px}.default-dark__modal__map iframe{min-height:320px}.default-dark__modal__service article{height:calc(90vh - 156px);overflow:auto}.default-dark__modal__service article::-webkit-scrollbar{display:none}.default-dark__modal__share__top{padding:2px;background-color:#0a0a0a;border:1px solid rgba(255,255,255,.1);border-radius:10px}.default-dark__modal__share__top--title{position:relative;z-index:1;padding:6px !important;transition:all .3s ease}.default-dark__modal__share__top--title.active{background-color:#404040 !important;box-shadow:0px 12px 42px -4px #18274B1F,0px 8px 18px -6px #18274B1F;color:rgba(255,255,255,.6);border-radius:8px}.default-dark__modal__share__top--title:hover{background-color:#404040 !important;box-shadow:0px 12px 42px -4px #18274B1F,0px 8px 18px -6px #18274B1F;border-radius:8px}.default-dark__modal__share__body__img{position:relative}@keyframes x{to{transform:translateX(-100%);left:100%}}@keyframes y{33%{clip-path:inset(0 0 0 -100px)}50%{clip-path:inset(0 0 0 0)}83%{clip-path:inset(0 -100px 0 0)}}.default-dark__modal__share__body__img::before{content:"";position:absolute;top:0;bottom:0;left:0;width:20px;background:#ed00001c;box-shadow:0 0 70px 20px #ff8d8d;clip-path:inset(0);animation:x .5s ease-in-out infinite alternate,y 1s ease-in-out infinite}.default-dark__modal__share__body__divide::before{content:"";position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);width:100%;height:1px;background-color:rgba(255,255,255,.2);z-index:0}.home__hero{padding-top:112px;background:#f5f5f5 url("https://zcard.vn/themes/frontend/assets/images/hero/bg.png") center no-repeat;background-size:cover}@media(max-width: 767px){.home__hero{padding-top:60px}}.home__introduce{padding-top:32px;background:linear-gradient(180deg, white 0%, #F5F5F5 100%)}@media(max-width: 767px){.home__introduce{padding-top:24px}}.home__introduce--box-chat{position:absolute;top:0;left:0;transform:translate(-75%, -20%)}@media(max-width: 767px){.home__introduce--box-chat{transform:translate(-15%, -20%)}}@media(max-width: 767px){.home__introduce--box-chat{display:none}}.home__introduce--content-chat{position:absolute;top:0;right:0;transform:translateX(-50%);z-index:5}.home__introduce--content-chat>p{padding:10px;border:2px solid #fff;background-color:rgba(255,255,255,.6);backdrop-filter:blur(24px);max-width:230px;border-radius:16px}@media(max-width: 767px){.home__introduce--content-chat{display:none}}.home__introduce--logoApp{position:absolute;top:50%;right:0;transform:translateY(-50%);aspect-ratio:1;max-width:312px;z-index:0}@media(max-width: 767px){.home__introduce--logoApp{transform:translate(50%, -50%)}}@media(max-width: 1199px){.home__introduce--logoApp{transform:translate(50%, -50%)}}.home__introduce--logoZalo{position:absolute;bottom:0;right:0;transform:translateX(30%);aspect-ratio:1;max-width:88px}@media(max-width: 767px){.home__introduce--logoZalo{right:auto;left:0;bottom:auto;top:0;transform:translateX(-25%)}}.home__banner{padding-top:72px;padding-bottom:72px}@media(max-width: 767px){.home__banner{padding-top:36px;padding-bottom:36px}}.home__banner__main{margin-top:40px}.home__banner__main .swiper-slide{height:auto}.home__banner__main .swiper-slide>*{height:100%}.home__banner__main .swiper-slide>img{box-shadow:0px 1.44px 2.89px 0px #006FE60F,0px 1.44px 4.33px 0px #006FE61A;border:2px solid #e0efff;border-radius:20px;width:100%;object-fit:cover}.home__card{padding-bottom:80px;padding-top:80px;background:linear-gradient(180deg, white 0%, #F5F5F5 100%)}@media(max-width: 767px){.home__card{padding-top:40px;padding-bottom:40px}}.home__card__slider{aspect-ratio:342/482;max-width:342px}.home__card__slider--blockTop{width:38px;height:12px;background-color:#262626;position:absolute;top:0;left:50%;transform:translateX(-50%)}.home__card__slider__info{padding-bottom:40px;background:linear-gradient(180deg, transparent 0%, #0A0A0A 100%)}.home__card__slider__info__top{display:flex;gap:12px;align-items:center;border-bottom:2px solid rgba(255,255,255,.1)}.home__card__slider__info__top__logo{aspect-ratio:1;max-width:32px;border:2px solid #fff;border-radius:999px}.home__price-list{padding-top:60px;padding-bottom:60px;background:#007aff url("https://zcard.vn/themes/frontend/assets/images/bg_blue.png") no-repeat center;background-size:cover}.home__price-list .swiper-slide{height:auto}.home__price-list .swiper-slide>*{height:100%}@media(max-width: 767px){.home__price-list{padding-top:32px;padding-bottom:32px}}.home__price-list__item+.active,.home__price-list__item:nth-child(even){background:#007aff url("https://zcard.vn/themes/frontend/assets/images/card/bg_item.png") center no-repeat !important;background-size:cover !important;border:2px solid rgba(255,255,255,.4);box-shadow:0px 1px 2px 0px #006FE60F,0px 1px 3px 0px #006FE61A}.home__price-list__item+.active p,.home__price-list__item:nth-child(even) p{color:#fff !important}.home__price-list__item__description{padding-top:12px;padding-left:12px;padding-bottom:16px;background-color:#fff;border:1px solid #e5e5e5}.home__price-list__item__description article ul{list-style-type:disc;list-style-position:inside;padding-left:0}.home__price-list__item__description article ul li{font-size:14px;line-height:18px;font-weight:500;color:#262626;padding-bottom:16px;padding-left:8px;border-bottom:1px solid #e5e5e5}.home__price-list__item__description article ul li:not(:last-child){margin-bottom:16px}.home__article{padding:80px 0}@media(max-width: 767px){.home__article{padding:40px 0}}.home__article--bg{width:1264px;height:1264px;transform:translate(-50%, -75%)}.home__contact{padding-top:80px;padding-bottom:66px;background:#f5f5f5 url("https://zcard.vn/themes/frontend/assets/images/contact/bg_contact.png") center no-repeat;background-size:cover}@media(max-width: 767px){.home__contact{padding-top:40px;padding-bottom:32px}}.home__contact__img{aspect-ratio:20/10}.home__contact__form{margin-bottom:12px}.home__contact__form--label{font-size:14px;line-height:21px;font-weight:600;color:#262626}.home__contact__form--input{border-radius:12px;border:1px solid #e5e5e5;font-size:16px;line-height:24px;color:#525252}.home__contact__form--input::placeholder{color:#1717174D}.home__contact__form textarea{min-height:115px}.profile__container{height:100vh;overflow:auto}.profile__container::-webkit-scrollbar{width:2px}.profile__banner{aspect-ratio:428/321;max-height:321px;width:100%;position:sticky;top:0}.profile__banner::after{content:"";position:absolute;width:100%;height:120px;bottom:0;left:0;right:0;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);z-index:1}.profile__main{background:linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, #FAFAFA 100%);top:250px;min-height:calc(100vh - 250px);width:100%}.profile__main--handler{content:"";width:64px;height:6px;border-radius:999px;background-color:rgba(255,255,255,.5)}.profile__main__avatar{aspect-ratio:1;max-width:80px}.profile__main__article ul{display:flex;flex-wrap:wrap;gap:4px;padding-left:0}.profile__main__article ul li{list-style-type:none;padding:3px 8px;color:#737373;border:1px solid #f0f7ff;border-radius:8px;background-color:#fff;font-size:12px;line-height:16px;font-weight:500;display:-webkit-box !important;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.profile__main__social__item{aspect-ratio:1;max-width:48px;flex-shrink:0;position:relative}.profile__main__social__item:hover{cursor:pointer}.profile__main__social__item:hover img{transform:scale(1.1)}.profile__main__social__item img{transition:all .3s ease}.profile__main__social__item::after{position:absolute;content:"";top:50%;right:-12px;width:2px;height:24px;background-color:#e5e5e5;border-radius:999px;transform:translate(50%, -50%)}.profile__main__social__item:last-child::after{display:none}.profile__main__service__item{transition:all .3s}.profile__main__service__item:hover{cursor:pointer;background-color:#e5e5e5}.profile__main__service__item:hover .profile__main__service__item--title{color:#0a0a0a !important}.profile__main__service__item:hover .profile__main__service__item__icon{background-color:rgba(255,255,255,.6) !important}.profile__main__service__item--title{margin-bottom:2px}.profile__main__service__contact-img{aspect-ratio:1;max-width:24px;transform:rotate(-6deg)}.profile__main__service__content>*{margin-top:16px}.profile__main__service__content h1,.profile__main__service__content h2,.profile__main__service__content h3,.profile__main__service__content h4,.profile__main__service__content h5,.profile__main__service__content h6{margin-top:16px;color:#262626}.profile__main__service__content p{font-size:14px;line-height:18px;color:#404040;margin-top:16px}.profile__main__service__content img{border-radius:12px;margin-top:16px}.profile__main__service__content figcaption{font-size:12px;line-height:16px;color:#737373;margin-top:8px;text-align:center}.profile__main__service__content ul{list-style-type:disc;padding-left:24px;margin-top:16px}.profile__main__service__content ul li{font-size:14px;line-height:18px;font-weight:500;color:#404040}.profile__main__service__content ul li:not(:first-child){margin-top:10px}.profile__modal__map iframe{min-height:320px}.profile__modal__service article{height:calc(90vh - 156px);overflow:auto}.profile__modal__service article::-webkit-scrollbar{display:none}.profile__modal__share__top{padding:2px;background-color:#f5f5f5;border-radius:10px}.profile__modal__share__top--title{position:relative;z-index:1;padding:6px !important;transition:all .3s ease}.profile__modal__share__top--title.active{background-color:#fff !important;box-shadow:0px 12px 42px -4px #18274B1F,0px 8px 18px -6px #18274B1F;color:#007aff;border-radius:8px}.profile__modal__share__top--title:hover{background-color:#fff !important;box-shadow:0px 12px 42px -4px #18274B1F,0px 8px 18px -6px #18274B1F;border-radius:8px}.profile__modal__share__body__img{position:relative}@keyframes x{to{transform:translateX(-100%);left:100%}}@keyframes y{33%{clip-path:inset(0 0 0 -100px)}50%{clip-path:inset(0 0 0 0)}83%{clip-path:inset(0 -100px 0 0)}}.profile__modal__share__body__img::before{content:"";position:absolute;top:0;bottom:0;left:0;width:20px;background:#ed00001c;box-shadow:0 0 70px 20px #ff8d8d;clip-path:inset(0);animation:x .5s ease-in-out infinite alternate,y 1s ease-in-out infinite}.profile__modal__share__body__divide::before{content:"";position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);width:100%;height:1px;background-color:#d4d4d4;z-index:0}.template__keywords{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}.template__keywords li{font-size:12px;line-height:16px;font-weight:500;padding:3px 8px;border-radius:8px;box-shadow:0px 0px 1px 0px rgba(0,0,0,.15),0px 2px 2px 0px rgba(0,0,0,.13),0px 4px 3px 0px rgba(0,0,0,.08),0px 8px 3px 0px rgba(0,0,0,.02),0px 12px 3px 0px rgba(0,0,0,0);border:1px solid #e5e5e5;display:-webkit-box !important;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.template__contact__main>div:last-child{margin-bottom:0}.template__contact__main>div:last-child>div{border-bottom:0}.template-A__main{position:absolute;top:450px;min-height:calc(100vh - 450px);width:100%}.template-A__avatar{aspect-ratio:428/571;height:571px}.template-A__keywords{background-color:#fff;color:#737373}.template-A__contact{background-color:#e5e5e5}.template-A__contact--bullet{background-color:#d4d4d4}.template-A__contact__main{background-color:#fff}.template-A__contact__main i{background-color:#fff;border:1px solid #e5e5e5}.template-A__contact__main__item{padding-bottom:12px;border-bottom:1px solid #e5e5e5}.template-A__contact__main__item--title{margin-bottom:2px;color:#262626}.template-A__contact__main__item--description{color:#737373}.template-A__company{color:#262626}.template-A__service{background-color:#e5e5e5}.template-A__service__main{background-color:#fff}.template-A__service__main__item{border:1px solid #e5e5e5;transition:all .3s}.template-A__service__main__item:hover{background-color:#e5e5e5}.template-A__service__main__item:hover i{background-color:#fff}.template-A__service__main__item--title{color:#262626;margin-bottom:2px}.template-A__service__main__item--description{color:#737373}.template__bottom-light{border:1px solid #e5e5e5;background-color:#f5f5f5}.template__bottom-light--send{background-color:#007aff;color:#fff}.template__bottom-light--share{background-color:#fff;color:#007aff;border:1px solid #007aff}.template__bottom-light--share:hover{background-color:#e0efff}/*# sourceMappingURL=style.css.map */
