@charset "UTF-8";
/*
Theme Name: Flatsome Child
Description: Chánh Thắng
Author: UX Themes
Template: flatsome
Version: 3.32122
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* @import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
*
{
	--color--primary: #00AEEF;
	--color--secondary: #FFD35B;
}
html {
	font-size: 1.12666666vw;
}
body,
body *
{
    font-family: "Open Sans", sans-serif;
}
body 
{
	font-size:.9125rem;
	font-weight: 500;
}
body .gtranslate_wrapper > .glink > span
{
	display:none;
}
body .gtranslate_wrapper > .glink img
{
	width:2rem;
	height:1rem;
	display: block;
	min-width: 2rem;
	opacity: 1;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
.section-title .section-title-main
{
    font-family: "Open Sans", sans-serif;
}
.sr-only {
    border: 0;
    clip: rect(.0625rem, .0625rem, .0625rem, .0625rem);
    clip-path: inset(50%);
    height: .0625rem;
    margin: -.0625rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: .0625rem;
    word-wrap: normal !important;
}
.btn {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  font-size: .9125rem;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  padding: .785rem 1.75rem .785rem;
  border-radius: 0rem;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  z-index: 1;
  font-family: "Open Sans", sans-serif;
}
.btn *
{
	font-family: "Open Sans", sans-serif;
	font-weight:600;
}
.abs-icon {
  width: 3rem;
  height: 3rem;
  position: absolute;
  z-index: 2;
  overflow: hidden;
}
.btn--trans {
  background: transparent;
  border: none;
}
om,.om
{
	display: none;
}
od,.od
{
	display: block;
}

body .btn--normal {
  background: #17433b;
  border-color: #17433b;
  color: #fff;
}
body .btn--normal:hover,
body .btn--normal:focus 
{
  background: #17433b;
  border-color: #17433b;
  color: #000;
}
body .btn--dark {
  background: #121212;
  border-color: #121212;
  color: #fff;
}
body .btn--dark:hover,
body .btn--dark:focus 
{
  background: #17433b;
  border-color: #17433b;
  color: #fff;
}
body .btn--outline {
	border: thin solid #ffff;
	background:transparent;
}

body .btn--outline:hover,
body .btn--outline:focus,
body .btn.active {
	background:transparent;
  color: #fff;
}

body .btn--inverse,
body .btn--inverse {
  background: #fff;
  border-color: #fff;
  color:#666;
}
body .btn--inverse:hover,
body .btn--inverse:focus {
  color:#fff;
}
body .btn--outline-gradient
{
   background: linear-gradient(90deg, #50ACEB 0%, #2C5EF7 100%);
    border-radius: .5rem;
    display: inline-block;
	position:relative;
	z-index:1;
	color:var(--color--primary);
}
body .btn--outline-gradient:before
{
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	border-radius: calc(.5rem - (.15rem/2));
	width:calc(100% - .15rem);
	height:calc(100% - .15rem);
	background:#fff;
	z-index:-1;
	transition: background 0.25s ease;
}
body .btn--outline-gradient:hover,
body .btn--outline-gradient:focus {
  color:#fff;
}
body .btn--outline-gradient:hover:before,
body .btn--outline-gradient:focus:before {
  background:transparent;
}
/* .btn:before
{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    z-index: -1;
    background: #fff;
}
.btn:hover::before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
	transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
}
.btn--inverse:before,
body .btn--outline:before
{
	background:#17433b;
} */
body .container-width, body .full-width .ubermenu-nav, body .container, body .row {
    max-width: 75rem;
}

.header-nav>li.current-dropdown>.nav-dropdown
{
    padding: 0;
    min-width: 18rem;
    border: none;
    /* border-left: .3125rem solid #17433b; */
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: .75rem;
}
.header-nav>li.current-dropdown>.nav-dropdown a
{
    border-bottom: 1px solid #cacaca;
    font-size: .9125rem;
    font-weight:500;
}
.nav-dropdown-has-arrow .header-nav li.has-dropdown:before
{
    border-width: .625rem;
    margin-left: -.625rem;
    bottom: 0;
	content:none;
}
.nav-dropdown-has-arrow .header-nav li.dt-mega-menu.has-dropdown:before,
.nav-dropdown-has-arrow .header-nav li.dt-mega-menu.has-dropdown:after
{
	content:none !important;
}
.nav-dropdown-has-arrow .header-nav li.has-dropdown:after
{
    border-width: .625rem;
    margin-left: -.625rem;
    bottom: 0;
	content:none;
}
.nav-dropdown-has-arrow .header-nav .woocommerce-mini-cart__buttons a
{
  color:#fff !important;
}
.nav-dropdown-has-arrow .header-nav li.has-dropdown ul a
{
    transition: all .3s ease-in-out;
    margin: 0;
    border-bottom: none;
    padding: .65rem 1.5rem;
    padding-left:0;
    margin-left:1.5rem;
    color:#333;
    font-size: .9125rem;
    text-transform: uppercase !important;
    color:#333333;
    font-weight:600;
    /* border: none; */
}
body #top-link.back-to-top
{
    bottom: 0.25rem;
    right: 0;
    border-color: var(--color--primary);
    color:var(--color--primary);
    border-radius: 0;
    width: 2.75rem;
    height: 2.75rem;
}
.nav-dropdown-has-arrow #wrapper .header-nav li.has-dropdown ul a:hover,
.nav-dropdown-has-arrow .header-nav li.has-dropdown ul a:focus
{
    /* background:#17433b; */
    /* color:#fff !important; */
    background:transparent;
    box-shadow:none;
    color:var(--color--primary)
	/* text-decoration:underline; */
}
.nav-dropdown-has-arrow #wrapper .header-nav li.has-dropdown ul li:hover
{
	background:transparent;
}
.nav-dropdown-has-arrow .header-nav li a
{
	position:relative;
	max-width:max-content;
}
.nav-dropdown-has-arrow .header-nav li a:after
{
	content:'';
	position:absolute;
	left:0rem;
	bottom:0;
	width:100%;
	height:0;
	border-bottom:thin solid #333;
	transition:all .25s;
	transform:scaleX(0);
	transform-origin:left;
}
/* .nav-dropdown-has-arrow .header-nav li a:hover:after
{
	transform:scaleX(1);
} */
[data-animated=true]
{
    animation-delay:0s !important;
}

body .header-main 
{
    height: unset;
    padding: .5rem 0;
    /* border-bottom:thin solid #eee; */
    background: transparent;
}
.header-main .nav>li>a>i
{
    margin-left: .3125rem;
    font-size: 1.5rem !important;
}
#logo
{
    width: 5rem !important;
    position:relative;
    top:-.125rem;
    transition:all .25s;
}
.header-main #logo img
{
	height: 6.5rem;
	max-height:unset;
}
body .stuck #logo img
{
    /* width: 4.5rem !important;
    transition:0s; */
    max-height:unset !important;
}
.top-divider
{
    display:none;
}
.stuck .header-main .nav > li > a
{
    line-height:normal !important;
}
*:not(.footer-wrapper)>.section:not(.banner-section)
{
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}
.banner-section
{
    padding:0 !important;
    overflow: hidden;
	margin-top: -1rem;
}
html[ng-app="uxBuilder"] *
{
    opacity: 1 !important;
}
.header-nav>li.active>a,
.header-nav>li:hover>a,
.header-nav>li:focus>a,
.header-nav>li.active>a i,
.header-nav>li:hover>a i,
.header-nav>li:focus>a i
{
    color: #fff;
    opacity:1;
}
.header-nav>li
{
    margin-left: .65rem;
    margin-right: .65rem;
}
.header-main .header-nav>li>a
{
    color:#333;
    font-size: .925rem;
    font-weight: 600;
}
.header-main .header-nav>li>a:after
{
	content:'';
	position:absolute;
	left:0rem;
	top:0;
	width:100%;
	/* min-height: calc(100% + 1.325rem); */
	
}
header .nav > li  a
{
	font-family: "Open Sans", sans-serif;
	font-size: .9125rem;
}
header .nav > li > a
{
  transition: 0.02s;
  position: relative;
  text-transform: uppercase;
  vertical-align: middle;
  text-align: center;
  padding: .425rem .325rem .425rem .325rem;
  position:relative;
}
header .nav > li > a::after
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0%;
    height: 100%;
    content: "";
    background: transparent;
    transition: all 500ms ease-in-out;
    z-index:-1;
}
header .nav > li.current-menu-item > a,
header .nav > li:hover> a,
header .nav > li:focus> a
{
	color:#ffff;
}
header .nav > li.current-menu-item > a:after,
header .nav > li:hover> a:after,
header .nav > li:focus> a:after,
header .nav > li.active > a:after
{
     /* left: 0%;
    right: auto;
    width: 100%; */
}
.header-wrapper.stuck .header-main
{
    box-shadow:none;
    height: unset !important;
}
body .slider-nav-light .flickity-page-dots .dot
{
    color: #fff;
    top: .375rem;
    left: .375rem;
    width: .5rem;
    height: .5rem;
    content: "";
    background-color: #fff;
    border-radius: .125rem;
    transition:all .25s;
}
body .slider-nav-light .flickity-page-dots .dot.is-selected
{
     color: #fff;
    content: "";
    background-color: #fff;
    top: .2rem;
    left: .2rem;
    height: .75rem;
    width: .75rem;
    border-radius: .125rem;
}

.title-row .section-title b
{
    opacity: 1;
    height: auto;
    background: transparent;
    display: inline;
    color:#17433b;
}
.title-row .section-title
{
    justify-content:center;
    color:#000;
}
body .system-section .section-title
{
    font-weight:700;
    justify-content: flex-start;
    margin-bottom:1.5rem;
}
.title-row .section-title-container
{
    margin-bottom:.5rem;
}
.title-row p
{
    text-align:center;
    font-size:.9125rem;
}

body .accordion-item
{
    /* background:#fff; */
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
    /* margin-bottom:1.125rem; */
    overflow: hidden;
    border-bottom: thin solid #fff;
}
body .accordion-item:last-child
{
	border:none;
}
body .accordion-title
{
    border:none;
    font-weight:800;
    font-size:2rem;
    padding: .75rem;
    padding-left: 1.75rem;
    padding-right: 0;
    color: #fff;
    text-align: right;
}
body .accordion .toggle
{
   left: 0;
   background: transparent;
   width: 1.75rem;
   height: 1.75rem;
   max-height: 2.5rem;
   min-height: auto;
   opacity: 1;
   top: 50%;
   transform: translateY(-50%);
}

body .accordion .toggle i:after {
  content: '';
  position: absolute;
  transform: translate(-50%, -50%);
  height: .125rem;
  width: 1rem;
  background: #fff;
  top: 50%;
  left: 50%;
  transition:all .25s;
}
body .accordion .toggle i:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  height: 1rem;
  width: .125rem;
  transition:all .25s;
}
body .accordion .active .toggle
{
    color:#fff;
    /* background: #fff; */
}
body .accordion .toggle i
{
     color:#fff
}
body .accordion .active .toggle i
{
    transform:rotate(180deg);
}
body .accordion .active .toggle i:after,
body .accordion .active .toggle i:before
{
    /* background:#17433b; */
    
}
body .accordion .active .toggle i:before
{
    transform:translate(-50%, -50%) rotate(90deg);
}
body .accordion-title.active
{
    font-weight: 800;
    /* background:#17433b;
    border-bottom:thin solid #eee; */
    color:#fff;
    background:transparent;
}
body .accordion-inner
{
    color: #fff;
    padding: 0;
}
.counter-value .dt_image-content>*:first-child:after {
    content: "+";
}
.abs__icon 
{
    position:absolute !important;
}
.abs__icon.parttern2
{
    top:0;
    left:0;
    z-index:2;
    width:9rem !important;
    opacity: 1;
}
.abs__icon.parttern1
{
    bottom:0;
    right:0;
    z-index:2;
    width:12rem !important;
    opacity: 1;
}

.abs__icon.logo
{
    top:3rem;
    left:15%;
    opacity: 0;
    width:12.5vw !important;
}
.abs__icon.title
{
    top:5vw;
    left:10%;
    opacity: 0;
    width:37vw !important;
    
}
.banner-section .section:not(.slider-static) .section-content>.section-image-container
{
	position:absolute;
	top:0;
	opacity: 0;
}

.banner-section .dt-wrap
{
  
}
.banner-bg img
{
	width:100%;
}
.abs__icon.year
{
    bottom:6vw;
    left:2rem;
    opacity: 0;
    left:13.5%;
    width:36.5vw !important;
    z-index: 4;
}
.abs__icon.water
{
  bottom:0;
  right:9vw;
  opacity: 0;
  width:36vw !important;
  z-index: 5;
}
.banner-section .text
{
	position:absolute;
	bottom:1vw;
	left:17%;
	font-size:1.325rem;
	font-weight:700;
	color:#fff;
	line-height:1.3;
	opacity:0;
}
.banner-section .text p
{
	margin-bottom:0;
}
.abs__icon.stone
{
  bottom:0;
  opacity: 0;
  left:0;
  width:100% !important;
}
.abs__icon.cloud-1
{
  bottom:7vw;
  left:0;
  opacity: 0;
  width:26vw !important;
  z-index:3;
  mix-blend-mode: screen;
}
.abs__icon.cloud-2
{
  bottom:12vw;
  left:29%;
  opacity: 0;
  width:20vw !important;
  z-index:3;
  mix-blend-mode: screen;
}
.abs__icon.cloud-3
{
  bottom:7vw;
  left:50%;
  opacity: 0;
  width:26vw !important;
  z-index:3;
  mix-blend-mode: screen;
}
#main .banner-section .section
{
  padding:0 !important;
}
@keyframes fadeLeft {
  0% { transform:translateX(-.25rem);opacity:1; }
  0% { transform:translateX(0rem);opacity:1; }
  100%{transform:translateX(.25rem);opacity:1; }
 }

.nav-dropdown >li.nav-dropdown-col{display:block;}
.nav-dropdown{border:1px solid #ddd; padding:0}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{text-transform:none !important;font-size:.9125rem; font-weight:500}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}
.nav-dropdown-default>li:hover{background:#4364a926}
.nav-dropdown-default>li>a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{
    border-width: .625rem;
    margin-left: -.625rem;
    }
.nav-dropdown .nav-dropdown-col>ul,
.nav-dropdown .menu-item-has-children>.sub-menu{
    border: 1px solid #d2d2d2;
    margin-top:-2.5rem;
    box-shadow: none;
    display:none;
    position: absolute;
    left: 100%;
    z-index: 9;
    background: white;
    min-width: 15rem;
    }
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0;border: none !important;}
.nav-dropdown .nav-dropdown-col>ul li a{padding:.625rem;  text-transform: none;color:black}
.header-nav li.nav-dropdown-col:hover>ul,.header-nav li:not(.dt-mega-menu):hover>ul{display:block !important}

.hidetext a
{
	font-size:0 !important;
}
.header-nav>li.current-dropdown>.sub-menu
{
	display:flex;
	flex-direction:column;
	padding: 1rem 0;
	top: calc(100% + .25rem);
	border-left:.25rem solid var(--color--primary);
	background: var(--color--primary);
	background:#d9ffff;
}
.header-nav>li.current-dropdown>.sub-menu ul
{
	position: static;
	margin: 0;
	padding-left: 1.5rem !important;
	display: block !important;
	border: none;
}
.header-nav>li.current-dropdown>.sub-menu ul a
{
	font-weight:500;
}
.header-nav>li.current-dropdown a:hover
{
	/* color:#fff !important; */
}
.header-nav>li.current-dropdown ul a
{
	/* color:#fff !important; */
}
.header-nav>li.current-dropdown>.sub-menu .menu-item-has-children>a:before
{
	position:absolute;
	content:'\f107';
	right:1rem;
	width:1rem;
	height:1rem;
	font-family: 'fl-icons' !important;
    font-display: block;
    speak: none !important;
    margin: 0;
    padding: 0;
    display: inline-block;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1.2;
	content:none;
}

body .back-to-top.button.icon
{
    display:flex;
    align-items:center;
    justify-content:center;
    border-color:var(--color--primary);
}
body .back-to-top:after
{
    content:'';
	content:None;
    position:absolute;
    width:calc(100% + 1px);
    height:calc(100% + 1px);
    transform-origin: bottom;
    transform: scale(1, 0);
    left:0;
    bottom:0;
    background:var(--color--primary);
    transition: transform 0.35s cubic-bezier(0.3, 1, 0.8, 1);
}
body .back-to-top:hover
{
    border-color:#fff;
    background:var(--color--primary);
}
body .back-to-top:hover i
{
    color:#fff;
}
body .back-to-top:hover:after
{
    transform:scale(1);

}
body .back-to-top i
{
    line-height:1;
    height: auto;
    color: var(--color--primary);
    position:relative;
    z-index:2;
}

#animatedLoader {
    position: fixed;
    z-index: 9999999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms;
    pointer-events: none;
    -ms-touch-action: none;
    touch-action: none;
}

