/*
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: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-400.otf);font-style: normal;font-weight: 400;}
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-400-Italic.otf);font-style: italic;font-weight: 400;}
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-500.otf);font-style: normal;font-weight: 500;}
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-500-Italic.otf);font-style: italic;font-weight: 500;}
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-600.otf);font-style: normal;font-weight: 600;}
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-600-Italic.otf);font-style: italic;font-weight: 600;}
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-700.otf);font-style: normal;font-weight: 700;}
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-700-Italic.otf);font-style: italic;font-weight: 700;}
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-800.otf);font-style: normal;font-weight: 800;}
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-800-Italic.otf);font-style: italic;font-weight: 800;}
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-900.otf);font-style: normal;font-weight: 900;}
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-900-Italic.otf);font-style: italic;font-weight: 900;}
/* Option */
body{font-size: 16px;color: #333;font-family: 'SVN-Gilroy';}
*{margin:0;padding:0;line-height:1.5}
a{text-decoration:none;color:#181818;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: #E22B2B;}
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: 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: 760px;}
}
@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: 1200px;}
}
@media (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1200px;}
}

/* input-button */
input[type="text"],input[type="url"],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 #DBDBDB;padding: 10px 16px;color: #002222;font-weight: 500;border-radius: 8px;line-height: 22px;background-color: #FFFFFF33;background-size: 24px;background-repeat: no-repeat;background-position: left 16px top 10px;backdrop-filter: blur(20px);text-align: left;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color: #002222;}
select{height: 44px;}
textarea{height: 124px;}
input[type="submit"]{font-weight: bold;padding: 10px 30px;color: #fff;background-color: #E22B2B;border-radius: 50px;text-align: center;border: 1px solid #E22B2B;transition: all .3s;line-height: 24px;}
input[type="submit"]:hover{background-color: #fff;color: #E22B2B;}
.select2-container{display: block;}
.select2-container .select2-selection--single{height: 44px;background-color: #FFFFFF33;backdrop-filter: blur(20px);text-align: left;}
.select2-container--default .select2-selection--single{border: 1px solid #DBDBDB;border-radius: 8px;}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left: 16px;background-size: 24px;background-repeat: no-repeat;background-position: left 16px top 10px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 42px;color: #002222;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 42px;}
.select2-results__option{padding: 6px 16px;}
.select2-dropdown{border: 1px solid #DBDBDB;}
.select2-container--default .select2-search--dropdown .select2-search__field{border: 1px solid #DBDBDB;}
.select2-search--dropdown{padding: 4px 16px 12px 16px;}
.select2-container--default .select2-results>.select2-results__options{font-size: 14px;}
.button-zalo{border: 1px solid #575757;border-radius: 50px;height: 46px;display: flex;align-items: center;justify-content: center;gap: 8px;font-weight: bold;color: #575757;background-color: #FFFFFF33;}
.button-zalo:before{content: "";display: block;width: 24px;height: 24px;background-image: url(images/zalo.png);background-size: cover;background-repeat: no-repeat;background-position: center;}
.button-zalo:hover{background-color: #575757;color: #fff;}
.form-group.name input{padding-left: 50px;background-image: url(images/name.png);}
.form-group.phone input{padding-left: 50px;background-image: url(images/phone.png);}
.form-group.email input{padding-left: 50px;background-image: url(images/email.png);}
.form-group.local input{padding-left: 50px;background-image: url(images/local.png);}
.form-group.select input{padding-left: 50px;background-image: url(images/local.png);}
.form-group.link input{padding-left: 50px;background-image: url(images/link.png);}
.form-group.job input{padding-left: 50px;background-image: url(images/job.png);}
.form-group.select .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 50px;background-image: url(images/select.png);}
.form-group.job .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 50px;background-image: url(images/job.png);}
/* Contact-form7 */
form .row{--bs-gutter-x: 20px;}
.wpcf7-spinner{position: absolute;}
.form-group{margin-bottom: 16px;position: relative;}
.form-file input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;filter: alpha(opacity=0);}
.form-file{width: 100%;height: 44px;border: 1px solid #DBDBDB;padding: 10px 16px;color: #002222;font-weight: 500;border-radius: 8px;line-height: 22px;background-color: #FFFFFF33;background-size: 24px;background-repeat: no-repeat;background-position: left 16px top 10px;backdrop-filter: blur(20px);overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;text-align: left;padding-left: 50px;background-image: url(images/file.png);}
.form-file .label-file{width: 100%;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}
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}
/* modal */
button.close{width: 30px;height: 30px;border: 1px solid #eee;border-radius: 50%;position: absolute;top: 5px;right: 5px;display: flex;align-items: center;justify-content: center;font-size: 20px;cursor: pointer;z-index: 2;}
/* 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 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: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 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}

/* 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{height:48px;width:48px;background:#fff;border-radius:50%;box-shadow: 0px 0px 5px 0px #00000033;display:flex;align-items:center;justify-content:center;}
.supports .item a img{object-fit: contain;max-width: 30px;max-height: 30px;}
.supports .item a.hotline{    animation: hoverWave linear 1s infinite;}
@keyframes hoverWave {
    0% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 0 rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2)
    }

    40% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 15px rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2)
    }

    80% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 26.7px rgba(56, 163, 253, 0.067)
    }

    100% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 40px rgba(56, 163, 253, 0.0)
    }
}
.supports .item a.zalo img{max-width: 37px;}
.supports .item a:hover{box-shadow: 0px 0px 10px 0px #00000087;}
.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;}
.web-slider{position: relative;}
.swiper-pagination-bullet{width: 12px;height: 12px;}
.swiper-pagination-bullet-active{background: #E22B2B;}
.swiper-button-next, .swiper-button-prev{color: #E22B2B;width: 44px;height: 44px;background-color: #fff;border-radius: 50%;top: 50%;transform: translateY(-50%);margin: 0;box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15);}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 16px;font-weight: bold;}
.swiper-button-next svg, .swiper-button-prev svg{width: 24px;}

/* Header */
#header{backdrop-filter: blur(24px);box-shadow: 0px 0px 24px 0px #0000001A;background: #ffffffcc;position: relative;z-index: 999;}
#header .col-touch{display: none;}
#menu-mobile{display: none;}
#header .col-logo{width: 150px;}
#header .col-hotline{width: 180px;}
#header .col-menu{width: calc(100% - 330px);}
#header .logo img{object-fit: contain;max-height: 50px;}
#header .hotline a{display: flex;justify-content: center;align-items: center;gap: 8px;border-radius: 30px;height: 48px;color: #fff;font-weight: bold;background: #E22B2B;border: 1px solid #E22B2B; padding: 10px;animation: blink 1.5s ease-out infinite;}
#header .hotline a svg{width: 20px;}
#header .hotline a:hover{background: #FF6D3F;}
@keyframes blink {
0%{transform:scale(1.04);}
50%{transform:scale(1);}
100%{transform:scale(1.04);}
}
#header ul{list-style: none;margin-bottom: 0;}
#header .menu{display: flex;justify-content: space-evenly;gap: 30px;}
#header .menu>li{height: 70px;display: flex;align-items: center;position: relative;}
#header .menu>li.products{position: inherit;}
#header .menu>li>a{display: flex;text-transform: uppercase;font-weight: 700;align-items: center;gap: 4px;}
#header .menu ul{position: absolute;background: #ffffffcc;min-width: 220px; z-index: 99;opacity: 0;visibility: hidden;box-shadow: 0px 0px 24px 0px #0000001A;backdrop-filter: blur(24px);transition: all .3s;}
#header .menu>li.pll-parent-menu-item ul{min-width: 88px;}
#header .menu ul>li>a{padding: 6px 18px;text-transform: uppercase;font-weight: 500;white-space: nowrap;display: flex;align-items: center;gap: 4px;}
#header .menu ul>li>a span{padding: 0 !important;}
#header .menu>li>ul{top: 100%;left: -20px;}
#header .menu ul ul{left: 100%;top: 0;}
#header .menu li:hover>ul{opacity: 1;visibility: visible;    }
#header .menu>li.products > ul{display: none !important;}
#header .menu li.products:hover>ul{opacity: 1;visibility: visible; display:flex !important;   }
#header .menu>li.products>ul{width: 100%;padding: 0 calc(50% - 585px);display: flex;flex-wrap: wrap;backdrop-filter: none;background: #fff;left: 0;}
#header .menu>li.products>ul>li{width: calc(100% / 5);padding: 10px;text-align: center;}
#header .menu>li.products>ul>li>a{padding: 0;flex-direction: column;gap: 10px;font-weight: bold;font-size: 16px;white-space: wrap;}
#header .menu>li.products>ul>li>a img{object-fit: container;height: 90px;width: 100%;}
#header .menu>li.products>ul>li>ul{position: unset;display: flex;flex-direction: column;gap: 4px;font-size: 14px;opacity: 1;visibility: visible;background: transparent;box-shadow: none;width: 100%;min-width: inherit;backdrop-filter: none;align-items: center;}
#header .menu>li.products>ul>li>ul>li>a{padding: 0;color: #7a7a7a;white-space: wrap;text-transform: none;}
#header .menu>li.products>ul>li>ul>li:hover>a{color: #E22B2B;}
/* Footer */
#footer{position: relative;overflow: hidden;font-weight: 500;padding: 50px 0;background: #F4F4F4;}
.footer-main li{margin-bottom: 12px;}
.footer-main .col-right .widget{padding-bottom: 20px;max-width: 50%;width: 50%;}
.footer-main .col-right .widget:nth-child(1),.footer-main .col-right .widget:nth-child(2),.footer-main .col-right .widget:nth-child(3){width: auto;}

.footer-main .widget-title{font-weight: bold;font-size: 18px;margin-bottom: 12px;}
.footer-main .logo{margin-bottom: 24px;}
.footer-main .logo img{object-fit: contain;max-height: 70px;}
.footer-main .title{text-transform: uppercase;font-weight: bold;font-size: 18px;margin-bottom: 24px;}
.footer-main .info .name{font-size: 18px;font-weight: bold;margin-bottom: 12px;}
.footer-main .info .list li{position: relative;padding-left: 36px;}
.footer-main .info .list li img{position: absolute;width: 24px;height: 24px;object-fit: contain;left: 0;top: 50%;transform: translateY(-50%);}

.footer-bot{padding: 10px 0 0;border-top: 1px solid #BDBDBD;margin-top: 20px;}
.footer-bot .widget{padding-bottom: 15px;width: auto;}
.footer-bot *{margin-bottom: 0 !important;}
.footer-bot .social{display: flex;align-items: center;gap: 20px;justify-content: center;}
.footer-bot .social li img{object-fit: contain;height: 14px;width: auto;transition: all .3s;}
.footer-bot .social li:hover img{-webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);}

/* Page */
.page-body{padding: 40px 0 60px;}
.page-body .section:not(:last-child){margin-bottom: 60px;}
.page-title{font-weight: bold;font-size: 40px;color: #242424;}

.breadcrumbs{background: #F6F6F8;font-size: 14px;font-weight: 500;padding: 12px 0;}
.breadcrumbs *{margin-bottom: 0;}
.breadcrumbs a{color: #5A7184;}
.breadcrumbs .separator{color: #5A7184;}
.page-desc *{margin-bottom: 0;}
.page-desc{font-weight: 600;}
.page-meta{display: flex;flex-wrap: wrap;column-gap: 12px;align-items: center;row-gap: 4px;font-weight: 600;color: #01051C66;}
.page-meta .author{display: flex;align-items: center;gap: 6px;color: #01051CB2;text-transform: capitalize;}
.page-meta .author img{display: block;width: 20px;height: 20px;border-radius: 50%;object-fit: contain;}
/* Contact */
.contact-body{overflow: hidden;}
.contact-body img.frame{position: absolute;width: 100%;left: 0;top: 0;}
.contact-body .container{position: relative;z-index: 2;}
.contact-body .box-title{margin-bottom: 0;}
.contact-sec1{display: flex;flex-direction: column;gap: 40px;}
.contact-sec1 .tab-title{list-style: none;margin-bottom: 0;}
.contact-sec1 .tab-title button{padding: 12px 0 12px 22px;position: relative;background: transparent;border: none;display: flex;flex-direction: column;gap: 20px;width: 100%;text-align: left;}
.contact-sec1 .tab-title button:before{content: "";display: block;width: 6px;height: 100%;position: absolute;left: 0;top: 0;background: #E0E0E0;}
.contact-sec1 .tab-title button .name{font-weight: bold;font-size: 28px;margin-bottom: 0;}
.contact-sec1 .tab-title button .info{list-style: none;margin-bottom: 0;display: flex;flex-direction: column;gap: 16px;}
.contact-sec1 .tab-title button .info li{padding-left: 36px;position: relative;font-weight: 500;}
.contact-sec1 .tab-title button .info img{width: 24px;height: 24px;position: absolute;left: 0;top: 0;object-fit: contain;}
.contact-sec1 .tab-title button.active:before{background: #E22B2B;}
.contact-sec1 .tab-title button .map{display: none;}
.contact-sec1 .tab-content{height: 100%;}
.contact-sec1 .tab-content .tab-pane{height: 100%;}
.contact-sec1 .tab-content .map{height: 100%;}
.contact-sec1 .tab-content .map iframe{height: 100%;width: 100%;}
.contact-sec2{background: #F6F7F9;border-radius: 20px;padding: 40px;}
.contact-sec2 .inner{display: flex;flex-direction: column;gap: 30px;width: 572px;max-width: 100%;margin: 0 auto;}
.contact-sec2 .title{text-transform: uppercase;font-weight: bold;font-size: 28px;margin-bottom: 0;}
.contact-sec2 .form input[type="submit"]{width: 100%;}

/* Category */
.category-banner{display: flex;align-items: center;padding: 50px 0;}
.project-banner{padding: 150px 0;}
.category-banner .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.category-banner .container{position: relative;z-index: 2;}
.category-banner .block{display: flex;flex-direction: column;gap: 40px;padding-top: 20px;}
.project-banner .block{gap: 10px;padding-top: 0;}
.category-banner .title{text-transform: uppercase;font-size: 32px;font-weight: bold;margin-bottom: 0;color: #fff;}
.category-banner .text{color: #fff;font-weight: 600;display: block;margin: 0 auto;width: 800px;max-width: 100%;}
.project-banner .searchform{margin-top: 10px;}
.category-banner .searchform{display: block;margin: 0 auto;width: 770px;max-width: 100%;position: relative;}
.category-banner .searchform .search-input{background-color: #fff;background-image: url(images/icon-search.png);background-size: 16px;background-repeat: no-repeat;background-position: left 24px center;font-weight: 600; padding: 8px 130px 8px 56px;border-radius: 100px;border: 1px solid #fff;line-height: 46px;color: #959EAD;}
.category-banner .searchform .search-input::-webkit-input-placeholder{color: #959EAD;}
.category-banner .searchform .search-submit{background: #E22B2B;border: 1px solid #E22B2B;border-radius: 100px;height: 48px;display: flex;align-items: center;justify-content: center;color: #fff;font-weight: 600;width: 114px;padding: 0 10px;position: absolute;top: 8px;right: 8px;transition: all .3s;}
.category-banner .searchform .search-submit:hover{background: #FF6D3F;}
.category-banner .title-pro{text-transform: uppercase;font-size: 48px;font-weight: bold;margin-bottom: 0;color: #fff;}
.category-banner .menu-project{list-style: none;display: flex;align-items: center;justify-content: center;gap: 10px;margin-bottom: 0;}
.category-banner .menu-project li>a{display: flex;align-items: center;justify-content: center;padding: 0 24px;height: 48px;font-size: 16px;font-weight: bold;color: #fff;border: 1px solid #fff;border-radius: 30px;}
.category-banner .menu-project li>a:hover,.category-banner .menu-project li.current-menu-item>a{background: #fff;color: #333;}
.cat-title{font-weight: bold;font-size: 32px;margin-bottom: 24px;color: #000722;}
.category-title{font-weight: bold;font-size: 18px;margin-bottom: 24px;}
.menu-category{list-style: none;margin-bottom: 0;}
.menu-category li{position: relative;}
.menu-category>li>a{display: flex;align-items: flex-start;padding: 12px 8px;border-radius: 8px;font-size: 16px;font-weight: 600;border-bottom: 1px solid #f3f3f3;justify-content: space-between;}
.menu-category li>a:after{content: "";display: none;width: 24px;height: 24px;background-image: url(images/menu-down.png);background-size: cover;background-repeat: no-repeat;background-position: center;transition: all .3s;    position: absolute;
    right: 0;}
    .menu-category li ul{padding-left: 15px}
.menu-category li.menu-item-has-children>a:after{display: block;}
.menu-category>li.current-menu-item>a{background: #F1F3F8;}
.menu-category li.menu-item-has-children>.icon{position: absolute;width: 40px;height: 48px;top: 0;right: 0;z-index: 2;cursor: pointer;}
.menu-category li.menu-item-has-children.re-arrow>a:after{transform: rotate(180deg);}
.menu-category ul{border-bottom: 1px solid #f3f3f3;border-radius: 8px;list-style: none;margin-bottom: 0;display: none;}
.menu-category ul>li>a{display: flex;align-items: center;padding: 4px 8px 4px 26px;font-size: 16px;font-weight: 500;}
.menu-category ul>li>a:before{content: "";display: block;width: 10px;height: 1px;background: #c2c2c2;position: absolute;left: 8px;top: 15px;}


.item-news{height: 100%;display: flex;flex-direction: column;gap: 24px;position: relative;}
.item-news .img{overflow: hidden;border-radius: 16px;aspect-ratio: 4/3;width: 100%;}
.item-news .img img{height: 100%;transition: all .5s;}
.item-news:hover .img img{transform: scale(1.05);}
.item-news .info{width: 100%;display: flex;flex-direction: column;gap: 6px;}
.item-news .info .date{display: flex;align-items: center;gap: 8px;color: #707070;font-size: 14px;font-weight: 500;}
.item-news .info .date svg{width: 20px;}
.item-news .info .name{margin-bottom: 0;font-size: 20px;font-weight: bold;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.item-news .info .name a{color: #242424;}
.item-news .info .desc{overflow: hidden;color: #5A7184;font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.item-news .info .desc *{margin-bottom: 0;}
.item-news .info .link a{display: inline-flex;align-items: center;gap: 8px;color: #E22B2B;font-weight: 600;}
.item-news .info .link a svg{width: 20px;transition: all .3s;}
.item-news .info .cat a{padding: 2px 8px;display: inline-block;border-radius: 100px;background: #F2F6FF;color: #0080FF;font-weight: 500;font-size: 14px;}
.item-news:hover .info .link a{text-decoration: underline;}
.item-news:hover .info .link a svg{margin-left: 10px;}
.first-news{height: 100%;}
.first-news .item-news{overflow: hidden;border-radius: 16px;}
.first-news .item-news:before{content: "";display: block;width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);z-index: 2;}
.first-news .item-news .img{height: 100%;}
.first-news .item-news .info{position: absolute;z-index: 3;bottom: 0;left: 0;width: 100%;padding: 0 24px 24px;color: #fff;}
.first-news .item-news .info .desc{color: #fff;}
.first-news .item-news .info .date{color: #F6F6F8;}
.first-news .item-news .info .name a{color: #fff;}
.three-news{display: flex;flex-direction: column;gap: 16px;}
.three-news .item-news{flex-direction: row;align-items: flex-start;}
.three-news .item-news .img{width: 175px;}
.three-news .item-news .info{width: calc(100% - 175px - 24px);}
.three-news .item-news .info .desc{}

.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;padding: 0;height: 32px;width: 32px;text-align: center;align-items: center;justify-content: center;font-weight: bold;font-size: 14px;color: #212B36; background: #fff;border: 1px solid #DFE3E8;border-radius: 4px;}
.pagination ul li .current,.pagination ul li span:hover,.pagination ul li a:hover{background: #fff;color: #0039A7;border-color: #0039A7;}
/* Single */
.single-body{padding: 24px 0 48px;}
.single-body .block{margin: 0 auto;display: flex;width: 900px;max-width: 100%;flex-direction: column;gap: 24px;}
.single-body .page-title{margin-bottom: 0;font-size: 32px;}
.related-title{font-weight: bold;font-size: 28px;margin-bottom: 16px;padding-bottom: 10px;position: relative;color: #002222;}
.related-title:before{content: "";display: block;width: 60px;height: 3px;background: #002222;position: absolute;bottom: 0;left: 0;}
/* Comment-news */
#comments{margin: 0;width: 100%;max-width: 100%;}
#wpdcom{margin: 0;max-width: 100%;width: 100%;padding: 0;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap{padding: 10px 0;}
#wpdcom #wpd-threads{margin-top: 0;}
#wpdcom .wpd-thread-list{padding: 8px 0;}
#wpdcom .wpd-prim-button{color: #fff !important;}
#wpdcom .wpd-comment .wpd-comment-right{padding-bottom: 12px;}
#wpdcom .wpd-blog-guest .wpd-comment-author, #wpdcom .wpd-blog-guest .wpd-comment-author a{color: #566ba0;}
#wpdcom .wpd-blog-administrator .wpd-comment-author, #wpdcom .wpd-blog-administrator .wpd-comment-author a{color: #566ba0;}
#wpdcom .wpd-up svg{fill: #566ba0 !important;}
#wpdcom .wpd-blog-administrator .wpd-comment-label{background-color: #566ba0;}
#wpdcom.wpd-layout-1 .wpd-comment .wpd-blog-administrator .wpd-avatar img{border-color: #566ba0;}
#wpdcom .wpd-up{color: #566ba0 !important;}

/* 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;}
.form-sidebar{border-radius: 24px;background: #F6F7F9;padding: 24px;display: flex;flex-direction: column;gap: 30px;}
.form-sidebar .title{font-weight: bold;text-transform: uppercase;font-size: 24px;margin-bottom: 0;}
.form-sidebar .form .row{--bs-gutter-x: 10px;}
.form-sidebar .form .row>div{width: 100%;}
.form-sidebar .form .form-group{margin-bottom: 10px;}
.form-sidebar .form input[type="submit"]{width: 100%;}

/* Field */
.list-field{display: flex;flex-wrap: wrap;justify-content: center;gap: 24px;}
.list-field .item-field{width: calc((100% - 48px) / 3);}
.item-field{background: #fff;overflow: hidden;border-top: 5px solid #E22B2B;border-radius: 8px;box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1), 0px 1px 4px rgba(12, 12, 13, 0.05);padding: 24px;display: flex;flex-direction: column;gap: 22px;}
.item-field .icon{width: 115px;height: 115px;position: relative;}
.item-field .icon img{width: 100%;height: 100%;object-fit: contain;}
.item-field .icon:after{content: "";display: block;width: 200px;height: 3px;background: #E22B2B;position: absolute;left: calc(100% + 36px);bottom: 24px;}
.item-field .name{text-transform: uppercase;font-size: 24px;font-weight: bold;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;margin-bottom: 0;height: 62px;}
.item-field .img{overflow: hidden;border-radius: 8px;aspect-ratio: 8/5;margin-bottom: 12px;}
.item-field .img img{height: 100%;transition: all .5s;}
.item-field:hover .img img{transform: scale(1.05);}
.item-field .link a{display: inline-flex;align-items: center;color: #E22B2B;font-weight: 600;gap: 8px;}
.item-field .link a svg{transition: all .3s;}
.item-field:hover .link a svg{margin-left: 8px;margin-right: -8px;}
.swiper-field{margin: -12px;}
.swiper-field .swiper-slide{padding: 12px;height: auto;width: 394px;}
.swiper-field .item-field{height: 100%;width: 100%;}
.related-field{overflow: hidden;}
.related-field .block{padding-left: calc(50% - 585px);}
.related-field .flex{margin-bottom: 24px;justify-content: space-between;align-items: center;gap: 12px;}
.related-field .related-title{margin-bottom: 0;}


/* Product */
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count{float: none;display: none;}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{float: none;display: none;}
.list-product{display: flex;flex-wrap: wrap;column-gap: 24px;row-gap: 32px;}
.list-product .item-product{width: calc((100% - 48px) / 3);}
.list-product .product-category{list-style: none;width: calc((100% - 48px) / 3);}
.product-category a{height: 100%;display: flex;flex-direction: column;gap: 16px;}
.product-category a img{width: 100%;aspect-ratio: 1/1;object-fit: contain;border-radius: 16px;border: 1px solid #E6E6E6;overflow: hidden;}
.product-category a h2{margin-bottom: 0;font-size: 18px;font-weight: bold;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.product-category a h2 .count{font-size: 16px;}
.item-product{height: 100%;display: flex;flex-direction: column;gap: 16px;}
.item-product .thumb{aspect-ratio: 1/1;overflow: hidden;border-radius: 16px;border: 1px solid #E6E6E6;display: flex;align-items: center;justify-content: center;}
.item-product .thumb img{object-fit: contain;max-height: 100%;}
.item-product .info{display: flex;flex-direction: column;gap: 8px;}
.item-product .info .cat a{display: inline-flex;align-items: center;padding: 4px 8px;background: #F2F6FF;border-radius: 30px;font-size: 14px;font-weight: 500;color: #0080FF;}
.item-product .info .name{margin-bottom: 0;font-size: 18px;font-weight: bold;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
/* Detail */
.detail-image .image{width: 100%;aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;border: 1px solid #D9D9D9;border-radius: 10px;overflow: hidden;}
.detail-image .image img{object-fit: contain;max-height: 100%;}
.detail-image .swiper-slide-thumb-active .image{border-color: #E22B2B;}
.detail-image .swiper-thumb{margin-top: 16px;}
.woocommerce div.product .product_title{font-size: 28px;font-weight: bold;margin-bottom: 8px;}
.detail-info .price{margin-bottom: 16px;}
.detail-info .price .amount{font-weight: bold;font-size: 20px;color: #D40000;}
.detail-info .price del .amount{color: #A3A3A3;font-weight: normal;}
.detail-info .price del{color: #A3A3A3;}
.detail-info .price ins{text-decoration: none;}
.woocommerce div.product form.cart{display: none;}
.group-btns{display: flex;flex-wrap: wrap;gap: 12px;}
.group-btns a{display: flex;align-items: center;justify-content: center;text-align: center;padding: 0 12px;text-transform: uppercase;font-size: 18px;font-weight: bold;border-radius: 30px;height: 48px;border: 1px solid #E22B2B;gap: 8px;color: #E22B2B;}
.group-btns a img{object-fit: contain;width: 24px;height: 24px;transition: all .3s;}
.group-btns a.hotline{width: calc(50% - 6px);background: #E22B2B;color: #fff;}
.group-btns a.hotline img{-webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);}
.group-btns a.hotline:hover{background: #fff;color: #E22B2B;}
.group-btns a.hotline:hover img{-webkit-filter: none;
    filter: none;}
.group-btns a.catalog{width: calc(50% - 6px);}
.group-btns a.catalog:hover{background: #E22B2B;color: #fff;}
.group-btns a.catalog:hover img{-webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);}
.group-btns a.view{width: 100%;color: #242424;border-color: #242424;}
.group-btns a.view:hover{background: #242424;color: #fff;}
.group-btns a.view:hover img{-webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);}
.detail-body{margin-top: 40px;}
.detail-body .flex{gap: 24px;}
.detail-body .col-name{width: 200px;}
.detail-body .col-content{width: calc(100% - 224px);}
.detail-title{font-weight: bold;font-size: 32px;margin-bottom: 16px;}
.detail-body .tab-name{list-style: none;margin-bottom: 0;text-align: center;}
.detail-body .tab-name li>button{padding: 16px;display: flex;align-items: center;background: transparent;border: none;width: 100%; justify-content: center;border-bottom: 1px solid #E9E9E9;border-radius: 16px;color: #474B5D;font-weight: 600;}
.detail-body .tab-name li>button.active{background: #F2F3F8;}
.detail-faq{margin-top: 40px;}
.accordion-item{border-bottom: 1px solid #D9D9D9;padding: 16px 32px 16px 62px;position: relative;}
.accordion-item .icon{position: absolute;top: 16px;left: 0;width: 44px;height: 44px;}
.accordion-item .icon svg{width: 100%;height: 100%;}
.accordion-button{color: #000 !important;font-size: 18px;font-weight: 600;width: 100%;padding: 8px 0;}
.accordion-body{margin-top: 12px;color: #474B5D;}
.detail-related{margin-top: 40px;}
.detail-related .list-product .item-product{width: calc((100% - 72px) / 4);}

/* Cart */
.woocommerce-tabs.wc-tabs-wrapper{display: none;}
.woocommerce nav.woocommerce-pagination{padding-top: 30px;}
.woocommerce .woocommerce-pagination ul.page-numbers,.woocommerce-page .woocommerce-pagination ul.page-numbers{border:0;margin:0;display: flex;justify-content: center;align-items: center;gap: 8px;}
.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{border:0;float:none;display: block;}
.woocommerce .woocommerce-pagination ul.page-numbers li a,.woocommerce .woocommerce-pagination ul.page-numbers li span,.woocommerce-page .woocommerce-pagination ul.page-numbers li a,.woocommerce-page .woocommerce-pagination ul.page-numbers li span{display: flex;align-items: center;justify-content: center;border: 1px solid #DFE3E8;width: 32px;height: 32px;font-size: 14px;border-radius: 4px;font-weight: bold;color: #212B36;background: #fff;display: flex;align-items: center;justify-content: center;}
.woocommerce .woocommerce-pagination ul.page-numbers li a.current,.woocommerce .woocommerce-pagination ul.page-numbers li a:hover,.woocommerce .woocommerce-pagination ul.page-numbers li span.current,.woocommerce .woocommerce-pagination ul.page-numbers li span:hover,.woocommerce-page .woocommerce-pagination ul.page-numbers li a.current,.woocommerce-page .woocommerce-pagination ul.page-numbers li a:hover,.woocommerce-page .woocommerce-pagination ul.page-numbers li span.current,.woocommerce-page .woocommerce-pagination ul.page-numbers li span:hover{color:#fff;background:#0039A7;border-color: #0039A7;}
.woocommerce .woocommerce-pagination ul.page-numbers li .next,.woocommerce .woocommerce-pagination ul.page-numbers li .prev,.woocommerce-page .woocommerce-pagination ul.page-numbers li .next,.woocommerce-page .woocommerce-pagination ul.page-numbers li .prev{}


/* 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 */
body.home .page-title{color: #585858;text-transform: uppercase;}
body.home .page-title a{color: #585858;}
body.home .page-title span{color: #E22B2B;}
.home-banner .item{color: #fff;display: flex;align-items: center;padding: 50px 0}
.home-banner .item .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.home-banner .item .container{position: relative;z-index: 2;}
.home-banner .item .inner{display: flex;flex-direction: column;gap: 12px;}
.home-banner .item .inner .title{margin-bottom: 0;font-size: 56px;text-transform: uppercase;font-weight: bold;}
.home-banner .item .inner .text{font-weight: 500;display: block;margin: 0 auto;width: 730px;max-width: 100%;}
.home-banner .swiper-pagination-bullet{background: #fff;}
.home-about{padding: 50px 0;}
.home-about .img{overflow: hidden;border-radius: 16px;position: relative;padding-top: 100%;margin-top: 60px;}
.home-about .img img{height: 100%;position: absolute;top: 0;left: 0;}
.home-about .video{overflow: hidden;border-radius: 16px;width: 100%;aspect-ratio: 16/9;margin-top: 60px;}
.home-about .video iframe{width: 100%;height: 100%;}
.home-about .inner{position: relative;display: flex;flex-direction: column;gap: 12px;padding: 30px 30px 30px 0;}
.home-about .inner:before{content: "";display: block;width: calc(100% + 90px);height: 100%;background: #F5F5F5;border-radius: 16px;position: absolute;top: 0;right: 0;z-index: -1;}
.about-sec1 .inner:before{right: auto;left: 0;}
.about-sec1 .inner{padding: 30px 0 30px 30px;}
.home-about .inner .page-title{margin-bottom: 0;color: #E22B2B;}
.home-about .inner .text{font-size: 18px;font-weight: 500;text-align: justify;}
.home-about .inner .data{display: flex;flex-wrap: wrap;gap: 12px;}
.home-about .inner .data .item{width: calc(50% - 6px);display: flex;flex-direction: column;}
.home-about .inner .data .item .value{font-size: 48px;font-weight: bold;color: #E22B2B;}
.home-about .inner .link{padding-top: 12px;}
.home-about .inner .home-link a{color: #fff;border-color: #E22B2B;background: #E22B2B;}
.home-about .inner .home-link a:hover{background: #fff;color: #E22B2B;}
.home-about .inner .home-link a svg path{transition: all .3s;}
.home-about .inner .home-link a:hover svg path{fill: #E22B2B;}
.home-field{padding: 40px 0;overflow: hidden;}
.home-field .block{display: flex;position: relative;flex-wrap: wrap;}
.home-field .block:after{content: "";display: block;width: 100%;height: calc(100% - 60px);position: absolute;top: 30px;left: 0;background: #F5F5F5;}
.home-field .inner{width: calc(470px + (50% - 585px));padding: 60px 30px 60px calc(50% - 585px);display: flex;flex-direction: column;gap: 16px;position: relative;z-index: 2;}
.home-field .web-slider{width: calc(100% - (470px + (50% - 585px)));z-index: 2;}
.home-field .inner .page-title{margin-bottom: 0;}
.home-field .inner .text{font-weight: 500;color: #435767;}
.swiper-nav{display: flex;align-items: center;gap: 10px;}
.home-field .inner .swiper-nav{margin-top: auto;}
.swiper-nav .swiper-button-next,.swiper-nav .swiper-button-prev{position: unset;transform: translateY(0);}
.swiper-nav .swiper-button-next:after,.swiper-nav .swiper-button-prev:after{display: none;}

.home-product{padding: 50px 0;background: #FFFAF7;}
.box-title {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 4px;}
.box-title .page-title{margin-bottom: 0;}
.box-title .sub{color: #455664;font-size: 14px;font-weight: 500;}
.home-product{overflow: hidden;}
.home-product .block {padding-left: calc(50% - 585px);}
.home-product .web-slider{overflow: hidden;}
.product-pagination{position: unset;display: flex;align-items: center;column-gap: 16px;row-gap: 8px;padding-top: 20px;}
.product-pagination .swiper-pagination-bullet{margin: 0 !important;height: 9px;width: 88px;opacity: 1;border-radius: 0;position: relative;background: transparent;}
.product-pagination .swiper-pagination-bullet:after{content: "";display: block;width: 100%;height: 3px;background: #d9d9d9;position: absolute;top: 3px;left: 0;}
.product-pagination .swiper-pagination-bullet-active{background: transparent;}
.product-pagination .swiper-pagination-bullet-active:after{background: #E22B2B;}
.swiper-product{margin: -12px;overflow: unset;}
.swiper-product .swiper-slide{padding: 12px;height: auto;width: 294px;}
.item-pro{height: 100%;display: flex;flex-direction: column;gap: 20px;width: 100%;}
.item-pro .img{aspect-ratio: 1/1;overflow: hidden;border-radius: 12px;}
.item-pro .img img{height: 100%;}
.item-pro .info{display: flex;gap: 8px;flex-direction: column;}
.item-pro .info .name{margin-bottom: 0;font-size: 18px;font-weight: bold;}
.item-pro .info .link a {
    display: inline-flex;
    align-items: center;
    color: #E22B2B;
    font-weight: 600;
    gap: 8px;}
.item-pro .info .link a svg {transition: all .3s;}
.item-pro .info .link a:hover svg { margin-left: 8px; margin-right: -8px;}
.home-group{padding: 50px 0;}
.home-group .section:not(:last-child){margin-bottom: 50px;}
.home-project .flex{margin-bottom: 30px;gap: 12px;justify-content: space-between;}
.home-project .box-title{margin-bottom: 0;}
.home-link a{display: inline-flex;align-items: center;padding: 0 24px;height: 48px;gap: 8px;color: #5A7184;font-size: 16px;font-weight: bold;border-radius: 30px;border: 1px solid #5A7184;}
.home-link a svg,.home-link a svg path{transition: all .3s;}
.home-link a:hover{background: #5A7184;color: #fff;}
.home-link a:hover svg path{fill: #fff;}
.swiper-project{margin: -12px;}
.swiper-project .swiper-slide{padding: 12px;height: auto;}
.project-prev{left: -24px;}
.project-next{right: -24px;}
.swiper-partner{height: 170px;display: flex;justify-content: center;margin: 0 auto;}
.swiper-partner .logo{height: 75px;display: flex;justify-content: center;align-items: center;width: 100%;}
.swiper-partner .logo img{max-height: 100%;object-fit: contain;max-width: 80%;}
.swiper-partner .swiper-slide{display: flex;}
.swiper-partner .swiper-slide:nth-child(even){align-items: flex-end;}
.home-video .video{overflow: hidden;border-radius: 16px;aspect-ratio: 16/9;width: 100%;}
.home-video .video iframe,.home-video .video video{width: 100%;height: 100%;object-fit: cover;}
/* About */
.about-sec2{padding: 50px 0;}
.about-sec2 .page-title{margin-bottom: 30px;}
.about-sec2 .web-slider{position: relative;padding-top: 70px;}
.about-sec2 .web-slider:after{content: "";display: block;width: 100%;height: 320px;max-height: 70%;position: absolute;top: 0;left: 0;z-index: -1;background: #FFEEE8;border-radius: 16px;}
.certify-prev{left: -24px;top: 140px;transform: translateY(0);}
.certify-next{right: -24px;top: 140px;transform: translateY(0);}
.item-certify{display: flex;flex-direction: column;gap: 20px;width: 250px;max-width: calc(100% - 30px);margin: 0 auto;}
.item-certify .img{overflow: hidden;border-radius: 4px;border: 6px solid #F7C30B;}
.item-certify .name{font-size: 20px;font-weight: bold;}
.about-sec3{padding: 50px 0;}
.about-sec3 .block:not(:last-child){margin-bottom: 40px;}
.about-sec3 .block:nth-child(even) .row{flex-direction: row-reverse;}
.about-sec3 .block:nth-child(even) .inner{padding-left: 30px;}
.about-sec3 .block:nth-child(odd) .inner{padding-right: 50px;}
.about-sec3 .inner{display: flex;flex-direction: column;gap: 40px;}
.about-sec3 .inner .title{display: flex;align-items: center;margin-bottom: 0;font-size: 32px;text-transform: uppercase;font-weight: bold;gap: 10px;}
.about-sec3 .inner .title img{object-fit: contain;width: 56px;height: 56px;flex: 0 0 56px;}
.about-sec3 .inner .text{font-weight: 500;color: #435767;}
.about-sec3 .img{overflow: hidden;border-radius: 24px;aspect-ratio: 13/10;}
.about-sec3 .img img{height: 100%;}
.about-sec4{padding: 50px 0;}
.about-sec4 .page-title{margin-bottom: 30px;}
.about-sec4 .row{--bs-gutter-x: 16px;}
.about-sec4 .item{height: 100%;display: flex;flex-direction: column;gap: 10px;padding: 30px 24px 30px;background: #F2F5F6;border-radius: 16px;}
.about-sec4 .item .icon{display: flex;align-items: center;justify-content: center;height: 80px;margin-bottom: 20px;}
.about-sec4 .item .icon img{object-fit: contain;max-height: 100%;}
.about-sec4 .item .name{margin-bottom: 0;font-size: 24px;font-weight: bold;}
.about-sec4 .item .text{color: #5A7184;font-weight: 500;}
.about-sec5{padding: 20px 0 50px;}
.about-sec5 .inner{display: flex;flex-direction: column;gap: 40px;}
.about-sec5 .box-title .page-title{margin-bottom: 6px;text-transform: uppercase;}
.about-sec5 .box-title .text{display: block;margin: 0 auto;width: 914px;max-width: 100%;font-weight: 600;color: #435767;}
.about-sec5 .swiper-process-thumb:after{content: "";display: block;width: 100%;height: 3px;background: #D9D9D9;position: absolute;bottom: 11px;left: 0;}
.about-sec5 .time{display: flex;flex-direction: column;gap: 24px;align-items: center;cursor: pointer;}
.about-sec5 .time .value{font-size: 20px;font-weight: bold;color: #909090;}
.about-sec5 .time .dot{width: 26px;height: 26px;border: 2px solid #E22B2B;background: #FFF6F3;border-radius: 50%;}
.about-sec5 .swiper-slide-thumb-active .time .dot{background: #E22B2B;}
.about-sec5 .swiper-slide-thumb-active .time .value{color: #E22B2B;}
.about-sec5 .slider2{width: 100%;}
.about-sec5 .item{aspect-ratio: 2/1;overflow: hidden;border-radius: 24px;}
.about-sec5 .item .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.about-sec5 .item .text{width: 100%;position: absolute;bottom: 0;z-index: 2;padding: 24px;color: #fff;font-size: 20px;font-weight: 500;min-height: 118px;background: linear-gradient(180deg, rgba(59, 59, 59, 0) 0%, #000000 100%);display: flex;align-items: center;justify-content: center;display: flex;align-items: end;}
.about-sec5 .slider2 .process-prev{left: -22px;}
.about-sec5 .slider2 .process-next{right: -22px;}
.partner-pagination {position: unset;margin-top: 10px;}

#popup-form .modal-dialog{max-width: 800px;}
#popup-form .modal-body{display: flex;flex-direction: column;gap: 30px;padding: 30px;}
#popup-form .modal-body .title{font-size: 28px;text-transform: uppercase;font-weight: bold;margin-bottom: 0;}
#popup-form .modal-body .form{display: block;margin: 0 auto;width: 572px;max-width: 100%;}
#popup-form .modal-body .form input[type="submit"]{width: 100%;}


@media (max-width: 1399px) {

}
@media (max-width: 1199px) {
body{font-size: 14px;}
#header .menu{gap: 20px;}
#header .menu{font-size: 14px;}
#header .col-menu{width: calc(100% - 310px);}
#header .col-hotline{width: 160px;}
#header .hotline a{height: 44px;font-size: 14px;gap: 4px;}
	#header .menu>li.products>ul{padding: 0 15px;}
.page-body{padding: 30px 0 40px;}
.page-title{font-size: 32px;}
.contact-sec1{gap: 30px;}
.page-body .section:not(:last-child){margin-bottom: 40px;}
.contact-sec1 .tab-title button{padding: 10px 0 10px 20px;gap: 15px;}
.contact-sec1 .tab-title button .name{font-size: 20px;}
.contact-sec1 .tab-title button .info{gap: 10px;}
.contact-sec1 .tab-title button .info li{padding-left: 30px;}
.contact-sec1 .tab-title button .info img{width: 20px;height: 20px;}
.contact-sec2{border-radius: 10px;padding: 30px;}
.contact-sec2 .title{font-size: 24px;}
.contact-sec2 .inner{gap: 20px;}
input[type="text"], input[type="url"], input[type="search"], input[type="password"], input[type="email"], input[type="file"], input[type="number"], input[type="date"], input[type="tel"], textarea, select{background-size: 20px;background-position: left 10px top 11px;}
.form-group.name input{padding-left: 40px;}
.form-group.phone input{padding-left: 40px;}
.form-group.email input{padding-left: 40px;}
.form-group.local input{padding-left: 40px;}
.form-group.select input{padding-left: 40px;}
.form-group.link input{padding-left: 40px;}
.form-group.job input{padding-left: 40px;}
.select2-container .select2-selection--single .select2-selection__rendered{background-size: 20px;background-position: left 10px top 11px}
.form-group.select .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 40px;}
#footer{padding: 30px 0;}
.footer-main .logo{margin-bottom: 20px;}
.footer-main .title{margin-bottom: 20px;font-size: 16px;}
.footer-main .info .name{font-size: 16px;margin-bottom: 10px;}
.footer-main .widget-title{font-size: 16px;margin-bottom: 10px;}
.category-banner .block{gap: 30px;}
.category-banner .title{font-size: 24px;}
.category-banner .searchform .search-input{line-height: 34px;}
.category-banner .searchform .search-submit{height: 36px;}
.project-banner{padding: 100px 0;}
.project-banner .block{gap: 10px;}
.category-banner .title-pro{font-size: 32px;}
.category-banner .menu-project li > a{height: 40px;font-size: 14px;padding: 0 20px;}
.cat-title{font-size: 24px;margin-bottom: 20px;}
.item-news{gap: 16px;}
.item-news .info{gap: 4px;}
.item-news .info .name{font-size: 17px;}
.single-body .block{gap: 20px;}
.single-body .page-title{font-size: 24px;}
.form-sidebar{padding: 15px;gap: 20px;border-radius: 10px;}
.form-sidebar .title{font-size: 16px;}
.related-title{font-size: 22px;}
.category-title{margin-bottom: 20px;}
.menu-category > li > a{font-size: 14px;}
.item-news .img{border-radius: 10px;}
.item-news .info .cat a{font-size: 13px;}
.woocommerce div.product .product_title{font-size: 22px;}
.group-btns a{font-size: 14px;gap: 4px;}
.group-btns a img{width: 20px;height: 20px;}
.detail-title{font-size: 24px;}
.detail-body .tab-name li > button{padding: 12px;border-radius: 10px;}
.item-product{gap: 12px;}
.item-product .thumb{border-radius: 10px;}
.item-product .info .cat a{font-size: 13px;}
.item-product .info .name{font-size: 15px;}
.menu-category > li > a::after{background-size: 20px;}
.menu-category > li.menu-item-has-children > .icon{width: 36px;}
.product-category a{gap: 12px;}
.product-category a img{border-radius: 10px;}
.product-category a h2{font-size: 15px;}
.product-category a h2 .count{font-size: 13px;}
.home-banner .item .inner{gap: 10px;}
.home-banner .item .inner .title{font-size: 40px;}
.home-about{padding: 40px 0;}
.home-about .inner .text{font-size: 16px;}
.home-about .inner .data .item .value{font-size: 32px;}
.home-about .inner .data{gap: 10px;}
.home-about .inner .data .item{width: calc(50% - 5px);}
.home-link a{padding: 0 20px;font-size: 14px;height: 42px;}
.item-field{gap: 16px;padding: 15px;}
.item-field .icon{width: 90px;height: 90px;}
.item-field .icon:after{left: calc(100% + 20px);bottom: 15px;}
.item-field .name{font-size: 18px;height: 48px;}
.item-field .img{margin-bottom: 0;}
.home-field .inner{padding: 60px 30px 60px calc(50% - 465px);}
.swiper-field .swiper-slide{width: 344px;}
.home-product{padding: 40px 0;}
.home-product .block{padding-left: calc(50% - 465px);}
.item-pro{gap: 12px;}
.item-pro .img{border-radius: 10px;}
.item-pro .info .name{font-size: 16px;}
.product-pagination .swiper-pagination-bullet{height: 8px;width: 60px;}
.related-field .block{padding-left: calc(50% - 465px);}



}
@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;
}
#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;}
#header{padding: 10px 0;}
#header .col-menu{display: none;}
#header .col-touch{display: block;width: 54px;margin-right: 106px;}
#header .col-logo{margin-right: auto;margin-left: auto;}
#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: 1000}
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: 1000;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;padding: 5px 0;}
	#menu-mobile .menu>li>a{font-weight: bold;text-transform: uppercase;}
	#menu-mobile .menu>li>ul>li>a{font-weight: 600;}
	
	#menu-mobile .menu>li.products>ul>li>a img{object-fit: contain;width: 80px;height: 50px;}
	
#menu-mobile .menu li>svg{width: 24px;height: 24px;cursor: pointer;padding: 6px;position: absolute;right: 0;top: 6px;}
	#menu-mobile .menu>li.products>ul>li>svg{top: 18px;}
#menu-mobile .menu li.re-arrouw>svg{transform: rotate(180deg);}
.footer-main .col-right .widget{padding-bottom: 12px;}
.footer-main .col-left .widget{padding-bottom: 12px;}
.list-field .item-field{width: calc((100% - 24px) / 2);}
.list-product .item-product{width: calc((100% - 24px) / 2);}
.list-product .product-category{width: calc((100% - 24px) / 2);}
.detail-related .list-product .item-product{width: calc((100% - 24px) / 2);}
.home-about .row{flex-direction: column-reverse;}
.home-about .img{border-radius: 10px;margin-top: 0;padding-top: 56.25%;}
.home-about .video{border-radius: 10px;margin-top: 0;}
.home-about .inner{padding: 0 !important;}
.home-about .inner:before{display: none;}
.home-field .inner{width: 100%;padding: 0 calc(50% - 350px) 30px;}
.home-field .web-slider{width: 100%;padding: 0 calc(50% - 350px);}
.home-field .block:after{top: -40px;}
.home-product .block{padding-left: calc(50% - 350px);padding-right: calc(50% - 350px);}
.contact-sec1 .tab-content .map{aspect-ratio: 2/1;}
.related-field .block{padding-left: calc(50% - 350px);}

/* Acount */
.woocommerce-account .woocommerce-MyAccount-navigation ul li{width: calc((100% - 20px) / 3);}


}
@media(max-width:767px) {
.contact-sec2{padding: 20px;}
.detail-body .flex{display: block;}
.detail-body .col-name{width: 100%;}
.detail-body .tab-name{display: flex;justify-content: center;gap: 10px;}
.detail-body .col-content{width: 100%;padding-top: 20px;}
.accordion-item{padding: 10px 20px 10px 56px;}
.accordion-item .icon{top: 10px;width: 40px;height: 40px;}
.accordion-button{padding: 6px 0;}
.about-sec2{padding: 30px 0 40px;}
.about-sec3{padding: 40px 0;}
.about-sec3 .inner{gap: 20px;}
.about-sec3 .block:nth-child(2n+1) .inner{padding-right: 0;}
.about-sec3 .block:nth-child(2n) .inner{padding-left: 0;}
.about-sec3 .inner .title{font-size: 24px;}
.about-sec3 .inner .title img{width: 44px;height: 44px;}
.about-sec3 .img{border-radius: 12px;}
.about-sec4{padding: 40px 0;}
.about-sec4 .item{padding: 20px 15px 20px;}
.about-sec4 .item .icon{margin-bottom: 10px;}
.about-sec4 .page-title{margin-bottom: 20px;}
.about-sec5 .time .value{font-size: 18px;}
.about-sec5 .inner{gap: 30px;}
.about-sec5 .inner .box-title{margin-bottom: 0;}
.about-sec5 .item .text{padding: 15px;min-height: 110px;font-size: 15px;}
.about-sec5{padding: 20px 0 40px;}
.related-field .block{padding-left: 15px;padding-right: 15px;}
.home-product .block{padding-left: 15px;padding-right: 15px;}
.home-field .inner{padding: 0 15px 20px;}
#popup-form .modal-body{padding: 20px;gap: 20px;}
#popup-form .modal-body .title{font-size: 24px;}

}
@media(max-width:575px) {
#header .col-logo{width: calc(100% - 144px - 144px);}
.footer-main .col-right .widget{width: 100% !important;max-width: 100% !important;}
#header .hotline a{height: 36px;font-size: 13px;}
#header .hotline a svg{width: 16px;}
#header .col-hotline{width: 144px;}
#header .col-touch{margin-right: 90px;}
.page-title{font-size: 26px;}
.contact-sec2{padding: 15px;}
.contact-sec2 .title{font-size: 20px;}
.contact-sec2 .inner{gap: 15px;}
.category-banner .block{gap: 20px;padding-top: 0;}
.cat-title{font-size: 20px;}
.item-news .info .name{font-size: 15px;}
.first-news .item-news .info{padding: 0 15px 15px;}
.single-body .page-title{font-size: 20px;}
.project-banner{padding: 80px 0;}
.category-banner .title-pro{font-size: 28px;}
.woocommerce div.product .product_title{font-size: 20px;}
.detail-body{margin-top: 30px;}
.detail-title{font-size: 20px;}
.detail-faq{margin-top: 30px;}
.accordion-item{padding-left: 50px;}
.detail-related{margin-top: 30px;}
.home-banner .item .inner .title{font-size: 30px;}
.swiper-button-next, .swiper-button-prev{width: 36px;height: 36px;}
.home-about{padding: 30px 0;}
.home-about .inner .text{font-size: 14px;}
.home-about .inner .data .item .value{font-size: 28px;}
.home-link a{font-size: 13px;height: 38px;padding: 0 15px;}
.home-field{padding: 30px 0;}
.home-field .block:after{top: -30px;}
.home-field .web-slider{padding: 0 15px;}
.list-field .item-field{width: 100%;}
.home-product{padding: 30px 0;}
.home-group{padding: 30px 0;}
.home-group .section:not(:last-child){margin-bottom: 35px;}
.home-project .flex{margin-bottom: 24px;}
.about-sec5 .item{border-radius: 10px;}
.about-sec5 .item .text{font-size: 14px;}
#popup-form .modal-body{padding: 15px;gap: 15px;}
#popup-form .modal-body .title{font-size: 20px;}

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

}
@media(max-width:428px) {
.list-news .col-item{width: 100%;}
.list-product .item-product{width: 100%;}
.list-product .product-category{width: 100%;}


}