/*
Theme Name: HBagency Child
Description: This is a child theme for HBagency Theme
Author: UX Themes
Template: hbagency
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

b, strong { font-weight: 600 !important;}
table { border-right: solid 1px #ccc; border-top: solid 1px #ccc;}
table td { border-left: solid 1px #ccc; border-bottom-color: #ccc; padding: 10px !important; color: #000;}
.fas, fa { font-family: Fontawesome;}
div#top-bar a { font-weight: 400; text-transform: unset;}
ol, ul { margin-left: 30px; margin-bottom: 20px}
.entry-divider { display: none !important;}
div#content {padding-bottom: 0px;padding-top: 0; text-align: justify; }
iframe {margin: auto !important;display: block;}
.single div#content { padding-top: 0px;}
#logo a { color: #FFF; text-transform: uppercase;}
.entry-content p { text-align: justify;}
h6 { font-size: 12px;}
h5 { font-size: 14px;}
h4 { font-size: 17px;}
h3 { font-size: 20px;}
h2 { font-size: 22px;}
.is-divider { display: none;}
#flags { width: auto !important;}

@media screen and (max-width: 959px) { 
  body { overflow: hidden !important;}
}

/* 
 * topbar 
 * */
#top-bar ul#header-contact li a { font-size: 15px; color: #FFF;}
#top-bar ul#header-contact { background: #8f5a35; color: #fff; margin-left: auto; margin-right: 1rem; padding: 0px 25px; color: #fff; overflow: hidden; justify-content: center;}
#top-bar ul#header-contact:before { content: ""; position: absolute; left: -20px; top: 0px; background: #000; width: 34px; height: 34px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); border: 1px solid #FFF;}
#top-bar ul#header-contact:after { content: ""; position: absolute; right: -20px; top: 0px; background: #000; width: 34px; height: 34px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); border: 1px solid #FFF;}

/* 
 * Hotline header 
 * */