#animatedLoader.fade-in {
  opacity: 1;
  visibility: visible;
  background: rgb(0 0 0 / 52%);
  pointer-events: all;
}

#animatedLoader.fade-out {
    opacity: 0;
    visibility: hidden;
}

#animatedLoader .loader {
    width: 2.5rem;
    height: 2.5rem;
    border: .1875rem solid #17433b;
    border-top-color: white;
    border-radius: 50%;
    -webkit-animation: rotateAnimation 1s linear infinite;
    animation: rotateAnimation 1s linear infinite;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

#animatedLoader .loader::before,
#animatedLoader .loader::after {
    content: none;
}

@-webkit-keyframes rotateAnimation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotateAnimation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


body div.wpforms-container-full .wpforms-form .wpforms-field-label
{
    font-weight:400;
}
body div.wpforms-container-full .wpforms-form input,
body div.wpforms-container-full .wpforms-form textarea
{
    /* background-color: #fff !important;
    border-color: #e3e3e3 !important;
    font-size: .875rem !important;
    border-radius: 0rem !important; */
	border-radius: .5rem !important;
	box-shadow:none;
}
body div.wpforms-container-full .wpforms-form textarea
{
    padding-top:.75rem;
	border-radius: .75rem !important;
}
body div.wpforms-container-full .wpforms-form button[type=submit]
{
	 display: inline-block;
	 text-align: center;
	 white-space: nowrap;
	 font-size: .9125rem;
	 font-weight: 600;
	 line-height: 1;
	 text-decoration: none;
	 cursor: pointer;
	 padding: .65rem 1.75rem .785rem;
	 border-radius: 0rem;
	 -webkit-transition: all .25s ease-in;
	 transition: all .25s ease-in;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
	 border: none;
	 -webkit-box-shadow: none;
	 box-shadow: none;
	 position: relative;
	 z-index: 1;
	 text-transform:uppercase;
	 border: thin solid #000000;
	 background:transparent;
	 padding:1rem 2rem;
	 font-family: "Open Sans", sans-serif;
}



.page-title,
.page-wrapper  .section-title
{
    font-size: 1.5rem;
    text-align:left;
    margin-bottom: 0;
    font-weight: 600;
    color: #17433b;
}
.page-wrapper .section-title
{
    justify-content: center;
}
.page-wrapper .post-sidebar .section-title
{
    justify-content: flex-start;
    font-size: 1.25rem;
}
.page-wrapper .section-title b
{
    display: none;
}
.footer-section .bg,
.absolute-footer
{
	background:#121212;
}
.absolute-footer
{
	padding:0;
}
.absolute-footer .footer-primary
{
	padding:.75rem 0;
	border-top:thin solid #666;
	width:100%;
	text-align:center;
	color:#fff;
	font-size: .9125rem;
}
.footer-section .section-image-container
{
	margin-bottom: 0rem;
}
.footer-section .section-image-container ~ p img
{
	width:1rem;
	margin-right:.5rem;
}
.footer-section p,
.footer-section a
{
	font-size: .9125rem;
}
.footer-section .stack
{
	justify-content:space-between;
}
.footer-section .dt-wrap:first-child
{
	width:40%;
}
.footer-section .section-title-main
{
	font-size: .9125rem;
	font-weight:600;
	color: #fff;
}
.footer-section .section-title-container
{
	margin-top: 0;
	margin-bottom: .3125rem;
}
.footer-section .ux-menu-link .ux-menu-link__link
{
	border:none !important;
}
.footer-section .social-icons .button 
{
	border-radius:0 !important;
	background:transparent;
	border:none;
	margin-right: .875rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 0;
	margin-right: .3125rem;
}

