/*
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: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-Italic.ttf);font-style: normal;font-weight: 300;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-LightItalic.ttf);font-style: italic;font-weight: 300;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-Regular.ttf);font-style: normal;font-weight: 400;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-Italic.ttf);font-style: italic;font-weight: 400;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-Medium.ttf);font-style: normal;font-weight: 500;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-MediumItalic.ttf);font-style: italic;font-weight: 500;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-SemiBold.ttf);font-style: normal;font-weight: 600;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-SemiBoldItalic.ttf);font-style: italic;font-weight: 600;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-Bold.ttf);font-style: normal;font-weight: 700;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-BoldItalic.ttf);font-style: italic;font-weight: 700;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-ExtraBold.ttf);font-style: normal;font-weight: 900;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-ExtraBoldItalic.ttf);font-style: italic;font-weight: 900;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-Black.ttf);font-style: normal;font-weight: 900;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-BlackItalic.ttf);font-style: italic;font-weight: 900;}
/* Option */
body{font-size: 16px;color: #4d4d4d;font-family: 'Be Vietnam Pro';display: block;margin: 0 auto;width: 1920px;max-width: 100%;}
*{margin:0;padding:0;line-height:1.5}
.home-banner .inner .box .text{font-size: 1.26vw;}
            .brand-sec1 .box .text{font-size: 1.26vw;}
.fade{transition: all .1s;}
a{text-decoration:none;color:#4d4d4d;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: #176A35;}
.fade{transition: all .1s;}
ul{padding-left:0;}
img{max-width:100%;border:none;height:auto}
b,strong{font-weight: bold;}
h1,h2,h3,h4,h5,h6{line-height:1.3;margin-top:0;margin-bottom: 1rem;}
h1 *,h2 *,h3 *,h4 *,h5 *,h6 *{line-height: normal;}
h1{font-size: 28px;}
h2{font-size: 24px;}
h3{font-size: 20px;}
h4{font-size: 16px;}
h5{font-size: 14px;}
h6{font-size: 14px;}
.table{max-width: 100%;table-layout: fixed;word-wrap: break-word;}
.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;}
@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,.row{--bs-gutter-x: 32px;}
.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: 540px;}
}
@media (min-width: 768px){
    .container, .container-md, .container-sm { max-width: 720px;}
}
@media (min-width: 992px){
    .container, .container-lg, .container-md, .container-sm {max-width: 960px;}
}
@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1140px;}
}
@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1320px;}
}
/* 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 #E6E6E6;padding: 11px 12px;color: #999999;font-weight: 500;border-radius: 4px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color: #999999;}
input[type="submit"]{font-weight: 500;padding: 12px 24px;color: #F2F2F2;background-color: #176A35;border-radius: 4px;text-align: center;border: none;transition: all .3s;}
input[type="submit"]:hover{background-color: #CBDEA6;color: #333;}
.select2-container{width: 100% !important;}
.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: 8px;}
.wpcf7-spinner{position: absolute;}
.form-group{margin-bottom: 16px;position: relative;}
.form-group .name{margin-bottom: 8px;font-weight: 600;font-size: 20px;}
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}
/* 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{text-align: justify;}
.content-post ul,.content-post ol{padding-left:18px;}
.content-post li{position:relative;margin-bottom:6px}
.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:16px;grid-row-gap:16px}
.content-post .gallery br{display:none}
.content-post .gallery.gallery-columns-2{grid-template-columns:repeat(2,1fr)}
.content-post .gallery.gallery-columns-4{grid-template-columns:repeat(4,1fr)}
.content-post .gallery.gallery-columns-3{grid-template-columns:repeat(3,1fr)}
.content-post .gallery.gallery-columns-5{grid-template-columns:repeat(5,1fr)}
.content-post .gallery.gallery-columns-5{grid-template-columns:repeat(6,1fr)}
.content-post .gallery.gallery-columns-5{grid-template-columns:repeat(7,1fr)}
.content-post .gallery.gallery-columns-5{grid-template-columns:repeat(8,1fr)}
.content-post .gallery.gallery-columns-5{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{text-decoration:underline}
.content-post .wp-caption.aligncenter{max-width:100%!important}
img.aligncenter{display:block;margin:0 auto}
.content-post .alignnone{margin:0 16px 16px 0}
.content-post .aligncenter,.content-post div.aligncenter{display:block;margin:0 auto 16px;}
.content-post .alignright{float:right;margin:0 0 16px 16px}
.content-post .alignleft{float:left;margin:0 16px 16px 0}
a img.alignright{float:right;margin:0 0 16px 16px}
a img.alignnone{margin:0 16px 16px 0}
a img.alignleft{float:left;margin:0 16px 16px 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 16px 16px 0}
.wp-caption.alignleft{margin:0 16px 16px 0}
.wp-caption.alignright{margin:0 0 16px 16px}
.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;}
/* 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}

/* Support */
.sticky{position:-webkit-sticky;position:sticky;top:10px;z-index: 99;}
.web-slider{position: relative;}
.swiper-button-prev,.swiper-button-next{width: 44px !important;height: 44px !important;top: 50% !important;margin-top: 0 !important;transform: translateY(-50%);background: #176A35 !important;border-radius: 50%;color: #fff;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 20px;}
.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;}
.nav-support{position: fixed;z-index: 990;left: 0;top: 50%;transform: translateY(-50%);display: flex;flex-direction: column;gap: 12px;justify-content: center;align-items: center;}
.nav-support ul{list-style: none;margin-bottom: 0;display: flex;flex-direction: column;gap: 12px;}
.nav-support ul li a{display: flex;width: 24px;height: 24px;background: #f2f2f2;border-radius: 50%;justify-content: center;align-items: center;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);}
.nav-support ul li a img{object-fit: contain;max-height: 15px;max-width: 15px;transition: all .3s;}
.nav-support ul li a:hover{background: #176A35;animation: zoom-in-zoom-out 1s ease-out infinite;}
.nav-support ul li a:hover img{-webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);}
.nav-support .divider{width: 1px;height: 12px;background: #176A35;}
.nav-support .title{font-size: 10px;font-weight: 500;color: #176A35;transform: rotate(-90deg);margin-top: 18px;}

/* Header */
#header{background: #F8FCFD;}
#header .col-touch{display: none;}
#menu-mobile{display: none;}
#header .col-logo{width: 232px;}
#header .col-menu{width: calc(100% - 232px);}
#header .logo img{object-fit: contain;max-height: 50px;}
#header ul{list-style: none;margin-bottom: 0;}
#header .menu{display: flex;justify-content: flex-end;column-gap: 32px;row-gap: 0;font-size: 18px;font-weight: 500;}
#header .menu>li{height: 80px;display: flex;align-items: center;position: relative;}
#header .menu>li>a{display: block;line-height: 32px;position: relative;}
#header .menu>li>a:after{content: "";display: block;transition: all .3s;margin: 0 auto;width: 0;height: 0;background: transparent;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
#header .menu>li.current-menu-item>a,#header .menu>li:hover>a{color: #333333;}
#header .menu>li.current-menu-item>a{font-weight: 600;}
#header .menu>li.current-menu-item>a:after,#header .menu>li:hover>a:after{background: #176A35;width: 25px;height: 2px;}
#header .menu ul{opacity: 0;visibility: hidden;padding-top: auto;background: #fff;z-index: 99;border: 1px solid #D3DAE8;font-size: 16px;position: absolute;transition: all .3s;}
#header .menu li:hover>ul{opacity: 1;visibility: visible;}
#header .menu>li>ul{top: 100%;left: -16px;min-width: calc(100% + 32px);}
#header .menu ul ul{left: 100%;top: -1px;min-width: 220px;}
#header .menu ul>li{padding: 0 18px;cursor: pointer;transition: all .3s;}
#header .menu ul>li>a{display: flex;align-items: center;min-height: 48px;padding: 8px 0;border-bottom: 1px solid #D3DAE8;white-space: nowrap#FFFFFFFF;}
#header .menu ul>li:last-child>a{border-bottom: 0;}


/* Footer */
.footer-main{background: #CBDEA6;font-size: 14px;color: #333;}
.footer-main a{color: #333;}
.footer-main a:hover{color: #176A35;}
.footer-main{padding: 32px 0 24px;}
.footer-main .widget-title{font-size: 18px;font-weight: 600;margin-bottom: 20px;color: #1a1a1a;}
.footer-main .widget{width: auto;max-width: 20%;}
.footer-main .widget:first-child{max-width: 25%;}
.footer-main .flex{flex-direction: column;gap: 32px;}
.footer-main .flex .text{width: 266px;max-width: 100%;}
.footer-main .flex .logo img{object-fit: contain;max-height: 60px;}
.footer-main .social{display: flex;flex-wrap: wrap;gap: 12px;}
.footer-main .social a{width: 32px;height: 32px;background: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.footer-main .social a img{object-fit: contain;max-width: 20px;max-height: 20px;}
.footer-main li{margin-bottom: 12px;}
.footer-main .info li{position: relative;padding-left: 26px;}
.footer-main .info li img{object-fit: contain;max-width: 16px;max-height: 16px;position: absolute;left: 0;top: 2px;}
.footer-main form{position: relative;}
.footer-main form input[type="email"]{border: 1px solid #666666;font-size: 12px;color: #666;background: #F8FCFD;border-radius: 4px;padding: 8px 42px 8px 16px;}
.footer-main form input[type="submit"]{border: none;background-color: transparent;font-size: 0;width: 42px;height: 100%;position: absolute;top: 0;right: 0;background-image: url(images/submit.png);background-size: 16px;background-repeat: no-repeat;background-position: center;}
.footer-bot{background: #176A35;color: #B3B3B3;font-size: 14px;padding: 12px 0;}
.footer-bot a{color: #B3B3B3;}
.footer-bot a:hover{color: #fff;}
.footer-bot *{margin-bottom: 0;}
.footer-bot .widget{width: auto;}
.footer-bot .widget-title{display: none;}
.footer-bot .menu{display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;column-gap: 28px;row-gap: 4px;}
.footer-bot .menu li{position: relative;}
.footer-bot .menu li:not(:last-child):after{content: "";display: block;width: 4px;height: 4px;background: #CCCCCC;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);right: -16px;}

/* Page */
.page-banner{padding: 132px 0 100px;}
.page-banner .title{font-weight: 800;font-size: 48px;color: #1a1a1a;margin-bottom: 0;}
.page-body{padding: 60px 0;}

/* Contact */
.contact-group{display: flex;flex-wrap: wrap;gap: 60px;}
.contact-group .col-item{width: calc(50% - 30px);background: #fff;display: flex;flex-direction: column;}
.contact-group .inner{width: 100%;aspect-ratio: 10/9;padding: 24px;display: flex;flex-direction: column;gap: 4px;border-top: 2px solid #176A35;border-radius: 8px 8px 0 0;}
.contact-group .form .title{font-size: 30px;font-weight: 800;color: #176A35;text-transform: uppercase;}
.contact-group .form .text{font-size: 14px;color: #052E15;}
.contact-group .form{padding: 24px;box-shadow: 0px 8px 32px 0px #0000000A;border-bottom: 2px solid #176A35;border-radius: 0 0 8px 8px;overflow: hidden;height: 100%;display: flex;flex-direction: column;}
.contact-group .form .wpcf7{margin-top: auto;padding-top: 12px;}
.contact-group .form input[type="submit"]{width: 100%;}
.contact-group2{display: flex;flex-wrap: wrap;box-shadow: 0px 8px 32px 0px #0000000A;border-bottom: 2px solid #176A35;border-radius: 8px;overflow: hidden;border-top: 2px solid #176A35;}
.contact-group2 .img{width: 50%;}
.contact-group2 .img img{min-height: 100%;}
.contact-group2 .form{width: 50%;padding: 24px;display: flex;flex-direction: column;gap: 5px;}
.contact-group2 .form .title{font-size: 30px;font-weight: 800;color: #176A35;text-transform: uppercase;}
.contact-group2 .form .text{font-size: 14px;color: #052E15;margin-bottom: 5px;}

/* FAQs */
.faq-group{display: flex;flex-direction: column;gap: 40px;}
.tab-title{list-style: none;margin-bottom: 0;width: 100%;border-bottom: 1px solid #CCCCCC;display: flex;column-gap: 32px;flex-wrap: wrap;row-gap: 6px;}
.tab-title li{width: calc((100% - 64px) / 3);}
.tab-title button{border: none;border-bottom: 4px solid transparent;font-size: 28px;font-weight: bold;text-transform: uppercase;width: 100%;color: #1a1a1a;display: flex;align-items: center;justify-content: center;text-align: center;height: 72px;background: transparent;}
.tab-title button.active{border-bottom-color: #176A35;}
.page-accordion{display: flex;flex-direction: column;gap: 60px;}
.accordion-button{width: 100%;font-size: 32px;font-weight: 600;color: #1a1a1a !important;}
.accordion-body{padding: 16px 24px 4px 24px;border-left: 4px solid #176A35;border-radius: 8px 0 0 8px;background: #F8FCFD;margin-top: 12px;color: #1a1a1a;}
.accordion-body .capt{font-size: 18px;font-weight: 600;color: #176A35;display: flex;align-items: center;gap: 8px;margin-bottom: 8px;display: none;}
.accordion-body .capt img{object-fit: contain;max-width: 32px;max-height: 32px;}


/* Product */
.product-sec1 .left{max-height: 100%;width: auto;object-fit: contain;position: absolute;left: 0;bottom: 0;z-index: 3;}
.product-sec1 .main{object-fit: contain;width: 46%;height: auto;position: absolute;max-height: 100%;top: 50%;transform: translateY(-50%);z-index: 2; right: 22%;}
.product-sec1 .right{object-fit: contain;position: absolute;width: 27%;height: auto;max-height: 100%;right: 5%;bottom: 5%;}
.product-sec2 .web-slider{position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 100%;padding: 0 8%;}
.product-sec2 .item{padding-bottom: 5%;transform: scale(0.7);opacity: .7;transition: all .5s;}
.product-sec2 .item .thumb{position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;width: 70%;height: auto;max-height: 100%;}
.product-sec2 .item .thumb img{width: 100%;height: auto;max-height: 100%;object-fit: contain;}
.product-sec2 .item .name{position: absolute;z-index: 2;width: 100%;left: 0;top: 87%;color: #15803B;font-weight: bold;font-size: 1.8vw;line-height: 1.3;}
.product-sec2 .swiper-slide-active .item{opacity: 1;transform: scale(1);}
.product-prev{left: 7% !important;}
.product-next{right: 7% !important;}
.product-sec3 .inner{height: 100%;width: 45%;position: absolute;z-index: 2;top: 0;left: 0;display: flex;flex-direction: column;gap: 2vw;justify-content: center;align-items: center;padding-bottom: 5%;}
.product-sec3 .inner .text{font-weight: bold;color: #15803B;font-size: 1.26vw;}
.product-sec3 .inner .title{max-width:80%;}
.product-sec3 .inner .img{max-width: 80%;}

.product-sec4 .detail{position: absolute;z-index: 2;width: 38%;}
.product-sec4 .detail img{width: 100%;height: auto;object-fit: contain;transition: all .5s;}
.product-sec4 .detail.de1{bottom: 33%;left: 12%;}
.product-sec4 .detail.de2{bottom: 33%;right: 12%;}
.product-sec4 .detail.de3{bottom: 0;left: 12%;}
.product-sec4 .detail.de4{bottom: 0;right: 12%;}
.product-sec4 .certify{position: absolute;z-index: 3;left: 50%;transform: translateX(-50%);bottom: 23%;width: 16%;}
.product-sec4 .certify img{width: 100%;height: auto;transition: all .5s;object-fit: contain;animation: zoom-in-zoom-out 2s ease-out infinite;}
.product-sec4 .certify:hover img{}
.product-sec5 .left{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 62.24%;}
.product-sec5 .left img{width: 100%;height: auto;object-fit: contain;transition: all .5s;animation: up-down 4s ease-out infinite;}
@keyframes up-down {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(4%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.07, 1.07);
  }
  100% {
    transform: scale(1, 1);
  }
}
.product-sec5 .right{position: absolute;right: 6.25%;top: 50%;transform: translateY(-50%);width: 46.5%;}
.product-sec5 .right img{width: 100%;height: auto;object-fit: contain;transition: all .5s;}
.product-sec6 .inner{width: 100%;height: 100%;position: absolute;z-index: 2;top: 0;left: 0;display: flex;flex-direction: column;justify-content: flex-start;padding-top: 6%;gap: 3vw;}
.product-sec6 .inner .title img{object-fit: contain;max-height: 9vw;}
.product-sec6 .inner .box{padding: 0 14%;display: flex;justify-content: center;align-items: flex-start;}
.product-sec6 .inner .box .item{width: 25%;padding: 0.5vw;display: flex;flex-direction: column;gap: 1vw;position: relative;align-items: center;justify-content: flex-start;}
.product-sec6 .inner .box .item .info{color: #176A35;display: flex;flex-direction: column;position: relative;}
.product-sec6 .inner .box .item .info .name{font-size: 1.4vw;font-weight: 900;}
.product-sec6 .inner .box .item .info .text{font-size: 1.2vw;font-weight: bold;}
.product-sec6 .inner .box .item:after{content: "";display: block;position: absolute;width: 24%;aspect-ratio: 8/3;background-image: url(images/arrow.png);background-size: contain;background-repeat: no-repeat;background-position: center;top: 50%;right: 2%;}
.product-sec6 .inner .box .item:nth-child(3){left: -3%;}
.product-sec6 .inner .box .item:nth-child(3):after{right: -14%;}
.product-sec6 .inner .box .item:last-child:after{display: none;}
.product-sec6 .inner .box .item:nth-child(1) .info{left: -14%;}
.product-sec6 .inner .box .item:nth-child(2) .info{left: -17%;}
.product-sec6 .inner .box .item:nth-child(4) .info{left: -7%;}
/* Brand */
.brand-sec1{width: 100%;aspect-ratio: 12/5;overflow: hidden;background-size: auto 100%;}
.brand-sec1 .box{position: absolute;z-index: 2;top: 0;left: 9.4%;width: 34%;display: flex;flex-direction: column;gap: 2%;align-items: center;justify-content: center;height: 100%;}
.brand-sec1 .box img{object-fit: contain;}
.brand-sec1 .box .logo{max-width: 25%;}
.brand-sec1 .box .title{max-width: 87%;margin-bottom: 0;}
.brand-sec1 .box .img{max-width: 96%;}

.brand-sec1 .box .text{font-weight: bold;color: #15803B;}
@media (min-width: 576px) {

}
.brand-sec3{width: 100%;aspect-ratio: 12/5;overflow: hidden;background-size: auto 100%;display: flex;flex-direction: column;gap: 2%;justify-content: center;text-align: center;padding: 0 15px;}
.brand-sec3 .title{margin-bottom: 0;display: flex;justify-content: center;align-items: center;}
.brand-sec3 .title img{object-fit: contain;max-height: 5.8vw;}
.brand-sec3 .tab-content .text{font-weight: bold;font-size: 1.26vw;color: #176A35;width: 90%;display: block;margin: 0 auto;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;height: 3.8vw;}
.brand-sec3 .tab-button{list-style: none;margin-bottom: 0;display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;padding-top: 1%;}
.brand-sec3 .tab-button li{width: 25%;}
.brand-sec3 .tab-button li button{background: transparent;border: none;display: flex;flex-direction: column;gap: 1vw;align-items: center;justify-content: flex-start;width: 100%;}
.brand-sec3 .tab-button li button .icon{display: block;width: 65%;aspect-ratio: 1/1;}
.brand-sec3 .tab-button li button .icon img{width: 100%;height: 100%;object-fit: contain;}
.brand-sec3 .tab-button li button .name{text-transform: uppercase;font-weight: 900;color: #176A35;font-size: 2.2vw;}


/* Category */
.page-category .item .box{position: absolute;z-index: 2;top: 0;right: 0;height: 100%;width: 37%;display: flex;gap: 2%;flex-direction: column;justify-content: center;}
.page-category .item:nth-child(even) .box{right: auto;left: 0;text-align: right;align-items: flex-end;}
.page-category .item .box .name{text-transform: uppercase;font-size: 2.5vw;margin-bottom: 0; font-weight: 900;color: #14532C;}
.page-category .item .box .name a{color: #176A35;}
.page-category .item .box .name a:hover{color: #ada21d;}
.page-category .item .box .link{width: 50%;margin-left: 3%;}
.page-category .item:nth-child(even) .box .link{margin-left: auto;margin-right: 3%;}
.page-category .item .box .link img{width: 100%;height: auto;object-fit: contain;transition: all .5s;animation: zoom-in-zoom-out 2s ease-out infinite;}

.news-body{padding: 40px 0;}
.archive-content{margin-bottom: 30px;}
.item-news{display: flex;flex-direction: column;gap: 15px;height: 100%;}
.item-news .img{aspect-ratio: 13/9;overflow: hidden;border-radius: 4px;}
.item-news .img img{height: 100%;}
.item-news .cat{font-size: 14px;font-weight: 500;}
.item-news .cat a{color: #14532C;}
.item-news .info{display: flex;flex-direction: column;gap: 10px;}
.item-news .info .name{font-size: 18px;font-weight: 600;margin-bottom: 0;}
.item-news .info .name a{color: #1a1a1a;}
.item-news .info .name a:hover{color: #14532C;}
.item-news .info .desc{color: #666666;overflow: hidden;text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.item-news .date{font-size: 14px;color: #999999;}

.pagination{justify-content: center;padding-top: 30px;}
.pagination ul{margin-bottom: 0;list-style: none;display: flex;justify-content: center;align-items: center;gap: 8px;}
.pagination ul li{display: block;}
.pagination ul li span,.pagination ul li a{display: flex;height: 40px;width: 40px;text-align: center;align-items: center;justify-content: center;font-weight: 500;border-radius: 4px;border: 1px solid #CBDEA6; background: #fff;}
.pagination ul li .current,.pagination ul li span:hover,.pagination ul li a:hover{background: #176A35;color: #fff;border-color: #176A35;}
/* Single */
.single-meta{display: flex;flex-direction: column;gap: 16px;margin-bottom: 32px;}
.single-meta .title{font-size: 36px;font-weight: bold;margin-bottom: 0;color: #1a1a1a;}
.single-meta .cat{font-size: 14px;font-weight: 500;}
.single-meta .cat a{color: #14532C;}
.single-meta .date{font-size: 14px;color: #999999;font-weight: 500;}
.single-tags{padding-bottom: 20px;color: #666;font-size: 13px;display:flex;flex-wrap:wrap;align-items: center;}
.single-tags span{margin: 0 5px 5px 0;}
.single-tags a{display: inline-block;height: 30px;line-height: 30px;border-radius: 3px;padding: 0 10px;background-color: #ECECEC;margin: 0 5px 5px 0;}
.single-related .title{font-weight: bold;font-size: 36px;margin-bottom: 24px;line-height: 1.3;color: #1a1a1a;}
.single-related .list{display: flex;flex-direction: column;gap: 32px;}
/* Sidebar */
.page-sidebar .widget:not(:last-child){margin-bottom:30px}
.page-sidebar .tagcloud{display:flex;flex-wrap:wrap}
.page-sidebar .tagcloud a{display: inline-block; font-size:14px!important;height:30px;padding:0 10px;line-height:30px;background-color:#ECECEC;border-radius:3px;margin:0 5px 5px 0}
.page-sidebar .widget_media_image img{width: 100%;height: auto;object-fit: contain;}
/* Home */
.home-banner .inner{aspect-ratio: 2/1;width: 100%;background-size: auto 100%; background-repeat: no-repeat;background-position: center;}
.home-banner .inner .box{position: absolute;z-index: 2;width: 18.125%;top: 50%;transform: translateY(-50%);right: 7%;display: flex;flex-direction: column;gap: 2.6vw;}
.home-banner .inner .box .text{color: #15803B;font-weight: bold;}

.home-banner .inner .box .link img{transition: all .5s;animation: zoom-in-zoom-out 2s ease-out infinite;}
.home-banner .video{width: 100%;aspect-ratio: 2/1;overflow: hidden;}
.home-banner .video iframe{width: 100%;height: 100%;object-fit: cover;}
.home-banner .video video{width: 100%;height: 100%;object-fit: cover;}
.home-body .about{aspect-ratio: 2/1;display: flex;align-items: center;justify-content: center;padding: 32px 0;}
.home-body .about .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;transition: all .3s;}
.home-body .about .background.active{opacity: 1;visibility: visible;}
.home-body .about .inner{position: relative;z-index: 2;display: flex;flex-direction: column;gap: 40px;}
.home-body .about .title{text-align: center;margin-bottom: 0;}
.home-body .about .title img{object-fit: contain;max-width: 55%;}
.home-body .about .tabs .tab-name{list-style: none;margin-bottom: 24px;display: flex;justify-content: center;column-gap: 160px;row-gap: 30px;}
.home-body .about .tabs .tab-name li{position: relative;}
.home-body .about .tabs .tab-name li:not(:last-child):after{content: "";display: block;width: 2px;height: 32px;background: #176A35;border-radius: 4px;position: absolute;top: 50%;transform: translateY(-50%);right: -81px;}
.home-body .about .tabs .tab-name li button{background: transparent;border: none;height: 60px;display: flex;align-items: center;justify-content: center;font-weight: bold;font-size: 28px;color: #999999;}
.home-body .about .tabs .tab-name li button:after{content: "";display: block;width: 0;height: 0; border-radius: 6px; background: transparent;transition: all .5s;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.home-body .about .tabs .tab-name li button.active{color: #052E15;}
.home-body .about .tabs .tab-name li button.active:after{background: #176A35;height: 3px;width: 160px;max-width: 100%;}
.home-body .about .tabs .tab-content .text{display: block;margin: 0 auto;width: 1000px;max-width: 100%;font-size: 18px;font-weight: 500;height: 108px;}
.home-body .about .inner-news{display: flex;flex-direction: column;gap: 40px;}
.home-body .about .inner-news .list{display: flex;justify-content: center;gap: 40px;flex-wrap: wrap;}
.home-body .about .inner-news .list .item{width: calc((100% - 80px) / 3);display: flex;flex-direction: column;gap: 10px;position: relative;}
.home-body .about .inner-news .list .item .name{margin-bottom: 0;font-size: 36px;font-weight: bold;color: #052E15;}
.home-body .about .inner-news .list .item .text{font-size: 25px;font-weight: 500;position: relative;}
.home-body .about .inner-news .list .item:after{content: "";display: block;height: 120px;width: 2px;background: #176A35;position: absolute;right: -19px;top: 64px;}
.home-body .about .inner-news .list .item:last-child:after{display: none;}


.home-body .news{padding: 60px 0;}
.home-body .news .inner{display: flex;flex-direction: column;gap: 30px;}
.home-body .news .title{font-size: 60px;font-weight: 800;margin-bottom: 0;color: #176A35;}
.home-body .news .tab-name{list-style: none;margin-bottom: 24px;display: flex;justify-content: center;gap: 24px;align-items: center;}
.home-body .news .tab-name li button{border: 1px solid #176A35;background: #fff;color: #176A35;display: flex;align-items: center;justify-content: center;text-align: center;height: 48px;padding: 0 20px;border-radius: 4px;}
.home-body .news .tab-name li button.active{background: #176A35;color: #fff;}
.swiper-news{margin: -16px;}
.swiper-news .swiper-slide{padding: 16px;}
.home-body .partner{padding: 20px 0 60px;}
.home-body .partner .flex{gap: 24px;align-items: flex-start;}
.home-body .partner .img{width: 40%;overflow-y: hidden;border-radius: 8px;}
.home-body .partner .form{width: calc(60% - 24px);background: #fff;box-shadow: 0px 8px 32px 0px #0000000A;overflow: hidden;border-radius: 8px;border-top: 1px solid #176A35;border-bottom: 1px solid #176A35;padding: 20px;}
.home-body .partner .form input[type="submit"]{width: 100%;}

/* update */
.form-group .name{font-size: 16px;}
#header .menu{font-size: 16px;}




@media (max-width: 1399px) {
#header .menu{column-gap: 20px;font-size: 14px;}
.tab-title button{font-size: 22px;}
.home-body .about .inner{gap: 30px;}

.home-body .about .tabs .tab-name{column-gap: 100px;row-gap: 20px;}
.home-body .about .tabs .tab-name li:not(:last-child)::after{right: -51px;height: 24px;}
.home-body .about .tabs .tab-name li button{font-size: 20px;height: 52px;}
.home-body .about .tabs .tab-content .text{font-size: 16px;height: 96px;}
.home-body .news .title{font-size: 42px;}
.home-body .news .tab-name li button{height: 44px;}
.page-banner .title{font-size: 42px;}
.page-banner{padding: 100px 0 80px;}
.page-body{padding: 60px 0;}
.contact-group{gap: 60px;}
.contact-group .col-item{width: calc(50% - 30px);}
.contact-group .form .title{font-size: 32px;}
.contact-group .form2 .title{font-size: 32px;}
.tab-title button{font-size: 26px;height: 60px;}
.faq-group{gap: 30px;}
.page-accordion{gap: 40px;}
.accordion-button{font-size: 26px;}
.single-meta .title{font-size: 28px;}
.single-related .title{font-size: 28px;}
.home-body .about .inner-news{gap: 30px;}
.home-body .about .inner-news .list .item .text{font-size: 22px;}
.home-body .about .inner-news .list .item .name{font-size: 30px;}
.home-body .about .inner-news .list .item:after{top: 60px;}


}
@media (max-width: 1299px) {
body{font-size: 15px;}
#header .menu ul{font-size: 14px;}
.footer-main .widget-title{font-size: 16px;margin-bottom: 16px;}
.footer-main .flex{gap: 24px;}
.footer-main .widget{max-width: 25%;}
.page-banner{padding: 80px 0 70px;}
.page-banner .title{font-size: 36px;}
.page-body{padding: 40px 0;}
.contact-group{gap: 40px;}
.contact-group .form .title{font-size: 28px;}
.contact-group2 .form .title{font-size: 28px;}
.contact-group .col-item{width: calc(50% - 20px);}
.form-group .name{font-size: 14px;}
.tab-title{column-gap: 24px;}
.tab-title li{min-width: calc((100% - 48px) / 3);}
.tab-title button{font-size: 22px;}
.accordion-button{font-size: 22px;}
.accordion-body .capt{font-size: 17px;}

.home-body .about .tabs .tab-name{column-gap: 80px;}
.home-body .about .tabs .tab-name li:not(:last-child)::after{right: -41px;height: 24px;}
.home-body .about .tabs .tab-name li button{font-size: 18px;height: 48px;}
.home-body .about .tabs .tab-content .text{font-size: inherit;height: 90px;}
.home-body .news{padding: 40px 0;}
.home-body .news .title{font-size: 36px;}
.home-body .partner{padding: 20px 0 40px;}


}
@media (max-width: 1199px) {
body{font-size: 14px;}
h1{font-size: 26px;}
h2{font-size: 22px;}
h3{font-size: 18px;}
h4{font-size: 14px;}
h5{font-size: 13px;}
h6{font-size: 13px;}
#header .col-menu{display: none;}
#header .col-touch{display: block;width: 56px;}
#header .col-logo{width: calc(100% - 112px);margin-right: auto;text-align: center;}
#header .logo img{max-height: 40px;max-width: 180px;}
#header .logo{height: 60px;display: flex;align-items: center;justify-content: center;}
#touch-menu{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);}
.tab-title button{font-size: 20px;}
.accordion-button{font-size: 20px;}
.page-accordion{gap: 30px;}
.item-news{gap: 12px;}
.item-news .info .name{font-size: 16px;}
.single-meta .title{font-size: 22px;}
.single-related .title{font-size: 22px;margin-bottom: 16px;}
.home-body .about .inner-news .list .item .name{font-size: 26px;}
.home-body .about .inner-news .list .item .text{font-size: 18px;}
.home-body .about .inner-news .list .item:after{top: 50px;}

}
@media (max-width: 991px) {
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;
}
.row{--bs-gutter-x: 24px;}
#main{overflow: hidden;}
.supports .item a{width: 44px;height: 44px;}
.supports .item a img{max-width: 24px;max-height: 24px;}
.supports .item a.zalo img{max-width: 30px;}
.backtop a{width: 44px;height: 44px;}
.backtop a img{max-width: 24px;max-height: 24px;}


.footer-main .widget{max-width: calc(100% / 3);padding-bottom: 16px;}
.footer-main .widget:first-child{max-width: 100%;width: 100%;}
.footer-main .flex .logo img{max-height: 40px;}
.footer-main .flex .text{width: 100%;}
.footer-main .flex{gap: 16px;}
.page-banner{padding: 60px 0 50px;}
.page-banner .title{font-size: 28px;}
.page-body{padding: 32px 0;}
.contact-group{gap: 24px;}
.contact-group .col-item{width: calc(50% - 12px);}
.contact-group .inner{padding: 16px;}
.contact-group .form .title{font-size: 22px;}
.contact-group .form{padding: 16px;}
.contact-group2 .form .title{font-size: 22px;}
.contact-group2 .form{padding: 16px;}
.form-group .name{font-size: 14px;margin-bottom: 5px;}
.faq-group{gap: 24px;}
.tab-title{column-gap: 0;row-gap: 0;border-bottom: 0;}
.tab-title li{min-width: 0;width: 100%;}
.tab-title button{font-size: 16px;height: 48px;border-bottom: 0;}
.tab-title button.active{color: #fff;background: #176A35;}
.accordion-button{font-size: 16px;}
.accordion-body{padding: 16px 16px 2px 16px;}
.news-body{padding: 32px 0;}
.home-body .about .inner{gap: 24px;}
.swiper-news{margin: -12px;}
.swiper-news .swiper-slide{padding: 12px;}
.home-body .about .tabs .tab-name{column-gap: 50px;row-gap: 10px;margin-bottom: 16px;overflow: hidden;width: max-content;min-width: 100%;}
.home-body .about .tabs .tab-name li{width: auto;}
.home-body .about .tabs .tab-name li button{height: 42px;font-size: 16px;}
.home-body .about .tabs .tab-name li:not(:last-child)::after{right: -26px;height: 20px;}
.home-body .news{padding: 32px 0;}
.home-body .news .inner{gap: 24px;}
.home-body .news .title{font-size: 30px;}
.home-body .news .tab-name{overflow: hidden;width: max-content;min-width: 100%;}
.home-body .news .tab-name li button{height: 40px;}
.home-body .partner .form{padding: 16px;}
.contact-group .col-item{width: 100%;}
.home-body .about .inner-news{gap: 24px;}
.home-body .about .inner-news .list{gap: 30px;}
.home-body .about .inner-news .list .item{width: calc((100% - 60px) / 3);}
.home-body .about .inner-news .list .item .name{font-size: 18px;}
.home-body .about .inner-news .list .item .text{font-size: 13px;}
.home-body .about .inner-news .list .item:after{right: -15px;top: 38px;height: 80px;}
.home-body .about .title img{max-width: 50%;}
}
@media(max-width:767px) {
.page-banner .title{font-size: 24px;}
.list-news .col-item{width: 50%;}
.single-meta .title{font-size: 20px;}
.single-related .title{font-size: 20px;}
.single-related .list{flex-direction: row;gap: 24px;flex-wrap: wrap;}
.single-related .list .item-news{width: calc(50% - 12px);}

.home-body .about .inner{gap: 16px;}
.home-body .about .tabs .tab-name li button{font-size: 15px;}
.home-body .about .tabs .tab-name{column-gap: 40px;}
.home-body .about .tabs .tab-name li:not(:last-child)::after{right: -21px;}
.home-body .about .tabs .tab-content .text{font-size: 13px;height: auto;overflow: hidden;}
.home-body .news .title{font-size: 24px;}
.home-body .news .inner{gap: 16px;}
.home-body .partner .img{width: 100%;}
.home-body .partner .form{width: 100%;}
.home-body .news .tab-name li button{padding: 0 12px;}
.home-body .about .inner-news{gap: 16px;}
.home-body .about .inner-news .list{gap: 20px;}
.home-body .about .inner-news .list .item{width: 100%;}
.home-body .about .inner-news .list .item:after{width: 80px;height: 1px;top: calc(100% + 10px);left: 50%;transform: translateX(-50%);right: auto;}
.contact-group2 .form{width: 100%;}
.contact-group2 .img{width: 100%;}
}
@media(max-width:575px) {
.footer-main{padding: 32px 0 8px;}
.footer-main .widget{max-width: 100%;width: 100%;}
.footer-bot .widget{width: 100%;text-align: center;}
.footer-bot .menu{justify-content: center;}
.home-body .about .tabs .tab-name{column-gap: 30px;}
.home-body .about .tabs .tab-name li:not(:last-child)::after{right: -16px;}
.home-body .about .tabs .tab-name li button{font-size: 14px;}
.home-body .about .tabs .tab-content .text{font-size: 11px;}
.item-news .info .name{font-size: 14px;}
.item-news .cat{font-size: 13px;}
.item-news .date{font-size: 13px;}
.nav-support{left: -6px;}
.swiper-button-prev, .swiper-button-next{width: 36px !important;height: 36px !important;}
.swiper-button-next::after, .swiper-button-prev::after{font-size: 15px;}
.home-body .news .tab-name li button{font-size: 12px;height: 36px;}
.home-body .news .tab-name{gap: 12px;}
.contact-group .form .title{font-size: 20px;}
.contact-group .form .text{font-size: 13px;}
.contact-group2 .form .title{font-size: 20px;}
.contact-group2 .form .text{font-size: 13px;}
.home-body .about .inner-news .list .item .name{font-size: 15px;}
.home-body .about .inner-news .list .item .text{font-size: 12px;}
}
@media(max-width:500px){
}
@media(max-width:428px) {
body{font-size: 13px;}
h1{font-size: 20px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px;}
h5{font-size: 12px;}
h6{font-size: 12px;}
.row{--bs-gutter-x: 16px;}
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{padding: 10px 12px;}
.select2-container .select2-selection--single{height: 41px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 39px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 39px;}
input[type="submit"]{padding: 10px 20px;}

.home-body .about .tabs .tab-name li button{height: 40px;font-size: 13px;}
.home-body .about .tabs .tab-name{column-gap: 24px;}
.home-body .about .tabs .tab-name li:not(:last-child)::after{height: 14px;right: -14px;}
.home-body .news .tab-name li button{height: 36px;font-size: 13px;}
.swiper-button-prev, .swiper-button-next{width: 30px !important;height: 30px !important;}
.swiper-button-next::after, .swiper-button-prev::after{font-size: 13px;}
.item-news{gap: 10px;}
.item-news .info{gap: 4px;}
.item-news .cat{font-size: 12px;}
.item-news .date{font-size: 12px;}
.item-news .info .name{font-size: 13px;}
.item-news .info .desc{font-size: 12px;}
.home-body .news{padding: 25px 0;}
.home-body .news .inner{gap: 12px;}
.home-body .news .title{font-size: 20px}
.home-body .news .tab-name{gap: 16px;margin-bottom: 16px;}
.home-body .news .tab-name li button{height: 32px;font-size: 12px;padding: 0 12px;}
.swiper-news{margin: -8px;}
.swiper-news .swiper-slide{padding: 8px;}
.news-body{padding: 25px 0;}
.single-meta{margin-bottom: 20px;gap: 10px;}
.single-meta .title{font-size: 18px;}
.single-meta .date{font-size: 13px;}
.single-related .title{font-size: 16px;}
.single-related .list{gap: 16px;}
.single-related .list .item-news{width: calc(50% - 8px);}
.footer-main{font-size: 13px;padding: 25px 0 5px;}
.footer-main .widget-title{font-size: 14px;}
.footer-main .social a{width: 26px;height: 26px;}
.footer-main .social a img{max-height: 16px;max-width: 16px;}
.footer-main .flex .logo img{max-height: 32px;}
.footer-bot{font-size: 13px;}
.page-banner .title{font-size: 20px;}
.accordion-button{font-size: 15px;}
.page-accordion{gap: 20px;}
.faq-group{gap: 20px;}
.tab-title button{height: 40px;font-size: 15px;}
.page-body{padding: 25px 0;}
.form-group .name{font-size: 13px;}
.home-body .news .tab-name li button{font-size: 10px;height: 32px;padding: 0 8px;}
}
@media(max-width:400px) {
.home-banner .inner .box{gap: 1.5vw;}
}