custom-dropdown:not(:defined), custom-drawer:not(:defined){visibility: hidden}html{line-height: 1.15;-webkit-text-size-adjust: 100%}body{margin: 0}main{display: block}h1{font-size: 2em;margin: 0.67em 0}hr{box-sizing: content-box;height: 0;overflow: visible}pre{font-family: monospace, monospace;font-size: 1em}a{background-color: transparent}abbr[title]{border-bottom: none;text-decoration: underline;text-decoration: underline dotted}b, strong{font-weight: bolder}code, kbd, samp{font-family: monospace, monospace;font-size: 1em}small{font-size: 80%}sub, sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}sub{bottom: -0.25em}sup{top: -0.5em}img{border-style: none}button, input, optgroup, select, textarea{font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0}button, input{overflow: visible}button{cursor: pointer;border: none;background: none;padding: 0;margin: 0;font-size: 100%;font: inherit;vertical-align: baseline}button, select{text-transform: none}button, [type="button"], [type="reset"], [type="submit"]{-webkit-appearance: button}button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner{border-style: none;padding: 0}button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring{outline: 1px dotted ButtonText}fieldset{padding: 0.35em 0.75em 0.625em}legend{box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal}progress{vertical-align: baseline}textarea{overflow: auto}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block}body{line-height: 1}ol, ul{list-style: none}blockquote, q{quotes: none}blockquote:before, blockquote:after, q:before, q:after{content: "";content: none}table{border-collapse: collapse;border-spacing: 0}[type="checkbox"], [type="radio"]{box-sizing: border-box;padding: 0}[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button{height: auto}[type="search"]{-webkit-appearance: textfield;outline-offset: -2px}[type="search"]::-webkit-search-decoration{-webkit-appearance: none}::-webkit-file-upload-button{-webkit-appearance: button;font: inherit}details{display: block}summary{display: list-item}template{display: none}[hidden]{display: none}::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field{padding: 0}::-webkit-inner-spin-button{height: auto}[type="search"]{-webkit-appearance: textfield;outline-offset: -2px}::-webkit-search-decoration{-webkit-appearance: none}::-webkit-color-swatch-wrapper{padding: 0}::-webkit-file-upload-button{font: inherit;-webkit-appearance: button}::file-selector-button{font: inherit;-webkit-appearance: button}output{display: inline-block}iframe{border: 0}summary{display: list-item;cursor: pointer}progress{vertical-align: baseline}[hidden]{display: none !important}input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0}input[type="number"]{-moz-appearance: textfield}input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{transition: background-color 5000s ease-in-out 0s}[class^="wp-image"], .wp-image{max-width: 100%;height: auto;display: block}.size-full{width: 100%;height: auto}.size-large, .size-medium, .size-thumbnail{max-width: 100%;height: auto}.alignleft{float: left;margin-right: 15px;margin-bottom: 10px}.alignright{float: right;margin-left: 15px;margin-bottom: 10px}.aligncenter{display: block;margin-left: auto;margin-right: auto}.wp-caption{max-width: 100%;text-align: center;margin-bottom: 15px;font-style: italic}.wp-caption img{display: block;margin: 0 auto;max-width: 100%;height: auto}.wp-caption-text{font-size: 14px;color: #666}.wp-block-editor h1{font-size: 2.34rem;line-height: 1.2;font-weight: 700;margin: 1.2em 0 0.6em}.wp-block-editor h2{font-size: 1.875rem;line-height: 1.3;font-weight: 600;margin: 1.1em 0 0.55em}.wp-block-editor h3{font-size: 1.5rem;line-height: 1.35;font-weight: 600;margin: 1em 0 0.5em}.wp-block-editor h4{font-size: 1.2rem;line-height: 1.4;font-weight: 600;margin: 0.9em 0 0.45em}.wp-block-editor h5{font-size: 0.96rem;line-height: 1.45;font-weight: 600;margin: 0.8em 0 0.4em}.wp-block-editor h6{font-size: 0.85rem;line-height: 1.5;font-weight: 600;margin: 0.8em 0 0.4em;text-transform: uppercase}.wp-block-editor p{font-size: 1rem;line-height: 1.7;margin-bottom: 1em;color: #222}.wp-block-editor a{color: var(--color-primary, #0073aa);transition: color 0.2s ease}.wp-block-editor a:hover{color: var(--color-primary-hover, #005f8a);text-decoration: underline}.wp-block-editor strong, .wp-block-editor b{font-weight: 600}.wp-block-editor em, .wp-block-editor i{font-style: italic}.wp-block-editor small{font-size: 0.875rem;color: #555}.wp-block-editor ul, .wp-block-editor ol{margin: 1em 0 1em 1.5em;line-height: 1.7}.wp-block-editor ul li, .wp-block-editor ol li{margin-bottom: 0.4em}.wp-block-editor ul ul, .wp-block-editor ol ol{margin-top: 0.4em}.wp-block-editor blockquote{margin: 1.5em 0;padding: 1em 1.5em;border-left: 4px solid var(--color-primary, #0073aa);background: #f9f9f9;font-style: italic;color: #444}.wp-block-editor table{width: 100%;border-collapse: collapse;margin: 1.5em 0;font-size: 1rem}.wp-block-editor th, .wp-block-editor td{border: 1px solid #ddd;padding: 0.75em;text-align: left}.wp-block-editor th{background: #f2f2f2;font-weight: 600}.wp-block-editor tr:nth-child(even){background: #fafafa}.wp-block-editor input[type="text"], .wp-block-editor input[type="email"], .wp-block-editor input[type="url"], .wp-block-editor input[type="password"], .wp-block-editor textarea, .wp-block-editor select{width: 100%;padding: 0.65em 0.8em;border: 1px solid #ccc;border-radius: 4px;font-size: 1rem;line-height: 1.4;transition: border-color 0.2s ease}.wp-block-editor input:focus, .wp-block-editor textarea:focus, .wp-block-editor select:focus{border-color: var(--color-primary, #0073aa);outline: none}.wp-block-editor button, .wp-block-editor input[type="submit"], .wp-block-editor input[type="button"]{display: inline-block;background: var(--color-primary, #0073aa);color: #fff;padding: 0.65em 1.2em;border: none;border-radius: 4px;cursor: pointer;font-size: 1rem;transition: background 0.2s ease}.wp-block-editor button:hover, .wp-block-editor input[type="submit"]:hover, .wp-block-editor input[type="button"]:hover{background: var(--color-primary-hover, #005f8a)}@media (max-width: 639.98px){.alignleft, .alignright{float: none;display: block;margin: 0.75rem auto;text-align: center}[class*="wp-image"]{max-width: 100%;height: auto}[class*="wp-image"]:not(:last-child){margin-bottom: 1rem}.wp-block-editor h1{font-size: 2rem}.wp-block-editor h2{font-size: 1.6rem}.wp-block-editor h3{font-size: 1.35rem}.wp-block-editor h4{font-size: 1.1rem}.wp-block-editor h5{font-size: 0.9rem}}:root{}*{box-sizing: border-box;margin: 0;padding: 0;font-family: "Averta Std CY", sans-serif}button, a{-webkit-tap-highlight-color: transparent}html{position: relative;font-size: 1vw;scrollbar-gutter: stable;scrollbar-width: thin;scrollbar-color: rgba(0, 0, 0, 0.35) transparent}@media (max-width: 639.98px){html{font-size: calc(1600 / 375 * 1vw)}}@media (min-width: 1600px){html{font-size: 1vw}}html::-webkit-scrollbar{width: 0.5rem}html::-webkit-scrollbar-track{background: transparent}html::-webkit-scrollbar-thumb{background-color: rgba(0, 0, 0, 0.35);border-radius: 0.25rem}html::-webkit-scrollbar-thumb:hover{background-color: rgba(0, 0, 0, 0.5)}body.hidden__scrollbar{overflow: hidden}body[data-scroll-locked]{overflow: hidden !important}body{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}section{position: relative}a{display: inline-block;text-decoration: none}button{cursor: pointer;display: flex;border: none}.screen-reader-text{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0}:root{}.line-clamp-1, .line-clamp-2, .line-clamp-3, .line-clamp-4, .line-clamp-5{display: -webkit-box !important;-webkit-box-orient: vertical;overflow: hidden}.line-clamp-1{-webkit-line-clamp: 1}.line-clamp-2{-webkit-line-clamp: 2}.line-clamp-3{-webkit-line-clamp: 3}.line-clamp-4{-webkit-line-clamp: 4}.line-clamp-5{-webkit-line-clamp: 5}.scroll-bar{max-height: 10rem;overflow: auto;scrollbar-width: thin;scrollbar-color: #079de2 transparent}.scroll-bar::-webkit-scrollbar{width: 0.375rem;height: 0.375rem}.scroll-bar::-webkit-scrollbar-track{background: transparent}.scroll-bar::-webkit-scrollbar-thumb{background-color: #079de2;border-radius: 999rem}.scroll-bar::-webkit-scrollbar-thumb:hover{background-color: #079de2}body.hide-scrollbar{margin-right: 0 !important}.okhub-success{position: fixed;inset: 0;z-index: 9999;display: flex;align-items: center;justify-content: center;padding: 1.5rem}.okhub-success[hidden]{display: none}.okhub-success__backdrop{position: absolute;inset: 0;background-color: rgba(0, 50, 83, 0.55);opacity: 0;transition: opacity 0.35s ease}.okhub-success--open .okhub-success__backdrop{opacity: 1}.okhub-success__dialog{position: relative;z-index: 1;width: 27.5rem;max-width: 100%;padding: 2.5rem 2rem 2rem;overflow: hidden;border-radius: 1rem;background-color: #ffffff;box-shadow: 0 1.5rem 3rem rgba(0, 50, 83, 0.25);text-align: center;opacity: 0;transform: translateY(1.5rem) scale(0.96);transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1)}.okhub-success--open .okhub-success__dialog{opacity: 1;transform: translateY(0) scale(1)}.okhub-success__icon{display: flex;align-items: center;justify-content: center;width: 4.5rem;height: 4.5rem;margin: 0 auto 1.25rem;border-radius: 999rem;background-color: rgba(23, 201, 100, 0.12)}.okhub-success__icon-svg{width: 3.25rem;height: 3.25rem;stroke: #17c964}.okhub-success__icon-ring{stroke-dasharray: 151;stroke-dashoffset: 151}.okhub-success__icon-check{stroke-dasharray: 40;stroke-dashoffset: 40}.okhub-success--open .okhub-success__icon-ring{animation: okhub-success-draw 0.5s ease forwards}.okhub-success--open .okhub-success__icon-check{animation: okhub-success-draw 0.35s ease 0.4s forwards}@keyframes okhub-success-draw{to{stroke-dashoffset: 0}}.okhub-success__title{font-size: 1.375rem;font-weight: 700;line-height: 1.4;color: #003253}.okhub-success__desc{margin-top: 0.625rem;font-size: 1rem;line-height: 1.6;color: #666666}.okhub-success__desc[hidden]{display: none}.okhub-success__progress{position: absolute;left: 0;bottom: 0;display: block;width: 100%;height: 0.25rem;background-color: #ebedee}.okhub-success__progress-bar{display: block;width: 100%;height: 100%;background-color: #17c964;transform-origin: left center;transform: scaleX(0)}.okhub-success--open .okhub-success__progress-bar{animation-name: okhub-success-countdown;animation-timing-function: linear;animation-fill-mode: forwards}@keyframes okhub-success-countdown{from{transform: scaleX(1)}to{transform: scaleX(0)}}@media screen and (max-width: 639.98px){.okhub-success__dialog{width: 100%;padding: 2rem 1.25rem 1.75rem}.okhub-success__title{font-size: 1.25rem}.okhub-success__desc{font-size: 0.9375rem}}.okhub-b24-search{position: sticky;top: 0;z-index: 3;padding: 0.5rem 0.5rem 0.375rem;background-color: #ffffff}.okhub-b24-search__field{display: flex;align-items: center;position: relative;height: 2.5rem;padding: 0 0.625rem;border-radius: 0.375rem;background-color: rgba(19, 19, 19, 0.05);box-shadow: inset 0 0 0 1px transparent;transition: box-shadow 0.2s ease, background-color 0.2s ease}.okhub-b24-search__field:focus-within{background-color: #ffffff;box-shadow: inset 0 0 0 1px #079de2}.okhub-b24-search__icon{flex-shrink: 0;width: 1.125rem;height: 1.125rem;margin-right: 0.5rem;color: rgba(19, 19, 19, 0.45)}.okhub-b24-search__input{flex: 1 1 auto;min-width: 0;height: 100%;margin: 0;padding: 0;border: 0;outline: 0;background: transparent;color: #131313;font-family: inherit;font-size: 0.875rem;font-weight: 500;line-height: 1.25rem}.okhub-b24-search__input::placeholder{color: rgba(19, 19, 19, 0.4);opacity: 1}.okhub-b24-search__clear{flex-shrink: 0;position: relative;width: 1.25rem;height: 1.25rem;margin-left: 0.375rem;padding: 0;border: 0;border-radius: 50%;background-color: rgba(19, 19, 19, 0.12);cursor: pointer;transition: background-color 0.2s ease}.okhub-b24-search__clear:hover{background-color: rgba(19, 19, 19, 0.22)}.okhub-b24-search__clear::before, .okhub-b24-search__clear::after{content: "";position: absolute;top: 50%;left: 50%;width: 0.625rem;height: 1px;background-color: rgba(19, 19, 19, 0.65)}.okhub-b24-search__clear::before{transform: translate(-50%, -50%) rotate(45deg)}.okhub-b24-search__clear::after{transform: translate(-50%, -50%) rotate(-45deg)}.okhub-b24-search__empty{margin: 0.5rem 0 0.25rem;text-align: center;color: rgba(19, 19, 19, 0.45);font-family: inherit;font-size: 0.8125rem;line-height: 1.25rem}@media screen and (max-width: 639.98px){.okhub-b24-search{padding: 0.625rem 0.75rem 0.5rem}.okhub-b24-search__field{height: 2.75rem}.okhub-b24-search__input{font-size: 1rem}}.site-header:not(.header-not-trans){position: fixed}.site-header:not(.active){transform: translateY(-100%)}.site-header{--header-fg: #ffffff;--header-topbar-bg: rgba(0, 0, 0, 0.3);--header-divider: rgba(255, 255, 255, 0.5);--header-font: "Nunito Sans", sans-serif;--header-scrolled-bg: #ffffff;--header-scrolled-shadow: 0 0.25rem 1.25rem 0 rgba(0, 0, 0, 0.05);--header-topbar-bg-scrolled: #003253;--header-fg-scrolled: #003253;--header-blur: 0.625rem;position: sticky;top: 0;left: 0;width: 100%;z-index: 100;display: flex;flex-direction: column;font-family: var(--header-font);color: var(--header-fg);transition: background-color 0.3s ease, box-shadow 0.3s ease, transform ease 0.3s}.header--scrolled, .header-not-trans, .header--search-open{background-color: var(--header-scrolled-bg);box-shadow: var(--header-scrolled-shadow)}.header a{color: inherit;text-decoration: none}.header a:focus-visible, .header button:focus-visible{outline: 0.125rem solid currentColor;outline-offset: 0.125rem}.header__icon{display: inline-block;flex-shrink: 0;background-color: currentColor;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center;mask-position: center;-webkit-mask-size: contain;mask-size: contain}.header__icon--search{width: 1.5rem;height: 1.5rem;-webkit-mask-image: url("https://vietdung.com.vn/wp-content/themes/okhub-theme/assets/images/header/ic-search.svg");mask-image: url("https://vietdung.com.vn/wp-content/themes/okhub-theme/assets/images/header/ic-search.svg")}.header__icon--home{width: 1.6494rem;height: 1.6494rem;-webkit-mask-image: url("https://vietdung.com.vn/wp-content/themes/okhub-theme/assets/images/header/ic-home.svg");mask-image: url("https://vietdung.com.vn/wp-content/themes/okhub-theme/assets/images/header/ic-home.svg")}.header__icon--chevron{width: 0.5625rem;height: 0.375rem;-webkit-mask-image: url("https://vietdung.com.vn/wp-content/themes/okhub-theme/assets/images/header/ic-chevron-down.svg");mask-image: url("https://vietdung.com.vn/wp-content/themes/okhub-theme/assets/images/header/ic-chevron-down.svg")}.header__topbar{position: relative;z-index: 1;width: 100%;height: 2.75rem;background-color: var(--header-topbar-bg);-webkit-backdrop-filter: blur(var(--header-blur));backdrop-filter: blur(var(--header-blur));transition: background-color 0.3s ease}.header--scrolled .header__topbar, .header-not-trans .header__topbar, .header--search-open .header__topbar{background-color: var(--header-topbar-bg-scrolled);-webkit-backdrop-filter: none;backdrop-filter: none}.header__topbar-inner{display: flex;align-items: center;justify-content: space-between;height: 100%;padding: 0 6.25rem}.header__lang{opacity: 0;pointer-events: none;display: inline-flex;align-items: center}.header__lang-link{color: inherit;font-size: 0.75rem;font-weight: 600;line-height: 1.1;letter-spacing: -0.0075rem;text-transform: uppercase;text-decoration: none;opacity: 0.55;transition: opacity 0.2s ease}.header__lang-link + .header__lang-link{margin-left: 0.625rem}.header__lang-link:hover, .header__lang-link:focus-visible{opacity: 1}.header__lang-link.is-current{opacity: 1;font-weight: 700}.header__utility{display: flex;align-items: center}.header__partners{display: flex;align-items: center;padding: 0 1.1rem}.header__partner + .header__partner{margin-left: 0.7611rem}.header__partner{display: inline-flex;align-items: center}.header__partner-img{display: block;height: 1.875rem;width: auto;object-fit: contain}.header__utility-list{display: flex;align-items: center;margin: 0;padding: 0;list-style: none}.header__utility-item{position: relative;display: flex;align-items: center;padding: 0.55rem 0.66rem}.header__utility-item--catalogue::after{content: "";position: absolute;right: 0.0194rem;top: 50%;transform: translateY(-50%);width: 1px;height: 0.6594rem;background-color: var(--header-divider)}.header__utility-link{font-size: 0.75rem;font-weight: 800;line-height: 1.3333;text-transform: uppercase;white-space: nowrap}.header__search{display: inline-flex;align-items: center;justify-content: center;margin-left: 0.25rem;padding: 0 0.25rem;background: none;border: 0;cursor: pointer;color: inherit}.header__nav{width: 100%;height: 4.94rem;transition: color 0.3s ease}.header-not-trans .header__nav, .header--scrolled .header__nav, .header--search-open .header__nav{color: var(--header-fg-scrolled);-webkit-backdrop-filter: none;backdrop-filter: none}.header__nav-inner{display: flex;align-items: center;justify-content: space-between;height: 100%;padding: 0 6.25rem}.header__menu--right{justify-content: right;margin-right: -0.7rem !important}.header__menu{min-width: 25.33rem;display: flex;align-items: center;margin: 0;padding: 0;list-style: none}.header__nav-item{display: flex;align-items: center}.header__nav-home{display: flex;align-items: center;padding: 1.1rem 0.7rem 1.1rem 0}.header__nav-text.active{color: #079de2}.header__nav-link{display: flex;align-items: center;padding: 1.1rem 0.7rem;font-size: 0.875rem;font-weight: 800;line-height: 1.25rem;text-transform: uppercase;white-space: nowrap}.header__nav-link .header__icon--chevron{margin-left: 0.375rem}.header__logo{display: flex;align-items: center;flex-shrink: 0}.header__logo-img{display: block;width: 5.6875rem;height: 4.375rem;object-fit: contain}.header__logo-img--dark{display: none}.header--scrolled .header__logo-img--light, .header-not-trans .header__logo-img--light, .header--search-open .header__logo-img--light{display: none}.header--scrolled .header__logo-img--dark, .header-not-trans .header__logo-img--dark, .header--search-open .header__logo-img--dark{display: block}.header__search-panel{position: absolute;top: 100%;left: 0;right: 0;z-index: 40;background-color: #ffffff;box-shadow: var(--header-scrolled-shadow);color: #003253;opacity: 0;visibility: hidden;transform: translateY(-0.5rem);pointer-events: none;transition: opacity 0.28s ease, transform 0.28s ease, visibility 0.28s ease}.header__search-panel.is-open{opacity: 1;visibility: visible;transform: translateY(0);pointer-events: auto}.header__search-panel-inner{padding: 1.6875rem 6.25rem 2.75rem 6.25rem}.header__search-heading{margin: 0;padding-top: 1.5rem;border-top: 1px solid #dcdcdc;font-size: 0.875rem;font-weight: 600;line-height: 1.25rem;letter-spacing: 0.0625rem;text-transform: uppercase;color: rgba(0, 50, 83, 0.5)}.header__search-form{display: flex;align-items: stretch;margin-top: 1.25rem}.header__search-field{display: flex;align-items: center;flex: 1 1 0;min-width: 0;height: 2.9375rem;padding: 0 0.875rem;background-color: #f8f8f8;border-radius: 0.25rem}.header__search-field-icon{display: inline-flex;justify-content: center;flex: 0 0 auto;width: 1.125rem;height: 1.125rem;margin-right: 0.625rem;color: rgba(0, 51, 75, 0.8)}.header__search-field-icon svg{width: 100%;height: 100%;display: block}.header__search-input{flex: 1 1 auto;height: 100%;min-width: 0;padding: 0;border: 0;background: transparent;outline: none;font-family: inherit;font-size: 0.875rem;font-weight: 400;line-height: 1.5rem;letter-spacing: -0.0156rem;color: #131313}.header__search-input::placeholder{color: rgba(19, 19, 19, 0.4);opacity: 1}.header__search-submit{display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;height: 2.9375rem;margin-left: 0.9375rem;padding: 0 1.5625rem;border: 0;background-color: #079de2;color: #ffffff;cursor: pointer;transition: background-color 0.2s ease;clip-path: polygon( 0.625rem 0, 100% 0, 100% calc(100% - 0.625rem), calc(100% - 0.625rem) 100%, 0 100%, 0 0.625rem );border-radius: 0.25rem}.header__search-submit:hover{background-color: #0688c4}.header__search-submit-icon{display: inline-flex;flex: 0 0 auto;width: 1.5rem;height: 1.5rem;margin-right: 0.5rem}.header__search-submit-icon svg{width: 100%;height: 100%}.header__search-submit-text{font-size: 1rem;font-weight: 800;line-height: 1.5rem;letter-spacing: -0.0156rem;white-space: nowrap}@media screen and (max-width: 639.98px){.header{display: none}.header__topbar-inner, .header__nav-inner{padding: 0 1rem}}.header-mobile{--header-mobile-height-transparent: 3.1875rem;--header-mobile-height-solid: 3.5625rem;--header-mobile-height-current: var(--header-mobile-height-transparent);width: 100%;z-index: 90;font-family: "Nunito Sans", sans-serif}@media screen and (min-width: 640px){.header-mobile{display: none}}.header-mobile__bar{position: relative;z-index: 100;display: flex;align-items: center;justify-content: space-between;height: var(--header-mobile-height-current);padding: 0 1rem;background: linear-gradient(360deg, rgba(0, 50, 83, 0) 0%, #082233 100%);transition: background 0.3s ease, box-shadow 0.3s ease, height 0.3s ease}body.header-mobile-open .header-mobile__bar{background: #0193d6;box-shadow: none}.header-mobile__lang{display: inline-flex;align-items: center;flex: 0 0 auto}.header-mobile__lang-link{opacity: 0;pointer-events: none;color: #ffffff;font-size: 0.75rem;font-weight: 600;line-height: 0.825rem;letter-spacing: -0.0075rem;text-transform: uppercase;text-decoration: none;transition: opacity 0.2s ease}.header-mobile__lang-link + .header-mobile__lang-link{margin-left: 0.5rem}.header-mobile__lang-link:active{opacity: 0.7}.header-mobile__logo{position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;align-items: center;justify-content: center;pointer-events: none}.header-mobile__logo-img{display: block;height: 2.3125rem;width: 3.1875rem;object-fit: contain;pointer-events: auto}.header-mobile__logo-img--light{filter: drop-shadow(0 0.0625rem 0.1875rem rgba(0, 18, 35, 0.5))}.header-mobile__search-icon{filter: drop-shadow(0 0.0625rem 0.125rem rgba(0, 18, 35, 0.5))}.header-mobile__toggle-bar{box-shadow: 0 0.0625rem 0.125rem rgba(0, 18, 35, 0.45)}.header-mobile__lang-link{text-shadow: 0 0.0625rem 0.125rem rgba(0, 18, 35, 0.55)}.header-mobile__actions{display: flex;align-items: center;flex: 0 0 auto;height: 1.5rem}.header-mobile__search{display: inline-flex;align-items: center;justify-content: center;padding: 0;border: none;background: none;color: #ffffff;cursor: pointer;-webkit-appearance: none;appearance: none}.header-mobile__search-icon{display: block;width: 1rem;height: 1rem}.header-mobile__toggle{position: relative;display: flex;flex-direction: column;justify-content: center;padding: 0.1rem 0;align-items: end;width: 1.625rem;height: 1.625rem;margin-left: 1.4rem;background: none;border: 0;cursor: pointer}.header-mobile__toggle-bar{flex-shrink: 0;height: 2px;background: #ffffff;transition: transform 0.3s ease, opacity 0.3s ease, width 0.3s ease;transform-origin: center}.header-mobile__toggle-bar:nth-child(1){width: 1.625rem}.header-mobile__toggle-bar:nth-child(2){margin: 0.2rem 0;width: 0.9836rem}.header-mobile__toggle-bar:nth-child(3){width: 1.625rem}.header-mobile__toggle[aria-expanded="true"] .header-mobile__toggle-bar{position: absolute}.header-mobile__toggle[aria-expanded="true"] .header-mobile__toggle-bar:nth-child(1){width: 1.625rem;top: 50%;transform: translateY(-50%) rotate(45deg);transform-origin: center}.header-mobile__toggle[aria-expanded="true"] .header-mobile__toggle-bar:nth-child(2){opacity: 0}.header-mobile__toggle[aria-expanded="true"] .header-mobile__toggle-bar:nth-child(3){top: 50%;transform: translateY(-50%) rotate(-45deg);transform-origin: center}.group-deco{position: relative;z-index: -1}.header-mobile__overlay{position: fixed;inset: 0;z-index: 95;box-sizing: border-box;display: flex;flex-direction: column;width: 100%;height: 100vh;min-height: 100vh;max-height: 100vh;padding: var(--header-mobile-height-solid) 0 0;background: #0193d6;overflow: hidden;opacity: 0;visibility: hidden;pointer-events: none;overscroll-behavior: contain;transition: opacity 0.35s ease, visibility 0.35s ease}@supports (height: 100dvh){.header-mobile__overlay{height: 100dvh;min-height: 100dvh;max-height: 100dvh}}.header-mobile__overlay.is-open{opacity: 1;visibility: visible;pointer-events: auto}.header-mobile__nav{position: relative;z-index: 1;flex: 1 1 auto;min-height: 0;display: flex;flex-direction: column;overflow-y: auto;overscroll-behavior: contain;-webkit-overflow-scrolling: touch;padding-top: 1rem}.header-mobile__nav-item{flex: 0 0 auto;border-top: 1px solid rgba(255, 255, 255, 0.22)}.header-mobile__nav-item:last-child{border-bottom: 1px solid rgba(255, 255, 255, 0.22)}.header-mobile__nav-row{display: flex;align-items: stretch;padding: 0 1rem}.header-mobile__nav-link{display: flex;flex: 1 1 auto;align-items: center;min-height: 3.5625rem;color: #ffffff;font-family: var(--font-family, "Nunito Sans");font-size: var(--Font-r-size-24, 1.375rem);font-style: normal;font-weight: 600;line-height: var(--Font-r-line-height-50, 2rem);letter-spacing: var(--font-r-letter-spacing-025, -0.0156rem);text-decoration: none}.header-mobile__nav-caret{display: inline-flex;flex: 0 0 auto;align-items: center;justify-content: flex-end;width: 2.75rem;padding: 0;border: 0;background: none;color: #ffffff;cursor: pointer;-webkit-appearance: none;appearance: none}.header-mobile__nav-caret-icon{display: block;width: 0.75rem;height: 0.5rem;transition: transform 0.3s ease}.header-mobile__nav-item.is-open .header-mobile__nav-caret-icon{transform: rotate(180deg)}.header-mobile__submenu{display: grid;grid-template-rows: 0fr;transition: grid-template-rows 0.35s ease}.header-mobile__nav-item.is-open .header-mobile__submenu{grid-template-rows: 1fr}.header-mobile__submenu-inner{overflow: hidden}.header-mobile__sub-link{display: block;padding: 0.75rem 1rem 0.75rem 2rem;border-top: 1px solid rgba(255, 255, 255, 0.12);color: rgba(255, 255, 255, 0.85);font-family: var(--font-family, "Nunito Sans");font-size: 1rem;font-weight: 400;line-height: 1.5rem;letter-spacing: -0.0125rem;text-decoration: none}.header-mobile__submenu--products .header-mobile__submenu-inner{padding: 0 0.75rem}.header-mobile__nav-item.is-open .header-mobile__submenu--products .header-mobile__submenu-inner{padding-bottom: 0.75rem}.header-mobile__product-card{position: relative;display: flex;width: 100%;height: 8.5rem;overflow: hidden;color: #003253;background: #f0f5f8;text-decoration: none;clip-path: polygon(1rem 0, 100% 0, 100% 100%, 0 100%, 0 1rem)}.header-mobile__product-card + .header-mobile__product-card{margin-top: 0.625rem}.header-mobile__product-card-body{position: relative;z-index: 1;display: flex;flex: 0 0 56%;min-width: 0;height: 100%;flex-direction: column;align-items: flex-start;padding: 0.6875rem 0 0.625rem 1.125rem}.header-mobile__product-card-title{display: block;font-family: var(--font-family, "Nunito Sans");font-size: 1.125rem;font-weight: 700;line-height: 1.5rem}.header-mobile__product-card-cta{display: inline-flex;align-items: center;margin-top: auto;color: #18a5df;font-family: var(--font-family, "Nunito Sans");font-size: 0.875rem;font-weight: 600;line-height: 1.25rem}.header-mobile__product-card-cta-icon{width: 0.6875rem;height: 0.6875rem;margin-right: 0.375rem;flex: 0 0 auto}.header-mobile__product-card-media{display: block;flex: 1 1 auto;min-width: 0;height: 100%}.header-mobile__product-card-image{display: block;width: 100%;height: 100%;object-fit: contain;object-position: center}.header-mobile__product-card:focus-visible{outline: 0.125rem solid #ffffff;outline-offset: -0.125rem}.header-mobile__contact{position: relative;flex: 0 0 auto;padding: 1.5rem 1rem calc(1.75rem + env(safe-area-inset-bottom, 0rem))}.header-mobile__overlay-wave{position: absolute;inset: 0;width: 100%;object-fit: fill;pointer-events: none;z-index: 0}.header-mobile__contact-inner{position: relative;z-index: 1}.header-mobile__contact-title{margin: 0;color: rgba(255, 255, 255, 0.45);font-family: var(--font-family, "Nunito Sans");font-size: var(--Font-r-size-16, 0.875rem);font-style: normal;font-weight: 400;line-height: var(--Font-r-line-height-20, 1rem);letter-spacing: var(--Font-r-letter-spacing-0, 0)}.header-mobile__contact-list{display: grid;grid-template-columns: 1fr 1fr;margin: 0.875rem 0 0;padding: 0;list-style: none}.header-mobile__contact-item{margin-bottom: 0.5rem;padding-right: 0.625rem;box-sizing: border-box}.header-mobile__contact-item:nth-child(even){padding-right: 0}.header-mobile__contact-link{display: flex;align-items: flex-start;text-decoration: none;color: #ffffff}.header-mobile__contact-ico{display: inline-flex;flex: 0 0 auto;align-items: center;justify-content: center;width: 1.125rem;height: 1.125rem;margin-right: 0.5rem;color: #ffffff}.header-mobile__contact-icon{display: block;width: 1.125rem;height: 1.125rem}.header-mobile__contact-text{display: flex;flex-direction: column;min-width: 0}.header-mobile__contact-label{font-size: 0.75rem;font-weight: 400;line-height: 0.75rem;letter-spacing: -0.0156rem;color: rgba(255, 255, 255, 0.7)}.header-mobile__contact-value{margin-top: 0.125rem;font-size: 0.75rem;font-weight: 500;line-height: 1.25rem;letter-spacing: -0.0156rem;color: #ffffff;word-break: break-word}html.header-mobile-open, body.header-mobile-open{overflow: hidden;overscroll-behavior: none}body.header-mobile-open .site-header{position: fixed;top: 0;transform: none}.header-mobile__search-panel{position: absolute;top: var(--header-mobile-height-current);left: 0;width: 100%;background: #ffffff;border-top: 1px solid rgba(220, 220, 220, 0.3);box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.05);z-index: 96;opacity: 0;visibility: hidden;transform: translateY(-0.5rem);pointer-events: none;transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease}.header-mobile__search-panel.is-open{opacity: 1;visibility: visible;transform: translateY(0);pointer-events: auto}.header-mobile__search-inner{position: relative;margin-top: 1.8125rem;padding: 0.625rem 1rem 1.31rem 1rem}.header-mobile__search-inner::before{position: absolute;top: 0;left: 50%;transform: translateX(-50%);content: "";width: calc(100% - 2rem);height: 1px;background: rgba(220, 220, 220, 0.3)}.header-mobile__search-heading{margin: 0 0 0.625rem;font-size: 0.75rem;font-weight: 600;line-height: 1rem;letter-spacing: 0.0625rem;text-transform: uppercase;color: rgba(0, 50, 83, 0.5)}.header-mobile__search-field{display: flex;align-items: center;height: 2.9375rem;padding: 0 0.875rem;background: #f8f8f8;border-radius: 0.25rem}.header-mobile__search-field-icon{display: inline-flex;justify-content: center;flex: 0 0 auto;width: 1.125rem;height: 1.125rem;margin-right: 0.625rem;color: rgba(0, 51, 75, 0.8)}.header-mobile__search-field-icon svg{width: 0.74363rem;height: auto}.header-mobile__search-input{flex: 1 1 auto;height: 100%;min-width: 0;padding: 0;border: none;background: transparent;outline: none;font-family: inherit;font-size: 0.75rem;font-weight: 500;line-height: 0.9rem;color: #131313}.header-mobile__search-input::placeholder{color: rgba(19, 19, 19, 0.4);opacity: 1}.header-mobile__search-submit{display: block;width: 100%;height: 2.625rem;margin-top: 0.9375rem;border: none;background: #079de2;color: #ffffff;font-family: inherit;font-size: 0.75rem;font-weight: 800;line-height: 2.625rem;text-align: center;cursor: pointer;clip-path: polygon( 0.625rem 0, 100% 0, 100% calc(100% - 0.625rem), calc(100% - 0.625rem) 100%, 0 100%, 0 0.625rem );border-radius: 0.25rem}@media screen and (max-width: 639.98px){.site-header:not(.header-not-trans-mb){position: fixed;background-color: transparent;box-shadow: none}.site-header.header-not-trans-mb{position: sticky}}.header-mobile--scrolled .header-mobile__bar, .header-not-trans-mb .header-mobile__bar{background: #ffffff;box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.04)}.header-mobile--scrolled, .header-not-trans-mb .header-mobile, body.header-mobile-search-open .header-mobile{--header-mobile-height-current: var(--header-mobile-height-solid)}body.header-mobile-search-open .header-mobile__bar{background: #ffffff}.header-mobile--scrolled .header-mobile__search, .header-mobile--scrolled .header-mobile__lang-link, .header-not-trans-mb .header-mobile__search, .header-not-trans-mb .header-mobile__lang-link, body.header-mobile-search-open .header-mobile__search, body.header-mobile-search-open .header-mobile__lang-link{color: #003253}.header-mobile--scrolled .header-mobile__toggle-bar, .header-not-trans-mb .header-mobile__toggle-bar, body.header-mobile-search-open .header-mobile__toggle-bar{background: #003253}.header-mobile__logo-img--dark{display: none}.header-mobile--scrolled .header-mobile__logo-img--light, .header-not-trans-mb .header-mobile__logo-img--light, body.header-mobile-search-open .header-mobile__logo-img--light{display: none}.header-mobile--scrolled .header-mobile__logo-img--dark, .header-not-trans-mb .header-mobile__logo-img--dark, body.header-mobile-search-open .header-mobile__logo-img--dark{display: block}body.header-mobile-open .header-mobile__search, body.header-mobile-open .header-mobile__lang-link{color: #ffffff}body.header-mobile-open .header-mobile__toggle-bar{background: #ffffff}body.header-mobile-open .header-mobile__logo-img--light{display: block}body.header-mobile-open .header-mobile__logo-img--dark{display: none}.header-mobile--scrolled .header-mobile__search-icon, .header-not-trans-mb .header-mobile__search-icon, body.header-mobile-search-open .header-mobile__search-icon{filter: none}.header-mobile--scrolled .header-mobile__toggle-bar, .header-not-trans-mb .header-mobile__toggle-bar, body.header-mobile-search-open .header-mobile__toggle-bar{box-shadow: none}.header-mobile--scrolled .header-mobile__lang-link, .header-not-trans-mb .header-mobile__lang-link, body.header-mobile-search-open .header-mobile__lang-link{text-shadow: none}.header-megamenu{position: absolute;top: 100%;left: 0;right: 0;z-index: 30;background-color: #ffffff;box-shadow: 0 0.25rem 1.25rem 0 rgba(0, 0, 0, 0.05);color: #003253;font-family: "Nunito Sans", sans-serif;opacity: 0;visibility: hidden;transform: translateY(-0.5rem);pointer-events: none;transition: opacity 0.28s ease, transform 0.28s ease, visibility 0.28s ease}.header__nav-item--mega.is-open .header-megamenu, .header__nav-item--mega:hover .header-megamenu, .header__nav-item--mega:focus-within .header-megamenu, .header-megamenu:hover, .header-megamenu:focus-within{opacity: 1;visibility: visible;transform: translateY(0);pointer-events: auto}.header-megamenu__inner{padding: 1.6875rem 6.25rem 2.75rem 6.25rem}.header-megamenu__heading{margin: 0;padding-top: 1.5rem;border-top: 1px solid rgba(220, 220, 220, 0.30);font-size: 0.875rem;font-weight: 600;display: none;line-height: 1.25rem;letter-spacing: 0.0625rem;text-transform: uppercase;color: rgba(0, 50, 83, 0.5)}.header-megamenu__grid{display: flex;justify-content: space-between;flex-direction: row;align-items: stretch;margin-top: 1.25rem;clip-path: polygon( 1.81513rem 0, 100% 0, 100% calc(100% - 1.81513rem), calc(100% - 1.81513rem) 100%, 0 100%, 0 1.81513rem )}.header-megamenu__card{position: relative;display: flex;width: 21.25rem;height: 7.875rem;background-color: #eff4f7;color: inherit;text-decoration: none;overflow: hidden}.header-megamenu__card:hover{background-color: #E1EEF7}.header-megamenu__card:focus-visible{outline: 0.125rem solid #003253;outline-offset: 0.125rem}.header-megamenu__card-body{position: relative;z-index: 1;width: 10.3125rem;height: 100%;padding: 1.0971rem 0 1.0971rem 1.0971rem}.header-megamenu__card-title{display: block;margin: 0;font-size: 0.875rem;font-weight: 800;line-height: 1.5rem;color: #003253}.header-megamenu__card-media{flex: 1;height: 100%;margin-left: 0.5rem}.header-megamenu__card-img{display: block;width: 100%;height: 100%;object-fit: contain;object-position: right}.header-megamenu__card-cta{position: absolute;left: 0;bottom: 0;z-index: 2;display: flex;align-items: center;justify-content: flex-start;box-sizing: border-box;width: 1.66044rem;height: 1.66044rem;padding: 0 0.4706rem;background-color: #47adde;color: #fff !important;text-decoration: none;overflow: hidden;white-space: nowrap;transition: width 0.28s ease, background-color 0.2s ease}.header-megamenu__card:hover .header-megamenu__card-cta, .header-megamenu__card:focus-visible .header-megamenu__card-cta{width: 6.9375rem;background-color: #3a9bcb}.header-megamenu__cta-icon{flex: 0 0 auto;display: block;width: 0.6875rem;height: 0.6875rem}.header-megamenu__cta-text{display: block;max-width: 0;margin-left: 0.4706rem;opacity: 0;overflow: hidden;font-size: 0.75rem;font-weight: 700;line-height: 1rem;color: #ffffff;transition: max-width 0.28s ease, opacity 0.2s ease}.header-megamenu__card:hover .header-megamenu__cta-text, .header-megamenu__card:focus-visible .header-megamenu__cta-text{max-width: 4.75rem;opacity: 1}@media screen and (max-width: 639.98px){.header-megamenu__inner{padding: 1rem 1rem 1.5rem 1rem}.header-megamenu__grid{flex-direction: column}.header-megamenu__card + .header-megamenu__card{margin-left: 0;margin-top: 1rem}}.header__nav-item--dropdown{position: relative}.header-dropdown{position: absolute;top: 100%;left: 0;z-index: 40;background-color: #ffffff;box-shadow: 0 0.5rem 1.25rem 0 rgba(0, 40, 66, 0.1);color: #003253;font-family: "Nunito Sans", sans-serif;border-radius: 0 0 0.375rem 0.375rem;overflow: hidden;opacity: 0;visibility: hidden;transform: translateY(-0.5rem);pointer-events: none;transition: opacity 0.28s ease, transform 0.28s ease, visibility 0.28s ease}.header__menu--right .header-dropdown{left: auto;right: 0}.header__nav-item--dropdown.is-open .header-dropdown, .header__nav-item--dropdown:hover .header-dropdown, .header__nav-item--dropdown:focus-within .header-dropdown, .header-dropdown:hover, .header-dropdown:focus-within{opacity: 1;visibility: visible;transform: translateY(0);pointer-events: auto}.header-dropdown__inner{width: 19rem;padding: 0.5rem 0;padding-bottom: 0;padding-top: 0}.header-dropdown__list{margin: 0;padding: 0;list-style: none;max-height: 22rem;overflow-y: auto;overscroll-behavior: contain;scrollbar-width: thin;scrollbar-color: rgba(0, 50, 83, 0.2) transparent}.header-dropdown__list::-webkit-scrollbar{width: 0.3125rem}.header-dropdown__list::-webkit-scrollbar-track{background: transparent}.header-dropdown__list::-webkit-scrollbar-thumb{background-color: rgba(0, 50, 83, 0.2);border-radius: 1rem}.header-dropdown__list::-webkit-scrollbar-thumb:hover{background-color: rgba(0, 50, 83, 0.35)}.header-dropdown__link{display: flex;align-items: center;justify-content: space-between;padding: 0.875rem 1.25rem;color: #003253;text-decoration: none;transition: background-color 0.3s cubic-bezier(0, 0, 0.58, 1), color 0.3s cubic-bezier(0, 0, 0.58, 1)}.header-dropdown__link:hover, .header-dropdown__link:focus-visible, .header-dropdown__link:active{background-color: var(--color-r-brand-500, #079de2);color: #ffffff;outline: none}.header-dropdown__link-body{display: flex;flex: 1 1 auto;flex-direction: column;min-width: 0;margin-right: 0.5rem}.header-dropdown__link-title{font-size: 0.9375rem;font-weight: 700;line-height: 1.35;text-transform: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.header-dropdown__link-desc{margin-top: 0.125rem;font-size: 0.75rem;font-weight: 400;line-height: 1.2;color: rgba(0, 51, 75, 0.55);transition: color 0.3s cubic-bezier(0, 0, 0.58, 1)}.header-dropdown__link:hover .header-dropdown__link-desc, .header-dropdown__link:focus-visible .header-dropdown__link-desc, .header-dropdown__link:active .header-dropdown__link-desc{color: rgba(255, 255, 255, 0.75)}.header-dropdown__count{flex: 0 0 auto;min-width: 1.375rem;height: 1.375rem;margin-right: 0.5rem;display: none;padding: 0 0.375rem;display: inline-flex;align-items: center;justify-content: center;font-size: 0.6875rem;font-weight: 700;line-height: 1;color: rgba(0, 50, 83, 0.55);background-color: #eff4f7;border-radius: 1rem;transition: background-color 0.3s cubic-bezier(0, 0, 0.58, 1), color 0.3s cubic-bezier(0, 0, 0.58, 1);display: none}.header-dropdown__link:hover .header-dropdown__count, .header-dropdown__link:focus-visible .header-dropdown__count, .header-dropdown__link:active .header-dropdown__count{background-color: rgba(255, 255, 255, 0.2);color: #ffffff}.header-dropdown__icon{position: relative;flex: 0 0 auto;display: block;width: 0.9375rem;height: 0.9375rem}.header-dropdown__icon > *{position: absolute;top: 50%;left: 50%;transition: opacity 0.3s cubic-bezier(0, 0, 0.58, 1), transform 0.3s cubic-bezier(0, 0, 0.58, 1)}.header-dropdown__chevron{width: 0.5625rem;height: 0.375rem;margin: -0.1875rem 0 0 -0.2813rem;background-color: currentColor;opacity: 1;transform: rotate(-90deg);transform-origin: center;-webkit-mask-image: url("https://vietdung.com.vn/wp-content/themes/okhub-theme/assets/images/header/ic-chevron-down.svg");mask-image: url("https://vietdung.com.vn/wp-content/themes/okhub-theme/assets/images/header/ic-chevron-down.svg");-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center;mask-position: center;-webkit-mask-size: contain;mask-size: contain}.header-dropdown__arrow{width: 0.9375rem;height: 0.9375rem;margin: -0.4688rem 0 0 -0.4688rem;color: currentColor;opacity: 0;transform: translateX(-0.1875rem)}.header-dropdown__link:hover .header-dropdown__chevron, .header-dropdown__link:focus-visible .header-dropdown__chevron, .header-dropdown__link:active .header-dropdown__chevron{opacity: 0;transform: rotate(-90deg) translateY(-0.1875rem)}.header-dropdown__link:hover .header-dropdown__arrow, .header-dropdown__link:focus-visible .header-dropdown__arrow, .header-dropdown__link:active .header-dropdown__arrow{opacity: 1;transform: translateX(0)}@media screen and (max-width: 639.98px){.header-dropdown__inner{width: min(90vw, 24rem)}}