.footer-section .social-icons
{
	display:flex;
}
.instagram 
{
	order:3;
}
.footer-section 
{
	padding-top:3rem !important;
}
.footer-section .social-icons .button i,
.absolute-footer  .social-icons .rss i
{
	
	background-image:url('assets/images/facebook-f-brands 1.svg');
	background-size:contain;
	background-position:left;
	background-repeat:no-repeat;
	font-size:0;
	width:1.5rem;
	height:1.35rem;
	position:relative;
	top:0rem;

}
.footer-section .social-icons .button .icon-instagram
{
	background-image:url('assets/images/instagram-brands 1.svg');
}
.absolute-footer .social-icons .button .icon-feed
{
	background-image:url(https://chanhthang.com.vn/wp-content/uploads/2025/05/zalo-icon.png);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.footer-section .social-icons .button .icon-youtube
{
	background-image:url('assets/images/youtube-play-svgrepo-com.svg');
	width:2rem;
	height:1.5rem;
	filter:invert(1);
}
/* .footer-section .social-icons .button.instagram:hover
{
	background:#d60044 !important;
}
*/
.footer-section .social-icons .button:hover
{
	background:transparent !important;
} 
*/
.header-main .header-nav .header-language-dropdown a 
{
	font-size:0;
}
.header-nav .search-field
{
	border-radius:1.5rem;
	font-size: .9125rem;
	padding-left: 1rem;
	box-shadow: none;
	border-color: #666;
	color:#999;
	height: 2.25rem;
}
.live-search-results
{
   display:none !important;
}
.header-nav .search-field:focus
{
	box-shadow:none;
}
.button.loading:after
{
   content: none; 
}
.button.loading i
{
 color:#fff;
}
#header a:hover,
#header a:focus
{
	
}
#header .nav > li   a:after
{
    content:'';
    position:absolute;
    left:0rem;
    bottom:.125rem;
    width:100%;
    height:0;
    border-bottom:.1rem solid #fff;
    transform:scaleX(0);
    transform-origin:left;
    transition:all .25s;
    top: unset;
}
#header .nav > li li a:after
{
	border-color:var(--color--primary)
}
#header .nav .header-block a:after
{
	content:none;
}
#header .header-top .nav > li a:after
{
	border-color:#fff;
}
#header .header-main  .nav > li>a:after
{
	left:1rem;
	width:calc((100% - 2rem));
}
#header .nav > li   a:hover:after,
#header .nav > li.active>a:after
{
     transform:scaleX(1);
}
.header-nav .ux-search-submit
{
	position:absolute;
	top:.0625rem;
	right:.5rem;
	background:transparent;
	border:none;
	color:#000;
}
.header-nav .ux-search-submit:hover
{
	background:transparent !important;
	box-shadow:none;
}
.header-nav .ux-search-submit i
{
	font-size:0;
	color:transparent;
	background-image:url('assets/images/search (1).svg');
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	filter:invert(.75);
	
}
.header-language-dropdown .image-icon img
{
	width:1.5rem;
}
.header-language-dropdown .icon-angle-down
{
	display:none;
}
.nav-right.header-nav>li
{
	margin:0 .35rem;
	position: relative;
}
.nav-right.header-nav>li:last-child a
{
	padding-right:0;
}
.nav-right.header-nav .icon-user
{
	color:transparent;
	background-image:url(assets/images/account.svg);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	filter:invert(.75);
	margin-bottom:.125rem;
}
.header-cart-link .cart-img-icon
{
	filter:invert(.75);
	margin-bottom:.125rem;
	width: 1.25rem;
	filter: invert(1);
	/* filter: invert(15%) sepia(59%) saturate(2129%) hue-rotate(212deg) brightness(92%) contrast(90%); */
}
.nav-right.header-nav .image-icon
{
	display: flex;
	align-items: center;
}
.nav-right.header-nav .header-divider
{
	display:none;
}
.header-language-dropdown .icon-image img
{
	width:1.5rem;
}
.header-top .header-block
{
	width:auto;
	/* margin: 0; */
}
#header .header-wrapper
{
	background:var(--color--primary);
	background: linear-gradient(90deg, rgba(82, 176, 247, 1) 0%, rgba(71, 155, 242, 1) 66%, rgba(60, 134, 234, 1) 100%);
	background:var(--color--primary);
	background: transparent;
}
#header *
{
	/* color:#fff; */
}
#header .header-wrapper::before {
    background-image: url(assets/images/sdfasadasdasddaaaaa.png);
    content: "";
    height: 8.385rem;
    width: 100%;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    /* filter: saturate(2.5); */
}
#header .header-top
{
	background:transparent;
}
.header-main .header-block .section-image-container,
.header-top .header-block .section-image-container
{
	display:flex;
	align-items:center;
	position:relative;
	background: linear-gradient(120deg, rgba(80, 172, 235, 1) 0%, rgba(44, 94, 247, 1) 100%);
	border-radius: 100px;
	padding:.125rem .5rem;
}
.header-top .header-block .section-image-container .dt_image-img a,
.header-main .header-block .section-image-container .dt_image-img a
{
	display:grid;
}
.header-top .header-block .section-image-container .dt_image-img a:before,
.header-main .header-block .section-image-container .dt_image-img a:before
{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.header-top .header-block .section-image-container img,
.header-main .header-block .section-image-container img
{
	width:1rem;
	filter: invert(1);
	margin-right:.25rem;
	filter: invert(15%) sepia(59%) saturate(2129%) hue-rotate(212deg) brightness(92%) contrast(90%);
	filter:invert(1) !important;
}
.top-bar-nav 
{
	display:flex;
	flex-wrap: nowrap;
}
#header .top-bar-nav.nav > li > a,
.top-bar-nav .dt_image-content
{
	padding: .3125rem 0;
	font-size: .9125rem;
	color: #fff;
	text-transform:none;
	font-weight: 500;
	white-space: nowrap;
}
#header .top-bar-nav.nav > li > a:hover,
#header .top-bar-nav.nav > li > a:focus,
#header .top-bar-nav.nav .header-block .section-image-container:hover .dt_image-content,
#header .top-bar-nav.nav .header-block .section-image-container:focus .dt_image-content
{
	/* color:#fff; */
}
#header .top-bar-nav.nav > li > a:hover img,
#header .top-bar-nav.nav > li > a:focus img,
#header .top-bar-nav.nav .header-block .section-image-container:hover img,
#header .top-bar-nav.nav .header-block .section-image-container:focus img
{
	filter: invert(1);
	filter: invert(15%) sepia(59%) saturate(2129%) hue-rotate(212deg) brightness(92%) contrast(90%);
}
header .top-bar-nav .header-block
{
	width:auto;
	margin-right: 0;
}
.header-main .flex-right {
    position: relative;
    flex-grow: 1;
	margin-left:8rem;
}
.header-main .flex-right .header-nav
{
	justify-content:space-between;
}
.header-main .flex-right::before {
    content: "";
    position: absolute;
    top: 0px;
    width: 100vw;
    height: 1px;
    left: -5.208rem;
   
	background: linear-gradient(130deg,
  rgba(230, 250, 255, 0) 0%,
  rgba(210, 240, 255, 0.12) 18.13%,
  rgba(190, 235, 255, 0.18) 27.38%,
  rgba(170, 225, 255, 0.3) 100%);


}
#top-bar .header-cart-link
{
	display:flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	white-space: nowrap;
}
.header-top .cart-item
{
	position:relative;
	margin-left: 0;
}
.header-top .cart-item img
{
	position:relative;
	top: -.25rem;
}
body .header-wrapper.stuck
{
	box-shadow:none;
}
#header .header-top .cart-item:before
{
	content:'';
	position:absolute;
	left:-.5rem;
	top:50%;
	width:1px;
	height:1rem;
	border:none;
	border-left:thin solid #ccc;
	margin: 0;
	bottom: unset;
	z-index: 1;
	opacity: 1;
	transform:translateY(-50%);
	content:none;
}
#logo {
    position: absolute;
    top: 0rem;
    transform: translate(2.75rem,-1.25rem);
    width: 6.5rem !important;
    margin: 0;
}
.header-main .nav > li > a,
.header-block-block-1 .dt_image-content,
.header-block-block-1 .section-image-container
{
    text-align: center;
    text-overflow: ellipsis;
    font-size: .95rem;
    color: #fff;
    padding: 0 1rem;
    text-decoration: none;
    height:3.125rem;
    font-weight: 700;
    line-height: normal !important;
    position: relative;
}
.header-block-block-1 .section-image-container,
.header-block-block-1 .dt_image-content
{
	display:flex;
	align-items:center;
	justify-content:center;
	padding: 0;
	height: auto;
	color: #fff;
	font-weight: 500;
	font-size: .9125rem;
}
.header-block-block-1 .dt_image-content *
{
	color:#fff;
}
.header-block-block-1 .section-image-container a
{
	position:static !important;
}
.header-block-block-1 .section-image-container a:before
{
	content:'' !important;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:2;
}
.header-cart-title
{
	margin-left:.25rem;
}
.header-bg-container
{
	display:none;
}
.form-section
{
	background: #67BFFA;
	background: linear-gradient(90deg, rgba(103, 191, 250, 1) 0%, rgba(92, 169, 242, 1) 100%);
}
.form-section .dt-wrap
{
	display:flex;
	align-items:center;
	gap: 4rem;
}
.form-section .section-title-main
{
	font-size:2rem;
	font-weight:700;
	color:#fff;
	text-transform:none;
}
.form-section .section-title-main .sub-title
{
	font-size: .9125rem;
	display:block;
	margin-left:0;
	margin-top:.5rem;
	opacity:1;
	padding-left:0;
}
#footer .form-section 
{
	padding:3rem 0 !important;
}
.form-section .col
{
	padding-bottom:0;
}
.form-section .section-title-container
{
	margin-bottom:0;
}
.form-section .wpforms-container
{
	width: 55%;
	flex:none;
	margin-bottom: 0;
}
.form-section div.wpforms-container-full .wpforms-form .wpforms-field-label
{
	display:none;
}
.form-section .wpforms-form
{
	display:flex;
	align-items:center;
	margin-bottom: 0;
}
.form-section .dt-wrap .wpforms-field .wpforms-field-large
{
	height:3.75rem;
	background:transparent;
	border:none;
	border-bottom:thin solid #fff;
	color:#fff;
	padding: 0;
	font-size: .9125rem;
	border-radius: 0 !important;
}
.form-section .wpforms-field-container
{
	flex-grow:1;
}
.form-section .dt-wrap .wpforms-field 
{
	padding:0 !important;
}
.form-section .dt-wrap div.wpforms-container-full .wpforms-submit-container
{
	position:absolute;
	right:0;
	border:none;
}
.form-section .dt-wrap div.wpforms-container-full .wpforms-submit 
{
	font-size:0;
	background-color:transparent !important;
	background-image:url(assets/images/arrow-right-svgrepo-com.svg);
	background-size:contain;
	background-position:right;
	background-repeat:no-repeat;
	border: none !important;
	filter:brightness(0) invert(1);
}
.form-section .dt-wrap .wpforms-field .wpforms-field-large::-webkit-input-placeholder { 
  color: #fff;
}
.form-section .dt-wrap .wpforms-field .wpforms-field-large::-moz-placeholder { 
  color: #fff;
}
.form-section .dt-wrap .wpforms-field .wpforms-field-large:-ms-input-placeholder { 
  color: #fff;
}
.form-section .dt-wrap .wpforms-field .wpforms-field-large:-moz-placeholder { 
  color: #fff;
}
.footer-section .dt-wrap
{
	width:calc((50%/3));
}
.footer-section .dt-wrap:first-child,
.footer-section .dt-wrap:nth-child(4)
{
	width:25%;
}
.footer-section .dt-wrap:nth-child(4)
{
	padding-right:2rem;
}
.footer-section .dt-wrap:first-child
{
	padding-right: 2rem;
}
#footer .footer-section .dt-wrap p,
#footer .footer-section .dt-wrap a
{
	font-size: .9125rem;
	line-height:1.7;
}
.footer-section .dt_image-img
{
	width:7rem;
	margin-bottom: 2rem;
}
.footer-section .large-5 .dt_image-img img
{
	height:3rem;
	max-height:2.375rem;
}
.footer-section .large-5 + .large-5 .dt_image-img img
{
	max-height:1.75rem;
}
#footer .footer-section .bg
{
	background: #52B0F7;
	background: linear-gradient(90deg, rgba(82, 176, 247, 1) 0%, rgba(71, 155, 242, 1) 66%, rgba(60, 134, 234, 1) 100%);
}
.footer-section .section-title-main
{
	font-size: .9125rem;
	font-weight:800;
}
.footer-section p,
.footer-section p a
{
	font-size: .9125rem;
	color:#fff;
}
.footer-section .ux-menu-link__text
{
	font-size: .9125rem;
	color:#fff;
}
.absolute-footer
{
	position:absolute;
	width:100%;
	bottom:0;
	background:transparent;
}
.absolute-footer .footer-primary
{
	display:flex;
	justify-content: center;
	flex-direction: row;
	align-items: center;
}
.copyright-footer
{
	flex-grow:1;
	text-align: left;
	font-size: .9125rem;
}
.menu-footer-menu-container
{
	order:2;
}
.absolute-footer .footer-primary .social-icons
{
	order:3;
	margin-left:2rem;
}
.absolute-footer .footer-primary .social-icons a
{
	margin-bottom:0;
	margin-left:.5rem;
	font-size: .9125rem;
}
.absolute-footer .footer-primary .social-icons .rss
{
    padding:0;
    background:transparent !important;
    border:none !important;
}
.absolute-footer .footer-primary .social-icons .rss i
{
    background-image:url(assets/images/zalo.svg);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;

}
.absolute-footer .footer-primary
{
	font-size: .9125rem;
	border-color: #92b7e0;
}
.footer-section .dt-wrap .stack 
{
	flex-direction:column;
	margin-top: 0;
}
.footer-section .dt-wrap .stack img
{
	/* width: 6rem; */
	max-height:2rem;
	text-align: left;
}
.footer-section .dt-wrap .stack .section-image-container + .section-image-container img
{
	max-height:3rem;
	width:100%;
}
.footer-section .dt-wrap iframe
{
	width:100%;
	height:4rem;
	
}
.footer-primary .menu-footer-menu-container a
{
	text-transform:none;
	/* font-weight:500; */
	border: none;
	font-size: .9125rem;
	color: #fff;
	opacity:1;
}
.footer-primary .menu-footer-menu-container a:hover
{
	text-decoration:underline;
}
.absolute-footer .footer-primary ul
{
	border:none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 1.5rem;
	opacity: 1;
}
.footer-section a:hover
{
	text-decoration:underline;
}
.footer-section .col .col
{
	padding-bottom:0;
}
.footer-section .medium-5:last-child 
{
	padding-top:.25rem;
}
.abs-icon img,
.abs-icon .dt_image-img
{
	width:100%;
	margin-bottom: 0;
}
.abs-icon.circle-1,
.abs-icon.circle-4
{
	width: 5rem;
	height: 5rem;
	bottom: 0rem;
	left: 7rem;
	opacity: .1;
	filter: brightness(0) invert(1.5);
}
.abs-icon.circle-4
{
	width: 3rem;
	height: 3rem;
	left:15rem;
	bottom:-2rem;
}
.abs-icon.circle-1
{
	width: 5rem;
	height: 5rem;
	bottom: 0rem;
	left: 7rem;
	
}
.abs-icon.circle-1 img,
.abs-icon.circle-4 img
{
	opacity: .15;
	filter: brightness(0) invert(1.5);
}
.abs-icon.circle-2,
.abs-icon.circle-3
{
	width: 9rem;
	height: 9rem;
	bottom: 5rem;
	right: 7rem;
	opacity: .05;
	filter: brightness(0) invert(1);
}
.abs-icon.circle-2 img,
.abs-icon.circle-3 img
{
	opacity: .075;
	filter: brightness(0) invert(1);
}
.footer-section .abs-icon.circle-2
{
	bottom:unset;
	top:2rem;
}
#main
{
	padding-top: 5rem;
}
.home #main
{
	padding-top:0;
}
.product-main
{
	padding:0;
}
.product-main .product-gallery
{
	max-width:45%;
}
.product-main .product-gallery img
{
	border-radius:.75rem;
}
.product-thumbnails a
{
	border:none;
}
.product-main .product-thumbnails
{
	margin-bottom:1rem !important;
}
.product-main .product-info
{
	max-width:55%;
	width:55%;
	flex: none;
	padding: 0;
	padding-left:3rem;
	padding-bottom: 2rem;
}
.woocommerce-breadcrumb,
.product-main .divider,
.is-divider
{
	display:none;
}
.product-main .product-thumbnails
{
	padding: 0 1.5rem !important;
}
.product-main .product-thumbnails .flickity-slider>.col
{
	flex:none;
	width:calc((100%/3));
	max-width:unset;
}
.single .product-title
{
	color:#293f81;
	font-size: 1.75rem;
	text-align:center;
}
.product-short-description
{
	font-size: .9125rem;
	line-height:1.6;
}
.product-gallery .zoom-button i
{
	opacity:0;
}
.product-gallery .zoom-button
{
	border:thin solid #ccc;
	
}
.product-gallery .zoom-button:before
{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-image:url(assets/images/zoom-fit-svgrepo-com.svg);
	background-size:1.5rem;
	background-position:center;
	background-repeat:no-repeat;
	filter:invert(.9);

}
.product-gallery .zoom-button:hover
{
	background:transparent;
}
.product-main .label
{
	font-weight:600;
	color:#000;
	margin-right:.5rem;
}
.price-wrapper .amount,
.empty-price
{
	color:var(--color--primary);
}
.price-wrapper
{
	display:flex;
	align-items:center;
}
.qty-wrap .label
{
	margin-bottom:.5rem;
}
.qty-wrap .qty
{
	background:#fafafa;
	min-width: 3rem;
	font-weight:600;
	box-shadow:none;
	height:2.5rem;
}
body .qty-wrap .button 
{
	background:#ffffff;
	width:2.5rem;
	height:2.5rem;
}
.qty-wrap .button:hover,
.qty-wrap .button:focus
{
	background:#eee !important;
	box-shadow: none;
}
.product-main .cart
{
	display:flex;
	flex-wrap:wrap;
	align-items: flex-end;
}
.product-main .cart .button
{
	height:2.5rem;
	margin-right: 0;
	display:flex;
	align-items:center;
	justify-content:center;
	
}
.product-main .cart .single_buy_now_button:hover a
{
	color:#fff;
}
.cart .single_add_to_cart_button,
.product-small .add-to-cart-button a,
body div.wpforms-container-full .wpforms-form button[type=submit],
.product-home-section .btn 
{
	flex-grow:1;
	border-radius: .5rem;
	background: #50ACEB;
	background: linear-gradient(90deg, rgba(80, 172, 235, 1) 0%, rgba(44, 94, 247, 1) 100%);
	cursor: pointer;
	transition: filter 0.3s ease, box-shadow 0.3s ease;
	background-size: 200% auto;
	background-position: left center;
}
.product-main .cart .single_add_to_cart_button:hover,
.product-small .add-to-cart-button a:hover,
body div.wpforms-container-full .wpforms-form button[type=submit]:hover,
.product-home-section .btn:hover
{
 filter: brightness(1.05);
}
body div.wpforms-container-full .wpforms-form button[type=submit]
{
	color:#fff;
	border-color:transparent;
	font-weight:800;
}
.single_buy_now_button 
{
	width:100%;
	border-radius:.25rem;
}
.product_meta + .dt-wrap
{
	background:#f9fafb;
	display:flex;
	align-items:center;
	gap:2rem;
	row-gap:1rem;
	flex-wrap:wrap;
	border-radius:.5rem;
	padding:1rem;
	margin-top:1rem;
}
.product_meta + .dt-wrap .section-image-container
{
	width:calc((100% - 2rem)/2);
	display:flex;
	align-items:center;
	margin-bottom:0;
}
.product_meta + .dt-wrap .section-image-container img
{
	width:1.5rem;
	margin-right:.5rem;
}
.product-main .product_meta,
.product-main .social-icons
{
	display:none;
}
.product-footer .dt-toc
{
	display:none;
}
.product-section + .product-section
{
	display:none;
}
.product-section .col
{
	max-width:100%;
	width:100%;
	flex:none;
}
.product-section .uppercase,
.related-post__title
{
	text-align:center;
	color:var(--color--primary);
	font-size:1.5rem;
	text-transform:uppercase;
	font-weight:800;
}
.related-products-wrapper
{
	border: none;
	padding:3rem 0;
}
.related-products-wrapper .slider 
{
	min-width:100vw;
	position:relative;
	left:50%;
	transform:translateX(-50%);
}
.related-products-wrapper > .sub-title,
.related-post > .sub-title,
.archive-title-wrap .sub-title,
.drops-title .sub-title
{
	text-align:center;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size: .9125rem;
	color:var(--color--primary);
	position:relative;
	margin-bottom: .5rem;
	display: block;
}
.related-products-wrapper .sub-title:before,
.related-post .sub-title:before,
.archive-title-wrap .sub-title:before,
.drops-title .sub-title:before
{
	content:'';
	position:absolute;
	left:50%;
	top:-2rem;
	transform:translateX(-50%);
	width:1.5rem;
	height:1.5rem;
	background-image:url(assets/images/icon_giot_nuoc.svg);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	animation: scroll_bottom infinite 2s ease-in-out;
	filter: invert(43%) sepia(100%) saturate(978%) hue-rotate(163deg) brightness(98%) contrast(105%);
}

@keyframes scroll_bottom {
    50% {
    transform: translate(-50%,-.5rem) }
}
.related-products-wrapper .product-section-title
{
	padding:.5rem 0 1.5rem;
	font-weight:800;
}
.related-products-wrapper .flickity-viewport>.flickity-slider>.col
{
	padding:0 2rem;
	flex: none;
	max-width: unset;
	width: calc((100%/5));
}
.related-products-wrapper .add-to-cart-button
{
	display:none;
}
.product-loop-badges .new-badge
{
	position:absolute;
	color:var(--color--primary);
	top:1rem;
	left:0;
}
.product-small .title-wrapper a
{
	color:#000;
	font-size: .9125rem;
	text-align:center;
	font-weight:600;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	height: 2.5rem;
}
.product-small .price-wrapper
{
	text-align:center;
	justify-content: center;
}
.product-small .price-wrapper .amount,
.empty-price
{
	font-size: 1.25rem;
	font-weight: 800;
	line-height: 1;
}
.sp-section .dt-wrap
{
	display:flex;
}
.sp-section .section-title,
.tt-section .section-title
{
	color:var(--color--primary);
	font-size:3rem;
	font-weight:800;
	text-align:center;
	justify-content:center;
	margin:2rem 0 0;
}
.tt-section .section-title
{
	color:#fff;
	font-size:2.75rem;
	justify-content: flex-end;
}
.tt-section .section-title-main span
{
	padding-right: 3rem;
	white-space:nowrap;
	display: block;
}
.tt-section .section-title-main
{
	text-align:right;
}
.tt-section .section-title .sub-title
{
	text-transform:none;
	opacity:1;
	font-size:1.25rem;
	text-align:right;
	display:block;
	font-weight:600;
	margin-top:1rem;
}
.archive #main .sp-section
{
	margin-top: -6rem;
	padding-bottom:1rem !important;
}
.sp-section .bg
{
	background-size:100% 120% !important;
	background-position:top;
}
.sp-list .section-image-container
{
	opacity:0;
}
.sp-list a img
{
	transition:all .25s;
}
.sp-list a:hover img
{
	transform:scale(1.076);
	transform-origin:bottom;
}
.tt-section .col-inner
{
	padding-left:55%;
}
.tt-section
{
	height: 48rem;
}
.tt-section .accordion
{
	padding-left: 10rem;
	margin-top: 0rem;
}
.shop-page-title
{
	display:none;
}
.sp-section .col
{
	padding-bottom:0;
}
.category-page-row
{
	background:#f8f8ff;
	position:relative;
}
.category-page-row:before
{
	content:'';
	position:absolute;
	left:50%;
	top:0;
	width:100vw;
	height:100%;
	background:#f8f8ff;
	transform:translateX(-50%);
}
.products-list-fitler-wrap .shop-container
{
	display:flex;
	justify-content:space-between;
	padding-bottom: 1rem;
}
.woocommerce-ordering .orderby
{
	text-transform:uppercase;
	font-weight:700;
	font-size: .9125rem;
	background-color:transparent;
	border:none;
	box-shadow:none;
}
.woocommerce-ordering
{
	position:relative;
}
.woocommerce-ordering:before
{
	content:"Sắp theo:";
	position:absolute;
	right:100%;
	white-space:nowrap;
	top:50%;
	transform:translateY(-50%);
	font-size: .9125rem;
}
.woocommerce-result-count,
.prdctfltr_showing,
.prdctfltr_wc.prdctfltr_woocommerce.pf_select .prdctfltr_filter .prdctfltr_regular_title i
{
	display:none;
}
.prdctfltr_wc .prdctfltr_filter_title
{
	display:inline-block;
	border-radius:.25rem;
	background: #50ACEB;
	background: linear-gradient(90deg, rgba(80, 172, 235, 1) 0%, rgba(44, 94, 247, 1) 100%);
	 cursor: pointer;
    transition: filter 0.3s ease, box-shadow 0.3s ease;
    background-size: 200% auto;
    background-position: left center;
	color:#fff;
	max-width:max-content;
	padding:.5rem 1rem;
	height:2.5rem;
	font-weight:700;
	
}
.prdctfltr_wc .prdctfltr_filter_title .prdctfltr_woocommerce_filter i
{
	opacity:0;
}
.prdctfltr_wc .prdctfltr_filter_title .prdctfltr_woocommerce_filter
{
	background-image:url('assets/images/filter-svgrepo-com (1).svg');
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	filter:invert(1);

}
.cate-filter .prdctfltr_buttons,
.cate-filter .prdctfltr_wc .prdctfltr_filter_title,
.cate-filter .prdctfltr_ft_none
{
	display:none;
}
#main .cate-filter .prdctfltr_wc .prdctfltr_add_scroll
{
	display:block;
	position: static;
	background: transparent;
	box-shadow: none;
	border: none;
	padding: 0;
}
.cate-filter .prdctfltr_wc .prdctfltr_filter
{
	display:flex;
	justify-content:space-between;
}
.cate-filter .prdctfltr_wc .prdctfltr_filter .prdctfltr_regular_title
{
	flex:none;background:transparent;
	position: static;
	background: transparent;
	box-shadow: none;
	border: none;
	padding: 0;
	color:var(--color--primary);
	text-transform:uppercase;
	font-weight:700;
	font-size:1.5rem;
}
#main .cate-filter .prdctfltr_wc .prdctfltr_add_scroll .prdctfltr_checkboxes
{
	display:flex;
	justify-content:flex-end;
}
.cate-filter
{
	margin-bottom: 1.5rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap: wrap;
}
.cate-filter .label
{
	font-size:1.5rem;
	text-transform:uppercase;
	color:var(--color--primary);
	font-weight:700;
	margin-bottom: 1rem;
	width: 100%;
}
.cate-filter .archive-nav__list,
.product-home-section .nav 
{
	border-bottom:thin solid #ccc;
	width: 100%;
}
.product-home-section .nav 
{
	/* margin-left: auto; */
	width: 100%;
	justify-content: flex-start;
}
.cate-filter .archive-nav__list a,
.product-home-section .tab  a
{
	padding: .5rem .875rem;
	display:inline-block;
	text-transform:uppercase;
	font-size: .9125rem;
	font-weight: 600;
	border-bottom:.125rem solid transparent;
	border-radius: .5rem;
	color: #21346f;
}
.products.row-small
{
	max-width:unset;
}
.cate-filter .archive-nav__list a.active,
.cate-filter .archive-nav__list a:hover,
.cate-filter .archive-nav__list a:focus,
.product-home-section .tab.active  a,
.product-home-section .tab a:hover,
.product-home-section .tab a:focus
{
	background:#fff;
	color:var(--color--primary);
	border-color:transparent;
	background: #50ACEB;
	background: linear-gradient(90deg, rgba(80, 172, 235, 1) 0%, rgba(44, 94, 247, 1) 100%);
	color:#fff;
}
.single-tuyen-dung
{
	
}
.wc-prdctfltr-active .xwc--pf-show-sidebar.prdctfltr_wc.pf_arrow .prdctfltr_woocommerce_ordering
{
	border-radius:.25rem;
}
.wc-prdctfltr-active .xwc--pf-show-sidebar.prdctfltr_wc.pf_arrow .prdctfltr_woocommerce_ordering .prdctfltr_buttons
{
	display:none;
}
.prdctfltr_regular_title
{
	text-transform:uppercase;
	color:#000;
}
.prdctfltr_wc.pf_arrow .prdctfltr_woocommerce_ordering>.prdctfltr_collector .prdctfltr_title_selected
{
	background:#fefefe;
	border:thin solid #eee;
}
.archive .product-small .col-inner,
.product-small .col-inner
{
	background:#fff;
	border-radius: .75rem;
	overflow:hidden;
}
.product-small .box-text
{
	padding:.5rem 1rem 1rem;
}
.product-small .sub-title:before
{
	content:none;
}
.product-small .sub-title
{
	text-align:center;
	font-size: .9125rem;
	margin: .5rem 0 .5rem;
	color:#999;
}
.nav-small .cart-item [data-icon-label]:after
{
	background:#ed1c24;
	font-size: .75rem;
}
.product-small .add-to-cart-button
{
	text-align:center;
}
.product-small .add-to-cart-button a
{
	padding: .5rem 1.5rem;
	color: #fff;
	border: none;
	height: 2rem;
	box-sizing: border-box;
	line-height: 1.4;
	font-size: .9125rem;
	margin-top: .75rem;
}
.product-small .add-to-cart-button a:after {
    content: "";
    font-size: .9125rem;
    line-height: 1;
}
.single .prdctfltr_wc,
.woocommerce-message
{
	display:none;
}
billing_country_field,
.woocommerce-additional-fields,
.woocommerce-form-coupon-toggle
{
	display:none;
}
.woocommerce-checkout .content-area .row 
{
	max-width:1200px;
}
.cart-title
{
	font-size:2rem;
	text-transform:uppercase;
	color:#333333;
	font-weight:700;
	font-family: 'Montserrat';
	margin: 0 0 2rem;
}
.cart-body
{
	display:flex;
	gap:1.5rem;
}
.cart-body .box
{
	background:#fff;
	padding:1.25rem;
	border-radius: .5rem;
}
.checkout-main
{
	flex:none;
	width:65%;
}
.cart-body .title,
.assistance-box .section-title-main
{
	font-size:1.25rem;
	text-transform:uppercase;
	color:#333333;
	font-weight:700;
	font-family: 'Montserrat';
	padding-bottom:.5rem;
	border-bottom:thin solid #ccc;
}
.cart-body .box + .box
{
	margin-top:1.5rem;
}
.cart-box .cart-item
{
	display:flex;
	align-items:center;
	gap:2rem;
	margin: 1.25rem 0;
	padding-bottom:1rem;
	border-bottom:thin solid #ccc;
}
.cart-box .cart-item:last-child
{
	border:none;
	padding-bottom:0;
}
.cart-item .product-content
{
	width:100%;
	/* justify-content: space-between; */
	flex-grow: 1;
}
.product-thumbnail
{
	flex:none;
	width:6rem;
}
.cart-box .product-name
{
	color:#333;
	text-transform:uppercase;
	font-weight: 600;
}
.cart-box .product-quantity
{
	margin-left: 0;
	margin-top: 0;
	flex: none;
}
.cart-box .product-quantity *,
.cart-box .product-price *
{
	font-family: 'Montserrat';
	
}
.woocommerce-billing-fields>h3
{
	display:none;
}
.cart-body .form-row label
{
	font-weight:400;
	font-family: 'Montserrat';
}
.cart-body .form-row input
{
	height:2.75rem;
	box-shadow:none;
	background:#f6f6f6;
	border-color:#f6f6f6;
}
.cart-body .form-row-first
{
	width:100%;
}
.optional,
.woocommerce-shipping-fields,
.woocommerce-checkout-review-order tbody,
.woocommerce-checkout-review-order thead,
#order_review_heading,
.woocommerce-privacy-policy-text,
.woocommerce-NoticeGroup
{
	display:none;
}
.sumary-box .woocommerce-checkout-review-order th
{
	font-weight:400;
	font-family: 'Montserrat';
	text-transform:uppercase;
}
.sumary-box .woocommerce-checkout-review-order *
{
	border:none;
}
 .woocommerce-checkout-review-order *
{
	font-family: 'Montserrat';
}
 .woocommerce-checkout-review-order .order-total th,
 .woocommerce-checkout-review-order .order-total *
{
	font-size:1.125rem;
	font-weight:700;
	color:#333;
	font-family: 'Montserrat';
}
 .woocommerce-checkout-review-order
{
	padding:1rem 0;
}
#payment.woocommerce-checkout-payment
{
	padding-top:2rem;
	border-top:thin solid #ccc;
}
.wc_payment_method label
{
	font-family: 'Montserrat';
}
.elementor-widget-n-accordion .e-n-accordion-item-title
{
	padding:1.5rem 0;
	border:none;
}
.elementor-widget-n-accordion .e-n-accordion-item
{
	border-bottom:thin solid #ccc;
}
.elementor-widget-n-accordion .elementor-element
{
	border:none;
}
.elementor-widget-n-accordion .elementor-element *
{
	font-family: 'Montserrat';
	color:#666;
}
.input-radio,
.checkbox-control {
  display: inline-block;
  opacity: 0;
  position: absolute;
  visibility: hidden;
  top: .25rem;
  left: 0;
  width: 1rem;
  height: 1rem;
}

.input-radio + label,
.checkbox-control + label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  text-indent: 0;
  padding-left: 1.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
}
.input-radio + label:after,
.input-radio + label:before,
.checkbox-control + label:before {
  top: .025rem;
  left: 0;
  position: absolute;
  width: 1rem;
  height: 1rem;
  margin: 0;
  display: inline-block;
  content: "";
  float: left;
  border: 0.0625rem solid rgba(0, 0, 0, 0.48);
  border-radius: .125rem;
}
.input-radio + label:before,
.input-radio + label:after
{
    border-radius:50%;
    top: 0rem;
}
.input-radio + label:after
{
	width:.6rem;
	height:.6rem;
	top:.2125rem;
	left:.2125rem;
	opacity:0;
	
}
.input-radio:checked + label:after ,
.checkbox-control:checked + label:before {
  background: #000;
  border-color: #000;
	opacity:1;
}

