:root {
     --main: #039EFA;
     --sub: #F3CE00;
     --bs-accordion-active-color: #F3CE00;
}
@font-face {
     font-family: 'Inter';
     src: url('../fonts/Inter_24pt-Regular.woff2') format('woff2'),
          url('../fonts/Inter_24pt-Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
 }
 @font-face {
     font-family: 'Inter';
     src: url('../fonts/Inter_24pt-Medium.woff2') format('woff2'),
          url('../fonts/Inter_24pt-Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
 }
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter_24pt-SemiBold.woff2') format('woff2'),
         url('../fonts/Inter_24pt-SemiBold.woff') format('woff');
    font-weight:600;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter24pt-Bold.woff2') format('woff2'),
         url('../fonts/Inter24pt-Bold.woff') format('woff');
    font-weight:700;
    font-style: normal;
}
body {font-family: 'Inter', sans-serif;max-width: 1920px;overflow-x: hidden;margin: auto;font-size: 16px;background-color: #F3F6F8;}
html{scroll-behavior: smooth;}
html::-webkit-scrollbar { width:6px; }
html::-webkit-scrollbar-track { background:#f1f1f1; }
html::-webkit-scrollbar-thumb { background:var(--main); border-radius:4px; }
html::-webkit-scrollbar-thumb:hover { background:#555; }
/* Default */
a {color: #000;text-decoration: none;}
.fs-11{font-size: 11px;}
.fs-12{font-size: 12px;}
.fs-14{font-size: 14px;}
.fs-18{font-size: 18px;}
.fs-20{font-size: 20px;}
.fs-24{font-size: 24px;}
.fs-26{font-size: 26px;}
.fs-28{font-size: 28px;}
.fs-32{font-size: 32px;}
.fs-36{font-size: 36px;}
.text-line {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-2line {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.text-3line {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.text-4line {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;}
.text-6line {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow: ellipsis;}
.bg-sub {background-color: var(--sub);}
.bg-main {background-color: var(--main);}
.bg-main-f05{background-color: rgba(3, 73, 108, .05);}
.bg-gradient-main {background: linear-gradient(to top,var(--main) 0%, #01ADFF 100%);}
.bg-gray{background-color: #BABABA;}
.bg-D6EFFF{background-color: #D6EFFF;}
.bg-F0F1F3{background-color: #F0F1F3;}
.bg-E5E6ED{background-color: #E5E6ED;}
.bg-red{background-color: #ED3324;}
.text-red{color: #E31515;}
.text-main {color: var(--main);}
.text-sub{color: var(--sub);}
.text-888888{color: #888888;}
.text-6C757D{color: #6C757D;}
.text-999999{color: #999999;}
.text-yellow{color: #F3CE00;}
.text-C9C9C9{color: #C9C9C9;}
.text-6B7280{color: #6B7280;}
.hv-text-sub:hover {color: var(--sub)!important;}
.hv-text-main:hover {color: var(--main)!important;}
.hv-bg-main:hover{background-color: var(--main)!important;}
.hv-bg-sub:hover{background-color: var(--sub)!important;}
.hv-bg-sub2:hover{background: var(--sub)!important;}
.cursor-pointer{cursor: pointer;}
.list-none {list-style: none;}
.text-justify{text-align: justify;}
.bsd{box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);}
.container {max-width: min(1560px, calc(100% - 10vw));}
.p-left{padding-left: calc(5vw + (1.5rem * .5))}
.p-right{padding-right: calc(5vw + (1.5rem * .5))}
.border-color-main{border-color: var(--main)!important;}
/* Header*/
.logo img{transition: all 0.6s ease;}
.modal{z-index: 9999999999;}
/* Menu */
.menu{ z-index:10; transition: transform 0.8s ease; -webkit-transition: transform 0.8s ease; -moz-transition: transform 0.8s ease; -ms-transition: transform 0.8s ease; -o-transition: transform 0.8s ease;background-color: #424242; }
.fixed{ position: fixed!important; z-index: 9999; top: 0px; left: 0px; right: 0px;}
.menu.fixed .logo img{max-width: 70px!important;}
.menu ul.ul-pc{padding:0px;margin-bottom:0;list-style:none;}
.menu ul.ul-pc li a{ display:block; white-space: nowrap; transition:all .6s ease ; -webkit-transition:all .6s ease ; -moz-transition:all .6s ease ; -ms-transition:all .6s ease ; -o-transition:all .6s ease ; }
.menu ul.ul-pc li ul{ position:absolute; min-width:250px; background:#424242; border-radius:0.25rem; -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 .5s; list-style: none; margin: auto; padding: 0; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); -webkit-border-radius:0.25rem; -moz-border-radius:0.25rem; -ms-border-radius:0.25rem; -o-border-radius:0.25rem; }
.menu ul.ul-pc 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 .7s; -moz-transform:perspective(600px) rotateX(0); -ms-transform:perspective(600px) rotateX(0); -o-transform:perspective(600px) rotateX(0); }
.menu ul.ul-pc li ul li a{border-bottom:1px solid #eee;}
.menu ul.ul-pc li ul li:last-child > a{border-bottom:0;}
.menu ul.ul-pc li ul li a.has-child{margin-right:0px;}
.menu ul.ul-pc li ul li a.has-child:after{-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.menu ul.ul-pc > li > a.active,.menu ul.ul-pc > li > a:hover{color: var(--main)!important;}
.menu ul.ul-pc > li > ul::before{position: absolute;content: "";width: 20px;height: 10px;top: -10px;left: 15px;clip-path: polygon(50% 0%, 0% 100%, 100% 100%);background-color:#eee;}
.menu ul.ul-pc li ul li ul{position: absolute;top: 0;left: 100%;}
/*Menu left*/
.category-menu{width: 100%;max-width: 350px;min-width: 350px;}
.ul-left-menu{ position: absolute; left: 0; top: 100%; width: 100%; z-index: 999; transition: all .25s ease; transition: opacity .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; height: 550px; }
.ul-left{height: 100%;overflow-y: scroll;}
.category-menu .ul-left-menu.hide {opacity: 0;visibility: hidden;}
.category-menu .ul-left-menu.show,.category-menu:hover .ul-left-menu {opacity: 1;visibility: visible;}
.ul-left > li > a{ opacity: 0; transform:translateY(-8px) ; -webkit-transform:translateY(-8px) ; -moz-transform:translateY(-8px) ; -ms-transform:translateY(-8px) ; -o-transform:translateY(-8px) ; transition: color .15s ease 0s,background-color .15s ease 0s, opacity .4s ease var(--delay),transform .4s ease var(--delay); -webkit-transition: color .15s ease 0s,background-color .15s ease 0s, opacity .4s ease var(--delay),transform .4s ease var(--delay); -moz-transition: color .15s ease 0s,background-color .15s ease 0s, opacity .4s ease var(--delay),transform .4s ease var(--delay); -ms-transition: color .15s ease 0s,background-color .15s ease 0s, opacity .4s ease var(--delay),transform .4s ease var(--delay); -o-transition: color .15s ease 0s,background-color .15s ease 0s, opacity .4s ease var(--delay),transform .4s ease var(--delay); }
.ul-left li a:hover {color: #fff;}
.ul-left li  ul.ul-level-sub{ left: 100%; top:0; position: absolute; width: calc(100vw - (((5vw + (1.5rem * .5)) * 2) + 350px)); height: 100%; background-color: #fff; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); visibility: hidden; transition:.4s ease ; -webkit-transition:.4s ease ; -moz-transition:.4s ease ; -ms-transition:.4s ease ; -o-transition:.4s ease ; transform: translateX(-50px); -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); opacity: 0; overflow-y: scroll; display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; align-content:start; }
.ul-left li:hover > ul.ul-level-sub,.ul-left li ul li:hover > ul.ul-level-sub{ visibility: visible; transform:translateX(0) ; -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ;opacity: 1; }
.category-menu .ul-left-menu.show .ul-left > li > a,
.category-menu:hover .ul-left > li > a {opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);}
.ul-left li ul.ul-level-sub::-webkit-scrollbar,.ul-left::-webkit-scrollbar { width:3px; }
.ul-left li ul.ul-level-sub::-webkit-scrollbar-track,.ul-left::-webkit-scrollbar-track { background:#f1f1f1; }
.ul-left li ul.ul-level-sub::-webkit-scrollbar-thumb,.ul-left::-webkit-scrollbar-thumb { background:var(--main); border-radius:6px;}
.ul-left li ul.ul-level-sub::-webkit-scrollbar-thumb:hover,.ul-left-menu::-webkit-scrollbar-thumb { background:#555; }
.ul-left li:first-child{border-top-left-radius: .5rem;border-top-right-radius: .5rem;}
.ul-left li:last-child{border-bottom-left-radius: .5rem;border-bottom-right-radius: .5rem;}

.ul-left-slide > li {position: static;}
.ul-level-sub {position: absolute;top: 0;left:25%;width: calc(100% - 25%);display: none;background: #fff;height: 100%;z-index: 99;padding: 1rem;}
.ul-left-slide > li:hover > .ul-level-sub {display: grid;grid-template-columns: repeat(4,1fr);gap: 1rem;align-content:start;}
/*Menu Mobile*/
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.navbar-toggle {position: relative;padding: 5px 5px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.navbar-toggle .icon-bar {display: block;width: 20px;height: 3px;border-radius: 1px;background-color: #fff;}
.navbar-toggle .icon-bar+.icon-bar {margin-top: 5px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.svg {position: absolute;width: 0;height: 0;}
.ic-sale{background: url('../images/ic-sale.png')no-repeat;width: 55px;height: 50px;padding-right: .1rem;}
/*Body*/
.img-filter{filter: brightness(0) invert(1);}
.scrollToTop{width:41px;height:41px;text-align:center;color:#fff;text-decoration:none;position:fixed;bottom:15px;right:15px;display:none;z-index:10;cursor:pointer;background: var(--main);line-height: 41px;border-radius: 10px;}
.MagicZoom,.MagicZoom .mz-figure{display: block !important;width: 100% !important;}
.MagicZoom img {display: block;width: 100% !important;height: auto;max-width: 100%!important;}
.map-about iframe{width: 100%;height: 100%;}
.clipped-product{-webkit-clip-path: url(#clip-path-product);clip-path: url(#clip-path-product);}
.star-half {--fa-primary-color: #ffc107;--fa-secondary-color: #d6d6d6;--fa-primary-opacity: 1;--fa-secondary-opacity: 1;}
.product-content .content { max-height: 450px; overflow: hidden; position: relative; transition: max-height .6s ease; -webkit-transition: max-height .6s ease; -moz-transition: max-height .6s ease; -ms-transition: max-height .6s ease; -o-transition: max-height .6s ease; }
.product-content.active .content {max-height: 4000px;}
.product-content.active .fade-overlay {opacity: 0;}
.nav-campaign li button.active{background-color: #EAF8FF!important;border-bottom:1px solid var(--main)!important}
.trademark-items:hover,.trademark-items.active{border-color: var(--main)!important;}
.sort-product span.active,.sort-product span:hover{color: var(--main);}
.filter-popup{width:320px;top:100%;left:0;z-index:100;}
.price-slider {height: 30px;}
.price-slider .form-range {top: 0;left: 0;width: 100%;}
.price-slider .form-range::-webkit-slider-thumb {position: relative;z-index: 2;}
.price-slider .form-range::-moz-range-thumb {position: relative;z-index: 2;}
.items-capacity.active,.items-speed.active{background-color: var(--main);color: #fff;}
.change-att.active,.change-att:hover{color: #fff;border-color: var(--main)!important;background-color: var(--main);}
.change-att.active .price,.change-att:hover .price{color: #fff;}
.login-card{background:#fff;border:1px solid #ececec;border-radius:20px;overflow:hidden;}}
.login-header h2{font-size:26px;}
.login-header p{font-size:14px;}
.form-label{margin-bottom:8px;font-size:14px;font-weight:600;color:#495057;}
.input-custom{overflow:hidden;border:1px solid #dee2e6;border-radius:14px;background:#f8f9fa;transition:.25s;}
.input-custom:focus-within{background:#fff;border-color:var(--color-main);box-shadow:0 0 0 .2rem rgba(225,156,44,.15);}
.input-custom .input-group-text{width:50px;justify-content:center;border:0;background:transparent;color:#777;font-size:17px;}
.input-custom .form-control{padding:.85rem 0;border:0;background:transparent;box-shadow:none;font-size:15px;}
.input-custom .form-control::placeholder{color:#adb5bd;}
.btn-show-password{width:50px;border:0;background:transparent;color:#888;transition:.2s;}
.btn-show-password:hover{color:var(--color-main);}
.divider{position:relative;text-align:center;}
.divider::before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid #e5e5e5;}
.divider span{position:relative;padding:0 16px;background:#fff;color:#999;font-size:14px;}
.user-sidebar{background:#fff;border:1px solid #ececec;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.06);}}
.user-avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.35);font-size:28px;color:#fff;}
.user-sidebar-body{padding:10px;}
.user-menu{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:6px;border-radius:12px;color:#333;font-weight:600;text-decoration:none;transition:.25s;}
.user-menu:last-child{margin-bottom:0;}
.user-menu>i:first-child{width:22px;text-align:center;color:var(--main);font-size:18px;}
.user-menu:hover{background:#fff7ea;color:var(--main);transform:translateX(4px);}
.user-menu.active{background:rgba(225,156,44,.12);color:var(--main);}
.user-menu.active>i:first-child,.user-menu:hover>i:first-child{color:var(--main);}
.owl-flex .owl-stage{display: flex;}
.content-list-product .content { max-height: 450px; overflow: hidden; position: relative; transition: max-height .6s ease; -webkit-transition: max-height .6s ease; -moz-transition: max-height .6s ease; -ms-transition: max-height .6s ease; -o-transition: max-height .6s ease; }
.fade-overlay {position: absolute;left: 0;right: 0;bottom: 0;height: 300px;background: linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,1));pointer-events: none;transition: opacity .3s ease;}
.content-list-product .content.active{max-height: 4000px;}
.content.active .fade-overlay {opacity: 0;}
.toggle-btn i {transition: transform .3s ease;}
.toggle-btn.active i {transform: rotate(180deg);}
/* Desktop */
.swal2-toast{width: 280px !important;}
.swal2-toast .swal2-title{font-size: 13px !important;}
.swal2-toast .swal2-html-container{font-size: 11px !important;}
/*time line*/
.order-timeline{position:relative;margin-top:10px;}
.timeline-item{position:relative;padding-left:72px;padding-bottom:30px;}
.timeline-item:last-child{padding-bottom:0;}
.timeline-item::before{content:"";position:absolute;left:23px;top:48px;width:2px;height:100%;background:#dee2e6;}
.timeline-item:last-child::before{display:none;}
.timeline-dot{position:absolute;left:0;top:0;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;box-shadow:0 .25rem .75rem rgba(0,0,0,.15);z-index:2;}
.timeline-content{background:#fff;border:1px solid #e9ecef;border-radius:16px;padding:18px 20px;box-shadow:0 .25rem .75rem rgba(0,0,0,.05);transition:.25s;}
.timeline-content:hover{transform:translateY(-2px);box-shadow:0 .5rem 1.5rem rgba(0,0,0,.08);}
.timeline-date{font-size:.85rem;color:#6c757d;white-space:nowrap;}
/*Product*/
.thumb-pro-detail{display:block!important;border:1px solid #eee;padding:5px;border-radius:3px;cursor:pointer;background-color:#ffffff;}
.thumb-pro-detail.mz-thumb.mz-thumb-selected{border-color:#cecfd2;}
.thumb-pro-detail img{box-shadow:none!important;filter:brightness(100%)!important;border-bottom:0px!important;padding-bottom:0px!important;}
.flash-countdown .time{display: flex;align-items: center;}
.flash-countdown .time span.hour,.flash-countdown .time span.minute, .flash-countdown .time span.second{ display: flex; width: 22px; height: 22px; background-color: var(--main); color: #fff; font-size: 14px; font-weight: 700; border-radius:.4rem ; -webkit-border-radius:.4rem ; -moz-border-radius:.4rem ; -ms-border-radius:.4rem ; -o-border-radius:.4rem ;justify-content: center;align-items: center;}
/*Footer*/
.map_footer iframe{ width: 100%; display: block; height: 100%;}
.swal2-container{z-index: 9999;}
.fancybox-thumbs {top: auto !important;bottom: 0 !important;left: 0 !important;right: 0 !important;width: 100% !important;height: 95px !important;padding: 10px 10px 5px 10px;box-sizing: border-box;background-color: inherit;}
.fancybox-thumbs__list {display: flex !important;flex-direction: row !important;overflow-x: auto;overflow-y: hidden;margin: auto;}
.fancybox-show-thumbs .fancybox-inner { right: 0 !important; bottom: 95px !important;}
/*Ckeditor*/
.content-ckeditor{overflow-wrap: break-word;word-break: break-word;}
.content-ckeditor * {max-width: 100%;box-sizing: border-box;}
.content-ckeditor img{max-width: 100%;height: auto!important;}
.content-ckeditor table{max-width: 100%;border-collapse: collapse;overflow-x: auto;}
.content-ckeditor table td,
.content-ckeditor table th {word-wrap: break-word;}
.content-ckeditor iframe, .content-ckeditor video {max-width: 100% !important;}
.content-ckeditor p{margin-bottom: .5rem;}
.content-ckeditor p:last-child{margin-bottom: 0;}
/*Breadcrumb*/
.banner {padding: 1rem 0;}
.breadcrumb-item.active a{color: var(--main);font-weight: 700;}
.breadcrumb{margin-bottom: 0;}
.btn-thanhtoan.active{background-color: var(--main);color: white;}
.container-maintenance{position: relative;overflow-x: auto;}
/*swiper*/
.swiper-wrapper{height: auto!important;}
.swiper-button-next, .swiper-button-prev {background-color: #fff;border-radius: 50%;color: #878787;width:58px;height: 58px;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 30px;}
.item-slide img {transition: transform 8s ease;transform: scale(1.1);}
.swiper-slide-active .item-slide img {transform: scale(1);}
.Swiper_spct2 .swiper-button-next, .Swiper_spct2 .swiper-button-prev{width: 30px;height: 30px;}
.Swiper_spct2 .swiper-button-next:after, .Swiper_spct2 .swiper-button-prev:after{font-size: 14px;}
/*owl*/
.owl-prev,.owl-next{ position: absolute; top: 50%; left: -.4rem; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); width: 30px; height: 30px; background-color: var(--main)!important; color: #fff!important; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% }
.owl-prev:hover,.owl-next:hover{background-color: var(--sub)!important;}
.owl-prev span,.owl-next span{font-size: 25px;line-height: 30px;}
.owl-next{left: inherit;right: -.4rem;}
.owl-dots {display: flex;justify-content: center;align-items: center;margin-top: 20px;}
.owl-dots button span {display: block;width: 9px;height: 9px;border-radius: 50%;background-color: #C5C5C5;margin: 0 3px;}
.owl-dots button.active span {background-color: #fff;}
/*error*/
#newsletter-form label.error{display: none!important;}
label.error {display: block;color: #ff4d4f;font-size: 0.875rem;margin-top: 0.25rem;position: relative;padding-left: 15px;}
label.error::before {content: "\f071";position: absolute;left: 0; font-family: "Font Awesome 6 Pro";}
.grecaptcha-badge{display: none;}
/*Paging*/
.pagination-page ul{flex-wrap: wrap;gap: .5rem;}
.page-link{color: #717171;min-width: 37px;font-size: 18px;height: 37px;border-radius: .3rem;background-color: #EDEDED;font-weight: 700;text-align: center;}
.active>.page-link, .page-link.active,.page-link:hover{background-color: var(--main);border-color: var(--main);color: #fff;}
/*Comment*/
a.star {font-size: 24px;color: #d1d1d4;cursor: pointer;line-height: 1;transition: all 0.1s ease;}
a.star.vote-hover {color: #ffc120;}
a.star.vote-active {color: #ffc120;}
.rating-medium{text-align: center;padding-top: 0;}
.title-medium-score{font-size: 14px;}
.quantity-star i{color: #B3BCC5;}
.quantity-star i.active{color: #ffc120;}
.quantity-star i:last-child{margin-right: 0!important;}
.item-progress{margin-bottom: 10px;}
.item-progress .rating-num{float: left;font-size: 15px;width: 45px;text-align: right;padding-right: 5px;color: #6f6969;}
.item-progress .box-progress{float: left;width: calc(100% - 90px);vertical-align: middle;margin-top: 5px;}
.item-progress .box-progress .progress{height: 10px;margin-bottom: 0px;box-shadow: none;background-color: #e6e6e6;}
.item-progress .box-progress .progress-bar{background-color: var(--main);}
.item-progress .rating-num-total{width: 45px;text-align: left;display: inline-block;float: left;padding-left: 10px;color: #565656;font-size: 15px;}
.content-nhanxet{display: none;}
.content-nhanxet .h3{margin-top: 10px;font-size: 18px;font-weight: 700;margin-bottom: 20px;}
.item-binhluan .img_user{display: block;width: 80px;height: 80px;margin: 0px auto;border-radius: 50%;overflow: hidden;}
.item-binhluan .img_user img{width: 100%;height: 100%;}
.item-binhluan .name-user{text-align: center;font-weight: 600;margin-top: 10px;color: #626262;margin-bottom: 5px;}
.item-binhluan .ngaydang{display: block;text-align: center;color: #a2a1a1;font-size: 12px;}
.chitiet-bl .titlede-bl{font-weight: 600;color: #00a85a;}
.chitiet-bl p{color: #6f6c6c;}
.panel-traloi{margin-top: 10px;}
.list-traloi{margin-top: 10px;border-top: 1px dashed #e8e5e5;padding-top: 10px;}
.list-traloi span{display: inline-block;margin-left: 14px;font-size: 13px;color: #757575;}
.list-traloi p{color: #6f6c6c;margin-top: 7px;}
.item-traloi{border-bottom: 1px dotted #e2e2e2;margin-bottom: 10px;}
/*widget*/
.widget-desktop {position: fixed; right: 10px; bottom: 120px; z-index: 9999; }
.widget-desktop-items { margin-bottom: 20px; border-radius: 50%; position: relative; text-decoration: none;}
.widget-desktop-items:last-child { margin-bottom: 0; }
.widget-desktop-items:before,.widget-desktop-items:after { position: absolute; content: ""; width: 100%; height: 100%;border-radius: 50%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: scaleIn1 1s; animation: scaleIn1 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.widget-desktop-items:after { -webkit-animation: scaleIn 1.2s; animation: scaleIn 1.2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.widget-desktop-items__icon { 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; width: 40px; height: 40px; background: var(--main); border-radius: 50%; position: relative; z-index: 999; padding: 8px;}
.widget-desktop-items__zalo .widget-desktop-items__icon{background: #028FE3;padding: 0;}
.widget-desktop-items__zalo::before{background: #028FE350;}
.widget-desktop-items__zalo::after{background: -webkit-gradient(linear, left top, right top, color-stop(0, #028FE350), to(#028FE350)); background: linear-gradient(90deg, #028FE350 0, #028FE350 100%)}

.widget-desktop-items__zalo .widget-desktop-items__cart{background: var(--main);padding: 0;}
.widget-desktop-items__cart::before{background: var(--main);opacity: .5;}
.widget-desktop-items__cart::after{background: -webkit-gradient(linear, left top, right top, color-stop(0, var(--main)), to(var(--main))); background: linear-gradient(90deg, var(--main) 0, var(--main) 100%);opacity: .5;}

.widget-desktop-items__message .widget-desktop-items__icon{background: linear-gradient(45deg, #1E86FF,#A133FE,#FF557D);}
.widget-desktop-items__message::before{background:#B4A7FE}
.widget-desktop-items__message::after{background: -webkit-gradient(linear, left top, right top, color-stop(0, #B4A7FE), to(#B4A7FE)); background: linear-gradient(90deg, #B4A7FE 0, #B4A7FE 100%)}

.widget-desktop-items__email .widget-desktop-items__icon{background: #F50000;}
.widget-desktop-items__email::before{background: #ED525280;}
.widget-desktop-items__email::after{background: -webkit-gradient(linear, left top, right top, color-stop(0, #ED525280), to(#ED525280)); background: linear-gradient(90deg, #ED525280 0, #ED525280 100%)}

.widget-desktop-items__call::after{background: -webkit-gradient(linear, left top, right top, color-stop(0, #62E37C90), to(#62E37C90)); background: linear-gradient(90deg, #62E37C90 0, #62E37C90 100%)}
.widget-desktop-items__call::before{background: #62E37C90;}
.widget-desktop-items__call .widget-desktop-items__icon{background: #1FD744;}

.widget-cart{color: #fff;font-size: 20px;}
.widget-desktop-items__call .widget-desktop-items__content { position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 5px 60px 5px 20px; background: -webkit-gradient(linear, left top, right top, color-stop(0, #ED5228), to(#ED5228)); background: linear-gradient(90deg, #ED5228 0, #ED5228 100%); border-radius: 20px; color: #fff; white-space: nowrap;z-index: -1; }
.widget-desktop-items img,.widget-cart i{animation: vibrate 1s ease-in-out infinite;}
@-webkit-keyframes scaleIn { from { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
  60% { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); } }

@keyframes scaleIn { from { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
  60% { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); } }
@-webkit-keyframes scaleIn1 { from { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
  60% { -webkit-transform: translate(-50%, -50%) scale(1.4); transform: translate(-50%, -50%) scale(1.4); } }
@keyframes scaleIn1 { from { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
  60% { -webkit-transform: translate(-50%, -50%) scale(1.4); transform: translate(-50%, -50%) scale(1.4); } }
@keyframes rotate {
     from { transform: translate(-50%,-50%) rotate(0deg); }
     to { transform: translate(-50%,-50%) rotate(360deg); }
}
@keyframes vibrate {
     0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }
     10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
     20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
     30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
     40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
     50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
     100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}
/*Loading*/
.loading-overlay {position: fixed;top: 0; left: 0;width: 100%; height: 100%;background: rgba(0,0,0,0.7); z-index: 9999;justify-content: center;align-items: center;}
.loading-content {display: flex;flex-direction: column;align-items: center;gap: 20px;height: 100%;justify-content: center;}
.loading-content img{max-width: 100px;}
.dots-loading {display: flex;gap: 8px;}
.dots-loading span {width: 12px;height: 12px;background: var(--main);border-radius: 50%;display: inline-block;animation: bounce 1.2s infinite;}
.dots-loading span:nth-child(2) {animation-delay: 0.2s;}
.dots-loading span:nth-child(3) {animation-delay: 0.4s;}
.dots-loading span:nth-child(4) {animation-delay: 0.6s;}
.dots-loading span:nth-child(5) {animation-delay: 0.8s;}
@keyframes bounce {
    0%, 80%, 100% { transform: scale(0); }
    40% { transform: scale(1); }
}