@font-face{font-family:"Main";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/SVN-Gilroy Bold.otf")}
@font-face{font-family:"Main";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/SVN-Gilroy XBold.otf")}
@font-face{font-family:"Main";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/SVN-Gilroy Medium.otf")}
@font-face{font-family:"Main";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/SVN-Gilroy Regular.otf")}
@font-face{font-family:"Main";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/SVN-Gilroy SemiBold.otf")}
@font-face{font-family:"VL Kathya";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/VLKATHYA.OTF)}
:root{--color-main:#095D2B;--color-social:#095D2B;--color-hover:#80C62A;--color-text:#333;--menu-border:#fff3;--menu-color:#fff}
body{font-size:14px;line-height:1.5;font-family:"Main";font-weight:400}
.seo-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0;pointer-events:none}
.w-clear:after{display:block;content:"";clear:both}
.max-width{margin:0 auto;max-width:1200px}
.wrap-content{margin:0 auto;max-width:1200px}
.container-custom{padding:0 10px;margin:0 auto}
img{max-width:100%;display:inline-block;-o-object-fit:cover;object-fit:cover}
*{box-sizing:border-box}
a{text-decoration:none}
.cart-fixed{position:fixed;right:20px;bottom:390px;z-index:10;background:#845F06;width:50px;height:50px;text-align:center;color:#fff!important;border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.cart-fixed i{font-size:20px}
.cart-fixed span{position:absolute;top:0;right:-5px;color:#fff;width:25px;height:25px;background:#ec2d3f;text-align:center;line-height:25px;font-size:11px;border-radius:100%}
.social-plugin{display:flex;margin-top:10px}
.scale-img{overflow:hidden;transition:width 2s,height 2s,transform 2s;position:relative}
.scale-img:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff80;content:"";z-index:10;transition:transform .6s;transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0)}
.scale-img:hover:before{transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0)}
.scale-img img{transition:all .5s;transition:.3s all}
.scale-img picture{transition:all .5s}
.scale-img:hover img{transform:scale(1.2,1.2)}
.scale-img:hover picture{transform:scale(1.2,1.2)}
.scale-img:hover>img{transition:.3s all}
.hover-img{position:relative;overflow:hidden;display:block}
.text-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3}
.transition{transition:.3s all}
.btn-frame{display:block;width:50px;height:50px;position:fixed;z-index:10;cursor:pointer}
.btn-frame .kenit-alo-circle-fill{transition:.3s all;width:70px;height:70px;top:-10px;right:-10px;position:absolute;border-radius:100%;border:2px solid transparent;background-color:#07296759;opacity:.4}
.btn-frame i{width:50px;height:50px;border-radius:50%;background:#1182fc;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}
.btn-frame i img{vertical-align:middle;width:70%}
.btn-frame .animated.infinite{animation-iteration-count:infinite}
.btn-frame .kenit-alo-circle{width:60px;height:60px;top:-5px;right:-5px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid #072967cc;opacity:.1;border-color:#1182fc;opacity:.5}
.btn-frame .zoomIn{animation-name:zoomIn}
.btn-frame .animated{animation-duration:1s;animation-fill-mode:both}
.btn-frame .pulse{animation-name:pulse}
.btn-messenger{bottom:130px}
.control-owl{position:absolute;width:100%;z-index:2;left:0;top:calc(50% - 22.5px)}
.control-owl button{transition:.3s all;opacity:.5;top:0;position:absolute;outline:none;border:2px solid #fff;padding:0;margin:0;display:block;cursor:pointer;color:#fff;width:30px;height:30px;border-radius:50%;overflow:hidden;text-align:center;font-size:25px;margin:0;background-color:#00a3ff;display:flex;align-items:center;justify-content:center}
.control-owl button:hover{opacity:1}
.control-owl button.owl-prev{left:20px}
.control-owl button.owl-next{right:20px}
.carousel-comment-media .carousel-control a span{transition:.3s all}
.support-online .kenit-alo-circle-fill{transition:.3s all}
.gutter-x-20{--bs-gutter-x:20px}
.gutter-x-5{--bs-gutter-x:5px}
.header{position:absolute;left:0;top:0;width:100%;z-index:999}
.header-home{position:relative;background-color:var(--color-main)}
.header-slogan{color:#FFF;font-size:15px;font-weight:400;text-transform:capitalize;padding:2px 0}
.header-top{padding:10px 0;border-bottom:1px solid #ffffff4d}
.header-info{font-size:15px;color:#FFF}
.header-logo{margin-top:10px}
.header-menu{margin-top:20px}
.header-fixed.fixed{position:fixed;left:0;top:0;width:100%;z-index:999;background-color:var(--color-main)}
.header-fixed.fixed .header-logo{zoom:.7}
.header-fixed.fixed .header-menu{margin-top:0}
.menu ul{padding:0;margin:0;list-style:none}
.menu ul li{position:relative;z-index:99}
.menu ul li a{font-size:18px;font-weight:800;color:#fff;margin:0;padding:0;position:relative;z-index:1;text-align:center;text-decoration:none!important;display:block;line-height:45px;height:45px;text-transform:uppercase}
.menu ul li a:hover,.menu ul li a.active{color:var(--color-hover)}
.menu ul li:not(.menu-search){flex:auto}
.menu ul li.line{width:1px;height:15px;background-color:#ffffff80;flex:none}
.menu ul li ul{transition:.3s all;position:absolute;min-width:250px;left:0;background:var(--color-main);box-shadow:0 3px 11px 0 #0000004d;transform:perspective(600px) rotateX(-90deg);transform-origin:0 0 0;opacity:0;visibility:hidden;transition:all .5s}
.menu ul li ul li{text-align:left;border-bottom:1px solid #adadad52}
.menu ul li ul li:last-child{border-bottom:0}
.menu ul li ul li a{font-size:14px;padding:10px;display:block;text-decoration:none!important;line-height:20px;text-align:left;font-weight:700;text-transform:capitalize;height:auto}
.menu ul li ul li ul{top:0;left:100%}
.menu ul li:hover>ul{transition:.3s all;transform:perspective(600px) rotateX(0);-webkit-transform-origin:0 0 0;opacity:1;visibility:visible;transition:all .7s}
.search{width:50%;max-width:400px;background:#fff;position:relative;border-radius:10px;display:flex;justify-content:space-between;align-items:center;border:1px solid #f1f1f1}
.search input{width:calc(100% - 35px);font-size:13px;color:#333;border-radius:10px;border:none}
.search input:focus{border:none;box-shadow:none}
.search label{height:35px;cursor:pointer;text-align:center;font-size:16px;background:red;color:#fff;border-radius:10px;margin-right:3px;padding:5px 10px}
.search label i{font-weight:700;color:#999}
.slideshow{position:relative}
.box-search{padding:10px;border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;align-items:center}
.box-search .price-product{width:100%;margin:0;text-align:left}
.box-search .price-product .price-new{color:red;font-size:14px;font-weight:700}
.box-search .price-product .price-old{color:#999;text-decoration-line:line-through}
.ds-item-search{width:calc(100% - 70px)}
.ds-item-search a{font-size:14px;color:#333}
.show-search{position:absolute;z-index:9999;top:100%;background:#fff;width:100%;border-radius:10px;box-shadow:0 1px 8px #0000004d}
.search-res{position:relative}
.search-res .icon-search{width:35px;height:35px;cursor:pointer;text-align:center;line-height:35px;color:#fff;background-color:var(--color-hover);font-size:15px;margin:0;border:1px solid var(--color-hover);border-radius:50%}
.search-res .icon-search.active{color:var(--color-hover);background:#fff;border-radius:100%}
.search-res .search-grid{position:absolute;top:50px;right:0;width:0;height:40px;overflow:hidden;background:#fff;border:1px solid var(--color-main);z-index:2;opacity:0;border-radius:25px;line-height:normal}
.search-res .search-grid p{float:left;width:40px;height:38px;cursor:pointer;outline:none;border:none;margin:0;font-size:17px;display:block;color:var(--color-main);line-height:40px;text-align:center}
.search-res .search-grid input{width:calc(100% - 40px);float:right;outline:none;border:none;color:#333;box-shadow:none}
.search-res .search-grid input::-webkit-input-placeholder{color:#313131}
.search-res .search-grid input:-moz-placeholder{color:#313131}
.search-res .search-grid input::-moz-placeholder{color:#313131}
.search-res .search-grid input:-ms-input-placeholder{color:#313131}
.offcanvas-body{flex-grow:1;padding:1rem;overflow:scroll}
.offcanvas-body::-webkit-scrollbar{width:4px;height:4px;-webkit-transition:all 1s;transition:all 1s}
.offcanvas-body::-webkit-scrollbar-thumb{background-color:#0d6efd;border-radius:5px;-webkit-transition:all 1s;transition:all 1s}
.offcanvas-body::-webkit-scrollbar-track{background:#fff;width:4px;height:4px;-webkit-transition:all 1s;transition:all 1s}
.btn-close-menu{position:absolute;right:20px;top:20px}
.menu-mobile ul{padding:0}
.menu-mobile ul li{position:relative}
.menu-mobile ul li>span i{transition:transform .3s ease}
.menu-mobile ul li a{display:block;color:#333;font-size:15px;padding:10px 0;border-bottom:1px solid #f1f1f1}
.menu-mobile ul li a i{margin-right:10px}
.menu-mobile ul li a:hover{color:red}
.menu-mobile ul li li a{font-weight:400}
.menu-mobile ul li .scroll{position:absolute;right:0;top:9px;background:#0253a4;font-size:17px;line-height:18px;height:25px;color:#fff;width:35px;border-radius:5px;display:flex;justify-content:center;align-items:center;cursor:pointer}
.menu-mobile ul li:hover{color:red}
.menu-mobile ul li ul{padding-left:10px}
.menu-mobile ul ul li .scroll{background:none;color:#0253a4}
.thongtin-mb{padding:10px 20px}
.thongtin-mb div{display:flex;align-items:center;text-align:left;gap:10px;font-size:14px;color:var(--menu-color);font-weight:400;line-height:22px;margin-bottom:8px}
.thongtin-mb div i{width:1rem;flex-shrink:0}
#hamburger{width:35px;height:23px;position:relative;cursor:pointer}
#hamburger:before{background:var(--color-hover);content:"";display:block;width:100%;height:2px;position:absolute;left:0;top:0;transition:none .5s ease .5s;transition-property:transform,top,bottom,left,opacity}
#hamburger:after{background:var(--color-hover);content:"";display:block;width:100%;height:2px;position:absolute;left:0;top:20px;transition:none .5s ease .5s;transition-property:transform,top,bottom,left,opacity}
#hamburger span{background:var(--color-hover);content:"";display:block;width:100%;height:2px;position:absolute;left:0;top:10px;transition:none .5s ease .5s;transition-property:transform,top,bottom,left,opacity}
.mm-wrapper_opening #hamburger:before{top:10px;transform:rotate(45deg)}
.mm-wrapper_opening #hamburger:after{top:10px;transform:rotate(-45deg)}
.mm-wrapper_opening #hamburger span{left:-50px;opacity:0}
.mm-menu_opened{display:block!important}
.mm-slideout{z-index:unset}
.menu-head-left{position:relative}
.title-menu{color:#fff;font-size:14px;font-weight:700;cursor:pointer;line-height:40px;display:block}
.menu-product-list{position:absolute;z-index:99;top:100%;width:250px;background:#fff;border-radius:2px}
.menu-product-list ul{padding:0;margin-bottom:0}
.menu-product-list ul ul{position:absolute;width:750px;background:#fff;left:100%;top:0;border:1px solid #999;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;height:100%;overflow-x:hidden}
.menu-product-list ul ul ul{position:relative;left:0;top:0;width:100%;border:none;display:block;height:auto}
.menu-product-list ul ul ul li a{font-weight:400}
.menu-product-list ul ul li a{border-bottom:none;font-weight:700}
.menu-product-list ul ul li a span{position:absolute;right:10px;font-size:13px;font-weight:700;color:#00a3ff}
.menu-product-list ul li a{position:relative;display:block;color:#333;font-size:14px;font-weight:700;padding:5px 10px;border-bottom:1px solid #ddd}
.menu-product-list ul li a .icon-down{position:absolute;right:10px;top:10px}
.menu-product-list ul li a:hover{color:red}
.title-detail{position:relative;margin:20px 0}
.title-detail h1,.title-detail span{font-size:20px;color:#333;font-weight:700;text-align:left;text-transform:uppercase}
.title-main{position:relative;text-align:center;margin-bottom:24px}
.title-main h2{color:var(--color-main);font-size:50px;font-weight:700;letter-spacing:-1px;text-transform:capitalize}
.title-main p{margin-bottom:0;color:var(--color-hover);font-family:"VL Kathya";font-size:36px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:1.08px;text-transform:capitalize}
.title-product{margin-bottom:28px}
.title-product .left{padding-left:185px}
.title-product .left .btn-paging{font-family:"SFU Futura";font-size:40px;font-weight:700;text-transform:uppercase;background:linear-gradient(270deg,#81C82C 0%,#095D2B 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;cursor:pointer;margin-bottom:0}
.title-product .left .btn-paging:before{content:"";position:absolute;right:calc(100% + 20px);top:50%;transform:translateY(-50%);width:251px;height:53px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTEiIGhlaWdodD0iNTMiIHZpZXdCb3g9IjAgMCAyNTEgNTMiIGZpbGw9Im5vbmUiPjxwYXRoIHN0cm9rZT0iIzA5NUQyQiIgZD0iTTAgMjUuNWgyMjMiLz48Y2lyY2xlIG9wYWNpdHk9Ii4xIiBjeD0iMjI0LjUiIGN5PSIyNi41IiByPSIyNi41IiBmaWxsPSJ1cmwoI2EpIi8+PGNpcmNsZSBjeD0iMjI0LjUiIGN5PSIyNi41IiByPSIyMC41IiBmaWxsPSJ1cmwoI2IpIi8+PGNpcmNsZSBjeD0iMjI0LjUiIGN5PSIyNi41IiByPSIxNyIgc3Ryb2tlPSIjZmZmIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMTkuODI0IDM0LjE0M3EuMDUyLS4wMTUuMDkxLS4wMjFjMi4yNTgtLjM0NSA0LjYyMS0xLjQ3MyA2LjcxNS0zLjAxIDIuMDgzLTEuNTI5IDMuODk3LTMuNDU2IDUuMDg2LTUuNDM0LTEuMDkxIDIuMDU2LTIuODIgNC4wOTItNC44MzcgNS43NDItMi4wOTEgMS43MS00LjQ5MiAyLjk5Ni02LjgyIDMuNDc1bC0uMDQ2LjAxYzcuMzEuNTUgMTEuNzE2LTEuMzM2IDEzLjk5Ni00LjE1NyAyLjMxNS0yLjg2MyAyLjQ2OS02LjcyIDEuMTkzLTEwLjEzMmEuNDA0LjQwNCAwIDAgMC0uNDk0LS4yNGMtNS42MjQgMS42NzQtOC4wNzkgMy4yOTYtOS4zMjMgNC45MDQtLjg0NSAxLjA5Mi0xLjE0MiAyLjE4Ny0xLjQ1OSAzLjMxOC0uNDg1IDEuNzI2LTEuMDM5IDMuNTM2LTQuMTAyIDUuNTQ0IiBmaWxsPSIjZmZmIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMjEuMzk1IDMxLjgyN2MuOTIxLTEuMDAxIDEuMzEyLTEuOTUyIDEuNTk0LTIuODc0LTEuOTYtMS42My0zLjYzNy0zLjYyMi00LjcwNS01LjYzMyAxLjEzOCAxLjg5MyAyLjg1IDMuNzQgNC44MjIgNS4yMzZsLjA0Ni0uMTY3Yy4zNDQtMS4yMjQuNjgtMi40MDIgMS41OTQtMy41ODRxLjI2My0uMzQyLjYwMy0uNjg4Yy0uOTU1LTIuMDItMy4wNzMtNC4wMi0xMC4wNTctNi4xYS40MDQuNDA0IDAgMCAwLS40OTQuMjQxYy0xLjIzNiAzLjMwMy0xLjEzIDcuMDI1Ljk4IDkuODU3IDEuMTg5IDEuNTk3IDMuMDE3IDIuOTE3IDUuNjE3IDMuNzEyIiBmaWxsPSIjZmZmIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMjI0LjUiIHkxPSIwIiB4Mj0iMjI0LjUiIHkyPSI1MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiM4MUM4MkMiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwOTVEMkIiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9IjIyNC41IiB5MT0iNiIgeDI9IjIyNC41IiB5Mj0iNDciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjODFDODJDIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDk1RDJCIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+)}
.title-product .right .btn-paging{padding:8px 25px;border-radius:50px;border:1px solid #81C82C;color:var(--color-main);font-size:17px;font-weight:600;text-transform:capitalize;cursor:pointer;transition:.3s ease-in-out}
.title-product .right .btn-paging:hover,.title-product .right .btn-paging.active{background:linear-gradient(270deg,#81C82C 0%,#095D2B 100%);color:#fff}
.news-box{padding:10px;border-radius:5px;background:#0000000d;height:100%}
.news-pic{margin-bottom:1rem;display:block}
.news-name a{font-weight:700;color:#333;font-size:16px;text-transform:uppercase;line-height:1.5}
.news-name a:hover{color:var(--color-main)}
.news-name a.text-split{-webkit-line-clamp:2}
.news-time{display:flex;align-items:center;color:#fff}
.news-time svg{width:14px;margin-right:5px;fill:#fff}
.news-desc{color:#333;font-size:14px;line-height:1.7}
.news-desc.text-split{-webkit-line-clamp:3}
.news-date{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;background:var(--color-main);padding:13px 10px;border-radius:5px;margin-top:10px}
.news-view{color:#fff;font-size:14px;display:flex;align-items:center}
.news-view svg{width:14px;margin-left:5px;fill:#fff;transition:.5s}
.news-view:hover{color:#fff}
.news-view:hover svg{margin-left:10px}
.item-news .ds-news{width:100%}
.item-news:hover h3{color:red}
.ds-news span{display:block;line-height:25px;color:#999;font-size:13px;margin:10px 0 0;font-style:italic}
.ds-news h3{font-size:16px;margin:0;color:#000;font-weight:700;text-transform:uppercase;-webkit-line-clamp:3!important}
.ds-news h3:hover{color:var(--color-main)}
.ds-news .desc{color:#333}
.item-news-all a{display:flex;justify-content:space-between;gap:8px}
.item-news-all a .scale-img{max-width:120px}
.item-news-all a .ds-news h3{text-transform:capitalize;font-size:15px}
.flex-news-detail{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap}
.share{padding:17px 10px 10px;line-height:normal;background:#80808026;margin-top:15px;border-radius:5px}
.share b{display:block;margin-bottom:5px}
.a2a_kit .a2a_svg{width:30px;height:30px;line-height:30px}
.othernews b{margin-bottom:10px}
.list-news-other{padding-left:17px;list-style:square}
.list-news-other li{margin-bottom:2px}
.list-news-other li a{text-transform:none;color:#333}
.list-news-other li a:hover{color:#fed402}
.box-readmore{padding:8px 15px;border:1px solid #dedede;margin-bottom:2rem;border-radius:5px;background-color:#eee}
.box-readmore li ul>li{margin:0;margin-bottom:8px}
.box-readmore li ul>li:before{content:counters(item, ".") " "}
.box-readmore ul{list-style-type:none;counter-reset:item;margin-bottom:0;padding-left:0!important;margin-top:8px;display:none}
.box-readmore ul li{display:table;counter-increment:item;margin-bottom:5px}
.box-readmore ul li:before{content:counters(item, ".") ". ";display:table-cell;padding-right:5px}
.box-readmore ul li a{color:#333;cursor:pointer;font-weight:600}
.box-readmore ul li a:hover{color:#767676}
.tt-toc{position:relative;font-size:18px;text-transform:uppercase;font-weight:700;display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.footer{padding:200px 0 50px;background:url(../images/bg_ft.webp) no-repeat left top/cover;position:relative}
.footer:after{content:"";position:absolute;right:0;top:0;width:525px;height:580px;background:url(../images/after_ft.webp);animation:fadeIn 1s linear infinite alternate}
.footer-article{margin-bottom:70px}
.footer-info .item p,.footer-info .item span{color:#FFF;font-size:15px;font-weight:400;line-height:22px;text-transform:capitalize;display:block;margin-bottom:0}
.footer-powered .wrap-content{padding:16px 0;text-align:center;background:linear-gradient(90deg,#095d2b00 0%,#095D2B 50%,#095d2b00 100%)}
.footer-copyright{color:#fff;font-size:14px}
.footer-copyright span{text-transform:uppercase;font-weight:700}
.footer-copyright a{color:#fff;font-weight:700}
.video-main{position:relative}
.list-video{margin-top:10px;width:100%;border-radius:5px;border:1px solid #ddd}
.img-video{position:relative;padding-top:75%}
.img-video span{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);border:1px solid #f006;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;color:red;background:#ffffffa8;font-size:27px;cursor:pointer;transition:all 1s}
.img-video img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.img-video::after{position:absolute;width:63px;height:63px;top:calc(50% - 31.5px);left:calc(50% - 31.5px);background:url(../images/video_small.png) center center no-repeat;background-size:contain;content:""}
.item-video:hover span{transform:translateX(-50%) translateY(-50%) rotate(360deg)}
.item-video h3{text-align:center;font-size:16px;margin-top:10px}
.wrap-video{margin-bottom:60px}
.row-video{margin:0 -10px}
.col-video{padding:0 10px;margin-bottom:20px}
.pic-video{position:relative;cursor:pointer;display:block;padding-top:41.6666666667%;overflow:hidden}
.pic-video:before{content:"";position:absolute;width:133px;height:133px;top:calc(50% - 66.5px);left:calc(50% - 66.5px);z-index:1;background:url(../images/video_big.png) no-repeat center center;cursor:pointer;background-size:contain}
.pic-video img{position:absolute;inset:0;width:100%;height:100%!important;-o-object-fit:cover;object-fit:cover}
.video .pic-video{padding-top:55.5555555556%}
.video .pic-video:before{width:63px;height:63px;top:calc(50% - 31.5px);left:calc(50% - 31.5px);z-index:1;background:url(../images/video_small.png) no-repeat center center}
.pic-video-2{position:relative;cursor:pointer;display:block;padding-top:68.3274021352%}
.pic-video-2:before{content:"";position:absolute;width:63px;height:63px;top:calc(50% - 31.5px);left:calc(50% - 31.5px);z-index:1;background:url(../images/video_small.png) no-repeat center center;cursor:pointer;background-size:cover}
.pic-video-2 img{position:absolute;inset:0;width:100%;height:100%!important;-o-object-fit:cover;object-fit:cover}
.name-video{margin-bottom:0;font-size:18px;text-align:center;margin-top:10px;font-size:15px;color:var(--color-black)}
.owl-video{margin-top:25px}
.box-video{cursor:pointer}
.box-video h3{color:#1C1B17;font-size:15px;text-transform:uppercase;font-weight:700;text-align:center;margin-bottom:0;margin-top:16px}
.sort-select{display:flex;justify-content:end;margin:20px 0;position:relative}
.sort-select .click-sort{border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 10px 6px 8px;margin:0}
.sort-select .sort-show{padding-right:12px;position:relative}
.sort-select .sort-show::before{content:"";border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #333;height:0;position:absolute;top:6px;right:0;width:0}
.sort-select-main{display:grid;background-color:#fff;border-radius:4px;box-shadow:0 4px 6px #0003;position:absolute;padding:0 7px;top:30px;right:0;width:160px;z-index:2}
.sort-select-main p{border-bottom:1px solid #f1f1f1;margin:0;order:2}
.sort-select-main p:has(.check){order:1}
.sort span{color:#000;font-size:14px;line-height:17px;padding:11px 3px;display:block;cursor:pointer}
.sort span.check i{box-sizing:border-box;position:relative;display:inline-block;transform:scale(var(--ggs,1));width:22px;height:16px;border:2px solid transparent;border-radius:100px;vertical-align:middle}
.sort span.check i::after{content:"";display:block;box-sizing:border-box;position:absolute;left:3px;top:-4px;width:6px;height:10px;border-width:0 2px 2px 0;border-style:solid;transform-origin:bottom left;transform:rotate(45deg)}
.filter{position:absolute;right:0;top:0;padding:5px 10px;background:#f1f1f1;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;text-transform:uppercase;border-radius:5px;cursor:pointer;border:1px solid #ddd;display:none}
.product{display:block;position:relative;padding:16px;border-radius:12px;border:1px dashed var(--color-main);background:#FFF;height:100%}
.product-pic{background:#fff;margin-bottom:16px;display:block;position:relative;overflow:hidden;border-radius:8px}
.product-name{margin-bottom:0;font-weight:400}
.product-name a{color:#222;font-size:15px;font-weight:500;line-height:26px;text-align:center}
.product-name a:hover{color:var(--color-hover)}
.product-price{margin-bottom:0;color:#000;line-height:25px;text-transform:capitalize;text-align:center}
.product-price .price-new{color:var(--color-main);font-size:15px;font-weight:700;letter-spacing:-.3px;margin-right:10px}
.product-price .price-old{font-size:13px;text-decoration:line-through;display:inline-block;color:#AEAEAE;font-weight:300;text-transform:uppercase}
.product-price .price-per{color:#FF2E00;font-size:13px;text-align:center;font-weight:700}
.product-star-view{display:flex;align-items:center;flex-wrap:wrap}
.product-star{font-size:9px;position:relative;color:#999;margin-right:15px}
.product-star .star-active{position:absolute;left:0;top:0;width:var(--star-width);white-space:nowrap;overflow:hidden;color:#FFCD00}
.product-view{color:#999;font-size:13px}
.product-cart{width:45px;text-align:center}
.product-cart span{display:inline-block;cursor:pointer;width:38px;height:38px;background:url(../images/add_cart.png) center center no-repeat,#FDBC0E;border-radius:50%}
.product-cart.cart-add{margin-left:10px;background-color:#00A5D9;width:155px}
.product-cart.cart-add:hover{background-color:#1d1d1d}
.product-cart.cart-buy{background-color:#FF2E00;width:93px;height:33px}
.product-cart.cart-buy:hover{background-color:#5172fd}
.grid-pro-detail{display:flex;justify-content:space-between}
.grid-pro-detail .left-pro-detail{width:40%}
.grid-pro-detail .right-pro-detail{width:56.5%}
.grid-pro-detail .right-pro-detail ul{list-style:none;padding:0}
.grid-pro-detail .right-pro-detail ul li{margin-bottom:20px}
.grid-pro-detail .right-pro-detail ul li .attr-content-pro-detail{display:inline-block;margin-bottom:0}
.grid-pro-detail .right-pro-detail ul li .attr-content-pro-detail .price-new-pro-detail{font-weight:700;font-size:20px;color:red}
.grid-pro-detail .right-pro-detail .title-pro-detail{font-size:19px;font-weight:700;margin-bottom:.5rem}
.title-product-detail{background:#EEE;color:#1C1B19;padding:12px 18px;border-radius:3px;font-size:17px;font-weight:600;text-transform:uppercase;margin-bottom:15px}
.album-product{position:relative;max-width:550px;margin:10px auto 0}
.row-pro-detail{margin:0 -5px}
.col-pro-detail{padding:0 5px}
.swiper-button-next{padding:7px;background:#0003;color:#fff;border-radius:5px}
.swiper-button-next:after{font-size:20px}
.swiper-button-prev{padding:7px;background:#0003;color:#fff;border-radius:5px}
.swiper-button-prev:after{font-size:20px}
.swiper-pro-detail .swiper-button-prev{left:0;top:calc(50% + 7px);width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:#00000080;border-radius:5px;color:#fff}
.swiper-pro-detail .swiper-button-prev:after{font-size:15px}
.swiper-pro-detail .swiper-button-prev:hover{background:var(--color-main);color:#fff}
.swiper-pro-detail .swiper-button-next{right:0;top:calc(50% + 7px);width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:#00000080;border-radius:5px;color:#fff}
.swiper-pro-detail .swiper-button-next:after{font-size:15px}
.swiper-pro-detail .swiper-button-next:hover{background:var(--color-main);color:#fff}
.item-detail{color:#8E8E8E;font-size:14px;padding:0 1rem;position:relative}
.item-detail::after{position:absolute;right:0;top:3px;width:1px;height:14px;background:#8E8E8E;content:""}
.item-detail:last-child::after{display:none}
.item-detail i{margin-right:5px}
.item-detail-comment-star{position:relative;font-size:13px;margin-right:19px}
.item-detail-comment-star::after{position:absolute;right:-19px;top:3px;width:1px;height:14px;background:#8E8E8E;content:""}
.item-detail-comment-star span{position:absolute;left:0;top:0;color:#FFCD00;white-space:nowrap;overflow:hidden}
.product-sold-detail{color:#9F9F9F;font-size:14px}
.product-sold-detail span{color:#474747;font-weight:600}
.product-price-detail{background:#F5F5F5;padding:12px 20px;border-radius:6px}
.product-price-detail strong{color:#474747;font-size:16px;font-weight:700;margin-right:15px}
.product-price-detail .attr-content-pro-detail{display:flex;align-items:center}
.product-price-detail .price-new-pro-detail{color:var(--color-main);font-size:20px}
.product-price-detail .price-old-pro-detail{color:#9E9E9E;font-size:15px;margin-right:35px}
.product-price-detail .percent-pro-detail{color:#fff;font-size:13px;padding:1px 10px;border-radius:2px;background:var(--color-main)}
.attr-label-pro-detail{font-weight:700;color:#474747}
.price-new-pro-detail{font-weight:700;font-size:20px;color:#ff2e00}
.price-old-pro-detail{font-weight:700;color:#666;text-decoration:line-through;padding-left:10px}
.color-pro-detail.active{color:#fff!important;background:var(--color-main)}
.size-pro-detail.active{color:#fff!important;background:var(--color-main)}
.size-pro-detail:hover{color:#fff!important;background:var(--color-main)}
.quantity-pro-detail{margin-top:10px;width:100%;max-width:164px;line-height:normal;display:flex;align-items:center;justify-content:space-between;text-align:center;border:1px solid #000;margin-right:20px;border-radius:15px;font-weight:700;border:none;border-radius:0}
.quantity-pro-detail span{line-height:31px;padding:0;width:37px;height:33px;color:#000;cursor:pointer;font-size:18px;border-radius:3px}
.quantity-pro-detail span.quantity-plus-pro-detail{margin-left:-1px}
.quantity-pro-detail span.quantity-minus-pro-detail{margin-right:-1px}
.quantity-pro-detail input{height:33px;width:calc(100% - 72px);text-align:center;padding:5px;border-radius:3px;font-size:16px;font-weight:400;border:1px solid #ddd}
.quantity-pro-detail .quantity-minus-pro-detail{background-color:#FFF;border:1px solid #ddd}
.quantity-pro-detail .quantity-plus-pro-detail{background-color:#FFF;border:1px solid #ddd}
.cart-pro-detail{margin-bottom:1rem;display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px}
.cart-pro-detail a{text-align:center;color:#fff;padding:10px 20px;text-transform:capitalize;cursor:pointer;border-radius:3px;font-weight:700;font-size:15px;line-height:23px;border:1px solid var(--color-main)}
.cart-pro-detail a i{vertical-align:top;margin-top:3px;margin-right:8px}
.cart-pro-detail a.addnow{color:var(--color-main)}
.cart-pro-detail a.addnow:hover{background-color:var(--color-main);color:#fff;border-color:var(--color-main)}
.cart-pro-detail a.buynow{background-color:var(--color-main)}
.cart-pro-detail a.buynow:hover{background-color:var(--color-main);color:#fff}
.wrap-show-content{position:relative}
.wrap-show-content.max-height{max-height:500px;overflow:hidden}
.wrap-show-content.active{max-height:100%}
.wrap-show-content.active .btn-show-content{position:relative;padding:20px;background:none}
.btn-show-content{text-align:center;position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent,#FAFAFA);padding-top:100px}
.btn-show-content span{background:var(--color-main);color:#fff;padding:8px 20px;border-radius:5px;cursor:pointer;display:inline-block}
.btn-show-content span i{margin-left:10px}
.brand-pic{margin-bottom:1rem}
.brand-name{font-size:16px}
.brand-name a{font-weight:700;color:#333}
.brand-name a:hover{color:var(--color-main)}
.album-name{font-size:16px}
.album-name a{font-weight:700;color:#333}
.album-name a:hover{color:var(--color-main)}
.modal-detail{position:fixed;z-index:999;background:#000000c4;top:0;left:0;width:100%;height:100%;overflow-y:scroll}
.modal-detail::-webkit-scrollbar{width:10px}
.modal-detail::-webkit-scrollbar-thumb{width:10px;background:#4d90e0;border-radius:10px;height:50px}
.content-modal-detail{background:#fff;max-width:1200px;margin:0 auto;min-height:100vh}
.content-modal-detail .tabs{display:flex;cursor:pointer;padding:0;list-style:none;justify-content:center;border-bottom:1px solid #e0e0e0;position:sticky;top:0;background:#fff;z-index:99}
.content-modal-detail .tabs li{padding:20px;margin-right:5px;font-weight:700;position:relative;border-bottom:4px solid #fff}
.content-modal-detail .tabs li.active{color:#2d9cdb;border-bottom:4px solid #2d9cdb}
.content-modal-detail .tab-content{padding:20px;max-width:900px;margin:0 auto}
.content-modal-detail .tab-content.active{display:block}
.close-tab{position:fixed;top:15px;right:20px;z-index:10}
.btn-closemenu{position:fixed;top:10px;right:20px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;cursor:pointer;line-height:21px;padding:7px;text-align:right;width:72px}
.btn-closemenu::before{transform:rotate(45deg);background-color:#333;content:"";left:13px;height:14px;position:absolute;top:10px;width:1px}
.btn-closemenu::after{transform:rotate(-45deg);background-color:#333;content:"";left:13px;height:14px;position:absolute;top:10px;width:1px}
.cursor-pointer{cursor:pointer}
.contact-detail{display:flex;justify-content:space-between}
.left-contact-detail{width:60%}
.right-contact-detail{width:calc(40% - 60px)}
.contact-map{position:relative;height:385px;border-radius:10px;overflow:hidden}
.contact-map iframe{position:absolute;left:0;top:0;width:100%;height:100%}
.row-contact{display:flex;justify-content:space-between;margin-top:40px;flex-wrap:wrap}
.social-contact{text-align:center}
.social-contact>div{display:inline-flex;align-items:center;justify-content:center;background:var(--color-main);padding:5px 30px;margin-top:30px;border-radius:5px;box-shadow:#0000003d 0 3px 8px}
.social-contact>div a{display:inline-block;margin:0 2px}
.contact-item{width:calc(33.3333333333% - 10px);text-align:center;font-size:15px}
.contact-item i{display:inline-block;margin-bottom:10px}
.contact-item img{width:40px;height:40px!important}
.contact-item p{margin-bottom:10px;font-weight:700}
.contact-item span{font-size:14px}
.row-contact-input{display:flex;justify-content:space-between;align-items:end}
.row-contact-input .contact-input:nth-child(1){width:80%}
.row-contact-input .contact-input:nth-child(2){width:calc(20% - 8px)}
.row-contact-input .contact-input:nth-child(2) label{margin-bottom:15px}
.contact-input{display:flex;flex-direction:column-reverse}
.contact-input label{font-size:12px;font-weight:600;color:#22292f;transition:all .8s}
.contact-input input{border-radius:0;border:none;border-bottom:1px solid #ccc;padding:0;height:45px;margin-bottom:15px;overflow:hidden;background-color:transparent!important}
.contact-input input::-moz-placeholder{font-size:15px;color:#ced4da;-moz-transition:all .5s!important;transition:all .5s!important}
.contact-input input::placeholder{font-size:15px;color:#ced4da;transition:all .5s!important}
.contact-input input input[type=number]::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}
.contact-input input input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}
.contact-input textarea{border-radius:0;border:none;border-bottom:1px solid #ccc;padding:0;height:70px;margin-bottom:20px;background-color:transparent!important}
.contact-input textarea::-moz-placeholder{font-size:15px;color:#ced4da;-moz-transition:all .5s!important;transition:all .5s!important}
.contact-input textarea::placeholder{font-size:15px;color:#ced4da;transition:all .5s!important}
.contact-input .form-control{overflow:hidden}
.contact-input .form-control:focus{color:#212529;border-color:var(--color-main);outline:0;box-shadow:unset!important}
.contact-input .form-control:focus::-moz-placeholder{transform:translateY(-200%)}
.contact-input .form-control:focus::placeholder{transform:translateY(-200%)}
.contact-input .form-control:focus+label{color:var(--color-main)}
.contact-input input[type=file]{display:none}
.contact-form button{display:inline-flex;align-items:center;justify-content:center;max-width:300px;width:100%;height:40px;background:var(--color-main);border-radius:30px;margin:auto;font-size:14px;font-weight:700;text-transform:uppercase;color:#fff;box-shadow:#63636333 0 2px 8px 0;transition:all .3s}
.contact-form button:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;background:#000}
.custom-file-upload{display:inline-block;padding:10px;cursor:pointer;transition:all .4s;font-size:20px;display:block;text-align:center}
.custom-file-upload i{font-size:25px}
.custom-file-upload:hover{color:var(--color-main)}
.file-input.has-file label{color:var(--color-main)}
input[type=number]::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}
input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}
.breadCrumbs{padding:10px;background:#ddd}
.breadCrumbs ol{margin:0}
.breadCrumbs ol li a{color:#333}
.breadCrumbs ol li a:hover{color:red}
.paging-product{position:relative}
.pagination{margin:20px 0;flex-wrap:wrap}
.pagination li span{cursor:pointer}
.pagination .page-item .page-link{color:var(--color-main)}
.pagination .page-item.active .page-link{color:#fff;background-color:var(--color-main);border-color:var(--color-main)}
.grid-properties{display:flex;gap:10px}
.grid-properties span{position:relative;border:1px solid #ddd;padding:5px 15px;cursor:pointer}
.grid-properties span:hover{border:1px solid red;color:red}
.grid-properties span:hover:after{content:"";border:.9375rem solid transparent;border-bottom:.9375rem solid var(#d0011b,#ee4d2d);bottom:0;position:absolute;right:-.9375rem}
.grid-properties span.active{border:1px solid red;color:red}
.grid-properties span.active:after{content:"";border:.9375rem solid transparent;border-bottom:.9375rem solid var(#d0011b,#ee4d2d);bottom:0;position:absolute;right:-.9375rem}
.grid-properties span.outstock{pointer-events:none;background-color:#fafafa;color:#00000042;cursor:not-allowed}
.scrollToTop{width:41px;height:41px;text-align:center;font-weight:700;color:#444;text-decoration:none;position:fixed;bottom:65px;right:25px;display:none;z-index:10;cursor:pointer}
.grecaptcha-badge{display:none!important;width:0!important;height:0!important;visibility:hidden!important;overflow:hidden}
[x-cloak]{display:none!important}
a.views_dm{width:140px;height:38px}
.news-left{width:68%}
.news-right{position:sticky;top:61px;width:30%;background:#f1f1f1cc;padding:20px;box-shadow:0 0 5px #99999978}
.attr-pro-detail{margin:auto;padding:0}
.baonoidung table{display:table;border-collapse:separate;box-sizing:border-box;text-indent:initial;unicode-bidi:isolate;border-spacing:2px;border-color:gray;-webkit-border-horizontal-spacing:1px;-webkit-border-vertical-spacing:1px;display:block;overflow-y:auto;border-width:1px}
.baonoidung tbody{display:table-row-group;vertical-align:middle;unicode-bidi:isolate;border-color:inherit}
.baonoidung tr{display:table-row;vertical-align:inherit;unicode-bidi:isolate;border-color:inherit}
.baonoidung td{display:table-cell;vertical-align:inherit;unicode-bidi:isolate;border-width:1px}
.baonoidung ul{list-style:auto;padding-left:2rem}
.baonoidung ul li{margin-bottom:.75rem;list-style-type:auto}
.baonoidung ol{list-style:auto;padding-left:2rem}
.baonoidung ol li{margin-bottom:.75rem;list-style-type:auto}
.baonoidung iframe{max-width:100%!important}
.baonoidung img{height:auto!important;max-width:100%!important}
.baonoidung *{max-width:100%!important}
.desc-pro-detail ul li{margin-bottom:.75rem;list-style-type:circle}
.desc-pro-detail ul li:last-child{margin-bottom:0!important}
.baonoidung ul li{margin-bottom:.75rem;list-style-type:disc}
.baonoidung ol li{margin-bottom:.75rem;list-style-type:decimal}
.swiper .swiper-wrapper{width:inherit;height:inherit}
.swiper.swiper-initialized .swiper-wrapper{margin:0;width:100%;height:100%}
.swiper.swiper-initialized .swiper-slide{padding:0;margin:0;overflow:hidden}
.modal-title{font-size:20px}
.loading-overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffffb3;justify-content:center;align-items:center;z-index:999}
.loading{width:50px;height:50px;border:5px solid #0000001a;border-radius:50%;border-top:5px solid #3498db;animation:spin 1s linear infinite}
.wrap-about{padding:55px 0;background:#E7F5EE;margin-bottom:50px}
.wrap-product:not(:last-child){margin-bottom:70px}
.title-product{display:flex;align-items:center}
.title-product:before{content:"";flex:1 1 0;height:6px;background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22417%22%20height%3D%226%22%20viewBox%3D%220%200%20417%206%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M416.042%203a2.667%202.667%200%201%201-5.334%200%202.667%202.667%200%200%201%205.334%200m-2.667%200v.5h-2.495v-1h2.495zm-7.485%200v.5h-4.989v-1h4.989zm-9.979%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.99v-1h4.99zm-9.979%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.989v-1h4.989zm-9.979%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.99v-1h4.99zm-9.979%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.989v-1h4.989zm-9.979%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.99v-1h4.99zm-9.979%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.99v-1h4.99zm-9.979%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.989v-1h4.989zm-9.979%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.99v-1h4.99zm-9.979%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.989v-1h4.989zm-9.979%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.99v-1h4.99zm-9.979%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.989v-1h4.989zm-9.979%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.99v-1h4.99zm-9.979%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.99v-1h4.99zm-9.979%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.989v-1h4.99zm-9.979%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.99v-1h4.99zm-9.979%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.989v-1h4.99zm-9.979%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.99v-1h4.99zm-9.979%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-4.989v-1h4.99zm-9.979%200v.5h-4.99v-1h4.99zm-9.98%200v.5h-2.494v-1h2.495z%22%20fill%3D%22%2380C62A%22%2F%3E%3C%2Fsvg%3E) no-repeat right center}
.title-product:after{content:"";flex:1 1 0;height:6px;background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22419%22%20height%3D%226%22%20viewBox%3D%220%200%20419%206%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M.958%203a2.667%202.667%200%201%200%205.334%200A2.667%202.667%200%200%200%20.958%203m2.667%200v.5H6.12v-1H3.625zm7.485%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.989v-1h-4.99zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.989v-1h-4.99zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.989v-1h-4.989zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.989v-1h-4.989zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.989v-1h-4.989zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.989v-1h-4.989zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.989v-1h-4.989zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.989v-1h-4.989zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.989v-1h-4.989zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.979%200v.5h2.495v-1h-2.495zM.958%203a2.667%202.667%200%201%200%205.334%200A2.667%202.667%200%200%200%20.958%203m2.667%200v.5H6.12v-1H3.625zm7.485%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.989v-1h-4.99zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.989v-1h-4.99zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.989v-1h-4.989zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.989v-1h-4.989zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.989v-1h-4.989zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.989v-1h-4.989zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.989v-1h-4.989zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.989v-1h-4.989zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.989v-1h-4.989zm9.979%200v.5h4.99v-1h-4.99zm9.98%200v.5h4.99v-1h-4.99zm9.979%200v.5h2.495v-1h-2.495z%22%20fill%3D%22%2380C62A%22%2F%3E%3C%2Fsvg%3E) no-repeat left center}
.title-product h2{margin-bottom:0;color:var(--color-main);font-size:50px;font-weight:700;letter-spacing:-1px;text-transform:capitalize}
.tab-product{text-align:center;margin-bottom:15px}
.item-tab-product{cursor:pointer;color:#333;border-radius:5px;border:1px solid #15AA5A;padding:5px 15px;display:inline-block;margin:0 5px 5px}
.item-tab-product:hover{background:#15AA5A;color:#fff}
.item-tab-product.active{background:#15AA5A;color:#fff}
.box-brand{text-align:center}
.name-brand{margin-top:10px}
.name-brand a{color:#333;font-size:15px}
.name-brand a:hover{color:var(--color-main)}
.wrap-readmore{text-align:center}
.wrap-readmore span{color:#fff;background:var(--color-main);padding:10px 20px;border:1px solid var(--color-main);font-size:15px;text-transform:capitalize;border-radius:5px;cursor:pointer;position:relative;overflow:hidden;display:inline-block}
.wrap-readmore span:hover{color:#fff;background:red;border-color:red}
.wrap-readmore span.active::before{position:absolute;inset:0;content:"";color:#fff;background:var(--color-main);transition:.7s}
.wrap-readmore span.active::after{position:absolute;left:calc(50% - 10px);top:calc(50% - 10px);width:20px;height:20px;content:"\e4bb";color:#fff;font-family:"Font Awesome 6 Pro";font-size:20px;display:flex;justify-content:center;align-items:center;transition:.7s;animation:rotate 1.5s linear infinite}
@keyframes rotate {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
@keyframes spin {
to{transform:rotate(360deg)}
}
@keyframes blink {
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@keyframes shake-anim {
0%{transform:rotate(0) scale(1) skew(1deg)}
10%,30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
20%,40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
100%,50%{-moz-transform:rotate(0) scale(1) skew(1deg)}
}
@keyframes rotate {
from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
@keyframes fadeup {
from{opacity:0;transform:translateX(-20px)}
to{opacity:1;transform:translateX(0)}
}
@keyframes pulse-animation {
0%{transform:scale3d(1,1,1);opacity:0}
10%{transform:scale3d(1.1,1.1,1.1);opacity:1}
100%{transform:scale3d(1.6,1.6,1.6);opacity:0}
}
@keyframes border-animation {
0%{transform:scale3d(0.6,0.6,0.6);opacity:0}
20%{transform:scale3d(1.2,1.2,1.2);opacity:1}
100%{transform:scale3d(1.4,1.4,1.4);opacity:0}
}
.section-1{padding:115px 0 100px;background:linear-gradient(0deg,#E3F6CB 0%,#FFF 50%);position:relative;isolation:isolate}
.section-1:before{content:"";position:absolute;right:0;top:0;width:371px;height:792px;background:url(../images/before_gt.png) no-repeat left bottom;animation:fadeIn 1s linear infinite alternate;z-index:-1}
.section-1 .about{position:relative;isolation:isolate}
.section-1 .about:after{content:"";position:absolute;left:0;bottom:-170px;width:643px;height:475px;background:url(../images/after_gt.png) no-repeat left bottom;animation:fadeIn 1s linear infinite alternate;z-index:-1}
.section-1 .about .main{position:relative;isolation:isolate}
.section-1 .about .main:after{content:"";position:absolute;left:-16px;top:48px;width:987px;height:1044px;background:url(../images/linegt.webp) no-repeat left top;z-index:-1}
.section-1 .about .top .left{-webkit-mask:url(../images/mask_gt1.webp) no-repeat center center/100% 100%;mask:url(../images/mask_gt1.webp) no-repeat center center/100% 100%}
.section-1 .about .top .right .title{margin-bottom:20px}
.section-1 .about .top .right .title p{color:var(--color-main);font-size:20px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-bottom:0}
.section-1 .about .top .right .title span{font-family:"VL Kathya";font-size:70px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize;background:linear-gradient(90deg,var(--color-main) 0%,var(--color-hover) 98.5%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.section-1 .about .top .right .desc{color:#222;font-size:14px;font-weight:500;line-height:27px;height:189px;letter-spacing:-.15px;margin-bottom:40px}
.section-1 .about .top .right .view{display:flex;justify-content:center;align-items:center;gap:24px;width:165px;height:44px;border-radius:50px;background:linear-gradient(270deg,#81C82C 0%,#095D2B 100%);color:#FFF;font-size:15px;font-weight:600;text-transform:uppercase}
.section-1 .about .bottom .left .item .name{color:#2D2D2D;font-size:17px;font-weight:600;text-transform:uppercase}
.section-1 .about .bottom .left .item .desc{margin-bottom:0;color:#2D2D2D;font-size:15px;line-height:24px;letter-spacing:-.15px}
.section-1 .about .bottom .right{-webkit-mask:url(../images/mask_gt2.webp) no-repeat center center/100% 100%;mask:url(../images/mask_gt2.webp) no-repeat center center/100% 100%}
.section-1 .product-list .item .pic{position:relative;isolation:isolate}
.section-1 .product-list .item .pic .scale-img{border-radius:180px}
.section-1 .product-list .item .pic:after{content:"";position:absolute;left:0;top:6px;width:100%;height:100%;border-radius:180px;background:linear-gradient(90deg,var(--color-main) 0%,var(--color-hover) 98.5%);box-shadow:0 4px 4px 0 #00000040;z-index:-1}
.section-1 .product-list .item .number{width:80px;height:80px;display:inline-flex;justify-content:center;align-items:center;background:linear-gradient(0deg,#095D2B 0%,#80C62A 98.5%);border-radius:50%;color:#FFF;font-family:"VL Kathya";font-size:36px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:1.08px;text-transform:capitalize;margin:-32px 0 24px;position:relative;z-index:9}
.section-1 .product-list .item .name{margin-bottom:0;color:#222;font-size:19px;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize}
.section-1 .product-list .item .name:hover{color:var(--color-main)}
.section-2{padding:60px 0;background:url(../images/bg_bc.webp) no-repeat center/cover}
.section-2 .title{text-align:center;margin-bottom:28px}
.section-2 .title p{color:var(--color-hover);font-family:"VL Kathya";font-size:36px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:1.08px;text-transform:capitalize;margin-bottom:0}
.section-2 .title h2{margin-bottom:0;color:#FFF;font-size:50px;font-weight:700;letter-spacing:-1px;text-transform:capitalize}
.section-2 .product{border-radius:12px;border:1px dashed var(--color-hover);background:linear-gradient(0deg,#095D2B 0%,#80C62A 98.5%);box-shadow:0 0 11px 0 #00000012}
.section-2 .product-name a{color:#fff}
.section-2 .product-name a:hover{color:var(--color-hover)}
.section-2 .product-price .price-new{color:#fff}
.section-3{margin-top:70px}
.section-3 .pagination{margin:0}
.section-4{margin-top:70px}
.section-5{margin-top:70px}
.section-5 .left{border-radius:20px 0 0 20px;background:var(--color-main);padding:32px 24px}
.section-5 .left .title{text-align:center}
.section-5 .left .title h2{color:#FFF;font-size:30px;font-weight:700;letter-spacing:-.6px;text-transform:capitalize;margin-bottom:.5rem}
.section-5 .left .title p{color:#FFF;font-size:16px}
.section-5 .left .newsletter-btn{width:189px;height:52px;display:inline-flex;justify-content:center;align-items:center;border-radius:120px;border:2px solid #FFF;color:#FFF;font-size:16px;font-weight:700;text-transform:uppercase;transition:.3s ease-in-out}
.section-5 .left .newsletter-btn:hover{background-color:#fff;color:var(--color-main)}
.section-5 .right{position:relative;min-height:300px;border-radius:0 20px 20px 0;overflow:hidden}
.section-5 .right iframe{position:absolute;inset:0}
.section-6{margin-top:70px}
.section-7{margin-top:70px}
.section-7 .left .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px}
.section-7 .left .title h2{margin-bottom:0;color:var(--color-main);font-size:50px;font-weight:700;letter-spacing:-1px;text-transform:capitalize}
.section-7 .left .title:after{content:"";flex:1 1 0;height:6px;background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22467%22%20height%3D%226%22%20viewBox%3D%220%200%20467%206%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M.083%203a2.667%202.667%200%201%200%205.334%200A2.667%202.667%200%200%200%20.083%203M2.75%203v.5h2.522v-1H2.75zm7.565%200v.5h5.044v-1h-5.044zm10.087%200v.5h5.044v-1h-5.044zM30.49%203v.5h5.044v-1H30.49zm10.087%200v.5h5.044v-1h-5.044zm10.087%200v.5h5.044v-1h-5.044zM60.75%203v.5h5.043v-1H60.75zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zM91.01%203v.5h5.043v-1H91.01zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zm10.086%200v.5h5.044v-1h-5.044zm10.087%200v.5h5.044v-1h-5.044zm10.087%200v.5h5.044v-1h-5.044zm10.087%200v.5h5.044v-1h-5.044zm10.087%200v.5h5.044v-1h-5.044zm10.087%200v.5h5.044v-1h-5.044zm10.087%200v.5h5.044v-1h-5.044zm10.087%200v.5h5.044v-1h-5.044zm10.087%200v.5h5.044v-1h-5.044zm10.087%200v.5h5.044v-1h-5.044zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h5.043v-1h-5.043zm10.087%200v.5h2.521v-1h-2.521z%22%20fill%3D%22%2380C62A%22%2F%3E%3C%2Fsvg%3E) no-repeat left center}
.section-7 .left .first .item .pic{border-radius:8px}
.section-7 .left .first .item .name{color:#222;font-size:16px;font-weight:700;line-height:24px;margin-bottom:1rem}
.section-7 .left .first .item .name:hover{color:var(--color-main)}
.section-7 .left .first .item .view{width:132px;height:38px;background:linear-gradient(90deg,#095D2B 0%,#80C62A 98.5%);display:flex;justify-content:center;align-items:center;gap:10px;border-radius:999px}
.section-7 .left .first .item .view span{color:#FFF;font-size:14px;font-weight:600}
.section-7 .left .remaining .item .pic{border-radius:6px}
.section-7 .left .remaining .item .name{color:#222;font-size:15px;font-weight:700;line-height:20px;margin-bottom:.5rem}
.section-7 .left .remaining .item .name:hover{color:var(--color-main)}
.section-7 .left .remaining .item .desc{margin-bottom:0;color:#434343;font-size:14px;font-weight:500;line-height:22px}
.section-7 .right{padding:20px;border-radius:10px;background:var(--color-main)}