.checkbox-control:checked + label:after {
  position: absolute;
  content: "";
  height: 1rem;
  width: 1rem;
  top: -.0625rem;
  left: .0625rem;
  bottom: 0;
  margin: auto;
  background: url(assets/images/icon-check.svg);
  background-size: .95rem;
  background-position: center;
}
.input-radio + label + div
{
	margin-top:.5rem;
}
.woocommerce-order-received .large-7,
.woocommerce-order-received table,
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-customer-details
{
	display:none;
}
.woocommerce-order-received .large-5
{
	max-width:100%;
	flex-basis: 100%;
}
.woocommerce-order-received .entry-content
{
	box-shadow:none;
	background:#fff;
}
.woocommerce-thankyou-order-received *
{
	
	font-size:1.25rem;
	font-weight:600;
	color:#000;
	text-transform:uppercase;
}
.woocommerce-thankyou-order-details.order_details li
{
	list-style:none;
	margin-left:0;
}
.woocommerce-thankyou-order-details.order_details *
{
	
}
.woocommerce-thankyou-order-details.order_details strong,
.woocommerce-thankyou-order-details.order_details .amount
{
	color:#000;
	font-weight:600;
}
.woocommerce-order-received .vr-transaction-info img
{
	width:2.5rem;
	margin-top: .25rem;
}
.woocommerce-order-received .vr-transaction-info
{
	max-width:37.5rem;
	margin:auto;
	text-align: center;
	justify-content: center;
}
.woocommerce-checkout #main
{
	background: #f5f6f6;
	background-image:url(assets/images/6a7a3dba071d7ae7c6f3c56bde7f0d1f5da6dbdc.png);
	background-size:contain;
	background-position:top;
	background-repeat:no-repeat;
	background-blend-mode: color;
}
.woocommerce-checkout .checkout-page-title
{
	display:none;
}
#billing_country_field,
.woocommerce-additional-fields,
.woocommerce-form-coupon-toggle
{
	display:none;
}
.product-price-wrap .label
{
	display:none;
}
.product-price-wrap
{
	display:flex;
	align-items:center;
	gap: 1.5rem;
	margin-top: .5rem;
}
.product-price-total .amount
{
	font-size:1.125rem;
}
.cart-item .remove
{
	border:none;
	font-size:0 !important;
	margin-left:1rem;
	display:flex;
	align-items:center;
	justify-content:center;
	
}
.cart-item .remove img
{
	width: 1.125rem;
}
#row-1412838783,
.comments-area
{
	display:none;
}
.blog-single article
{
	background: #ffffff5e;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	border-radius:.5rem;
	overflow:hidden;
}
.blog-archive
{
	padding:0;
}
.blog-single
{
	background-image:url(assets/images/bg_post_page.jpg);
	background-size:cover;
	background-position:top;
	background-repeat:repeat;
	padding-top: 0;
	padding-bottom: 0;
}
.single-tuyen-dung .blog-single
{
	background-position:bottom;
}
.page-template-page-blank #main
{
	background-image:url(assets/images/bg_post_page.jpg);
	background-size:cover;
	background-position:bottom;
	background-repeat:repeat;
	background-color: #f7ffff;
	background-blend-mode: darken;
}
.blog-single .entry-header
{
	display:flex;
	flex-direction:column-reverse;
}
.entry-title,
.page-title
{
	font-weight:800;
	font-size:2rem;
	color:var(--color--primary);
	text-align:center;
}
.post-meta
{
	display:flex;
	justify-content:center;
	align-items:center;
	font-size: .9125rem;
	font-weight: 600;
}
.post-meta .entry-category,
.post-meta .post-date
{
	width:auto;
	margin:unset;
	position:relative;
}
.post-meta .entry-category a
{
	font-size: .9125rem;
	text-transform: none;
	font-weight: 600;
	color: #000;
}
.post-meta .post-date
{
	margin-left:1rem;
	padding-left:1rem;
	font-size: .9125rem;
}
.post-meta .post-date:before
{
	content:'';
	position:absolute;
	left:0rem;
	top:50%;
	transform:translateY(-50%);
	width:.25rem;
	height:.25rem;
	background:#000;
	border-radius:50%;
	left:0;
}
.blog-single .blog-share
{
	margin: 1rem 0 0;
	display: none;
}
.blog-single .blog-share a
{
	width:2rem;
	height:2rem;
	min-width: unset;
	min-height: unset;
	margin-right: .5rem;
}
.blog-single .entry-content
{
	padding:2rem 3rem;
}
.related-post
{
	padding-top:2rem;
	padding-bottom: 2rem;
}
.related-post .related-post-slider
{
	margin-top:2rem;
}
.related-post .related-post-slider .post-item,
.news-section .news-slider .post-item
{
	width:calc((100% - 2*1rem)/3) !important;
	margin-right:1rem!important;
}
.post-item .box-image
{
	border-radius:.5rem;
}
.post-item .box-image img
{
	aspect-ratio: 16/9;
	object-fit: cover;
	width: 100%;
	height:auto;
	
}
.post-meta
{
	text-align:left;
	justify-content:flex-start;
	font-size: .9125rem;
	margin:.5rem 0;
}
.single .entry-header-text .post-meta
{
	text-align:center;
	justify-content:center;
}
.post-item .view-more
{
	display:none;
}
.post-item .post-title a
{
	line-height:1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	font-size: .9125rem;
}
.post-item .from_the_blog_excerpt
{
	overflow: hidden;
	text-overflow: ellipsis;
	/* line-height: 1.4; */
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	font-size: .9125rem;
	color:#333;
}
.archive-page-header .archive-nav__list,
.news-section .cat-nav__list
{
	margin:1.5rem 0;
	display:flex;
	justify-content:center;
	gap:1rem;
	list-style:none;
}
.archive-page-header .archive-nav__list a,
.news-section .cat-nav__list a
{
	height:2.25rem;
	border:thin solid var(--color--primary);
	border-radius:1.5rem;
	padding: 0rem 1.5rem;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size: .9125rem;
	text-transform:uppercase;
	font-weight:700;
	color:var(--color--primary);
	transition:all .25s;
	
}
.archive-page-header .archive-nav__list a:hover,
.archive-page-header .archive-nav__list a:focus,
.news-section .cat-nav__list a:hover,
.news-section .cat-nav__list a:focus
{
	background:var(--color--primary);
	color:#fff;
}
#post-list
{
	display:flex;
	flex-wrap:wrap;
	gap:1rem;
}
#post-list .post 
{
	width:calc((100% - 2*1rem)/3);
}
.page-numbers
{
	display:flex;
	justify-content:center;
	width: 100%;
	gap:.5rem;
}
.page-numbers span,
.page-numbers a
{
	border-radius:.5rem !important;
}
#main .page-numbers a
{
	border:none;
}
#main .title-section
{
	padding: 5rem 0 !important;
	margin-top: -6rem;
	/* background: #52B0F7;
	background: linear-gradient(90deg, rgba(82, 176, 247, 1) 0%, rgba(71, 155, 242, 1) 66%, rgba(60, 134, 234, 1) 100%); */
	position:relative;
}
.title-section::after{
  content:'';
  position:absolute;
  bottom:0; 
	left:50%;
	transform:translateX(-50%);
  width:150%; 
	height:100%;  
  background: #52B0F7;
	background: linear-gradient(90deg, rgba(82, 176, 247, 1) 0%, rgba(71, 155, 242, 1) 66%, rgba(60, 134, 234, 1) 100%);
  border-bottom-left-radius:50% 100%;
  border-bottom-right-radius:50% 100%;
}
.title-section .col
{
	padding-bottom:0;
}
.title-section .section-title-container
{
	margin-bottom:0;
}
.title-section .section-title
{
	justify-content:center;
	font-size:3rem;
	font-weight: 900;
	color:#fff;
	margin-bottom: .5rem;
}
.title-section .col-inner
{
	display:flex;
	flex-direction:column-reverse;
	justify-content:center;
}
.dt-breadscrumb,
.breadcrumb
{
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	list-style:none;
	margin-bottom: 0;
	font-size: .9125rem;
}
.dt-breadscrumb .breadcrumb li
{
	margin-left:0;
	margin-bottom: 0;
	position:relative;
}
.dt-breadscrumb .breadcrumb li a
{
	color:#fff;
	opacity:.7;
}
.breadcrumb li:not(:first-child)
{
	margin-left:1rem;
	padding-left:1rem;
}
.breadcrumb li:not(:first-child):before
{
	content:'';
	position:absolute;
	left:0rem;
	top:50%;
	transform:translateY(-50%);
	width:.25rem;
	height:.25rem;
	background:#fff;
	border-radius:50%;
	left:0;
}
.drops-title .section-title
{
	justify-content:center;
}
.drops-title .section-title-main
{
	display:flex;
	flex-direction:column-reverse;
	font-size:2rem;
	font-weight: 900;
	color:var(--color--primary);
	text-align:center;
}
.contact-section .stack
{
	justify-content:center;
}
.contact-section .dt-wrap
{
	flex:none;
	width:75%;
	padding-right: 2rem;
	font-size: .9125rem;
	line-height: 1.8;
}
.contact-section .dt-wrap>h2
{
	font-size:1.125rem;
}
.drops-title .sub-title
{
	padding-left:0;
}
.contact-section .drops-title .section-title
{
	justify-content:flex-start;
}
.contact-section .drops-title .section-title-main
{
	justify-content:flex-start;
	align-items:flex-start;
	text-align: left;
}
.contact-section .dt-wrap .stack 
{
	flex-wrap:wrap;
	gap: 1.5rem;
}
.contact-section .dt-wrap .section-image-container
{
	width:calc((100% - 2rem)/2);
	display:flex;
	align-items:center;
	background:#fbffff;
	border:thin solid #2e9bb55e;
	border-radius:.5rem;
	padding:.5rem;
	padding-left:1.5rem;
	position:relative;
	color:var(--color--primary);
}
.contact-section .dt-wrap .section-image-container a:before
{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	
}
.contact-section .dt-wrap .section-image-container img
{
	width:1.75rem;
	margin-right:1rem;
	filter: invert(65%) sepia(45%) saturate(6309%) hue-rotate(162deg) brightness(97%) contrast(103%);
}
.contact-section .text,
.lightbox-content
{
	background:#fcffff;
	padding:2rem;
	box-shadow: rgba(0, 174, 239, 0.5) 0px 1px 12px;
	border-radius:1rem;
	font-size: .9125rem;
}
.contact-section .text>*:first-child,
.lightbox-content .section-title-main
{
	color:#5878b6;
	font-size:1.75rem;
	font-weight:600;
}
.lightbox-content .section-title-container
{
	padding:0;
	
}

