/*
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;}


@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: #0b6aff; 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 
 * */
.hotline-top { position: relative; font-weight: 600; color: #000; padding-left: 30px; font-size: 16px; }
.hotline-top:before { content: ""; width: 25px; height: 25px; position: absolute; left: 0px; top: 50%; transform: translate(0%, -50%); background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.14445 6.29707C3.51108 9.72516 4.89983 13.0783 7.34308 15.8695C9.78633 18.6608 12.9261 20.4812 16.2755 21.2984C16.3265 21.3108 16.199 21.2797 16.4217 21.3082C17.96 21.5049 20.0365 20.2984 20.6273 18.8645C20.7129 18.6569 20.7429 18.552 20.803 18.342L20.803 18.342C20.8572 18.1526 20.8843 18.058 20.9012 17.9699C21.0352 17.2694 20.7861 16.5507 20.2475 16.0833C20.1797 16.0245 20.0999 15.9669 19.9401 15.8517L17.53 14.1128C16.7572 13.5553 15.6881 13.6725 15.0545 14.3842C14.3111 15.2192 13.0042 15.2137 12.2679 14.3725L9.47889 11.1862C8.74259 10.3451 8.91015 9.04892 9.83616 8.42264C10.6254 7.88883 10.8832 6.84458 10.4329 6.00484L9.02839 3.38571C8.93531 3.21213 8.88877 3.12534 8.83946 3.05038C8.44753 2.45462 7.76804 2.11262 7.05606 2.15275C6.96649 2.15779 6.86907 2.17212 6.67427 2.20075L6.67418 2.20077L6.67416 2.20077C6.45812 2.23253 6.35009 2.24841 6.13302 2.30572C4.63357 2.70156 3.16276 4.60004 3.15408 6.15084C3.15283 6.37535 3.13887 6.24489 3.14445 6.29707Z' stroke='%23242424' stroke-width='2' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat;}

#header .html .header-button a.button { background: transparent !important; border: 0px; color: #000; min-height: auto; line-height: normal; font-weight: 400;}
#header .html .header-button a.button:hover { box-shadow: unset; color: #0b6aff !important; }
#header .html .header-button a.button:hover span { color: #0b6aff !important;}

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

/* 
 * menu chính 
 * */
#masthead ul.header-nav > li.menu-item { margin: 0px 5px; }
#masthead .flex-col.hide-for-medium { }
#masthead ul.header-nav li a { font-size: 16px; }
#masthead ul.header-nav > li.menu-item > a { font-weight: 400; text-align: center; padding: 0px 10px; }
#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: #0b6aff; 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: #0b6aff;}

/* menu vertical flatsome */
.header-vertical-menu .ux-nav-vertical-menu li.more { list-style: none; margin: 0px; }
.header-vertical-menu .ux-nav-vertical-menu li.more a { color: #000;}
#header .header-vertical-menu .ux-nav-vertical-menu li.menu-item.label-hot >a:after { top: -8px;}

@media screen and (min-width: 960px) {
  #masthead >.header-inner { padding-left: 4rem; padding-right: 4rem;}
  .ux-nav-vertical-menu .menu-item { max-height: 100px; opacity: 1;}
  .ux-nav-vertical-menu .menu-item.hidden { max-height: 0px; opacity: 0; overflow: hidden; transition: max-height 0.5s ease, opacity 0.5s ease; }
  #header .header-vertical-menu .ux-nav-vertical-menu { }
  #header .header-vertical-menu .ux-nav-vertical-menu li.menu-item a { display: block; padding: 10px 15px 10px 20px; color: #000; line-height: initial; position: relative; font-weight: 400; text-transform: unset; margin: 0px; background: #fff; }
  #header .header-vertical-menu .ux-nav-vertical-menu li.menu-item 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; width: 20px; height: 20px; position: absolute; left: 0px; top: 50%; transform: translate(0%, -50%); }
  #header .header-vertical-menu .ux-nav-vertical-menu li.menu-item a:hover:before { filter: invert(1);}
  #header .header-vertical-menu .ux-nav-vertical-menu li.menu-item a i.icon-angle-down { position: absolute; right: 5px; width: auto; min-height: auto; min-width: auto;}
  #header .header-vertical-menu .ux-nav-vertical-menu li.menu-item a:hover { background: #3db7ef; color: #FFF;}
  #header .header-vertical-menu .ux-nav-vertical-menu li.menu-item .sub-menu { position: absolute; left: 100%; top: 0px; box-shadow: 0 0 4px 0 rgba(0,0,0,.2); background: #FFF !important; height: 100%; min-width: 260px;}
  #header .header-vertical-menu .ux-nav-vertical-menu li.menu-item:hover >.sub-menu { display: block;}
  #header .header-vertical-menu .ux-nav-vertical-menu .sub-menu .menu-item { min-height: 38px; opacity: 1; overflow: unset; }
  #header .header-vertical-menu .ux-nav-vertical-menu li.menu-item .sub-menu a { border: 0px; }
  .header-vertical-menu__fly-out button#toggleButton { display: block; margin: 0px; width: 100%; text-align: left; text-transform: unset; font-weight: 600; font-size: 14px; position: relative; padding: 10px 15px 10px 20px; line-height: normal; border-top: 1px solid #ececec; }
  .header-vertical-menu__fly-out button#toggleButton: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='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M18.425 10.271C19.499 8.967 18.57 7 16.88 7H7.12c-1.69 0-2.618 1.967-1.544 3.271l4.881 5.927a2 2 0 0 0 3.088 0l4.88-5.927Z' clip-rule='evenodd'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; background-position: left center; width: 18px; height: 18px; position: absolute; left: 0px; top: 50%; transform: translate(0%, -50%); }
  .header-vertical-menu__fly-out button#toggleButton.toggleButton-hide:before { transform: translate(0%, -50%) rotate(180deg);}
}

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

@media screen and (max-width: 959px) {
  #header .stuck div#masthead { position: fixed !important; top: 0px; left: 0px; z-index: 999999; background: #0b6aff; 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: #0b6aff !important; text-transform: unset; }
  .mobile-sidebar .nav-vertical >li.menu-item >a img { filter: brightness(0) invert(1); width: 15px; }
  #masthead #logo { max-width: 130px;}
  #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 { line-height: 40px; margin-bottom: 20px;}
.breadcrumbs { max-width: 1310px; 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: #0b6aff; }

/* khung tiêu đề background chung */
.page-featured-title { background: url(image/bg-header.jpg) no-repeat center bottom; background-size: cover;display: flex; align-items: center;position: relative;}
.page-featured-title:after { content: ""; position: absolute; left: 0px; bottom: -1px; width: 100%; height: 100px; background: url(image/scratch-bg.png) no-repeat top left; background-size: cover; z-index: 2;}
.page-featured-title:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; bottom: 0px; background: rgb(0 0 0 / 70%);}
.page-featured-title h1 { text-align: center; margin: 0px; color: #fff; z-index: 1; font-family: "Black Han Sans", sans-serif; font-weight: 400 !important; }

@media only screen and (min-width: 960px) {
  .page-featured-title { min-height: 500px; }
  .page-featured-title h1 { font-size: 55px; padding: 0 15px;}
}
@media only screen and (max-width: 959px) {
  .page-featured-title { min-height: 150px; }
  .page-featured-title h1 { font-size: 30px; padding: 0 10px;}
}

/* 
 * Khung web 
 * */
.page-wrapper { padding-top: 0px;}
.entry-content.single-page { padding-top: 0px;}
.entry-header-text.entry-header-text-bottom.text-left { display: none;}
.khungweb { padding: 0 15px; max-width: 1280px !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;}
}

/* 
 * Nút quick view và giỏ hàng trong danh mục sản phẩm
 * */
.product-small .box-image .grid-tools.bottom { z-index: 2; position: absolute; top: 2px; bottom: unset; right: 0px; display: block; width: 40px; text-align: center; visibility: hidden; -webkit-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;}
.product-small:hover .box-image .grid-tools.bottom, .related .product:hover .col-inner .box-image .grid-tools.bottom { visibility: visible; opacity: 1;}
.product-small .box-image .grid-tools.bottom a.add-to-cart-grid { border: 0px; width: 40px; height: 40px; border-radius: 100%; background: #fff !important; color: #000; opacity: 1; font-size: 16px; font-weight: 400; line-height: 30px; margin-bottom: 5px; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .1); box-shadow: 0 3px 5px rgba(0, 0, 0, .1); position: relative;}
.product-small .box-image .grid-tools.bottom a.add-to-cart-grid:before { content: ""; width: 40px; height: 40px; position: absolute; left: 0px; bottom: 0px; 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='M9 10V6a3 3 0 0 1 3-3v0a3 3 0 0 1 3 3v4m3-2 .917 11.923A1 1 0 0 1 17.92 21H6.08a1 1 0 0 1-.997-1.077L6 8h12Z'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center;}
.product-small .box-image .grid-tools.bottom a.added_to_cart { width: 40px; height: 40px; margin-bottom: 5px; border-radius: 100%; overflow: hidden; background: #fff; padding: 0px; color: #fff !important; text-overflow: unset; text-transform: unset; position: relative; border: 0px; white-space: normal; line-height: normal; font-size: 0px;}
.product-small .box-image .grid-tools.bottom a.added_to_cart:before { content: ""; width: 40px; height: 40px; position: absolute; left: 0px; bottom: 0px; 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='M5 11.917 9.724 16.5 19 7.5'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center;}
.product-small .box-image .grid-tools.bottom a.add-to-cart-grid .cart-icon { position: relative; bottom: unset; left: unset; display: none;}
.product-small .box-image .grid-tools.bottom a.quick-view { border: 0px; background: #fff; color: #fff; width: 40px;  height: 40px; border-radius: 100%; font-size: 16px; position: relative; overflow: hidden; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .1); box-shadow: 0 3px 5px rgba(0, 0, 0, .1); padding: 0px;}
.product-small .box-image .grid-tools.bottom a.quick-view:before { content: ""; width: 40px; height: 40px; position: absolute; left: 0px; bottom: 0px; 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='M21 12c0 1.2-4.03 6-9 6s-9-4.8-9-6c0-1.2 4.03-6 9-6s9 4.8 9 6Z'/%3E%3Cpath stroke='currentColor' stroke-width='2' d='M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; }

/* Giá tiền chung Sản phẩm */
span.price { font-size: 16px; position: relative; line-height: inherit;}
.price, .woocommerce-Price-amount, .amount { color: #c51100 !important; font-weight: bold;}
span.price del { color: #000; }
span.price del span { font-size: 14px; color: #000 !important;}
span.price ins span { font-size: 16px;}

/* % Khuyến mãi sản phẩm */
.badge-container.absolute { top: 15px; left: 15px; margin: 0px;}
.badge-container.absolute .badge-circle { margin: 0px; height: auto;}
.badge-container.absolute .on-sale { border-radius: 5px !important; display: block; line-height: inherit; font-size: 14px; background: #c51100; color: #ffeb8d;}

/* 
 * thanh bên sidebar 
 * */
.sidebar .widget { -webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 3%);  box-shadow: 0 2px 10px 0 rgb(0 0 0 / 12%); border-radius: 10px; background-color: #fff; padding: 10px;}
.sidebar .widget-title { font-weight: 600; display: block; margin: 0; color: #000; text-transform: capitalize; font-size: 20px; padding: 0px 0px 10px; position: relative;}
.sidebar .flatsome_recent_posts .bg-fill { padding: 0px; border-radius: 5px;}
.sidebar .flatsome_recent_posts a { color: #000; margin: 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #000;}
.sidebar .flatsome_recent_posts li:hover a { color: #0b6aff; }
.sidebar .flatsome_recent_posts span.post_comments { display: none !important;}	
.sidebar .widget_products ul.product_list_widget li img { border-radius: 5px;}
.sidebar .widget_products ul.product_list_widget li .product-title { font-size: 16px; color: #000; }
.sidebar .widget_products ul.product_list_widget li:hover .product-title { color: #0b6aff;}
	
/* menu sidebar */
.sidebar .menu { }
.sidebar .menu li { border: 0px; position: relative;}
.sidebar .menu li a { display: block; border-bottom: 1px dashed #ccc !important; padding: 7px 15px 7px 20px; position: relative; font-weight: 400; color: #000; font-size: 14px; z-index: 1;line-height: inherit !important;}
.sidebar .menu >li >a { padding-left: 30px;}
.sidebar .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; position: absolute; left: 5px; width: 20px; height: 20px; }
.sidebar .menu li a:after { position: absolute; content: ''; top: 0; left: 0; width: 0; height: 100%; background-color: #0b6aff; transform-origin: left; transition: width 0.25s ease; z-index: -1;}
.sidebar .menu li button.toggle { background: #FFF; position: absolute; margin: 0px; border: 1px solid #ccc; right: 2px; top: 2px; height: 30px; width: 30px; z-index: 9;}
.sidebar .menu .sub-menu { margin: 0px; padding: 0px; border: 0px;}
.sidebar .menu .sub-menu li a { padding-left: 40px;}
.sidebar .menu .sub-menu li a:before { content: "\f0da"; font-family: fontawesome; position: absolute; left: 25px;}
.sidebar .menu .sub-menu .sub-menu a { padding-left: 60px;}
.sidebar .menu .sub-menu .sub-menu a:before { left: 40px;}
.sidebar .menu li a:hover { color: #FFF !important;}
.sidebar .menu li a:hover:after { width: 100%;}

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

#footer .menu li { list-style: none; border: 0px; }
#footer .menu li~li { margin-top: 10px;}
#footer .menu li a { display: block; color: #fff; 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%); filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(1%) hue-rotate(228deg) brightness(105%) contrast(100%);}
#footer .menu li a:hover { color: #0b6aff;}

#footer { font-size: 16px; background: url(image/bg-footer.jpg) no-repeat 50% 50%; background-size: cover; position: relative; }
#footer:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%;  }
#footer .footer-1 { padding-top: 0px; border: 0px; }
#footer .footer-2 { border: 0px; }

a#top-link { color: #fff; background: #0b6aff; }
a#top-link:hover { color: #0b6aff; background: #fff; }

.footer-1 .widget_media_gallery .gallery { margin: 0px; justify-content: space-between;}
.footer-1 .widget_media_gallery .gallery-item { padding: 0 0px 20px;}
.footer-1 .widget_media_gallery .gallery-item { padding: 0 0px 10px; max-width: 31%; flex-basis: 100%;}
.footer-1 .widget_media_gallery .gallery-item .gallery-icon { border-radius: 10px; overflow: hidden;}

#footer .footer-2 .noidung1 p { margin: 0px;}
#footer .footer-2 .noidung2 .widget-title { text-transform: unset; font-size: 16px;}
#footer .footer-2 .noidung2 .textwidget { display: flex; flex-flow: row wrap; width: 100%; align-items: center;}
#footer .footer-2 .noidung2 .textwidget .col-left { max-width: 58%; flex-basis: 100%; margin-left: 0px; margin-right: auto; text-align: justify;}
#footer .footer-2 .noidung2 .textwidget .col-right { max-width: 38%; flex-basis: 100%; margin-left: auto; margin-right: 0px;}


@media only screen and (min-width: 960px) {
  #footer { padding-top: 350px; }
  #footer:before { background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0, rgba(0, 0, 0, 0.7) 53.45%, #000 83.97%) !important; }
}
@media only screen and (max-width: 959px) {
  #footer { padding-top: 100px; }
  #footer:before { background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0, rgba(0, 0, 0, 0.7) 20%, #000 83.97%) !important; }
}

/* 
 * 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: #0b6aff; 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; bottom: 20px; z-index: 999;}
.hbw-call-now.hotline-left { left: 20px; }
.hbw-call-now.hotline-right { right: 20px; }
.hbw-call-now .hotline_float_icon { display: block; position: relative; margin-bottom: 10px; cursor: pointer; padding: 0px; width: 45px; height: 45px;}
.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: #0b6aff; -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: block; 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 .hotline_float_icon span { display: inline-block;}
}

@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: #025395;  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-now input[type='tel'], #form-now input[type='text'], #form-now textarea {  box-shadow: none; color: #FFF; border: 0px; }
.form-popup textarea { height: 75px !important; min-height: auto;}
.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 { padding: 25px 0px; }
.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: 1280px; 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 {
    display: block;
    width: 100%;
    height: 100%;
}
.post-item .box-image a: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;}
.post-item .box-image a: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;}
.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; }

/* Tiêu đề 1 */
.home-page .section-title-container { margin-bottom: 30px; max-width: 100%; flex-basis: 100%; padding: 0px; }
.home-page .section-title-container .section-title { margin: 0px; border: 0px;}
.home-page .section-title-container span.section-title-main { border: 0px; padding: 0px; color: #000; text-transform: unset; }
.home-page .section-title-container a { font-size: 16px; font-weight: 500; position: relative; padding-right: 35px;}
.home-page .section-title-container a i.icon-angle-right { width: 24px; height: 24px; text-align: center; background: #0b6aff; color: #fff; border-radius: 100%; opacity: 1; font-size: 20px; margin: 0px; position: absolute; right: 0px; top: 50%; transform: translate(0%, -50%);}

@media only screen and (min-width: 960px) { 
  .home-page .section-title-container span.section-title-main { font-size: 30px;}
  .home-page .section-title-container {  }
}
@media only screen and (max-width: 959px) { 
  .home-page .section-title-container span.section-title-main { margin-right: 0px; text-align: left; font-size: 25px;}
  .home-page .section-title-container a { margin: 10px 0px 0px; padding-left: 0px;}
}

/* Tiêu đề hbw */
.hbw-title { text-align: center;}
.hbw-title .hbw-title-small { color: #8d8d8d; letter-spacing: 2.4px; font-weight: bold; margin-bottom: 1.3em; font-size: 16px; text-transform: uppercase;}
.hbw-title .hbw-title-main { font-family: "Black Han Sans", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; }
.hbw-title .hbw-title-main span { color: white; padding-top: 5px; position: relative; display: inline-block; background: #0b6aff; margin-left: 10px; }
.hbw-title .hbw-title-main span:before, .hbw-title .hbw-title-main span:after { content: ""; display: block; position: absolute; top: 0; width: 40px; height: 100%; background: url(image/ribbon-first-1.svg) center; background-size: cover; z-index: -1; filter: brightness(0) saturate(100%) invert(27%) sepia(93%) saturate(3164%) hue-rotate(212deg) brightness(101%) contrast(102%);}
.hbw-title .hbw-title-main span:before { left: -20px; }
.hbw-title .hbw-title-main span:after { right: -20px; transform: rotate(180deg); }

.hbw-title .title-content .see-more { display: flex; flex-direction: row; align-items: center; gap: 10px; padding-right: 40px; margin-top: 20px; }
.hbw-title .title-content .see-more:after { content: ""; width: 40px; height: 24px; background: url(image/motor.svg) no-repeat center right; background-size: 30px; position: absolute; right: 0px;}
.hbw-title .title-content .see-more .hbw-button { text-decoration: underline;}
.hbw-title .title-content .see-more .separator { width: 100%; height: 1px; flex: 1; border: 1px dashed #fff;}

@media only screen and (min-width: 960px) { 
  .hbw-title .hbw-title-main { font-size: 46px; }
}
@media only screen and (max-width: 959px) { 
  .hbw-title .hbw-title-main { font-size: 30px; }
}

/* home dự án */
.home-duan .post-item .box-blog-post { padding: 0px; border: 0px solid #e5e5e5; }
.home-duan .post-item .box-image { border-radius: 10px;}
.home-duan .post-item .box-text { padding: 20px; position: absolute; bottom: 0px; left: 0px;}
.home-duan .post-item .post-title { font-weight: 400; color: #000; margin: 0px; }
.home-duan .post-item .post-title a.plain { margin: 0px; font-size: 18px; color: #000; background: #fff; display: inline; font-weight: 600;}
.home-duan .post-item:hover .post-title a { color: #0b6aff; }
.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: #0b6aff; text-transform: unset; font-size: 15px; position: absolute; right: 0px; bottom: 0px; min-height: auto; height: auto; line-height: normal;}

.post-item .post-meta { position: relative; padding-left: 20px; font-size: 14px; }
.post-item .post-meta:before {  content: ""; width: 16px; height: 16px; position: absolute; left: 0px; top: 2px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99984 14.6667C10.9454 14.6667 13.3332 12.2789 13.3332 9.33333C13.3332 6.38781 10.9454 4 7.99984 4C5.05432 4 2.6665 6.38781 2.6665 9.33333C2.6665 12.2789 5.05432 14.6667 7.99984 14.6667Z' stroke='%231F50EA' stroke-width='1.5'%3E%3C/path%3E%3Cpath d='M9.33317 1.33334H6.6665' stroke='%231F50EA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M8 1.33334V4.00001' stroke='%231F50EA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M11.6665 5.33334L12.6665 4.33334' stroke='%231F50EA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M8 9.33334V7.33334' stroke='%231F50EA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M8 9.33334H6' stroke='%231F50EA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; filter: brightness(0) saturate(100%) invert(13%) sepia(56%) saturate(7018%) hue-rotate(348deg) brightness(81%) contrast(102%); }

/* home sản phẩm */
.home-sanpham .product-small { padding: 0px; border: 1px solid #e5e5e5; border-radius: 10px; background: #fff; overflow: hidden; }
.home-sanpham .product-small .box-image { border-radius: 0px;}
.home-sanpham .product-small .box-image .image-cover a { display: block;}
.home-sanpham .product-small .box-text { padding: 15px; display: flex; flex-direction: column; }
.home-sanpham .product-small .box-text .title-wrapper { order: 1;}
.home-sanpham .product-small .product-title { font-weight: 600; }
.home-sanpham .product-small .product-title a { margin: 0px; color: #000; font-size: 16px; width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.home-sanpham .product-small:hover .product-title a { color: #0b6aff;}
.home-sanpham .col-noidung .section-right { -ms-flex-preferred-size: 100%; flex-basis: 100%; }

.home-sanpham .product-small .hbw-info-tour { text-align: left; color: #000; display: flex; flex-flow: row wrap; justify-content: space-between; order: 2; margin-top: 10px; gap: 5px; font-size: 12px;}
.home-sanpham .product-small .hbw-info-tour div {  }

.hbw-info-tour div { position: relative; padding-left: 20px; }
.hbw-info-tour div:before { content: ""; width: 16px; height: 16px; position: absolute; left: 0px; top: 1px; filter: brightness(0) saturate(100%) invert(28%) sepia(97%) saturate(3343%) hue-rotate(213deg) brightness(103%) contrast(104%);}
.hbw-info-tour .item-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 3M3.22302 14C4.13247 18.008 7.71683 21 12 21c4.9706 0 9-4.0294 9-9 0-4.97056-4.0294-9-9-9-3.72916 0-6.92858 2.26806-8.29409 5.5M7 9H3V5'/%3E%3C/svg%3E%0A"); background-size: contain; }
.hbw-info-tour .item-kh: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='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M10 2a3 3 0 0 0-3 3v1H5a3 3 0 0 0-3 3v2.382l1.447.723.005.003.027.013.12.056c.108.05.272.123.486.212.429.177 1.056.416 1.834.655C7.481 13.524 9.63 14 12 14c2.372 0 4.52-.475 6.08-.956.78-.24 1.406-.478 1.835-.655a14.028 14.028 0 0 0 .606-.268l.027-.013.005-.002L22 11.381V9a3 3 0 0 0-3-3h-2V5a3 3 0 0 0-3-3h-4Zm5 4V5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v1h6Zm6.447 7.894.553-.276V19a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-5.382l.553.276.002.002.004.002.013.006.041.02.151.07c.13.06.318.144.557.242.478.198 1.163.46 2.01.72C7.019 15.476 9.37 16 12 16c2.628 0 4.98-.525 6.67-1.044a22.95 22.95 0 0 0 2.01-.72 15.994 15.994 0 0 0 .707-.312l.041-.02.013-.006.004-.002.001-.001-.431-.866.432.865ZM12 10a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H12Z' clip-rule='evenodd'/%3E%3C/svg%3E%0A"); background-size: contain; }
.hbw-info-tour .item-user: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='M4 10h16m-8-3V4M7 7V4m10 3V4M5 20h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1Zm3-7h.01v.01H8V13Zm4 0h.01v.01H12V13Zm4 0h.01v.01H16V13Zm-8 4h.01v.01H8V17Zm4 0h.01v.01H12V17Zm4 0h.01v.01H16V17Z'/%3E%3C/svg%3E%0A"); background-size: contain; }

.home-sanpham .product-small .price-wrapper { width: 100%; margin-top: 10px; padding-top: 10px; border-top: 1px solid #e5e5e5; order: 3; display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 10px; }
.home-sanpham .product-small .price-wrapper span.price { text-align: left; }
.home-sanpham .product-small .price-wrapper span.price:before { content: "From"; margin-right: 5px;}
/* .home-sanpham .product-small .price-wrapper span.price del { display: block;}
.home-sanpham .product-small .price-wrapper span.price ins { display: block;} */
.home-sanpham .product-small .price-wrapper span.price ins span.woocommerce-Price-amount { font-size: 18px;}
.home-sanpham .product-small .price-wrapper .hbw-view-more-btn { color: #000; text-decoration: underline; font-size: 16px; margin: 0px;}

.hbw-kkstar-rating .kksr-legend { color: #878787;}


@media only screen and (min-width: 960px) { 
	.home-sanpham .col-noidung .section-right { max-width: 74%; margin-right: 0px; margin-left: auto;}
}
@media only screen and (max-width: 959px) { 
	.home-sanpham .section-left { display: none !important;}
	.home-sanpham .section-right { max-width: 100% !important; flex-basis: 100% !important;}
}


/* home 1 */
.home-page1 { padding-bottom: 120px !important; }
.home-page1:before { content: ""; position: absolute; left: 0px; top: -55px; width: 100%; height: 200px; background: url(image/fence.png) no-repeat center top; background-size: cover; z-index: 1;}
.home-page1:after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100px; background: url(image/scratch-bg.png) no-repeat top left; background-size: cover; z-index: 1;}
.home-page1 .section-bg:after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.67) 18%, rgb(0 0 0 / 75%) 41%, rgba(0, 0, 0, 0.58) 55%, rgba(0, 0, 0, 1) 84%);}
.home-page1 .section-content { margin-left: auto; display: flex; flex-flow: row wrap;}
.home-page1 .hbw-title { flex-basis: 100%; text-align: left; }
.home-page1 .hbw-title .title-content { text-align: justify;}
.home-page1 .row { flex-basis: 100%; counter-reset: section-counter; padding-bottom: 70px; }
.home-page1 .product-category { padding-bottom: 0px !important;}
.home-page1 .product-category .box-category { border-radius: 10px; overflow: hidden;}
.home-page1 .product-category .box-image:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 2;}
.home-page1 .product-category:hover .box-image:before { background: rgba(0, 0, 0, 0.8);}
.home-page1 .product-category .box-text { position: absolute; bottom: 0px; left: 0px; z-index: 2; width: 100%; height: 100%; padding: 10px;}
.home-page1 .product-category .box-text .header-title { position: absolute; margin: 0px; top: 50%; left: 0px; transform: translate(0, -50%); font-family: "Condiment", cursive; counter-increment: section-counter; text-transform: unset; }
.home-page1 .product-category .box-text .header-title:before { content: counter(section-counter) ". ";}
.home-page1 .product-category .box-text .count { position: absolute; bottom: 10px; left: 10px; font-family: "Black Han Sans"; text-transform: unset; margin: 0px; background: url(image/motor.svg) no-repeat center left; }

.home-page1 .row-slider .flickity-prev-next-button { opacity: 1; margin: 0px; top: unset; bottom: 0px; background: #0b6aff !important; border-radius: 5px;}
.home-page1 .row-slider .flickity-prev-next-button.next { right: calc(50% - 60px);}
.home-page1 .row-slider .flickity-prev-next-button.previous { left: calc(50% - 60px);}
.home-page1 .row-slider .flickity-prev-next-button svg.flickity-button-icon path.arrow { fill: #fff; border-color: #fff;}


@media only screen and (min-width: 960px) {
  .home-page1 { padding-top: 200px !important; }
  .home-page1 .section-content { width: calc(100% - (100% - 1300px) / 2); padding-left: 30px; }
  .home-page1 .hbw-title { max-width: 33.333%; }
  .home-page1 .row { max-width: 66.666% !important; padding-left: 150px; }
  .home-page1 .product-category .box-text .header-title { font-size: 40px; padding: 20px; }
  .home-page1 .product-category .box-text .count { font-size: 20px; padding-left: 40px; background-size: 30px; }
}
@media only screen and (max-width: 959px) {
  .home-page1 { padding-top: 140px !important; }
  .home-page1 .hbw-title { max-width: 100%; padding: 0 15px; margin-bottom: 30px; }
  .home-page1 .row { max-width: 100% !important;  }
  .home-page1 .product-category .box-text .header-title { font-size: 20px; padding: 10px; }
  .home-page1 .product-category .box-text .count { font-size: 12px; padding-left: 25px; background-size: 20px; }
}

/* home 2 */
.home-page2 { background: url(image/bg-van.jpg) no-repeat center; background-size: cover; padding-bottom: 60px !important; }
.home-page2 .section-content { display: flex; flex-flow: row wrap; width: 100%;}
.home-page2 .hbw-title { margin-bottom: 45px; max-width: 100%; flex-basis: 100%;}
.home-page2 .hbw-image-box { flex-basis: 100%; padding: 0 15px 30px; }
.home-page2 .hbw-image-box .box-image { border-radius: 10px;}
.home-page2 .hbw-image-box .box-text { padding: 20px 0px 0px; font-size: 16px;}
.home-page2 .hbw-image-box .box-text .title-icon { font-family: "Black Han Sans"; margin: 0px 0 15px 0; text-align: left; }
.home-page2 .img { flex-basis: 100%; padding: 0 15px 30px;}
.home-page2 .stack { flex-flow: row wrap; width: 100%; border-radius: 20px; background: #fff; box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.15); justify-content: center;}
.home-page2 .stack .featured-box { flex-basis: 100%; padding: 0 10px; position: relative;}
.home-page2 .stack .featured-box .icon-box-img img { padding: 0px;}
.home-page2 .stack .featured-box .icon-box-text { font-size: 16px;}
.home-page2 .stack .featured-box .uppercase { margin: 10px 0; font-family: "Black Han Sans", sans-serif; font-size: 18px; font-weight: 400;}


@media only screen and (min-width: 960px) { 
  .home-page2 .hbw-image-box { max-width: 50%; }
  .home-page2 .img { max-width: 50%; }
  .home-page2 .hbw-image-box .box-text .title-icon { font-size: 30px; }
  .home-page2 .stack { padding: 20px; }
  .home-page2 .stack .featured-box { max-width: 25%; }
  .home-page2 .stack .featured-box:not(:first-child):after { content: ""; display: block; position: absolute; top: 15%; left: 0; width: 1px; height: 70%; border: 1px dashed #0b6aff;}
  .home-page2 .stack .featured-box .icon-box-text { padding: 0px 10px 15px; }
}
@media only screen and (max-width: 959px) { 
  .home-page2 .hbw-title { padding: 0 15px;}
  .home-page2 .hbw-image-box { max-width: 100%; }
  .home-page2 .img { max-width: 100%; }
  .home-page2 .hbw-image-box .box-text .title-icon { font-size: 25px; }
  .home-page2 .stack { padding: 20px 0px; }
  .home-page2 .stack .featured-box { max-width: 50%; }
  .home-page2 .stack .featured-box .icon-box-img { max-width: 60px;}
  .home-page2 .stack .featured-box:nth-child(-n+2) { padding-bottom: 10px; margin-bottom: 10px !important;}
  .home-page2 .stack .featured-box:nth-child(2n+2):after { content: ""; display: block; position: absolute; top: 15%; left: 0; width: 1px; height: 70%; border: 1px dashed #0b6aff;}
  .home-page2 .stack .featured-box:nth-child(-n+2):before { content: ""; display: block; position: absolute; bottom: 0%; left: 15%; width: 70%; height: 1px; border: 1px dashed #0b6aff;}
}

/* home 3 */
.home-page3 { padding-top: 140px !important; }
.home-page3:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100px; background: url(image/scratch-bg.png) no-repeat top left; background-size: cover; z-index: 1; transform: rotate(180deg); }
.home-page3 .section-content { margin-left: auto; display: flex; flex-flow: row wrap;}
.home-page3 .hbw-title { flex-basis: 100%; text-align: left; }
.home-page3 .hbw-title .hbw-title-main { color: #fff;}
.home-page3 .hbw-title .title-content { text-align: justify; color: #fff; }
.home-page3 .hbw-title .hbw-title-main span { color: #0b6aff; background: #fff;}
.home-page3 .hbw-title .hbw-title-main span:before, .home-page3 .hbw-title .hbw-title-main span:after { filter: brightness(0) saturate(100%) invert(93%) sepia(17%) saturate(0%) hue-rotate(224deg) brightness(104%) contrast(112%);}
.home-page3 .row { flex-basis: 100%; counter-reset: section-counter; }
.home-page3 .row-slider .flickity-prev-next-button { opacity: 1; margin: 0px; top: unset; bottom: 0px; background: #fff !important; border-radius: 5px;}
.home-page3 .row-slider .flickity-prev-next-button.next { right: calc(50% - 60px);}
.home-page3 .row-slider .flickity-prev-next-button.previous { left: calc(50% - 60px);}
.home-page3 .row-slider .flickity-prev-next-button svg.flickity-button-icon path.arrow { fill: #0b6aff; border-color: #0b6aff;}
.home-page3 .hbw-title .title-content .hbw-button { color: #fff;}

@media only screen and (min-width: 960px) { 
  .home-page3 .section-content { width: calc(100% - (100% - 1300px) / 2); padding-left: 30px; }
  .home-page3 .hbw-title { max-width: 33.333%; }
  .home-page3 .row { max-width: 66.666% !important; padding-left: 150px; padding-bottom: 40px; margin-bottom: 80px; }
  .home-page3 .row .col { flex-basis: 100%; max-width: 45%;}
}
@media only screen and (max-width: 959px) {
  .home-page3 .hbw-title { max-width: 100%; padding: 0 15px; margin-bottom: 30px; }
  .home-page3 .row { max-width: 100% !important; padding-bottom: 25px; margin-bottom: 35px; }

}

/* home 4 */
.home-page4 { text-align: center; }
.home-page4 .hbw-title {
    margin-bottom: 45px;
}
.home-page4 .product-category .box-category {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    align-items: center;
}
.home-page4 .product-category .box-image {
    flex-basis: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.home-page4 .product-category .box-text { flex-basis: 100%;}
.home-page4 .product-category .box-text .header-title { font-family: "Black Han Sans", sans-serif; font-weight: 400;}
.home-page4 .product-category .box-text .count {
    color: #000;
    font-size: 13px;
    text-transform: unset;
}
.home-page4 .button {
    margin: 15px 0px 0px;
}


@media only screen and (min-width: 960px) { 
  .home-page4 .product-category .box-image { max-width: 30%;}
  .home-page4 .product-category .box-text { max-width: 70%; padding: 0px 0px 0px 15px;}
  .home-page4 .product-category .box-text .header-title { font-size: 18px;}
}
@media only screen and (max-width: 959px) { 
  .home-page4 .hbw-title { padding: 0 15px;}
  .home-page4 .product-category .box-image { max-width: 100%;}
  .home-page4 .product-category .box-text { max-width: 100%; padding: 15px 0px 0px;}
  .home-page4 .product-category .box-text .header-title { font-size: 16px;}
}

/* home 5 */
.home-page5 { }
.home-page5 .noidung {
    position: absolute;
    top: 20%;
    text-align: right;
}
.home-page5 .noidung h3 {
    text-align: right;
    -webkit-text-stroke: 5px #fff;
    paint-order: stroke fill;
    font-family: "Black Han Sans";
    margin: 0;
}


@media only screen and (min-width: 960px) { 
  .home-page5 .noidung { right: 15%; width: 40%;}
  .home-page5 .noidung h3 { font-size: 60px; line-height: 5rem;}
}
@media only screen and (max-width: 959px) { 
  .home-page5 .noidung { right: 0%; width: 100%; padding: 0 15px; }
  .home-page5 .noidung h3 { font-size: 18px; }
}
@media only screen and (max-width: 959px) and (min-width: 600px) { 

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

}

/* home 6 */
.home-page6 { background: url(image/bg-home2.png) no-repeat center left; background-size: contain; }
.home-page6 .section-content { margin-left: auto; display: flex; flex-flow: row wrap; align-items: center;}
.home-page6 .img {
    flex-basis: 100%;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 0px 15px 0px #000;
    z-index: 2;
}
.home-page6 .stack {
    display: block;
    flex-basis: 100%;
    background: url(image/bg-home3.jpg) no-repeat center;
    background-size: cover; color: #fff; position: relative;
}
.home-page6 .stack:before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: rgba(11, 106, 255, 0.8);
}
.home-page6 .hbw-title {
    position: relative;
    z-index: 1; text-align: left; margin-bottom: 20px !important;
}
.home-page6 .hbw-title .hbw-title-main {
    color: #fff; margin: 0px;
}
.home-page6 .wpcf7 .wpcf7-form {
    margin: 0px;
}
.home-page6 .wpcf7 .row-form {
    display: flex;
    flex-flow: row wrap;
    width: 100%; justify-content: space-between;
}
.home-page6 .wpcf7 .row-form .col-right {
    max-width: 28%;
    flex-basis: 100%;
}
.home-page6 .wpcf7 .row-form .col-left {
    max-width: 70%;
    flex-basis: 100%;
}
.home-page6 .wpcf7 span.wpcf7-spinner {
    display: none;
}
.home-page6 .wpcf7 .wpcf7-submit {
    margin: 0px;
    width: 100%;
    background: #fad14e;
    color: #000;     height: 52px;
    border-radius: 10px;
    border: 0px; text-transform: unset;
    font-size: 16px; padding: 0 10px;
}
.home-page6 .wpcf7 .wpcf7-text {
    margin: 0px;
    height: 52px;
    box-shadow: none;
    border-radius: 10px;
}

@media only screen and (min-width: 960px) {
  .home-page6 .section-content { width: calc(100% - (100% - 1300px) / 2); padding-left: 30px;}
  .home-page6 .img { max-width: 33.333%;}
  .home-page6 .stack { padding: 80px 150px; max-width: 66.666%;}
}
@media only screen and (max-width: 959px) { 
  .home-page6 { padding: 30px 0px !important;}
  .home-page6 .img { max-width: 90%; margin: 0 auto 30px; }
  .home-page6 .stack { padding: 20px 15px; max-width: 100%;}
}
@media only screen and (min-width: 960px) { 

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

}

/* home 7 */
.home-page7 { }
.home-page7 .section-content {
    margin-left: auto;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.home-page7 .hbw-title {
    flex-basis: 100%;
    text-align: left;
}
.home-page7 .img { flex-basis: 100%;}
.home-page7 .hbw-title .title-content {
    text-align: justify;
}
.home-page7 .hbw-title a.button {
    margin: 15px 0px 0px;
}


@media only screen and (min-width: 960px) { 
  .home-page7 .section-content { width: calc(100% - (100% - 1300px) / 2); padding-left: 30px;}
  .home-page7 .hbw-title { max-width: 33.333%;}
  .home-page7 .img { max-width: 66.666%;}
}
@media only screen and (max-width: 959px) { 
  .home-page7 { padding: 30px 0px !important;}
  .home-page7 .hbw-title { max-width: 100%; padding: 0 15px; }
  .home-page7 .img { max-width: 100%;}
}

/* home 8 */
.home-page8 { }
.home-page8 .section-content {
    display: flex;
    flex-flow: row wrap;
    width: 100%; justify-content: center;
}
.home-page8 .featured-box { flex-basis: 100%;}
.home-page8 .featured-box .icon-box-img {
    margin: 0px;
}
.home-page8 .featured-box .icon-box-img img {
    padding: 0px;
}
.home-page8 .featured-box .uppercase {
    font-family: "Black Han Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    text-align: left;
}
.home-page8 a.button {
    margin: 0px;
    font-family: "Black Han Sans";
    font-weight: 400;
    background: #fff;
    color: #0b6aff;
}


@media only screen and (min-width: 960px) { 
  .home-page8 .featured-box { max-width: 33.333%; padding: 0 30px 30px;}
  .home-page8 a.button { font-size: 20px;}
}
@media only screen and (max-width: 959px) { 
  .home-page8 .featured-box { max-width: 100%; padding: 0 15px 30px;}
  .home-page8 a.button { padding-left: 10px; padding-right: 10px;}
  .home-page8 a.button { font-size: 16px;}
}

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

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

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

}

/* home 10 */
.home-page10 { }

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

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

}


/*
 * Destination
 * */
.banner-destination h1 { font-family: "Black Han Sans", sans-serif; font-weight: 400 !important; }
.banner-destination:after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100px; background: url(image/scratch-bg.png) no-repeat top left; background-size: cover; z-index: 2;}

@media only screen and (min-width: 960px) { 
  .banner-destination h1 { font-size: 55px;}
  .banner-destination .ux-search-box { width: 60%;}
}
@media only screen and (max-width: 959px) { 
  .banner-destination h1 { font-size: 40px;}
  .banner-destination .ux-search-box { width: 100%;}
}

/* Destination 1 */
.page-destination1 .row { counter-reset: section-counter;}
.page-destination1 .product-category .box-category { border-radius: 10px; overflow: hidden;}
.page-destination1 .product-category .box-image:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 2;}
.page-destination1 .product-category .box-text { position: absolute; bottom: 0px; left: 0px; z-index: 2; width: 100%; height: 100%; padding: 10px;}
.page-destination1 .product-category .box-text .header-title { position: absolute; margin: 0px; top: 50%; left: 0px; transform: translate(0, -50%); counter-increment: section-counter; text-transform: unset; color: #fff; font-family: "Black Han Sans", sans-serif; font-weight: 400;}
.page-destination1 .product-category .box-text .header-title:before { content: counter(section-counter) ". ";}

@media only screen and (min-width: 960px) { 
  .page-destination1 .product-category .box-text .header-title { font-size: 25px; padding: 20px; }
}
@media only screen and (max-width: 959px) { 
  .page-destination1 .product-category .box-text .header-title { font-size: 16px; padding: 10px; }
}

/*
 * Services
 * */
.banner-services { }
.banner-services:after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100px; background: url(image/scratch-bg.png) no-repeat top left; background-size: cover; z-index: 2;}
.banner-services h1 { font-family: "Black Han Sans", sans-serif; font-weight: 400 !important; }

@media only screen and (min-width: 960px) { 
  .banner-services h1 { font-size: 55px; }
}
@media only screen and (max-width: 959px) { 
  .banner-services h1 { font-size: 40px; }
}

/* Services 1 */
.page-services1 .section-content { display: flex; flex-flow: row wrap; width: 100%; justify-content: space-between; align-items: flex-start;}
.page-services1 .hbw-image-box { flex-basis: 100%; background: #fff; box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1); border-radius: 10px; display: flex; flex-direction: column; position: relative; }
.page-services1 .hbw-image-box .box-image { order: 2;}
.page-services1 .hbw-image-box .box-text { padding: 0px; margin-bottom: 20px;}
.page-services1 .hbw-image-box .box-text .title-icon { font-family: "Black Han Sans", sans-serif; font-weight: 400; font-style: normal; margin: 0px 0px 15px; text-align: left; }
.page-services1 .hbw-image-box .box-text .title-icon span { color: white; padding-top: 5px; position: relative; display: inline-block; background: #0b6aff; z-index: 1; margin-left: 15px; }
.page-services1 .hbw-image-box .box-text .title-icon span:before, .page-services1 .hbw-image-box .box-text .title-icon span:after { content: ""; display: block; position: absolute; top: 0; width: 40px; height: 100%; background: url(image/ribbon-first-1.svg) center; background-size: cover; filter: brightness(0) saturate(100%) invert(27%) sepia(93%) saturate(3164%) hue-rotate(212deg) brightness(101%) contrast(102%); z-index: -1; }
.page-services1 .hbw-image-box .box-text .title-icon span:before { left: -20px; }
.page-services1 .hbw-image-box .box-text .title-icon span:after { right: -20px; transform: rotate(180deg); }

@media only screen and (min-width: 960px) { 
  .page-services1 .hbw-image-box { max-width: 48%; padding: 40px;  margin-bottom: 30px; }
  .page-services1 .hbw-image-box:nth-child(2n+2) { top: 40px;}
  .page-services1 .hbw-image-box .box-text .title-icon { font-size: 35px; }
}
@media only screen and (max-width: 959px) {
  .page-services1 { padding: 30px 0px !important; }
  .page-services1 .hbw-image-box { max-width: 90%; padding: 20px; margin: 0 auto 30px;  }
  .page-services1 .hbw-image-box .box-text .title-icon { font-size: 25px; }
}

/* Services 2 */
.page-services2 .section-title-container .section-title { margin: 0px;}
.page-services2 .section-title-container .section-title b { visibility: hidden;}
.page-services2 .section-title-container .section-title .section-title-main { margin: 0px; font-family: "Black Han Sans", sans-serif; font-weight: 400; font-style: normal;}

@media only screen and (min-width: 960px) { 
  .page-services2 .section-title-container .section-title .section-title-main { font-size: 46px; }
}
@media only screen and (max-width: 959px) { 
  .page-services2 .section-title-container .section-title .section-title-main { font-size: 35px; }
}

/* Services 3 */
.page-services3 { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0.2%, #0b6aff); }
.page-services3:after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100px; background: url(image/scratch-bg.png) no-repeat top left; background-size: cover; z-index: 1;}
.page-services3 .stack { flex-flow: row wrap; width: 100%; border-radius: 20px; background: #fff; box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.15); justify-content: center;}
.page-services3 .stack .featured-box { flex-basis: 100%; padding: 0 10px; position: relative;}
.page-services3 .stack .featured-box .icon-box-img img { padding: 0px;}
.page-services3 .stack .featured-box .icon-box-text { font-size: 16px;}
.page-services3 .stack .featured-box .uppercase { margin: 10px 0; font-family: "Black Han Sans", sans-serif; font-weight: 400;}

@media only screen and (min-width: 960px) { 
  .page-services3 .stack { padding: 20px; }
  .page-services3 .stack .featured-box { max-width: 25%; }
  .page-services3 .stack .featured-box:not(:first-child):after { content: ""; display: block; position: absolute; top: 15%; left: 0; width: 1px; height: 70%; border: 1px dashed #0b6aff;}
  .page-services3 .stack .featured-box .icon-box-text { padding: 0px 10px 15px; }
  .page-services3 .stack .featured-box .uppercase { font-size: 18px; }
}
@media only screen and (max-width: 959px) {
  .page-services3 { padding-top: 100px !important; padding-bottom: 140px !important;}
  .page-services3 .hbw-title { padding: 0 15px;}
  .page-services3 .stack { padding: 20px 0px; }
  .page-services3 .stack .featured-box { max-width: 50%; }
  .page-services3 .stack .featured-box .icon-box-img { max-width: 60px;}
  .page-services3 .stack .featured-box:nth-child(-n+2) { padding-bottom: 10px; margin-bottom: 10px !important;}
  .page-services3 .stack .featured-box:nth-child(2n+2):after { content: ""; display: block; position: absolute; top: 15%; left: 0; width: 1px; height: 70%; border: 1px dashed #0b6aff;}
  .page-services3 .stack .featured-box:nth-child(-n+2):before { content: ""; display: block; position: absolute; bottom: 0%; left: 15%; width: 70%; height: 1px; border: 1px dashed #0b6aff;}
  .page-services3 .stack .featured-box .uppercase { font-size: 16px; }
}

/*
 * About
 * */
.banner-about { }
.banner-about:after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100px; background: url(image/scratch-bg.png) no-repeat top left; background-size: cover; z-index: 2;}
.banner-about h1 { font-family: "Black Han Sans", sans-serif; font-weight: 400 !important; }

@media only screen and (min-width: 960px) { 
  .banner-about h1 { font-size: 55px;}
}
@media only screen and (max-width: 959px) { 
  .banner-about h1 { font-size: 40px;}
}

/* about 1 */
.page-about1 .section-content { display: flex; flex-flow: row wrap; width: 100%;}
.page-about1 .hbw-image-box { max-width: 100%; flex-basis: 100%; display: flex; flex-flow: row wrap; width: 100%; align-items: center; justify-content: space-between; }
.page-about1 .hbw-image-box .box-image { flex-basis: 100%; }
.page-about1 .hbw-image-box .box-image img { border-radius: 10px;}
.page-about1 .hbw-image-box .box-text { flex-basis: 100%; font-size: 16px;}
.page-about1 .hbw-image-box .box-text .title-icon { font-family: "Black Han Sans", sans-serif; font-weight: 400; font-style: normal; margin: 0px 0px 25px; text-align: left; }
.page-about1 .hbw-image-box .box-text .title-icon span { color: white; padding-top: 5px; position: relative; display: inline-block; background: #0b6aff; z-index: 1; margin-left: 15px; }
.page-about1 .hbw-image-box .box-text .title-icon span:before, .page-about1 .hbw-image-box .box-text .title-icon span:after { content: ""; display: block; position: absolute; top: 0; width: 40px; height: 100%; background: url(image/ribbon-first-1.svg) center; background-size: cover; filter: brightness(0) saturate(100%) invert(27%) sepia(93%) saturate(3164%) hue-rotate(212deg) brightness(101%) contrast(102%); z-index: -1; }
.page-about1 .hbw-image-box .box-text .title-icon span:before { left: -20px; }
.page-about1 .hbw-image-box .box-text .title-icon span:after { right: -20px; transform: rotate(180deg); }

.page-about1 .featured-box { flex-basis: 100%; padding: 0 25px 15px; position: relative; }
.page-about1 .featured-box .icon-box-img { margin: 0px;}
.page-about1 .featured-box .icon-box-img img { padding: 0px;}
.page-about1 .featured-box .uppercase { font-family: "Black Han Sans"; font-weight: 400; font-size: 20px; text-align: left;}
.page-about1 .featured-box .icon-box-text { font-size: 16px; text-align: center;}
.page-about1 .hbw-title { margin-top: 30px;}

@media only screen and (min-width: 960px) { 
  .page-about1 .hbw-image-box { margin-bottom: 90px;}
  .page-about1 .hbw-image-box .box-image { max-width: 48%; order: 2;}
  .page-about1 .hbw-image-box .box-text { max-width: 48%; padding: 0px; }
  .page-about1 .hbw-image-box .box-text .title-icon { font-size: 45px; }
  .page-about1 .featured-box { max-width: 25%; }
  .page-about1 .featured-box:nth-child(n+3):before { content: ""; display: block; position: absolute; top: 0; left: -2px; width: 1px; height: 40%; border-left: 4px dotted #000;}
}
@media only screen and (max-width: 959px) {
  .page-about1 .hbw-image-box { margin-bottom: 40px;}
  .page-about1 .hbw-image-box .box-image { max-width: 100%; padding: 0 15px; }
  .page-about1 .hbw-image-box .box-text { max-width: 100%; padding: 30px 15px 0px; }
  .page-about1 .hbw-image-box .box-text .title-icon { font-size: 30px; }
  .page-about1 .featured-box { max-width: 100%; }
  .page-about1 .featured-box:not(:nth-child(2)) { padding-top: 15px; }
  .page-about1 .featured-box:not(:nth-child(2)):before { content: ""; display: block; position: absolute; top: 2px; left: 15%; width: 70%; border-top: 4px dotted #000;}
  .page-about1 .hbw-title { padding: 0 15px;}
}