@font-face{font-family:'mon';font-display:block;src:url('../fonts/Montserrat-Light.woff2');font-weight:300;}
@font-face{font-family:'mon';font-display:block;src:url('../fonts/Montserrat-Italic.woff2');font-style:italic;}
@font-face{font-family:'mon';font-display:block;src:url('../fonts/Montserrat-Regular.woff2');}
@font-face{font-family:'mon';font-display:block;src:url('../fonts/Montserrat-Medium.woff2');font-weight:500;}
@font-face{font-family:'mon';font-display:block;src:url('../fonts/Montserrat-SemiBold.woff2');font-weight:600;}
@font-face{font-family:'mon';font-display:block;src:url('../fonts/Montserrat-Bold.woff2');font-weight:700;}
@font-face{font-family:'mon';font-display:block;src:url('../fonts/Montserrat-ExtraBold.woff2');font-weight:800;}
@font-face{font-family:'fz';font-display:block;src:url('../fonts/The-Constellation.ttf');}
/* @keyframe */
@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;}
}
:root{--color-main:#2EC37C;--color-social:#f00;--color-hover:#f00;--color-text:#f00;--menu-border:rgb(255 255 255 / 20%);--menu-color:#fff;}
body{font-size:14px;line-height:1.5;font-family:'mon';}
.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,.wrap-content{margin:0px auto;max-width:1200px;}
.container-custom{padding:0px 10px;margin:0px auto;}
img{max-width:100%;display:inline-block;-o-object-fit:cover;object-fit:cover;}
*{box-sizing:border-box;}
a{text-decoration:none;}
.social-plugin{display:flex;margin-top:10px;}
.scale-img{overflow:hidden;}
.scale-img img,.scale-img picture{transition:all 0.5s;}
.scale-img:hover img,.scale-img:hover picture{transform:scale(1.2,1.2);}
.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;}
.p-relative{position:relative;}
/* Transition All */
.transition,.btn-frame .kenit-alo-circle-fill,.control-owl button,.carousel-comment-media .carousel-control a span,.menu ul li a.has-child:after,.menu ul li ul,.menu ul li:hover > ul,.scale-img img,.scale-img:hover > img,.support-online .kenit-alo-circle-fill{transition:0.3s all;}
.gutter-x-20{--bs-gutter-x:20px;}
.gutter-x-5{--bs-gutter-x:5px;}
/*   Header   */
.header{background:#fff;position:relative;}
.flex-header{display:flex;justify-content:space-between;align-items:center;}
.header-cart{border:1px solid var(--color-main);padding:10px;border-radius:5px;position:relative;color:var(--color-main);}
.header-cart:hover{color:#fed402;}
.header-cart i{font-size:20px;}
.header-cart .count-cart{position:absolute;z-index:999;color:#fff;background:#f00;border-radius:50%;top:-10px;right:20px;width:20px;height:20px;text-align:center;}
.menu-head{display:flex;gap:20px;justify-content:space-between;align-items:center;}
.menu-head a{color:#fff;}
.menu-head a:hover{color:#fed402;}
.line-head{background-color:#72b2fd;height:32px;width:1px;}
/* slideshow */
.slideshow{position:relative;}
/* Search */
.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:#fff;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:#f00;color:#fff;border-radius:10px;margin-right:3px;padding:5px 10px;}
.search label i{font-weight:bold;color:#999;}
.box-search{padding:10px;border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;align-items:center;}
.ds-item-search{width:calc(100% - 70px);}
.ds-item-search a{font-size:14px;color:#fff;}
.show-search{position:absolute;z-index:9999;top:100%;background:#fff;width:100%;border-radius:10px;box-shadow:0 1px 8px rgba(0,0,0,0.3);}
.box-search .price-product{width:100%;margin:0px;text-align:left;}
.box-search .price-product .price-new{color:#f00;font-size:14px;font-weight:bold;}
.box-search .price-product .price-old{color:#999;text-decoration-line:line-through;}
.search-res{position:relative;}
.search-res .icon-search{width:35px;height:35px;cursor:pointer;text-align:center;line-height:35px;color:var(--color-main);font-size:15px;margin:0px;border:1px solid var(--color-main);border-radius:50%;}
.search-res .icon-search.active{color:var(--color-main);background:#ffffff;border-radius:100%;}
.search-res .search-grid{position:absolute;top:50px;right:0px;width:0px;height:40px;overflow:hidden;background:#ffffff;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:0px;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:#fff;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;}
/* Mmenu */
.offcanvas-body{flex-grow:1;padding:1rem 1rem;overflow:scroll;}
.offcanvas-body::-webkit-scrollbar{width:4px;height:4px;transition:all 1s;}
.offcanvas-body::-webkit-scrollbar-thumb{background-color:#0d6efd;border-radius:5px;transition:all 1s;}
.offcanvas-body::-webkit-scrollbar-track{background:#fff;width:4px;height:4px;transition:all 1s;}
.btn-close-menu{position:absolute;right:20px;top:20px;}
.menu-mobile ul{padding:0px;}
.menu-mobile ul li{position:relative;}
.menu-mobile ul li > span i{transition:transform 0.3s ease;    /* Adjust duration and easing as needed */}
/* .menu-mobile ul li:last-child a{
border-bottom: none;
} */
.menu-mobile ul li a{display:block;padding-right:30px;color:#fff;font-size:15px;padding:10px 0px;border-bottom:1px solid #f1f1f1;}
.menu-mobile ul li a i{margin-right:10px;}
.menu-mobile ul li li a{font-weight:normal;}
.menu-mobile ul li a:hover{color:#f00;}
.menu-mobile ul li .scroll{position:absolute;right:0px;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:#f00;}
.menu-mobile ul ul li .scroll{background:none;color:#0253a4;}
.menu-mobile ul li ul{padding-left:10px;}
.company{border-bottom:1px solid #f1f1f1;padding-bottom:10px;}
.company p{margin-bottom:5px;font-size:13px;}
.company p span{color:#fff;font-weight:700;}
.head-menu{display:flex;justify-content:center;flex-wrap:wrap;}
.head-menu img{max-width:80px;}
.search-menu{width:100%;position:relative;margin:10px 0px;}
.search-menu input{width:100%;background:#f5f5fa;border:1px solid #f1f1f1;height:40px!important;font-size:13px;}
.search-menu p{position:absolute;right:10px;bottom:8px;}
/* Menu */
/* #menu {
display: none;
} */
#hamburger{display:none;width:35px;height:23px;position:relative;cursor:pointer;}
#hamburger:before,#hamburger:after,#hamburger span{background:var(--color-main);content: '';display:block;width:100%;height:2px;position:absolute;left:0px;}
#hamburger:before{top:0px;}
#hamburger span{top:10px;}
#hamburger:after{top:20px;}
#hamburger:before,#hamburger:after,#hamburger span{-webkit-transition:none 0.5s ease 0.5s;transition:none 0.5s ease 0.5s;-webkit-transition-property:transform,top,bottom,left,opacity;-webkit-transition-property:top,bottom,left,opacity,-webkit-transform;transition-property:top,bottom,left,opacity,-webkit-transform;transition-property:transform,top,bottom,left,opacity;transition-property:transform,top,bottom,left,opacity,-webkit-transform;}
.menu-mobile-opened #hamburger:before,.menu-mobile-opened #hamburger:after{top:10px;}
.menu-mobile-opened #hamburger span{left:-50px;opacity:0;}
.menu-mobile-opened #hamburger:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.menu-mobile-opened #hamburger:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.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:500;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:0px;margin-bottom:0px;}
.menu-product-list ul ul{position:absolute;width:750px;background:#fff;left:100%;top:0px;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:0px;top:0px;width:100%;border:none;display:block;height:auto;}
.menu-product-list ul li a{position:relative;display:block;color:#fff;font-size:14px;font-weight:500;padding:5px 10px 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 ul li a span{position:absolute;right:10px;font-size:13px;font-weight:500;color:#00a3ff;}
.menu-product-list ul li a:hover{color:#f00;}
.menu-product-list ul ul li a{border-bottom:none;font-weight:bold;}
.menu-product-list ul ul ul li a{font-weight:normal;}
.menu{position:sticky;top:0;z-index:998;width:100%;padding:16px 0;margin-bottom:-153px;transition:background .5s;}
.menu .wrap-content{position:relative;}
.fix_menu{position:fixed!important;box-shadow:0 0 1px #999;background:#fff;}
.menu ul{padding:0px;margin:0;list-style:none;}
.menu ul li{position:relative;z-index:99;}
.menu ul.ulmn > li{flex:auto;}
.menu ul li.line{width:1px;height:15px;background-color:rgba(255,255,255,0.5);flex:none;}
.menu ul li a{margin:0px;padding:0;position:relative;z-index:1;text-decoration:none!important;display:block;text-transform:uppercase;font-weight:600;font-size:16px;text-align:right;color:#fff;}
.menu ul li a img{vertical-align:middle;}
.menu ul li a.active,.menu ul li:hover > a{color:#238d53;}
.menu ul li ul{position:absolute;min-width:250px;left:0;background:#fff;box-shadow:0 3px 11px 0 rgba(0,0,0,0.3);-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;visibility:hidden;transition:all 0.5s;}
.menu ul li:hover > ul{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0);--webkit-transform-origin:0 0 0;opacity:1;visibility:visible;transition:all 0.7s;}
.menu ul li ul li{text-align:left;border-bottom:1px solid rgb(173 173 173 / 32%);}
.menu ul li ul li:last-child{border-bottom:0px;}
.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:500;text-transform:capitalize;color:#000;}
.menu ul li ul li ul{top:0px;left:100%;}
.menu ul li ul li a:before{position:absolute;content: '';top:50%;left:0;width:0;height:1px;background:#fed402;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;visibility:hidden;opacity:0;}
a.cart-header{position:relative;}
a.cart-header span{position:absolute;top:0px;right:0px;color:#fff;font-size:11px;width:17px;height:17px;text-align:center;border-radius:50%;}
/*   SLider */
.control-owl{position:absolute;width:100%;z-index:2;left:0px;top:calc(50% - 22.5px);}
.control-owl button{opacity:0.5;top:0px;position:absolute;outline:none;border:2px solid #fff;padding:0px;margin:0px;display:block;cursor:pointer;color:#ffffff;width:30px;height:30px;border-radius:50%;overflow:hidden;text-align:center;font-size:25px;margin:0px;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;}
/* DT */
.item-partner{border:1px solid #f1f1f1;display:block;}
.box-photo-ct{border-radius:20px;overflow:hidden;}
.title-detail{position:relative;margin:20px 0px;}
.title-detail h1{font-size:20px;color:#fff;font-weight:700;text-align:left;text-transform:uppercase;}
.title-main{position:relative;text-align:center;margin-bottom:32px;}
.title-main span{font-size:30px;font-weight:bold;text-transform:uppercase;}
.tt-week{font-size:25px;text-align:center;margin:20px 0px;color:#fff;font-weight:700;text-transform:uppercase;}
.title-cat-main{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;}
.title-cat-main span{display:block;color:#999;background:linear-gradient(64.85deg,#fca600 23.67%,#ffd41d 106.12%);background-color:#fff;padding:10px;border-radius:10px;cursor:pointer;}
.title-cat-main span:hover,.title-cat-main span.active{background:linear-gradient(64.85deg,#ffd41d 23.67%,#fca600 106.12%);color:#fff;}
/* News */
.row-news{margin:0px -10px;}
.col-news{padding:0px 10px;margin-bottom:20px;}
.news-box{padding:10px;border-radius:5px;background:rgb(0 0 0 / 5%);}
.news-pic{margin-bottom:12px;display:block;}
.news-name a{font-weight:700;color:#fff;font-size:16px;text-transform:uppercase;line-height:1.5;}
.news-name a.text-split{--webkit-line-clamp:2;}
.news-name a:hover{color:var(--color-main);}
.news-time{display:flex;align-items:center;color:#fff;}
.news-time svg{width:14px;margin-right:5px;fill:#fff;}
.news-desc{color:#fff;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;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:0.5s;}
.news-view:hover{color:#fff;}
.news-view:hover svg{margin-left:10px;}
.item-news .ds-news{width:100%;}
.ds-news span{display:block;line-height:25px;color:#999;font-size:13px;margin:10px 0px 0px;font-style:italic;}
.ds-news h3{font-size:16px;margin:0;color:#fff;font-weight:500;text-transform:uppercase;--webkit-line-clamp:3!important;}
.ds-news h3:hover{color:var(--color-main);}
.ds-news .desc{color:#fff;}
.item-news:hover h3{color:#f00;}
.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;}
.share{padding:17px 10px 10px 10px;line-height:normal;background:rgb(128 128 128 / 43%);margin-top:15px;border-radius:5px;}
.share b{display:block;margin-bottom:5px;color:#fff;}
.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:#333333;}
.list-news-other li a:hover{color:#fed402;}
/* Toc */
.box-readmore{padding:8px 15px;border:1px solid #dedede;margin-bottom:2rem;border-radius:5px;background-color:#eeeeee;}
.tt-toc{position:relative;font-size:18px;text-transform:uppercase;font-weight:700;display:flex;justify-content:space-between;align-items:center;cursor:pointer;}
.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:0px;padding-left:0px!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:#333333;cursor:pointer;font-weight:600;}
.box-readmore ul li a:hover{color:#767676;}
/* Partner */
.info-partner{background:#f8f8f8;padding:15px 0px;}
/* Footer */
.footer-tags{padding:40px 0px;}
.title-tags{color:var(--color-main);font-size:30px;font-weight:500;margin-bottom:15px;text-transform:uppercase;}
.item-tags{display:inline-block;background:#F1F1F1;color:#525252;font-size:15px;font-weight:500;padding:8px 15px 8px 12px;border-radius:3px;margin:0px 10px 10px 0px;}
.item-tags i{margin-right:7px;color:var(--color-main);font-size:18px;vertical-align:middle;}
.item-tags:hover{color:#fff;background:var(--color-main);}
.item-tags:hover i{color:#fff;}
.footer-article{padding:66px 0px;}
.footer-title{font-weight:700;font-size:16px;line-height:22px;text-transform:uppercase;color:#fff;margin-bottom:6px;}
.name-company{text-transform:uppercase;font-size:14px;margin-bottom:1rem;font-weight:700;}
.footer-info{color:#fff;font-size:15px;}
.footer-news:nth-child(1){width:12.9%;}
.footer-news:nth-child(2){width:33.1%;}
.footer-news:nth-child(3){width:15.5%;}
.footer-ul{list-style:none;padding:0px;margin:0px;}
.footer-ul li{margin-bottom:10px;}
.footer-ul li:last-child{margin-bottom:0px;}
.footer-ul li a{color:#fff;font-size:14px;}
.footer-ul li a:hover{text-decoration:none;color:var(--color-main);}
.item-icon-footer img{max-height:35px;margin:0px 10px 10px 0px;}
.footer-powered{padding:13.5px 0px;text-align:center;transition:0.7s;border-top:1px solid rgba(255,255,255,0.4);}
.footer-copyright{font-weight:400;font-size:13px;line-height:21px;text-align:center;color:#fff;}
.footer-copyright span{text-transform:uppercase;}
.footer-copyright a{color:#1C1B19;}
.footer-statistic{text-align:right;}
.footer-statistic span{padding-right:10px;}
.footer-statistic span:last-child{padding-right:0px;}
#footer-map{position:relative;height:450px;margin-top:0px;}
#footer-map iframe{position:absolute!important;width:100%!important;height:100%!important;top:0px!important;left:0px!important;}
.newsletter-slogan{color:#fff;font-size:14px;margin-bottom:10px;font-style:italic;font-weight:300;}
.form-newsletter{display:flex;justify-content:space-between;align-items:center;}
.form-newsletter input{width:calc(100% - 45px);margin-bottom:0px;height:34px;border:1px solid #DDD;font-size:13px;padding:0px 15px;border-radius:3px;outline:none;color:#fff;}
.form-newsletter input::placeholder{color:#757575;}
.form-newsletter button{width:43px;height:34px;font-size:13px;border-radius:3px;outline:none;background:var(--color-main);color:#fff;font-weight:400;border:none;}
.form-newsletter button:hover{color:#fff;background:#ae0009;}
.social-footer{margin-top:15px;gap:5px;}
#facebookComponent{height:214px;}
#tiktokComponent{height:403px;position:relative;}
#tiktokComponent .tiktok-embed{margin:0px;height:403px;position:relative;}
#tiktokComponent .tiktok-embed iframe{margin:0px;position:absolute;inset:0;width:100%!important;height:100%!important;}
/* Tags */
.title-tags{position:relative;font-size:1em;font-weight:600;padding-bottom:15px;margin-bottom:15px;color:#777;}
.title-tags:after{content: '';position:absolute;left:0px;bottom:0px;background-color:rgba(0,0,0,0.1);display:block;height:3px;width:30px;}
.flex-tags{display:flex;gap:5px;}
.flex-tags a{color:#fff;border:1px solid;border-radius:3px;display:inline-block;font-size:0.8em!important;opacity:0.8;padding:2px 5px;}
.flex-tags a:hover{background-color:#446084;border-color:#446084;color:#fff;opacity:1;}
/*   TC   */
.item-criteria a{display:flex;align-items:center;color:#fff;}
.item-criteria a .ds-criteria{width:calc(100% - 60px);margin-left:10px;}
.item-criteria a .ds-criteria h3{--webkit-line-clamp:2;font-size:16px;color:var(--color-main);}
.item-criteria a .ds-criteria p{--webkit-line-clamp:2;margin:0px;}
/* Service */
.item-service{position:relative;}
.item-service h3{position:absolute;left:0px;right:0px;bottom:0px;color:#fff;text-transform:uppercase;padding:10px;font-size:17px;margin:0px;}
/* Video */
.flex-video{display:flex;justify-content:space-between;}
.wr-video{width:49%;}
.wr-form{width:49%;}
.video-main{position:relative;}
.list-video{margin-top:10px;width:100%;border-radius:5px;border:1px solid #ddd;}
.img-video span{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);border:1px solid #ff000066;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;color:#f00;background:#ffffffa8;font-size:27px;cursor:pointer;transition:all 1s;}
.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:0px -10px;}
.col-video{padding:0px 10px;margin-bottom:20px;}
.pic-video{position:relative;cursor:pointer;display:block;padding-top:calc(500 / 1200 * 100%);overflow:hidden;}
.pic-video:before{content: "";position:absolute;width:133px;height:133px;top:calc(50% - 133px / 2);left:calc(50% - 133px / 2);z-index:1;background:url(../images/video_big.png) no-repeat center center;cursor:pointer;background-size:contain;}
.pic-video img{position:absolute;inset:0px;width:100%;height:100%!important;object-fit:cover;}
.video .pic-video{padding-top:calc(500 / 900 * 100%);}
.video .pic-video:before{width:63px;height:63px;top:calc(50% - 63px / 2);left:calc(50% - 63px / 2);z-index:1;background:url(../images/video_small.png) no-repeat center center;}
.pic-video-2{position:relative;cursor:pointer;display:block;padding-top:calc(192 / 281 * 100%);}
.pic-video-2:before{content: "";position:absolute;width:63px;height:63px;top:calc(50% - 63px / 2);left:calc(50% - 63px / 2);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:0px;width:100%;height:100%!important;object-fit:cover;}
.name-video{margin-bottom:0px;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;}
.img-video{position:relative;padding-top:calc(360 / 480 * 100%);}
.img-video img{position:absolute;inset:0px;width:100%;height:100%;object-fit:cover;}
.img-video::after{position:absolute;width:63px;height:63px;top:calc(50% - 63px / 2);left:calc(50% - 63px / 2);background:url(../images/video_small.png) center center no-repeat;background-size:contain;content: '';}
.box-video h3{color:#1C1B17;font-size:15px;text-transform:uppercase;font-weight:500;text-align:center;margin-bottom:0px;margin-top:16px;}
.swiper-video{margin-top:20px;}
/* Sort */
.sort-select{display:flex;justify-content:end;margin:20px 0px;position:relative;}
.sort-select .click-sort{border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 10px 6px 8px;margin:0px;}
.sort-select-main{display:grid;background-color:#fff;border-radius:4px;box-shadow:0 4px 6px rgb(0 0 0 / 20%);position:absolute;padding:0 7px;top:30px;right:0;width:160px;z-index:2;}
.sort-select-main p{border-bottom:1px solid #f1f1f1;margin:0px;order:2;}
.sort-select-main p:has(.check){order:1;}
.sort span{color:#fff;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);}
.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;content: '';height:0;position:absolute;top:6px;right:0;width:0;}
/* Product */
.filter{position:absolute;right:0px;top:0px;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;}
.flex-product-main{display:flex;gap:20px;}
.flex-product-main .left-product{width:250px;border:1px solid #f1f1f1;padding:20px;border-radius:5px;}
.flex-product-main .right-product{width:calc(100% - 250px);}
.wrap-product-sale{background-color:#ffa09e;border-radius:10px;overflow:hidden;}
.wr-search p{font-weight:bold;text-transform:uppercase;}
.row-product{margin:0px -10px;}
.col-product{padding:0px 10px;margin-bottom:20px;}
.product{display:block;position:relative;padding:12px 11px;border:1px solid #164327;height:100%;}
.product-pic{background:#fff;margin-bottom:17px;display:block;position:relative;overflow:hidden;}
.product-name{font-weight:500;font-size:14px;line-height:31px;text-align:center;color:#fff;margin-bottom:0;}
.product-name .text-split{--webkit-line-clamp:2;}
.product-info{padding-bottom:2px;}
.product-info-left{width:calc(100% - 50px);}
.product-price{margin-bottom:-2px;text-align:center;}
.price-new{color:var(--color-main);display:inline-block;text-transform:uppercase;margin-right:10px;font-weight:600;font-size:20px;letter-spacing:-0.06em;text-align:center;}
.price-old{font-size:13px;text-decoration:line-through;display:inline-block;color:#AEAEAE;font-weight:300;text-transform:uppercase;}
.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:0px;top:0px;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%;}
.cart-add{margin-left:10px;background-color:#00A5D9;width:155px;}
.cart-add:hover{background-color:#1d1d1d;}
.cart-buy{background-color:#FF2E00;width:93px;height:33px;}
.cart-buy:hover{background-color:#5172fd;}
/* product detail */
.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:0px;}
.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:0px;}
.grid-pro-detail .right-pro-detail ul li .attr-content-pro-detail .price-new-pro-detail{font-weight:700;font-size:20px;color:#f00;}
.grid-pro-detail .right-pro-detail .title-pro-detail{font-size:19px;font-weight:700;margin-bottom:0.5rem;color:#fff;}
.title-product-detail{background:#EEEEEE;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 0px;}
.row-pro-detail{margin:0px -5px;}
.col-pro-detail{padding:0px 5px;}
.swiper-button-next,.swiper-button-prev{padding:7px;background:rgb(0 0 0 / 20%);color:#fff;border-radius:5px;}
.swiper-button-next:after,.swiper-button-prev:after{font-size:20px;}
.swiper-pro-detail .swiper-button-prev{left:0px;}
.swiper-pro-detail .swiper-button-next{right:0px;}
.swiper-pro-detail .swiper-button-prev,.swiper-pro-detail .swiper-button-next{top:calc(50% + 7px);width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:rgb(0 0 0 / 50%);border-radius:5px;color:#fff;}
.swiper-pro-detail .swiper-button-next:after,.swiper-pro-detail .swiper-button-prev:after{font-size:15px;}
.swiper-pro-detail .swiper-button-prev:hover,.swiper-pro-detail .swiper-button-next:hover{background:var(--color-main);color:#fff;}
.item-detail{color:#8E8E8E;font-size:14px;padding:0px 1rem;position:relative;}
.item-detail::after{position:absolute;right:0px;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:0px;top:0px;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:500;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:500;color:#474747;}
.price-new-pro-detail{font-weight:700;font-size:20px;color:#ff2e00;}
.price-old-pro-detail{font-weight:500;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:500;border:none;border-radius:0px;}
.quantity-pro-detail span{line-height:31px;padding:0;width:37px;height:33px;color:#fff;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:normal;border:1px solid #ddd;}
.quantity-pro-detail .quantity-minus-pro-detail{background-color:#FFFFFF;border:1px solid #ddd;}
.quantity-pro-detail .quantity-plus-pro-detail{background-color:#FFFFFF;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:500;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:0px;right:0px;bottom:0px;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;}
/* css brand */
.brand-pic{margin-bottom:1rem;}
.brand-name{font-size:16px;}
.brand-name a{font-weight:700;color:#fff;}
.brand-name a:hover{color:var(--color-main);}
/* css album */
.album-name{font-size:16px;}
.album-name a{font-weight:700;color:#fff;}
.album-name a:hover{color:var(--color-main);}
/* css block actions  */
.ul-actions{display:flex;justify-content:center;margin:20px;gap:15px;align-items:flex-start;}
.ul-actions li,.ul-actions > div{list-style-type:none;margin:0;padding:0;width:80px;text-align:center;}
.ul-actions .active .box__tabr,.ul-actions .box__tabr:hover{border-color:#fd6e1d;}
.ul-actions .box__tabr{align-items:center;border:1px solid #e0e0e0;border-radius:2px;display:flex;justify-content:center;min-height:55px;padding:4px;height:60px;width:80px;}
.icon-action{background-image:url('../images/icon_chitiet@2x-min.png');background-repeat:no-repeat;display:inline-block;height:30px;width:30px;line-height:30px;vertical-align:middle;background-size:300px 180px;}
.icon-dnb{background-position:0 0;height:28px;width:28px;}
.icon-tskt{background-position:-105px 0;height:30px;width:30px;}
.icon-ttsp{background-position:-140px 0;height:19px;width:23px;}
.ul-actions p{font-size:14px;line-height:1.3;margin-top:5px;white-space:normal;color:#fff;}
/* modal-detail */
.modal-detail::-webkit-scrollbar{width:10px;}
.modal-detail::-webkit-scrollbar-thumb{width:10px;background:#4d90e0;border-radius:10px;height:50px;}
.modal-detail{position:fixed;z-index:999;background:#000000c4;top:0px;left:0px;width:100%;height:100%;overflow-y:scroll;}
.content-modal-detail{background:#fff;max-width:1200px;margin:0px 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:0px;background:#fff;z-index:99;}
.content-modal-detail .tabs li{padding:20px 20px;margin-right:5px;font-weight:bold;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:0px 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:#fff;cursor:pointer;line-height:21px;padding:7px;text-align:right;width:72px;}
.btn-closemenu::before{transform:rotate(45deg);}
.btn-closemenu::after{transform:rotate(-45deg);}
.btn-closemenu::before,.btn-closemenu::after{background-color:#fff;content: '';left:13px;height:14px;position:absolute;top:10px;width:1px;}
.cursor-pointer{cursor:pointer;}
/* Contact */
.contact-detail{display:flex;justify-content:space-between;}
.left-contact-detail{width:60%;}
.right-contact-detail{width:calc(100% - 60% - 60px);}
.contact-map{position:relative;height:385px;border-radius:10px;overflow:hidden;}
.contact-map iframe{position:absolute;left:0px;top:0px;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:rgba(0,0,0,0.24) 0px 3px 8px;}
.social-contact > div a{display:inline-block;margin:0 2px;}
.contact-item{width:calc((100% / 3) - 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(100% - 80% - 8px);}
.row-contact-input .contact-input:nth-child(2) label{margin-bottom:15px;}
.contact-input label{font-size:12px;font-weight:600;color:#fff;transition:all 0.8s;}
.contact-input input{border-radius:0;border:none;border-bottom:1px solid #ccc;padding:10px;height:45px;margin-bottom:15px;overflow:hidden;}
.contact-input input::placeholder{font-size:15px;color:#ced4da;transition:all 0.5s!important;}
.contact-input textarea{border-radius:0;border:none;border-bottom:1px solid #ccc;padding:10px;height:70px;margin-bottom:20px;}
.contact-input textarea::placeholder{font-size:15px;color:#ced4da;transition:all 0.5s!important;}
.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:500;text-transform:uppercase;color:#fff;box-shadow:rgba(99,99,99,0.2) 0px 2px 8px 0px;transition:all 0.3s;}
.contact-form button:hover{box-shadow:rgba(0,0,0,0.16) 0px 3px 6px,rgba(0,0,0,0.23) 0px 3px 6px;background:#000;}
.contact-input{display:flex;flex-direction:column-reverse}
.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::placeholder{transform:translateY(-200%);}
.contact-input .form-control:focus + label{color:var(--color-main);}
.contact-input input input[type=number]::-webkit-inner-spin-button,.contact-input input input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;}
.contact-input input[type="file"]{display:none;}
.custom-file-upload{display:inline-block;padding:10px;cursor:pointer;transition:all 0.4s;font-size:20px;display:block;text-align:center;}
.file-input.has-file label{color:var(--color-main);}
.custom-file-upload i{font-size:25px;}
.custom-file-upload:hover{color:var(--color-main);}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;}
/*  breadCrumbs */
.breadCrumbs{padding:10px 10px;background:#2dbe78;}
.breadCrumbs ol{margin:0px;}
.breadCrumbs ol li a{color:#fff;}
.breadCrumbs ol li a:hover{color:#f00;}
/* paging */
.paging-product{position:relative;}
.pagination{margin:20px 0px;justify-content:center;flex-wrap:wrap;}
.pagination li span{cursor:pointer;}
.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);}
.btn-frame{display:block;width:50px;height:50px;position:fixed;z-index:10;cursor:pointer;}
.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 rgba(7,41,103,0.8);opacity:0.1;border-color:#1182fc;opacity:0.5;}
.btn-frame .zoomIn{animation-name:zoomIn;}
.btn-frame .animated{animation-duration:1s;animation-fill-mode:both;}
.btn-frame .kenit-alo-circle-fill{width:70px;height:70px;top:-10px;right:-10px;position:absolute;border-radius:100%;border:2px solid transparent;background-color:rgba(7,41,103,0.35);opacity:0.4;}
.btn-frame .pulse{animation-name:pulse;}
.grid-properties{display:flex;gap:10px;}
.grid-properties span{position:relative;border:1px solid #ddd;padding:5px 15px;cursor:pointer;}
.grid-properties span:hover,.grid-properties span.active{border:1px solid #f00;color:#f00;}
.grid-properties span:hover:after,.grid-properties span.active:after{content: '';border:0.9375rem solid transparent;border-bottom:0.9375rem solid var(#d0011b,#ee4d2d);bottom:0;position:absolute;right:-0.9375rem;}
.grid-properties span.outstock{pointer-events:none;background-color:#fafafa;color:rgba(0,0,0,0.26);cursor:not-allowed;}
/* scrollToTop */
.scrollToTop{width:41px;height:41px;text-align:center;font-weight:bold;color:#444;text-decoration:none;position:fixed;bottom:65px;right:25px;display:none;z-index:10;cursor:pointer;}
/* Hidden Google Captcha */
.grecaptcha-badge{display:none!important;width:0px!important;height:0px!important;visibility:hidden!important;overflow:hidden;}
[x-cloak]{display:none!important;}
/* CSSS T */
a.views_dm{width:140px;height:38px;}
.effect_button{transform-style:preserve-3d;transform:translateZ(-25px);transition:transform 0.25s;position:relative;display:inline-flex;z-index:1;}
.effect_button:after,.effect_button:before{position:absolute;content: 'xem thêm';height:100%;width:100%;display:flex;align-items:center;justify-content:center;border:1px solid #f00;box-sizing:border-box;border-radius:5px;z-index:-1;text-transform:uppercase;font-weight:700;font-size:15px;}
.effect_button:before{color:#fff;background:#f00;transform:rotateY(0deg) translateZ(25px);}
.effect_button:after{color:#f00;transform:rotateX(90deg) translateZ(25px);}
.effect_button:hover{transform:translateZ(-25px) rotateX(-90deg);}
/* News */
.flex-news-detail{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;}
.news-left{width:68%;}
.news-right{position:sticky;top:61px;width:30%;background:#f1f1f1cc;padding:20px;box-shadow:0px 0px 5px #99999978;}
.news-right .title-main span{font-size:25px;}
a.btn_link{position:relative;margin:5px;height:36px;width:140px;}
.btn_link.effect_button:first-child:after,.btn_link.effect_button:first-child:before{content: 'facebook';}
.btn_link.effect_button:first-child:after,.btn_link.effect_button:first-child:before,.btn_link.effect_button:nth-child(2):after,.btn_link.effect_button:nth-child(2):before{border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(0 165 217 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(0 165 217 / var(--tw-bg-opacity));}
.btn_link.effect_button:nth-child(2):after,.btn_link.effect_button:nth-child(2):before{content: 'google map';}
div.slick.in-page:not(.slick-initialized){display:flex;gap:10px;overflow:hidden;white-space:nowrap;}
.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;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;-webkit-border-horizontal-spacing:1px;-webkit-border-vertical-spacing:1px;display:block;overflow-y:auto;}
.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,.baonoidung ol{list-style:auto;padding-left:2rem;}
.baonoidung ul li,.baonoidung ol li{margin-bottom:0.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;}
div.desc-pro-detail ul li{margin-bottom:0.75rem;list-style-type:circle;}
div.desc-pro-detail ul li:last-child{margin-bottom:0!important;}
div.baonoidung ul li{margin-bottom:0.75rem;list-style-type:disc;}
div.baonoidung ol li{margin-bottom:0.75rem;list-style-type:decimal;}
/* Swipper */
.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:0px;overflow:hidden;}
/* Popup */
.modal-title{font-size:20px;}
/* CSS cho loading */
.loading-overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.7);justify-content:center;align-items:center;z-index:999;}
.loading{width:50px;height:50px;border:5px solid rgba(0,0,0,0.1);border-radius:50%;border-top:5px solid #3498db;animation:spin 1s linear infinite;}
@keyframes spin{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
/* About */
.wrap-about{padding:55px 0px;background:#121212;}
.left-about{width:42.7%;}
.right-about{width:calc(100% - 42.7% - 57px);position:relative;}
.video-about{width:100%;margin-top:60px;}
.title-about{position:relative;}
.title-about p{margin-bottom:12px;text-transform:uppercase;font-weight:600;font-size:34px;line-height:41px;color:#238d53;}
.title-about span{color:#E5020D;font-size:35px;margin-bottom:0px;font-weight:800;display:block;text-transform:uppercase;line-height:45px;}
.right-about .title-about span{color:#15AA5A;}
.desc-about{text-align:justify;margin-bottom:30px;font-weight:300;font-size:14px;line-height:26px;color:#fff;height:calc();}
.desc-about.text-split{--webkit-line-clamp:4;}
.view-about{display:inline-block;padding:14px 24px;color:#fff;background:#15AA5A;font-size:15px;text-transform:uppercase;text-align:center;}
.view-about:hover{color:#fff;background:#E5020D;}
/* Product */
.wrap-product{padding:80px 0;}
.wrap-product .swiper-button-prev{left:-30px;}
.wrap-product .swiper-button-next{right:-30px;}
.tab-product{text-align:center;margin-bottom:15px;}
.item-tab-product,.cp1{cursor:pointer;color:#fff;border-radius:5px;border:1px solid #15AA5A;padding:5px 15px;display:inline-block;margin:0px 5px 5px;}
.item-tab-product:hover,.item-tab-product.active,.cp1:hover,.cp1.active{background:#15AA5A;color:#fff;}
.box-brand{text-align:center;}
.name-brand{margin-top:10px;}
.name-brand a{color:#fff;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:#f00;border-color:#f00;}
.wrap-readmore span.active::before{position:absolute;inset:0px;content: '';color:#fff;background:var(--color-main);transition:0.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:0.7s;animation:rotate 1.5s linear infinite;}
@keyframes rotate{
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
.top-info{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.box-cp1{display:flex;flex-wrap:wrap;align-items:center;}
.btn.guimail{border-color:#15AA5A;background:#15AA5A;width:100%;height:100%;}
.newsletter-form{overflow:hidden;max-width:911px;margin:auto;}
.xthem a{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;color:#15AA5A;}
.xthem a svg{width:14px;fill:#15AA5A;}
.xthem a:hover,.xthem a:hover svg{color:var(--color-hover);fill:var(--color-hover);}
.gt-pic1{margin-right:265px;margin-bottom:134px;border-radius:30px 0;overflow:hidden;}
.gt-pic2{position:absolute;bottom:0;right:0;border-radius:0 30px;overflow:hidden;}
.tieuchi{width:calc(100%/2 - 12px);display:grid;justify-items:center;justify-content:center;}
.left-about > .d-flex{gap:10px 24px;}
.tieuchi-name{font-weight:700;font-size:16px;line-height:32px;text-align:center;color:#fff;-webkit-line-clamp:1;height:32px;}
.tieuchi-pic{margin-bottom:5px;background:url(../images/tc_bor.png) no-repeat;background-position:center;background-size:cover;padding:28px;}
.tieuchi-desc{font-weight:300;font-size:14px;line-height:22px;text-align:center;color:#fff;-webkit-line-clamp:3;height:calc(22px * 3);margin-bottom:13px;margin-top:2px;}
.dichvu-name{margin-bottom:unset;font-weight:600;font-size:18px;text-transform:capitalize;text-align:center;color:#fff;-webkit-line-clamp:1;}
.dichvu-info{background:#24693d;padding:16px 10px 42px;}
.dichvu-p{padding:0 14px 14px;border:1px solid #24693D;margin-top:-28px;}
.running-text{height:61px;background:url(../images/running_slogan.png);margin-top:10px;animation:running-text 10s infinite linear reverse;}
@keyframes running-text{
0%{background-position:0;}
100%{background-position:1635px;}
}
.duan-info{position:absolute;bottom:0;width:100%;left:0;right:0;background:rgba(0,0,0,0.5);padding:4px 10px;}
.duan{position:relative;}
.duan-name{margin-bottom:unset;font-weight:500;font-size:16px;line-height:31px;text-align:center;color:#fff;}
.duan:hover .duan-info{background:#238d53;}
.wrap-duan .row{--bs-gutter-x:16px;--bs-gutter-y:16px;}
.row-dichvu{--bs-gutter-x:30px;--bs-gutter-y:30px;}
.title-main .sub{font-weight:600;font-size:50px;letter-spacing:-0.04em;text-align:center;color:#238d53;line-height:61px;}
.title-main h2{font-weight:400;font-size:50px;text-align:center;color:#fff;font-family:fz;line-height:50px;margin-bottom:-9px;}
.newsletter-form .newsletter-input:first-child{margin-bottom:20px;}
.title-dknt .main{font-weight:600;font-size:32px;letter-spacing:-0.04em;text-transform:capitalize;text-align:center;color:#fff;line-height:39px;margin-bottom:11px;}
.title-dknt .sub{font-style:italic;font-weight:400;font-size:15px;line-height:21px;letter-spacing:-0.02em;color:#fff;text-align:center;}
.title-dknt{margin-bottom:39px;}
.wrap-duan{padding:97px 0 89px;}
.wrap-dknt{background:url(../images/dknt_bg.png) no-repeat;background-size:cover;padding:70px 0 90px;}
.box-left{width:58%;z-index:1;border:5px solid #2EC37C;max-height:459px;overflow:hidden;}
.box-right{width:50%;margin-left:-96px;border:1px solid #2EC37C;padding:77px 42px 45px 142px;margin-top:44px;}
.video-desc{font-weight:300;font-size:15px;line-height:30px;color:#fff;margin-bottom:60px;}
.video{margin:0 8px;}
.video-small > div{margin:0 -8px;}
.video-big .video{margin:0;}
.date{display:flex;align-items:center;gap:10px;text-transform:capitalize;font-weight:500;font-size:13px;line-height:24px;color:#fff;margin-bottom:24px;}
.news-name{font-weight:500;font-size:18px;line-height:27px;color:#fff;height:calc(27px * 2);-webkit-line-clamp:2;margin-bottom:17px;}
.xemthem{font-weight:600;font-size:16px;line-height:22px;color:#238d53;position:relative;}
.xemthem svg{position:absolute;bottom:0;transform:translateY(50%);}
.wrap-news .wrap-content{padding:65px 0;border-top:1px solid #24693D;}
.doitac-pic{border-radius:6px;border:1px solid #212121;}
.wrap-doitac{padding:90px 0 80px;}
.title-tt{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:16px;}
.tt-left h2{font-weight:600;font-size:32px;letter-spacing:-0.04em;color:#238d53;line-height:38px;margin-bottom:8px;}
.tt-left .sub{font-weight:500;font-size:16px;line-height:34px;color:#fff;}
.tt-right a{font-weight:600;font-size:14px;line-height:22px;text-align:center;color:#fff;background:#238d53;border-radius:3px;padding:13.5px 16px;display:inline-block;}
.wrap-dichvu{padding:78px 0;}
.header-info{display:flex;align-items:center;gap:10px;font-weight:500;font-size:14px;line-height:32px;text-align:right;color:#fff;}
.header-top{background:url(../images/header_bg.png) no-repeat;background-size:cover;background-position:center;}
.header-slogan marquee{font-weight:700;font-size:16px;line-height:42px;height:32px;letter-spacing:-0.02em;text-transform:uppercase;color:#fff;}
.header-top > div > div.d-flex{gap:60px;}
.menu > div > ul{width:808px;}
.footer-news:nth-child(4){width:22.917%;}
.footer-news:nth-child(3) .footer-title{margin-bottom:10px;}
footer{background:url(../images/ft_bg.png) no-repeat;background-position:center;background-size:cover;}
.product-name:hover,.news-name:hover{color:var(--color-main);}
.dichvu-name:hover{text-decoration:underline!important;}
.menu.menu-fix,.menu.mn{background:#ffffff30;backdrop-filter:blur(5px);}
.menu.mn{margin-bottom:0;}
div.content-main{color:#fff;}