.contact-section.contact-dl-section .text>*:first-child,
.lightbox-content .section-title-main
{
	color:var(--color--primary);
	font-weight:800;
	text-align: center;
}
.lightbox-content .section-title-main
{
	font-size:1.3125rem;
	font-weight:700;
	margin-bottom:1rem;
}
.contact-section div.wpforms-container-full .wpforms-form textarea
{
	height: 5rem;
	min-height: 2rem;
}
.contact-section div.wpforms-container-full .wpforms-field-html,
.lightbox-content div.wpforms-container-full .wpforms-field-html
{
	font-size: .9125rem;
	font-style:italic;
	margin-top:1rem;
	padding: 0 !important;
	padding-right:40% !important;
}
.contact-section div.wpforms-container-full .wpforms-field-html a
{
	font-weight:600;
	color:var(--color--primary)
}
.contact-section div.wpforms-container-full .wpforms-form .wpforms-submit-container,
.lightbox-content div.wpforms-container-full .wpforms-form .wpforms-submit-container
{
	position:absolute;
	bottom:3rem;
	right:2rem;
}
.contact-section .drops-title .sub-title:before
{
	left: .75rem;
}
#main .commit-section
{
	padding: 6rem 0 36rem !important;
	position:relative;
}
.commit-section .bg:before
{
	position: absolute;
    content: '';
    background-image: url(assets/images/line_ab_sec_5.svg);
    width: 100%;
    height: 8.75rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    bottom: 0;
    left: 0;
}
.page-id-44 #main
{
	background-blend-mode:normal;
}
.commit-section .drops-title .sub-title
{
	color:#555;
}
.commit-section .section-title-container
{
	margin-bottom:0;
}
.commit-section .section-title-container + p,
.commit-section .dt-wrap + p
{
	text-align:center;
	padding:0 20%;
}
.commit-section .dt-wrap + p
{
	font-size:.9rem;
	color:#000;
}
.commit-section .dt-wrap
{
	display:flex;
	margin:3rem 0;
	align-items:flex-start;
	position:relative;
}
.commit-section .dt-wrap:before
{
	background: linear-gradient(270deg, rgba(0, 174, 239, 0.00) 7.57%, rgba(0, 174, 239, 0.30) 52.52%, rgba(0, 174, 239, 0.00) 96.18%);
    width: 100%;
    height: 1px;
    content: '';
    position: absolute;
    bottom: 0;
}
.commit-section .dt-wrap .section-image-container
{
	flex-basis:0;
	flex-grow:1;
	text-align:center;
	position:relative;
}
.commit-section .dt-wrap .section-image-container:before
{
	width: 1.5rem;
    height: 1.5rem;
    content: '';
    position: absolute;
    bottom: -.75rem;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(assets/images/icon_bf.svg);
    background-size: contain;
    background-repeat: no-repeat;
	filter:brightness(0%) invert(65%) sepia(45%) saturate(6309%) hue-rotate(162deg) brightness(97%) contrast(103%);
}
.commit-section .dt-wrap .section-image-container img
{
	width:auto;
	height:5rem;
	filter:brightness(0%) invert(65%) sepia(45%) saturate(6309%) hue-rotate(162deg) brightness(97%) contrast(103%);
}
.commit-section .dt-wrap .dt_image-content>*:first-child
{
	font-size: .9125rem;
	font-weight:800;
	padding:0 15%;
	color:var(--color--primary);
	margin:1rem 0 2rem;
}
.cer-section .section-title-container ~ p
{
	padding: 0 15%;
	text-align:center;
}

.cer-section .dt-wrap
{
	margin:2rem 0;
}
.cer-section .dt-wrap .dt_image-img img
{
	aspect-ratio: 3/4.25;
	object-fit: fill;
	width: 100%;
	height:auto;
	border-radius: 0;
}
.cer-section .swiper-button-prev,
.cer-section .swiper-button-next
{
	width:2.75rem;
	height:2.75rem;
	border:thin solid var(--color--primary);
	border-radius:.25rem;
	border-radius:50%;
	transition:all .25s;
}
.cer-section .swiper-button-prev:after,
.cer-section .swiper-button-next:after
{
	color:var(--color--primary);
	font-size:1.5rem;
	transition:all .25s;
}
.cer-section .swiper-button-prev:hover,
.cer-section .swiper-button-next:hover
{
	background:var(--color--primary)
}
.cer-section .swiper-button-prev:hover:after,
.cer-section .swiper-button-next:hover:after
{
	color:#fff;
}
.tes-section
{
	
}
.tes-section .bg
{
	background:#f3f3f3;
	background-image:url(assets/images/05.png);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	background-blend-mode: screen;
}
.tes-section .section-title
{
	justify-content:center;
}
.tes-section .section-title-main
{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
}
.tes-section .section-title-main span
{
	width:100%;
	order:2;
	text-align:center;
	text-transform:none;
}
.tes-section .sub-title
{
	/* width:100%; */
	background: #DDDEE9;
	font-size: .9125rem;
	color:#ffff;
	/* background: linear-gradient(90deg, rgba(221, 222, 233, 1) 0%, rgba(241, 241, 242, 1) 100%); */
	background: linear-gradient(120deg, rgba(80, 172, 235, 1) 0%, rgba(44, 94, 247, 1) 100%);
	padding:.25rem 1.5rem;
	border-radius:1rem;
	font-weight:500;
	margin-bottom:.5rem;
	opacity: 1;
}
.tes-section .section-title-main
{
	text-transform:none;
	font-size:2rem;
	font-weight:700;
}
.tes-section .section-title-main strong
{
	color:var(--color--primary);
}
.tes-section .section-title-container
{
	border-bottom:thin solid #ddd;
	padding-bottom:1rem;
	margin-bottom: 3rem;
}
.tes-section .dt-wrap .testimonial-box
{
	margin-right:2rem !important;
	padding:0;
	aspect-ratio: 375/382;
	position:relative;
	width:calc((100% - 2*2rem)/3) !important;
	height:auto;
}
.tes-section .dt-wrap .testimonial-box:before
{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;

	background: linear-gradient(90deg, rgba(82, 176, 247, 1) 0%, rgba(71, 155, 242, 1) 66%, rgba(60, 134, 234, 1) 100%);
	background-size:100% 100%;
	background-position:center;
	background-repeat:no-repeat;
	aspect-ratio: 375/382;
	object-fit: cover;
	width: 100%;
	height:auto;
	  mask-image: url('assets/images/polygon-testimonial-3.png');
	  mask-repeat: no-repeat;
	  mask-size: contain;
	mask-position: center;
}
.tes-section .dt-wrap .testimonial-image
{
	position:absolute;
	right:0;
	width: 5rem !important;
	height: 5rem !important;
}
.tes-section .dt-wrap .icon-box-text
{
	display:flex;
	flex-direction:column;
	text-align:left;
	color: #fff;
	z-index: 22;
}
.tes-section .star-rating span:before
{
	color:#FFEB3B !important;
}
.tes-section .testimonial-text
{
	order:1;
	font-style: normal !important;
	line-height:1.5;
}
.tes-section .star-rating
{
	order:2;
	margin-left: unset;
	margin-top: 1rem;
}

.tes-section .testimonial-meta
{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	margin-left: unset;
}
.testimonial-name-divider
{
	display:none;
}
.testimonial-company
{
	font-size: .9125rem;
	margin-bottom:.75rem;
}
.testimonial-name
{
	font-weight:700;
	font-size:1.125rem;
	color:#fff;
	position:relative;
	padding-top: 4rem;
}
.testimonial-name:before
{
	content:'';
	position:absolute;
	left:0rem;
	top:0%;
	width:3.25rem;
	height:3.25rem;
	background-image:url(assets/images/quote-close-editor-svgrepo-com.svg);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	filter: brightness(0%) invert(60%) sepia(87%) saturate(539%) hue-rotate(176deg) brightness(92%) contrast(99%);
	filter:invert(1);
}
.tes-section .star-rating span:before
{
	color:#eded00;
}
.tes-section .flickity-page-dots
{
	position:absolute;
	bottom:-2rem;
}
body .flickity-enabled .flickity-page-dots .dot
{
    color: var(--color--primary);
    top: .375rem;
    left: .375rem;
    width: .5rem;
    height: .5rem;
    content: "";
    background-color: var(--color--primary);
    border-radius: .125rem;
    transition:all .25s;
	border-color:var(--color--primary);
}
body .flickity-enabled .flickity-page-dots .dot.is-selected
{
     color: var(--color--primary);
    content: "";
    background-color: var(--color--primary);
    top: .2rem;
    left: .2rem;
    height: .75rem;
    width: .75rem;
    border-radius: .125rem;
}
.about-section .section-image-container,
.about-section .video
{
	flex:none;
	width:50%;
	padding-right:2rem;
}
.about-section .section-image-container *,
.about-section .video 
{
	height:100%;
	object-fit:cover;
	padding: 0 2rem 0 0 !important;
}
#main .about-section
{
	padding-top:0 !important;
}
.about-section .section-image-container img,
.about-section .video img
{
	border-radius:1rem;
}
.about-section .section-title-main span
{
	font-size: .9125rem;
	font-weight:800;
	color:#fff;
	background:var(--color--primary);
	padding:.5rem 1.5rem;
	border-radius:1.5rem;
	margin-bottom:.75rem;
	display:inline-block;
}
.about-section .section-title-main .sub-title
{
	padding-left:0;
	font-size: 1.25rem;
	font-weight:700;
	color: #14529e;
	opacity:1;
	margin-top: .5rem;
	white-space: nowrap;
	text-align: left;
}
.about-section .section-title-container
{
	margin-bottom:0;
}
od
{
	display:block;
}
.about-section .section-title-container .section-title-main
{
	  white-space: pre-line;       /* giữ dòng xuống đúng */
	  word-break: normal;          /* không ngắt giữa từ */
	  overflow-wrap: break-word;   /* ngắt đúng chỗ */
	  white-space: normal;
	  word-break: keep-all; /* với tiếng Việt hoặc tiếng Anh giúp tránh ngắt */
	  font-size: 1.5rem;
	  text-align: center;
}
.about-section .section-title-container ~ *
{
	font-size: .9125rem;
	line-height:1.8;
}
.about-section ul
{
	display:flex;
	flex-wrap:wrap;
	gap: 1rem;
	row-gap:0;
	margin-bottom: 0;
}
.about-section ul li
{
	list-style:none;
	margin-left:0;
	padding-left:1.5rem;
	width: calc((100% - 1rem)/2);
	position:relative;
	/* color:#000; */
}
.about-section ul li:before
{
	content:'';
	position:absolute;
	left:0rem;
	top:.3125rem;
	width:1.125rem;
	height:1.125rem;
	background-image:url('assets/images/white-heavy-check-mark-svgrepo-com (3).svg');
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	
}
.sp-home-section .section-title 
{
	margin-top:0;
}
.sp-home-section .section-title-main
{
	font-weight:900;
}
.product-home-section 
{
	background:#f8f8ff;
}
.product-home-section .section-title-container,
.product-home-section .section-title
{
	margin-bottom:0;
}
.product-home-section  .section-title-main
{
	text-transform:none;
	font-weight:700;
	color:var(--color--primary);
	font-size:1.75rem;
}
.product-home-section .tabbed-content
{
	margin-top: 1.5rem;
}
.product-home-section .tab-panels
{
	margin-top:.5rem;
}
.product-home-section .products
{
	max-width:unset;
}
.product-home-section .tabbed-content .tab
{
	margin:0;
}
.product-home-section .btn 
{
	position:relative;
	left:50%;
	transform:translateX(-50%);
	text-transform:uppercase;
	/* font-size: .9125rem; */
	margin-top:3rem;
	display:flex;
	flex-direction:row-reverse;
	justify-content:center;
	align-items:center;
	width:max-content;
	transition:all .25s;
}
.product-home-section .btn:hover,
.product-home-section .btn:focus
{
	background: #50ACEB;
	background: linear-gradient(90deg, rgba(80, 172, 235, 1) 0%, rgba(44, 94, 247, 1) 100%);
	color:#fff;
}
body .flickity-page-dots
{
	position:absolute;
	bottom:-1rem;
}
#main .product-home-section
{
	padding:2rem 0 0 !important;
}
.product-home-section .btn img
{
	width:1.5rem;
	transform:rotate(-90deg);
	filter:brightness(0) invert(1);
	margin-left:.5rem;
}
.home .cer-section
{
	background:#ffffff;
}
.story-section .section-content
{
	padding:3rem 0;
	text-align:center;
}
.story-section .section-title
{
	justify-content:center;
}
.story-section .section-title-main
{
	font-size:4rem;
	font-weight:800;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column-reverse;
}
.story-section .section-title-main .sub-title
{
	display:block;
	font-size:1.875rem;
	opacity:1;
	padding-left:0;
	margin-bottom:1rem;
}
.story-section .section-title-container ~ h3
{
	font-size:3rem;
	color:#fff;
	padding: 0 23%;
	margin-bottom:3rem;
	margin-top: 3rem;
	line-height: 1.4;
}
.story-section .section-title-container ~ p
{
	color:#fff;
	font-size:1.25rem;
}
#main .news-section
{
	background:#ffffff;
	/* padding:0 !important; */
}
.news-section .cat-nav__list
{
	display:flex;
	justify-content:center;
	margin: -.5rem 0 1.5rem;
}
.news-section .cat-nav__list li
{
	margin-left:0;
}
.news-section .term-count
{
	display:none;
}
.news-section .news-list
{
	display:flex;
	gap:2rem;
}
.news-normal .post-item
{
	display:flex;
	gap:1rem;
	
}
.news-normal .post-item:not(:first-child)
{
	margin-top: 1rem;
}
.news-normal .post-item .box-image
{
	width:30%;
	flex:none;
}
.news-normal .post-item .box-image *
{
	height:100%;
	object-fit:cover;
}
.news-normal .post-item .box-text
{
	padding:0;
}
.news-normal .post-item .box-text .post-title,
.news-normal .post-item .box-text .post-title a
{
	margin-top:0;
}
.news-normal .post-item .from_the_blog_excerpt
{
	-webkit-line-clamp: 2;
	margin: 0;
}
.news-main
{
	width:50%;
	flex:none;
}
.news-main .box-text
{
	padding-bottom:0;
}
.news-normal
{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	padding-bottom: .5rem;
}
.product-home-section .products:not(.flickity-enabled)
{
    max-height: 28rem;
}
.news-slider:not(.flickity-enabled),
.tes-section .dt-wrap:not(.flickity-enabled),
.related-products-wrapper .slider:not(.flickity-enabled)
{
    max-height: 20rem;
}
.cer-section .dt-wrap:not(.swiper-initialized)
{
    max-height: 29rem;
}

