@charset "UTF-8";
@font-face{font-family:"Main";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/Quicksand-Bold.ttf");}
@font-face{font-family:"Main";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/Quicksand-Medium.ttf");}
@font-face{font-family:"Main";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/Quicksand-Regular.ttf");}
@font-face{font-family:"Main";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/Quicksand-SemiBold.ttf");}

/* Main */
:root{--pbmit-global-color:#e7a391;--pbmit-secondary-color:#f6f3ed;--pbmit-light-color:#f6f6f6;--pbmit-white-color:#ffffff;--pbmit-white-color-rgb:255,255,255;--pbmit-blackish-color:#0a132e;--pbmit-blackish-color-rgb:10,19,46;--pbmit-link-color-normal:#0a132e;--pbmit-link-color-hover:#e7a391;--pbmit-global-color-rgb:231,163,145;--pbmit-responsive-breakpoint:1200px;--pbmit-body-typography-font-family:"Main",sans-serif;--pbmit-body-typography-variant:regular;--pbmit-body-typography-font-size:16px;--pbmit-body-typography-line-height:1.6;--pbmit-body-typography-color:#666666;--pbmit-heading-typography-font-family:Bitter,sans-serif;--pbmit-heading-color:#0a132e;--pbmit-heading-font-variant:600;--pbmit-btn-typography-font-family:Bitter,sans-serif;--pbmit-btn-typography-variant:600;--pbmit-btn-typography-font-size:15px;--pbmit-btn-typography-line-height:24px;}
:root{--color-red:#f2073d;--color-medium-red:#cc2c32;--color-dark-red:#c31829;--color-green:#28a745;--color-dark-green:#207d36;--color-black:#212529;--color-gray:#6c757d;--color-main:#ffcc00;--color-hover:#f2073d;}
body{font-size:14px;font-family:"Main";font-weight:400;}
img{max-width:100%;height:auto;vertical-align:top;}
a{text-decoration:none;}
a,input,textarea{outline:none;padding:0px;}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}

/* Lazyload */
img.lazy{opacity:0;}
img:not(.initial){transition:all 1s;}
img.initial,img.loaded,img.error{opacity:1;}
img:not([src]){visibility:hidden;}
.relative{position:relative;}
.🐷{margin-top:60px;}
.content-main img{height:auto!important;}
.w-clear:after{display:block;content:"";clear:both;}
.hidden{display:none;}
.clear{clear:both;}
.none{display:none;}
.hidden-seoh{visibility:hidden;height:0px;margin:0px;overflow:hidden;}
.wrap-main,.wrap-content{width:calc(100% - 20px);max-width:1200px;margin:40px auto;}
.wrap-home{max-width:100%;width:100%;padding:0px;margin:auto;}
.wrap-content{margin:auto;}
.swiper{opacity:0;visibility:hidden;}
.swiper.swiper-initialized{opacity:1;visibility:visible;animation:fadeIn 0.3s ease-out;}
/* content seo */
.content-seo{--seo-text:#111827;--seo-muted:#6b7280;--seo-line:#e5e7eb;--seo-soft:#f9fafb;--seo-link:#1778be;--seo-link-hover:#0b4cc2;color:var(--seo-text);font-size:15px;line-height:1.85;letter-spacing:0.1px;word-break:break-word;overflow-wrap:anywhere;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-feature-settings:"kern","liga","clig","calt";margin:0 auto;}
.content-seo *{box-sizing:border-box;}

/* Paragraph */
.content-seo p{margin:0 0 1em;}

/* Strong / Em */
.content-seo strong{font-weight:700;}
.content-seo em{font-style:italic;}

/* Links */
.content-seo a{color:var(--seo-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .15s ease,text-decoration-color .15s ease;}
.content-seo a:hover{color:var(--seo-link-hover);}
.title-main.title-small span{font-size:50px;line-height:unset;}

/* Headings: kiểu báo chí (rõ, có nhịp) */
.content-seo h1,.content-seo h2,.content-seo h3,.content-seo h4,.content-seo h5,.content-seo h6{color:#000;line-height:1.25;letter-spacing:-0.2px;margin:1.2em 0 .5em;scroll-margin-top:90px;}
.content-seo h1{font-size:1.55rem;margin-top:0;}
.content-seo h2{font-size:1.45rem;padding-top:.2em;}
.content-seo h3{font-size:1.35rem;}
.content-seo h4{font-size:1.2rem;}
.content-seo h5{font-size:1rem;}
.content-seo h6{font-size:.95rem;color:#374151;}

/* Kẻ nhấn nhẹ dưới H2/H3 (nhìn như báo) */
.content-seo h2{border-bottom:1px solid var(--color);padding-bottom:.35em;}
.content-seo h3{position:relative;}

/* Lead / Sapo (nếu bạn dùng class này trong bài) */
.content-seo .sapo,.content-seo .lead{font-size:1.08rem;color:#1f2937;background:linear-gradient(180deg,rgba(17,24,39,.04),rgba(17,24,39,0));border-left:4px solid #111827;padding:12px 14px;margin:0 0 1.1em;border-radius:8px;}

/* Lists */
.content-seo ul,.content-seo ol{margin:0 0 1em 1.2em;padding:0;}
.content-seo li{margin:0 0;}
.content-seo ul li::marker{color:#111827;}
.content-seo ol li::marker{color:#111827;font-weight:600;}

/* Nested list spacing */
.content-seo li > ul,.content-seo li > ol{margin-top:.4em;margin-bottom:.2em;}

/* Quotes */
.content-seo blockquote{margin:1.1em 0;padding:14px 16px;border-left:4px solid #111827;background:var(--seo-soft);border-radius:10px;color:#111827;}
.content-seo blockquote p:last-child{margin-bottom:0;}
.content-seo blockquote cite{display:block;margin-top:.6em;color:var(--seo-muted);font-style:normal;font-size:.95em;}

/* Horizontal rule */
.content-seo hr{border:0;border-top:1px solid var(--color);margin:1.6em 0;}

/* Code */
.content-seo code{font-size:.95em;background:#f3f4f6;border:1px solid #e5e7eb;padding:.12em .35em;border-radius:6px;}
.content-seo pre{margin:1.1em 0;padding:14px 16px;background:#0b1220;color:#e5e7eb;border-radius:12px;overflow:auto;border:1px solid rgba(229,231,235,.15);}
.content-seo pre code{background:transparent;border:0;padding:0;color:inherit;font-size:.95em;}

/* Images + captions */
.content-seo img{max-width:100%;height:auto;display:block;border-radius:12px;margin:1em auto;}
.content-seo figure{margin:1.2em 0;}
.content-seo figcaption{margin-top:.6em;color:var(--seo-muted);font-size:.95em;text-align:center;}

/* Tables (chuẩn báo: rõ, dễ scan) */
.content-seo table{width:100%;border-collapse:collapse;margin:1.1em 0 1.4em;border:1px solid var(--seo-line);border-radius:12px;overflow:hidden;}
.content-seo th,.content-seo td{padding:12px 12px;border-bottom:1px solid var(--seo-line);vertical-align:top;}
.content-seo th{text-align:left;font-weight:700;background:#f3f4f6;}
.content-seo tr:last-child td{border-bottom:0;}
.content-seo tbody tr:hover td{background:rgba(17,24,39,.03);}

/* Callout boxes (tùy chọn) */
.content-seo .note,.content-seo .tip,.content-seo .warning{margin:1.1em 0;padding:12px 14px;border-radius:12px;border:1px solid var(--seo-line);background:#ffffff;}
.content-seo .note{border-left:4px solid #111827;}
.content-seo .tip{border-left:4px solid #10b981;}
.content-seo .warning{border-left:4px solid #f59e0b;}

/* “Key takeaways” kiểu báo */
.content-seo .key-takeaways{margin:1.2em 0;padding:14px 16px;border:1px solid var(--seo-line);background:linear-gradient(180deg,#ffffff,#fafafa);border-radius:14px;}
.content-seo .key-takeaways > strong{display:block;margin-bottom:.5em;font-size:1.02em;}

/* FAQ (nếu dùng <details>) */
.content-seo details{margin:.8em 0;border:1px solid var(--seo-line);border-radius:12px;background:#fff;overflow:hidden;}
.content-seo summary{cursor:pointer;padding:12px 14px;font-weight:700;list-style:none;position:relative;}
.content-seo summary::-webkit-details-marker{display:none;}
.content-seo summary::after{content:"＋";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#111827;}
.content-seo details[open] summary::after{content:"－";}
.content-seo details > div{padding:0 14px 12px;color:#374151;}

/* Spacing: đoạn cuối không bị hụt */
.content-seo >:last-child{margin-bottom:0;}

/* Responsive */
@media (max-width:768px){
    .content-seo{font-size:15.5px;line-height:1.82;max-width:100%;}
    .content-seo h1{font-size:1.8rem;}
    .content-seo h2{font-size:1.4rem;}
    .content-seo h3{font-size:1.18rem;}
    .content-seo table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
}

/* Transition All */
.transition{transition:0.3s ease-out;}
.prev-slideshow,.next-slideshow{position:absolute;top:50%;width:30px;height:30px;transform:translateY(-50%);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.prev-slideshow{left:20px}
.next-slideshow{right:20px}
.prev-product,.next-product{position:absolute;top:50%;width:30px;height:30px;transform:translateY(-50%);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.prev-product{left:-40px}
.next-product{right:-40px}
.prev-sale,.next-sale{position:absolute;top:50%;width:30px;height:30px;transform:translateY(-50%);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.prev-sale{left:-40px}
.next-sale{right:-40px}
/* Hover */
.trangden img{transition:all 0.5s ease-in-out;filter:grayscale(0%);}
.trangden:hover img{filter:grayscale(100%);}
.xoaytronhinh:hover{transform:scale(1) rotate(360deg);}
.xoaytronhinh{transition:all 0.9s ease 0s;-moz-transition:all 0.9s ease 0s;-webkit-transition:all 0.9s ease 0s;-o-transition:all 0.9s ease 0s;}
.zoomhinh{overflow:hidden;}
.zoomhinh img{transition:all 1s ease 0s;}
.zoomhinh:hover img{transform:scale(1.1);}
.duongcheosang{transform:scale(1,1);overflow:hidden;}
.duongcheosang{transition:width 2s,height 2s,transform 2s;cursor:pointer;}
.duongcheosang:hover:before{transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg)
translate3d(0,120%,0);}
.duongcheosang:before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5);content:"";z-index:10;transition:transform 0.6s;transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg)
translate3d(0,-120%,0);}
.duongcheosang2{overflow:hidden;position:relative;}
.duongcheosang2:before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;z-index:1;background:rgba(67,69,113,0);transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;}
.duongcheosang2:after{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background:rgba(67,69,113,0);transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;}
.duongcheosang2:hover:before{right:50%;left:50%;width:0;background:rgba(255,255,255,0.5);}
.duongcheosang2:hover:after{height:0;top:50%;bottom:50%;background:rgba(255,255,255,0.5);}
@keyframes hvr-bob{
	0%{transform:translateY(-8px);}
	50%{transform:translateY(-4px);}
	100%{transform:translateY(-8px);}
}
@keyframes hvr-bob-float{
	100%{transform:translateY(-8px);}
}
.hvr-bob{display:inline-block;vertical-align:middle;transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;}
.hvr-bob:active,.hvr-bob:focus,.hvr-bob:hover{animation-name:hvr-bob-float,hvr-bob;animation-duration:0.3s,1.5s;animation-delay:0s,0.3s;animation-timing-function:ease-out,ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:forwards;animation-direction:normal,alternate;}

/* Loading */
.mask{width:100%;height:100vh;position:fixed;left:0;top:0;z-index:999999999;overflow:hidden;}
.mask span:nth-child(1){height:30vh;top:0;transition-delay:0.3s;}
.mask span:nth-child(2){height:40vh;top:30vh;transition-delay:0.5s;}
.mask span:nth-child(3){height:30vh;top:70vh;transition-delay:0.6s;}
.mask span{width:100%;position:absolute;right:0;background:linear-gradient(90deg,#fff 0,#fff 100%);transition:width 0.9s ease-in-out;}
.mask.hideg span{width:0;}
.mask.hideg{pointer-events:none;}
.loadicon{position:fixed;top:50%;left:50%;width:200px;height:140px;margin:-70px 0 0 -100px;z-index:110000;}
#loading{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999999999;}
#loading.finish{z-index:-9999;}
#loading.finish .logo_2 span,#loading.finish .logo_2 img{display:none;}
#loading .logo_2{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all ease 0.5s;}
#loading .logo_2 img{max-width:250px;}

/* Scroll */
.scroll-maded{overflow-y:scroll;overflow-x:hidden;}
.scroll-maded::-webkit-scrollbar{width:2px;}
.scroll-maded::-webkit-scrollbar-thumb{width:2px;background:#e6c413;}
.scroll-maded::-webkit-scrollbar-thumb:hover{width:2px;}
.scroll-maded::-webkit-scrollbar-thumb:active{width:2px;}

/* Arrows slick */

/*.slick-1 .slick-prev, .slick-1 .slick-next {
	width: 15px !important;
	height: 20px !important;
}
.slick-1 .slick-prev:before, .slick-1 .slick-next:before {
	display: none !important
}
.slick-1 .slick-next {
	background: url(assets/images/next-1.png) no-repeat !important;
	right: 5px;
}
.slick-1 .slick-prev {
	background: url(assets/images/prev-1.png) no-repeat !important;
	left: 5px;
	}*/

/* Arrows owl */

/*.owl-product .owl-nav{
margin: 0;
}
.owl-product .owl-nav button.owl-prev span, .owl-product .owl-nav button.owl-next span{
display: none;
}
.owl-product .owl-nav button.owl-prev, .owl-product .owl-nav button.owl-next{
position: absolute;
outline: none;
top: calc(50% - 7px);
margin: 0;
width: 8px;
height: 14px;
}
.owl-product .owl-nav button.owl-prev{
left: -25px;
background: url(../images/nuttrai.png) no-repeat left top !important;
}
.owl-product .owl-nav button.owl-next{
right: -25px;
background: url(../images/nutphai.png) no-repeat left top !important;
}*/
.text-shadow{text-shadow:1px 0 0 #fff,-1px 0 0 #fff,0 1px 0 #fff,0 -1px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,0px 3px 3px #333;}

/* General */
.title-main{margin-bottom:20px;}
.title-main span{color:#1e1e1e;font-size:40px;font-weight:700;}
.title-main a{color:#1e1e1e;font-weight:500;}
.title-main a:hover{color:var(--color-main);}
.time-main{margin-bottom:0.75rem;color:#999999;}
.time-main i{vertical-align:top;margin:3px 7px 0px 0px;}
.time-main span{vertical-align:top;display:inline-block;}
.social{list-style:none;padding:0px;margin:0px;}
.social li{display:inline-block;vertical-align:top;}
.social li:last-child{margin-right:0px;}
.control-carousel{position:absolute;top:calc(50% - 15px);margin-bottom:0px;width:30px;height:30px;text-align:center;line-height:30px;border-radius: 40px; border:1px solid var(--color-main);z-index:2;background-color:var(--color-main);color:#000;cursor:pointer;}
.control-carousel:hover{background-color:var(--color-red);border-color:var(--color-red);color:#fff;}
.prev-carousel{left:0px;}
.next-carousel{right:0px;}

/* Header */
.header{background-color:#fff;}
.header-cart a{color:#1e1e1e;display:block;position:relative;}
.header-cart .count-cart{width:16px;height:16px;border-radius:50%;background-color:var(--color-main);text-align:center;line-height:18px;font-size:10px;font-weight:500;color:var(--color-red);position:absolute;right:-10px;top:-5px;}
.header-top{padding:16px 0;}
.info-header{color:#000;}
.info-header a{font-weight:700;color:var(--color-red);}
.info-header i{vertical-align:middle;margin:0px 10px 0px 0px;font-size:12px;}
.Box__User{position:relative;}
.Box__User a,.Box__User{color:#333;cursor:pointer;font-size:14px;line-height:25px;text-transform:capitalize;}
.Box__User > div > span{display:block;}
.sub_login{width:300px;left:calc(50% - 90px);top:calc(100% + 18px);text-align:left;position:absolute;z-index:999;color:#333;visibility:hidden;opacity:0;transition:all 0.4s;box-shadow:0px 0px 10px #ccc;}
.Box__User:hover .sub_login{top:calc(100% + 8px);visibility:visible;opacity:1;}
.main_content_sub_login{background:#fff;border:1px solid #fff;padding:10px 0;border-radius:0 0 3px 3px;}
.arrow_sub_login{display:inline-block;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:6px;margin-left:-6px;position:absolute;left:50%;bottom:100%;z-index:11;}
.sub_login .block_login_fb{padding:0 20px 10px 20px;border-bottom:1px solid #dbdbdb;}
.block_more_login{padding:10px 20px 0 20px;}
.space_bottom_5{margin-bottom:5px;}
.space_bottom_10{margin-bottom:10px;}
a.btn_site_1{background:var(--color-main);border-radius:3px;color:#fff!important;display:inline-block;padding:5px 10px;font:15px rb;}
.block_more_login .btn_site_1{width:100%;padding-top:10px;padding-bottom:10px;margin-bottom:10px;outline:none!important;}
.block_more_login .btn_site_1:hover{background:#d46100;}
a.txt_color_1{color:var(--color-main);}
.popupforn-account .modal-dialog{max-width:420px;}
.Box__User .user-header-cart a{color:#333;display:block;text-decoration:none!important;margin-bottom:5px;line-height:25px;}
.Box__User .user-header-cart a:hover{color:var(--color-main);}
.user-header-cart .sub_login{width:180px;}
.user-header-cart .sub_login .main_content_sub_login{padding:10px 10px 0 10px;}
.ch-header{text-align:right;}
.ch-header p{margin-bottom:0;padding-right:30px;background:url(../images/i_check.png) no-repeat right center;font-size:24px;color:#f9699e;}
.ch-header span{font-size:15px;color:#333333;text-transform:uppercase;}
.hotline-header{text-align:right;}
.hotline-header p{margin-bottom:0;}
.hotline-header span{display:block;color:#424242;font-size:18px;}
.min-h{min-height: 60vh}
/* Menu */
.menu{background-color:var(--color-main);position:relative;z-index:10;}
.menu.fixed{position:fixed;left:0;top:0;width:100%;z-index:999;}
.menu ul{width:100%;padding:0px;margin:auto;list-style:none;}
.menu ul li:not(.line):not(.search-menu){position:relative;z-index:99;flex:1 1 auto;}
.menu ul li.line{width:1px;height:15px;background-color:rgba(0,0,0,0.1);}
.menu ul li a{display:block;position:relative;z-index:1;text-align:center;text-decoration:none!important;width:100%;font-size:15px;color:#101010;margin:0px;line-height:44px;height:44px;text-transform:uppercase;}
.menu ul li a.has-child{padding-right:10px;}
.menu ul li a.has-child:after{content:"";position:absolute;bottom:calc(50% - 2px);right:7px;width:5px;height:5px;border:1px solid #101010;border-top:0px;border-left:0px;transform:rotate(45deg);transition:all 0.3s ease-out;}
.menu ul li a.active,.menu ul li a:hover{color:var(--color-red);}
.menu ul li:hover > a.has-child:after,.menu ul li a.active.has-child:after{border-color:var(--color-red);}
.menu ul li ul{position:absolute;min-width:200px;background:var(--color-main);box-shadow:0 3px 11px 0 rgba(0,0,0,0.1);transform:perspective(600px) rotateX(-90deg);transform-origin:0 0 0;opacity:0;visibility:hidden;transition:all 0.5s;}
.menu ul li:hover > ul{transform:perspective(600px) rotateX(0);-webkit-transform-origin:0 0 0;opacity:1;visibility:visible;transition:all 0.7s;}
.menu ul li ul li{padding-left:0.75rem;padding-right:0.75rem;}
.menu ul li ul li a{text-align:left;border-bottom:1px solid rgba(255,255,255,0.2);font-size:14px;padding:7px 15px;line-height:23px;height:auto;}
.menu ul li ul li:last-child > a{border-bottom:0px;}
.menu ul li ul li a.has-child{margin-right:0px;}
.menu ul li ul li a.has-child:after{border-color:#313131;transform:rotate(-45deg);}
.menu ul li ul li a.active{color:var(--color-red);}
.menu ul li ul li:hover > a{color:var(--color-red);}
.menu ul li ul li:hover > a.has-child:after{border-color:var(--color-red);}
.menu ul li ul li a{padding:10px 0px 9px 0px;text-transform:capitalize;}
.menu ul li ul li a.active.has-child:after{border-color:var(--color-red);}
.menu ul li ul li ul{top:0;left:100%;margin-top:0px;}

/* Search */
.search{width:100%;max-width:400px;border-radius:60px;border:1px solid #fc0;background:#fff;}
.search p{float:left;width:40px;height:40px;line-height:40px;cursor:pointer;text-align:center;margin:0px;color:var(--color-main);font-size:16px;}
.search input{width:calc(100% - 40px);height:40px;float:left;outline:none;padding:0px;border:0px;background:transparent;text-indent:10px;font-size:12px;}
.search input::-webkit-input-placeholder{color:#ccc;}
.search input:-moz-placeholder{color:#ccc;}
.search input::-moz-placeholder{color:#ccc;}
.search input:-ms-input-placeholder{color:#ccc;}

/* Menu RP */
.menu-res{display:none;height:45px;z-index:10;background:var(--color-main);position:relative;line-height:normal;}
.menu-bar-res{height:45px;padding:0px 10px;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;justify-content:space-between;}
#menu{display:none;}
#hamburger{display:block;width:35px;height:23px;position:relative;}
#hamburger:before,#hamburger:after,#hamburger span{background:#000;content:"";display:block;width:100%;height:3px;position:absolute;left:0px;}
#hamburger:before{top:0px;}
#hamburger span{top:10px;}
#hamburger:after{top:20px;}
#hamburger:before,#hamburger:after,#hamburger span{transition:none 0.5s ease 0.5s;transition-property:transform,top,bottom,left,opacity;}
.mm-wrapper_opening #hamburger:before,.mm-wrapper_opening #hamburger:after{top:10px;}
.mm-wrapper_opening #hamburger span{left:-50px;opacity:0;}
.mm-wrapper_opening #hamburger:before{transform:rotate(45deg);}
.mm-wrapper_opening #hamburger:after{transform:rotate(-45deg);}
.mm-menu_opened{display:block!important;}
.mm-listitem__text{text-transform: uppercase;font-weight: 600;}
.mm-navbar__title{background: var(--color-main);color: #000 !important;text-transform: uppercase;font-weight: bold;}
/* Search RP */
.search-res{position:relative;}
.search-res .icon-search{width:40px;height:40px;cursor:pointer;text-align:center;line-height:42px;color:#fff;font-size:17px;margin:0px;}
.search-res .icon-search.active{color:var(--color-red);background:#fff;border-radius:100%;}
.search-res .search-grid{position:absolute;top:50px;right:0px;width:0px;height:40px;overflow:hidden;background:#fff;border:1px solid var(--color-red);z-index:2;opacity:0;border-radius:25px;line-height:normal;}
.search-res .search-grid p{float:left;width:35px;height:38px;cursor:pointer;outline:none;border:none;margin:0px;font-size:17px;display:block;color:var(--color-red);line-height:40px;text-align:center;}
.search-res .search-grid input{width:calc(100% - 35px);float:right;line-height:38px;outline:none;border:none;color:var(--color-red);}
.search-res .search-grid input::-webkit-input-placeholder{color:#ccc;}
.search-res .search-grid input:-moz-placeholder{color:#ccc;}
.search-res .search-grid input::-moz-placeholder{color:#ccc;}
.search-res .search-grid input:-ms-input-placeholder{color:#ccc;}

/* Slideshow */
.slideshow{padding:10px 0 0;}

/* About */
.about-us-section-two{margin:0px 50px 0px 50px;position:relative;background-image:url(../images/service-bg.png);background-repeat:no-repeat;border-radius:30px 30px 30px 30px;background-position:top center;background-size:cover;}
.about-us-section-two .about-us-wrap{padding:15px 30px 0px 40px;}
.about-us-section-two .about-us-two-leftbox{position:relative;}
.about-us-section-two .about-us-two-leftbox img{-webkit-mask-image:url(../images/demo2-masking.png);-webkit-mask-size:contain;-webkit-mask-position:center left;-webkit-mask-repeat:no-repeat;}
.about-us-two-leftbox .ihbox-style-area{position:absolute;left:0%;width:auto;bottom:0%;max-width:100%;}

/*----------------------------------------*/

/*  00 - Section Title
/*----------------------------------------*/
.pbmit-heading-subheading{margin-bottom:0px;position:relative;z-index:1;}
.pbmit-heading-subheading .pbmit-subtitle{font-family:var(--pbmit-body-typography-font-family);font-weight:700;font-size:11px;line-height:21px;letter-spacing:0.5px;color:#404a3d;text-transform:uppercase;font-style:normal;padding:5px 20px;display:inline-block;background:var(--pbmit-secondary-color);border-radius:30px;margin-bottom:10px;}
.pbmit-heading-subheading .pbmit-title{font-weight:800;font-size:36px;    /* line-height: 65px; */letter-spacing:0px;color:#000;text-transform:none;font-style:normal;margin-bottom:0;}
.ihbox-section-two .row.g-xl-5{align-items:stretch;}
.pbmit-heading-subheading .pbmit-heading-desc{margin-top:30px;}
.pbmit-bg-color-secondary .pbmit-heading-subheading .pbmit-subtitle,.pbmit-bg-color-global .pbmit-heading-subheading .pbmit-subtitle{background-color:var(--pbmit-white-color);}
.pbmit-bg-color-global .pbmit-heading-subheading .pbmit-title{color:var(--pbmit-white-color);}
.pbmit-heading-subheading.text-white .pbmit-title{color:var(--pbmit-white-color);}
.pbmit-custom-heading .pbmit-element-title{font-size:18px;line-height:28px;color:var(--pbmit-white-color);}

/** Style 11 **/
.pbmit-ihbox-style-11{padding:14px 14px 0 0;position:relative;background-color:var(--pbmit-white-color);border-radius:0 30px 0 0;}
.pbmit-ihbox-style-11 .pbmit-ihbox-headingicon{text-align:center;display:inline-block;background-color:var(--color-main);padding:40px 45px;border-radius:30px;color:#000;}
.pbmit-ihbox-style-11 .pbmit-element-title{font-size:18px;line-height:22px;margin-bottom:0;color:#000;font-weight:500;}
.pbmit-ihbox-style-11 .pbmit-ihbox-icon-wrapper,.pbmit-ihbox-style-11 .pbmit-ihbox-svg-wrapper,.pbmit-ihbox-style-11 .pbmit-ihbox-icon-type-text{font-size:80px;line-height:80px;display:flex;justify-content:center;align-items:center;transition:all 0.5s ease-in;color:#000;}
.pbmit-ihbox-style-11 .pbmit-ihbox-icon-type-text{font-size:55px;line-height:60px;font-weight:700;}
.pbmit-ihbox-style-11 .pbmit-ihbox-icon-type-text span{font-size:30px;line-height:30px;margin-top:-20px;}
.pbmit-ihbox-style-11 .pbmit-ihbox-icon .pbmit-ihbox-icon-wrapper svg,.pbmit-ihbox-style-11 .pbmit-ihbox-icon .pbmit-ihbox-svg-wrapper svg{height:80px;width:80px;fill:var(--pbmit-white-color);margin:0 auto 10px;}
.pbmit-ihbox-style-11 .pbmit-element-subtitle{font-size:14px;line-height:20px;margin-bottom:12px;color:var(--pbmit-white-color);text-transform:capitalize;}
.pbmit-ihbox-style-11 .pbmit-heading-desc{text-transform:capitalize;padding:0 30px;color:var(--pbmit-white-color);}
.pbmit-ihbox-style-11 .pbmit-button-inner:hover{color:var(--pbmit-white-color);}
.pbmit-ihbox-style-11:hover .pbmit-ihbox-icon-wrapper,.pbmit-ihbox-style-11:hover .pbmit-ihbox-svg-wrapper,.pbmit-ihbox-style-11:hover .pbmit-ihbox-icon-type-text{transform:translate(0,-5px);}
.pbmit-sticky-corner{width:30px;height:30px;position:absolute;transform:rotate(-90deg);}
.pbmit-bottom-left-corner{bottom:0;left:-30px;transform:none;}
.pbmit-ihbox-style-11 .pbmit-sticky-corner{transform:rotate(90deg);}
.pbmit-ihbox-style-11 .pbmit-top-right-corner{top:auto;right:-30px;bottom:0;}
.pbmit-ihbox-style-11 .pbmit-bottom-left-corner{top:-30px;left:0px;}
.pbmit-sticky-corner svg path{fill:var(--pbmit-white-color);}
.pbmit-bg-color-secondary .pbmit-sticky-corner svg path{fill:var(--pbmit-secondary-color);}
.pbmit-ihbox-style-11 .pbmit-ihbox-btn .pbmit-button-inner .pbmit-button-wrapper:after{background-color:var(--pbmit-white-color);color:var(--pbmit-blackish-color);}
.pbmit-ihbox-style-11 .pbmit-ihbox-icon-type-image img{width:130px;height:auto;}
.pbmit-ihbox-style-11 .pbmit-ihbox-btn a:hover{color:var(--pbmit-white-color);}
.pbmit-bg-color-secondary .pbmit-ihbox-style-11{background-color:var(--pbmit-secondary-color);}

/* Partner */
.wrap-partner{padding:0px 10px;}
.wrap-partner .wrap-content{max-width:1200px;padding:0px;position:relative;}
.owl-partner{padding:0px 40px;}
.partner{display:block;border:1px solid #eee;}
.partner img{width:100%;}

/* Breadcrumb */
.breadCrumbs{background-color:#eee;}
.breadCrumbs .wrap-content{padding:0.75rem 10px;max-width:1200px;}
.breadCrumbs .wrap-content .breadcrumb{padding:0;margin-bottom:0;background-color:transparent;border-radius:0;}
.breadCrumbs .wrap-content .breadcrumb-item a{color:var(--color-black);}
.breadCrumbs .wrap-content .breadcrumb-item.active a{color:var(--color-gray);}

/* Intro */
.wrap-intro{margin-bottom:50px;}
.left-intro{width:67%;}
.right-intro{width:30%;}
.title-intro{border-bottom:1px solid var(--color-red);margin-bottom:1.5rem;}
.title-intro span{display:inline-block;font-weight:700;text-transform:uppercase;position:relative;padding-bottom:10px;font-size:20px;}
.title-intro span:after{content:"";position:absolute;width:100%;height:4px;bottom:0px;left:0px;background-color:var(--color-red);}
.newshome-best{width:43%;display:block;float:left;margin-right:1.5%;}
.pic-newshome-best img{width:100%;}
.name-newshome{color:var(--color-black);font-size:14px;line-height:18px;margin-bottom:0.25rem;}
.time-newshome{color:var(--color-gray);margin-bottom:0.25rem;}
.desc-newshome{color:var(--color-black);margin-bottom:0px;}
.view-newshome{display:inline-block;border:1px solid var(--color-black);padding:8px 15px;color:var(--color-black);text-transform:capitalize;font-weight:600;margin-top:1rem;}
.view-newshome:hover{background-color:var(--color-black);color:#fff;}
.newshome-scroll{width:55.5%;height:450px;overflow:hidden;}
.newshome-scroll ul li{margin-bottom:15px!important;}
.newshome-normal{display:block;}
.pic-newshome-normal{float:left;width:34%;margin-right:3%;margin-bottom:0px;}
.pic-newshome-normal img{width:100%;}
.info-newshome-normal{float:left;width:63%;}
.video-main{position:relative;height:400px;}
.video-main iframe{position:absolute;width:100%;height:100%;top:0px;left:0px;}
.listvideos{width:100%;height:40px;padding:0px 10px;border:1px solid #ccc;color:var(--color-black);margin-top:10px;cursor:pointer;}
.video-right{position:relative;width:calc(100% - 150px);max-height:calc(100% - 5px);}
.video-right iframe{position:absolute;width:100%;height:100%;top:0px;left:0px;}
.box-video{margin-bottom:5px;cursor:pointer;}
.box-video img{height:95px;-o-object-fit:cover;object-fit:cover;}
.slick-video{width:140px;margin-bottom:-5px;}

/* Video */
.video{margin-bottom:20px;text-align:center;cursor:pointer;position:relative;}
.pic-video{position:relative;margin-bottom:1rem;}
.pic-video img{width:100%;}
.name-video{font-size:16px;color:var(--color-black);margin-bottom:0px;}
.videoPlay{position:absolute;top:50%;margin-top:-40px;left:50%;margin-left:-40px;z-index:1;}
.videoPlay svg{width:80px;height:80px;}
.circle{stroke:#ffffff;stroke-dasharray:650;stroke-dashoffset:650;-webkit-transition:all 0.5s ease-in-out;opacity:0.3;}
.playBut{display:inline-block;-webkit-transition:all 0.5s ease;}
.playBut .triangle{-webkit-transition:all 0.7s ease-in-out;stroke-dasharray:240;stroke-dashoffset:480;stroke:#fff;transform:translateY(0);}
.pic-video:hover .triangle{stroke-dashoffset:0;opacity:1;stroke:#ffffff;animation:nudge 0.7s ease-in-out;}
@keyframes nudge{
	0%{transform:translateX(0);}
	30%{transform:translateX(-5px);}
	50%{transform:translateX(5px);}
	70%{transform:translateX(-2px);}
	100%{transform:translateX(0);}
}
.pic-video:hover .circle{stroke-dashoffset:0;opacity:1;}

/* Album */
.album{margin-bottom:20px;text-align:center;cursor:pointer;}
.pic-album{position:relative;}
.pic-album img{width:100%;}
.name-album{font-size:16px;color:var(--color-black);margin-bottom:0px;}

/* Brand */
.wrap-brand{margin-bottom:50px;padding:0px 10px;}
.wrap-brand .wrap-content{max-width:1200px;padding:0px;position:relative;}
.owl-brand{padding:0px 40px;}
.brand{display:block;border:1px solid #eee;}
.brand img{width:100%;}
.mySwiper .swiper-slide {
  width: auto;   /* ✅ bắt buộc */
}
/** Style 2 **/
.pbmit-blog-style-2{
	margin-bottom: 30px;
}
.pbmit-blog-style-2 .pbmit-featured-wrapper img,
.pbmit-blog-style-2 .pbmit-featured-container .pbmit-blog-btn,
.pbmit-blog-style-2 .pbmit-featured-wrapper::before{
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.pbmit-blog-style-2 .pbminfotech-content-inner{
	display: flex;
}
.pbmit-blog-style-2 .pbmit-featured-img-wrapper{
	margin: 0 35px 0 0;
}
.pbmit-blog-style-2 .pbmit-featured-wrapper img{
	max-width: 270px;
	height: auto;
	border-radius: 30px;
}
.pbmit-blog-style-2:hover .pbmit-featured-wrapper img{
	transform: scale(1.01);
}
.pbmit-blog-style-2 .pbmit-post-title{
	    font-size: 23px;
    margin-bottom: 0;
    font-weight: 800;
    line-height: 29px;
}
.pbmit-blog-style-2 .pbmit-post-title,
.pbmit-blog-style-2 .pbmit-post-title span{
	overflow: hidden;
	color: #000;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-transform: capitalize;transition: 0.3s;
}
.pbmit-blog-style-2 .pbmit-post-title span:hover{color: var(--color-red);}
.pbmit-meta-line{
    margin-bottom: 5px;
    display: inline-block;
    margin-right: 30px;
    position: relative;
	font-size: 13px;
    line-height: 23px;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: rgba(var(--pbmit-blackish-color-rgb), .7);
}
.pbmit-meta-line:last-child{
	margin-right: 0;
}
.pbmit-meta-line::before {
    content: "";
    position: absolute;
    right: -16px;
    top: 50%;
    width: 2px;
    height: 10px;
    transform: translate(0, -50%);
    background-color: rgba(var(--pbmit-blackish-color-rgb), .4);
}
.pbmit-blog-classic .pbmit-blog-meta span.pbmit-meta.pbmit-meta-author::before,
.pbmit-blog-classic .pbmit-blog-meta span.pbmit-meta:last-child::before,
.pbmit-meta-line:last-child::before {
	display: none;
}
.pbmit-blog-style-2 .pbmit-post-author span{
	margin-right: 3px;
}
.pbmit-blog-style-2 .pbmit-blog-btn {
	padding: 0;
	background-color: transparent;
	color: var(--pbmit-blackish-color);
}
.pbmit-blog-style-2 .pbmit-blog-btn .pbmit-button-text {
	border-bottom: 1px solid var(--pbmit-blackish-color);
	position: relative;transition: 0.3s;
}
.pbmit-blog-style-2 .pbmit-blog-btn .pbmit-button-text::before {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 0%;
	height: 1px;
	background-color: var(--color-main);
	transition: all .3s ease-in;
}
.pbmit-blog-style-2 .pbminfotech-box-content .pbmit-blog-btn:hover {
	color: var(--color-main);
}
.pbmit-blog-style-2 .pbmit-blog-btn:hover .pbmit-button-text::before {
	width: 100%;
}
.pbmit-blog-style-2 .pbmit-meta-wraper{
	display: grid;
	padding: 25px 0;
}
.pbmit-blog-style-2 .pbmit-meta-wraper-inner{
	align-self: self-start;
	justify-content: space-between;
}
.pbmit-blog-style-2 .pbmit-blog-btn{
	align-self: self-end;
}
.pbmit-blog-style-2 .pbminfotech-box-desc{
	display: none;
}
.pbmit-blog-style-2 .pbminfotech-feature-wrapper{
	position: relative;
}
.text-center{text-align: center}
.pbmit-blog-style-2 .pbminfotech-feature-wrapper .pbmit-meta-category{
	position: absolute;
	top: 20px;
	left: 10px;
	background: var(--pbmit-white-color);
	padding: 5px 10px;
	border-radius: 30px;
	font-size: 13px;
	transition: all .3s ease-in;
}
.pbmit-blog-style-2 .pbminfotech-feature-wrapper .pbmit-meta-category a{
	color: var(--pbmit-global-color);
}
.pbmit-blog-style-2:hover .pbminfotech-feature-wrapper .pbmit-meta-category {
	background: var(--pbmit-blackish-color);
}
.pbmit-blog-style-2 .pbminfotech-feature-wrapper .pbmit-meta-category a:hover,
.pbmit-blog-style-2:hover .pbminfotech-feature-wrapper .pbmit-meta-category a{
	color: var(--pbmit-white-color);
}
/* Sản Phẩm */
.wrap-product{padding:60px 0;}
.wrap-product:nth-of-type(even){background:#fff8dd;}
.title-main-product{text-align:center;margin-bottom:30px;}
.title-main-product span{font-size:20px;line-height:30px;color:#333333;font-weight:700;text-transform:capitalize;padding:15px 20px 15px 70px;border-radius:30px;background:url(../images/after_title.png) no-repeat 3px center,var(--color-main);display:inline-block;}
.title-product{margin-bottom:10px;}
.title-product .left span{display:block;color:#1e1e1e;font-size:40px;font-weight:700;}
.title-product .center a{color:#777;font-size:18px;font-weight:500;text-transform:uppercase;cursor:pointer;transition:0.3s}
.title-product .center a:hover{color:var(--color-red);}
.title-product .center a.active{color:#1e1e1e;font-weight:700;}
.title-product .right a{color:#1e1e1e;font-weight:500;}
.title-product .right a:hover{color:var(--color-red);}
.area-tool{padding-right: 40px;}
.box-product{position:relative;height:100%;background:#fff;border-radius:8px;background:#fff;text-align:center;padding:10px;border:1px solid #e8e8e8;}
.pic-product{border-radius:8px;position:relative;}
.pic-product .het-hang{position:absolute;inset:0;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;font-weight:bold;text-transform:uppercase;z-index:9;}
.name-product-list{color:#777;font-size:12px;line-height:20px;text-transform: uppercase;}
.name-product{color:#313131;text-align:center;font-size:14px;font-weight:500;line-height:20px;min-height: 40px;}
.name-product:hover{color:var(--color-red);}
.price-product{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:0.5rem;}
.price-new{color:#f2073d;font-size:16px;font-weight:700;line-height:20px;}
.price-old{color:#777;font-size:12px;line-height:20px;text-decoration:line-through;}
.price-per{position:absolute;top:20px;left:20px;color:#000;background:var(--color-main);font-size:12px;border-radius:50%;width:36px;height:36px;text-align:center;line-height:36px;font-weight:700;}
.da-ban{margin:0 auto 0.5rem;padding:0px 40px;border-radius:50px;background-color:#e9e9e9;color:#272727;font-size:11px;line-height:20px;text-transform:uppercase;display:inline-block;}
.tieuchi-detail{padding:10px 10px 15px;border:1px solid #f0f2f5;border-radius:5px;margin-bottom:1rem;}
.tieuchi-detail .item .name{color:#000;font-size:14px;font-weight:700;line-height:20px;}
.tieuchi-detail .item .desc{margin-bottom:0;color:#454647;font-size:14px;line-height:20px;}
.cart-product{margin-bottom:0;text-align:center;}
.cart-product span{background:var(--color-main);font-size:12px;font-family:Arial,sans-serif;color:#fff;display:inline-block;vertical-align:middle;padding:0.2rem 0.5rem;cursor:pointer;}
.cart-product span svg{vertical-align:middle;}
.cart-detail-fixed{position:fixed;left:0;top:-80px;background-color:rgb(255,255,255);box-shadow:rgba(0,0,0,0.02) 0px 0px 0px 1px,rgba(0,0,0,0.03) 1px 1px 1px 1px;width:100%;z-index:999;transition:transform 0.3s ease-out 0s;transform:translate3d(0px,0px,0px);visibility:visible;}
.pro-detail-info .name{font-size:16px;font-weight:300;}
.cart-detail-fixed-res{position:fixed;bottom:0;left:0;width:100%;z-index:999;background-color:rgb(255,255,255);border-top:1px solid rgba(0,2,4,0.05);box-shadow:rgba(0,0,0,0.08) 0px -2px 10px;padding:13px 16px;display:none;}
.cart-detail-fixed-res .cart-pro-detail a{width:49%;}
#Zoom-1{position:relative;}
#Zoom-1 .het-hang{position:absolute;inset:0;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;font-size:25px;color:#fff;font-weight:bold;text-transform:uppercase;z-index:99;}
.owl-title-product .owl-nav{margin:0;display:block!important;}
.owl-title-product .owl-nav button.owl-prev span,.owl-title-product .owl-nav button.owl-next span{display:none;}
.owl-title-product .owl-nav button.owl-prev,.owl-title-product .owl-nav button.owl-next{position:absolute;outline:none;top:0px;margin:0;width:22px;height:22px;}
.owl-title-product .owl-nav button.owl-prev{right:-50px;background:url(../images/nuttrai.png) no-repeat left top!important;}
.owl-title-product .owl-nav button.owl-next{right:-75px;background:url(../images/nutphai.png) no-repeat left top!important;}
.btn-more{display:inline-block;padding:10px 20px;border-radius:30px;color:#000!important;background:var(--color-main);font-weight:600;font-size:16px;transition:0.3s}
.btn-more:hover{background:var(--color-red);color:#fff!important;cursor:pointer;}
.ml-auto{margin-left:auto!important}
.text-right{text-align:right}
.rating-wrap{
    display:flex;
    align-items:center;
    gap:6px;
    margin:4px 0 6px;
    justify-content: center;
}

.star{
    font-size:14px;
    line-height:1;
}

.star.full{ color:#ffb400; }
.star.half{
    background:linear-gradient(90deg,#ffb400 50%,#ddd 50%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.star.empty{ color:var(--color-main); }

.rating-count{
    font-size:13px;
    color:#555;
}

/* share */
.sharebar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.sharebar .share-btn{--bg:#111827;--ring:rgba(255,255,255,.18);position:relative;display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:10px;color:#fff;text-decoration:none;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.03));box-shadow:0 10px 24px rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease;overflow:hidden;}
.sharebar .share-btn i{font-size:18px;position:relative;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25));}
.sharebar .share-btn:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.26);border-color:rgba(255,255,255,.22);}
.sharebar .share-btn:active{transform:translateY(-1px) scale(.98);}
.sharebar{display:flex;justify-content:flex-start;align-items:center;grid-gap:5px;}

/* Màu theo brand */
.sharebar .fb{background:linear-gradient(135deg,#1877F2,#0b4db3);}
.sharebar .tw{background:#002693}

/* X */
.sharebar .tt{background:#000;padding:8px;}
.sharebar .tt img{filter:brightness(0) invert(1);}
.sharebar .gg{background:linear-gradient(135deg,#EA4335,#FBBC05);}

/* Google */
.sharebar .in{background:linear-gradient(135deg,#0A66C2,#084b8a);}

/* LinkedIn */

/* Tooltip nhỏ */
.sharebar .share-btn[data-tip]::after{content:attr(data-tip);position:absolute;left:50%;top:-10px;transform:translate(-50%,-100%);background:rgba(0,0,0,.78);color:#fff;padding:6px 8px;font-size:12px;border-radius:10px;white-space:nowrap;opacity:0;transition:opacity .15s ease,transform .15s ease;pointer-events:none;}

/* Nếu đặt trên nền sáng, nhìn vẫn nổi */
.sharebar.is-light .share-btn{box-shadow:0 10px 24px rgba(17,24,39,.12);}
/* flashsale */
.flashsale {
    background: linear-gradient(90deg, #ff416c, #ff4b2b);
    padding: 20px;
    color: #fff;
}

.flashsale-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flashsale-right {
    display: flex;
    align-items: center;
    gap: 15px;
}

.view-all-btn {
    background: #fff;
    color: #ff3c00;
    padding: 8px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    transition: 0.3s;
    white-space: nowrap;
}

.view-all-btn:hover {
    background: #000;
    color: #fff;
    transform: translateY(-2px);
}
.flashsale-title {
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
}
.countdown-wrap {
    text-align: right;
}

.countdown-label {
        font-size: 14px;
    display: block;
    margin-bottom: 4px;
    opacity: 0.9;
    font-weight: 900;
}

.countdown {
    display: flex;
    gap: 10px;
}

.time-item {
    text-align: center;
}

.time-box {
    background: #000;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-weight: bold;
    font-size: 16px;
    min-width: 42px;
}

.time-item span {
    font-size: 11px;
    display: block;
    margin-top: 3px;
}

.product-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 15px;
    margin-top: 20px;
}

.product {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    color: #333;
    position: relative;
    transition: 0.3s;
}

.product:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}

.product img {
    width: 100%;
    border-radius: 8px;
}

.discount-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #ff0000;
    color: #fff;
    padding: 5px 8px;
    font-size: 13px;
    border-radius: 6px;
}

.price-new {
    color: #e60023;
    font-size: 18px;
    font-weight: bold;
}

.price-old {
    text-decoration: line-through;
    color: #888;
    font-size: 12px;
}

.progress {
    background: #eee;
    border-radius: 20px;
    overflow: hidden;
    height: 8px;
    margin-top: 5px;
}

.progress-bar {
    background: linear-gradient(90deg, #ff6a00, #ff0000);
    height: 100%;
}

.sold {
    font-size: 12px;
    margin-top: 4px;
}
/* Sản Phẩm Detail */
.grid-pro-detail{margin-bottom:50px;}
.left-pro-detail{position:relative;width:75%;background:white;}
.left-pro-detail .MagicZoom{}
.right-pro-detail{width:25%;}
.gallery-thumb-pro{position:relative;margin-top:10px;}
.owl-thumb-pro{padding:0px 40px;}
.thumb-pro-detail{display:block!important;border:1px solid #ddd;padding:3px;border-radius:3px;cursor:pointer;}
.thumb-pro-detail.mz-thumb.mz-thumb-selected{border-color:var(--color-main);}
.thumb-pro-detail img{box-shadow:none!important;filter:brightness(100%)!important;border-bottom:0px!important;padding-bottom:0px!important;}
.title-pro-detail{text-transform:capitalize;font-size:20px;display:block;font-weight: bold;color:var(--color);margin-bottom:0px;}
.social-plugin-pro-detail{margin-top:0px!important;}
.desc-pro-detail{margin-bottom:1rem;}
.attr-pro-detail{list-style:none;padding:0px;margin-top:20px;}
.attr-label-pro-detail{margin:0px 5px 0px 0px;}
.attr-label-pro-detail.d-block{display:block;margin:0px 0px 5px 0px;}
.attr-content-pro-detail{display:inline-block;margin-bottom:0px;}
.price-new-pro-detail{font-weight: bold;font-size:22px;color:#ff0000;}
.price-old-pro-detail{font-weight:500;color:var(--color-gray);text-decoration:line-through;padding-left:10px;}
.color-pro-detail{display:inline-block;vertical-align:top;position:relative;width:35px;height:30px;margin:0px 0px 3px 0px;border:1px solid transparent;}
.size-pro-detail{border:1px solid #ccc;padding:3px 10px 4px 10px;display:inline-block;position:relative;}
.size-pro-detail.active,.color-pro-detail.active{border-color:#e5101d;color:#e5101d;}
.color-pro-detail.active:before,.size-pro-detail.active:before{content:'';position:absolute;width:100%;height:100%;top:0px;left:0px;bottom:0px;right:0px;margin:auto;z-index:1;background-image:url(../images/check-cart.png);background-repeat:no-repeat;background-position:bottom right;}
.color-pro-detail input[type=radio],.size-pro-detail input[type=radio]{outline:none;position:absolute;cursor:pointer;width:100%;height:100%;-webkit-appearance:none;border:0px;top:0px;left:0px;}
.quantity-pro-detail{width:100%;max-width:110px;line-height:normal;display:flex;align-items:center;justify-content:space-between;text-align:center;background:#eff3f6;border-radius:21px;}
.quantity-pro-detail span{line-height:34px;padding:0px;width:30px;height:37px;color:var(--color);cursor:pointer;font-size:22px;}
.quantity-pro-detail span.quantity-plus-pro-detail{border-left:0px;}
.quantity-pro-detail span.quantity-minus-pro-detail{border-right:0px;}
.quantity-pro-detail input{height:37px;width:calc(100% - 60px);text-align:center;font-size:14px;padding:5px;border:none;background:#eff3f6;}
.cart-pro-detail{display:flex;align-items:stretch;justify-content:flex-start;}
.cart-pro-detail a{width:auto;text-align:center;color:#fff;padding:8px 15px;text-transform:capitalize;border-radius:13px;font-size:14px;font-weight: bold; cursor:pointer;}
.cart-pro-detail a.addnow{margin-right:10px;background:linear-gradient(90deg,#ff9923 50%,#fff 50%);background-size:203%;background-position:-1px;border:1px solid #ff9923;}
.cart-pro-detail a.buynow{background:linear-gradient(90deg,#ff0000 50%,#fff 50%);background-size:203%;background-position:-1px;border:1px solid #ff0000;}
.cart-pro-detail a.buynow:hover{background-color:var(--color-dark-green);}
.cart-pro-detail a.addnow:hover{color:#ff9923;border-color:#ff9923;background-position:99%;}
.cart-pro-detail a.buynow:hover{color:#ff0000;border-color:#ff0000;background-position:99%;}
.tags-pro-detail{margin:1rem 0px 2rem 0px;}
.tags-pro-detail a{float:left;font-size:12px;color:#fff;padding:5px 10px 7px 10px;margin-right:5px;margin-bottom:5px;background-color:var(--color-red);border-radius:3px;}
.tags-pro-detail a:hover{background-color:var(--color-medium-red);}
.tags-pro-detail a i{font-size:10px;float:left;margin:5px 5px 0px 0px;}
.tabs-pro-detail{padding-right:20px;}
.tabs-pro-detail .ul-tabs-pro-detail{padding:0px;list-style:none;margin-bottom:1rem;}
.tabs-pro-detail .ul-tabs-pro-detail li{cursor:pointer;float:left;margin-right:41px;margin-bottom:5px;font-size:20px;padding:2px 0px;font-family:var(--font-normal);border-bottom:2px solid #fff;text-transform:uppercase;font-weight: bold; color:#959595;}
.tabs-pro-detail .ul-tabs-pro-detail li.active{color:var(--color);border-color:var(--color);}
.tabs-pro-detail .ul-tabs-pro-detail li:last-child{margin-right:0px;}
.tabs-pro-detail .content-tabs-pro-detail{display:none;}
.tabs-pro-detail .content-tabs-pro-detail.active{display:block;}
.flex-cart{margin-bottom:20px;padding-bottom:20px;margin-top:15px;border-bottom:1px solid #eff2f5;}
.detail-left{width:45%;}
.detail-right{width:55%;padding:0px 40px;text-align:left;}
.side-note{padding:0 15px;margin-top:15px;border-radius:10px;border:1px solid #ddd;}
.side-note ul{margin:0;list-style:none;padding:0;}
.side-note > ul > li:not(:last-child){border-bottom:1px solid #d6dde3;}
.side-note > ul > li{display:flex;align-items:center;padding:15px 0;}
.side-note > ul > li > img{margin-right:15px;}
.side-note img{max-width:100%;}
.side-note > ul > li h5{text-transform:uppercase;color:#000;font-weight:600;}
.side-note h5{font-size:14px;}
.side-note > ul > li span{font-size:13px;}
.point-star i{color:#ECBC6B}
.flex-share{display:flex;justify-content:space-between;align-items:center;padding:20px 0px;border-bottom:1px solid #EFF2F5;}
.article-realty-detail.transition{-webkit-transition:0.6s ease-out;-moz-transition:0.6s ease-out;-o-transition:0.6s ease-out;transition:0.6s ease-out;}
.content-realty-detail img{height:auto!important}
.article-realty-detail{overflow:hidden;}
.view-more-realty.active{display:inline-block;vertical-align:top;}
.view-more-realty.expanded{margin-top:30px}
.view-more-realty{display:inline-block;text-align:center;font-size:14px;color:#fff;transition:0.3s;padding:5px 27px;border-radius:28px;background:linear-gradient(90deg,var(--color) 50%,#fff 50%);background-size:203%;background-position:-1px;border:1px solid
var(--color);cursor:pointer;}
.view-more-realty:hover{color:var(--color);border-color:var(--color);background-position:99%;}
.over-shadow{position:relative;}
.over-shadow:before{content:'';position:absolute;height:90px;left:0;width:100%;bottom:33px;background-image:linear-gradient(#fdfbfb00,#fff);}

/* recoment */
.product__recommend{margin-top:50px}
.product__recommend > h5{font-size:20px;font-family:var(--font-bold);color:var(--color);text-transform:uppercase;margin-bottom:10px;}
.box-recommend{border:1px solid #ddd;margin-bottom:10px;display:flex;justify-content:space-between;align-items:flex-start;background:#fff;padding:5px;transition:0.5s}
.pic-recommend{width:33%;margin-bottom:0px;}
.info-recommend{width:67%;padding:5px 10px;}
.name-recommend{font-size:14px;color:black;line-height:20px;margin-bottom:5px;transition:0.3s}
.box-recommend:hover{box-shadow:rgb(17 17 26 / 10%) 0px 0px 16px;}
.info-recommend .price-item{display:flex;justify-content:flex-start;align-items:center;width:100%;}
.info-recommend .price-item .price-per{margin-left:auto;line-height:21px;padding:0px 7px;}
.info-recommend .price-old{font-size:11px;padding-left:10px}
.info-recommend .price-new{font-size:14px;}

/* Toc */
.box-readmore{padding:8px 15px;border:1px solid #dedede;margin-bottom:2rem;border-radius:5px;background-color:#eeeeee;}
.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;}
.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;}

/* Bài viết */
.news{width:49%;float:left;margin-bottom:25px;display:block;}
.news:nth-child(2n){float:right;}
.news:nth-child(2n + 1){clear:both;}
.pic-news{float:left;margin-right:4%;width:36%;}
.pic-news img{width:100%;}
.info-news{float:left;width:60%;}
.name-news{color:#333;font-size:16px;display:block;line-height:normal;margin-bottom:5px;font-weight:bold;}
.name-news:hover{color:var(--color-red);}
.time-news{color:var(--color-gray);margin-bottom:0.25rem;}
.desc-news{color:#333333;margin-top:5px;line-height:22px;}
.share{padding:17px 10px 10px 10px;line-height:normal;background:rgba(128,128,128,0.15);margin-top:15px;border-radius:5px;}
.share b{display:block;margin-bottom:5px;}
.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:var(--color-red);}

/* Contact */
.top-contact{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:30px;}
.top-contact .article-contact{width:50%;}
.form-contact{width:100%;}
.input-contact{position:relative;margin-bottom:15px;}
.input-contact input,.input-contact textarea{width:100%;padding:0px;outline:none;font-size:14px;}
.input-contact input{text-indent:10px;height:42px;border:1px solid #000;border-radius:0px;}
.input-contact textarea{resize:none;height:90px;padding:10px;border:1px solid #000;border-radius:0px;}
.input-contact .custom-file-label::after{content:attr(title);}
.bottom-contact{position:relative;height:603px;border:1px solid;padding:10px;}
.bottom-contact iframe{position:absolute;top:0px;left:0px;width:100%!important;height:100%!important;}
.line-after span{display:block;position:relative;padding-bottom:15px}
.line-after span:before{content:'';position:absolute;width:60px;border-bottom:5px solid #FDBE11;left:calc(50% - 60px/2);bottom:0;}
.btn-send,.btn-reset{width:100px;background:var(--color-main);border:1px solid #000;color:black;font-weight:800;color: #000}
.content-contact{font-size:16px;color:#000;}
.content-contact p{margin-bottom:5px}
.box-iframe{height:100%;position:relative;}
.video-youtube{padding-bottom:40px}
/* Footer */
.footer-article .wrap-content .row.hs-gx-10{margin-top: 0px;}
.section-10{margin-bottom: 80px}
.footer-article{background: #eee}
.footer-article .wrap-content{padding:0px 0 40px;}
.title-footer{text-transform:uppercase;margin-bottom:1.5rem;font-size:18px;line-height:24px;color:#1e1e1e;padding-bottom:10px;background:url(../images/after_ft.png) no-repeat left bottom;font-weight:600;}
.footer-ul{list-style:none;padding:0px;margin:0px;}
.footer-ul li{margin-bottom:15px;}
.footer-ul li:last-child{margin-bottom:0px;}
.footer-ul li a{font-size:13px;color:#2e2e2e;}
.footer-ul li a:hover{color:var(--color-red);}
.footer-powered{color:#1e1e1e;font-size:13px;line-height:23px;}
.footer-powered .wrap-content{padding:10px 0;border-top:1px solid #e9e9e9;}
.copyright{margin-bottom:0px;}
.statistic{margin-bottom:0px;}
.statistic span{padding-right:10px;}
.statistic span:last-child{padding-right:0px;}
#news-map{position:relative;}
#news-map .left{position:relative;height:550px;}
#news-map .right{height:100%;position:relative;min-height:300px;border:1px solid #ccc;}
#news-map .right .box{position:absolute;inset:0;overflow-y:scroll;}
#news-map .right .box .item{padding:15px;cursor:pointer;}
#news-map .right .box .item span{font-size:16px;line-height:25px;color:#333;font-weight:700;text-transform:capitalize;}
#news-map .right .box .item:hover{background-color:#f4f5f7;}
#news-map .right .box .item:hover span{color:var(--color-main);}
#news-map .right .box .item.active{background-color:lightyellow;}
#news-map iframe{position:absolute!important;width:100%!important;height:100%!important;top:0px!important;left:0px!important;}
.loading-ajax{position:absolute;inset:0;z-index:99;background-color:rgba(255,255,255,0.8);display:none;}
.loading-ajax .loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;display:inline-block;}
.loading-ajax .loader .loader-star{position:static;width:60px;height:60px;transform:scale(0.7);animation:loader-2-star 1s ease alternate infinite;}
.loading-ajax .loader .loader-star polygon{fill:var(--color-main);}
.loading-ajax .loader .loader-circles{width:8px;height:8px;background:var(--color-main);border-radius:50%;position:absolute;left:calc(50% - 4px);top:calc(50% - 4px);transition:all 1s ease;animation:loader-2-circles 1s ease-in-out alternate infinite;}
.loading-ajax .loader-star{position:absolute;top:calc(50% - 12px);}
@keyframes loader-2-circles{
	0%{box-shadow:0 0 0 var(--color-main);opacity:1;transform:rotate(0deg);}
	50%{box-shadow:24px -22px var(--color-main),30px -15px 0 -3px var(--color-main),31px 0px var(--color-main),29px 9px 0 -3px var(--color-main),24px 23px var(--color-main),17px 30px 0 -3px var(--color-main),0px 33px var(--color-main),-10px 28px 0 -3px var(--color-main),-24px 22px var(--color-main),-29px 14px 0 -3px var(--color-main),-31px -3px var(--color-main),-30px -11px 0 -3px var(--color-main),-20px -25px var(--color-main),-12px -30px 0 -3px var(--color-main),5px -29px var(--color-main),13px -25px 0 -3px var(--color-main);transform:rotate(180deg);}
	100%{opacity:0;transform:rotate(360deg);box-shadow:25px -22px var(--color-main),15px -22px 0 -3px black,31px 2px var(--color-main),21px 2px 0 -3px black,23px 25px var(--color-main),13px 25px 0 -3px black,0px 33px var(--color-main),-10px 33px 0 -3px black,-26px 24px var(--color-main),-19px 17px 0 -3px black,-32px 0px var(--color-main),-23px 0px 0 -3px black,-25px -23px var(--color-main),-16px -23px 0 -3px black,0px -31px var(--color-main),-2px -23px 0 -3px black;}
}
@keyframes loader-2-star{
	0%{transform:scale(0) rotate(0deg);}
	100%{transform:scale(0.7) rotate(360deg);}
}
.pr-40{padding-right: 40px}
.gallery-product{    margin: 30px 0px;
    border: 1px solid #dddddd61;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .06);}
.gallery-product p{text-transform: uppercase;font-size: 16px;font-weight: bold;color: #000}
.grid-col-5{display: grid;grid-template-columns: repeat(6,1fr);grid-gap: 10px;}
.grid-col-5 a{display: block;border:1px solid #ddd;border-radius: 4px;overflow: hidden;transition: 0.3s;}
.grid-col-5 a:hover{border-color:var(--color-main)}
.grid-col-5 a.e-show{display: block !important}
.btn-view-all{display: block;font-weight: bold;color: #000;font-size: 13px;margin-top: 10px;transition: 0.3s;}
.btn-view-all:hover{color: red;cursor: pointer;}
/* Like Share */
.social-plugin{display:flex;justify-content:flex-start;margin-top:10px;}
.social-plugin .at-share-btn{margin-bottom:0px!important;}
.social-plugin .zalo-share-button{margin-left:3px;z-index:0;}

/* Phân Trang */
.pagination-home{width:100%;margin-top:40px;}
.pagination-home .pagination .page-item .page-link{color:#555555;font-size:0.875rem;}
.pagination-home .pagination .page-item.active .page-link{color:#ffffff;background-color:#555555;border-color:#555555;}

/* Phân Trang Ajax */
.pagination-ajax{text-align:center;}
.pagination-ajax a{display:inline-block;vertical-align:top;margin:0px 2px 3px 2px;color:#333;background:#eee;border:1px solid rgba(161,161,161,0.4);font-size:12px;cursor:pointer;padding:3px 10px 5px 10px;border-radius:2px;}
.pagination-ajax a.current,.pagination-ajax a:hover{background:var(--color-main);color:#fff;border-color:var(--color-main);}

/* Popup custom */
.modal-custom .modal-footer{padding:0.5rem;}
.modal-custom .modal-footer .btn{font-size:14px;}

/* Popup */
#popup .modal-body{padding:0px;}

/* Hidden Google Captcha */
.grecaptcha-badge{display:none!important;width:0px!important;height:0px!important;visibility:hidden!important;overflow:hidden;}

/* Hidden Check Grammar Coccoc */
coccocgrammar{display:none;}

/* Scroll Top */
.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;}

/* Text Hide */
.text-split-1{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;}
.text-split-2{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;}
.text-split-3{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;}
.text-split-4{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:4;}

/* Transition All */
.transition{transition:0.3s ease-out;}

/* Scale IMG */
.scale-img{overflow:hidden;display:block;}
.scale-img img{transition:0.3s ease-out;transform:scale(1,1);}
.scale-img:hover > img{transition:0.3s ease-out;transform:scale(1.1,1.1);}

/* Blink */
.blink{-webkit-animation-name:blink;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blink;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blink;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
@keyframes blink{
	0%{opacity:1;}
	50%{opacity:0;}
	100%{opacity:1;}
}

/* Button Frame */
.btn-frame{display:block;width:50px;height:50px;position:fixed;right:20px;z-index:10;cursor:pointer;}
.btn-frame i{display:flex;display:-ms-flex;justify-content:center;align-items:center;-ms-flex-align:center;width:50px;height:50px;border-radius:50%;background:#1182fc;position:relative;z-index:1;}
.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;transition:all 0.2s ease-in-out;border-radius:100%;border:2px solid transparent;transition:all 0.5s;background-color:rgba(7,41,103,0.35);opacity:0.4;}
.btn-frame .pulse{animation-name:pulse;}

/* Zalo */
.btn-zalo{bottom:315px;}

/* Phone */
.btn-phone{bottom:230px;}

/* Messenger */
.js-facebook-messenger-container.closed,.js-facebook-messenger-tooltip.closed{display:none!important;}
.js-facebook-messenger-tooltip{bottom:97px;right:97px;}
.js-facebook-messenger-tooltip{color:#404040;background:#fff;}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999;}
.js-facebook-messenger-tooltip{display:none;position:fixed;text-align:center;border-radius:10px;overflow:hidden;font-size:12px;line-height:1;padding:10px;border:1px solid rgba(0,0,0,0.1);box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt;z-index:1000000000000000000000000000000;}
.js-facebook-messenger-close-tooltip{width:10px;height:10px;display:inline-block;cursor:pointer;margin-left:10px;}
.js-facebook-messenger-box.rubberBand{animation-name:rubberBand;}
.js-facebook-messenger-box.animated{animation-duration:1s;animation-fill-mode:both;}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999;}
.js-facebook-messenger-box{display:block;position:fixed;cursor:pointer;bottom:150px;right:17px;width:56px;height:56px;text-align:center;background:#1182fc;border-radius:100%;overflow:hidden;z-index:99;box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);}
.js-facebook-messenger-box.rotate svg#fb-msng-icon{transform:rotate(0deg);}
.js-facebook-messenger-box svg#fb-msng-icon{width:32px;height:33px;position:absolute;top:13px;left:12px;opacity:1;overflow:hidden;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;}
.js-facebook-messenger-box.rotate svg#close-icon{transform:rotate(-45deg);}
.js-facebook-messenger-box svg#close-icon{opacity:0;width:19px;height:20px;position:absolute;top:19px;left:19px;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000;}
.js-facebook-messenger-container{position:fixed;opacity:0;transform:translateY(50px);bottom:110px;right:90px;border-radius:10px;pointer-events:none;box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16);transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;}
.js-facebook-messenger-top-header{width:220px;}
.js-facebook-messenger-top-header{color:#fff;background:#1182fc;}
.js-facebook-messenger-top-header{display:block;position:relative;width:220px;background:#1182fc;color:#fff;text-align:center;line-height:1;padding:10px;font-size:14px;border-top-left-radius:10px;border-top-right-radius:10px;}
.js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe{border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999;}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000;}
.js-facebook-messenger-top-header{color:#fff;background:#1182fc;}
.js-facebook-messenger-top-header{width:220px;}
.js-facebook-messenger-tooltip{color:#404040;background:#fff;}
.js-facebook-messenger-container.open{transform:translateY(0px);opacity:1;pointer-events:all;}
.js-facebook-messenger-tooltip{bottom:97px;right:97px;}
.js-facebook-messenger-box.open svg#fb-msng-icon{opacity:0;}
.js-facebook-messenger-box.rotate.open svg#close-icon{transform:rotate(0deg);}
.js-facebook-messenger-box.open svg#close-icon{opacity:1;}

/* Cart fix */
.cart-fixed{position:fixed;right:20px;bottom:235px;z-index:10;background:#4b4f56;width:50px;height:50px;text-align:center;border-radius:100%;display:flex;align-items:center;justify-content:center;}
.cart-fixed a{color:#fff!important;}
.cart-fixed i{font-size:20px;}
.cart-fixed span{position:absolute;top:0px;right:-5px;color:#fff;width:25px;height:25px;background:var(--color-red);text-align:center;line-height:25px;font-size:11px;border-radius:100%;}

/* Toolbar */
.toolbar{background:var(--color-red);width:100%;padding:3vw;bottom:0px;position:fixed;z-index:500;height:auto;left:0px;}
.toolbar ul{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:0px;margin:0px;}
.toolbar ul li{text-align:center;width:25%;}
.toolbar ul li a{display:block;width:100%;cursor:pointer;}
.toolbar ul li a img{height:6vw;width:auto;}
.toolbar ul li a span{font-weight:400;color:#fff;font-size:3.5vw;display:none;}

/* Fixbar */
.fixbar{bottom:0;display:block;background:#f0eff4;border-top:1px solid #ddd;width:100%;box-sizing:border-box;position:fixed;margin:0;z-index:500;backface-visibility:hidden;height:50px;}
.fixbar ul{margin:0px;padding:0px;list-style:none;}
.fixbar ul li{display:inline-block;margin:0 auto 10px;text-align:center;width:25%;float:left;}
.fixbar .icon-cart-mobile,.fixbar .icon-cart-new,.fixbar .icon-home-new,.fixbar .icon-hotdeal-new{width:20px;height:20px;display:block;margin:8px auto 0;}
.fixbar .icon-cart-mobile{background:url(../images/cart-mobile.png) no-repeat;}
.cart-total-header-mobile{font-size:10px;position:absolute;background:red;color:#fff!important;border-radius:50%;height:15px;width:15px;line-height:15px;top:5px;margin-left:5px;}
.fixbar ul li a{font-size:11px;text-decoration:none;color:#333;}
.fixbar ul li a i{font-size:20px;}

/* Plugbar */
.plugbar{position:fixed;bottom:0;left:0;border-top:1px solid #eae6e6;width:100%;right:0;max-width:767px;margin:0 auto;background:#fff;padding:9px 10px 10px 7px;z-index:10;}
.plugbar ul{list-style:none;padding:0;margin:0px;display:-moz-flex;display:flex;justify-content:space-between;align-items:center;}
.plugbar ul li{width:20%;float:left;}
.plugbar ul li a{display:block;color:#696969;font-size:12px;text-align:center;position:relative;}
.plugbar ul li a i{font-size:20px;color:#696969;}
.plugbar ul li a span{position:absolute;width:50px;height:50px;top:-40px;left:calc(50% - 25px);font-size:14px;display:block;border:1px solid rgba(234,230,230,0.5);border-radius:100%;}

/* Combo Phone */
.support-online{position:fixed;z-index:999;left:10px;bottom:70px;}
.support-online a{position:relative;margin:20px 10px;text-align:left;width:40px;height:40px;}
.support-online i{width:40px;height:40px;background:#43a1f3;color:#fff;border-radius:100%;font-size:20px;text-align:center;line-height:1.9;position:relative;z-index:999;}
.support-online a span{border-radius:2px;text-align:center;background:rgb(103,182,52);padding:9px;display:none;width:180px;margin-left:10px;position:absolute;color:#ffffff;z-index:999;top:0px;left:40px;transition:all 0.2s ease-in-out 0s;animation:headerAnimation 0.7s 1;}
.support-online a:hover span{display:block;}
.support-online a{display:block;}
.support-online a span:before{content:"";width:0;height:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent rgb(103,182,52) transparent transparent;position:absolute;left:-10px;top:10px;}
.support-online .kenit-alo-circle-fill{width:60px;height:60px;top:-10px;position:absolute;transition:all 0.2s ease-in-out;border-radius:100%;border:2px solid transparent;transition:all 0.5s;background-color:rgba(0,175,242,0.5);opacity:0.75;right:-10px;}
.support-online .kenit-alo-circle{width:50px;height:50px;top:-5px;right:-5px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid rgba(30,30,30,0.4);opacity:0.1;border-color:#0089b9;opacity:0.5;}
.support-online .support-online .btn-support{cursor:pointer;}
.support-online .mes i{background:orange;}
.support-online .sms i{background:red;}
.support-online .call-now i{background:green;}

/* Phone Switch */
.widget-mobile{position:fixed;left:50%;transform:translateX(-50%);bottom:10px;z-index:9999999;}
#my-phone-circle{position:relative;width:50px!important;height:50px!important;}
.wcircle-open .wcircle-icon i:before{content:"\f00d";}
.wcircle-icon{background:#1282fc;border-radius:50%;display:flex!important;display:-ms-flex!important;align-items:center;-ms-flex-align:center;justify-content:center;position:relative!important;}
.wcircle-icon:before{position:absolute;content:"";width:60px;height:60px;background:rgba(18,130,252,0.5);border:1px solid #fff;border-radius:50%;left:-5px;top:-5px;animation:pulse 1s infinite ease-in-out;}
.wcircle-icon:after{position:absolute;content:"";width:80px;height:80px;background:rgba(18,130,252,0.5);border-radius:50%;left:-15px;top:-15px;animation:zoomIn 2s infinite ease-in-out;}
.wcircle-menu{position:absolute!important;left:0;top:0;display:none;}
.wcircle-menu-item{width:50px;height:50px;background:#1282fc;border-radius:50%;display:flex;display:-ms-flex;align-items:center;-ms-flex-align:center;justify-content:center;}
.wcircle-menu-item img{width:50px;height:50px;display:block;border-radius:50%;}
.wcircle-menu-item i,.wcircle-icon i{font-size:25px;color:#fff;position:relative;z-index:9999;}
.shake-anim{animation:shake-anim 1s infinite ease-in-out;transform-origin:50% 50%;}
.info-al{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);text-align:center;padding:10px;opacity:0;}
.name-al{font-size:15px;color:#fff;font-weight:700;text-transform:uppercase;border:1px solid #fff;line-height:40px;padding:0 30px;}
.box-al:hover .info-al{opacity:1;}
.wrap-vs{padding:50px 0;background:var(--color-main);}
.box-vs{background-color:#ffffff;border:1px solid #cccccc;padding:20px;}
.info-vs{flex:1 1 0%;margin-left:10px;}
.name-vs{font-size:18px;line-height:24px;color:#333333;font-weight:700;margin-bottom:0;}
.name-vs #footer-map{position:relative;}
.name-vs #footer-map .left{position:relative;height:550px;}
.name-vs #footer-map .right{height:100%;position:relative;min-height:300px;border:1px solid #ccc;}
.name-vs #footer-map .right .box{position:absolute;inset:0;overflow-y:scroll;}
.name-vs #footer-map .right .box .item{padding:15px;cursor:pointer;}
.name-vs #footer-map .right .box .item span{font-size:16px;line-height:25px;color:#333;font-weight:700;text-transform:capitalize;}
.name-vs #footer-map .right .box .item:hover{background-color:#f4f5f7;}
.name-vs #footer-map .right .box .item:hover span{color:var(--color-main);}
.name-vs #footer-map .right .box .item.active{background-color:lightyellow;}
.name-vs #footer-map iframe{position:absolute!important;width:100%!important;height:100%!important;top:0px!important;left:0px!important;}
.name-vs .loading-ajax{position:absolute;inset:0;z-index:99;background-color:rgba(255,255,255,0.8);display:none;}
.name-vs .loading-ajax .loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;display:inline-block;}
.name-vs .loading-ajax .loader .loader-star{position:static;width:60px;height:60px;transform:scale(0.7);animation:loader-2-star 1s ease alternate infinite;}
.name-vs .loading-ajax .loader .loader-star polygon{fill:var(--color-main);}
.name-vs .loading-ajax .loader .loader-circles{width:8px;height:8px;background:var(--color-main);border-radius:50%;position:absolute;left:calc(50% - 4px);top:calc(50% - 4px);transition:all 1s ease;animation:loader-2-circles 1s ease-in-out alternate infinite;}
.name-vs .loading-ajax .loader-star{position:absolute;top:calc(50% - 12px);}
@keyframes loader-2-circles{
	0%{box-shadow:0 0 0 var(--color-main);opacity:1;transform:rotate(0deg);}
	50%{box-shadow:24px -22px var(--color-main),30px -15px 0 -3px var(--color-main),31px 0px var(--color-main),29px 9px 0 -3px var(--color-main),24px 23px var(--color-main),17px 30px 0 -3px var(--color-main),0px 33px var(--color-main),-10px 28px 0 -3px var(--color-main),-24px 22px var(--color-main),-29px 14px 0 -3px var(--color-main),-31px -3px var(--color-main),-30px -11px 0 -3px var(--color-main),-20px -25px var(--color-main),-12px -30px 0 -3px var(--color-main),5px -29px var(--color-main),13px -25px 0 -3px var(--color-main);transform:rotate(180deg);}
	100%{opacity:0;transform:rotate(360deg);box-shadow:25px -22px var(--color-main),15px -22px 0 -3px black,31px 2px var(--color-main),21px 2px 0 -3px black,23px 25px var(--color-main),13px 25px 0 -3px black,0px 33px var(--color-main),-10px 33px 0 -3px black,-26px 24px var(--color-main),-19px 17px 0 -3px black,-32px 0px var(--color-main),-23px 0px 0 -3px black,-25px -23px var(--color-main),-16px -23px 0 -3px black,0px -31px var(--color-main),-2px -23px 0 -3px black;}
}
@keyframes loader-2-star{
	0%{transform:scale(0) rotate(0deg);}
	100%{transform:scale(0.7) rotate(360deg);}
}
.desc-vs{font-size:15px;line-height:24px;color:#333333;margin-bottom:0;}
.user-info-title{text-align:center;color:#007bff;font-size:20px;font-weight:700;}
.user-info-point{text-align:center;}
.user-info-point p{font-size:14px;color:#f9699e;font-weight:700;margin-bottom:10px;}
.wrap-flash{padding:60px 0;}
.wrap-flash .count-down span{display:inline-block;padding:5px;background-color:#000;font-size:13px;line-height:17px;color:#fff;margin-right:4px;border-radius:2px;font-weight:700;}
.wrap-list{padding:30px 0;}
.owl-3-15 .name{font-size:14px;color:#333;line-height:1.5;}
#popup-regions .regions{text-align:center;border:1px solid #ccc;border-radius:50px;padding:5px 10px;color:#333;font-size:15px;font-weight:600;width:100%;display:block;transition:0.3s ease-in-out;}
#popup-regions .regions:hover{color:#fff;background-color:var(--color-main);border-color:var(--color-main);}
.align-sub{vertical-align:sub;}
.section-1{overflow:hidden;position:relative;padding:60px 0px}
.section-1 .wrap-content{position:relative;}
.section-1 .wrap-content:after{content:"";position:absolute;left:calc(100% + 24px);top:30px;width:62px;height:103px;background:url(../images/after_gt.png);}
.section-1 .pic{box-shadow:0px 4px 20px 0px rgba(0,0,0,0.25);border-radius:16px;overflow:hidden;}
.section-1 .info .name{color:#272727;font-size:24px;font-weight:700;line-height:32px;margin-bottom:30px;}
.section-1 .info .desc{color:#272727;font-size:14px;line-height:22px;}
.section-2{padding:60px 0;background:#fff8dd;}
.swiper-product .swiper-pagination{position:relative;bottom:0;margin-top:40px;}
.swiper-product .swiper-pagination-bullet{width:17px;height:4px;border-radius:0;}
.swiper-product .swiper-pagination-bullet-active{background:#313131;}
.section-3 .main{padding:20px;border-radius:8px;background-color:var(--color-main);}
.section-3 .title{margin-bottom:20px;}
.section-3 .title .left{padding-left:100px;background:url(../images/i_fs.png) no-repeat 28px center;}
.section-3 .title .left span{color:#1e1e1e;font-size:40px;font-weight:700;display:block;}
.section-3 .title .count-down{color:#1e1e1e;font-size:15px;font-weight:700;line-height:22px;}
.section-3 .title .count-down div{display:flex;align-items:center;gap:4px;}
.section-3 .title .count-down span{display:inline-block;width:44px;height:44px;background-color:#fff;border-radius:6px;box-shadow:0px 0px 8px 0px rgba(255,255,255,0.65);text-align:center;line-height:44px;font-size:20px;color:var(--color-red);font-weight:700;}
.section-5 .grid{display:grid;grid-template-columns:22.5% 18% 12% 18% 1fr;gap:20px 20px;grid-template-areas:"item-1 item-2 item-2 item-3 item-3" "item-4 item-4 item-5 item-5 item-6";}
.section-5 .item-1{grid-area:item-1;}
.section-5 .item-2{grid-area:item-2;}
.section-5 .item-3{grid-area:item-3;}
.section-5 .item-4{grid-area:item-4;}
.section-5 .item-5{grid-area:item-5;}
.section-5 .item-6{grid-area:item-6;}
.section-6 .name{color:#1e1e1e;font-size:40px;font-weight:700;line-height:60px;margin-bottom:2rem;}
.section-6 .desc{color:#4b4b4b;font-size:28px;font-weight:500;line-height:40px;margin-bottom:2rem;}
.section-6 .view{display:inline-block;padding:0px 40px;color:#000;font-weight:500;line-height:40px;background-color:var(--color-main);transition:0.3s ease-in-out;border-radius:99px;}
.section-6 .view:hover{background-color:var(--color-red);color:#fff;}
.section-8{padding:60px 0;background:linear-gradient(180deg,#fff8dd 0%,rgba(255,248,221,0) 100%);}
.section-8 .info{margin:-70px 20px 0;border-radius:14px;background:#fff;padding:18px 25px;text-align:center;position:relative;z-index:2;}
.section-8 .info .name{color:#1e1e1e;font-size:15px;font-weight:700;line-height:24px;text-transform:uppercase;height:48px;}
.section-8 .info .name:hover{color:var(--color-red);}
.section-8 .info .time,.section-8 .info .poster{color:#313131;font-size:13px;line-height:24px;padding-left:25px;}
.section-8 .info .time{background:url(../images/i_time.png) no-repeat center left;}
.section-8 .info .poster{background:url(../images/i_writer.png) no-repeat center left;}
.section-8 .info .desc{margin-bottom:0;color:#000;font-size:14px;line-height:20px;height:60px;}
.section-9{padding:100px 0px 125px;}
.section-9 .wrap-instagram{margin-bottom:60px;}
.section-9 .wrap-instagram .title{text-align:center;margin-bottom:35px;}
.section-9 .wrap-instagram .title p{color:#313131;font-weight:500;text-transform:uppercase;margin-bottom:1.75rem;}
.section-9 .wrap-instagram .title span{color:#313131;font-size:30px;font-weight:500;}
.section-9 .wrap-newsletter .title span{color:#1e1e1e;font-size:54px;font-weight:700;line-height:60px;display:block;margin-bottom:1.75rem;}
.section-9 .wrap-newsletter .title p{color:#161616;}
.section-9 .wrap-newsletter .newsletter-input input{border-radius:4px;border:1px solid #eaeaea;background:#fff;height:44px;}
.section-9 .wrap-newsletter .newsletter-button input[type="submit"]{padding: 0px 40px;
    height: 44px;
    line-height: 44px;
    border-radius: 4px;
    background-color: var(--color-main);
    transition: 0.3s ease-in-out;
    border: 0;
    font-weight: 600;
    color: #000;}
.section-9 .wrap-newsletter .newsletter-button input[type="submit"]:hover{background-color:var(--color-red);}
.section-9 .wrap-newsletter .slogan{color:#777;margin-top:20px;}
.section-10 .name{color:#1e1e1e;font-size:16px;font-weight:600;}
.section-10 .desc{margin-bottom:0;color:#777;line-height:20px;}

/* *** */

/* Responsive */
@media (max-width:1024px){
	.menu,.hotline-header,.ch-header,.search,.btn-zalo,.btn-phone{display:none;}
	.menu-res{display:block;}
	.cart-fixed{bottom:225px;}
	.header-top{padding:10px 0;}
	.Box__User{width:100%;text-align:center;margin-right:0!important;}
	.Box__User:hover .sub_login{left:calc(50% - 90px);text-align:left;}
	.header-bottom .justify-content-lg-between{justify-content:center!important;}
	.title-dm{font-size:13px;}
}
@media (max-width:991px){
		.pbmit-blog-style-2 .pbminfotech-content-inner{display:block;}
	.pbmit-blog-style-2 .pbmit-featured-wrapper img{max-width:100%;width:100%;}
	.pbmit-blog-style-2 .pbmit-meta-wraper{padding-bottom:0;}
	.pbmit-blog-style-2 .pbmit-post-title{font-size:24px;line-height:30px;margin-bottom:15px;}
	.news{width:100%;float:none!important;}
	.top-contact{flex-wrap:wrap;}
	.left-pro-detail,.right-pro-detail,.top-contact .form-contact,.top-contact .article-contact{width:100%;margin:0px;}
	.left-pro-detail,.top-contact .article-contact{margin-bottom:30px;}
	.left-slide,.right-slide{display:none;}
	.center-slide{width:100%;}
	.cart-detail-fixed,.header-cart,.header-lang,.header-social,.header-genuine,.swiper-pagination{display:none;}
	.section-1 .info .name{font-size:21px;}
	.title-product .left span,.title-main span{font-size:25px;}
	.title-product .center a{font-size:15px;}
	.🐷{margin-top:30px;}
	.header-info{width:100%;}
	.slideshow{padding:0;}
	.section-2,.wrap-product,.section-8{padding:30px 0;}
	.section-9{padding:60px 0;}
	.section-3 .title .left{padding-left:50px;background-position:left center;}
	.section-3 .title .left span{font-size:25px;}
	.section-3 .title .count-down span{width:30px;height:30px;line-height:30px;font-size:17px;}
	.section-3 .main{padding:20px 10px;}
	.section-5 .grid{gap:4px;}
	.section-6 .name{font-size:25px;margin-bottom:1rem;}
	.section-6 .desc{font-size:16px;line-height:25px;}
	.section-9 .wrap-newsletter .title span{font-size:22px;line-height:35px;}
	.grid-pro-detail{display: block !important}
	.about-us-section-two{margin:0;}
	.section-1{padding: 30px 0px}


}
@media (max-width:767px){
	.pr-40{padding-right: 0px}
	.grid-col-5 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}
    .area-tool {
            padding-right: 00px;
        }
	.about-us-section-two .about-us-wrap{padding: 20px 0px}
	.pbmit-ihbox-style-11 .pbmit-ihbox-icon-type-text{font-size: 40px;line-height: 40px}
	.pbmit-ihbox-style-11 .pbmit-element-title{font-size: 16px;}
	.pbmit-ihbox-style-11 .pbmit-ihbox-headingicon{padding: 20px 24px;}
	.dropdown-user{display: none;}
	.pic-news,.info-news{display:block;width:100%;float:none;text-align:center;margin:0px;}
	.info-news{margin-top:15px;}
	.top-contact .form-contact .button-contact .file-contact span b{max-width:105px;}
	[class*="col-"]{padding-left:5px;padding-right:5px;}
	.row{margin-left:-5px;margin-right:-5px;}
	.price-old{display:block;padding-left:0;}
	.title-main-product span{font-size:17px;}
	.footer-news{width:100%!important;margin-bottom:20px;}
	.copyright,.statistic{width:100%;}
	.cart-detail-fixed-res{padding:10px 0;display:block;}
	#cart-point{display:none!important;}
	.tieuchi-detail{padding:10px 5px;}
	.left-pro-detail .d-flex{display: block !important}
	.detail-left,.detail-right{width: 100%}
	.detail-right{padding: 30px 0px}
	.pbmit-heading-subheading .pbmit-title{font-size: 30px}
	.price-new{font-size: 15px}
	.price-item{justify-content: space-between;display: flex;align-items: center;}
	.price-item{font-size: 11px;}
	.prev-product,.prev-sale{left: 10px}
	.next-product,.next-sale{right: 10px}
	.col-md-3.text-right{text-align: left;}
	.btn-more{padding: 8px 12px;margin-top: 15px;font-size: 14px;}
	.pbmit-blog-style-2 .pbmit-featured-img-wrapper{margin:0;}
	.row-cols-lg-4 .col{padding-left: 5px;padding-right: 5px;}
	.pbmit-blog-style-2 .pbmit-meta-wraper{padding: 10px 0}
	.bottom-contact{margin-top: 30px;}

}
@media (max-width:575px){
	.review-overview{display: block;}
	.attr-pro-detail{margin-top: 0px;}
	.pbmit-blog-style-2 .pbmit-post-title{font-size: 20px}
	.flashsale{padding: 20px 0px}
	.flashsale-header{display: block;}
	.flashsale-right{justify-content: flex-end;}
	.cart-pro-detail{flex-wrap:wrap;}
	.cart-pro-detail a{width:100%;text-align:center;margin:0px!important;font-size:14px;margin-top: 10px !important;}
	.cart-pro-detail a i{display:none;}
	.list-group-borderless {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0px 10px;
    margin-top: 10px;
}
}