@font-face {
font-family: "Chakra Petch";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../fonts/chakra-petch-400.woff2") format("woff2");
}
@font-face {
font-family: "Chakra Petch";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../fonts/chakra-petch-500.woff2") format("woff2");
}
@font-face {
font-family: "Chakra Petch";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../fonts/chakra-petch-600.woff2") format("woff2");
}
@font-face {
font-family: "Chakra Petch";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("../fonts/chakra-petch-700.woff2") format("woff2");
}
h1,h2,h3,h4,h5,h6,.uagb-heading-text,.cv-heading{
font-family: "Chakra Petch", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
letter-spacing: 0.02em;
}
header.site-header,.site-header{
background: #ffffff !important;
position: relative;
width: 100%;
z-index: 99;
}
header.site-header .ast-container,.main-header-bar .ast-container,.ast-main-header-wrap .ast-container{
max-width: 1240px !important;
width: 100% !important;
margin: 0 auto !important;
padding: 0 20px !important;
box-sizing: border-box !important;
}
.main-header-bar{
border-bottom: 1px solid #d1d5db !important;
background-color: #ffffff !important;
}
.site-logo-img img,.custom-logo{
max-width: 145px !important;
height: auto !important;
display: block !important;
}
.site-title,.site-description,.ast-site-title-wrap{
display: none !important;
}
.main-header-menu .menu-item:not(.cv-menu-contact-wrap) a{
font-weight: 600 !important;
font-size: 14px !important;
letter-spacing: 0.03em;
color: #1a202c !important;
transition: color 0.2s ease;
}
.main-header-menu .menu-item:not(.cv-menu-contact-wrap):hover > a,.main-header-menu .current-menu-item:not(.cv-menu-contact-wrap) > a,.main-header-menu .current_page_item:not(.cv-menu-contact-wrap) > a,.main-header-menu .current-menu-ancestor:not(.cv-menu-contact-wrap) > a{
color: #1ec776 !important;
}
.cv-menu-contact-wrap{
margin-left: auto;
display: flex;
align-items: center;
}
.cv-header-contact{
border: 1px solid #333333;
border-radius: 4px;
padding: 6px 14px;
display: inline-flex;
align-items: center;
gap: 10px;
background: #ffffff;
box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}
.cv-header-contact svg{
stroke: #333333;
flex-shrink: 0;
}
.cv-header-contact-text{
display: flex;
flex-direction: column;
line-height: 1.25;
}
.main-header-menu .menu-item .cv-header-hotline,.cv-header-contact .cv-header-hotline,a.cv-header-hotline,.cv-header-hotline{
color: #ed1c24 !important;
font-weight: 700 !important;
font-size: 15px !important;
text-decoration: none !important;
padding: 0 !important;
line-height: 1.2 !important;
font-family: "Chakra Petch", sans-serif !important;
}
.main-header-menu .menu-item .cv-header-hotline:hover,.cv-header-contact .cv-header-hotline:hover,a.cv-header-hotline:hover,.cv-header-hotline:hover{
color: #c81016 !important;
}
.cv-header-email{
color: #64748b;
font-size: 11px;
}
.wp-block-uagb-container.uagb-block-cv_footer_outer,.uagb-block-cv_footer_outer,.cv-cat-footer-outer{
background-color: #0a0a0a !important;
padding: 95px 0 95px !important;
width: 100% !important;
}
.uagb-block-cv_footer_inner{
max-width: 1200px !important;
margin: 0 auto !important;
display: grid !important;
grid-template-columns: 1fr 1fr 1fr !important;
align-items: center !important;
padding: 0 20px !important;
box-sizing: border-box !important;
}
.wp-block-uagb-container.uagb-is-root-container .cv-footer-col-left,.uagb-block-cv_footer_inner .cv-footer-col-left{
width: auto !important;
max-width: 200px !important;
flex: 0 0 auto !important;
}
.wp-block-uagb-container.uagb-is-root-container .cv-footer-col-right,.uagb-block-cv_footer_inner .cv-footer-col-right{
width: auto !important;
max-width: 100% !important;
text-align: left !important;
}
.uagb-block-cv_footer_inner .cv-social-icons{
justify-content: flex-start !important;
}
@media  (max-width: 767px) {.wp-block-uagb-container.uagb-block-cv_footer_outer,.uagb-block-cv_footer_outer,.cv-cat-footer-outer{
padding: 70px 0 95px !important;
}
.uagb-block-cv_footer_inner{
display: flex !important;
flex-direction: column !important;
text-align: center !important;
gap: 24px !important;
}
.wp-block-uagb-container.uagb-is-root-container .cv-footer-col-left,.uagb-block-cv_footer_inner .cv-footer-col-left,.wp-block-uagb-container.uagb-is-root-container .cv-footer-col-right,.uagb-block-cv_footer_inner .cv-footer-col-right{
max-width: 100% !important;
text-align: center !important;
}
.uagb-block-cv_footer_inner .cv-social-icons{
justify-content: center !important;
}}
.site-footer,.ast-footer-builder{
display: none !important;
}
.cv-floating-hotline{
position: fixed;
bottom: 25px;
left: 25px;
z-index: 9999;
}
.cv-floating-hotline a{
display: inline-flex;
align-items: center;
background: linear-gradient(135deg, #e53935 0%, #c62828 100%);
color: #ffffff !important;
font-weight: 700;
font-size: 15px;
padding: 10px 20px;
border-radius: 50px;
box-shadow: 0 4px 15px rgba(229, 57, 53, 0.45);
text-decoration: none;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
@media  (hover: hover) and (pointer: fine) {.cv-floating-hotline a:hover{
transform: scale(1.05);
box-shadow: 0 6px 20px rgba(229, 57, 53, 0.6);
}}
.cv-floating-hotline a:active{
transform: scale(0.96);
}
.cv-floating-hotline-icon{
width: 28px;
height: 28px;
background: #ffffff;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 10px;
color: #e53935;
font-size: 14px;
}
.cv-floating-zalo{
position: fixed;
bottom: 80px;
right: 21px;
z-index: 99999;
}
.cv-floating-zalo a{
display: block;
width: 52px;
height: 52px;
border-radius: 50%;
background-color: #009af8;
box-shadow: 0 4px 15px rgba(0, 136, 255, 0.45);
text-decoration: none;
transition: transform 0.25s ease, box-shadow 0.25s ease;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
}
@media  (hover: hover) and (pointer: fine) {.cv-floating-zalo a:hover{
transform: scale(1.1);
box-shadow: 0 6px 20px rgba(0, 136, 255, 0.6);
}}
.cv-floating-zalo a:active{
transform: scale(0.96);
}
.cv-floating-zalo a svg{
display: block;
width: 100%;
height: 100%;
}
.cv-floating-zalo a:focus-visible{
outline: 3px solid #005a9c;
outline-offset: 4px;
}
.cv-floating-zalo img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
display: block;
}
.cv-scroll-to-top{
position: fixed;
bottom: 25px;
right: 25px;
width: 44px;
height: 44px;
background-color: #333333;
color: #ffffff;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
z-index: 99998;
text-decoration: none !important;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease, background-color 0.2s ease, color 0.2s ease;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
cursor: pointer;
}
.cv-scroll-to-top.is-visible{
opacity: 1;
visibility: visible;
transform: translateY(0);
}
@media  (hover: hover) and (pointer: fine) {.cv-scroll-to-top:hover{
background-color: #ed1c24;
color: #ffffff;
}}
.cv-scroll-to-top:active{
background-color: #ed1c24;
transform: scale(0.94);
}
.cv-scroll-to-top svg{
width: 20px;
height: 20px;
stroke: currentColor;
stroke-width: 2.5;
pointer-events: none;
}
#ast-scroll-top{
display: none !important;
}
.cv-cat-title-container{
position: relative;
display: inline-block;
margin-bottom: 12px;
}
.cv-cat-title{
position: relative;
font-family: "Chakra Petch", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-size: 36px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
color: #333333 !important;
margin: 0 !important;
padding: 0 0 0 16px !important;
display: inline-block;
z-index: 1;
}
.cv-cat-title::before{
content: "";
position: absolute;
top: -10px;
left: 0;
width: 55px;
height: 55px;
background-color: #1ec776;
z-index: -1;
display: block;
border-radius: 2px;
}
.page-id-217 #content,.page-id-217 #content .ast-container,.page-id-217 #primary,.page-id-217 .site-main,.page-id-217 .ast-article-single,.page-id-217 .entry-content,.page-contact #content,.page-contact #content .ast-container,.page-contact #primary,.page-contact .site-main,.page-contact .ast-article-single,.page-contact .entry-content{
max-width: 100% !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
.cv-contact-title{
font-size: 32px !important;
color: #091d13 !important;
font-family: "Chakra Petch", sans-serif !important;
font-weight: 700 !important;
}
.cv-contact-map-wrap,.uagb-block-cv_contact_map_outer,.uagb-block-cv_contact_map_outer > .uagb-container-inner-blocks-wrap{
max-width: 100% !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
line-height: 0;
}
.cv-contact-map-wrap iframe{
width: 100% !important;
height: 450px;
border: none;
display: block;
}
.cv-contact-split-wrap{
display: flex;
flex-direction: row;
align-items: flex-start;
width: 100%;
box-sizing: border-box;
}
.cv-contact-col-form{
flex: 1 1 50%;
width: 50%;
box-sizing: border-box;
padding-right: 20px;
}
.cv-contact-col-info{
flex: 1 1 50%;
width: 50%;
box-sizing: border-box;
padding-left: 65px;
}
.cv-form-group{
margin-bottom: 20px;
}
.cv-form-group label{
display: block;
font-size: 14px;
font-weight: 400;
color: #333333;
margin-bottom: 8px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.cv-form-group input{
width: 100% !important;
height: 44px !important;
border: 1px solid #e0e0e0 !important;
border-radius: 0px !important;
padding: 0 15px !important;
font-size: 13px !important;
color: #333333 !important;
background-color: #ffffff !important;
box-sizing: border-box !important;
transition: border-color 0.2s ease;
outline: none !important;
box-shadow: none !important;
}
.cv-form-group input:focus{
border-color: #1ec776 !important;
}
.cv-form-submit{
display: flex;
justify-content: flex-end;
margin-top: 24px;
}
.cv-btn-submit{
width: 169px;
height: 43px;
background-color: #1ec776 !important;
color: #ffffff !important;
border: none !important;
border-radius: 0px !important;
font-size: 14px !important;
font-weight: 500 !important;
text-transform: uppercase !important;
letter-spacing: 0.05em;
cursor: pointer;
transition: background-color 0.2s ease;
display: inline-flex;
align-items: center;
justify-content: center;
}
.cv-btn-submit:hover{
background-color: #18a863 !important;
}
.cv-form-group .wpcf7-form-control-wrap{
display: block !important;
width: 100% !important;
position: relative !important;
}
.cv-form-group input.wpcf7-not-valid{
border-color: #e53935 !important;
}
.cv-form-group .wpcf7-not-valid-tip{
color: #e53935 !important;
font-size: 12px !important;
margin-top: 5px !important;
display: block !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}
.wpcf7 form.sent .wpcf7-response-output{
margin: 20px 0 0 0 !important;
padding: 12px 16px !important;
background-color: #e8f5e9 !important;
border: 1px solid #1ec776 !important;
color: #2e7d32 !important;
border-radius: 4px !important;
font-size: 14px !important;
text-align: center !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{
margin: 20px 0 0 0 !important;
padding: 12px 16px !important;
background-color: #ffebee !important;
border: 1px solid #e53935 !important;
color: #c62828 !important;
border-radius: 4px !important;
font-size: 14px !important;
text-align: center !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}
.cv-form-submit .wpcf7-spinner{
margin: 10px 12px 0 0 !important;
vertical-align: middle !important;
}
.cv-contact-subtitle{
font-size: 13px !important;
line-height: 20px !important;
color: #828282 !important;
font-style: italic !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
margin-top: 0 !important;
margin-bottom: 18px !important;
}
.cv-contact-company .cv-company-title{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
font-size: 14px !important;
line-height: 1.35 !important;
color: #333333 !important;
font-weight: 400 !important;
margin: 0 0 16px 0 !important;
}
.cv-contact-company .cv-company-title strong{
font-size: 16px !important;
font-weight: 700 !important;
color: #333333 !important;
display: inline-block;
margin-top: 4px;
}
.cv-contact-details p{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
font-size: 15px !important;
line-height: 26px !important;
color: #333333 !important;
margin: 0 0 8px 0 !important;
}
.cv-contact-details strong{
color: #333333 !important;
font-weight: 700 !important;
}
@media  (max-width: 900px) {.cv-contact-split-wrap{
flex-direction: column;
gap: 35px;
}
.cv-contact-col-form,.cv-contact-col-info{
width: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0;
}}
.wp-caption,figure.wp-caption,.wp-block-image,figure.wp-block-image,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright,.wp-block-image.alignnone{
display: block !important;
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box !important;
margin-left: auto !important;
margin-right: auto !important;
}
.wp-caption img,figure.wp-caption img,.wp-block-image img,figure.wp-block-image img{
display: block !important;
max-width: 100% !important;
width: 100% !important;
height: auto !important;
}
figure.wp-block-image:has(.wp-caption) > figcaption.wp-element-caption,figure.wp-block-image:has(.wp-caption) > br,.wp-caption + br,.wp-caption + br + .wp-element-caption{
display: none !important;
}
.wp-block-image figcaption,.wp-caption figcaption,figcaption.wp-element-caption,figcaption.wp-caption-text{
text-align: center !important;
font-size: 14px !important;
color: #666666 !important;
margin-top: 8px !important;
display: block !important;
width: 100% !important;
}
.wp-block-uagb-container.uagb-block-cv_about_outer{
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.wp-block-uagb-container.uagb-block-cv_about_inner{
max-width: 1200px !important;
width: 100% !important;
margin: 0 auto !important;
align-items: stretch !important;
box-sizing: border-box !important;
}
@media  (max-width: 767px) {.wp-block-uagb-container.uagb-block-cv_about_outer{
padding-left: 16px !important;
padding-right: 16px !important;
padding-top: 30px !important;
padding-bottom: 40px !important;
}
.wp-block-uagb-container.uagb-block-cv_about_inner{
padding: 0 !important;
align-items: flex-start !important;
}
.wp-block-uagb-container.uagb-block-cv_about_inner .cv-cat-title-container{
margin-left: 0 !important;
margin-right: auto !important;
}
.wp-block-uagb-container.uagb-block-cv_about_inner p{
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}}
.cv-social-icons a:focus-visible{
outline: 2px solid currentColor;
outline-offset: 4px;
}