.loading-effect {
	will-change: opacity;
	opacity: 1;
	-webkit-transition: .7s opacity;
	transition: .7s opacity;
  }
  
  .loading-effect.fade-in {
	will-change: opacity;
	opacity: 0;
	-webkit-transition: none;
	transition: none;
}
.qhcd-section .tab a
{
	padding:.5rem 1.5rem;
	font-weight:800;
	font-size: .9125rem;
	background:transparent;
	border:thin solid var(--color--primary);
	color:var(--color--primary);
	border-radius:.35rem;
	line-height:1.4;
}
.qhcd-section .tab.active a,
.qhcd-section .tab a:hover,
.qhcd-section .tab a:focus
{
	background:var(--color--primary);
	color:#fff;
}
.content-area .qhcd-section table 
{
	border-collapse: collapse;
	border-radius:0;
}
.qhcd-section table thead th
{
	background:#f8f8ff;
	padding:1rem;
	border:thin solid var(--color--primary);
	color:var(--color--primary) !important;
	text-align:center;
}
.qhcd-section .tab-panels
{
	margin-top:1rem;
}
.qhcd-section table td
{
	padding:.75rem 1rem;
	text-align:center;
	color:#333;
	border: thin solid #00aeef6b;
}
.qhcd-section table a
{
	color:var(--color--primary);
	font-weight:600;
}
.nm-video-section
{
	margin-top:-5rem;
}
#main .nm-video-section
	{
		padding-bottom:0 !important;
	}
.nm-video-section .section-title-container
{
	margin-bottom:0;
}
.nm-video-section .section-title
{
	justify-content:center;
}
.nm-video-section .section-title-main
{
	justify-content: center;
	font-size: 2rem;
	font-weight: 900;
	color: var(--color--primary);
	margin-bottom: .5rem;
}
.nm-video-section .section-title-main .sub-title
{
	padding:0;
	text-align:center;
	font-size: 1.5rem;
	text-transform: none;
	margin: 1rem auto 0;
	text-align: center;
	display: block;
	font-weight: 900;
}
.nm-video-section .video,
.history-section .video 
{
	padding-top:0 !important;
	min-height: 50vh;
}
body .wp-video,
body .mejs-container
{
	width:100% !important;
	border-radius:1rem;
	overflow:hidden;
	max-width:56rem;
	margin:auto;
}
.dcsx-section .box 
{
	border-radius:1rem;
	overflow:hidden;
}
/* body .mejs-controls
{
	display:none;
} */
body .mejs-overlay-button
{
	filter: brightness(0%) invert(64%) sepia(59%) saturate(1530%) hue-rotate(163deg) brightness(100%) contrast(101%);
}
.counter-section
{
	background:var(--color--primary);
}
.counter-section .dt-wrap
{
	display:flex;
	align-items:center;
}
.counter-section .dt-wrap .section-counter-container
{
	flex-grow:1;
	flex-basis:0;
	color:#fff;
	font-weight:700;
	font-size:1.5rem;
}
.counter-section .col
{
	padding-bottom:0;
}
.counter-section .counter-value
{
	font-size:5rem;
	line-height:1;
}
.counter-section .counter-value:after
{
	content:attr(data-subfix);
	color:var(--color--secondary);
}
.counter-section .counter-value span
{
	color:var(--color--secondary);
}
#main .counter-section 
{
	padding:2rem 0 !important;
}
.nm-section .col-inner
{
	display:flex;
	gap:2rem;
	align-items:center;
}
.nm-section .row:nth-child(2n+2) .col-inner
{
	flex-direction:row-reverse;
}
.nm-section .row + .row
{
	padding-top:2rem;
}
.nm-section .section-image-container
{
	flex:none;
	width:60%;
}
.nm-section .section-image-container img
{
	aspect-ratio: 16/10;
	object-fit: cover;
	width: 100%;
	height:auto;
	
}
.nm-section .text
{
	text-align:justify;
}
.nm-section .text>*:first-child
{
	font-size:2.5rem;
	text-align:center;
	font-weight:800;
	color:var(--color--primary);
	line-height: 1.2;
}
.dc-section .section-title,
.iso-section .section-title
{
	justify-content:center;
}
.dc-section .section-title-main,
.iso-section .section-title-main
{
	font-size:2.5rem;
	font-weight:800;
	color:var(--color--primary);
	text-align:center;
}
.iso-section .section-title-main
{
	font-size:2rem;
}
.dc-section .section-title-main span,
.iso-section .section-title-main span
{
	color:var(--color--secondary);
}
.dc-section .section-title-container
{
	margin-bottom:0;
}
#main .nm-section
{
	padding-bottom:2rem !important;
}
#main .dc-section
{
	padding:0 !important;
}
.iso-section .dt-wrap
{
	display:flex;
	flex-wrap:wrap;
	gap:2rem;
}
.iso-section .section-image-container
{
	width:calc((100% - 2rem)*.4);
}
.iso-section .section-image-container *
{
	height:100%;
	object-fit:cover;
}
.iso-section .section-image-container:nth-child(4n+2),
.iso-section .section-image-container:nth-child(4n+3)
{
	width:calc((100% - 2rem)*.6);
}
#main .about-title-section
{
	margin-top:-6rem;
	padding:10rem 0 !important;
}
.about-title-section
{
	aspect-ratio: 1520/618;
	object-fit: cover;
	width: 100%;
	height:auto;
}
.about-title-section .col
{
	padding-bottom:0;
}
.about-title-section .section-title-container,
.about-title-section .section-title
{
	margin-bottom:0;
	justify-content:center;
}
.about-title-section .section-title-main
{
	color:#fff;
	font-size:3rem;
	font-weight:800;
}
#main .about-gallery-section
{
	padding:5rem 0 !important;
}
.about-gallery-section .dt-wrap
{
	display:flex;
	align-items:center;
	gap:2rem;
}
.about-gallery-section
{
	display:none;
	
}
.about-gallery-section + .row .img img
{
	border-radius:1rem;
}
.about-gallery-section .dt-wrap .section-image-container:nth-child(2)
{
	flex:none;
	width:40%;
}
.about-gallery-section .dt-wrap .section-image-container img
{
	aspect-ratio: 367/592;
	object-fit: cover;
	width: 100%;
	height:auto;
	border-radius:1rem;
}
.vision-section .stack
{
	gap:2rem;
	align-items: stretch;
}
.vision-section .dt-wrap
{
	background: var(--color--primary);
	padding: 1.75rem;
	border-radius: .5rem;
	text-align: center;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 3px;
	flex-grow:1;
	flex-basis:0;
	border-radius:1rem;
	transition:all .25s;
	 -webkit-transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
    transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
}
.vision-section .dt-wrap:hover
{
	transform:translateY(-.375rem);
}
.vision-section .dt_image-img img
{
	height:5rem;
	filter:brightness(0) invert(1);
}
.vision-section .dt-wrap *
{
	color:#fff;
}
.vision-section .dt_image-content>*:first-child
{
	font-size:1.25rem;
	font-weight:700;
	color:#fff;
	margin:1.25rem 0;
}
.vision-section p
{
	text-align:justify;
}
.vision-section ul
{
	margin:0;
}
.vision-section li
{
	text-align:left;
}
.vision-section .section-title
{
	justify-content:center;
	margin-bottom:2rem;
}
.vision-section .section-title-main
{
	flex-direction:column;
	display:flex;
	text-align:center;
	font-size:3rem;
	/* font-style:italic; */
	font-weight:800;
	color:var(--color--primary);
	line-height:1.4;
}
.vision-section .section-title-main .sub-title
{
	padding-left:0;
	font-size:2rem;
	font-style:normal;
}
#main .history-section
{
	padding-bottom:0 !important;
}
#main .vision-section
{
	padding-top:1rem !important;
}
.history-section .video 
{
	margin-top:2rem;
}
.history-section .section-title
{
	justify-content:center;
	margin-bottom:2rem;
}
.history-section .section-title-main
{
	text-align:center;
	display:flex;
	flex-direction:column-reverse;
	font-size:2.5rem;
	text-transform:none;
	font-weight:800;
	color:var(--color--primary);
}
.history-section .section-title .sub-title
{
	padding:0;
	font-size:1.125rem;
}
.history-section .col-inner>.stack
{
	gap: 3rem;
	/* align-items: flex-end; */
}
.history-section .col-inner>.stack>.dt-wrap
{
	flex:none;
	width:36%;
	padding-left: 3rem;
}
.history-section .col-inner>.stack>.dt-wrap img
{
	width:100%;
}
.history-section .col-inner>.stack .stack .dt-wrap
{
	padding-left: 6rem;
	position:relative;
}
.history-section .col-inner>.stack .stack .dt-wrap:before
{
	content:'';
	position:absolute;
	left:2rem;;
	top:0;
	width:1px;
	height:100%;
	background:var(--color--primary);
}
.history-section .icon-box .uppercase
{
	transition:all .25s;
}
.history-section .icon-box:hover .uppercase
{
	background:var(--color--primary);
	color:#fff;
}
.history-section .icon-box .uppercase
{
	position:absolute;
	left:0;
	font-size: .9125rem;
	font-weight:700;
	border:thin solid var(--color--primary);
	width:4rem;
	padding:.375rem .5rem;
	border-radius:2.5rem;
	text-align:center;
	background: #fff;
}
.history-section .icon-box
{
	padding-bottom:1rem;
	margin-bottom:1rem;
	border-bottom:Thin solid #ddd;
}
.history-section .icon-box:last-child
{
	margin-bottom:0;
	border-bottom:none;
	padding-bottom: 0;
}
.history-section .icon-box h3
{
	color:var(--color--primary);
	font-weight:600;
}
.map-section .col-inner
{
	display:flex;
	gap:2rem;
	align-items:center;
}
.map-section .section-image-container
{
	flex:none;
	width:56%;
}
.map-section .section-title
{
	justify-content:center;
}
.map-section .section-title-main
{
	font-size: 1.5rem;
	color:var(--color--primary);
	text-align:center;
	font-weight: 800;
}
.dt-mobile_sticky_box
{
    position:fixed;
    bottom: 4rem;
    display: flex;
    justify-content: space-between;
    padding: 0;
    z-index: 999;
    flex-direction: column;
    right: 0;
    transition-delay:.3s;
    opacity: 1;
    border-radius: 0;
    width: 3.5rem;
    /* overflow:hidden; */
	display:none;
}

