/*
Theme Name: OnePage Custom
Theme URI: https://yourdomain.com
Author: dev tri
Description: Theme OnePage
Version: 1.0
*/

* { margin: 0; padding: 0; } 
html, body, div, span { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent } 
body { line-height: 1 } 
blockquote, q { quotes: none } 
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } 
:focus { outline: 0 } 
ins { text-decoration: none } 
del { text-decoration: line-through } 
table { border-collapse: collapse; border-spacing: 0 } 
a, a:hover, a:focus { outline: none !important; } 

html.lenis,
html.lenis body { height: auto !important; } 

.lenis.lenis-smooth { scroll-behavior: auto !important; } 

.lenis.lenis-smooth [data-lenis-container] { will-change: transform; } 

/*----------basic----------------*/
html, body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; text-rendering: optimizeLegibility; } 
a { text-decoration: none; color: #1471CE; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } 
a:hover { text-decoration: none !important; color: var(--main); } 
html { } 
::-webkit-scrollbar { background: #fff; width: 10px; height: 11px; } 
::-webkit-scrollbar-thumb { background: #ccc; background: var(--main); } 

/*Prevent Firefox Scrollbar Jump*/
img { border: none; max-width: 100%; height: auto; vertical-align: middle; box-sizing: border-box; position: relative; height: auto; } 
input, textarea { padding: 0; margin: 0; resize: none; outline: none; height: auto !important; line-height: 25px !important; } 
select, .cp { cursor: pointer; } 
.clear { clear: both; } 
:focus { outline: 0; } 
input:focus { outline: 1px solid #f97d17; } 
textarea:focus { outline: 1px solid #f97d17; } 
del { text-decoration: line-through } 
table { border-collapse: collapse; border-spacing: 0 } 
button { border: 0; cursor: pointer; font-weight: bold; outline: none } 
ul, ol, dl { margin-left: 15px; text-decoration: none !important; } 
body { background: #fff; font-family: "Inter", sans-serif; top: 0px !important; position: relative; } 
h1, h2, h3, h4, h5, h6 { margin: 0px; font-weight: normal; font-size: inherit; } 
.content h1,.content h2, .content h3, .content h4, .content h5, .content h6 { margin-bottom: 0.5rem; font-weight: 700; font-size: 2rem; } 
p { margin: 0; } 
.content p { margin-bottom: 1rem; } 
.hidden-seoh { visibility: hidden; height: 0px; margin: 0px; overflow: hidden; } 


@font-face { font-family: "UTM American Sans"; src: url('../OnePage/assets/fonts/UTM/UTMAmericanSans.eot'); src: url('../OnePage/assets/fonts/UTM/UTMAmericanSans.eot?#iefix') format('embedded-opentype'),
 url('../OnePage/assets/fonts/UTM/UTMAmericanSans.woff2') format('woff2'),
 url('../OnePage/assets/fonts/UTM/UTMAmericanSans.woff') format('woff'),
 url('../OnePage/assets/fonts/UTM/UTMAmericanSans.ttf') format('truetype'),
 url('../OnePage/assets/fonts/UTM/UTMAmericanSans.svg#UTMAmericanSans') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } 

@font-face { font-family: 'UTMCookies'; src: url('../OnePage/assets/fonts/UTM/00067UTMCookies.eot'); src: url('../OnePage/assets/fonts/UTM/00067UTMCookies.eot') format('embedded-opentype'),
 url('../OnePage/assets/fonts/UTM/00067UTMCookies.woff2') format('woff2'),
 url('../OnePage/assets/fonts/UTM/00067UTMCookies.woff') format('woff'),
 url('../OnePage/assets/fonts/UTM/00067UTMCookies.ttf') format('truetype'),
 url('../OnePage/assets/fonts/UTM/00067UTMCookies.svg#00067UTMCookies') format('svg'); } 


@font-face { font-family: 'GeogrotesqueSharpTRIALExpSmBd'; src: url('../OnePage/assets/fonts/UTM/GeogrotesqueSharpTRIALExpSmBd.eot'); src: url('../OnePage/assets/fonts/UTM/GeogrotesqueSharpTRIALExpSmBd.eot') format('embedded-opentype'),
 url('../OnePage/assets/fonts/UTM/GeogrotesqueSharpTRIALExpSmBd.woff2') format('woff2'),
 url('../OnePage/assets/fonts/UTM/GeogrotesqueSharpTRIALExpSmBd.woff') format('woff'),
 url('../OnePage/assets/fonts/UTM/GeogrotesqueSharpTRIALExpSmBd.ttf') format('truetype'),
 url('../OnePage/assets/fonts/UTM/GeogrotesqueSharpTRIALExpSmBd.svg#GeogrotesqueSharpTRIALExpSmBd') format('svg'); } 

@font-face { font-family: 'GeogrotesqueSharpTRIALExtSmBd'; src: url('../OnePage/assets/fonts/GeogrotesqueSharp/GeogrotesqueSharpTRIALExtSmBd.eot'); src: url('../OnePage/assets/fonts/GeogrotesqueSharp/GeogrotesqueSharpTRIALExtSmBd.eot') format('embedded-opentype'),
 url('../OnePage/assets/fonts/GeogrotesqueSharp/GeogrotesqueSharpTRIALExtSmBd.woff2') format('woff2'),
 url('../OnePage/assets/fonts/GeogrotesqueSharp/GeogrotesqueSharpTRIALExtSmBd.woff') format('woff'),
 url('../OnePage/assets/fonts/GeogrotesqueSharp/GeogrotesqueSharpTRIALExtSmBd.ttf') format('truetype'),
 url('../OnePage/assets/fonts/GeogrotesqueSharp/GeogrotesqueSharpTRIALExtSmBd.svg#GeogrotesqueSharpTRIALExtSmBd') format('svg'); } 


/* My */
:root { --color-red: #ec2d3f; --main: #92C83E; --Black: #231F20; --mxh: #f180b4; --hover-menu: #00B3EA; --hover: #92C83E; --hover2: #f1d892; --color-medium-red: #cc2c32; --color-dark-red: #c31829; --color-green: #28a745; --color-dark-green: #207d36; --color-black: #212529; --color-gray: #6c757d; } 

.center { padding: 0 15px; max-width: 1190px; margin: 0 auto; position: relative; } 
.centerhd { padding: 0 15px; max-width: 1350px; margin: 0 auto; position: relative; } 
@keyframes rubberBand { 
 0% { -webkit-transform:scaleX(1); transform:scaleX(1) } 30% { -webkit-transform:scale3d(1.25,.75,1); transform:scale3d(1.25,.75,1) } 40% { -webkit-transform:scale3d(.75,1.25,1); transform:scale3d(.75,1.25,1) } 50% { -webkit-transform:scale3d(1.15,.85,1); transform:scale3d(1.15,.85,1) } 65% { -webkit-transform:scale3d(.95,1.05,1); transform:scale3d(.95,1.05,1) } 75% { -webkit-transform:scale3d(1.05,.95,1); transform:scale3d(1.05,.95,1) } 
 to { -webkit-transform:scaleX(1); transform:scaleX(1) } 
 }.animate__rubberBand { -webkit-animation-name:rubberBand; animation-name:rubberBand } 
.hover_bond img, .hover_bond i,.hover_bond svg { transition: all 0.5s; } 
.hover_bond img:hover, .hover_bond i:hover,.hover_bond svg:hover { -webkit-animation: rubberBand 1s; animation: rubberBand 1s; } 
/*Hover Text*/
.hover-text a { transition: all 0.5s; } 
.hover-text a:hover { color: var(--main); } 
.hover_xam { position: relative; overflow: hidden; } 
.hover_xam::before { content: ""; background: rgba(255,255,255,.5); bottom: 0; left: 0; position: absolute; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -khtml-opacity: 1; -o-opacity: 1; -ms-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; width: 0; height: 0; z-index: 1; } 
.hover_xam::after { content: ""; background: rgba(255,255,255,.5); top: 0; right: 0; position: absolute; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -khtml-opacity: 1; -o-opacity: 1; -ms-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; width: 0; height: 0; z-index: 2; } 
.product-item:hover .hover_xam:after,.product-item:hover .hover_xam:before ,.hover_xam:hover::before,.hover_xam:hover::after,.product:hover .hover_xam::before,.product:hover .hover_xam::after { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transition-duration: 1.3s; -moz-transition-duration: 1.3s; -ms-transition-duration: 1.3s; -o-transition-duration: 1.3s; transition-duration: 1.3s; -khtml-opacity: 0; -o-opacity: 0; -ms-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; } 

.scale-img { overflow: hidden; display: block; } 
.scale-img img { width: 100%; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } 
.scale-img:hover > img { -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 


/* Footer */
footer { background: #fff; padding: 50px 0 30px 0; position: relative; } 
.footer-top { padding-bottom: 32px; } 
footer .center { z-index: 3; } 
.footer-1 { width: 400px; } 
.footer-1 img { max-width: 150px; } 
.footer-1 .theme-title { margin-top: 14px; color: var(--Black, #231F20); font-size: 16px; font-weight: 800; line-height: 24px; } 
.footer-1 .theme-description { color: var(--Black, #272A30); font-size: 16px; font-weight: 400; line-height: 24px; } 
.footer-bottom { padding-top: 20px; border-top: 1px solid #231F20; } 
.footer-bottom p { color: var(--Black, #231F20); font-size: 18px; font-weight: 400; line-height: 24px; } 
.footer-2 { width: 380px; } 
.footer-2-top { margin-bottom: 12px; } 
.footer-2-top a { display: flex; color: var(--Black, #231F20); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; margin-bottom: 12px; align-items: start; } 
.footer-2-top a span { flex: 1; } 
.footer-2-top a:hover { color: var(--main); font-weight: 500; } 
.footer-2-top a svg { margin-right: 6px; position: relative; top: 4px; } 
.footer-2-bottom ul { display: flex; align-items: center; } 
.footer-2-bottom ul li { margin-right: 8px; } 
.footer-2-bottom ul li:last-child { margin-right: 0px; } 
.footer-2-bottom ul li svg { max-width: 24px; } 
.footer-3 { width: 200px; } 
.footer-3 ul,.footer-2-bottom ul { list-style: none; margin: 0; padding: 0; } 
.footer-3 ul li { margin-bottom: 12px; } 
.footer-3 ul li:last-child { margin-bottom: 0px; } 
.footer-3 ul li a { color: var(--Black, #231F20); font-size: 16px; font-weight: 400; line-height: 24px; } 
.footer-3 ul li a:hover { color: var(--main); font-weight: 500; } 



/* Header */
header { box-shadow: 0 0 5px rgba(0 0 0 / 0.2); position: -webkit-sticky; position: sticky; top: 0; z-index: 9; background: #fff; } 

header.fixing { animation: hienthi 1.5s linear; } 
@keyframes hienthi { 
 0% { opacity: 0; transform: translateY(-10px); } 100% { opacity: 1; transform: translateY(0px); } 
 }

.header-top { background: var(--main); padding: 8px 0px; } 
.header-top-end a { font-size: 16px; color: #fff; line-height: 24px; font-weight: 400; } 
.header-top-end a:nth-child(1) { margin-right: 24px; } 
.header-top-end a:hover { color: #000; } 
.header-bottom { padding: 16px 0; } 
.header-bottom-left img { max-width: 150px; } 
.header-bottom-right { width: 950px; } 
.header-bottom-right ul { margin: 0; padding: 0; list-style: none; display: flex; justify-content: space-between; align-items: center; } 
.header-bottom-right ul li { position: relative; } 
.header-bottom-right ul li a { color: #231F20; font-size: 16px; font-weight: 400; line-height: 24px; position: relative; } 
.header-bottom-right ul li:hover > a { color: var(--main); font-weight: 600; } 
.header-bottom-right ul li:nth-child(3) a { padding-right: 15px; } 
.header-bottom-right ul li:nth-child(3) a::before { content: ""; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; transition: 1s all; } 
.header-bottom-right ul li:nth-child(3):hover a::before { border-top: 5px solid var(--main); transition: 1s all; } 
.header-bottom-right ul li:last-child a { background: #F4F4F6; border-radius: 6px; padding: 8px 40px 8px 10px; } 
.header-bottom-right ul li:last-child a::before { content: ""; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); background-image: url(../OnePage/assets/images/Bag.png); width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; filter: brightness(0) saturate(100%) invert(8%) sepia(12%) saturate(434%) hue-rotate(295deg) brightness(100%) contrast(91%); } 
.header-bottom-right ul li:last-child a { font-weight: 500; } 
.header-bottom-right ul li:last-child:hover a { background: var(--main); color: #fff; transition: 1s all; } 
.header-bottom-right ul li:last-child:hover a::before { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2320%) hue-rotate(62deg) brightness(105%) contrast(110%)!important; transition: 1s all; } 
.header-bottom-right ul li ul.sub-menu { flex-wrap: wrap; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.3s ease; position: absolute; top: 100%; left: 0; background: #fff; min-width: 250px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 999; border-radius: 0; display: block !important; } 
.header-bottom-right ul li:hover > ul.sub-menu { opacity: 1; visibility: visible; transform: translateY(0); } 
.header-bottom-right ul li ul.sub-menu li { width: 100%; } 
.header-bottom-right ul li ul.sub-menu li:last-child a { background: transparent; border: 0; } 
.header-bottom-right ul li ul.sub-menu li:last-child a:hover { color: var(--main); } 
.header-bottom-right ul li ul.sub-menu li a { padding: 10px; display: block; border-bottom: 1px solid rgba(7 51 109 / 0.2); } 
.header-bottom-right ul li ul.sub-menu li a::before { display: none; } 


/* slideshow */
#slideshow { position: relative; } 

#slideshow img { width: 100%; object-fit: cover; } 
.swiper { width: 100%; height: 100%; } 
#slideshow .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; max-height: 960px; } 
.slideshow-bottom { position: absolute; z-index: 1; left: 0; bottom: -37px; width: 100%; pointer-events: none; } 
.slideshow-bottom img { width: 100%; object-fit: cover; } 

#slideshow .swiper-pagination { left: 50%; transform: translateX(-50%); z-index: 5; bottom: 185px; } 
#slideshow .swiper-pagination span { width: 12px; height: 12px; background: #E6E7EA; opacity: 1; cursor: pointer; } 
#slideshow .swiper-pagination span.swiper-pagination-bullet-active { transition: 1s all; width: 49px; border-radius: 16px; background: #4E545F; } 


/* Contact */
#lienhe { padding: 130px 0 320px 0; position: relative; background: #F4F9EC; } 
#lienhe .center { z-index: 2; } 
.lienhe-left { width: 632px; } 
.lienhe-left a img { width: 100%; object-fit: cover; border-radius: 16px; } 
.lienhe-right { width: 500px; } 
.lienhe-right h2 { color: var(--main); font-family: "UTMCookies"; font-size: 46px; text-transform: uppercase; margin-bottom: 25px; line-height: 1; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--White, #FFF); } 
.lienhe-right h2 span { display: block; } 
.contact-form-item { margin-bottom: 15px; border-bottom: 1px solid #D2D5DA; } 
.contact-form-item p { margin: 0; padding: 0; } 
.contact-form-item p br { display: none; } 
.contact-form-item label { display: block; color: #231F20; font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 10px; } 
.contact-form-item label span:nth-child(2) { color: #EC1B30; margin-left: 3px; } 
.contact-form input, .contact-form textarea { width: 100%; padding: 0; border: 0; outline: 0; font-size: 16px; color: #231F20; font-weight: 400; background: transparent; } 
.contact-form input::placeholder, .contact-form textarea::placeholder { color: #231F20; } 
.contact-form textarea { height: 100px; } 
.contact-form-item-submit { margin-top: 30px; } 
.contact-form .wpcf7-submit { background-color: #4E545F; color: #fff; border: none; border-radius: 50px; cursor: pointer; font-size: 16px; font-weight: 700; width: 152px; height: 44px !important; display: flex; justify-content: center; align-items: center; transition: 1s all; } 
.contact-form .wpcf7-submit:hover { background-color: var(--hover); transition: 1s all; } 
.lienhe-right .wpcf7 form .wpcf7-response-output { margin: 0; margin-top: 10px; } 
.lienhe-right .wpcf7-spinner { position: absolute; background: var(--main); left: 0; top: 50%; transform: translateY(-50%); width: 152px; height: 48px; border-radius: 50px; margin: 0; display: flex; justify-content: center; align-items: center; } 
.contact-form-item-submit { position: relative; } 
.contact-form-item-submit input:focus { color: #fff; background: var(--hover); box-shadow: unset; } 

.lienhe-bottom { position: absolute; left: 0; width: 100%; bottom: 0px; pointer-events: none; } 
.lienhe-bottom svg { width: 100%; height: auto; position: absolute; left: 0; bottom: 0; } 
.lienhe-bottom img { width: 100%; object-fit: cover; } 

/* */
#camnangsuckhoe { padding: 134px 0 46px 0; position: relative; background: #fff; z-index: 2; } 
.title-camnangsuckhoe { margin-bottom: 37px; } 
.title-txt h2 { color: var(--main); font-family: "UTMCookies"; font-size: 52px; text-transform: uppercase; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--White, #FFF); } 
.title-txt h2 svg { margin-right: 10px; position: relative; top: -4px; } 
#camnangsuckhoe .swiper-slide { padding: 3px; } 
.camnangsuckhoe-item { background: #fff; border-radius: 16px; padding: 12px; box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px -2px rgba(16, 24, 40, 0.10); } 
.camnangsuckhoe-item .camnangsuckhoe-img img { max-height: 195px; width: 100%; object-fit: cover; border-radius: 8px; } 
.camnangsuckhoe-detail { padding-top: 6px; min-height: 230px; } 
.camnangsuckhoe-detail p.ngaytao { color: #9DA3AF; font-size: 12px; font-weight: 700; line-height: 20px; } 
.camnangsuckhoe-detail h3 { margin: 5px 0; } 
.camnangsuckhoe-detail h3 a { color: #272A30; font-size: 22px; font-weight: 700; line-height: 32px; text-transform: uppercase; } 
.camnangsuckhoe-detail h3 a:hover { color: var(--hover); } 
.camnangsuckhoe-detail .mota { color: #6A7181; font-size: 16px; font-weight: 400; line-height: 24px; } 
.camnang-bottom { position: absolute; left: 0; width: 100%; bottom: 0; pointer-events: none; } 
.camnang-bottom svg { left: 0; position: absolute; pointer-events: none; width: 100%; height: auto; } 
.camnang-bottom svg:nth-child(1) { bottom: 0; } 
.camnang-bottom svg:nth-child(2) { bottom: 0; } 
.camnang-bottom svg:nth-child(3) { bottom: 0; } 
.camnang-bottom img { width: 100%; object-fit: cover; } 

.xemthem { display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 130px; height: 48px; transition: 1s all; background: var(--main); color: #fff; font-size: 18px; font-weight: 700; border-radius: 50px; margin-top: 40px; } 
.xemthem:hover { color: #fff; background: var(--hover); transition: 1s all; } 
.xemthemcamnang { font-size: 12px; font-weight: 700; color: #fff; margin-top: 16px; width: 110px !important; height: 32px !important; line-height: 32px; border-radius: 50px; display: block; background: #4E545F; transition: 1s all; text-align: center; } 
.xemthemcamnang:hover { color: #fff; background:var(--hover); } 

/* tichdiemdoiqua */
#tichdiemdoiqua { position: relative; } 
.tichdiemdoiqua-img img { width: 100%; object-fit: cover; } 

.box-tichdiemdoiqua { position: absolute; z-index: 2; left: 5%; top: 50%; transform: translateY(-50%); width: 570px; height: 250px; } 
.box-tichdiemdoiqua::before { content: ""; position: absolute; left: 30px; top: 44px; width: 570px; height: 204px; border: 1px solid rgba(255, 255, 255, 0.50); background: linear-gradient(270deg, #2989F3 0%, #3B0EB1 100%); z-index: 1; } 
.box-tichdiemdoiqua::after { content: ""; position: absolute; left: 0; top: -10px; width: 570px; height: 225px; border: 1px solid rgba(255, 255, 255, 0.50); background: linear-gradient(270deg, #2989F3 0%, #3B0EB1 100%); z-index: 2; } 

.box-tichdiemdoiqua-content { position: absolute; z-index: 3; width: 100%; height: 100%; left: 0; padding: 25px 35px; top: -10px; } 
.box-tichdiemdoiqua-content p { color: #fff; font-size: 46px; font-weight: 700; line-height: 1.1; } 
.box-tichdiemdoiqua-content a { display: flex; justify-content: center; align-items: center; width: 165px; height: 48px; box-shadow: 0px 4px 6px -1px rgba(16, 24, 40, 0.10); border-radius: 50px; background: var(--hover-menu); color: #fff; font-size: 18px; font-weight: 700; line-height: 24px; transition: 1s all; margin-top: 20px; } 
.box-tichdiemdoiqua-content a:hover { color: #fff; transition: 1s all; background: var(--hover); } 

/* phanhoikhachhang */
#phanhoikhachhang { background: #F5F8FE; padding: 80px 0 98px 0; } 
.title-phanhoikhachhang { margin-bottom: 38px; } 
.phanhoi-item { background: #fff; border-radius: 16px; padding: 20px; box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px -2px rgba(16, 24, 40, 0.10); } 
.phanhoi-img img { max-width: 59px; max-height: 59px; border-radius: 50%; } 
.phanhoi-img-detail { flex: 1; margin-left: 8px; } 
.phanhoi-img-detail h3 { color: var(--main); font-size: 20px; font-weight: 700; line-height: 32px; } 
.phanhoi-detail { color: var(--Neutral-600, #4E545F); font-size: 16px; font-weight: 400; line-height: 24px; margin-top: 5px; } 
#phanhoikhachhang .swiper-slide { padding: 2px; } 

.phanhoikhachhang-items { position: relative; } 
#phanhoikhachhang .swiper-button-next, #phanhoikhachhang .swiper-button-prev { color: #fff; background-color: var(--main); width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; z-index: 10; transform: translateY(-50%); margin: 0; transition: 1s all; } 
#phanhoikhachhang .swiper-button-next { right: -62px; } 
#phanhoikhachhang .swiper-button-prev { left: -62px; } 
#phanhoikhachhang .swiper-button-next:hover, #phanhoikhachhang .swiper-button-prev:hover { background-color: var(--hover); transition: 1s all; } 
#phanhoikhachhang .swiper-button-next::after { font-size: 14px; font-weight: 700; } 
#phanhoikhachhang .swiper-button-prev::after { font-size: 14px; font-weight: 700; } 

/* danhgiatuchuyengia */
#danhgiatuchuyengia { background: #F5F8FE; padding: 100px 0 100px 0; } 
.title-danhgiatuchuyengia { margin-bottom: 80px; } 
.text-split { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 7; } 
.text-split-2 { -webkit-line-clamp: 2 !important; } 
.text-split-3 { -webkit-line-clamp: 3 !important; } 
.text-split-4 { -webkit-line-clamp: 4 !important; } 
#danhgiatuchuyengia .swiper-button-next, #danhgiatuchuyengia .swiper-button-prev { color: #fff; background-color: var(--main); width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; position: absolute; top: calc(50% + 45px); z-index: 10; transform: translateY(-50%); margin: 0; transition: 1s all; } 
#danhgiatuchuyengia .swiper-button-next { right: -62px; } 
#danhgiatuchuyengia .swiper-button-prev { left: -62px; } 
#danhgiatuchuyengia .swiper-button-next:hover, #danhgiatuchuyengia .swiper-button-prev:hover { background-color: var(--hover); transition: 1s all; } 
#danhgiatuchuyengia .swiper-button-next::after { font-size: 14px; font-weight: 700; } 
#danhgiatuchuyengia .swiper-button-prev::after { font-size: 14px; font-weight: 700; } 
#danhgiatuchuyengia .swiper-slide { padding: 2px; padding-top: 50px; } 
.danhgia-item { padding: 30px; background: #fff; border-radius: 16px; box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px -2px rgba(16, 24, 40, 0.10); min-height: 272px; } 
.danhgia-img { width: 197px; position: relative; } 
.danhgia-img img { position: absolute; left: 0; bottom: 0; width: 100%; object-fit: cover; } 
.danhgia-detail { flex: 1; margin-left: 30px; } 
.danhgia-detail h3 { color: var(--main); font-size: 24px; font-weight: 700; line-height: 32px; letter-spacing: -0.48px; margin-bottom: 5px; } 
.danhgia-detail .mota { color: var(--Neutral-600, #4E545F); font-size: 16px; font-weight: 400; line-height: 24px; } 

/* giaychungnhan */
#giaychungnhan { background: #fff; padding: 0px 0 255px 0; position: relative; z-index: 1; } 
.title-giaychungnhan { margin-bottom: 40px; } 
.giaychungnhan-items { position: relative; } 
.giaychungnhan-img img { width: 100%; object-fit: cover; border-radius: 6px; } 
#giaychungnhan .giaychungnhan-swiper-pagination { left: 50%; transform: translateX(-50%); z-index: 3; bottom: -40px; position: absolute; display: flex; justify-content: center; align-items: center; } 
#giaychungnhan .giaychungnhan-swiper-pagination span { width: 12px; height: 12px; background: #E6E7EA; opacity: 1; cursor: pointer; } 
#giaychungnhan .giaychungnhan-swiper-pagination span.swiper-pagination-bullet-active { transition: 1s all; width: 49px; border-radius: 16px; background: var(--main); } 


/* cauchuyenthuonghieu */
#cauchuyenthuonghieu { padding: 90px 0 45px 0; position: relative; background: #F4F9EC; } 
.title-cauchuyenthuonghieu { margin-bottom: 40px; } 
#cauchuyenthuonghieu .center { z-index: 2; } 
.giaychungnhan-left { font-size: 16px; font-weight: 400; line-height: 24px; color: #231F20; margin-bottom: 40px; text-align: justify; position: relative; } 
.giaychungnhan-left p { margin: 15px 0; } 
.giaychungnhan-left p:last-child { margin-bottom: 0; position: relative; } 
.giaychungnhan-left p:last-child span img,.giaychungnhan-left p:last-child img { filter: brightness(0) saturate(100%) invert(90%) sepia(8%) saturate(4082%) hue-rotate(28deg) brightness(92%) contrast(71%) !important; width: 25px; height: 25px; margin-left: 5px; } 
/* .giaychungnhan-left p:last-child:before { content:""; position: absolute; width: 25px; height: 25px; display: inline-block; margin-left: 7px; background-image: url('../OnePage/assets/images/ques.png'); background-size: contain; background-repeat: no-repeat; right: 0; bottom: 0; filter: brightness(0) saturate(100%) invert(90%) sepia(8%) saturate(4082%) hue-rotate(28deg) brightness(92%) contrast(71%); } */
.giaychungnhan-left p:nth-child(1) { position: relative; margin-top: 0; } 
.giaychungnhan-left p:nth-child(1):before { content:""; position: relative; width: 25px; height: 25px; display: inline-block; margin-right: 7px; background-image: url('../OnePage/assets/images/ques-Copy-1.png'); background-size: contain; background-repeat: no-repeat; filter: brightness(0) saturate(100%) invert(90%) sepia(8%) saturate(4082%) hue-rotate(28deg) brightness(92%) contrast(71%); } 

/* .giaychungnhan-left p:nth-child(3) { color: #07336D; } */
.giaychungnhan-right { position: relative; } 
.giaychungnhan-grid { display: flex; justify-content: space-between; position: relative; } 
.giaychungnhan-icon { position: absolute; z-index: 2; bottom: -80px; right: -140px; max-width: 300px; } 
.giaychungnhan-icon img { /* width: 50%; */ } 
/* .giaychungnhan-grid-item:nth-child(1) { grid-column: 1/3; } 
.giaychungnhan-grid-item:nth-child(4) { grid-column: 2/4; } */
.giaychungnhan-grid-item :where(a, img) { border-radius: 16px; width: 100%; object-fit: cover; max-height: 380px; height: 100%; } 
.giaychungnhan-grid-item { position: relative; width: calc(100% / 2 - 5px); border-radius: 16px; border: 3px solid #FFF; box-shadow: 0px 4px 6px -1px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.10) } 
.giaychungnhan-grid-item .header-logo { position: absolute; pointer-events: none; left: 10px; top: 10px; border-radius: 0; max-width: 80px; } 
.cauchuyenthuonghieu-bottom { position: absolute; left: 0; bottom: 0; z-index: 1; pointer-events: none; width: 100%; } 
.cauchuyenthuonghieu-bottom svg { width: 100%; height: auto; position: absolute; left: 0; bottom: 0; } 
.cauchuyenthuonghieu-bottom img { width: 100%; object-fit: cover; } 

/* video */
#video { padding: 45px 0 30px 0; background: #fff; position: relative; } 
.box-video { max-width: 900px; margin: 0 auto; position: relative; } 
.video-box svg { position: relative; z-index: 2; } 
.video-box .videobf { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none; width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; } 
.video-box .videobf.btn-frame .kenit-alo-circle { width: 112px; height: 112px; } 
.video-box .videobf.btn-frame .kenit-alo-circle-fill { width: 122px; height: 122px; } 
.video-box img { width: 100%; object-fit: cover; cursor: pointer; } 
.video-box :where(a, img) { border-radius: 16px; } 
.video-bottom { position: absolute; left: 0; bottom: 0; z-index: 1; pointer-events: none; width: 100%; } 
.video-bottom svg { width: 100%; height: auto; position: absolute; left: 0; bottom: 0; } 


/* sanpham */
#sanpham { position: relative; padding: 120px 0 0px 0; } 
#sanpham .center { z-index: 2; } 
.sanpham-items { position: relative; } 
.sanpham-items .swiper-slide { padding: 2px; padding-top: 120px; } 

.sanpham-item { padding: 190px 30px 30px 30px; border-radius: 30px; background: #F9FAFA; position: relative; } 
.sanpham-img { position: absolute; z-index: 2; left: 50%; transform: translateX(-50%); top: -65px; } 
.sanpham-img :where(a, img) { max-width: 230px; max-height: 230px; } 
.sanphamnb-img-top-khien { pointer-events: none; } 
.sanpham-detail { display: block; } 
.sanpham-detail .mota { color: var(--Neutral-600, #4E545F); font-size: 14px; font-weight: 400; line-height: 24px; margin: 10px 0 10px; } 
 
.sanpham-detail h3 a { font-size: 24px; font-weight: 700; line-height: 32px; letter-spacing: -0.48px; } 
/* .sanpham-detail h3 a:hover { color: #000; } */
.xemthemsp { display: flex; justify-content: center; align-items: center; width: 155px; height: 44px; border-radius: 50px; background: #4E545F; color: #fff; font-size: 16px; font-weight: 700; line-height: 24px; transition: 1s all; margin: 0 auto; } 
.xemthemsp:hover { color: #fff; background: var(--hover); transition: 1s all; } 
.sanpham-items .sanpham-item-1 .sanpham-detail h3 a { color: #8CC23B; } 
.sanpham-items .sanpham-item-2 .sanpham-detail h3 a { color: #EB6E20; } 
.sanpham-items .sanpham-item-3 .sanpham-detail h3 a { color: #00B3EA; } 
.sanpham-items .sanpham-item-1 .sanpham-detail .mota { color: #8CC23B; } 
.sanpham-items .sanpham-item-2 .sanpham-detail .mota { color: #EB6E20; } 
.sanpham-items .sanpham-item-3 .sanpham-detail .mota { color: #00B3EA; } 


#sanpham .sanpham-swiper-pagination { left: 50%; transform: translateX(-50%); z-index: 3; bottom: -30px; position: absolute; display: flex; justify-content: center; align-items: center; } 
#sanpham .sanpham-swiper-pagination span { width: 12px; height: 12px; background: #E6E7EA; opacity: 1; cursor: pointer; } 
#sanpham .sanpham-swiper-pagination span.swiper-pagination-bullet-active { transition: 1s all; width: 49px; border-radius: 16px; background: var(--main); } 



/* .sanpham-items .swiper-slide:nth-child(1) .sanpham-detail h3 a { color: #8CC23B; } 
.sanpham-items .swiper-slide:nth-child(2) .sanpham-detail h3 a { color: #EB6E20; } 
.sanpham-items .swiper-slide:nth-child(3) .sanpham-detail h3 a { color: #00B3EA; } 
.sanpham-items .swiper-slide:nth-child(1) .sanpham-detail .mota { color: #8CC23B; } 
.sanpham-items .swiper-slide:nth-child(2) .sanpham-detail .mota { color: #EB6E20; } 
.sanpham-items .swiper-slide:nth-child(3) .sanpham-detail .mota { color: #00B3EA; } */
/* sanphamnb */
#sanphamnb { position: relative; } 
.sanphamnb-calc { position: relative; } 
.sanphamnb-calc .center { z-index: 2; max-width: 1200px; } 
.sanphamnb-calc:nth-child(1) { padding-top: 150px; background: #F4F9EC; padding-bottom: 160px; } 
.sanphamnb-calc:nth-child(2) { background: #fff; padding-top: 80px; padding-bottom: 160px; } 
.sanphamnb-calc:nth-child(1)::before { content:""; position: absolute; z-index: 1; left: 0; bottom: 0; background-image: url(../OnePage/assets/images/topicon.png); width: 100%; height: 320px; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; pointer-events: none; } 
.sanphamnb-calc:nth-child(2)::before { content:""; position: absolute; z-index: 1; left: 0; bottom: 0; background-image: url(../OnePage/assets/images/bottomicon.png); width: 100%; height: 320px; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; pointer-events: none; } 
.sanphamnb-calc:nth-child(3) { padding-top: 80px; background: #F4F9EC; padding-bottom: 200px; } 
.sanphamnb-calc:nth-child(3)::before { content:""; position: absolute; z-index: 1; left: 0; bottom: 0; background-image: url(../OnePage/assets/images/topicon.png); width: 100%; height: 320px; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; pointer-events: none; } 
.sanphamnb-item { position: relative; } 

.sanphamnb-img { max-width: 410px; position: relative; } 
.sanphamnb-img-top { position: relative; } 
.sanphamnb-img-bottom { margin-top: 40px; } 
.sanphamnb-img-bottom .sanphamnb-detail-item-title { text-transform: none; background: transparent !important; padding: 0; color: #272A30; } 
.sanphamnb-img-top-img-sp { position: absolute; z-index: 2; right: 0; bottom: -40px; } 
.sanphamnb-img img { width: 100%; object-fit: cover; } 
.sanphamnb-img-top-icon { position: absolute; z-index: 2; left: -45px; bottom: -40px; max-width: 230px; } 
.sanphamnb-detail { width: 630px; } 

.sanphamnb-detail-item { background: #fff; box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px -2px rgba(16, 24, 40, 0.10); border-radius: 8px; margin-bottom: 20px; } 
.sanphamnb-detail-item:last-child { border: 0; margin-bottom: 0; background: transparent; box-shadow: unset; } 
.sanphamnb-detail-item:last-child .xemthem-link { margin: 0; width: 177px; } 
.sanphamnb-detail-item-title { color: #fff; font-size: 16px; font-weight: 700; line-height: 24px; background: #739D31; border-radius: 8px 8px 0 0; padding: 8px 20px; text-transform: uppercase; } 
.sanphamnb-detail-item-content { color: #4E545F; font-size: 16px; font-weight: 400; line-height: 24px; padding: 10px 20px; } 
.xemthem-link { color: var(--White, #FFF); font-size: 16px; font-weight: 700; line-height: 24px; width: 161px; height: 44px; } 
.sanphamnb-bottom { position: absolute; left: 0; bottom: -50px; z-index: 1; pointer-events: none; width: 100%; } 
.sanphamnb-bottom svg { width: 100%; height: auto; position: absolute; left: 0; bottom: 0; } 

.sanphamnb-detail-title-top { margin-bottom: 20px; display: flex; } 
.sanphamnb-detail-title-top h3 { color: var(--5, #07336D); text-align: center; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, 2px 2px 2px rgba(0, 0, 0, 0.2); font-family: 'GeogrotesqueSharpTRIALExtSmBd'; font-size: 52px; text-transform: uppercase; margin-right: 7px; } 
.sanphamnb-detail-title-top h4 { color: var(--main); text-align: center; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, 2px 2px 2px rgba(0, 0, 0, 0.2); font-family: 'GeogrotesqueSharpTRIALExtSmBd'; font-size: 52px; text-transform: uppercase; } 



.sanpham-buy-links a span { font-weight: 500; color: var(--hover-menu); font-size: 16px; transition: 1s all; width: 0; display: inline-block; white-space: nowrap; width: 0; opacity: 0; visibility: hidden; } 
.sanpham-buy-links a:hover span { transition: 1s all; width: 70px; opacity: 1; visibility: visible; } 

.sanphamnb-calc:nth-child(2) .sanphamnb-detail-item-title { background: #EB6E20; } 
.sanphamnb-calc:nth-child(3) .sanphamnb-detail-item-title { background: #00B3EA; } 
.sanphamnb-calc:nth-child(2) .sanphamnb-detail-title-top h4 { color: #EB6E20; } 
.sanphamnb-calc:nth-child(3) .sanphamnb-detail-title-top h4 { color: #00B3EA; } 

.sanphamnb-calc:nth-child(2) .xemthem-link:hover { background: #EB6E20; } 
.sanphamnb-calc:nth-child(3) .xemthem-link:hover { background: #00B3EA; } 



/* bongbongchat */
#mxh-toolbar { position: fixed; z-index: 10; right: 15px; bottom: 55px; } 
.mxh-toolbar-calc { border: 3px solid rgba(255, 255, 255, 0.20); background: #fff; box-shadow: 0px 4px 4px 0px rgba(185, 185, 185, 0.25); padding: 4px; border-radius: 50%; margin-bottom: 20px; } 
.mxh-toolbar-calc:last-child { margin-bottom: 0; } 
.mxh-toolbar-calc a img { max-width: 42px; max-height: 42px; border-radius: 50%; } 

.amination-ring { -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; animation:phone-vr-circle-fill 1s infinite ease-in-out; } 

@-webkit-keyframes phone-vr-circle-fill { 
 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) } 
 }


.btn-frame { display: block; width: 42px; height: 42px; position: relative; 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: var(--mxh); 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: 52px; height: 52px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid var(--main); opacity: .1; border-color: var(--main); opacity: .5; } 
.btn-frame .zoomIn { animation-name: zoomIn; } 
.btn-frame .animated { animation-duration: 1s; animation-fill-mode: both; } 
.btn-frame .kenit-alo-circle-fill { width: 62px; height: 62px; top: -10px; right: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: var(--main); opacity: .4; } 
.btn-frame .pulse { animation-name: pulse; } 

@-webkit-keyframes zoomIn { 
 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } 
 }
@-webkit-keyframes pulse { 
 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); } 
 }

 #mxh-scroll-to-top { display: flex; justify-content: center; align-items: center; background: transparent; box-shadow: unset; border: 0; opacity: 0; transition: 1s all; } 
 #mxh-scroll-to-top svg { color: var(--main); } 

 .mxh-toolbar-toggle { display: flex; flex-direction: column-reverse; align-items: center; } 

.giaychungnhanSwiper .swiper-wrapper { align-items: center; } 
.giaychungnhanSwiper .swiper-slide { width: auto; } 
.giaychungnhanSwiper .swiper-slide img { object-fit: contain; width: auto; height: 400px; } 




/* Nút Menu mobi */
.header-bottom-right-2-btn { display: inline-block; color: var(--main); border-radius: 5px; text-decoration: none; font-size: 16px; transition: background-color 0.3s; } 
.header-bottom-right-2-btn:hover { color: var(--hover); } 

/* Biểu tượng 3 gạch */
.menu-toggle { display: inline-block; width: 30px; height: 30px; position: relative; vertical-align: middle; } 
.menu-line { display: block; width: 20px; height: 2px; background-color: var(--main); position: absolute; left: 5px; transition: transform 0.3s ease, opacity 0.3s ease; } 
.menu-line-1 { top: 8px; } 
.menu-line-2 { top: 14px; } 
.menu-line-3 { top: 20px; } 

/* Chuyển thành chữ X khi active */ 
.header-bottom-right-2-btn.active .menu-line-1 { transform: translateY(6px) rotate(45deg); } 
.header-bottom-right-2-btn.active .menu-line-2 { opacity: 0; } 
.header-bottom-right-2-btn.active .menu-line-3 { transform: translateY(-6px) rotate(-45deg); } 



/* Menu mobile wrapper */ 
.mobile-menu-wrapper { position: fixed; top: 0; left: -350px; width: 350px; height: 100%; background-color: #fff; box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2); z-index: 1000; transition: left 0.3s ease; } 
.mobile-menu-wrapper.active { left: 0; } 
/* Menu mobile ná»™i dung */ 
.menu-mobi-bottom { height: 100%; overflow-y: auto; padding: 15px; } 
/* Danh sách menu */ 
.mobile-menu-list { list-style: none; padding: 0; margin: 0; } 
.mobile-menu-list li { margin-bottom: 10px; } 
.mobile-menu-list li:last-child { margin-bottom: 0px; } 
.mobile-menu-list li a { color: var(--main); text-decoration: none; font-size: 16px; display: block; font-weight: 500; } 
.mobile-menu-list li a:hover { color: var(--hover-menu); font-weight: 600; } 
.mobile-menu-list ul { list-style: none; } 



.menu-mobi-top .menu-mobi-top-left img { max-width: 120px; } 
/* Phần đầu menu (logo và nút đóng) */ 
.menu-mobi-top { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; border-bottom: 1px solid #eee; background-color: #f8f9fa; } 
.menu-mobi-top-left { flex: 1; } 
.header-logo { max-width: 120px; height: auto; display: block; } 
.mobile-menu-close { flex: 0 0 auto; } 
.mobile-menu-close-btn { font-size: 24px; color: var(--main); text-decoration: none; } 
.mobile-menu-close-btn:hover { color: var(--hover-menu); } 

/* Mũi tên toggle sub-menu */
.menu-item-has-children { position: relative; } 
.toggle-sub-menu { position: absolute; top: 5px; z-index: 2; right: 0; transform: rotate(0deg); width: 20px; height: 20px; cursor: pointer; transition: transform 0.3s ease; } 
.toggle-sub-menu::before, .toggle-sub-menu::after { content: ''; position: absolute; background-color: #333; transition: background-color 0.3s; } 
.toggle-sub-menu::before { width: 8px; height: 2px; top: 9px; left: 3px; transform: rotate(45deg); } .toggle-sub-menu::after { width: 8px; height: 2px; top: 9px; left: 8px; transform: rotate(-45deg); } 
.menu-item-has-children.active .toggle-sub-menu { transform: rotate(90deg); } 
.menu-item-has-children.active .toggle-sub-menu::before, .menu-item-has-children.active .toggle-sub-menu::after { background-color: var(--hover-menu); } 
/* Sub-menu */ 
.mobile-menu-list .sub-menu { list-style: none; padding: 0; margin: 0 0 10px 15px; display: none; } 
.mobile-menu-list .sub-menu li { margin-bottom: 5px; } 
.mobile-menu-list .sub-menu li a { font-size: 14px; font-weight: 400; color: var(--main); } 
.mobile-menu-list .sub-menu li a:hover { color: var(--hover-menu); padding-left: 5px; } 



/* Reponsive */
@media (max-width: 1800px){
 .slideshow-bottom { bottom: -32px; } 
 }
@media (max-width: 1600px){
 .slideshow-bottom { bottom: -29px; } 
 }
@media (max-width: 1440px){
 #danhgiatuchuyengia .swiper-button-prev { left: -45px; } 
 #danhgiatuchuyengia .swiper-button-next { right: -45px; } 
 #cauchuyenthuonghieu { padding: 70px 0 260px 0; } 
 #slideshow .swiper-slide img { max-height: 720px; } 
 .camnangsuckhoe-detail { min-height: 225px; } 
 #slideshow .swiper-pagination { bottom: 145px; } 
 .slideshow-bottom { bottom: -29px; } 
 }
@media (max-width: 1366px){
 .giaychungnhan-icon { max-width: 250px; right: 0; } 
 #danhgiatuchuyengia .swiper-button-next,#danhgiatuchuyengia .swiper-button-prev,#phanhoikhachhang .swiper-button-next,#phanhoikhachhang .swiper-button-prev { display: none; } 
 #lienhe .center, #danhgiatuchuyengia .center,.sanphamnb-calc .center { overflow: hidden; } 
 .lienhe-left { width: 53%; position: relative; z-index: 2; } 
 .lienhe-right { width: 45%; } 
 .lienhe-right h2 { font-size: 36px; } 
 #danhgiatuchuyengia { padding: 70px 0 35px 0; } 
 #phanhoikhachhang { padding: 35px 0 70px 0; } 
 .title-danhgiatuchuyengia { margin-bottom: 40px; } 
 #giaychungnhan { padding: 60px 0 200px 0; } 
 .sanphamnb-calc .center { /* padding: 90px 15px 10px 15px; */ } 
 .sanphamnb-calc:nth-child(1) { padding: 80px 0; } 
 .sanphamnb-calc:nth-child(2) { padding: 80px 0; } 
 .sanphamnb-calc:nth-child(3) { padding: 80px 0; } 
 .sanphamnb-bottom,.footer-bgtop { display: none; } 
 #sanpham { padding: 75px 0; } 
 #cauchuyenthuonghieu .center, #video .center { z-index: 2; } 
 #cauchuyenthuonghieu .center { overflow: hidden; padding-bottom: 70px !important; } 
 #cauchuyenthuonghieu { padding-bottom: 0 !important; } 
 #cauchuyenthuonghieu { padding: 70px 0 160px 0; } 
 #video { padding: 50px 0 50px 0; } 
 #lienhe { padding: 70px 0; } 
 #slideshow .swiper-slide img { max-height: 684px; } 
 .slideshow-bottom { bottom: -26px; } 
 }
@media (max-width: 1199px){
 .camnang-bottom,.video-bottom,.cauchuyenthuonghieu-bottom { display: none; } 
#camnangsuckhoe,#video,#cauchuyenthuonghieu { padding: 60px 0; } 
.title-cauchuyenthuonghieu { margin-bottom: 50px; } 
.camnangsuckhoe-detail h3 a { font-size: 18px; line-height: 26px; } 
.box-tichdiemdoiqua-content p { font-size: 36px; } 
.box-tichdiemdoiqua-content p span { display: block; } 
.box-tichdiemdoiqua-content { top: 3px; } 
.lienhe-right h2 { margin-bottom: 20px; } 
.contact-form-item { margin-bottom: 15px; padding-bottom: 15px; } 

.sanphamnb-detail { width: calc(100% - 410px); } 
.danhgia-item { padding: 20px; } 
.sanphamnb-detail-item-content { width: calc(100% - 210px); } 

.giaychungnhan-grid { grid-template-columns: repeat(2,1fr); grid-template-rows: 145px 70px 145px; } 
.giaychungnhan-grid-item:nth-child(1) { grid-column: 1/2; grid-row: 1/2; } 
.giaychungnhan-grid-item:nth-child(2) { grid-column: 2/3; grid-row: 1/3; } 
.giaychungnhan-grid-item:nth-child(3) { grid-column: 1/2; grid-row: 2/4; } 
.giaychungnhan-grid-item:nth-child(4) { grid-column: 2/3; grid-row: 3/4; } 
.giaychungnhan-grid-item :where(a, img) { border-radius: 10px; } 
#slideshow .swiper-slide img { max-height: 600px; } 
#slideshow .swiper-pagination span { width: 10px; height: 10px; } 
#slideshow .swiper-pagination { bottom: 15px; } 
#slideshow .swiper-pagination span.swiper-pagination-bullet-active { width: 30px; } 
.sanphamnb-img { max-width: 400px; } 
.header-bottom-right { width: calc(100% - 170px); } 
 #slideshow .swiper-pagination { bottom: 120px; } 
.slideshow-bottom { bottom: -24px; } 
 }
@media (max-width: 1100px){
 .header-bottom-right ul li a { font-size: 14px; } 
 }

@media (max-width: 991px){
 #slideshow .swiper-slide img { max-height: unset; height: auto; object-fit: cover; } 
 .sanphamnb-detail-title { top: -40px; } 
 .header-bottom-right { display: none !important; } 
 .header-bottom-right-2 { display: block !important; } 
 .sanphamnb-detail-item-title { width: 100%; margin-bottom: 5px; } 
 .sanphamnb-detail-item-content { width: 100%; } 
 .sanphamnb-detail { } 
 .title-txt h2 { font-size: 36px; } 
 .sanphamnb-img { max-width: 350px; } 
 .lienhe-right .wpcf7-spinner { height: 42px; } 
 .sanphamnb-detail { width: calc(100% - 365px); } 
 .sanphamnb-detail-title h2 { font-size: 26px; } 
 .sanphamnb-detail-title h3 { font-size: 42px; line-height: 1.2; } 
 .sanphamnb-calc .center { /* padding: 50px 15px 10px 15px; */ } 
 #sanpham,.sanphamnb-calc { padding: 50px 0 !important; } 
 .giaychungnhan-bottom { display: none; } 
 #giaychungnhan { padding: 50px 0 100px 0; } 
 #lienhe,#camnangsuckhoe, #video, #cauchuyenthuonghieu,#phanhoikhachhang,#danhgiatuchuyengia { padding: 50px 0; } 
 .lienhe-left { width: 100%; margin-top: 30px; } 
 #slideshow .swiper-pagination { bottom: 20px; } 
 .lienhe-right { width: 100%; } 
 #lienhe .center { flex-direction: column-reverse; } 
 .contact-form-item-submit { margin-top: 30px; } 
 .xemthem { font-size: 16px; height: 42px; } 
 .box-tichdiemdoiqua-content p { font-size: 24px; } 
 .tichdiemdoiqua-img img { min-height: 280px; } 
 .box-tichdiemdoiqua { height: 200px; width: 400px; } 
 .box-tichdiemdoiqua::before { top: 15px; left: 15px; width: 400px; height: 200px; } 
 .box-tichdiemdoiqua::after { width: 400px; height: 200px; } 
 .box-tichdiemdoiqua-content a,.contact-form .wpcf7-submit,.xemthemsp { height: 42px !important; font-size: 16px; } 
 .footer-1 { width: 100%; margin-bottom: 20px; } 
 .footer-2,.footer-3 { width: 49%; } 
 .danhgia-item { padding: 15px; } 
 .danhgia-img { width: 100%; } 
 .danhgia-detail { flex: auto; width: 100%; margin: 15px 0 0 0; min-height: 188px; } 
 .danhgia-img img { position: relative; } 
 #danhgiatuchuyengia .swiper-slide { padding-top: 0; } 
 .danhgia-detail { text-align: center; } 
 .danhgia-detail h3 { font-size: 20px; line-height: 24px; } 
 .danhgia-detail .mota,.phanhoi-detail,.camnangsuckhoe-detail .mota { font-size: 14px; line-height: 22px; } 
 .sanpham-item { border-radius: 20px; } 
 .footer-top { padding-bottom: 30px; } 
 .camnangsuckhoe-detail { min-height: 195px; } 
 .slideshow-bottom { bottom: -16px; } 
 }
@media (max-width:820px){
 .slideshow-bottom { bottom: -16px; } 
 }
 @media (min-width: 992px){
 .mobile-menu-wrapper { display: none !important; } 
 }
@media (max-width: 768px){
 #camnangsuckhoe, #video, #cauchuyenthuonghieu,#sanpham { padding: 50px 0; } 
 .title-cauchuyenthuonghieu { margin-bottom: 40px; } 
.sanphamnb-calc:nth-child(3)::before,.sanphamnb-calc:nth-child(1)::before,.sanphamnb-calc:nth-child(2)::before { display: none; } 
 .giaychungnhan-right { /* display: none; */ } 
 .video-box :where(a, img) { border-radius: 24px; } 
 .sanpham-detail h3 a { font-size: 20px; line-height: 28px; } 
 .sanpham-item { padding: 210px 20px 20px 20px; } 
 .sanphamnb-img { width: 100%; max-width: 100%; } 
 .sanphamnb-detail { width: 100%; } 
 .sanphamnb-calc .sanphamnb-img { margin-bottom: 40px; } 
 .sanphamnb-calc .center { padding: 0 15px 10px 15px; } 
 .lienhe-right h2,.title-txt h2 { font-size: 32px; } 
 .footer-2, .footer-3 { width: 100%; } 
 .footer-2 { margin-bottom: 20px; } 
 .footer-top { padding-bottom: 20px; } 
 /* .slideshow-bottom { display: none; } */
 footer { padding: 30px 0 20px; } 
 #slideshow .swiper-slide img { max-height: unset; height: auto; } 
 .phanhoi-img-detail h3 { font-size: 18px; line-height: 24px; } 
 .phanhoi-item { padding: 15px; border-radius: 14px; } 
 .phanhoi-img img { max-width: 50px; max-height: 50px; } 
 .title-giaychungnhan { margin-bottom: 30px; } 
 .phanhoi-item { min-height: 305px; } 
 .camnangsuckhoe-detail { min-height: 180px; } 
 #cauchuyenthuonghieu { padding-bottom: 70px; } 
 }


@media (max-width: 700px){
 .slideshow-bottom { bottom: -11px; } 
 }
@media (max-width: 600px){
 .lienhe-right h2, .title-txt h2 { font-size: 36px; } 
 .title-txt h2 svg { width: 30px; margin-right: 5px; } 
 .sanpham-items .swiper-slide { padding-top: 80px; } 
 .sanphamnb-detail-title-top h3 { font-size: 46px; } 
 .sanphamnb-detail-title-top h4 { font-size: 46px; } 
 .slideshow-bottom { bottom: -12px; } 
 }

 @media (max-width: 540px){
 .title-giaychungnhan h2 { font-size: 32px; } 
 }
 @media (max-width: 500px){
 .title-giaychungnhan h2 { font-size: 32px; } 
 .slideshow-bottom { bottom: -8px; } 
 }
 
@media (max-width: 480px){
 #giaychungnhan .giaychungnhan-swiper-pagination span { width: 8px; height: 8px; } 
 #giaychungnhan .giaychungnhan-swiper-pagination span.swiper-pagination-bullet-active { width: 30px; } 
 .title-txt { margin-bottom: 20px; } 
 .giaychungnhan-icon { max-width: 160px; } 
 /* #slideshow .swiper-slide img { max-height: 240px; height: 240px; } */
 .danhgia-detail { min-height: 150px; } 
 .phanhoi-item { min-height: auto; } 
 .box-tichdiemdoiqua { left: 50%; transform: translate(-50%, -50%); width: 100%; } 
 .box-tichdiemdoiqua-content { top: 0; display: flex; flex-direction: column; justify-content: center; padding: 25px 45px; } 
 .box-tichdiemdoiqua::before { left: 50%; transform: translate(-50%, -50%); width: calc(100% - 30px); top: 50%; } 
 .box-tichdiemdoiqua::after { width: calc(100% - 30px); left: 52%; transform: translate(-50%, -50%); top: 55%; } 
 #lienhe, #camnangsuckhoe, #video, #cauchuyenthuonghieu, #phanhoikhachhang, #danhgiatuchuyengia { padding: 30px 0; } 
 #sanpham, .sanphamnb-calc { padding: 30px 0; } 
 .title-cauchuyenthuonghieu h2 { font-size: 32px; } 
 .title-cauchuyenthuonghieu { margin-bottom: 20px; } 
 .title-giaychungnhan h2 { font-size: 30px; } 
 .center { padding: 0 10px; } 
 .sanphamnb-detail-title-top h3 { font-size: 42px; } 
 .sanphamnb-detail-title-top h4 { font-size: 42px; } 
 .giaychungnhan-left p { margin: 10px 0; } 
 }
 @media (max-width: 460px){
 .title-giaychungnhan h2 { font-size: 28px; } 
 }
 @media (max-width: 420px){
 .title-cauchuyenthuonghieu h2 { font-size: 30px; } 
 .title-giaychungnhan h2 { font-size: 26px; } 
 .sanphamnb-detail-title-top h3 { font-size: 40px; } 
 .sanphamnb-detail-title-top h4 { font-size: 40px; } 
 }
 @media (max-width: 400px){
 .title-giaychungnhan h2 { font-size: 24px; } 
 .title-cauchuyenthuonghieu h2 { font-size: 28px; } 
 .sanphamnb-detail-title-top h3 { font-size: 38px; } 
 .sanphamnb-detail-title-top h4 { font-size: 38px; } 
 }
 @media (max-width: 374px){
 .giaychungnhan-icon { max-width: 100px; bottom: -50px; } 
 .center { padding: 0 10px; } 
 .lienhe-right h2, .title-txt h2 { font-size: 26px; } 
 .title-cauchuyenthuonghieu h2 { font-size: 26px; } 
 .title-giaychungnhan h2 { font-size: 21.6px; } 
 .sanphamnb-detail-title-top h3 { font-size: 2rem; } 
 .sanphamnb-detail-title-top h4 { font-size: 2rem; } 
 /* .slideshow-bottom { bottom: -35px; } */ } 
 @media (max-width: 320px){
 .title-cauchuyenthuonghieu h2 { font-size: 24px; } 
 .title-giaychungnhan h2 { font-size: 20px; } 
 .sanphamnb-detail-title-top h3 { font-size: 1.75rem; } 
 .sanphamnb-detail-title-top h4 { font-size: 1.75rem; } 
 }


/* chi tiết bài viết */
#container { padding: 40px 0px 40px 0; } 
.toc-list { margin: 20px 0; padding: 15px; background: #f9f9f9; border: 1px solid #ddd; } 
.toc-list strong { display: block; margin-bottom: 10px; font-size: 1.2em; } 
.toc-list ul { list-style: none; margin: 0; padding: 0; } 
.toc-list li { margin-bottom: 5px; } 
.toc-list .toc-level-2 { margin-left: 0; } 
.toc-list .toc-level-3 { margin-left: 20px; } 
.toc-list a { text-decoration: none; color: #333; font-size: 16px; } 
.toc-level-2 a { font-weight: 500; color: #000; } 
.toc-level-3 a { font-weight: 400; } 
.toc-list a:hover { text-decoration: underline; color: var(--hover); font-weight: 600; } 
.entry-title { font-weight: 700; font-size: 26px; line-height: 1.2; color: #000; margin-bottom: 5px; } 
#container .ngaytao { font-size: 14px; line-height: 24px; font-weight: 400; color: #000; margin-bottom: 30px; } 
.entry-content { font-size: 14px; line-height: 24px; font-weight: 400; color: #000; } 
#container table { width: 100%; border-collapse: collapse; margin: 20px 0; box-shadow: 0 0px 2px rgba(0, 0, 0, 0.2); cursor: pointer; } 
#container th,#container td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #ddd; font-size: 16px; font-weight: 400; } 
#container tr:first-child { background-color: #f4f4f4; text-transform: uppercase; color: #333; font-weight: 700; } 
#container tr:nth-child(even) { background-color: #f9f9f9; } 
#container tr:hover { background-color: var(--hover); transition: 1s all; } 
#container tr:hover td { color: #fff; } 
#container td:first-child { width: 25%; font-weight: 500; color: #555; font-weight: 600; border-right:1px solid #ddd; } 
#container td:last-child { width: 75%; color: #333; } 
#container ul { margin: 0; } 
@media screen and (max-width: 600px){
 #container th, #container td { padding: 10px; font-size: 14px; } 
 }

/* 
 .custom-dropdown { position: relative; width: 100%; } 
.dropdown-selected { border: 1px solid #ccc; padding: 10px; cursor: pointer; background: #fff; } 
.dropdown-options { list-style: none; padding: 0; margin: 0; border: 1px solid #ccc; position: absolute; width: 100%; background: #fff; z-index: 1000; } 
.dropdown-options li { padding: 10px; cursor: pointer; } 
.dropdown-options li:hover { background-color: #f0f0f0; }  */