ul.hotline-top { position: relative; font-weight: 500; color: #000; padding: 10px 10px 10px 50px !important; background: #f5f5f5; border-radius: 5px; border: 1px solid #ccc; }
ul.hotline-top:before { content: ""; width: 44px; height: 44px; text-align: center; font-size: 23px; line-height: 40px; position: absolute; left: 0px; color: #ffffff; top: 50%; transform: translate(0, -50%); background: url(image/icon-phone.png) no-repeat; background-size: contain; }
.hotline-top li { list-style: none; margin-bottom: 0px; line-height: 23px; font-size: 15px;font-weight: 600;}
.hotline-top li.hotline-phone { font-weight: 600; font-size: 20px; color: #8f5a35; }

/* 
 * tìm kiếm header 
 * */
div#masthead .hide-for-medium.flex-left .header-nav { justify-content: center;}
#header select.search_categories { background-color: #FFF; border: 0px; height: 40px; box-shadow: none; width: 95px !important;}
#header .search-form-categories { position: relative; border-right: 1px solid #ebebeb;}
#header form.searchform { border: 2px solid #8f5a35; border-radius: 5px; }
#header input.search-field { background: #FFF; border: 0px; height: 40px; box-shadow: none; }
#header form.searchform .flex-col:last-child { padding: 4px; color: #000;}
.searchform .button.icon { padding: 0 20px; }
#header form.searchform >.flex-row { background: #FFF; border: 0px; border-radius: 3px;}
#header form.searchform .submit-button { background: #8f5a35 !important; border-radius: 0px 5px 5px 0px; color: #FFF !important;}

/* 
 * menu chính 
 * */
#header {
    margin-bottom: -90px;
}
#masthead ul.header-nav > li.menu-item { margin: 0 5px; }
#masthead .flex-col.hide-for-medium { }
#masthead ul.header-nav li a { font-size: 14px; }
#masthead ul.header-nav > li.menu-item > a { font-weight: 600; text-align: center;font-size: 15px; padding: 0px 15px; }
#masthead ul.header-nav > li.menu-item > a:after { border-color: #92e6ff;}
#masthead ul.header-nav > li.menu-item >.nav-dropdown >li a { color: #000;border-bottom: 0px; margin: 0px; padding: 10px; font-weight: 400; text-transform: unset;}
#masthead ul.header-nav li.menu-item:not(.megamenu) ul.nav-dropdown { padding: 0px; border: 0px; background: #f8f8f8; z-index: 99; display: block; }
#masthead ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown li.menu-item a:hover { background: #8f5a35; color: #FFF !important;}

/* 
 * menu chính sổ sang ngang sang ngang 
 * */
#masthead ul.header-nav .nav-dropdown-simple {  box-shadow: 0px 0px 10px 0px #ccc; }
#masthead ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown { padding: 0px; border: 0px; }
#masthead ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown li.menu-item { display: block; width: 100%; position: relative; }
#masthead ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown li.menu-item~li.menu-item a { border-top: 1px dotted #ccc;}
#masthead ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown-simple .menu-item a { font-weight: 400; text-transform: unset; position: relative; color: #FFF; background: #f8f8f8;}
#masthead ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown li.menu-item .nav-column { display: none !important;}
#masthead ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown li.menu-item .nav-column { position: absolute; left: 100%; background: #f8f8f8; top: 0px; min-width: 260px; }
#masthead ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown li.menu-item:hover .nav-column { display: block !important; }
#masthead ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown li.menu-item-has-children >a:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M11.611,10.049l-4.76-4.873c-0.303-0.31-0.297-0.804,0.012-1.105c0.309-0.304,0.803-0.293,1.105,0.012l5.306,5.433c0.304,0.31,0.296,0.805-0.012,1.105L7.83,15.928c-0.152,0.148-0.35,0.223-0.547,0.223c-0.203,0-0.406-0.08-0.559-0.236c-0.303-0.309-0.295-0.803,0.012-1.104L11.611,10.049z'%3E%3C/path%3E%3C/svg%3E"); position: absolute; right: 0px; top: 50%; transform: translate(0, -50%); width: 15px; height: 15px; }
#masthead ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown li.menu-item a:hover:after { filter: invert(1);}

/* 
 * menu chính khi có class megamenu 
 * */
#masthead ul.header-nav li.megamenu >ul.nav-dropdown { display: flex; flex-flow: row wrap; width: 100%; min-width: 920px; border: 0px; padding: 10px;}
#masthead ul.header-nav li.megamenu >ul.nav-dropdown >li.menu-item { max-width: 25%; flex-basis: 100%; padding: 10px;}
#masthead ul.header-nav li.megamenu >ul.nav-dropdown li.menu-item a { padding: 10px 0px;}
#masthead ul.header-nav li.megamenu >ul.nav-dropdown >li.menu-item >a { border-bottom: 1px dashed #000; padding-top: 0px;}
#masthead ul.header-nav li.megamenu >ul.nav-dropdown li.menu-item li.menu-item a { padding-bottom: 0px;}
#masthead ul.header-nav li.megamenu ul.nav-dropdown li.menu-item a:hover { color: #8f5a35;}

/* menu di động */
.off-canvas-left.dark .mfp-content { background-color: #8f5a35;}

@media screen and (max-width: 959px) {
  #header .stuck div#masthead { position: fixed !important; top: 0px; left: 0px; z-index: 999999; background: #FFF; width: 100%; display: block !important;box-shadow: 0px 0px 5px 2px #ccc;}
  #header .stuck div#wide-nav { display: none;}
  #header div#wide-nav .hide-for-medium {display: none;}
  #header div#wide-nav .show-for-medium {display: block !important;}
  .mobile-sidebar .nav-uppercase li.menu-item { position: relative;}
  .mobile-sidebar .nav-uppercase li.menu-item a { color: #FFF !important;font-size: 14px; }
  .mobile-sidebar .nav-uppercase .menu >li.menu-item >a { text-transform: uppercase; font-weight: 600; }
  .mobile-sidebar .nav-vertical >li.menu-item >a { padding: 10px;}
  .mobile-sidebar .nav-uppercase ul.children a { text-transform: none;}
  .mobile-sidebar .nav-vertical >li.menu-item button.toggle { margin: 0px; width: 25px; font-size: 10px; }
  .mobile-sidebar .nav-uppercase li.menu-item ul.children { padding-bottom: 0; }
  .mobile-sidebar .nav-uppercase li.menu-item ul.children >li.menu-item { padding: 0px;margin: 0px;}
  .mobile-sidebar .nav-uppercase li.menu-item ul.children li.menu-item { border-top: 1px solid rgba(255,255,255,.2);}
  .mobile-sidebar .nav-uppercase li.menu-item ul.children >li.menu-item >a:before { content: "-"; margin-right: 5px;}
  .mobile-sidebar .nav-uppercase li.menu-item ul.children ul.nav-sidebar-ul a:before { content: "+"; margin-right: 5px;}
  .off-canvas-left .mfp-content { background: #0066b2;}
  .mobile-sidebar .nav-vertical .html.custom { background: #15acd9; font-weight: 600; font-size: 16px; color: #FFF; padding: 10px 20px;}
  #header .header-main .header-button .button { background: #8f5a35 !important; text-transform: unset; }
  .mobile-sidebar .nav-vertical >li.menu-item >a img { filter: brightness(0) invert(1); width: 15px; }
  #masthead #logo { max-width: 110px;}
  #masthead .show-for-medium { flex: auto;}
  #header .header-main .nav-icon { margin-right: 0px;}
  #masthead .mobile-nav a.icon { margin: 0px; padding: 0 5px; font-size: 11px;}
  #masthead .mobile-nav a.icon i.icon-menu { margin: 0px 3px 0px 0px;}
  #masthead .mobile-nav a.icon span.menu-title { padding: 0px; display: inline-block !important; margin: 0px; color: #FFF !important; text-transform: unset; }

}

/* 
 * breadcrumbs 
 * */
.home .breadcrumb-blog {display: none;}
.row-breadcrumb { background: #fbedee; line-height: 40px; margin-bottom: 20px;}
.breadcrumbs { max-width: 1200px; margin: auto; text-transform: unset; line-height: 20px;  padding: 10px 15px; font-size: 14px; font-weight: 400; color: #000; letter-spacing: 0px; text-align: left; }
.breadcrumbs a { position: relative; display: inline-block; text-transform: none; font-weight: 400; font-size: 14px; color: #000; }
.breadcrumbs a:hover { color: #8f5a35; }

/* 
 * Khung web 
 * */
.single-post .entry-header { margin-bottom: 30px;}
.entry-content.single-page { padding-top: 0px;}
.entry-header-text.entry-header-text-bottom.text-left { padding-top: 0px; }
.page-wrapper { padding-top: 0px;}
.khungweb { padding: 0 15px; max-width: 1200px !important;}
.khungweb .khung-noidung { padding: 0px !important; margin-bottom: 20px; background: #FFF; border: 0px !important; border-radius: 10px; }
.khungweb .sidebar { padding: 0px !important; border: 0px;}
.khung-noidung .product-main { padding-bottom: 0px;}
.category-filtering { display: none;}
.khungweb .khung-full { max-width: 100%; flex-basis: 100%; -ms-flex-preferred-size: 100%; border: 0px !important; padding: 0px !important;}

@media only screen and (min-width: 960px) { 
 .khungweb .khung-noidung { max-width: 73%;}
 .khungweb .sidebar-right { margin-left: 0px; margin-right: auto; }
 .khungweb .sidebar-left { margin-left: auto; margin-right: 0px; }
 .khungweb .khung-product { max-width: 73%;}
}
@media only screen and (max-width: 959px) { 
  .khungweb .khung-noidung { max-width: 100% !important; flex-basis: 100% !important; }
  .khungweb .sidebar { max-width: 100% !important; flex-basis: 100% !important; order: 2;display: block !important;}
}

/* khung tiêu đề background chung */
.page-featured-title { background: url(image/bg-header.jpg) no-repeat center; background-size: cover;display: flex; align-items: center;position: relative;}
.page-featured-title:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; bottom: 0px; background: rgb(0 0 0 / 30%);}
header.blog-page-header { margin-bottom: 30px;}
h1 { text-align: left; margin: 0px; color: #000; z-index: 1; }

@media only screen and (min-width: 960px) {
  .page-featured-title { min-height: 500px; }
  h1 { font-size: 35px !important; }
}
@media only screen and (max-width: 959px) {
  .page-featured-title { min-height: 250px; }
  h1 { font-size: 25px !important; }
}

/* 
 * Thanh bên 
 * */

/*
 * Chân trang footer
 * */
#footer .absolute-footer { display: none;}
#footer { font-size: 16px;}
#footer .widget-title { color: #000; font-weight: bold; text-transform: uppercase; font-size: 18px; margin-bottom: 15px; display: block;}
#footer .is-divider.small { background: #000; width: 100%; max-width: 100%; height: 2px;}
#footer a { color: #000; }

#footer .menu li { list-style: none; border: 0px; }
#footer .menu li~li { margin-top: 10px;}
#footer .menu li a { display: block; color: #000; font-size: 16px; padding: 0px 0px 0px 25px; position: relative; }
#footer .menu li a:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; background-position: left center; margin-right: 8px; width: 20px; height: 20px; position: absolute; left: 0px; top: 50%; transform: translate(0%, -50%);}
#footer .menu li a:hover { color: #8f5a35;}

a#top-link { color: #fff; background: #8f5a35; }
a#top-link:hover { color: #8f5a35; background: #fff; }

/* Thông tin chân trang */
.page-footer1 { border-top: 1px solid #8F5A35; }
.page-footer1 .section-content { display: flex; flex-flow: row wrap; width: 100%; justify-content: space-between;}
.page-footer1 .featured-box { flex-basis: 100%; color: #fff; position: relative;}
.page-footer1 .featured-box:nth-child(2) { background: #D39B74;}
.page-footer1 .featured-box:nth-child(1) { background: #C49E84;}
.page-footer1 .featured-box .icon-box-img { margin: 0px; position: absolute; right: 10px;}
.page-footer1 .featured-box .icon-box-img img { padding: 0px;}
.page-footer1 .featured-box .icon-box-text { font-weight: 600; line-height: normal;}
.page-footer1 .featured-box .icon-box-text p { margin-bottom: 15px;}
.page-footer1 .featured-box a.button { background: #8F5A35; color: #fff !important; font-size: 15px;}

.page-footer2 { border-top: 1px solid #8F5A35; border-bottom: 1px solid #8F5A35;}
.page-footer2 .section-content { display: flex; flex-flow: row wrap; width: 100%; justify-content: space-between; align-items: center;}
.page-footer2 .hbw-title { flex-basis: 100%;}
.page-footer2 .hbw-title .hbw-title-main { margin: 0px;}
.page-footer2 .wpcf7 { flex-basis: 100%;}
.page-footer2 .wpcf7 .wpcf7-form { margin: 0px;}
.page-footer2 .wpcf7 .row-form { display: flex; flex-flow: row wrap; width: 100%;}
.page-footer2 .wpcf7 .col-left { max-width: 60%; flex-basis: 100%;}
.page-footer2 .wpcf7 .row-form .col-right { max-width: 40%; flex-basis: 100%;}
.page-footer2 .wpcf7 span.wpcf7-spinner { display: none;}
.page-footer2 .wpcf7 .wpcf7-submit { margin: 0px; width: 100%;}
.page-footer2 .wpcf7 .wpcf7-text { margin: 0px; box-shadow: none;}

@media only screen and (min-width: 960px) {
  .page-footer1 .featured-box { max-width: 48%; padding: 25px 120px 25px 25px; }
  .page-footer1 .featured-box .icon-box-text { font-size: 30px; }
  .page-footer2 .hbw-title { max-width: 60%; }
  .page-footer2 .wpcf7 { max-width: 35%; }
  .page-footer2 .hbw-title .hbw-title-main { font-size: 40px; }
  .page-footer2 .hbw-title .title-content { font-size: 20px;}
}
@media only screen and (max-width: 959px) { 
  .page-footer1 .featured-box { max-width: 90%; margin: 0 auto 15px; padding: 20px 90px 20px 20px; }
  .page-footer1 .featured-box .icon-box-text { font-size: 20px; }
  .page-footer2 .hbw-title { max-width: 90%; margin: 0 auto 15px; }
  .page-footer2 .wpcf7 { max-width: 90%; margin: 0 auto; }
  .page-footer2 .hbw-title .hbw-title-main { font-size: 30px; }
  .page-footer2 .hbw-title .title-content { font-size: 16px;}
}


/* 
 * bản quyền 
 * */
.copyright a { color: #FFF !important; }
.fa-clock:before { content: "\f017"; }
.copyright { margin: 0px; font-size: 12px; background: #000; color: #FFF;padding: 10px; text-align: center; }
.copyright div { max-width: 1170px; margin: auto; }

/* 
 * scroll bar 
 * */
::-webkit-scrollbar { width: 5px; background-color: #F5F5F5;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;}
::-webkit-scrollbar-thumb { background-color: #8f5a35; background-image: -webkit-linear-gradient(45deg,rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)}


/*
 * hbw call now
 * */
.hbw-call-now { position: fixed; z-index: 999; display: flex; align-items: center; }
.hbw-call-now.hotline-left { left: 20px; }
.hbw-call-now.hotline-right { right: 20px; }
.hbw-call-now .hotline_float_icon { display: block; position: relative; cursor: pointer; padding: 0px; width: 35px; height: 25px;}
.hbw-call-now .hotline_float_icon~.hotline_float_icon { margin-top: 10px; }
.hbw-call-now .hot-zalo {
    background: url(image/icon-zalo.png) no-repeat center;
    background-size: contain;
}
.hbw-call-now .hot-face {
    background: url(image/icon-mess.png) no-repeat center;
    background-size: 25px;
}
.hbw-call-now .hot-phone {
    background: url(image/icon-phone1.png) no-repeat center;
    background-size: 20px;
}


.hbw-call-now .hotline_float_icon span { padding: 0; color: #fff; border: 2px solid #fff; border-radius: 20px; height: 40px; line-height: 36px; position: absolute; top: 3px; left: 20px; z-index: 1; overflow: hidden; -webkit-transition: all 1s; transition: all 1s; background-color: #ff6a00; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; font-weight: 400; white-space: nowrap; width: 150px; padding-left: 30px; padding-right: 10px; opacity: 1;}
.hbw-call-now .hotline_float_icon i.fa { display: none; width: 100%; height: 100%; position: relative; z-index: 2; border-radius: 100%; box-shadow: 0 0 5px #888; border: 2px solid #fff; font-size: 20px; animation-iteration-count: infinite; animation-name: tada; animation-duration: 1s; animation-fill-mode: both; }
.hbw-call-now .hotline_float_icon .fa-zalo { background: #ef0303 url(image/icon-zalo.svg) center center no-repeat;}
.hbw-call-now .hotline_float_icon .fa-messenger { background: #168efb url(image/icon-messenger.svg) center center no-repeat;}
.hbw-call-now .hotline_float_icon .fa-hotline { background: #70b81e url(image/icon-call.svg) center center no-repeat;}	
.hbw-call-now .hotline_float_icon .fa-whatsapp { background: #70b81e url(image/icon-call.svg) center center no-repeat; border: 5px solid !important; background-size: 35px; }
.hbw-call-now .hotline_float_icon .fa-whatsapp:after { content: ""; position: absolute; right: 0px; bottom: 0px; border-left: 8px solid #579d06; border-top: 5px solid transparent; border-bottom: 5px solid transparent; transform: rotate(37deg);}
.hbw-call-now .hotline_float_icon .fa-envelope { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M2.038 5.61A2.01 2.01 0 0 0 2 6v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6c0-.12-.01-.238-.03-.352l-.866.65-7.89 6.032a2 2 0 0 1-2.429 0L2.884 6.288l-.846-.677Z'/%3E%3Cpath d='M20.677 4.117A1.996 1.996 0 0 0 20 4H4c-.225 0-.44.037-.642.105l.758.607L12 10.742 19.9 4.7l.777-.583Z'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-color: #549a04; }

@media only screen and (min-width: 960px) {
  .hbw-call-now { left: 5px; top: 50%; transform: translate(0%, -50%); box-shadow: 3px 4px 0px 0px #8f5a35; border-radius: 8px; border: 0.75px solid #d39b74; padding: 20px 10px; background: rgb(255 255 255 / 80%); flex-direction: column; gap: 20px; justify-content: center; }
  .hbw-call-now .hotline_float_icon span { display: none;}
}

@media only screen and (max-width: 959px) { 
  .hbw-call-now .hotline_float_icon span { display: none;}
}

/*
@keyframes tada {
  0% { transform: scale3d(1,1,1);}
  10%, 20% { transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}
  30%, 50%, 70%, 90% { transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}
  40%, 60%, 80% { transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}
  100% { transform: scale3d(1,1,1);}
}

/* form popup */
.form-popup { max-width: 500px; background: #8f5a35; padding: 20px;}
.form-popup .header-form {  text-align: center;margin-bottom: 20px;}
.form-popup .header-form p { color: #FFF;}
.form-popup .header-form h2 {  color: #FFF;  text-transform: uppercase;  margin-bottom: 0px;}
.form-popup input[type='email'], .form-popup input[type='tel'], .form-popup input[type='text'], .form-popup textarea {  box-shadow: none; color: #FFF; border: 0px; }
.form-popup textarea { height: 75px !important; min-height: auto;}
.form-popup label { color: #fff; }
.form-popup .wpcf7-submit { background-image: -webkit-linear-gradient(bottom, #cc0000, #fb3333) !important; margin: 0px !important;  border-radius: 25px !important;}
.form-popup .close-buttom-popup {  top: 0px !important;  color: #FFF !important;  opacity: 1;  mix-blend-mode: unset !important;}

@media screen and (max-width: 959px) { 
	a.form-popup-menu span { display: none;}
}

/*
 * Page liên hệ
 * */
.page-contact { margin: 0px !important; padding: 0px 0px 25px; }
.page-contact .col-left { padding: 20px; background: #f4f5f9; text-align: left; }
.page-contact .col-right { padding: 0px; background: #f4f5f9;}
.page-contact .col-left h2 { font-size: 25px; margin-bottom: 13px; padding-bottom: 10px; position: relative; text-transform: uppercase;}
.page-contact .col-left h2:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 50px; height: 2px; background: #2a326a; z-index: 2;}
.page-contact .col-left h2:after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100px; height: 2px; background: #000; z-index: 1;}
.page-contact .col-left h3 { font-size: 16px;}
.page-contact .col-left ul { margin-left: 0px; font-size: 16px; color: #444c59; margin-bottom: 15px;}
.page-contact .col-left ul li { margin: 0px 0px 10px; list-style: none; position: relative; padding-left: 30px; line-height: normal; }
.page-contact .col-left .noidung1 ul li:before { content: ''; position: absolute; left: 0px; width: 20px; height: 20px; left: 0px; top: 2px; }
.page-contact .col-left .noidung1 ul li:nth-child(1):before { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 4h12M6 4v16M6 4H5m13 0v16m0-16h1m-1 16H6m12 0h1M6 20H5M9 7h1v1H9V7Zm5 0h1v1h-1V7Zm-5 4h1v1H9v-1Zm5 0h1v1h-1v-1Zm-3 4h2a1 1 0 0 1 1 1v4h-4v-4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E%0A"); background-size: contain; }
.page-contact .col-left .noidung1 ul li:nth-child(2):before, .page-contact .col-left .noidung1 ul li:nth-child(3):before { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.8 13.938h-.011a7 7 0 1 0-11.464.144h-.016l.14.171c.1.127.2.251.3.371L12 21l5.13-6.248c.194-.209.374-.429.54-.659l.13-.155Z'/%3E%3C/svg%3E%0A"); background-size: contain; }
.page-contact .col-left .noidung1 ul li:nth-child(4):before { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18.427 14.768 17.2 13.542a1.733 1.733 0 0 0-2.45 0l-.613.613a1.732 1.732 0 0 1-2.45 0l-1.838-1.84a1.735 1.735 0 0 1 0-2.452l.612-.613a1.735 1.735 0 0 0 0-2.452L9.237 5.572a1.6 1.6 0 0 0-2.45 0c-3.223 3.2-1.702 6.896 1.519 10.117 3.22 3.221 6.914 4.745 10.12 1.535a1.601 1.601 0 0 0 0-2.456Z'/%3E%3C/svg%3E%0A"); background-size: contain; }
.page-contact .col-left .noidung1 ul li:nth-child(5):before { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-width='2' d='m3.5 5.5 7.893 6.036a1 1 0 0 0 1.214 0L20.5 5.5M4 19h16a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1Z'/%3E%3C/svg%3E%0A"); background-size: contain; }
.page-contact .col-left .noidung2 ul li:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4l3 3m6-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/%3E%3C/svg%3E%0A"); background-size: contain; position: absolute; left: 0px; width: 20px; height: 20px; left: 0px; top: 0px; }
.page-contact .col-bottom { padding: 20px; background: #f4f5f9;}
.page-contact .col-right p { margin: 0px;}

/* 
 * home khung 
 * */
.home h1.entry-title { display: none !important;}
.home-section .section-content { max-width: 1200px; margin-left: auto; margin-right: auto;}

/* home banner */
.banner-home:hover .img-inner img, .banner-home:hover .box-image img { filter: brightness(0.5);}
.banner-home .img-inner:before, .banner-home .box-image div:before { content: ""; position: absolute; width: 90%; height: 90%; left: 0px; top: 0px; right: 0px; bottom: 0px; background: transparent; z-index: 9; margin: auto; transition: opacity .35s, transform .35s, -webkit-transform .35s; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0;}
.banner-home .img-inner:after, .banner-home .box-image div:after { content: ""; position: absolute; width: 90%; height: 90%; left: 0px; top: 0px; right: 0px; bottom: 0px; background: transparent; z-index: 9; margin: auto; transition: opacity .35s, transform .35s, -webkit-transform .35s; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 0; transform-origin: 0 0;}
.banner-home:hover .img-inner:after, .banner-home:hover .img-inner:before, .banner-home:hover .box-image div:before, .banner-home:hover .box-image div:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

/* Hiệu ứng bài viết */
.post-item:hover .box-image img { filter: brightness(0.5);}
.post-item .box-image a:before { content: ""; position: absolute; width: 95%; height: 95%; left: 0px; top: 0px; right: 0px; bottom: 0px; background: transparent; z-index: 9; margin: auto; transition: opacity .35s, transform .35s, -webkit-transform .35s; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0;}
.post-item .box-image a:after { content: ""; position: absolute; width: 95%; height: 95%; left: 0px; top: 0px; right: 0px; bottom: 0px; background: transparent; z-index: 9; margin: auto; transition: opacity .35s, transform .35s, -webkit-transform .35s; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 0; transform-origin: 0 0;}
.post-item:hover .box-image a:before, .post-item:hover .box-image a:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

/* Tiêu đề */
.home-page .tieude {text-align: center; margin-bottom: 30px; max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }
.home-page .tieude h2 { font-size: 35px; color: #000; padding-bottom: 20px; background: url(image/border-title-03.png) no-repeat center bottom; background-size: 245px; text-transform: uppercase; margin-bottom: 0px;}
.home-page .tieude p { margin: 0 auto; font-size: 16px; }

/* home dự án */
.home-duan .post-item .box-blog-post { padding: 10px; border: 1px solid #e5e5e5; border-radius: 10px;}
.home-duan .post-item .box-image { border-radius: 10px;}
.home-duan .post-item .box-text { padding: 15px 0px 30px;}
.home-duan .post-item .post-title { font-weight: 400; color: #000;}
.home-duan .post-item .post-title a.plain { margin: 0px; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #000;}
.home-duan .post-item:hover .post-title a { color: #c03131; }
.home-duan .post-item .box-text .from_the_blog_excerpt { font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #000;}
.home-duan .post-item .box-text a.button { margin: 0px; border: 0px; padding: 0px; color: #c03131; text-transform: unset; font-size: 15px; position: absolute; right: 0px; bottom: 0px; min-height: auto; height: auto; line-height: normal;}

/* banner home */
.home-banner .text-box a.button { margin-bottom: 0px; font-size: 16px; font-weight: 500;}
.home-banner .text-box h2 { line-height: normal; color: #a67d62; }
.home-banner .text-box h3 { color: #a67d62; background: -webkit-linear-gradient(left, #a67d62, #fff); background: linear-gradient(to right, #a67d62, #fff);  -webkit-background-clip: text; background-clip: text; color: transparent; line-height: normal; }

@media only screen and (min-width: 960px) {
  .home-banner .img img { max-width: 120px;}
  .home-banner .text-box { font-size: 30px;}
  .home-banner .text-box h2 { font-size: 50px;}
}
@media only screen and (max-width: 959px) {
  .home-banner { padding-top: 500px !important;}
  .home-banner .img img { max-width: 60px;}
  .home-banner .text-box { font-size: 20px;}
  .home-banner .text-box h2 { font-size: 30px; line-height: normal; }
}

/*
 * Trang chủ
 * */

/* home 1 */
.home-page1 { }
.home-page1 .section-content { display: flex; flex-flow: row wrap; width: 100%; align-items: center;}
.home-page1 video { flex-basis: 100%; }
.home-page1 .stack { padding: 0px; flex-basis: 100%; text-align: justify; font-size: 16px; display: block;}
.home-page1 .stack h2 { text-align: left; margin: 0px 0px 5px;}
.home-page1 .stack h3 { text-align: left; color: #000; margin: 0px 0px 20px;}
.home-page1 .stack p { margin-bottom: 10px;}
.home-page1 .stack .button { font-size: 14px; margin-top: 20px !important; }

@media only screen and (min-width: 960px) {
  .home-page1 video { max-width: 47%; margin-left: auto; margin-right: 0px;}
  .home-page1 .stack { max-width: 47%; margin-left: 0px; margin-right: auto; }
  .home-page1 .stack h2 { font-size: 40px; }
  .home-page1 .stack h3 { font-size: 20px; }
}
@media only screen and (max-width: 959px) { 
  .home-page1 video { max-width: 90%; margin: 0px auto 15px; }
  .home-page1 .stack { max-width: 90%; margin: 0px auto; order: 2; }
  .home-page1 .stack h2 { font-size: 30px; }
  .home-page1 .stack h3 { font-size: 18px; }
}

/* home 2 */
.home-page2 { }
.home-page2 .hbw-title .hbw-title-main { line-height: normal;}
.home-page2 .hbw-title .title-content { text-align: justify;}
.home-page2 .hbw-title:first-child { margin-bottom: 35px; padding-bottom: 35px; border-bottom: 1px solid #D39B74;}
.home-page2 .featured-box { text-align: left; align-items: center; margin-bottom: 35px; padding-bottom: 35px; border-bottom: 1px solid #D39B74; position: relative;}
.home-page2 .featured-box:before { content: ""; width: 50px; height: 50px; position: absolute; top: 0px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M21.2499 14.1664L15.5833 19.8331L12.7499 16.9997M18.7652 4.89996L20.4949 6.374C20.9307 6.74536 21.4718 6.96987 22.0425 7.01541L24.3078 7.19595C25.6397 7.30224 26.6976 8.35946 26.8039 9.69131L26.984 11.957C27.0295 12.5277 27.2548 13.0696 27.6262 13.5054L29.0996 15.2346C29.9662 16.2515 29.9663 17.7473 29.0997 18.7643L27.6263 20.4937C27.255 20.9295 27.0299 21.4716 26.9844 22.0423L26.8032 24.3076C26.6969 25.6395 25.6406 26.6974 24.3088 26.8036L22.0427 26.9845C21.4719 27.03 20.9303 27.2539 20.4946 27.6253L18.7652 29.0994C17.7483 29.966 16.2515 29.9662 15.2346 29.0995L13.5053 27.6254C13.0695 27.2541 12.5279 27.0297 11.9572 26.9842L9.69109 26.8036C8.35924 26.6974 7.30299 25.6397 7.19671 24.3079L7.01548 22.0425C6.96993 21.4717 6.74491 20.9301 6.37355 20.4944L4.90016 18.7643C4.03355 17.7474 4.03314 16.252 4.89975 15.2351L6.37447 13.5051C6.74583 13.0693 6.96869 12.5277 7.01423 11.957L7.19546 9.69158C7.30175 8.35973 8.36105 7.3021 9.6929 7.19581L11.9565 7.01527C12.5272 6.96973 13.0691 6.7454 13.5049 6.37404L15.2348 4.89996C16.2517 4.03335 17.7483 4.03335 18.7652 4.89996Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-color: #D39B74; background-repeat: no-repeat; background-position: center;}
.home-page2 .featured-box .icon-box-img { flex-basis: 100%; text-align: center;}
.home-page2 .featured-box .icon-box-img img { padding: 0px; width: 80px;}
.home-page2 .featured-box .icon-box-text { font-size: 16px; padding: 0px; text-align: justify; }
.home-page2 .featured-box .uppercase { color: #000; text-transform: unset; text-align: left; }
.home-page2 .featured-box .icon-box-text p { margin-bottom: 0px;}
.home-page2 .featured-box .icon-box-text p~p { margin-top: 5px;}

@media only screen and (min-width: 960px) {
  .home-page2 .hbw-title .hbw-title-main { font-size: 40px; }
  .home-page2 .hbw-title .title-content { font-size: 16px; }
  .home-page2 .featured-box { padding-left: 100px; }
  .home-page2 .featured-box:before { left: 0px;}
  .home-page2 .featured-box .icon-box-img { max-width: 25%; }
  .home-page2 .featured-box .icon-box-text { max-width: 70%; margin-left: 0px; margin-right: auto;}
  .home-page2 .featured-box .uppercase { font-size: 40px;}
}
@media only screen and (max-width: 959px) { 
  .home-page2 .hbw-title { padding-left: 10px; padding-right: 10px;}
  .home-page2 .hbw-title .hbw-title-main { font-size: 30px; }
  .home-page2 .hbw-title .title-content { font-size: 18px; }
  .home-page2 .featured-box { padding-left: 15px; padding-right: 15px; }
  .home-page2 .featured-box:before { left: 15px;}
  .home-page2 .featured-box .icon-box-img { max-width: 100%; margin-bottom: 20px; }
  .home-page2 .featured-box .icon-box-text { max-width: 100%; order: 0; }
  .home-page2 .featured-box .uppercase { font-size: 20px;}
}

/* home 3 */
.home-page3 { text-align: center; }
.home-page3 .hbw-title { margin-bottom: 35px; display: flex; flex-flow: row wrap; width: 100%;}
.home-page3 .hbw-title .hbw-title-main { flex-basis: 100%; text-align: left; }
.home-page3 .hbw-title .title-content { flex-basis: 100%; text-align: justify; }

.home-page3 .post-item .box-image { border-radius: 10px;}
.home-page3 .post-item .post-title { margin: 0px 0px 5px;}
.home-page3 .post-item .post-title a.plain { margin: 0px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; font-size: 20px;}
.home-page3 .post-item .from_the_blog_excerpt {  font-size: 16px; margin: 0px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;}
.home-page3 .ux-relay .ux-relay__control { padding-bottom: 0px;}
.home-page3 .ux-relay .ux-relay__control .ux-relay__button { width: 30px; height: 30px; opacity: 1; background: #D39B74; min-height: auto; overflow: hidden; padding: 6px; font-size: 14px;}
.home-page3 .ux-relay .ux-relay__control .ux-relay__button svg { width: auto;}
.home-page3 .ux-relay .ux-relay__control .ux-relay__button:hover svg { fill: #745237;}
.home-page3 a.button { margin: -55px 0px 0px 15px;}

@media only screen and (min-width: 960px) {
  .home-page3 .hbw-title .hbw-title-main { max-width: 50%; padding: 0 15px; font-size: 40px; }
  .home-page3 .hbw-title .title-content { max-width: 50%; padding: 0 15px; font-size: 20px;}
}
@media only screen and (max-width: 959px) { 
  .home-page3 .hbw-title .hbw-title-main { max-width: 100%; padding: 0 10px; font-size: 30px; }
  .home-page3 .hbw-title .title-content { max-width: 100%; padding: 0 10px; font-size: 16px;}
}

/* home 4 */


@media only screen and (min-width: 960px) {
  .home-page4 { padding-bottom: 200px !important; }
  .home-page4 video { max-width: 65%; }
}
@media only screen and (max-width: 959px) { 
  .home-page4 { text-align: center; padding-bottom: 140px !important; }
  .home-page4 video { max-width: 90%; }
}

/* home 5 */
.home-page5 { }
.home-page5 .section-content { display: flex; flex-flow: row wrap; width: 100%; align-items: center;}
.home-page5 .hbw-title { flex-basis: 100%; padding: 0 15px; }
.home-page5 .row-slider { flex-basis: 100%; }
.home-page5 .hbw-title .hbw-title-main { margin: 0px;}
.home-page5 .gallery-col { padding-bottom: 0px;}
.home-page5 .row-slider .flickity-prev-next-button { margin: 0px;}
.home-page5 .gallery-col .box-text { display: none;}
.home-page5 .gallery-col .box-image { height: 90px;}
.home-page5 .gallery-col .box-image img { object-fit: scale-down; display: block; width: 100%; height: 100%;}


@media only screen and (min-width: 960px) {
  .home-page5 .hbw-title { max-width: 25%; margin-left: 0px; margin-right: auto;}
  .home-page5 .row-slider { max-width: 75%; margin-left: auto; margin-right: 0px;}
  .home-page5 .hbw-title .hbw-title-main { font-size: 40px;}
}
@media only screen and (max-width: 959px) { 
  .home-page5 .hbw-title { max-width: 100%; margin-bottom: 30px; padding: 0 10px; }
  .home-page5 .row-slider { max-width: 100%; }
  .home-page5 .hbw-title .hbw-title-main { font-size: 30px;}
}

/* home 6 */
.home-page6 { }
.home-page6 .accordion { position: relative; counter-reset: acc-counter;}
.home-page6 .accordion_title { margin-bottom: 40px;}
.home-page6 .accordion .accordion-item { counter-increment: acc-counter;}
.home-page6 .accordion .accordion-item~.accordion-item { padding-top: 20px;}
.home-page6 .accordion .accordion-item .accordion-title { border: 0px; background: transparent; font-weight: 600; text-align: left; }
.home-page6 .accordion .accordion-item .accordion-title.active { color: #8F5A35;}
.home-page6 .accordion .accordion-item .accordion-title button.toggle { display: none;}
.home-page6 .accordion .accordion-item .accordion-title:before { content: "+"; position: absolute; left: 5px; top: -2px; color: #d39b74; font-size: 30px; font-weight: 400; text-align: center; line-height: normal;}
.home-page6 .accordion .accordion-item .accordion-title.active:before { content: "-"; left: 8px; font-size: 40px; top: -8px;}
.home-page6 .accordion .accordion-item .accordion-inner:before { content: "0" counter(acc-counter); font-weight: bold; color: #8f5a35; display: block; font-size: 35px; margin-bottom: 5px; }
.home-page6 .accordion .accordion-item .accordion-inner h3 { color: #8F5A35; text-align: left; }

@media only screen and (min-width: 960px) {
  .home-page6 .accordion { padding-right: 55%; }
  .home-page6 .accordion_title { font-size: 40px; }
  .home-page6 .accordion .accordion-item { border-right: 1px solid #8F5A35; padding-right: 80px; }
  .home-page6 .accordion .accordion-item .accordion-inner { position: absolute; left: 50%; top: 0px; padding: 0px;}
  .home-page6 .accordion .accordion-item .accordion-title { padding: 0px 0px 0px 50px; font-size: 20px; }
  .home-page6 .accordion .accordion-item .accordion-inner h3 { font-size: 25px; }
}
@media only screen and (max-width: 959px) { 
  .home-page6 .accordion_title { font-size: 30px; padding: 0 10px; }
  .home-page6 .accordion .accordion-item~.accordion-item { border-top: 1px solid #8F5A35; margin-top: 20px;}
  .home-page6 .accordion .accordion-item .accordion-title { padding: 0px 10px 0px 40px; font-size: 18px; }
  .home-page6 .accordion .accordion-item .accordion-inner { padding-bottom: 0px;}
  .home-page6 .accordion .accordion-item .accordion-inner h3 { font-size: 20px; }
}

/* home 7 */
.home-page7 { }
.home-page7 .section-content { display: flex; flex-flow: row wrap; width: 100%;}
.home-page7 .hbw-title { flex-basis: 100%; }
.home-page7 .hbw-title .hbw-title-main { text-align: left;}
.home-page7 .wpcf7 { flex-basis: 100%; }
.home-page7 .wpcf7 .wpcf7-form { margin: 0px;}
.home-page7 .wpcf7 .row-form { display: flex; flex-flow: row wrap; width: 100%; justify-content: space-between;}
.home-page7 .wpcf7 .row-form .col-right { max-width: 48%; flex-basis: 100%;}
.home-page7 .wpcf7 .row-form .col-left { max-width: 48%; flex-basis: 100%;}
.home-page7 .wpcf7 span.wpcf7-spinner { display: none;}
.home-page7 .wpcf7 .wpcf7-submit { margin-right: 0px; width: 100%; text-transform: unset; border-color: #fff;}
.home-page7 .wpcf7 .text-note { text-align: center; font-size: 16px;}

@media only screen and (min-width: 960px) {
  .home-page7 .hbw-title { max-width: 35%; margin-left: 0px; margin-right: auto;}
  .home-page7 .wpcf7 { max-width: 50%; margin-left: auto; margin-right: 0px;}
  .home-page7 .hbw-title .hbw-title-main { font-size: 40px; }
  .home-page7 .hbw-title .title-content { font-size: 20px;}
}
@media only screen and (max-width: 959px) { 
  .home-page7 .hbw-title { max-width: 100%; padding: 0 10px; margin-bottom: 30px; }
  .home-page7 .wpcf7 { max-width: 100%; padding: 0 10px; }
  .home-page7 .hbw-title .hbw-title-main { font-size: 30px; }
  .home-page7 .hbw-title .title-content { font-size: 16px;}
}

/* home 8 */
.home-page8 { }

@media only screen and (min-width: 960px) {

}
@media only screen and (max-width: 959px) { 

}

/* home 9 */
.home-page9 { }

@media only screen and (min-width: 960px) {

}
@media only screen and (max-width: 959px) { 

}

/*
 * Dự án
 * */
.page-duan .hbw-title { margin-bottom: 35px; display: flex; flex-flow: row wrap; width: 100%;}
.page-duan .hbw-title .hbw-title-main { flex-basis: 100%; text-align: left; }
.page-duan .hbw-title .title-content { flex-basis: 100%; text-align: justify; }

@media only screen and (min-width: 960px) {
  .page-duan .hbw-title .hbw-title-main { max-width: 50%; padding: 0 15px; font-size: 40px; }
  .page-duan .hbw-title .title-content { max-width: 50%; padding: 0 15px; font-size: 20px;}
}
@media only screen and (max-width: 959px) { 
  .page-duan .hbw-title .hbw-title-main { max-width: 100%; padding: 0 10px; font-size: 30px; }
  .page-duan .hbw-title .title-content { max-width: 100%; padding: 0 10px; font-size: 16px;}
}

/* page 1 */
.page-duan1 { }
.page-duan1 .section-content { display: flex; flex-flow: row wrap; width: 100%; align-items: flex-start;}
.page-duan1 .blog1 { flex-basis: 100%;}
.page-duan1 .blog2 { flex-basis: 100%;}
.page-duan1 .blog3 { max-width: 100%;}
.page-duan1 .post-item .box-blog-post .box-image:before { background-image: linear-gradient(transparent, rgba(0, 0, 0, .333)); left: 0; pointer-events: none; position: absolute; width: 100%; height: 100%; top: 0; content: ""; z-index: 1;}
.page-duan1 .post-item .box-text { position: absolute; z-index: 2; bottom: 0px; left: 0px; padding: 20px 25px; color: #fff;}
.page-duan1 .post-item .box-text .post-title { color: #fff;}
.page-duan1 .post-item .box-text .post-title a.plain { color: #fff; font-size: 20px; }
.page-duan1 a.button { margin: 0 auto;}

@media only screen and (min-width: 960px) {
  .page-duan1 .blog1 { max-width: 66.666% !important; }
  .page-duan1 .blog2 { max-width: 33.333% !important; }
}
@media only screen and (max-width: 959px) { 

}


/*
 * Dịch vụ
 * */
.page-dichvu { }
.page-dichvu .accordion { counter-reset: acc-counter;}
.page-dichvu .accordion .accordion-item { counter-increment: acc-counter;}
.page-dichvu .accordion_title { margin-bottom: 50px;}
.page-dichvu .accordion .accordion-item .accordion-title { font-weight: 600; border-color: #D39B74;}
.page-dichvu .accordion .accordion-item .accordion-title button.toggle { display: none;}
.page-dichvu .accordion .accordion-item .accordion-title:before { content: "0" counter(acc-counter); font-weight: bold; color: #fff; position: absolute; left: 0px; background: #D39B74; text-align: center; padding: 5px;}
.page-dichvu .accordion .accordion-item .accordion-title:after { content: "+"; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-weight: 400; font-size: 30px; color: #8F5A35;}
.page-dichvu .accordion .accordion-item .accordion-title.active:after { content: "-"; font-size: 40px;}


@media only screen and (min-width: 960px) {
  .page-dichvu .accordion_title { font-size: 40px; }
  .page-dichvu .accordion .accordion-item .accordion-title { font-size: 25px; }
  .page-dichvu .accordion .accordion-item .accordion-title:before { font-size: 20px; width: 40px; height: 40px; line-height: 30px; }
}
@media only screen and (max-width: 959px) {
  .page-dichvu .accordion { padding: 0 10px;}
  .page-dichvu .accordion_title { font-size: 30px; padding: 0 10px; text-align: left; }
  .page-dichvu .accordion .accordion-item .accordion-title { font-size: 18px; line-height: normal; text-align: left; }
  .page-dichvu .accordion .accordion-item .accordion-title:before { font-size: 18px; width: 30px; height: 30px; }
}


/*
 * css template tuyển dụng
 * */
/* lading tuyển dụng */
.page-td .tieude { text-align: center; margin-bottom: 30px; max-width: 100%; flex-basis: 100%;}
.page-td .tieude h2 { margin: 0px; color: #8F5A35; }

.page-td1 .tieude { margin-bottom: 50px;}
.page-td1 .section-content { display: flex; flex-flow: row wrap; width: 100%; justify-content: space-between; }
.page-td1 .featured-box { flex-basis: 100%; }
.page-td1 .featured-box .icon-box-img { }
.page-td1 .featured-box .icon-box-img img { padding: 0px;}
.page-td1 .featured-box .uppercase, .page-td1 .featured-box h6 { color: #000; text-transform: unset; font-size: 15px; font-weight: 400; opacity: 1; margin: 0px; line-height: normal; }

.page-td2 .box-text-bottom { display: flex; flex-flow: row wrap; width: 100%; align-items: center;}
.page-td2 .box-text-bottom .box-image { flex-basis: 100%; border-radius: 20px; }
.page-td2 .box-text-bottom .box-text { flex-basis: 100%; text-align: justify; font-size: 16px;}
.page-td2 .box-text-bottom .box-text h2 { margin: 0px 0px 15px; color: #8F5A35; text-align: left;}

.page-td3 .box-text-bottom { display: flex; flex-flow: row wrap; width: 100%; align-items: center;}
.page-td3 .box-text-bottom .box-image { flex-basis: 100%; border-radius: 20px; }
.page-td3 .box-text-bottom .box-text { flex-basis: 100%; text-align: justify; font-size: 16px;}
.page-td3 .box-text-bottom .box-text h2 { margin: 0px 0px 15px; color: #8F5A35; text-align: left;}
.page-td .box-text-bottom .box-text p~p { margin-top: 10px;}

.page-td4 .box-text-bottom { display: flex; flex-flow: row wrap; width: 100%;}
.page-td4 .box-text-bottom .box-image { flex-basis: 100%; }
.page-td4 .box-text-bottom .box-text { flex-basis: 100%; background: #8F5A35; color: #fff; text-align: left; }
.page-td4 .box-text-bottom .box-text .box-text-inner { display: flex; flex-direction: column; height: 100%; justify-content: center;}
.page-td4 .box-text-bottom .box-text h1 { color: #fff; text-transform: uppercase; margin: 0px;}

.featured-jobs .title-featured-jobs { text-align: center; color: #000; font-size: 35px; margin-bottom: 30px;}

.page-td5 { padding-top: 30px !important;}
.page-td5 .section-content { display: flex; flex-flow: row wrap; width: 100%; align-items: center; }
.page-td5 .wpcf7 { flex-basis: 100%; }
.page-td5 .wpcf7 .wpcf7-form { margin: 0px;}
.page-td5 .wpcf7 .header-form { margin-bottom: 30px;}
.page-td5 .wpcf7 .header-form h2 { margin: 0px; color: #fff; }

.page-td5 .wpcf7 .row-form { display: flex; flex-flow: row wrap; width: 100%; justify-content: space-between;}
.page-td5 .wpcf7 .row-form .col-right { max-width: 48%; flex-basis: 100%;}
.page-td5 .wpcf7 .row-form .col-left { max-width: 48%; flex-basis: 100%;}
.page-td5 .wpcf7 span.wpcf7-spinner { display: none;}
.page-td5 .wpcf7 .wpcf7-submit { margin-right: 0px; width: 100%; text-transform: unset; border-color: #fff;}
.page-td5 .wpcf7 .text-note { text-align: center; font-size: 16px; color: #fff; }
.page-td5 .img { max-width: 45%; flex-basis: 100%; margin-left: auto; margin-right: 0px; }

@media only screen and (min-width: 960px) {
  .page-td .tieude h2 { font-size: 40px;}
  .page-td1 .featured-box { max-width: 19%; }
  .page-td2 .box-text-bottom .box-image { max-width: 48%; margin-left: auto; margin-right: 0px; order: 2; }
  .page-td2 .box-text-bottom .box-text { max-width: 45%; padding: 0px; margin-right: 0px; margin-left: auto; }
  .page-td2 .box-text-bottom .box-text h2 { font-size: 40px; }
  .page-td3 .box-text-bottom .box-image { max-width: 48%; margin-left: 0px; margin-right: auto; }
  .page-td3 .box-text-bottom .box-text { max-width: 45%; padding: 0px; margin-right: auto; margin-left: 0px; }
  .page-td3 .box-text-bottom .box-text h2 { font-size: 40px; }
	
  .page-td4 .box-text-bottom .box-image { max-width: 50%; order: 2;}
  .page-td4 .box-text-bottom .box-text { max-width: 50%; padding: 10% 5% 10% 20%; font-size: 30px;}
  .page-td4 .box-text-bottom .box-text h1 { font-size: 65px !important; }
  .page-td5 .wpcf7 { max-width: 50%; margin-left: 0px; margin-right: auto; }
  .page-td5 .wpcf7 .header-form h2 { font-size: 40px;}
}
@media only screen and (max-width: 959px) {
  .page-td .tieude h2 { font-size: 30px; padding: 0 10px; }
  .page-td1 .featured-box { max-width: 50%; padding: 0 10px; }
  .page-td2 .box-text-bottom .box-image { max-width: 100%; padding: 0 10px; }
  .page-td2 .box-text-bottom .box-text { max-width: 100%; padding: 20px 10px 0px; }
  .page-td2 .box-text-bottom .box-text h2 { font-size: 30px; }
  .page-td3 .box-text-bottom .box-image { max-width: 100%; padding: 0 10px; }
  .page-td3 .box-text-bottom .box-text { max-width: 100%; padding: 20px 10px 0px; }
  .page-td3 .box-text-bottom .box-text h2 { font-size: 30px; }

  .page-td4 .box-text-bottom .box-image { max-width: 100%; }
  .page-td4 .box-text-bottom .box-text { max-width: 100%; padding: 30px 10px; font-size: 18px;}
  .page-td4 .box-text-bottom .box-text h1 { font-size: 30px !important; }
  .page-td5 .wpcf7 { max-width: 100%; padding: 0 10px; }
  .page-td5 .wpcf7 .header-form h2 { font-size: 30px;}
}

/* Tuyen Dung Styles */
.tuyendung-title { margin-bottom: 30px;}

.tuyen-dung-item { flex-basis: 100%;}
.tuyen-dung-inner { background: #fff; border: 1px solid #eee; border-radius: 10px; overflow: hidden; transition: all 0.3s ease;}
.tuyen-dung-inner:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.tuyen-dung-thumbnail img { width: 100%; height: auto;}
.box-tuyen-dung { padding: 15px;}
.tuyen-dung-title { margin: 0px 0px 15px; font-size: 18px;}
.tuyen-dung-title a { width: 100%; color: #000; height: 45px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: normal; }
.box-tuyen-dung:hover .tuyen-dung-title a { color: #8F5A35; }
.box-tuyen-dung .card-info { font-size: 16px; position: relative; margin-bottom: 5px; display: inline-block; }
.box-tuyen-dung .card-info:before { content: ""; width: 15px; height: 15px; position: absolute; left: 0px; top: 50%; transform: translate(0%, -50%); }
.box-tuyen-dung .card-briefcase { padding: 0px 15px 0px 25px;}
.box-tuyen-dung .card-briefcase:before { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat;}
.box-tuyen-dung .card-location { padding-left: 25px;}
.box-tuyen-dung .card-location:before { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.8 13.938h-.011a7 7 0 1 0-11.464.144h-.016l.14.171c.1.127.2.251.3.371L12 21l5.13-6.248c.194-.209.374-.429.54-.659l.13-.155Z'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat;}
.box-tuyen-dung .card-time { padding: 0px 15px 0px 25px;}
.box-tuyen-dung .card-time:before { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4l3 3m6-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat;}
.box-tuyen-dung .card-block-bottom { padding-top: 20px; margin-top: 20px; border-top: 1px solid #dee2e6; display: flex; align-items: center; justify-content: space-between;}
.box-tuyen-dung .card-block-bottom .card-price { padding: 0px 15px 0px 25px; position: relative; color: #8F5A35; font-size: 18px; font-weight: 600;}
.box-tuyen-dung .card-block-bottom .card-price:before { content: ""; width: 15px; height: 15px; position: absolute; left: 0px; top: 50%; transform: translate(0%, -50%); background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' height='200px' width='200px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M256,0C114.841,0,0,114.841,0,256c0,58.435,20.204,115.585,56.892,160.924c3.557,4.396,10.007,5.076,14.401,1.518 c4.396-3.557,5.076-10.005,1.518-14.402C39.065,362.336,20.48,309.76,20.48,256C20.48,126.134,126.134,20.48,256,20.48 S491.52,126.134,491.52,256S385.866,491.52,256,491.52c-53.76,0-106.333-18.585-148.038-52.331 c-4.396-3.555-10.842-2.877-14.401,1.52c-3.557,4.396-2.877,10.843,1.52,14.402C140.418,491.796,197.566,512,256,512 c141.159,0,256-114.841,256-256S397.159,0,256,0z'%3E%3C/path%3E%3Cpath d='M360.2,111.931c3.049-4.762,1.66-11.096-3.102-14.145C326.933,78.475,291.975,68.267,256,68.267 C152.483,68.267,68.267,152.483,68.267,256S152.483,443.733,256,443.733S443.733,359.517,443.733,256 c0-43.77-15.389-86.378-43.333-119.975c-3.617-4.349-10.073-4.941-14.421-1.324c-4.349,3.615-4.941,10.072-1.324,14.421 c24.89,29.927,38.598,67.883,38.598,106.878c0,92.224-75.029,167.253-167.253,167.253S88.747,348.224,88.747,256 S163.776,88.747,256,88.747c32.054,0,63.193,9.09,90.055,26.288C350.816,118.084,357.149,116.696,360.2,111.931z'%3E%3C/path%3E%3Cpath d='M286.72,215.04c0,5.655,4.585,10.24,10.24,10.24s10.24-4.585,10.24-10.24c0-24.726-17.618-45.412-40.96-50.169v-18.098 c0-5.655-4.585-10.24-10.24-10.24s-10.24,4.585-10.24,10.24v18.098c-23.342,4.757-40.96,25.443-40.96,50.169 s17.618,45.412,40.96,50.169v60.71c-11.918-4.227-20.48-15.609-20.48-28.959c0-5.655-4.585-10.24-10.24-10.24 s-10.24,4.585-10.24,10.24c0,24.726,17.618,45.412,40.96,50.169v18.098c0,5.655,4.585,10.24,10.24,10.24s10.24-4.585,10.24-10.24 v-18.098c23.342-4.757,40.96-25.443,40.96-50.169c0-24.726-17.618-45.412-40.96-50.169v-60.71 C278.158,190.308,286.72,201.69,286.72,215.04z M245.76,243.999c-11.918-4.227-20.48-15.609-20.48-28.959 s8.562-24.732,20.48-28.959V243.999z M286.72,296.96c0,13.35-8.562,24.732-20.48,28.959v-57.917 C278.158,272.228,286.72,283.61,286.72,296.96z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; }

.box-tuyen-dung .tuyen-dung-button { margin: 0px; display: inline-block; text-transform: unset; border-radius: 25px; background: #8F5A35; color: #fff; border-color: #8F5A35; font-size: 14px; font-weight: 500;}
.box-tuyen-dung:hover .tuyen-dung-button { background: #fff; color: #8F5A35; }

@media only screen and (min-width: 960px) {
  .tuyen-dung-item { max-width: 33.333%; }
}
@media only screen and (min-width: 600px) and (max-width: 959px) {
  .tuyen-dung-item { max-width: 50%; }
}
@media only screen and (max-width: 599px) {
  .tuyen-dung-item { max-width: 100%; }
}

/* Single Tuyen Dung */
.tuyen-dung-single .tuyen-dung-thumbnail { margin-bottom: 30px;}
.tuyen-dung-header { margin-bottom: 30px; }
.tuyen-dung-header .row-title { display: flex; flex-flow: row wrap; width: 100%; align-items: center; margin-bottom: 30px; }
.tuyen-dung-header .row-title h1.tuyen-dung-title { flex-basis: 100%; margin-left: 0px; margin-right: auto; color: #000; font-size: 30px;}
.tuyen-dung-header .row-title a { line-height: normal; background: #8f5a35; color: #fff; padding: 10px 20px; border-radius: 5px;}

.tuyen-dung-meta-container { background: #fff; border: 1px solid #e0e6f7; padding: 20px; border-radius: 5px; margin-bottom: 20px;}
.tuyen-dung-meta-container .tit-meta { font-size: 20px; font-weight: 600; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #dee2e6;}
.tuyen-dung-meta-container ul.tuyen-dung-meta { list-style: none; margin: 0px; display: flex; flex-flow: row wrap; width: 100%; gap: 2%; justify-content: space-between;}
.tuyen-dung-meta-container ul.tuyen-dung-meta li.card-info { flex-basis: 100%; font-size: 16px;}
.tuyen-dung-meta-container ul.tuyen-dung-meta li.card-info strong { display: inline-block; padding-left: 30px; position: relative; position: relative;}
.tuyen-dung-meta-container ul.tuyen-dung-meta li.card-info span { display: inline-block;}

.tuyen-dung-meta-container ul.tuyen-dung-meta li.card-info strong:before { content: ""; width: 20px; height: 20px; position: absolute; left: 0px; top: 50%; transform: translate(0%, -50%); }
.tuyen-dung-meta-container ul.tuyen-dung-meta li.card-briefcase strong:before { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat;}
.tuyen-dung-meta-container ul.tuyen-dung-meta li.card-location strong:before { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.8 13.938h-.011a7 7 0 1 0-11.464.144h-.016l.14.171c.1.127.2.251.3.371L12 21l5.13-6.248c.194-.209.374-.429.54-.659l.13-.155Z'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat;}
.tuyen-dung-meta-container ul.tuyen-dung-meta li.card-time strong:before { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4l3 3m6-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat;}
.tuyen-dung-meta-container ul.tuyen-dung-meta li.card-price strong:before { content: ""; width: 15px; height: 15px; position: absolute; left: 0px; top: 50%; transform: translate(0%, -50%); background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' height='200px' width='200px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M256,0C114.841,0,0,114.841,0,256c0,58.435,20.204,115.585,56.892,160.924c3.557,4.396,10.007,5.076,14.401,1.518 c4.396-3.557,5.076-10.005,1.518-14.402C39.065,362.336,20.48,309.76,20.48,256C20.48,126.134,126.134,20.48,256,20.48 S491.52,126.134,491.52,256S385.866,491.52,256,491.52c-53.76,0-106.333-18.585-148.038-52.331 c-4.396-3.555-10.842-2.877-14.401,1.52c-3.557,4.396-2.877,10.843,1.52,14.402C140.418,491.796,197.566,512,256,512 c141.159,0,256-114.841,256-256S397.159,0,256,0z'%3E%3C/path%3E%3Cpath d='M360.2,111.931c3.049-4.762,1.66-11.096-3.102-14.145C326.933,78.475,291.975,68.267,256,68.267 C152.483,68.267,68.267,152.483,68.267,256S152.483,443.733,256,443.733S443.733,359.517,443.733,256 c0-43.77-15.389-86.378-43.333-119.975c-3.617-4.349-10.073-4.941-14.421-1.324c-4.349,3.615-4.941,10.072-1.324,14.421 c24.89,29.927,38.598,67.883,38.598,106.878c0,92.224-75.029,167.253-167.253,167.253S88.747,348.224,88.747,256 S163.776,88.747,256,88.747c32.054,0,63.193,9.09,90.055,26.288C350.816,118.084,357.149,116.696,360.2,111.931z'%3E%3C/path%3E%3Cpath d='M286.72,215.04c0,5.655,4.585,10.24,10.24,10.24s10.24-4.585,10.24-10.24c0-24.726-17.618-45.412-40.96-50.169v-18.098 c0-5.655-4.585-10.24-10.24-10.24s-10.24,4.585-10.24,10.24v18.098c-23.342,4.757-40.96,25.443-40.96,50.169 s17.618,45.412,40.96,50.169v60.71c-11.918-4.227-20.48-15.609-20.48-28.959c0-5.655-4.585-10.24-10.24-10.24 s-10.24,4.585-10.24,10.24c0,24.726,17.618,45.412,40.96,50.169v18.098c0,5.655,4.585,10.24,10.24,10.24s10.24-4.585,10.24-10.24 v-18.098c23.342-4.757,40.96-25.443,40.96-50.169c0-24.726-17.618-45.412-40.96-50.169v-60.71 C278.158,190.308,286.72,201.69,286.72,215.04z M245.76,243.999c-11.918-4.227-20.48-15.609-20.48-28.959 s8.562-24.732,20.48-28.959V243.999z M286.72,296.96c0,13.35-8.562,24.732-20.48,28.959v-57.917 C278.158,272.228,286.72,283.61,286.72,296.96z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; }
.tuyen-dung-meta-container ul.tuyen-dung-meta li.card-mug strong:before { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 8h2c1.1046 0 2 .89543 2 2 0 1.1046-.8954 2-2 2h-2.5M5 19h11M5 6l.6398 6.398C5.84428 14.4428 7.56494 16 9.61995 16H10.38c2.0551 0 3.7757-1.5572 3.9802-3.602L15 6H5Z'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat;}
.tuyen-dung-meta-container ul.tuyen-dung-meta li.card-user strong:before { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-width='2' d='M7 17v1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1a3 3 0 0 0-3-3h-4a3 3 0 0 0-3 3Zm8-9a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat;}
.tuyen-dung-meta-container ul.tuyen-dung-meta li.card-company strong:before { background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M8 2L8 6L4 6L4 48L46 48L46 14L30 14L30 6L26 6L26 2 Z M 10 4L24 4L24 8L28 8L28 46L19 46L19 39L15 39L15 46L6 46L6 8L10 8 Z M 10 10L10 12L12 12L12 10 Z M 14 10L14 12L16 12L16 10 Z M 18 10L18 12L20 12L20 10 Z M 22 10L22 12L24 12L24 10 Z M 10 15L10 19L12 19L12 15 Z M 14 15L14 19L16 19L16 15 Z M 18 15L18 19L20 19L20 15 Z M 22 15L22 19L24 19L24 15 Z M 30 16L44 16L44 46L30 46 Z M 32 18L32 20L34 20L34 18 Z M 36 18L36 20L38 20L38 18 Z M 40 18L40 20L42 20L42 18 Z M 10 21L10 25L12 25L12 21 Z M 14 21L14 25L16 25L16 21 Z M 18 21L18 25L20 25L20 21 Z M 22 21L22 25L24 25L24 21 Z M 32 22L32 24L34 24L34 22 Z M 36 22L36 24L38 24L38 22 Z M 40 22L40 24L42 24L42 22 Z M 32 26L32 28L34 28L34 26 Z M 36 26L36 28L38 28L38 26 Z M 40 26L40 28L42 28L42 26 Z M 10 27L10 31L12 31L12 27 Z M 14 27L14 31L16 31L16 27 Z M 18 27L18 31L20 31L20 27 Z M 22 27L22 31L24 31L24 27 Z M 32 30L32 32L34 32L34 30 Z M 36 30L36 32L38 32L38 30 Z M 40 30L40 32L42 32L42 30 Z M 10 33L10 37L12 37L12 33 Z M 14 33L14 37L16 37L16 33 Z M 18 33L18 37L20 37L20 33 Z M 22 33L22 37L24 37L24 33 Z M 32 34L32 36L34 36L34 34 Z M 36 34L36 36L38 36L38 34 Z M 40 34L40 36L42 36L42 34 Z M 32 38L32 40L34 40L34 38 Z M 36 38L36 40L38 40L38 38 Z M 40 38L40 40L42 40L42 38 Z M 10 39L10 44L12 44L12 39 Z M 22 39L22 44L24 44L24 39 Z M 32 42L32 44L34 44L34 42 Z M 36 42L36 44L38 44L38 42 Z M 40 42L40 44L42 44L42 42Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat;}

.tuyen-dung-content h2 { color: #000; font-size: 25px; margin-bottom: 20px; text-transform: uppercase;}

@media only screen and (min-width: 960px) {
  .tuyen-dung-header { padding: 0 15px; }
  .tuyen-dung-header .row-title h1.tuyen-dung-title { max-width: 70%; }
  .tuyen-dung-meta-container ul.tuyen-dung-meta li.card-info { max-width: 32%; }
  .tuyen-dung-meta-container ul.tuyen-dung-meta li.card-info strong { width: 50%; }
  .tuyen-dung-meta-container ul.tuyen-dung-meta li.card-info span { width: 50%; }
  .tuyen-dung-content { padding: 0px 15px;}
}
@media only screen and (max-width: 959px) {
  .tuyen-dung-header { padding: 0px; }
  .tuyen-dung-header .row-title h1.tuyen-dung-title { max-width: 100%; }
  .tuyen-dung-meta-container ul.tuyen-dung-meta li.card-info { max-width: 100%; }
  .tuyen-dung-meta-container ul.tuyen-dung-meta li.card-info span { margin-left: 10px;}
}

/* Filter Form */
.advanced-filter { background: #f9f9f9; padding: 20px; border-radius: 5px; margin-bottom: 60px;}
.advanced-filter .title-filter { color: #000; font-size: 25px;}
.advanced-filter form.tuyen-dung-filter-form { margin: 0px;}
.tuyen-dung-filter-form label { display: block; margin-bottom: 5px; font-weight: bold;}

.tuyen-dung-filter-form select { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 3px;}
.advanced-filter form.tuyen-dung-filter-form .row-button .button { margin-bottom: 0px; text-transform: unset; font-size: 15px; border-radius: 25px; min-height: auto; height: auto; line-height: normal; padding: 8px 20px;}

/* Taxonomy List */
.taxonomy-list .taxonomy-item { background: #fff; padding: 20px; border: 1px solid #eee; border-radius: 5px; margin-bottom: 20px; height: 100%;}
.taxonomy-list .taxonomy-item h3 { margin-top: 0;}

/* Tùy chỉnh dropdown cho bộ lọc */
.tuyen-dung-filter-form select { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 4px; background-color: #fff; font-size: 16px; height: 48px; -webkit-appearance: none; -moz-appearance: none; appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23333" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat; background-position: right 10px center; background-size: 16px;}

.tuyen-dung-filter-form select:focus { border-color: #0073aa; outline: none; box-shadow: 0 0 0 1px #0073aa;}