.dt-mobile_sticky_box img
{
    max-width: 2.5rem;
    -webkit-transition: all 300ms;
    /* transition: all 300ms; */
    max-height: 1.75rem;
    width: 100%;
    height: 100%;
}
.dt-mobile_sticky_box a
{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    margin-bottom: 0;
    width: 100%;
    height: 3.5rem;
    background:#ed1c24;
     border-bottom: 1px solid rgba(255,255,255,0.2);
    position: relative;
	  -webkit-transition: all 300ms;
    transition: all 300ms;
	
}
.dt-mobile_sticky_box a:last-child
{
	border:none;
}
.dt-mobile_sticky_box a > span
{
    color:#333;
    font-size:.785rem;
    height: 3.5rem;
    text-transform: uppercase;
    font-size: .9125rem;
    background-color: #ed1c24;
    /* z-index: -1; */
    color: rgba(255,255,255,.8);
    white-space: nowrap;
    width: 0px;
    line-height: 60px;
    padding: 0 1.25rem;
    position: absolute;
    text-align: left;
    top: 0;
    left: 0;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 300ms;
    transition: all 300ms;
    opacity:0;
    visibility:hidden;
    z-index:-1;
    font-size:0;
}
.dt-mobile_sticky_box:hover
{
	overflow:visible;
}
.dt-mobile_sticky_box:hover a > span
{
	-webkit-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
	opacity:1;
	visibility:visible;
	width: 21rem;
	font-size: .9125rem;
	display: flex;
	justify-content: space-between;
}
.dt-mobile_sticky_box:not(:hover) a:first-child,
.dt-mobile_sticky_box a:first-child > span
{
	border-top-left-radius:.75rem;
}
.dt-mobile_sticky_box:not(:hover) a:last-child,
.dt-mobile_sticky_box a:last-child > span
{
	border-bottom-left-radius:.75rem;
}
.dt-mobile_sticky_box a:hover
{
	background:#fff;
}
.dt-mobile_sticky_box a:hover img
{
	filter:invert(1);
}
.dt-mobile_sticky_box a:hover > span
{
	background:#fff;
	color:#000;
}
.page-id-38 main .section-title-container + p
{
	text-align:center;
	padding:0 20%;
	margin: -1.5rem 0 3rem;
}
.csns-section .stack 
{
	position:relative;
}
.csns-section .stack:before
{
	content:'';
	position:absolute;
	left:50%;
	top:0;
	width:1px;
	height:100%;
	background: linear-gradient(270deg, rgba(0, 174, 239, 0.00) 7.57%, rgba(0, 174, 239, 0.30) 52.52%, rgba(0, 174, 239, 0.00) 96.18%);
}
.csns-section .dt-wrap
{
	display:flex;
	gap:15rem;
	align-items: center;
	position: relative;
}
.csns-section .dt-wrap:nth-child(2n+2)
{
	flex-direction:row-reverse;
}
.csns-section .dt-wrap + .dt-wrap
{
	padding-top:4rem;
}
.csns-section .dt-wrap>*
{
	width:calc((100% - 15rem)/2);
}
.csns-section .text>*:first-child
{
	font-size:1.5rem;
	color:var(--color--primary);
}
.csns-section .text
{
	text-align:justify;
}
.csns-section .section-image-container img
{
	border-radius:50%;
	aspect-ratio: 1/1;
	object-fit: cover;
	width: 100%;
	height:auto;
	
}
.csns-section .section-image-container
{
	position:relative;
}
.csns-section .dt-wrap:before
{
	width: 1.5rem;
    height: 1.5rem;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-image: url(assets/images/icon_bf.svg);
    background-size: contain;
    background-repeat: no-repeat;
	filter:brightness(0%) invert(65%) sepia(45%) saturate(6309%) hue-rotate(162deg) brightness(97%) contrast(103%);
}
.tuyen-dung-header__title
{
	text-align:left;
}
.tuyen-dung-header__meta
{
	border-top:thin solid #ccc;
	border-bottom:Thin solid #ccc;
	display:flex;
	flex-wrap:wrap;
	gap:1rem;
	justify-content:space-between;
	padding:1rem 0;
	color:#000;
	margin-bottom: 2rem;
}
.tuyen-dung-header__meta>*
{
	width:40%;
}
.tuyen-dung-header__meta>*:nth-child(2n+2)
{
	text-align:right;
}
.tuyen-dung-header__meta span
{
	font-weight:700;
	color:var(--color--primary);
}
.tuyen-dung-header__meta .label
{
	margin-right:.5rem;
}
.tuyen-dung-header__meta .blog-share
{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	margin: 0;
	/* order: 4; */
}
.tuyen-dung-dịa_chỉ_lam_việc + .blog-share
{
	justify-content:flex-start;
}
.tuyen-dung-header__meta .blog-share a
{
	margin-bottom:0;
}
.form-ung-tuyen
{
	padding:2.5rem;
	background:#fcffff;
	border-radius:1.5rem;
	background: #fcffff;
	padding: 2rem;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	border-radius: 1rem;
	font-size: .9125rem;
	position: relative;
}
.form-ung-tuyen>*:first-child
{
	font-size:1.75rem;
	color:var(--color--primary);
	margin-bottom:.5rem;
}
.tuyen-dung-main
{
	padding-right:3rem;
}
.tuyen-dung-sidebar .row
{
	background:#feffff;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	border-radius:1rem;
	padding:1.5rem 0 .5rem;
	font-size: .9125rem;
}
.tuyen-dung-sidebar .row:first-child
{
	 background: linear-gradient(135deg, #0099e5, #00c2ff);
	color:#fff;
}
.tuyen-dung-sidebar .row .col
{
	padding-bottom:0;
}
.tuyen-dung-sidebar .row:first-child h3,
.tuyen-dung-sidebar .section-title-main
{
	color:#fff;
	font-size: .9125rem;
}
.tuyen-dung-sidebar .section-title-main
{
	color:var(--color--primary);
	font-weight:800;
}
.tuyen-dung-sidebar .row:first-child a
{
	color:#fff;
}
.tuyen-dung-sidebar .row + .row
{
	margin-top:1rem;
}
.tuyendung-post
{
	padding-bottom:1rem;
}
.tuyendung-post a
{
	font-weight:500;
	line-height:1.64;
	color:#000;
}
.tuyendung-post .post-item:not(:last-child)
{
	border-bottom:thin solid #eee;
	padding-bottom:.5rem;
	margin-bottom:.5rem;
}
.content-area table 
{
	border-collapse: collapse;
	border-radius:.5rem;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	overflow:hidden;
}

.content-area table thead
{
	background: #01AEEE;
	/* background: linear-gradient(90deg, rgba(1, 174, 238, 1) 0%, rgba(38, 189, 191, 1) 100%); */
}
.content-area table thead th
{
	padding:1rem;
	border:thin solid var(--color--primary);
	color:#fff;
	text-align:center;
}
.content-area table td
{
	padding:.75rem 1rem;
	text-align:center;
	color:#333;
	border: thin solid #00aeef6b;
}
.content-area table a
{
	color:var(--color--primary);
	font-weight:600;
}
.recruit-section table td
{
	padding:1rem;
}
.recruit-section table td:nth-child(1)
{
	font-weight:700;
	color:#26bdbe;
	font-size:1.25rem;
}
.recruit-section table td:nth-child(2)
{
	font-weight:700;
}
.recruit-section table td a
{
	background:var(--color--primary);
	color:#fff;
	padding:.5rem 1.5rem;
	border-radius:1.5rem;
	text-transform:uppercase;
	font-size: .9125rem;
	font-weight:700;
	white-space: nowrap;
}
#main .recruit-section
{
	padding-bottom:0 !important;
}
.recruit-section .col
{
	padding-bottom:0;
}
.product-info .empty-price
{
	color:var(--color--primary);
}
.search-results-list .products
{
	display:flex;
	flex-wrap:wrap;
	gap: 0;
	margin-left:-15px;
	margin-right:-15px;
}
.search-results-list .products .product
{
	width:calc((100% - 3* 0rem)/4);
}
.search-nav
{
    justify-content:center;
    display:flex;
    margin-bottom: 2rem;
}
.search-nav a
{
    font-weight:500;
    text-transform:uppercase;
    padding:.75rem 1.5rem;
    width:12rem;
    text-align:center;
    font-size: .9125rem;
    border-radius:0;
    border-bottom:.0625rem solid #999;
    margin-right:2rem;
	font-family: 'Montserrat';
}
.search-nav a span
{
    margin-left:.25rem;
}
.search-nav a + a
{
    border-left:none;
}
.search-nav a.active
{
    border-color:var(--color--primary);
    color:var(--color--primary);
    font-weight:700;
}
.live-search-results,
.dt-search-results-wrapper
{
	display:none;
}
.search-results .tt-section
{
	display:None;
}
#header .button.loading:after
{
   content: none; 
}
#woocommerce-product-search-field-0,
#search-lightbox .searchform .button.icon
{
	height:3rem;
	min-height: unset;
	box-shadow:none;
	font-size: .9125rem;
}
#search-lightbox .searchform .button.icon
{
	background:var(--color--primary);
	font-size: .9125rem;
	min-width:4rem;
}
.dt-section .contact-section .text
{
	max-width:45rem;
	position:relative;
}
.dt-section .icon-box-img
{
	width: 1.875rem !important;
}
.dt-section .text h3
{
	font-size:1.25rem;
}
body .row.row-large
{
	max-width:unset;
}
.dt-section .col
{
	padding-bottom:0;
}
#main .dt-section .section
{
	padding:0 !important;
}
.dt-section p
{
	line-height:2;
}
.dt-section .stack 
{
	justify-content:center;
}
.dsdl-section .section-image-container img
{
	width:100%;
}
#product-sidebar,
.product-section.reviews,
.product-section.additional_information
{
	display:none;
}
.product-page-sections .description .section
{
	padding:2rem !important;
	background: #F1F9FC;
	background: linear-gradient(90deg, rgba(241, 249, 252, 1) 0%, rgba(248, 247, 252, 1) 100%);
	border-radius:1rem;
}
.product-page-sections .description .section li
{
	list-style:none;
	margin-left:0;
	padding-left:1.5rem;
	position:relative;
}
.product-page-sections .description .section li:before
{
	content:'';
	position:absolute;
	left:0rem;
	top:50%;
	transform:translateY(-50%);
	width:.875rem;
	height:.875rem;
	background-image:url(assets/images/drop-svgrepo-com.svg);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;

}
.banner-section .slider .flickity-prev-next-button svg
{
	fill:var(--color--primary);
	width:2.5rem !important;
	height:2.5rem;
	max-width: unset;
}
.banner-section .flickity-prev-next-button 
{
	opacity:1;

}
.clc
{
	position:absolute;
	top: 2.5rem;
	right: 2rem;
	z-index: 999;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background:#fff;
	padding: .5rem .5rem;
	box-sizing:border-box;
	border-radius:.875rem;
	/* border-top-right-radius:0;
	border-bottom-right-radius:0; */
	gap: .5rem;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	display: none !important;
}
body:not(.home) .clc
{
	display:none;
}
.clc img
{
	width: 5rem;
	height: auto;
	max-height: unset;
	max-width: unset;
}
.pt-section .dt-wrap
{
	
	position:relative;
	display:flex;
	gap:1.5rem;
}
.pt-section .dt-wrap .section-image-container
{
	flex-basis:0;
	flex-grow:1;
	border-radius:1rem;
}
.pt-section .dt-wrap .section-image-container img
{
	aspect-ratio: 1.2/2;
	  object-fit: cover;
	  width: 100%;
	height:auto;
	
}
.pt-section .dt-wrap .section-image-container {
    display: block;
    overflow: hidden;
    position: relative;
}
.pt-section .dt-wrap .section-image-container .dt_image-img::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #030333;
    opacity: 0.25;
    z-index: 2;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    pointer-events: none;
    transform: inherit;
}
.pt-section .dt-wrap .section-image-container .dt_image-img::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0, 174, 239);
    background: linear-gradient(0deg, rgb(6 143 194) 0%,rgb(6 143 194) 50%, rgba(0, 174, 239,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004e88",endColorstr="#004e88",GradientType=1);
    opacity: 1;
    z-index: 2;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    pointer-events: none;
    transform: translateY(100%);
}
.pt-section .dt-wrap .section-image-container.active .dt_image-img::after,
.pt-section .dt-wrap .section-image-container:hover .dt_image-img::after{
    transform: inherit;
}
.pt-section .dt-wrap .section-image-container.active .dt_image-img::before,
.pt-section .dt-wrap .section-image-container:hover .dt_image-img::before{
    transform: translateY(-100%);
}
.pt-section .dt-wrap .section-image-container .dt_image-content
{
	position:absolute;
	bottom:2rem;
	padding: 1.5rem 1.5rem 0;
	z-index:2;
	color:#fff;
	max-height: 3.5rem;
	overflow: hidden;
	transition:all .25s;
}
.pt-section .dt-wrap .section-image-container .dt_image-content p
{
	margin-bottom:0;
	text-align: justify;
}
.pt-section .dt-wrap .section-image-container .dt_image-content>*:first-child
{
	font-size:1.25rem;
	font-weight:500;
	color:#fff;
	text-transform:uppercase;
	text-align: center;
}
.pt-section .dt-wrap .section-image-container:hover .dt_image-content
{
	max-height:30rem;
}
.dcsx-section .box-text
{
	background:var(--color--primary) !important;
}
.dcsx-section .box-text .text>*
{
	color:#fff;
	font-size: 1.25rem;
}
#main .nnl-section
{
	padding:0 !important;
}
.entry-content .size-full
{
	margin:1rem auto;
}
.header-main .nav > li.header-search > a
{
	padding-right:0;
	padding-left:0;
}
.header-top .flex-right
{
	width:1046px;
}
.header-top .flex-right .top-bar-nav
{
	justify-content:space-between;
	padding-left: 1rem;
}
#footer .dt-wrap.logo-footer
{
	width:100%;
	position:relative;
	padding-bottom: 1.5rem;
	margin-bottom:1rem;
	display: none;
}
.footer-section .bg
{
	background-color:var(--color--primary);
	background-blend-mode: difference;
}
.footer-section .logo-footer .dt_image-img
{
	margin-bottom:0;
}
.logo-footer:after
{
	content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg, #fff, transparent);
}
#main .dsdl-section
{
	padding-bottom:0 !important;
}
.footer-section .dt-wrap:first-child
{
	width: 50%;
}
.page-id-40 #main .contact-dl-section
{
	padding-top:0 !important;
}
.page-id-40 .contact-dl-section .stack>.dt-wrap
{
	display:none;
}
.page-id-40 .contact-dl-section .stack
{
	justify-content:center;
}
.page-id-40 .contact-dl-section .stack .text
{
	max-width:50%;
	position:relative;
}
.product-summary .quantity .button
{
	border-radius:.35rem;
}
.dt_image-img img,
.story-grid-section .banner,
.story-grid-section .box-image
{
	border-radius:1rem;
	overflow: hidden;
}
body .jq-toast-single
{
	font-size:.9125rem;
}
.header-block-block-1 .dt_image-img img
{
	width:1rem;	
	filter: invert(21%) sepia(76%) saturate(844%) hue-rotate(196deg) brightness(94%) contrast(96%);
}
.header-block-block-1 .section-image-container,
.header-block
{
	display:flex;
	width: auto;
	width: max-content;
}
.slider-static .dt_image-img img
{
	width:100%;
	/* max-height: calc(100vh - 100px);
	object-fit: cover;
	object-position: top; */
	border-radius: 0;
}
body .tt-section .toggle
{
	display:none;
}
body .tt-section .accordion-inner
{
	display:block !important; 
}
.story-grid-section .col
{
	padding-bottom:0;
}
.story-grid-section .col>.col-inner
{
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	height: 100%;
	
}
.story-grid-section .col:nth-child(2)>.col-inner
{
	gap:30px;
}
.story-grid-section .col>.col-inner>.row
{
	flex-grow:1;
}

.sticky-btns
{
	z-index: 999999;
	position: fixed;
	bottom:5rem;
	right: 1rem;
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
.sticky-btn
{
	width: 2.75rem;
	height: 2.75rem;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
	position: relative;
	display: block;
	display:flex;
	align-items:center;
	justify-content:center;
	
}
.sticky-btn:after
{
	content: "";
    width: 3.5rem;
    height: 3.5rem;
    position: absolute;
    -webkit-box-shadow: 0 0 0 0 rgba(17, 130, 252, 0.45);
    box-shadow: 0 0 0 0 rgba(17, 130, 252, 0.45);
    background-color: rgba(17, 130, 252, 0.45);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    -webkit-animation: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
    z-index: -1;
}
.sticky-btn.phone:after
{
	-webkit-box-shadow: 0 0 0 0 #dd3333;
    box-shadow: 0 0 0 0 #dd3333;
    background-color: #dd3333;
}
.sticky-btn.zalo:after
{
	    -webkit-box-shadow: 0 0 0 0 #035ce2;
    box-shadow: 0 0 0 0 #035ce2;
    background-color: #035ce2;
}
.sticky-btn img
{
	width: 2.5rem;
   width: 2.5rem;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-animation: phone-vr-circle-fill 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}
.sticky-phones
{
	position: absolute;
	right: 110%;
	bottom: calc(2.75rem/2);
	transform: translateY(50%);
	width: auto;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.1s;
	transition: 0.1s;
	height: auto;
	display: flex;
	flex-direction: column;
	gap:.25rem;
	top: unset;
}
.sticky-phone-trigger:hover .sticky-phones
{
	opacity: 1;
    visibility: visible;
    right: 120%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.sticky-phones .sticky-phone
{
	
}
.sticky-phone .img-wrap
{
	display:none;
}
.sticky-phone span
{
	    
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    z-index: -1;
	    left: 2px;
    right: 2px;
    top: 2px;
    bottom: -2px;
    background: #ED1C24;
    border-radius: 1.5rem;
	white-space:nowrap;
	padding:.5rem 1rem;
	display:block;
    color: #fff;
    font-weight: bold;
    font-size: 1rem;
    letter-spacing: 1px;
}
@-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);}
}
@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
@media screen and (min-width: 1920px) {
    /* html {
      font-size: 16px;
    } */
}
/* @media (min-width:1024px) and (max-width: 1366px) 
{
	body .container-width, body .full-width .ubermenu-nav, body .container, body .row
	{
		max-width:1180px;
	}
} */
.error-404 .page-title
{
	text-align:left;
}
@media (max-width: 1023px) 
{
	body .header-main li.html.custom
	{
		display: block;
	}
	od
	{
		display:none;
	}
	#logo img,
    body .stuck #logo img
    {
        width: 6rem !important;
        height: 2.875rem;
    }
    body .stuck .header-main
    {
        height: auto !important;
    }
    body .header-main
    {
        height: auto;
        padding: .5rem 0;
    }
	body #logo
	{
		margin-right:0;
		transform: none;
		width: 4.25rem !important;
		transform: translate(0rem, .5rem);
	}
	.header-main #logo img
	{
		width: 4.25rem !important;
		height: auto;
	}
	#header .header-top
	{
		display:none;
	}
	#header .header-wrapper::before
	{
		height: 5.5rem;
		background-size: auto 100%;
		background-position: -9.5rem;
	}
    html 
      {
        font-size: 3.7325vw;
      }
      *:not(.footer-wrapper)>.section:not(.banner-section)
      {
          padding-top:1.875rem !important;
          padding-bottom:1.875rem !important;
      }
	#main .cer-section
	{
		padding-top:3rem !important;
	}
      header .nav.mobile-nav > li > a
      {
          padding-left:0;
          color: #17433b;
      }

	header .nav.mobile-nav > li.nav-icon > a,
		header .nav.mobile-nav > li.cart-item > a
		{
			padding-right:0;	
			color:#fff;
		}
      header .nav.mobile-nav > li.html > a
      {
          color:#fff;
          padding:.5rem 1rem;
          border-radius:1rem;
          font-size: .75rem;
          white-space: nowrap;
      }
    .header-main .nav>li>a>i
    {
        margin-left:0;
    }
     .off-canvas-left .mfp-content
    {
      background: #fff;
      background-size: cover;
      background-repeat:repeat;
	 background: #52B0F7;
	background: linear-gradient(90deg, rgba(82, 176, 247, 1) 0%, rgba(71, 155, 242, 1) 66%, rgba(60, 134, 234, 1) 100%);
	 
    }

    body .mfp-wrap .searchform .button.icon
    {
      right:0;
    }
    body .mfp-wrap .form-flat input.search-field
    {
      color: #321616 !important;
      border-radius: 0;
      background-color: rgb(255 255 255 / 3%);
      border: thin solid #ddd;
    }
    .off-canvas .nav-vertical>li>a
    {
      color: #fff;
      font-size:.9375rem;
      font-weight:600;
    }
	.off-canvas .searchform
	{
		border-radius:.5rem;
		overflow:hidden;
	}
	.off-canvas .nav-vertical .toggle i:before
	{
		color:#fff;
		
	}
    body .nav-sidebar.nav-vertical>li+li
    {
      border:none;
    }
    .off-canvas .nav-vertical li li>a
    {
        font-size:.875rem;
    }
    body .nav-sidebar.nav-vertical>li.menu-item.active,body .nav-sidebar.nav-vertical>li.menu-item:hover
    {
        /* background:#fff; */
    }
    body .nav-sidebar.nav-vertical>li li a
    {
        padding-right:1rem;
        color: #fff;
    }
    header .nav > li:hover > a:before,
     header .nav > li:hover > a:after
    {
        content:none;
    }
	body .container, body .row>.col
	{
		padding-left:1rem;
		padding-right:1rem;
	}
	.header-cart-link .cart-img-icon
	{
		width: 1.75rem;
	}
	.header-main .flex-right::before
	{
		content:none;
	}
	.banner-section
	{
		margin-top: 0;
	}
	.searchform-wrapper:not(.form-flat) .submit-button
	{
		background: #fff;
	    color: var(--color--primary);
	    border-color: transparent;
	    background: #00aeef;
	    background: linear-gradient(90deg, rgba(80, 172, 235, 1) 0%, rgba(44, 94, 247, 1) 100%);
	    color: #fff;
		background:#008bbf !important;
	}
	.drops-title .section-title-main
	{
		font-size:1.5rem;
	}
	.nnl-section .section-title-main
	{
		flex-direction: column;
	}
	.sp-section .section-title, .tt-section .section-title
	{
		font-size: 2rem;
	}
	.sp-section .section-title
	{
		font-size:1.75rem;
		white-space:nowrap;
	}
	.news-section .news-list
	{
		flex-wrap:wrap;
	}
	.news-main
	{
		width:100%;
	}
	.news-normal .post-item .box-image
	{
		width:40%;
	}
	#main .sp-section
	{
		margin-top:0;
	}
	.cate-filter .archive-nav__list a, .product-home-section .tab a
	{
		font-size:.75rem;
	}
	.cate-filter .archive-nav__list, .product-home-section .nav
	{
		white-space:nowrap;
		flex-wrap:nowrap;
		overflow-x:auto;
	}
	.product-home-section .tab-panels
	{
		margin-top:0;
	}
	.product-small .add-to-cart-button a
	{
		font-size:.75rem;
		white-space: nowrap;
	}
	.story-section .section-title-main
	{
		font-size:3rem;
	}
	.story-section .section-title-container ~ h3
	{
		font-size:2rem;
		padding: 0;
		margin-bottom: 2rem;
		margin-top: 2rem;
	}
	.story-section .section-title-container ~ p
	{
		font-size: .9125rem;
	}
	.story-section .section-title-main .sub-title
	{
		font-size:1.5rem;
	}
	.story-section .col,
	.story-section .section-content
	{
		padding-bottom:0;
	}
	.home #main .cer-section
	{
		padding-top:4rem !important;
	}
	.cer-section .section-title-container ~ p
	{
		padding:0;
	}
	.footer-section .stack
	{
		flex-wrap:wrap;
	}
	.footer-section .dt-wrap:first-child
	{
		width:100%;
	}
	.footer-section .dt-wrap
	{
		width:auto;
	}
	.footer-section
	{
		padding-bottom:6rem !important;
	}
	.absolute-footer
	{
		bottom:0;
	}
	.absolute-footer .footer-primary
	{
		flex-direction:column-reverse;
		gap:.75rem;
	}
	.footer-section .dt-wrap .stack
	{
		/* margin:1rem 0 0; */
	}
	#post-list .post
	{
		width:100%;
		margin-bottom: 1rem;
	}
	.tt-section .accordion
	{
		padding:0;
	}
	.tt-section
	{
		height:auto;
	}
	.tt-section .col-inner
	{
		padding-left:20%;
	}
	.tt-section .bg:before
	{
		content:'';
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background:#0000008a;
	}
	.blog-single .entry-content
	{
		padding:1.5rem;
	}
	.blog-single .entry-content p
	{
		font-weight:500 !important;
	}
	#main
	{
		padding-top:3rem;
		margin-top:-.3125rem;
	}
	.related-post .related-post-slider .post-item, .news-section .news-slider .post-item
	{
		width: calc((100% - 0 * 1rem) / 1) !important;
	}
	.related-row
	{
		padding:0 15px;
	}
	.entry-header-text.text-center
	{
		padding:0 0 1rem;
	}
	.archive #main .sp-section
	{
		margin-top:-3.5rem;
	}
	.archive #main .sp-section h1
	{
		font-size:1.875rem;
		white-space:nowrap;
	}
	.products-list-fitler-wrap .shop-container
	{
		align-items:center;
	}
	.woocommerce-ordering .orderby
	{
		font-size:.8rem;
	}
	.woocommerce-ordering:before
	{
		font-size:0;
	}
	#main .about-title-section
	{
		margin-top:-3.5rem;
		padding: 5rem 0 !important;
	}
	.history-section .col-inner>.stack
	{
		flex-wrap:wrap;
	}
	.history-section .col-inner>.stack>.dt-wrap
	{
		width:100%;
		padding: 0 5rem;
	}
	.vision-section .stack
	{
		flex-wrap:wrap;
	}
	.vision-section .dt-wrap
	{
		flex-basis: auto;
	}
	.about-title-section .section-title-main,
	.history-section .section-title-main,
	.vision-section .section-title-main
	{
		font-size:2rem;
	}
	.vision-section .section-title-main
	{
		font-size:1.75rem;
		
	}
	.nm-video-section .video, .history-section .video
	{
		min-height:unset;
	}
	.about-section .stack,
	.counter-section .dt-wrap
	{
		flex-wrap:wrap;
		gap: 1rem;
		align-items: flex-start;
	}
	.about-section .section-image-container, .about-section .video
	{
		width:100%;
		padding: 0 !important;
	}
	.about-section .dt-wrap
	{
		max-width:100%;
	}
	.about-section .section-title-container .section-title-main
	{
		white-space:normal;
		word-break: normal;
		font-size: 1.75rem;
		overflow-wrap: normal;
		max-width: 100%;
	}
	.counter-section .counter-value
	{
		font-size:3rem;
		text-align: center;
	}
	.counter-section .dt-wrap .section-counter-container
	{
		width:calc((100% - 1rem)/2);
		flex: none;
	}
	.counter-section .dt-wrap .section-counter-container
	{
		font-size:1.25rem;
		text-align: center;
	}
	.dc-section .section-title-main, .iso-section .section-title-main,
	.title-section .section-title
	{
		font-size:2rem;
	}
	.about-section ul li
	{
		width:100%;
		margin-bottom: .75rem;
	}
	.about-section .section-title-main .sub-title
	{
		white-space:normal;
		line-height:1.4;
		font-size: 1.35rem;
	}
	.page-id-38 main .section-title-container + p
	{
		padding:0;
	}
	.recruit-section table td a
	{
		font-size:.75rem;
	}
	.recruit-section table td,
	.recruit-section table th
	{
		padding:.5rem;
	}
	.ds_tuyendung
	{
		overflow-x: auto;
	  scroll-behavior: smooth;
	  -webkit-overflow-scrolling: touch;
	}
	.ds_tuyendung table {
	  min-width: 600px; 
	  border-collapse: collapse;
	}
	.csns-section .dt-wrap>*
	{
		width:100%;
	}
	.csns-section .section-image-container
	{
		order:1;
		justify-content:center;
		align-items:center;
		display: flex;
	}
	.csns-section .section-image-container .dt_image-img
	{
		width:50%;
	}
	.csns-section .text
	{
		order:2;
	}
	.csns-section .dt-wrap
	{
		gap: 1rem;
		flex-direction: column !important;
	}
	.csns-section .text>*:first-child
	{
		font-size:1.25rem;
		text-align:left;
	}
	.contact-section .dt-wrap
	{
		width:100%;
		padding: 0;
	}
	.contact-section .drops-title .section-title-main .split-line:nth-child(1)
	{
		order:2;
	}
	.contact-section .drops-title .section-title-main .split-line:nth-child(2)
	{
		order:1;
	}
	.contact-section .drops-title .section-title-main .split-line:nth-child(3)
	{
		order:3;
	}
	#main .title-section
	{
		padding:3rem 0 !important;
		margin-top:-3.5rem;
	}
	.commit-section .dt-wrap .dt_image-content>*:first-child
	{
		padding: 0 5%;
		font-size: .875rem;
	}
	.commit-section .section-title-container + p, .commit-section .dt-wrap + p
	{
		padding:0;
	}
	#main .commit-section
	{
		padding-bottom:25rem !important;
	}
	.tes-section .dt-wrap .testimonial-box
	{
		width: calc(100%/1.25) !important;
	}
	.tes-section .dt-wrap .testimonial-image
	{
		/* width: 7rem !important;
		height: 7rem !important; */
	}
	.page-id-46 h3
	{
		font-size: initial;
	}
	.story-grid-section .col + .col
	{
		margin-top:0;
	}
	.story-grid-section .col:nth-child(2)>.col-inner
	{
		gap:0;
	}
	.pt-section .dt-wrap,
	.map-section .col-inner
	{
		flex-wrap:wrap;
	}
	.map-section .section-image-container,
	.pt-section .dt-wrap .section-image-container
	{
		flex:none;
		width:100%;
	}
	.contact-section .text>*:first-child, .lightbox-content .section-title-main
	{
		font-size: 1.375rem;
		white-space: nowrap;
	}
	.lightbox-content .section-title-main
	{
		white-space:normal;
	}
	.contact-section div.wpforms-container-full .wpforms-form .wpforms-submit-container, .lightbox-content div.wpforms-container-full .wpforms-form .wpforms-submit-container
	{
		position:static;
	}
	.contact-section div.wpforms-container-full .wpforms-field-html, .lightbox-content div.wpforms-container-full .wpforms-field-html
	{
		padding: 0 !important;
	}
	.map-section .col
	{
		padding-bottom:0;
	}
	#main .dsdl-section
	{
		padding-top:0 !important;
	}
	#main .map-section
	{
		padding-bottom:0 !important;
	}
	.page-id-40 .contact-dl-section .stack .text
	{
		width:100%;
		max-width:100%;
	}
	.search-results-list .products .product
	{
		width:100%;
	}
	#main .nm-video-section
	{
		margin-top:-3.5rem;
		padding-top:4rem !important;
		padding-bottom: 0 !important;
	}
	#main .nm-video-section .col
	{
		padding-bottom:0;
	}
	.nm-video-section .section-title-main
	{
		font-size: 1.6rem;
		text-align: center;
	}
	.nm-video-section .section-title-main .sub-title
	{
		font-size:1.35rem;
		font-size: 1.25rem;
		font-weight: 800;
	}
	.product-small .title-wrapper a
	{
		-webkit-line-clamp: 3;
		height: 4.4rem;
	}
	.product-main>.row{
		flex-wrap:wrap;
	}
	.product-main .product-gallery,
	.product-main .product-info
	{
		width:100%;
		max-width: 100%;
	}
	.product-main .product-info
	{
		padding-top:1rem;
	}
	.product-main .next-prev-thumbs
	{
		display:none;
	}
	.product_meta + .dt-wrap
	{
		gap:1rem;
	}
	.related-products-wrapper .flickity-viewport>.flickity-slider>.col
	{
		width:calc((100%/2));
	}
	.csns-section .dt-wrap:before
	{
		content:none;
	}
	.csns-section .dt-wrap + .dt-wrap
	{
		padding-top:2rem;
	}
	.map-section .section-title-main
	{
		font-size:1.35rem;
		white-space:nowrap;
	}
	.archive-page-header .archive-nav__list a, .news-section .cat-nav__list a
	{
		font-size:.75rem;
	}
	om,.om
	{
		display: block;
	}
	od,.od
	{
		display: none;
	}
	.cart-title
	{
		font-size:1.5rem;
	}
	.cart-body
	{
		flex-wrap:wrap;
	}
	.checkout-main
	{
		width:100%;
	}
	.cart-box .cart-item,
	.product-price-wrap
	{
		gap:1rem;
	}
	.product-thumbnail
	{
		width: 4rem;
	}
	.product-price-total .amount
	{
		font-size:.9125rem;
	}
	.product-price-wrap,.product-content
	{
		justify-content:space-between;
		width: 100%;
	}
	.cart-item .quantity input[type=number]
	{
		font-size:.9125rem;
		width: 2.875rem;
		min-width: unset;
	}
	body .qty-wrap .button
	{
		width:2rem;
	}
	.checkout-sidebar
	{
		width:100%;
	}
	.commit-section .dt-wrap + p
	{
		font-size:.9125rem;
	}
	.cer-section .dt-wrap
	{
		margin-bottom:0;
	}
	.csns-section .stack:before
	{
		content:none;
	}
	/* .header-main .nav>li>a>i
	{
		font-size:2.25rem !important;
	}
	.header-block-block-1 .dt_image-content
	{
		font-size:1.125rem;
	} */
	 /* .header-main .header-block .section-image-container img
	{
		width:1.25rem;
	} */
	.header-main .header-block .section-image-container
	{
		padding:.35rem .5rem;
	}
	.sticky-btns
	{
		top:unset;
	}
}