/*
Theme Name: DEV ZEKVN
Theme URI: https://zek.vn/
Author: Zekvn
Author URI: https://zek.vn/
Version: 1.0
Description: ZEK AGENCY sở hữu hơn 500+ mẫu giao diện về tất cả các lĩnh vực và ngành hàng khác nhau, đáp ứng mọi nhu cầu của khách hàng với từng phân khúc giá. Cập nhật những mẫu thiết kế mới chuẩn xu hướng.
*/
@font-face{font-family: 'BT Beau Sans';src:url(fonts/BT-BeauSans-Light.ttf);font-weight: 300;}
@font-face{font-family: 'BT Beau Sans';src:url(fonts/BT-BeauSans-LightItalic.ttf);font-weight: 300;font-style: italic;}
@font-face{font-family: 'BT Beau Sans';src:url(fonts/BT-BeauSans-Regular.ttf);font-weight: 400;}
@font-face{font-family: 'BT Beau Sans';src:url(fonts/BT-BeauSans-Italic.ttf);font-weight: 400;font-style: italic;}
@font-face{font-family: 'BT Beau Sans';src:url(fonts/BT-BeauSans-Medium.ttf);font-weight: 500;}
@font-face{font-family: 'BT Beau Sans';src:url(fonts/BT-BeauSans-MediumItalic.ttf);font-weight: 500;font-style: italic;}
@font-face{font-family: 'BT Beau Sans';src:url(fonts/BT-BeauSans-Bold.ttf);font-weight: 700;}
@font-face{font-family: 'BT Beau Sans';src:url(fonts/BT-BeauSans-BoldItalic.ttf);font-weight: 700;font-style: italic;}
@font-face{font-family: 'BT Beau Sans';src:url(fonts/BT-BeauSans-ExtraBold.ttf);font-weight: 800;}
@font-face{font-family: 'BT Beau Sans';src:url(fonts/BT-BeauSans-ExtraBoldItalic.ttf);font-weight: 800;font-style: italic;}
@font-face{font-family: 'UTM Bebas';src:url(fonts/UTM-Bebas.ttf);}
.titlehide{display: none;}
/* Option */
.related-topic__content {
    display: flex
;
    flex-wrap: wrap;
    gap: 12px;
}
.related-topic {
    padding: 8px 16px;
    border-radius: 20px;
    border: 1px solid #004E92;
    background: #004e9226;color: #004E92;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}
.related-topic a{color: #004E92;}
body{font-size: 16px;color: #1B1B1B; font-family: "Montserrat", sans-serif;}
.category-child {
   background: #f9f9f9;padding: 10px;
}

.category-child ul {
    display: flex;
    flex-wrap: wrap;justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
}

.category-child ul li {
    margin: 0;    width: 33%;
}

.category-child ul li a {
    display: block;
    padding: 10px 20px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;text-align: center;
    color: #222;

    border-right: 1px solid #ccc;
    transition: all 0.3s ease;
}
.category-child ul li:last-child > a{border-right: 0}

.category-child ul li a:hover {
    background: #01538f;
    color: #fff;
}

.category-child ul li.active a {
    background: #01538f; /* màu xanh đậm */
    color: #fff;
}
.swiper-hero{padding-bottom: 50px}
*{margin:0;padding:0;line-height:1.7}
a{text-decoration:none;color:#1B1B1B;cursor:pointer;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
a:hover,a:focus,a:visited{text-decoration:none;outline:none}
a:active,a:hover{color: #004E92;}
ul,ol{padding-left:0;margin-bottom: 24px;}
.box-fb{display: flex;}
.item-img-full{width: 50%;    aspect-ratio: 3 / 4;    border-radius: 10px;
    overflow: hidden;}
    .item-feedback{border-radius: 10px;
    overflow: hidden;}
.item-img-full img{height: 100%;object-fit: cover;width: 100%}
img{max-width:100%;border:none;height:auto}
p{margin-bottom: 24px;}
b,strong{font-weight: bold;}
h1,h2,h3,h4,h5,h6{line-height:1.2;margin-top:0;margin-bottom: 24px;}
h1 *,h2 *,h3 *,h4 *,h5 *,h6 *{line-height: normal;}
h1{font-size: 28px;text-transform: uppercase;}
h2{font-size: 24px;text-transform: uppercase;}
h3{font-size: 20px;}
h4{font-size: 16px;}
h5{font-size: 14px;}
h6{font-size: 14px;}
table{margin-bottom: 24px;}
.table{max-width: 100%;table-layout: fixed;word-wrap: break-word;margin-bottom: 24px;}
.img img{width:100%;height:auto;object-fit:cover}
.background{background-size:cover;background-repeat:no-repeat;background-position:center}
.relative{position: relative;}
.overlay{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background-color: rgba(0, 0, 0, 0.5);}
.linkfull{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 5;}
.screen-reader-text{display:none}
.head{animation: stuckMoveUp .5s;}
.head.navbar-fixed-top{box-shadow:1px 1px 10px rgba(0,0,0,0.15);position: fixed !important;top: 0;left: 0;width: 100%;z-index: 999;animation: stuckMoveDown .5s;background: #fff}
@keyframes stuckMoveDown {
0%{transform:translateY(-100%)}
100%{transform:translateY(0)}
}
@keyframes stuckMoveUp {
0%{transform:translateY(100%)}
100%{transform:translateY(0)}
}
@keyframes stuckFadeIn {
0%{opacity:0}
100%{opacity:1}
}

/* Container (FAKE theo từng web) */
.row-margin{--bs-gutter-y:var(--bs-gutter-x);margin-top: calc(-.5 * var(--bs-gutter-y));margin-bottom: calc(-.5 * var(--bs-gutter-y));}
.row-margin>*{margin-top: 0;padding-top: calc(var(--bs-gutter-x) * .5);padding-bottom: calc(var(--bs-gutter-x) * .5)}
.container-fluid,.container{--bs-gutter-x: 120px;}
.row{--bs-gutter-x: 30px;}
.flex{display:flex;flex-wrap:wrap}
.align-center{align-items:center}
.align-end{align-items:flex-end;}
.align-start{align-items:flex-start;}
.justify-between{justify-content: space-between;}
.justify-center{justify-content: center;}
.justify-end{justify-content: flex-end;}
.justify-start{justify-content: flex-start;}
.row-reverse{flex-direction:row-reverse;}
.column-reverse{flex-direction:column-reverse;}
@media (min-width: 576px){
	.container, .container-sm {max-width: 100%;}
}
@media (min-width: 768px){
	.container, .container-md, .container-sm { max-width: 100%;}
}
@media (min-width: 992px){
	.container, .container-lg, .container-md, .container-sm {max-width: 100%;}
}
@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 100%;}
}
@media (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1560px;}
}

/* input-button */
input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="file"],input[type="number"],input[type="date"],input[type="tel"],textarea,select{width:100%;max-width:100%;display:block;outline:none;border: 1px solid #00000080;padding: 8px 12px;color: #1B1B1B99;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color: #1B1B1B99;}
input[type="submit"]{padding: 16px 32px;font-size: 18px; color: #fff;background-color: #1B1B1B;border-radius: 50px;text-align: center;border: none;transition: all .3s;}
input[type="submit"]:hover{background-color: #004E92;color: #fff;}
.select2-container .select2-selection--single{height: 48px;}
.select2-container--default .select2-selection--single{border: 1px solid #E6E6E6;}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left: 12px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 46px;color: #999999;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 46px;}
.select2-dropdown{border: 1px solid #E6E6E6;}
.select2-container--default .select2-search--dropdown .select2-search__field{border: 1px solid #E6E6E6;}
.select2-search--dropdown{padding: 4px 4px 12px 4px;}
.select2-container--default .select2-results>.select2-results__options{font-size: 14px;}
/* Contact-form7 */
form .row{--bs-gutter-x: 20px;}
.wpcf7-spinner{position: absolute;}
.form-group{margin-bottom: 24px;position: relative;}
.form-group .name{margin-bottom: 5px;font-weight: 500;}
div.wpcf7 .ajax-loader{position:absolute}
.wpcf7-form-control-wrap{position:initial}
.wpcf7 .wpcf7-not-valid-tip{position:relative;padding:5px 10px!important;line-height:1.2em;left:auto!important;border-radius:3px;background-color:#f1f1f1!important;border:0!important;color:#000;position:absolute;right:0;top:40px;z-index:99;font-size:12px;margin-bottom:5px}
.wpcf7 .wpcf7-not-valid-tip:after{bottom:100%;left:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#f1f1f1;border-width:5px;margin-left:-10px}
.wpcf7 .wpcf7-validation-errors{display:none!important}
.wpcf7 form .wpcf7-response-output{margin: 1.5em 0 0;}
/* Content-post */
.wp-block-image.aligncenter>figcaption, .wp-block-image .aligncenter>figcaption, .wp-block-image.alignleft>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image.alignright>figcaption, .wp-block-image .alignright>figcaption{display: block;}
.content-post h1{font-size: 35px;}
.content-post h2{font-size: 30px;}
.content-post h3{font-size: 22px;}
.content-post h4{font-size: 18px;}
.content-post h5{font-size: 16px;}
.content-post h6{font-size: 16px;}
.content-post ul,.content-post ol{padding-left:18px;}
.content-post li{position:relative;margin-bottom:6px}
.content-post>div{margin-bottom: 24px;}
.content-post blockquote{background:#f6f6f6;position: relative;padding: 16px 16px 6px 32px;}
.content-post blockquote:before{content: open-quote;font-weight: bold;font-size: 30px;position: absolute;left: 8px;top: 0;}
.content-post blockquote:after{content: close-quote;font-weight: bold;font-size: 30px;position: absolute;bottom: 0;right: 8px;opacity: 0;visibility: hidden;}
.content-post .gallery{display:grid;grid-column-gap:24px;grid-row-gap:24px}
.content-post .gallery br{display:none}
.content-post .gallery.gallery-columns-2{grid-template-columns:repeat(2,1fr)}
.content-post .gallery.gallery-columns-3{grid-template-columns:repeat(3,1fr)}
.content-post .gallery.gallery-columns-4{grid-template-columns:repeat(4,1fr)}
.content-post .gallery.gallery-columns-5{grid-template-columns:repeat(5,1fr)}
.content-post .gallery.gallery-columns-6{grid-template-columns:repeat(6,1fr)}
.content-post .gallery.gallery-columns-7{grid-template-columns:repeat(7,1fr)}
.content-post .gallery.gallery-columns-8{grid-template-columns:repeat(8,1fr)}
.content-post .gallery.gallery-columns-9{grid-template-columns:repeat(9,1fr)}
.content-post .gallery-item{margin:0!important;width:100%!important;display:flex;align-items:flex-start;float:none !important;flex-wrap: wrap;}
.content-post .gallery-item img{border:none!important;width: 100%;height: auto;object-fit: cover;}
.content-post a:hover{text-decoration:underline}
.content-post .wp-caption.aligncenter{max-width:100%!important}
img.aligncenter{display:block;margin:0 auto}
.content-post .alignnone{margin:0 24px 24px 0}
.content-post .aligncenter,.content-post div.aligncenter{display:block;margin:0 auto 24px;}
.content-post .alignright{float:right;margin:0 0 24px 24px}
.content-post .alignleft{float:left;margin:0 24px 24px 0}
a img.alignright{float:right;margin:0 0 24px 24px}
a img.alignnone{margin:0 24px 24px 0}
a img.alignleft{float:left;margin:0 24px 24px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{border:none;max-width:100%;padding:0;}
.wp-caption.alignnone{margin:0 24px 24px 0}
.wp-caption.alignleft{margin:0 24px 24px 0}
.wp-caption.alignright{margin:0 0 24px 24px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:100%}
.content-post .wp-caption-text{margin:0;padding:6px;text-align: center;background: #eee;font-size: 14px;}
.content-post>*:last-child{margin-bottom: 0;}
.content-post.big{font-size: 20px;font-weight: 500;}
/* Widget */
.widget ul,.widget ol{list-style: none;}
.widget iframe{width: 100%;height: auto; object-fit: cover;}
.widget .gallery{display:grid;grid-column-gap:10px;grid-row-gap:10px}
.widget .gallery br{display:none}
.widget .gallery.gallery-columns-2{grid-template-columns:repeat(2,1fr)}
.widget .gallery.gallery-columns-4{grid-template-columns:repeat(4,1fr)}
.widget .gallery.gallery-columns-3{grid-template-columns:repeat(3,1fr)}
.widget .gallery.gallery-columns-5{grid-template-columns:repeat(5,1fr)}
.widget .gallery-item{margin:0!important;width:100%!important;display:flex;align-items:center;float:none}
.widget .gallery-item img{border:none!important}

/* Remove-woo */
.woocommerce a.remove{width:30px;height:22px;position:relative;transition:opacity 200ms;vertical-align:top;display:block;-webkit-appearance:none;background:none;border:none;cursor:pointer;outline:none;padding:0;text-indent:-9999px}
.woocommerce a.remove:before,.woocommerce a.remove:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat;left:8px;position:absolute;right:8px;top:2px;display:inline-block;content:''}
.woocommerce a.remove:before{height:6px;transform-origin:-7% 100%;-moz-transform-origin:-7% 100%;-webkit-transform-origin:-7% 100%;transition:transform 150ms;-moz-transition:transform 150ms;-webkit-transition:transform 150ms;width:14px}
.woocommerce a.remove:after{background-position:-1px -4px;height:12px;margin-left:1px;margin-right:2px;margin-top:4px;width:11px}
.woocommerce a.remove:hover:before{transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:transform 250ms;-moz-transition:transform 250ms;-webkit-transition:transform 250ms}
.woocommerce a.remove:hover{background:transparent}

/* Support */
.sticky{position:-webkit-sticky;position:sticky;top:80px;z-index: 99;}
.supports{position: fixed;z-index: 999;bottom: 120px;right: 20px;}
.supports .item:not(:first-child){margin-top: 16px;}
.supports .item a img{max-width: 300px; animation: shake 0.5s infinite;}
.backtop{position: fixed;right: 20px;bottom: 40px;transition: .5s;z-index: 999;}
.backtop a{height:48px;width:48px;background:#fff;border-radius:50%;box-shadow: 0px 0px 5px 0px #00000033;display:flex;align-items:center;justify-content:center;}
.backtop a img{object-fit: contain;max-width: 30px;max-height: 30px;}
.backtop a:hover{box-shadow: 0px 0px 10px 0px #00000087;}
@keyframes shake {
  0%   { transform: translate(0px, 0px) rotate(0deg); }
  25%  { transform: translate(1px, -1px) rotate(-0.5deg); }
  50%  { transform: translate(-1px, 1px) rotate(0.5deg); }
  75%  { transform: translate(1px, 1px) rotate(-0.5deg); }
  100% { transform: translate(0px, 0px) rotate(0deg); }
}
.home-slider{position: relative;}
.swiper-button-next, .swiper-button-prev{width: 48px;height: 48px;background-color: #ECECEC;margin-top: 0;transform: translateY(-50%);transition: all .3s;}
.swiper-button-next svg, .swiper-button-prev svg{width: 20px;height: 20px;}
.swiper-button-next svg path, .swiper-button-prev svg path{transition: all .3s;}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}
.swiper-button-next:hover, .swiper-button-prev:hover{background-color: #004E92;}
.swiper-button-next:hover svg path, .swiper-button-prev:hover svg path{stroke: #fff;}
.swiper-nav{display: flex;gap: 10px;}
.swiper-nav .swiper-button-next,.swiper-nav .swiper-button-prev{position: unset;transform: none;}
.swiper-pagination-bullet{background: #004E92;opacity: 1;border-radius: 8px;transition: all .3s;}
.swiper-pagination-bullet-active{width: 30px;}

/* Header */
#header{position: relative;z-index: 9999;}
#touch-menu{display: none;}
#menu-mobile{display: none;}
.header-top{background: #10141B1A;border-radius: 10px 10px 0 0;}
.header-top ul{list-style: none;margin-bottom: 0;}
.header-top .flex{min-height: 40px;}
.header-top .menu{margin-right: auto;display: flex;align-items: center;column-gap: 60px;font-size: 14px;}
.header-top .menu li{position: relative;}
.header-top .menu>li:not(:last-child):after{content: "";display: block;width: 1px;height: 15px;background: #00000033;position: absolute;top: 50%;transform: translateY(-50%);right: -30px;}
.header-top .menu ul{display: none;}
.header-top .hotline{padding-right: 16px;margin-right: 16px;position: relative;font-size: 14px;}
.header-top .hotline:after{content: "";display: block;width: 1px;height: 15px;background: #00000033;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.header-top .social{gap: 4px; display: flex;justify-content: flex-end;align-items: center;}
.header-top .social li a{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;}
.header-top .social li a svg{width: 16px;height: 16px;}
.header-main .flex{flex-wrap: nowrap;gap: 30px;}
.header-main .logo{height: 70px;display: flex;align-items: center;}
.header-main .logo img{object-fit: contain;max-width: 90px;max-height: 60px;}
.header-nav{display: flex;align-items: center;justify-content: flex-end;gap: 10px;}
.header-nav .search .icon{width: 44px;height: 44px;background: #E7E8E8;display: flex;justify-content: center;align-items: center;border-radius: 50%;transition: all .3s;cursor: pointer;}
.header-nav .search .icon svg{width: 20px;height: 20px;transition: all .3s;}
.header-nav .search .icon svg path{transition: all .3s;}
.header-nav .search .icon:hover{background: #1B1B1B;}
.header-nav .search .icon:hover svg path{stroke: #fff;}
.header-nav .cta a{display: inline-flex;align-items: center;background: #1b1b1b;color: #fff;height: 44px;border-radius: 50px;font-size: 14px;min-width: 105px;padding: 0 20px;justify-content: center;text-align: center;}
.header-nav .cta a:hover{background: #e7e8e8;color: #333;}
.header-main ul{list-style: none;margin-bottom: 0;}
.header-main .menu{display: flex;justify-content: center;column-gap: 30px;}
.header-main .menu>li{height: 70px;display: flex;align-items: center;column-gap: 8px;cursor: pointer;}
.header-main .menu>li>ul>li{position: relative;}
.header-main .menu>li>ul>li svg{    position: absolute;
    right: 11px;
    top: 11px;}
.header-main .menu>li>a{text-transform: uppercase;font-weight: 500;color: #1B1B1B;}
.header-main .menu>li>svg{width: 16px;height: 16px;transition: all .3s;}
.header-main .menu ul{display: none;position: absolute;z-index: 99;background: #fff;box-shadow: 0px 8px 24px 0px #959DA533;min-width: 220px;}
.header-main .menu ul li>a{display: block;padding: 10px 12px;text-transform: uppercase;font-size: 14px;font-weight: 500;color: #3F444B;white-space: nowrap;}
.header-main .menu ul li:hover>a{background: #F4F6F7;}
.header-main .menu>li>ul{top: 100%;}
.header-main .menu ul ul{top: 0;left: 100%;min-height: 100%;}
.header-main .menu ul li.menu-item-has-children:hover:after{content: "";display: block;width: 10px;height: 100%;position: absolute;top: 0;left: 100%;}
.header-main .menu li:hover>ul{display: block;}

/* Footer */
#footer{background: #004E92;}
.footer-main{color: #FFFFFF99;}
.footer-main a{color: #FFFFFF99;}
.footer-main a:hover{color: #FFFFFF;}
.footer-main ul{list-style: none;margin-bottom: 0;}
.footer-main{padding: 120px 0 0;}
.footer-main .flex{gap: 30px;}
.footer-main .col-right{width: 1090px;max-width: 100%;}
.footer-main .col-left{width: calc(100% - 1120px);}
.footer-main .menu-main{display: flex
;
    flex-direction: column;
    gap: 20px;
    font-size: 35px;
    font-weight: 600;}
    .woocommerce-result-count, .woocommerce-ordering{display: none;}
    .page-title a:hover{color: #004E92}
.footer-main .menu-main li{display: block;line-height: 1.2;}
.footer-main .menu-main li a{text-transform: uppercase;color: #fff !important;line-height: 1.2;display: inline-block; }
.detail-info .specs .character .box ul li svg path{     stroke: #01538f;}
.footer-main .widget .title{line-height: 1.3;font-size: 24px;margin-bottom: 16px;color: #fff;text-transform: uppercase;}
.footer-main .menu{display: flex;flex-direction: column;gap: 12px;}
.footer-main .menu.info li{padding-left: 24px;position: relative;}
.footer-main .menu.info li img{width: 16px;height: 16px;object-fit: contain;position: absolute;left: 0;top: 4px;}
.footer-main .title-line{font-size: 180px;line-height: 1.3;color: #fff;opacity: .1;}
.footer-main .icon-line{position: relative;margin-top: 5%;}
.footer-main .icon-line svg{max-width: 200px;height: auto;}
.footer-bot{padding: 30px 0;border-top: 1px solid #FFFFFF33;color: #FFFFFF33;}
.footer-bot a{color: #FFFFFF33;}
.footer-bot a:hover{color: #FFFFFF;}
.footer-bot .flex{column-gap: 30px;row-gap: 10px;}
.footer-bot .social{list-style: none;margin-bottom: 0;display: flex;align-items: center;column-gap: 4px;}
.footer-bot .social li a{display: flex;align-items: center;justify-content: center;height: 32px;width: 32px;}
.footer-bot .social li a svg{fill: #ffffff;width: 16px;height: 16px;transition: all .3s;}
.footer-bot .social li a:hover svg{fill: #FFFFFF99;}
/* Page */
.page-body{padding: 70px 0 100px;}
.single .page-body{padding-top: 0}
.page-title{text-transform: uppercase;line-height: 1.2;margin-bottom: 10px;font-size: 40px;font-weight: normal;color: #333333;    font-weight: 500;
    font-family: 'UTM Bebas';}
.tax-product_cat .page-title{color: #1d3658;margin-bottom: 30px}
.tax-product_cat .breadcrumbs{margin-bottom: 30px}
.tax-product_cat .page-body{padding-top: 30px}
.page-title span{font-size: 50px;    display: block;}
.page-title a{color: #333333;}
.home-block{display: flex;flex-direction: column;gap: 40px;}
.home-block.sm{gap: 20px;}
.gdc{margin-top: 20px}
.box-title{display: flex;flex-direction: column;gap: 24px;}
.box-title .text{color: #1D1D1DCC;}
.flex-title{padding-bottom: 0;border-bottom: 1px solid #00000033;gap: 10px;}
.flex-title .link{text-decoration: underline;font-size: 18px;display: none;}
.breadcrumbs{    font-size: 14px;
    margin-bottom: 10px;
    color: #1B1B1B99;
    background: #f9f9f9;
    padding: 2px 10px;
    font-style: italic;
    text-transform: uppercase;    color: #1d3658;
    font-weight: 500;}
    .breadcrumbs a{ color: #1d3658;}
.breadcrumbs p{margin-bottom: 0;}
.breadcrumbs .separator{margin: 0 15px;    font-weight: 700;
    color: #000;
    font-size: 20px;}
.box-description .term-description{overflow: hidden;position: relative;}
.box-description button.btnz{margin: 20px auto;display: none;padding: 0 10px;background: #000;color: #ffd311;box-shadow: 0 0 15px rgb(0 0 0 / 10%);}
.box-description.ellipsis button.btnz{display: block;}
.box-description.ellipsis .term-description{height: 420px;}
.box-description.ellipsis .term-description:after{content: "";display: block;width: 100%;position: absolute;bottom: 0;left: 0;height: 100px;background: linear-gradient(to top,rgba(255, 255, 255, 1.0),rgba(255, 255, 255, 0));}
.box-description.ellipsis .term-description.heightauto{height: auto;}
.box-description.ellipsis .term-description.heightauto:after{display: none;}
.box-description.ellipsis button .down{display: none;}
.box-description.ellipsis button .up{display: block;}
.box-description.ellipsis button.btn_up .up{display: none;}
.box-description.ellipsis button.btn_up .down{display: block;}

/* contact */
.contact-info{background: #004E92;color: #fff;padding: 80px;height: 100%;}
.contact-info .info{list-style: none;margin-bottom: 0;display: flex;flex-direction: column;gap: 16px;}
.contact-info .info li{position: relative;min-height: 144px;padding: 16px 32px 16px 144px;display: flex;justify-content: center;flex-direction: column;gap: 12px;background: #FFFFFF0D;}
.contact-info .info li .name{text-transform: uppercase;line-height: 1.3;font-size: 24px;}
.contact-info .info li .value{color: #FFFFFF99;}
.contact-info .info li .icon{display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;position: absolute;border-radius: 50%;left: 32px;top: 50%;transform: translateY(-50%);background: #E5F3FE80;}
.contact-info .info li .icon img{object-fit: contain;width: 32px;height: 32px;}
.contact-form{background: #004E920D;padding: 80px;height: 100%;}
.contact-form .form-group input,.contact-form .form-group textarea{border-left: 0;border-top: 0;border-right: 0;background: transparent;padding-left: 0;}
.contact-form .form-group textarea{height: 190px;}
.contact-form .form-button input[type="submit"]{width: 100%;}
.contact-map{overflow: hidden;height: 600px;}
.contact-map iframe{width: 100%;height: 100%;object-fit: cover;}
/* Category */
.category-title{display: flex;align-items: flex-start;justify-content: center;}
.category-title .cout{font-size: 18px;}
.list-news .item-news{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #ddd;}
.list-news .item-news.project-item{border: 0;padding-bottom: 0}
.list-news .row > div{margin-bottom: 30px}
.list-news .item-news.project-item{    flex-direction: column;}
.list-news .item-news.project-item .img, .list-news .item-news.project-item .info{width: 100%;padding: 0}
.list-news .item-news.project-item .info .link a{    height: auto;
    background: none;
    padding: 0;display: inline-block;
    color: #1b1b1b;}
    .list-news .item-news.project-item .info .link a svg{width: 15px}
    .list-news .item-news.project-item .info .link a:hover{background: none}
.list-news .item-news:last-child{margin-bottom: 0;}
.item-news{display: flex;flex-wrap: wrap;align-items: flex-start;}
.item-news .img{overflow: hidden;width: 35%;aspect-ratio: 5/3;}
.item-news .img img{height: 100%;}
.item-news .info{display: flex;flex-direction: column;gap: 10px;width: 65%;padding-left: 25px;}
.item-news .info .name{font-size: 20px;
    font-weight: 500;margin-bottom: 0;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;text-transform: uppercase;}
.item-news .info .desc{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.item-news .info .desc *{margin-bottom: 0;}
.list-news .item-news.project-item .info{margin-top: 10px}
.category .breadcrumbs{margin-bottom: 40px}
.home-story2{padding-top: 30px}
.item-news .info .link a{display: inline-flex;align-items: center;justify-content: center;text-align: center;padding: 0 20px;height: 40px;color: #fff;background: #1b1b1b;border-radius: 50px;font-size: 14px;}
.item-news .info .link a:hover{background: #e7e8e8;color: #333;}
.swiper-news{margin: -10px;}
.swiper-news .swiper-slide{padding: 10px;height: auto;}
.item-news-rl{height: 100%;display: flex;flex-direction: column;gap: 15px;}
.item-news-rl .img{overflow: hidden;width: 100%;aspect-ratio: 5/3;}
.item-news-rl .img img{height: 100%;}
.item-news-rl .name{margin-bottom: 0;text-transform: uppercase;font-size: 22px;}
.pagination{justify-content: center;}
.pagination ul{margin-bottom: 0;list-style: none;display: flex;justify-content: center;column-gap: 32px;row-gap: 8px;}
.pagination ul li{display: block;}
.pagination ul li span,.pagination ul li a{display: block;line-height: 27px;padding: 0 5px;color: #1B1B1B99;}
.pagination ul li .current{color: #1B1B1B;text-decoration: underline;}
.pagination ul li a:hover,.pagination ul li a.prev,.pagination ul li a.next{color: #1b1b1b;}

.news-sidebar .widget:not(:last-child){margin-bottom: 30px;}
.news-sidebar .widget{border: 1px solid #1b1b1b;overflow: hidden;border-radius: 8px 8px 0 0;}
.news-sidebar .title{background: #333333;color: #fff;text-transform: uppercase;font-size: 30px;padding: 5px 10px;text-align: center;    font-family: 'UTM Bebas';}
.news-sidebar .box{padding: 15px;}
.news-sidebar .support .item:not(:last-child){margin-bottom: 20px;}
.news-sidebar .support .item{display: flex;align-items: flex-start;flex-wrap: wrap;}
.news-sidebar .support .item .avata{width: 68px;height: 68px;overflow: hidden;border-radius: 50%;}
.news-sidebar .support .item .avata img{width: 100%;height: 100%;object-fit: cover;}
.news-sidebar .support .item .info{width: calc(100% - 68px);padding-left: 15px;}
.news-sidebar .support .item .info .name{text-transform: uppercase;font-size: 18px;}
.news-sidebar .support .item .info .hotline{font-weight: bold;font-size: 18px;}
.news-sidebar .support .item .info .hotline a{color: red;display: inline-block;line-height: 1;}
.news-sidebar .support .item .info .email{font-size: 13px;}
.news-sidebar .support .item .info .email a{display: inline-block;line-height: 1;}
.news-sidebar .interested .list{list-style: none;margin-bottom: 0;display: flex;flex-direction: column;gap: 10px;font-size: 14px;}
.news-sidebar .interested .list li a{display: block;position: relative;padding-left: 15px;}
.news-sidebar .interested .list li a:before{content: "";display: block;width: 4px;height: 4px;background: #1b1b1b;border-radius: 50%;position: absolute;top: 9px;left: 0;}
/* Single */
.single-meta .meta{display: flex;flex-wrap: wrap;column-gap: 20px;}
.single-meta .meta .it{position: relative;color: #1B1B1B99;}
.single-meta .meta .it:not(:last-child):after{content: "";display: block;width: 4px;height: 4px;border-radius: 50%;background-color: #1B1B1B99;position: absolute;top: 50%;transform: translateY(-50%);right: -10px;}
.single-meta .meta .it.cat:hover{color: #1b1b1b;}
.single-meta .thumb{overflow: hidden;aspect-ratio: 16/7;}
.single-meta .thumb img{height: 100%;}
.single-content .col-content{flex: 1;padding: 0 16px;max-width: 100%;}
.single-content .share{display: flex;flex-direction: column;gap: 12px;}
.single-content .share .title{font-size: 12px;color: #1B1B1BCC;}
.single-content .share .box{display: flex;gap: 12px;}
.single-content .share .box a,.single-content .share .box button{width: 42px;height: 42px;border: none;background: #0000001A;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: all .3s;}
.single-content .share .box a svg,.single-content .share .box button svg{width: 24px;height: 24px;}
.single-content .share .box a svg path,.single-content .share .box button svg path{transition: all .3s;}
.single-content .share .box a:hover,.single-content .share .box button:hover{background: #333;}
.single-content .share .box a:hover svg path,.single-content .share .box button:hover svg path{stroke: #fff;}
.single-content .desc{font-size: 20px;font-weight: 500;color: #1B1B1BCC;}
.single-content .desc *{margin-bottom: 0;}
/* Project */
.list-project{display: flex;flex-wrap: wrap;margin: -10px;}
.list-project .col-item{width: 25%;padding: 10px;}


/* Product */
.taxonomy-body .col-sidebar{width: 380px;}
.taxonomy-body .col-content{width: calc(100% - 380px);padding-left: 35px;}
.taxonomy-sidebar .title{    text-transform: uppercase;
    margin-bottom: 15px;
        font-weight: 500;
    font-family: 'UTM Bebas';
    line-height: 1.3;
    font-size:30px;
    color: #1d3658;}
.taxonomy-sidebar ul{list-style: none;margin-bottom: 0;}
.taxonomy-sidebar .menu li{position: relative;}
.taxonomy-sidebar .menu>li{border-bottom: 1px solid #00000033;}
.taxonomy-sidebar .menu>li:first-child{border-top: 1px solid #00000033;}
.taxonomy-sidebar .menu li>a{font-weight: 500;color: #414651;display: block;padding: 5px 0;}
.taxonomy-sidebar .menu>li>a{padding: 15px 0;}
.taxonomy-sidebar .menu li.menu-item-has-children>a{padding-right: 25px;}
.taxonomy-sidebar .menu li.current-menu-item>a{color: #1d3658;}
.detail-info .inner .page-title, .page-title.f000{color: initial;}

.taxonomy-sidebar .menu li>svg{position: absolute;width: 20px;transition: all .3s; height: 20px;padding: 2px;cursor: pointer;top: 19px;right: 0;}
.taxonomy-sidebar .menu li.re-arrow>svg{transform: rotate(180deg);}
.taxonomy-sidebar .menu ul{padding: 0 0 10px 0;margin-left: 20px;display: none;}
.woocommerce .woocommerce-result-count{margin: 0;line-height: 35px;color: #00000099;}
.woocommerce .woocommerce-ordering{margin: 0;}
.woocommerce .woocommerce-ordering select{width: 285px;height: 35px;padding: 0 20px 0 0;border: none;border-bottom: 1px solid #1B1B1B;color: #1B1B1BCC;background: transparent;}
.list-product{clear: both;display: flex;flex-wrap: wrap;margin: 0 -10px -10px;}
.list-product .col-item{padding: 40px 10px 20px;width: calc(100% / 3);}
.list-project .col-item{width: 25%;}
.swiper-pro{margin: -10px;}
.swiper-pro .swiper-slide{height: auto;padding: 10px;}
.swiper-pro .col-item{height: 100%;}

.item-product{height: 100%;display: flex;flex-direction: column;gap: 24px;}
.item-product .thumb{display: block;overflow: hidden;background: #ECECEC;}
.item-product .thumb a{display: flex;width: 100%;height: 100%;position: relative;align-items: center;justify-content: center;}
.item-product .thumb img:not(.logo){object-fit: contain;aspect-ratio: 1/1;max-width: 100%;transition: all 1s;}
.item-product .thumb:hover img:not(.logo){transform: scale(1.1);}
.item-product .thumb img.logo{position: absolute;top: 20px;left: 15px;height: 20px;width: auto;object-fit: contain;display: none;}
.item-product .thumb.full{border: 1px solid #0000001A;}
.item-product .thumb.full a{padding-top: 0;}
.item-product .thumb.full img:not(.logo){max-width: 100%;aspect-ratio: inherit;height: 100%;width: 100%;object-fit: cover;}

.item-product .info{display: flex;flex-direction: column;gap: 4px;}
.item-product .info .name{margin-bottom: 0;font-size: 16px;line-height: 1.7;}
.item-product .info .sub{color: #1B1B1B99;}
.item-product .info ul.sub{display: flex;flex-direction: column;list-style: none;margin-bottom: 0;gap: 4px;}
.taxonomy-body .pagination{padding-top: 30px;}
.list-procedure .img{    aspect-ratio: 1 / 1;
    display: flex
;
    justify-content: center;
    align-items: center;}
    .list-procedure .img img{    height: 100%;
    width: 100%;
    object-fit: cover;}
/* Detail */
.detail-image{background: #ECECEC;padding: 5px;display: flex;flex-direction: column;}
.detail-image .swiper{width: 100%;}
.detail-image .swiper-gallery .image{aspect-ratio: 1/1;display: flex;justify-content: center;align-items: center;}
.detail-image .swiper-gallery .image img{height: 100%;width: 100%;object-fit: cover;}
.detail-image .swiper-thumb .thumb{aspect-ratio: 1/1;overflow: hidden;border: 1px solid #1D1D1D1A;border-radius: 5px;}
.detail-image .swiper-thumb .swiper-slide-thumb-active .thumb{border-color: #004E92;}
.detail-image .swiper-thumb .thumb img{width: 100%;height: 100%;object-fit: cover;}
.gallery-prev,.gallery-next{width: 32px;height: 32px;border-radius: 5px;border: 1px solid #004E92;}
.detail-info{margin: 0 auto;max-width: 100%;}
.detail-info .inner{display: flex;flex-direction: column;gap: 43px;}
.detail-info .specs .info{list-style: none;margin-bottom: 0;}
.detail-info .specs .info li{border-bottom: 1px solid #1D1D1D1A;padding: 16px 0;display: flex;align-items: center;justify-content: space-between;color: #1D1D1DCC;column-gap: 10px;}
.detail-info .specs .info li span{display: block;}
.detail-info .specs .info li .value{text-align: right;flex: 1;}
.detail-info .specs .character .title{cursor: pointer;padding: 16px 0;position: relative;display: flex;align-items: center;justify-content: space-between;color: #1D1D1DCC;}
.detail-info .specs .character .title svg{width: 20px;height: 20px;}
.detail-info .specs .character .box{background: #ECECEC;border-radius: 10px;padding: 16px;font-size: 14px;color: #00000099;}
.detail-info .specs .character .box ul{list-style: none;margin-bottom: 0;display: flex;flex-direction: column;gap: 8px;}
.detail-info .specs .character .box ul li{display: flex;gap: 4px;align-items: flex-start;}
.detail-info .specs .character .box ul li svg{width: 20px;height: 20px;position: relative;top: 1px;}
.detail-info .buttons a{display: flex
;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
   padding: 5px 32px;
    font-size: 28px;
    background: #01538f;
    border-radius: 50px;
    font-weight: 700;
    text-transform: uppercase;}
    .accordion-button, .accordion-button:not(.collapsed){    color: #fff;    font-weight: 700;
    font-size: 20px;
    background-color: #01538f;}
    .accordion-button::after,  .accordion-button:not(.collapsed)::after{    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);}
.detail-banner-sidebar{display: block;margin: 0 auto;width: 400px;max-width: 100%;}
.detail-body .tab-title{list-style: none;margin-bottom: 0;border-bottom: 1px solid #0000001A;display: flex;}
.detail-body .tab-title li{flex: 1;margin-bottom: -1px;}
.detail-body .tab-title button{border: none;border-bottom: 2px solid transparent;font-weight: 500;color: #717680;padding: 8px;width: 100%;background-color: transparent;}
.detail-body .tab-title button.active{border-color: #004E92;}
.detail-body .tab-title button h2{    margin-bottom: 0;
    font-size: 25px;
    text-transform: uppercase;
    color: #0A1F44;
    font-weight: 700;}
.item-procedure{height: 100%;padding: 48px 32px;display: flex;flex-direction: column;gap: 24px;text-align: center;background: #DAE9E9;transition: all 1s;}
.item-procedure:hover{transform: scale(1.05);}
.col-item:nth-child(4n+2) .item-procedure{background: #F3E9CC;}
.col-item:nth-child(4n+3) .item-procedure{background: #E8DAE9;}
.col-item:nth-child(4n) .item-procedure{background: #DFE9DA;}
.item-procedure .icon{height: 80px;display: flex;align-items: center;justify-content: center;}
.item-procedure .icon img{object-fit: contain;max-height: 100%;}
.item-procedure .name{text-transform: uppercase;margin-bottom: 0;padding-top: 8px;font-size: 32px;}
.item-procedure .text{color: #00000099;}
.section-video .video{width: 100%;aspect-ratio: 2/1;overflow: hidden;}
.section-video .video .img{width: 100%;height: 100%;position: relative;cursor: pointer;}
.section-video .video .img img{height: 100%;}
.section-video .video .img .icon-play{width: 100px;height: 100px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: #1B1B1B;}
.section-video .video .img .icon-play svg{width: 40px;height: 40px;}
.section-video .video iframe{width: 100%;height: 100%;object-fit: cover;}

/* Thankyou */
.woocommerce-customer-details{display: none;}

/* Account */
.account-body .box-login{background: #fff;padding: 20px;border: 2px solid #1a1a1a;width: 468px;max-width: 100%;display: block;margin: 0 auto;}
.account-body .box-login #customer_login h2{font-weight: bold;}
.account-body .box-login .woocommerce form.login,.account-body .box-login .woocommerce form.register{border: none;margin: 0;padding: 0;border-radius: 0;}
.account-body .box-login [type="submit"]{width: 100%;}
.account-body .box-login .lost_password{margin-bottom: 16px;float: right; font-size: 14px;font-weight: 500;}
.account-body .box-login .woocommerce-form-login__rememberme{margin-bottom: 16px;float: left;font-size: 14px;}
.account-body .box-login .note{font-size: 14px;font-weight: 500;padding-top: 4px;}
.account-body .box-login .note a{color: #02AEEE;}
.account-body .box-login .u-column2{display: none;}
.account-body .box-login .note .note2{display: none;}
.account-body .box-login.active .u-column2{display: block;}
.account-body .box-login.active .u-column1{display: none;}
.account-body .box-login.active .note .note2{display: block;}
.account-body .box-login.active .note .note1{display: none;}
.zek_block_login{background: #fff;padding: 30px;border: 2px solid #19334C;}
.woocommerce-account .woocommerce-MyAccount-navigation{float: none;width: 100%;}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style: none;display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 24px;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li{width: calc((100% - 50px) / 6);margin-bottom: 0;text-align: center;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{font-weight: 600;display: block;padding: 10px;border: 2px solid #1A1A1A;color: #19334C;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{color: #fff;background: #1A1A1A;}
.woocommerce-account .woocommerce-MyAccount-content{float: none;width: 100%;}
.woocommerce-account .addresses .title .edit{font-size: 12px;font-weight: 500;padding: 2px 4px;background: #1A1A1A;color: #fff;border-radius: 4px;}
.woocommerce table.my_account_orders td.woocommerce-orders-table__cell-order-actions a, .woocommerce table.my_account_orders th.woocommerce-orders-table__cell-order-actions a{margin: 5px;}
.woocommerce-EditAccountForm fieldset legend{font-weight: bold;font-size: 20px;margin-bottom: 16px;}
.woocommerce-account .addresses .title h3{font-size: 18px;font-weight: bold;}
/* Home */
.home-body{overflow: hidden;}
.home-hero .home-block{padding: 0px 0 160px 0;}
.home-hero .page-title{font-size: 140px;width: 1100px;max-width: 100%;margin: 0 auto;}
.home-hero .text{color: #00000099;width: 1000px;max-width: 100%;margin: 0 auto;}

.swiper-hero .img{    border-radius: 1.25rem;
    background: linear-gradient(180deg, #EAF9FF 0%, #EEE 87%);
    display: flex
;
    flex-direction: column;
    align-items: center;
    padding: 0.37rem 0rem 1.5rem;}
    .swiper-hero .img a{    display: flex
;
    align-items: center;
    flex-direction: column;
    justify-content: center;}
.swiper-hero .img img{  

    flex-shrink: 0;
    aspect-ratio: 72 / 83;}
.swiper-hero .name-category {
    color: #231F20;
    text-align: center;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0;}
.home-client{position: relative;width: 100%;padding: 50px 0 20px;display: flex;animation: scroll 25s linear infinite;}
.home-client .slider-track {
  display: flex;
  width: calc(100%); /* chứa 2 lần dãy logo */
  animation: scroll 15s linear infinite;
}
.home-client .logo{flex: 0 0 calc(100% / 6);height: 200px; padding: 40px 30px;display: flex;align-items: center;justify-content: center;}
.home-client .logo img{object-fit: contain;max-width: 100%;max-height: 100%;}
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* Trượt hết 1 lần */
}
.home-banner{padding-bottom: 60px;}
.swiper-banner .swiper-slide{height: auto;}
.swiper-banner .img{height: 100%;}
.swiper-banner .img img{height: 100%;}
.swiper-banner .img img.mb{display: none;}
.banner-pagination{bottom: 20px !important;}
.banner-pagination .swiper-pagination-bullet{background: #fff;}
.home-section{padding: 60px 0;}
.home-body .container>.home-section:last-child{padding-bottom: 120px;}
.grid-category{display: flex;flex-wrap: wrap;margin: -10px;position: relative;height: 640px;align-items: flex-start;}
.grid-category .img{position: relative;padding: 10px;}
.grid-category .img .thumb{overflow: hidden;height: 100%;}
.grid-category .img img{height: 100%;display: block;transition: all 1s;}
.grid-category .img:hover img{transform: scale(1.05);}
.grid-category .img1{height: 50%;width: 25%;}
.grid-category .img2{height: 100%;width: 30%;}
.grid-category .img3{height: 100%;width: 45%;}
.grid-category .inner{padding: 10px;width: 25%;height: 50%;position: absolute;top: 50%;left: 0;z-index: 2;}
.grid-category .inner .flex{background: #333333;color: #fff;padding: 32px;flex-direction: column;height: 100%;}
.grid-category .inner .title{font-size: 35px;line-height: 1.2;text-transform: uppercase;margin-bottom: 15px;    font-weight: 500;
    font-family: 'UTM Bebas';}
.grid-category .inner .title span{display: block;font-size: 40px;}
.grid-category .inner .link a{display: inline-flex;align-items: center;justify-content: center;text-align: center;height: 44px;background: #fff;border-radius: 50px;color: #1b1b1b;font-size: 14px;padding: 0 28px;}
.grid-category .inner .logo{margin-bottom: auto;text-align: right;}
.grid-category .inner .logo img{object-fit: contain;max-height: 20px;}
.home-category .home-section:nth-child(3n+1) .grid-category .img1{order: 2;}
.home-category .home-section:nth-child(3n+1) .grid-category .img2{order: 1;}
.home-category .home-section:nth-child(3n+1) .grid-category .img3{order: 3;}
.home-category .home-section:nth-child(3n+1) .grid-category .inner{left: 30%;}
.home-category .home-section:nth-child(3n) .grid-category .img1{order: 3;}
.home-category .home-section:nth-child(3n) .grid-category .img2{order: 1;}
.home-category .home-section:nth-child(3n) .grid-category .img3{order: 2;}
.home-category .home-section:nth-child(3n) .grid-category .inner{left: 75%;}
.home-product .list-product{margin-top: -40px;}
.home-product .list-product .col-item{width: 25%;}

.link-center a{display: inline-block;text-decoration: underline;font-size: 18px;}
.home-story .block{background: #F0E6DE;height: 750px;}
.home-story h2.page-title{    width: max-content;    text-transform: none;}
.home-story .inner{width: 25%;position: absolute;top: 50%;transform: translateY(-50%);left: 6%;display: flex;flex-direction: column;gap: 30px;z-index: 2;}
.home-story .inner .list{display: flex;flex-direction: column;gap: 28px;}
.home-story .inner .item{display: flex;align-items: center;gap: 16px;}
.home-story .inner .item .thumb{width: 40%;aspect-ratio: 5/6;overflow: hidden;}
.home-story .inner .item .thumb a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.home-story .inner .item .thumb img{object-fit: contain;transition: all 1s;max-width: calc(100% - 20px);max-height: calc(100% - 20px);}
.home-story .inner .item .thumb:hover img{transform: scale(1.05);}
.home-story .inner .item .info{width: calc(60% - 16px);display: flex;flex-direction: column;gap: 4px;}
.home-story .inner .item .info .sub{font-size: 12px;color: #00000099;}
.home-story .inner .item .info .name{font-size: 14px;font-weight: 500;}
.home-story .inner .item .info .txt{font-size: 14px;color: #1B1B1B99;}
.home-story .text{position: absolute;top: 14%;right: 20%;width: 21%;display: block;z-index: 2;}
.home-story .img2{position: absolute;bottom: 0;width: 56.25%;right: -6%;}
.home-story .img1{    position: absolute;
    top: 9%;
    left: 28%;
    width: 32%;}
.home-about .section-video{width: 690px;max-width: 100%;height: 100%;}
.home-about .section-video .video{height: 100%;}
.home-about .section-video .img{width: 100%;height: 100%;}
.home-about .section-video .img img{height: 100%;}
.home-about .inner{display: flex;flex-direction: column;gap: 24px;}
.home-about .inner .link a{display: inline-flex;align-items: center;justify-content: center;text-align: center;background: #004e92;border-radius: 50px;color: #fff;padding: 0 28px;font-size: 14px;height: 44px;text-transform: uppercase;}
.home-about .inner .datas{display: flex;flex-wrap: wrap;gap: 28px;}
.home-about .inner .datas .item{width: calc(50% - 14px);color: #1D1D1DCC;padding-top: 28px;border-top: 1px solid #00000033;}
.home-about .inner .datas .item:nth-child(1),.home-about .inner .datas .item:nth-child(2){padding-top: 12px;border-top: 0;}
.home-about .inner .datas .item .number{font-size: 90px;line-height: 1;color: #1d1d1d;}
.swiper-feedback{margin: -10px;}
.swiper-feedback .swiper-slide{padding: 10px;height: auto;}
.item-feedback{background: #F9F9F9;display: flex;flex-direction: column;gap: 32px;padding: 64px 32px;    width: 50%;}
.item-feedback .text{position: relative;padding-top: 16px;color: #1D1D1DE5;text-indent: 48px;}
.item-feedback .text svg{position: absolute;top: 0;left: 0;}

.item-feedback .info{display: flex;align-items: center;gap: 12px;margin-top: auto;}
.item-feedback .info .avata{width: 44px;height: 44px;overflow: hidden;border-radius: 50%;}
.item-feedback .info .avata img{width: 100%;height: 100%;object-fit: cover;}
.item-feedback .info .box{display: flex;flex-direction: column;gap: 4px;max-width: calc(100% - 56px);}
.item-feedback .info .box .name{font-weight: 500;}
.item-feedback .info .box .star{height: 16px;display: flex;align-items: center;}
.home-story2 .block{background: #EAE9E7;overflow: hidden;height: 720px;}
.home-story2 .img{position: absolute;width: 50%;position: absolute;bottom: 0;right: 0;}
.home-story2 .inner{position: absolute;z-index: 2;top: 50%;transform: translateY(-50%);left: 6.5%;width: 505px;max-width: 45%;display: flex;flex-direction: column;gap: 24px;}
.home-story2 .inner .link{padding-top: 16px;}
.home-story2 .inner .link a, .home-story .link a{    display: inline-flex
;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 18px;
    background: #1B1B1B;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;}
.home-story .link a{    background: #004e92;
    color: #ffffff;}
.list-policy{display: flex;flex-wrap: wrap;justify-content: space-between;margin: -10px;}
.list-policy .col-item{width: 296px;max-width: 25%;padding: 10px;}
.item-policy{height: 100%;display: flex;flex-direction: column;text-align: center;gap: 8px;}
.item-policy .icon{display: flex;align-items: center;justify-content: center;height: 40px;margin-bottom: 10px;}
.item-policy .icon img{object-fit: contain;max-height: 100%;}
.item-policy .name{font-size: 18px;font-weight: 500;line-height: 1.4;}
.item-policy .text{font-size: 14px;line-height: 1.2;color: #00000099;}
/* Collection */
.list-collection{display: flex;flex-wrap: wrap;margin: -30px -10px;}
.list-collection .col-item{width: 25%;padding: 30px 10px;}
.item-collection{height: 100%;display: flex;flex-direction: column;gap: 24px;}
.item-collection .img{overflow: hidden;aspect-ratio: 1/1;}
.item-collection .img img{transition: all 1s;height: 100%;}
.item-collection .img:hover img{transform: scale(1.05);}
.item-collection .name{margin-bottom: 0;font-size: 28px;}
/* About */
.about-body>div:last-child{padding-bottom: 0;}
.about-sec1 .block{overflow: hidden;background: #9DC8FA;height: 720px;}
.about-sec1 .block .hide-title{position: absolute;top: -13%;left: -1%;opacity: .3;font-size: 330px;line-height: 1;color: #fff;}
.about-sec1 .block .img1{position: absolute;z-index: 2;bottom: 0;left: 0;max-width: 36.375%;}
.about-sec1 .block .img2{position: absolute;z-index: 2;bottom: 0;right: 0;max-width: 36.625%;}
.about-sec1 .block .inner{position: absolute;z-index: 3;top: 50%;transform: translateY(-50%);width: 33%;left: 38%;display: flex;flex-direction: column;gap: 24px;}
.about-sec1 .block .inner .page-title{color: #004E92;}
.about-sec1 .block .inner .list{list-style: none;margin-bottom: 0;display: flex;flex-direction: column;gap: 16px;}
.about-sec1 .block .inner .list li{position: relative;padding-left: 32px;color: #fff;font-weight: 500;}
.about-sec1 .block .inner .list li svg{width: 20px;height: 20px;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.about-sec1 .block .inner .quotes{display: flex;flex-wrap: wrap;column-gap: 24px;row-gap: 12px;}
.about-sec1 .block .inner .quotes .it{min-width: 125px;padding: 0 10px;height: 46px;border-radius: 46px;display: flex;align-items: center;justify-content: center;text-align: center;background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);text-transform: uppercase;color: #004E92;font-size: 20px;}

.about-sec3{padding-top: 20px !important;}
.about-sec5 .home-block .link a{display: inline-flex;align-items: center;justify-content: center;text-align: center;padding: 0 40px;height: 63px;border-radius: 50px;font-size: 18px;background: #1B1B1B;color: #fff;}
.about-sec5 .img{width: 690px;max-width: 100%;margin-left: auto;overflow: hidden;}
.about-sec5 .img img{transition: all 1s;}
.about-sec5 .img:hover img{transform: scale(1.05);}
.about-sec6 .block{display: flex;overflow: hidden; justify-content: flex-end;align-items: center;height: 780px;background: #C3DDFB;}
.about-sec6 .inner{width: 50%;padding: 0 50px 0 15px;position: relative;z-index: 2;}
.about-sec6 .inner .item{border-bottom: 1px solid #00000033;display: flex;align-items: flex-start;padding: 16px 0;gap: 48px;}
.about-sec6 .inner .item .icon{width: 60px;height: 60px;}
.about-sec6 .inner .item .icon img{width: 100%;height: 100%;object-fit: contain;}
.about-sec6 .inner .item .box{width: calc(100% - 108px);display: flex;flex-direction: column;gap: 16px;}
.about-sec6 .inner .item .box .name{text-transform: uppercase;font-size: 24px;line-height: 1.3;margin-bottom: 0;color: #000;}
.about-sec6 .inner .item .box .text{color: #00000099;}
.about-sec6 .inner .item:last-child{border-bottom: 0;}
.about-sec6 .page-title{position: absolute;z-index: 3;left: 3.75%;top: 15%;max-width: 24.5%;}
.about-sec6 .img{position: absolute;z-index: 2;bottom: 0;left: 2.5%;max-width: 30%;}
.about-sec6 .hide-title{position: absolute;bottom: -4%;left: -2%;opacity: .3;font-size: 480px;line-height: 1;color: #fff;}
.about-sec8 .home-slider{display: block;width: 690px;max-width: 100%;}
.about-sec8 .img{width: 100%;overflow: hidden;aspect-ratio: 13/10;}
.about-sec8 .img img{height: 100%;}
.about-sec8 .thumb{width: 150px;aspect-ratio: 1/1;overflow: hidden;border: 1px solid  transparent;}
.about-sec8 .thumb img{width: 100%;height: 100%;object-fit: cover;}
.about-sec8 .swiper-slide-thumb-active .thumb{border-color: #004E92;}
.about-sec8 .swiper-thumb-sec8{margin-top: 10px;}
.about-sec8 .swiper-thumb-sec8 .swiper-slide{width: auto;}
.group-slide {display: flex;flex-direction: column;gap: 16px;overflow: hidden;position: relative;}
.slide-top, .slide-bot {display: flex;gap: 16px;width: max-content;}
.slide-top .img, .slide-bot .img {aspect-ratio: 4/3;overflow: hidden;border: 1px solid #0000001A;border-radius: 10px;width: 400px;flex-shrink: 0;}
.slide-top .img img, .slide-bot .img img {height: 100%;}
@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
/* Animation lướt từ trái qua phải */
@keyframes slideRight {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
.slide-top {animation: slideLeft 30s linear infinite;}
.slide-bot {animation: slideRight 30s linear infinite;}
.slide-controls{display: flex;gap: 10px;}
.slide-controls button{border: none;width: 48px;height: 48px;background-color: #ECECEC;display: flex;align-items: center;justify-content: center;}
.single-product .breadcrumbs{margin-bottom: 30px}
@media (max-width: 1599px) {
.footer-main .col-left{width: calc(100% - 1010px);}
.footer-main .col-right{width: 980px;}
}

@media (max-width: 1399px) {
.container-fluid, .container{--bs-gutter-x: 80px;}
body{font-size: 15px;}
input[type="submit"]{font-size: 16px;padding: 12px 24px;}
.header-top .menu{column-gap: 40px;}
.header-top .menu > li:not(:last-child)::after{right: -20px;}
.footer-main{padding: 90px 0 0;}
.footer-main .col-right{width: 920px;}
.footer-main .col-left{width: calc(100% - 950px);}
.footer-main .menu-main{font-size: 35px;}
.footer-main .widget .title{font-size: 20px;}
.footer-main .title-line{font-size: 240px;}
.footer-main .icon-line svg{max-width: 150px;}
.footer-bot{padding: 20px 0;}
.page-body{padding: 50px 0 70px;}
.contact-info{padding: 50px;}
.page-title{font-size: 48px;}
.page-title.sm{font-size: 32px;}
.home-block{gap: 48px;}
.home-block.sm{gap: 32px;}
.contact-form{padding: 50px;}
.box-title{gap: 16px;}
.contact-info .info li{min-height: 112px;padding: 16px 24px 16px 112px;}
.contact-info .info li .icon{left: 16px;}
.contact-info .info li .name{font-size: 20px;}
.contact-form .form-group textarea{height: 100px;}
.contact-map{height: 500px;}
.single-content .desc{font-size: 18px;}
.flex-title{padding-bottom: 16px;}
.swiper-button-next, .swiper-button-prev{width: 38px;height: 38px;}
.swiper-button-next svg, .swiper-button-prev svg{width: 18px;height: 18px;}
.taxonomy-body .col-sidebar{width: 330px;}
.taxonomy-sidebar .title{font-size: 26px;margin-bottom: 20px;}
.taxonomy-body .col-content{width: calc(100% - 330px);padding-left: 15px;}
.list-product .col-item{padding: 20px 10px;}
.list-product{padding-top: 10px;}
.item-product{gap: 20px;}
.taxonomy-sidebar .menu > li > a{padding: 12px 0;}
.detail-info .inner{gap: 24px;}
.detail-info .specs .info li{padding: 12px 0;}
.detail-info .specs .character .title{padding: 12px 0;}
.detail-info .buttons a{font-size: 16px;padding: 12px 24px;}
.detail-info .breadcrumbs{margin-bottom: 0;}
.detail-info.home-block{gap: 32px;}
.item-procedure{padding: 30px 20px;gap: 20px;}
.item-procedure .name{font-size: 24px;}
.list-project{padding-top: 0;}
.home-hero .home-block{padding:0 0 120px 0;}
.home-hero .page-title{font-size: 110px;width: 920px;}
.home-hero .text{width: 800px;}


.home-client{padding: 20px 0;}
.home-client .logo{height: 160px;padding: 30px;}
.home-section{padding: 40px 0;}
.home-body .container>.home-section:last-child{padding-bottom: 80px;}
.home-banner{padding-bottom: 40px;}
.flex-title .link{font-size: 15px;}
.grid-category .inner .flex{padding: 24px;}
.grid-category .inner .title{font-size: 32px;margin-bottom: 20px;}
.grid-category .inner .link a{padding: 0 24px;height: 42px;}
.grid-category{height: 560px;}
.link-center a{font-size: 15px;}
.home-story .block{height: 720px;}
.home-story .inner{gap: 48px;}
.content-post.big{font-size: 18px;}
.home-about .inner .datas{gap: 24px;}
.home-about .inner .datas .item{width: calc(50% - 12px);padding-top: 24px;}
.home-about .inner .datas .item .number{font-size: 60px;}
.item-feedback{padding: 24px;gap: 24px;}
.item-feedback .text{padding-top: 8px;text-indent: 36px;}
.home-story2 .block{height: 560px;}
.home-story2 .inner .link{padding-top: 8px;}
.home-story2 .inner .link a{height: 56px;padding: 0 32px;font-size: 16px;}

.about-sec1 .block .hide-title{font-size: 21vw;top: -12%;}
.about-sec1 .block{height: 560px;}
.about-sec1 .block .inner{gap: 20px;}
.about-sec1 .block .inner .quotes{column-gap: 16px;}
.about-sec1 .block .inner .quotes .it{min-width: 100px;font-size: 16px;height: 40px;}
.about-sec1 .block .inner .list{gap: 12px;}
.about-sec5 .home-block .link a{height: 56px;padding: 0 32px;font-size: 16px;}
.about-sec6 .hide-title{font-size: 30vw;}
.about-sec6 .inner .item{padding: 12px 0;gap: 24px;}
.about-sec6 .inner .item .box{width: calc(100% - 84px);gap: 8px;}
.about-sec6 .inner .item .box .name{font-size: 20px;}
.about-sec6 .block{height: 630px;}
.about-sec8 .thumb{width: 120px;}
.slide-controls button{width: 38px;height: 38px;}
.slide-top .img, .slide-bot .img{width: 300px;}
.list-collection{margin: -20px -10px;}
.list-collection .col-item{padding: 20px 10px;}
.item-collection{gap: 20px;}
.item-collection .name{font-size: 24px;}
.home-product .list-product{padding-top: 0;margin-top: -20px;}
}
@media (max-width: 1199px) {
.container-fluid, .container{--bs-gutter-x: 60px;}
.content-post h1{font-size: 40px;}
.content-post h2{font-size: 32px;}
.content-post h3{font-size: 20px;}
.content-post h4{font-size: 18px;}
.content-post h5{font-size: 15px;}
.content-post h6{font-size: 15px;}
.header-top .menu{column-gap: 32px;}
.header-top .menu > li:not(:last-child)::after{right: -16px;}
.header-main .menu{column-gap: 20px;}
.header-main .menu ul li > a{padding: 8px 12px;}
.footer-main{padding: 70px 0 0;}
.footer-main .col-left{width: 100%;}
.footer-main .menu-main{flex-direction: row;flex-wrap: wrap;font-size: 32px;}
.footer-main .col-right{width: 100%;}
.footer-main .title-line{font-size: 18vw;}
.footer-main .icon-line{width: 12%;margin-top: 4%;}
.footer-main .icon-line svg{max-width: 100%;}
.page-body{padding: 40px 0 60px;}
.contact-info{padding: 40px;}
.contact-form{padding: 40px;}
.item-product .info .name{font-size: 15px;}
.taxonomy-body .col-sidebar{display: none;width: 100%;}
.taxonomy-body .col-content{width: 100%;}
.pagination ul{column-gap: 24px;}
.detail-info.home-block{gap: 24px;}
.section-video .video .img .icon-play{width: 80px;height: 80px;}
.section-video .video .img .icon-play svg{width: 36px;height: 36px;}
.home-hero .home-block{padding:0 0 100px 0;}

.swiper-hero .img img{height: 100%;}
.swiper-hero .img{height: 100%;}
.home-client .logo{height: 130px;padding: 15px;flex: 0 0 calc(100% / 4);}
.home-product .list-product .col-item{width: calc(100% / 3);}
.home-story .block{height: 600px;}
.home-story .inner .item .info .name{font-size: 13px;}
.home-story .inner .item .info .txt{font-size: 13px;}
.home-story .inner .item .info .sub{font-size: 11px;}
.home-story .text{font-size: 14px;}
.content-post.big{font-size: 16px;}
.home-about .inner .datas .item .number{font-size: 56px;}
.home-story2 .block{height: 500px;}
.item-policy .name{font-size: 16px;}
.item-policy .text{font-size: 13px;}
.about-sec1 .block .inner .page-title{font-size: 42px;}
.about-sec1 .block .inner .list{gap: 8px;}
.about-sec6 .inner .item .box .text{font-size: 13px;}
.about-sec6 .block{height: 600px;}
.about-sec8 .thumb{width: 100px;}
.slide-top .img, .slide-bot .img{width: 250px;}
.list-collection .col-item{width: calc(100% / 3);}
.list-project{margin: -10px;}
.single-content .desc{font-size: 17px;}
.list-project .col-item{width: calc(100% / 3);}
.news-sidebar .title{font-size: 20px;}
}
@media (max-width: 991px) {
    .list-news .item-news.project-item .info h3.name{font-size: 16px}
    .single-product .page-body{padding-top: 0 !important}
    .breadcrumbs .separator{font-size: 15px}
    .breadcrumbs p{font-size: 12px;display: flex;
    white-space: nowrap;
    max-width: 100%;
    overflow-x: scroll;   /* ép luôn hiện */
    overflow-y: hidden;
    scrollbar-width: auto; /* Firefox: auto hoặc thin */}
html {
	overflow-y: scroll;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
body {
	overflow-y: visible;
	position: relative;
}
html, body {
	overflow-x: hidden;
	margin: 0;
}
.single .breadcrumbs p .last{display: none;}
.content-post h1{font-size: 36px;}
.content-post h2{font-size: 26px;}
.content-post h3{font-size: 18px;}
.content-post h4{font-size: 16px;}
.content-post h5{font-size: 14px;}
.content-post h6{font-size: 14px;}
#main{overflow: hidden;}
.container-fluid, .container{--bs-gutter-x: 50px;}
.supports .item a img{max-width: 150px;}
.backtop a{width: 44px;height: 44px;}
.backtop a img{max-width: 24px;max-height: 24px;}
.header-top .menu{display: none;}
.header-top .hotline{padding-right: 0;margin-right: 0;}
.header-top .hotline:after{display: none;}
.header-main .flex{gap: 20px;}
.header-main .menu{display: none;}
.header-main .logo{margin-right: auto;}
.header-nav .search .icon{width: 38px;height: 38px;}
.header-nav .cta a{height: 38px;min-width: 90px;font-size: 13px;padding: 0 16px;}
#touch-menu{display: block; width: 24px;height: 24px;cursor: pointer;background-image: url(images/touch.png);background-size: cover;background-repeat: no-repeat;background-position: center;}
.line-dark{opacity: 0;transition: all .5s;visibility: hidden;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,.6);z-index: 999}
body.active-menu .line-dark{opacity: 1;visibility: visible;cursor: url(images/close.png) 20 20,default;}
#menu-mobile{display: block;transition: all .5s; background: #fff;z-index: 9999;position: fixed;width: 300px;height: 100%;top: 0;left: -300px;opacity: 0;visibility: hidden;padding-top: 40px;}
body.active-menu #menu-mobile{opacity: 1;visibility: visible;left: 0;}
#menu-mobile .close{width: 24px;height: 24px;cursor: pointer;background-image: url(images/close-menu.png);background-size: 18px;background-repeat: no-repeat;background-position: center;position: absolute;top: 12px;right: 12px;}
#menu-mobile ul{list-style: none;margin-bottom: 0;}
#menu-mobile .menu{height: 100%;overflow-y: auto;padding: 15px 10px 10px 20px;}
#menu-mobile .menu ul{display: none;padding-left: 20px;}
#menu-mobile .menu li{position: relative;}
#menu-mobile .menu li>a{display: flex;align-items: center;min-height: 36px;}
#menu-mobile .menu li>svg{width: 24px;height: 24px;cursor: pointer;padding: 6px;position: absolute;right: 0;top: 6px;}
#menu-mobile .menu li.re-arrouw>svg{transform: rotate(180deg);}

.footer-main{padding: 50px 0 0;}
.footer-bot{padding: 15px 0;}
.contact-map{height: 400px;}
.contact-info{padding: 30px;}
.home-block{gap: 40px;}
.home-block.sm{gap: 24px;}
.page-title{font-size: 36px;}
.page-title.sm{font-size: 26px;}
.contact-form{padding: 30px;}
.contact-info .info li .icon{width: 70px;height: 70px;}
.contact-info .info li{padding: 12px 24px 12px 102px;min-height: 94px;gap: 8px;}
.contact-info .info li .value{font-size: 14px;}
.contact-info .info li .name{font-size: 18px;}
.box-title{gap: 12px;}
.category-title .cout{font-size: 14px;}
.single-content .col-content{padding: 0;width: 100%;}
.single-content .col-share{width: 100%;padding-bottom: 20px;}
.list-product .col-item{padding: 15px 10px;width: 50%;}
.item-product{gap: 15px;}
.home-hero .home-block{padding: 0 0 80px 0;}
.home-hero .page-title{font-size: 90px;}
.home-hero .text{font-size: 14px;width: 740px;}

.banner-pagination{bottom: 10px !important;}
.home-banner{padding-bottom: 30px;}
.home-section{padding: 30px 0;}
.home-body .container>.home-section:last-child{padding-bottom: 60px;}
.flex-title .link{font-size: 14px;}
.grid-category{height: auto;}
.grid-category .img1{width: 40%;height: 300px;}
.grid-category .inner{width: 40%;height: 300px;top: 300px;}
.grid-category .img2{height: 600px;width: 60%;}
.grid-category .img3{height: 900px;width: 100%;}
.home-category .home-section:nth-child(3n+1) .grid-category .inner{left: 60%;}
.home-category .home-section:nth-child(3n) .grid-category .img3{order: 1;}
.home-category .home-section:nth-child(3n) .grid-category .img2{order: 2;}
.home-category .home-section:nth-child(3n) .grid-category .inner{bottom: 0;left: 60%;top: auto;}
.home-product .list-product .col-item{width: 50%;}
.link-center a{font-size: 14px;}
.home-story .img1{display: none;}
.home-story .inner{gap: 32px;width: 40%;left: 4%;}
.home-story .text{width: 35%;right: 15%;}
.home-story .block{height: 520px;}
.home-story .inner .list{gap: 20px;}
.home-about .section-video{width: 100%;}
.home-story2 .block{height: 400px;}
.home-story2 .inner{left: 4%;}
.home-story2 .inner .link a{height: 48px;padding: 0 24px;font-size: 15px;}

.list-policy .col-item{width: 50%;max-width: 100%;}
.about-sec1 .block .img2{display: none;}
.about-sec1 .block .inner{width: 60%;}
.about-sec1 .block{height: 440px;}
.about-sec5 .home-block .link a{height: 48px;padding: 0 24px;font-size: 15px;}
.about-sec5 .img{width: 100%;}
.about-sec6 .inner{padding: 0 30px 0 15px;}
.about-sec8 .home-slider{width: 100%;}
.about-sec8 .thumb{width: 150px;}
.list-collection .col-item{width: 50%;}

.item-news .info .name{font-size: 18px;}
.item-news .info .link a{height: 36px;}
/* Acount */
.woocommerce-account .woocommerce-MyAccount-navigation ul li{width: calc((100% - 20px) / 3);}

}
@media(max-width:767px) {
    .box-description.taxono{margin-top: 30px}
    
    .titlehide{display: block;}
    .news-sidebar{display: none;}
    .category-child ul {display: block;}
    .category-child ul li{width: 100%}
    .category-child ul li a{border-right: 0;padding: 5px}
    .category-tin-tuc .page-title{margin-bottom: 0}
    .category .breadcrumbs {
  margin-bottom: 10px;
}
    .tax-product_cat .breadcrumbs {
  margin-bottom: 0;
}
.home-feedback .swiper-button-prev, .home-feedback .swiper-button-next{top: 182px}
    .swiper-prorl .swiper-wrapper{height: 600px}
    .swiper-prorl .swiper-wrapper .swiper-slide{height: calc((100% - 30px) / 2) !important;}
	.supports {
  bottom: 90px;}
  .gallery-left, .detail-info .specs .character .title svg{display: none;}
  .detail-image{padding: 0}
  .home-story h2.page-title {
  width: 100%;}
  .page-title span {
  font-size: 30px;display: block;}
  .item-img-full {aspect-ratio: 1 / 1;
  width: 100%;}
  .item-feedback{width: 100%}
  .box-fb{flex-direction: column;}
  .swiper-hero .name-category{font-size: 13px}
.content-post .gallery.gallery-columns-2{grid-template-columns:repeat(1,1fr)}
.content-post .gallery.gallery-columns-4{grid-template-columns:repeat(2,1fr)}
.content-post .gallery.gallery-columns-3{grid-template-columns:repeat(2,1fr)}
.content-post .gallery.gallery-columns-5{grid-template-columns:repeat(2,1fr)}
.content-post .gallery.gallery-columns-6{grid-template-columns:repeat(2,1fr)}
.content-post .gallery.gallery-columns-7{grid-template-columns:repeat(2,1fr)}
.content-post .gallery.gallery-columns-8{grid-template-columns:repeat(2,1fr)}
.content-post .gallery.gallery-columns-9{grid-template-columns:repeat(2,1fr)}
.grid-category .img2, .grid-category .img3{display: none;}
.home-hero .page-title{font-size: 10vw;}

.home-client .logo{height: 110px;flex: 0 0 calc(100% / 3);}
.swiper-banner .img img.mb{display: block;}
.swiper-banner .img img.pc{display: none;}
.grid-category .inner .flex{padding: 20px;}
.grid-category .inner .link a{font-size: 13px;height: 38px;}
.grid-category .inner .title{font-size: 26px;margin-bottom: 16px;}
.grid-category .img2{height: 500px;}
.grid-category .img1{height: 250px;}
.grid-category .inner{height: 250px;top: 250px;}
.grid-category .img3{height: 750px;}
.home-story .block{height: auto;}
.home-story .inner{position: relative;width: 100%;padding: 30px;transform: unset;left: auto;top: auto;}
.home-story .text{position: relative;width: 100%;padding: 40px 30px 0;left: auto;top: auto;right: auto;}
.home-story .inner .list{flex-direction: row;}
.home-story .inner .item{width: calc(50% - 10px);flex-direction: column;}
.home-story .inner .item .thumb{width: 100%;}
.home-story .inner .item .info{width: 100%;text-align: center;}
.home-story .img2{position: unset;margin-top: -25%;width: 100%;}
.home-about .inner .datas .item .number{font-size: 48px;}
.home-story2 .img{width: 100%;position: unset;}
.home-story2 .block{height: auto;}
.home-story2 .inner{position: unset;transform: none;width: 100%;padding:0 0 40px 0;max-width: inherit;}
.about-sec1 .block{height: auto;}
.about-sec1 .block .inner{width: 100%;position: relative;transform: none;padding: 40px 30px;left: auto;top: auto;}
.about-sec1 .block .img1{position: unset;max-width: 70%;}
.about-sec1 .block .hide-title{top: auto;bottom: -1%;}
.about-sec6 .block{height: auto;}
.about-sec6 .page-title{position: unset;max-width: 100%;text-align: center;}
.about-sec6 .inner{position: relative;width: 100%;padding: 0;}
.about-sec6 .block{flex-direction: column;justify-content: center;padding: 40px 30px 0;gap: 24px;}
.about-sec6 .img{position: unset;max-width: 70%;margin-top: -20%;}
.about-sec6 .hide-title{bottom: -2%;}
.about-sec8 .thumb{width: 120px;}
.item-collection{gap: 15px;}
.item-news .info{padding-left: 20px;}
.item-news .info .link a{font-size: 13px;}
.item-news-rl .name{font-size: 20px;}
}
@media(max-width:575px) {
body{font-size: 14px;}
.container-fluid, .container{--bs-gutter-x: 40px;}
.footer-main .widget .title{font-size: 18px;}
.footer-main .menu-main{font-size: 24px;}
.footer-bot .flex{flex-direction: column;}
.page-title{font-size: 30px;}
.page-title.sm{font-size: 30px;}
.footer-main .menu-main li a{letter-spacing: 0;}
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count{float: none;}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{float: none;}
.woocommerce .woocommerce-ordering select{width: 100%;}
.woocommerce .woocommerce-result-count{margin-top: -30px;text-align: center;display: none;}
.detail-body .tab-title button h2{font-size: 15px;}
.item-procedure{padding: 20px 10px;}
.item-procedure .text{font-size: 12px;}
.item-procedure .name{font-size: 18px;padding-top: 0;}
.item-procedure{gap: 15px;}
.item-procedure .icon{height: 60px;}
.section-video .video .img .icon-play{width: 60px;height: 60px;}
.section-video .video .img .icon-play svg{width: 30px;height: 30px;}
.grid-category .img1{width: 100%;aspect-ratio: 1/1;order: 1 !important;height: auto;}
.grid-category .inner{position: unset;order: 4 !important;width: 100%;height: auto;}
.grid-category .img2{aspect-ratio: inherit;order: 3 !important;height: 300px;width: 45% !important;}
.grid-category .img3{aspect-ratio: inherit;order: 4 !important;height: 300px;width: 55% !important;}
.grid-category .inner .logo{margin-bottom: 20px;text-align: left;}
.item-product .info .name{font-size: 14px;}
.home-about .inner .datas .item .number{font-size: 42px;}
.home-about .inner .datas .item .text{font-size: 13px;}
.item-feedback{padding: 20px;gap: 20px;}
.item-policy .name{font-size: 14px;}
.item-policy .icon{margin-bottom: 0;}
.about-sec8 .thumb{width: 100px;}
.slide-top .img, .slide-bot .img{width: 200px;}
.list-collection{margin: -15px -10px;}
.list-collection .col-item{width: 100%;padding: 15px 10px;}
.list-news .item-news{padding-bottom: 20px;margin-bottom: 20px;}
.item-news .img{width: 100%;}
.item-news .info{width: 100%;padding-left: 0;padding-top: 15px;}

/* Acount */
.woocommerce-account .woocommerce-MyAccount-navigation ul li{width: calc(50% - 5px);}
#customer_login h2{font-size: 20px;}

}
@media(max-width:428px) {
.footer-main .menu-main{font-size: 22px;column-gap: 20px;row-gap: 10px;}

}