/*
Theme Name: Thien Phu
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(./assets/google-font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");
	unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(./assets/google-font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");
	unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(./assets/google-font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");
	unicode-range: U+1F00-1FFF
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(./assets/google-font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");
	unicode-range: U+0370-03FF
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(./assets/google-font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");
	unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(./assets/google-font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");
	unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(./assets/google-font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(./assets/google-font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");
	unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(./assets/google-font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");
	unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(./assets/google-font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");
	unicode-range: U+1F00-1FFF
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(./assets/google-font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");
	unicode-range: U+0370-03FF
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(./assets/google-font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");
	unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(./assets/google-font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");
	unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(./assets/google-font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(./assets/google-font/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZJhiI2B.woff2) format("woff2");
	unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(./assets/google-font/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZthiI2B.woff2) format("woff2");
	unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(./assets/google-font/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZNhiI2B.woff2) format("woff2");
	unicode-range: U+1F00-1FFF
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(./assets/google-font/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZxhiI2B.woff2) format("woff2");
	unicode-range: U+0370-03FF
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(./assets/google-font/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZBhiI2B.woff2) format("woff2");
	unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(./assets/google-font/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZFhiI2B.woff2) format("woff2");
	unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(./assets/google-font/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZ9hiA.woff2) format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(./assets/google-font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");
	unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(./assets/google-font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");
	unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(./assets/google-font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");
	unicode-range: U+1F00-1FFF
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(./assets/google-font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");
	unicode-range: U+0370-03FF
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(./assets/google-font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");
	unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(./assets/google-font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");
	unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(./assets/google-font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
h1 {
    font-size: 1.4em;
    line-height: 1.3
}
h2 {
    font-size: 1.3em;
    line-height: 1.3
}
h3 {
    font-size: 1.2em
}
h4 {
    font-size: 1.1em
}
h5 {
    font-size: 1em
}
h6 {
    font-size: .9em
}
a {
    text-decoration: none
}
p {
    padding: 0 0 10px
}
img {
    border: 0;
    border-spacing: 0;
    max-width: 100%
}
img,embed {
    vertical-align: middle
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,img,embed {
    margin: 0;
    padding: 0;
    outline: 0
}
:focus {
    outline: 0
}
ol,ul {
    list-style: none
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #eee
}
table td,table th {
    border: 1px solid #eee;
    padding: 1rem !important;
}
caption,th,td {
    font-weight: 400
}
blockquote:before,blockquote:after,q:before,q:after {
    content: ""
}
blockquote,q {
    quotes: "" ""
}
strong,b,h1,h2,h3,h4,h5,h6 {
    font-weight: 600
}
em {
    font-style: italic
}
sup {
    vertical-align: super
}
input[type=text],input[type=password],input[type=file],input[type=submit],input[type=reset],input[type=search],textarea,button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}
main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}
.center {
    text-align: center
}
.sticky {
    position: sticky;
    top: var(--height-hea)
}
.user_select {
    user-select: none
}
.mw_960 {
    max-width: 104rem;
    margin-right: auto;
    margin-left: auto
}
.r_p3 {
    padding-top: 3rem;
    padding-bottom: 3rem
}
.r_p36 {
    padding-top: 3rem;
    padding-bottom: 6rem
}
.r_p6 {
    padding-top: 4rem;
    padding-bottom: 4rem
}
.r_p69 {
    padding-top: 6rem;
    padding-bottom: 9rem
}
.r_p9 {
    padding-top: 9rem;
    padding-bottom: 9rem
}
.r_p96 {
    padding-top: 9rem;
    padding-bottom: 6rem
}
.r_m3 {
    margin-top: 3rem;
    margin-bottom: 3rem
}
.r_m3 {
    margin-top: 6rem;
    margin-bottom: 6rem
}
.p_48 {
    padding: 4.8rem
}
.p_t48 {
    padding-top: 4.8rem
}
.m_t32 {
    margin-top: 3.2rem
}
.m_t48 {
    margin-top: 4.8rem
}
.m_b2 {
    margin-bottom: 2rem
}
.m_b3 {
    margin-bottom: 3rem
}
.m_b32 {
    margin-bottom: 3.2rem
}
.m_b64 {
    margin-bottom: 6.4rem
}
.p_rl {
    padding-right: 15%;
    padding-left: 15%
}
.list3_gap16 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.8rem
}
.list3_gap16 > li {
    flex-basis: 33.333333%;
    padding: .8rem
}
.list3_gap48 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.4rem
}
.list3_gap48 > li {
    flex-basis: 33.333333%;
    padding: 2.4rem
}
.list4_gap16 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.8rem
}
.list4_gap16 > li {
    flex-basis: 25%;
    padding: .8rem
}
.list4_gap24 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.2rem
}
.list4_gap24 > li {
    flex-basis: 25%;
    padding: 1.2rem
}
.list4_gap48 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.4rem
}
.list4_gap48 > li {
    flex-basis: 25%;
    padding: 2.4rem
}
:root {
    font-size: 10px;
    --font-family: Inter,Arial,Helvetica,sans-serif;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-22: 22px;
    --font-size-24: 24px;
    --font-size-30: 30px;
    --font-size-38: 38px;
    --font-size-40: 40px;
    --font-size-48: 48px;
    --color-1: #212121;
    --color-2: #414141;
    --color-3: #009051;
    --color-4: rgba(65,65,65,.7);
	--color-5: #126fbc;
	--color-6: #ee5a5a;
    --tailwind-50: #f1f8fe;
    --tailwind-100: #e2effc;
    --tailwind-200: #bfdef8;
    --tailwind-300: #87c3f2;
    --tailwind-400: #47a5e9;
    --tailwind-500: #1f89d8;
    --tailwind-600: #126fbc;
    --tailwind-700: #0f5695;
    --tailwind-800: #114a7b;
    --tailwind-900: #0d2844;
    --bg-1: #de3e24;
    --height-hea: 90px;
    --gap10: 1rem;
    --gap15: 1.5rem;
    --gap16: 1.6rem;
    --gap20: 2rem;
    --gap24: 2.4rem;
    --gap30: 3rem;
    --gap32: 3.2rem;
    --gap40: 4rem;
    --gap48: 4.8rem
}
body {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: var(--font-size-16);
    color: var(--color-1);
    line-height: 1.5
}
.color-5 {
	color: var(--color-5);
}
.color-6 {
	color: var(--color-6);
}
.mn_list_f_dv > li {
    position: relative;
    padding-bottom: 1rem;
}
/* .mn_list_f_dv > li::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    content: "\f772";
    position: absolute;
    top: .5rem;
    left: 3rem;
    color: var(--color-3);
} */
.single-product_button {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
/* 	gap: var(--gap10); */
}
.single-product_button a.button {
	font-size: 16px;
	font-weight: 400;
	width: 100%;
	margin-right: 0;
/* 	padding: 0.3em; */
	border-width: 1px;
	border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
/* ----------------------------------------- START HEADER -------------------------------------------------------- */
.header-main .nav > li > a {
	font-weight: 500;
	letter-spacing: 0;
}
.header-main .nav > li > a i {
	font-size: 1em;
}
.header-main .nav > li.active > a > i:not(.icon-angle-down) {
	color: var(--color-5) !important;
}
.ul_mn > li:hover .mn_child_04 {
	display: flex
}
/* .header-nav-main li.menu-item > ul.sub-menu {
	flex-wrap: wrap;
	background-color: rgba(245,245,245,.98);
	backdrop-filter: background(5px);
	-webkit-backdrop-filter: blur(5px);
	position: absolute;
	top: 3.6rem;
	left: 0;
	right: 0;
	z-index: 11;
	padding: 1rem;
	overflow: hidden;
	border-radius: 1rem;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	-ms-border-radius: 1rem;
	-o-border-radius: 1rem
} */
/* .header-nav-main li.menu-item > ul.sub-menu > li {
	flex-basis: 25%;
	position: relative
} */
/* .header-nav-main li.menu-item > ul.sub-menu > li.menu-item > a {
	color: var(--color-2);
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: var(--font-size-14)
} */
/* .header-nav-main li.menu-item > ul.sub-menu > li.menu-item:hover > a {
	background-color: var(--color-5);
	color: #fff;
} */
/* .header-nav-main li.menu-item > ul.sub-menu > li.menu-item > a::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 300;
	content: "\f105";
	position: absolute;
	top: .7rem;
	left: 1rem;
	font-size: var(--font-size-12)
} */
@media (min-width: 850px){
	header#header .nav-dropdown {
		display: block;
	}
	header#header .header-nav-main li.menu-item > ul.nav-dropdown{
		padding: 0;
	}
	header#header .nav-dropdown ul.sub-menu {
		position: absolute;
		left: 100%;
		top: 0;
		background: rgba(245,245,245,.98);
		width: 250px;
		padding: 0;
		display: none !important;
		border-radius: 10px;
		-webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
		box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
	}
	header#header .nav-dropdown ul.sub-menu a {
		white-space: normal;
		margin: 0;
/* 		padding: 10px 15px; */
		border: 0;
		font-size: var(--font-size-14);
		font-weight: 400;
		text-transform: none;
	}
	header#header li.menu-item > ul.sub-menu > li.menu-item a {
		font-size: var(--font-size-14);
		font-weight: 400;
		text-transform: none;
		color: var(--color-1); 
	}
	header#header li.menu-item > ul.sub-menu > li.menu-item:first-child > a {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	header#header li.menu-item > ul.sub-menu > li.menu-item:last-child > a {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	header#header .nav-dropdown li:hover > ul.sub-menu{
		display: block !important;
	}
	header#header .nav-dropdown li {
		border-right: 0;
		white-space: normal;
		width: 100%;
		display: block;
		position: relative;
	}
	header#header .nav-dropdown li.menu-item-has-children > a {
		color: var(--color-1);
		display: -webkit-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		font-size: var(--font-size-14);
		font-weight: 400;
		text-transform: none;
	}
/* 	header#header .nav-dropdown li.active>a {
		color: #e82c2a;
	} */
	header#header li.menu-item > ul.sub-menu > li.menu-item:hover > a {
		background-color: var(--color-5);
		color: #fff;
	}
	header#header li.menu-item > ul.sub-menu > li.menu-item > a::before {
		font-family: "Font Awesome 6 Pro";
		content: "\f105";
		position: absolute;
		top: 1rem;
		left: 1rem;
		font-size: var(--font-size-12)
	}
}
/* ----------------------------------------- END HEADER -------------------------------------------------------- */

/* ----------------------------------------- START FOOTER -------------------------------------------------------- */
#footer {
    background-color: #dedede;
}
.foot_1 {
    border-bottom: 1px solid #cdcdce;
}
.foot_1 .min_wrap {
    text-align: center;
}
.foot_1 strong {
    display: block;
    text-transform: uppercase;
    color: var(--color-5);
    font-size: var(--font-size-24);
}
.foot_1 span {
    display: block;
    color: #393a3f;
}
.foot_2 {
    border-top: 1px solid #efefef;
    font-size: var(--font-size-14);
}
/* .list_foot_2 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap40);
    padding: 1rem 0;
} */
.t_foot_2 {
    color: var(--tailwind-600);
    font-size: var(--font-size-18);
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid #333;
    padding-bottom: .8rem;
    margin-bottom: 2.4rem;
    position: relative;
}
.t_foot_2::before {
    content: "";
    width: 5rem;
    height: .3rem;
    background-color: var(--tailwind-600);
    position: absolute;
    bottom: -.2rem;
    left: 0;
}
.ol1_foot_2 > li {
    display: flex;
    gap: var(--gap10);
    padding: .2rem 0;
}
.ol1_foot_2 > li i {
    flex-basis: 1.6rem;
    text-align: center;
    margin-top: .4rem;
    color: #ca0411;
}
.ol1_foot_2 > li p {
    flex: 1;
    padding: 0;
	margin: 0;
}
#footer a {
    color: var(--color-2);
}
#footer a:hover {
    color: var(--color-5);
}
.fcb_map_foot_2:hover {
    text-decoration: underline;
}
.fcb_map_foot_2 {
    cursor: pointer;
    display: inline-flex;
    color: var(--color-5) !important;
    margin-top: 1rem;
}
.map_foot_2 {
    display: none;
    width: 80rem;
    aspect-ratio: 16 / 9;
    max-width: 100%;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
.map_foot_2 iframe {
    width: 100% !important;
    height: 100% !important;
}
/* ----------------------------------------- END FOOTER -------------------------------------------------------- */

/* ----------------------------------------- START MAIN -------------------------------------------------------- */
.home-banner_desktop.banner {
	padding-top: 500px !important;
}
.home-banner_desktop.banner .banner-bg img {
	object-position: 50% 50%;
}
.home-banner_mobile {
	width: 100%;
}
.na_l_rh_1 {
    font-size: var(--font-size-16);
}
.list_l_rh_1 {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--gap40);
}
.list_l_rh_1 > li {
    flex: 1 1 15rem;
}
.list_l_rh_1 > li figure {
    user-select: none;
    display: flex;
    align-items: center;
    gap: var(--gap16);
    padding: 4rem 0;
	margin-bottom: 0;
}
.list_l_rh_1 > li img {
    width: 6rem;
    height: 6rem;
}
.list_l_rh_1 > li figcaption {
    color: var(--color-5);
    font-size: var(--font-size-38);
    font-weight: 700;
}
.list_l_rh_1 > li p {
    padding: 0;
    text-transform: uppercase;
    font-size: var(--font-size-14);
    font-weight: 600;
    color: var(--color-2);
	margin-bottom: 0;
}
.vd_rh_1 {
    user-select: none;
    position: relative;
    aspect-ratio: 16 / 9;
    background-color: var(--tailwind-50);
	margin-bottom: 0;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
.vd_rh_1::before {
    content: "";
    position: absolute;
    top: 1rem;
    left: 1rem;
    bottom: -1rem;
    right: -1rem;
    background-color: #f3f3f3;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
.video_play {
    display: block;
    cursor: pointer;
}
.video_play::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: 3;
    width: 7rem;
    height: 7rem;
    background: rgba(255, 255, 255, .5);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    animation-name: mymove1;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}
.video_play i {
    color: #ff2024;
    background-color: #fff;
    font-size: var(--font-size-30);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: 4;
    width: 6rem;
    height: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.vd_rh_1 img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
.video_play::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    width: 7rem;
    height: 7rem;
    background: rgba(255, 255, 255, .25);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    animation-name: mymove2;
    animation-duration: 1.1s;
    animation-timing-function: ease;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}
.rh_2_new {
    background: #fff url(./assets/images/bg_rh_2_new.webp) no-repeat center bottom;
    background-size: 100% auto;
}
/* .rh_2_new .min_wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--gap40);
    position: relative;
} */
.rh_2_new .slide {
    display: flex;
    align-items: center;
    gap: var(--gap40);
    position: relative;
}
.img_list_cttv {
    user-select: none;
    aspect-ratio: 3 / 2;
    background-color: #fff;
    flex: 1 1 30rem;
    max-width: 100%;
    margin-right: 2rem;
    position: relative;
    border-top-left-radius: 8rem;
    border-bottom-right-radius: 8rem;
}
.img_list_cttv::before {
    content: "";
    position: absolute;
    top: -.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: -.5rem;
    background-color: var(--tailwind-500);
    border-top-left-radius: 8.6rem;
    border-bottom-right-radius: 8.6rem;
}
.img_list_cttv a {
    display: block;
    height: 100%;
    overflow: hidden;
    border-top-left-radius: 8rem;
    border-bottom-right-radius: 8rem;
}
.img_list_cttv img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: .5rem;
    border-top-left-radius: 8rem;
    border-bottom-right-radius: 8rem;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
}
.img_list_cttv:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.nd_list_cttv {
    flex: 1 1 30rem;
    max-width: 100%;
    margin-left: 2rem;
}
.t_cont_new {
    margin-bottom: 2rem;
    border-left: .4rem solid var(--color-5);
    padding-left: 2rem;
}
.na_t_cont_new {
    text-transform: uppercase;
    font-weight: 500;
    color: var(--color-1);
    font-size: var(--font-size-24);
}
.na_t_cont_new span {
    display: block;
}
.na_t_cont_new strong {
    display: block;
    font-weight: 600;
    color: var(--color-5);
}
.link_cttv {
    user-select: none;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    color: var(--color-2);
    font-size: var(--font-size-12);
    background-color: transparent;
/*     text-transform: uppercase; */
    display: inline-flex;
    align-items: center;
    gap: .6rem;
}

.t3_h {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: var(--gap20);
    row-gap: var(--gap10);
    padding-bottom: 2.4rem
}
.t3_h .na_h {
    text-transform: capitalize;
    font-size: var(--font-size-24);
    line-height: 1.1;
    padding: 1.4rem 2rem;
    position: relative;
    min-width: 50%;
    max-width: 100%;
    background: linear-gradient(-90deg,rgba(255,255,255,1) 0%,rgba(241, 248, 254, 1) 100%)
}
.t3_h .na_h::before {
    content: "";
    width: .4rem;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: var(--tailwind-600);
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -ms-border-radius: .2rem;
    -o-border-radius: .2rem
}
.blog-archive .rtt_1 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.rtt_1 {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-bottom: 3rem;
    overflow: hidden;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem
}
.l_rtt_1 {
    flex: 1 1 300px;
    max-width: 100%;
    position: relative
}
.r_rtt_1 {
    flex: 1 1 300px;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    column-gap: .4rem;
    row-gap: .2rem
}
.r_rtt_1 > li {
    flex: 1 1 250px;
    max-width: 100%;
    position: relative
}
.img_rtt_1 {
    user-select: none;
    aspect-ratio: 3/2;
    overflow: hidden;
    position: relative;
    background-color: var(--tailwind-50);
	margin-bottom: 0;
}
.img_rtt_1::before {
    content: "";
    position: absolute;
    z-index: 2;
    right: 0;
    left: 0;
    bottom: 0;
    height: 50%;
    background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 25%,rgba(0,0,0,0.75) 50%,rgba(0,0,0,0.9) 100%);
    opacity: 1;
    transition: height .4s;
    -webkit-transition: height .4s;
    -moz-transition: height .4s;
    -ms-transition: height .4s;
    -o-transition: height .4s;
    backdrop-filter: background(5px);
    -webkit-backdrop-filter: blur(5px)
}
.l_rtt_1 .img_rtt_1::before {
    height: 33.333333%
}
.l_rtt_1:hover .img_rtt_1::before,.r_rtt_1 > li:hover .img_rtt_1::before {
    height: 100%;
    background: linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%)
}
.img_rtt_1 img {
    display: block;
    width: 100%;
    height: 100%;
    transition: transform .4s;
    -webkit-transition: transform .4s;
    -moz-transition: transform .4s;
    -ms-transition: transform .4s;
    -o-transition: transform .4s
}
.img_object_fit {
    object-fit: cover;
    -moz-object-fit: cover;
    -webkit-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
}
.l_rtt_1:hover .img_rtt_1 img,.r_rtt_1 > li:hover .img_rtt_1 img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2)
}
.nd_rtt_1 {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    padding: 2rem
}
.na_rtt_1 {
    color: #fff;
    font-family: var(--font_family2);
    font-size: var(--font-size-16);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.2;
    font-weight: 400
}
.l_rtt_1 .na_rtt_1 {
    font-size: var(--font-size-20);
    font-weight: 600
}
.bot_rtt_1 {
    user-select: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: .5rem 0 0;
    font-size: var(--font-size-12);
    color: var(--tailwind-200);
    column-gap: .8rem
}
.bot_rtt_1 i {
    color: var(--color-3);
    margin-right: .4rem
}
.bot_rtt_1 strong {
    text-transform: capitalize;
    font-weight: 400
}
.bot_rtt_1 strong::after {
    content: "";
    display: inline-block;
    width: .1rem;
    height: 1rem;
    background-color: var(--tailwind-100);
    margin-left: .8rem;
    position: relative;
    top: .1rem
}
.f_gp_D {
    position: relative
}
.f_gp_D::before {
    content: "";
    height: 20rem;
    position: absolute;
    top: .1rem;
    right: 0;
    left: 0;
    background: linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(235,254,243,1) 100%)
}
.f_gp_D .r2_f_gp {
    position: relative;
    z-index: 1
}
.r2_f_gp .min_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--gap40)
}
.r2_f_gp_D .min_wrap {
    align-items: stretch;
}
.til_D {
    position: relative;
    z-index: 1;
    padding-bottom: 2rem
}
.til_D .min_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--gap20)
}
.ct_cont_D_2 {
    flex: 3 1 20rem;
    min-width: .1rem;
    max-width: 100%;
}
.box-shadow {
	background-color: #fff;
    padding: 1.5rem;
    box-shadow: 0 0 2rem rgba(0, 122, 255, .1);
    overflow: hidden;
    height: 100%;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
.slide_gp_D {
    user-select: none;
    display: flex;
    gap: var(--gap10);
    background-color: #fff;
    padding: 1rem;
    box-shadow: 0 0 2rem rgba(0, 122, 255, .1);
    overflow: hidden;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
.product-info {
	background-color: #fff;
    padding: 1.5rem;
    box-shadow: 0 0 2rem rgba(0, 122, 255, .1);
    overflow: hidden;
	height: 100%;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
.gallery-top3 {
    flex: 1;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
.gallery-top3 .swiper-slide {
    aspect-ratio: 16 / 9;
    cursor: zoom-in;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gallery-top3 .swiper-slide img {
    max-height: 100%;
}
.gallery-thumbs3 {
    flex-basis: 16rem;
    height: 46.2rem;
    overflow: hidden;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.gallery-thumbs3 .swiper-slide {
    cursor: pointer;
    height: 10.8rem;
    position: relative;
}
.gallery-thumbs3 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
}
.swiper-button-prev-3-plus {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin-top: 0;
    height: 2.4rem;
    background-color: rgba(0,0,0,.7);
    color: #fff;
    backdrop-filter: background(5px);
    -webkit-backdrop-filter: blur(5px)
}
.swiper-button-prev-3-plus::after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    content: "\f077";
    font-size: var(--font-size-18)
}
.swiper-button-next-3-plus {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    left: 0;
    margin-top: 0;
    height: 2.4rem;
    background-color: rgba(0,0,0,.7);
    color: #fff;
    backdrop-filter: background(5px);
    -webkit-backdrop-filter: blur(5px)
}
.swiper-button-next-3-plus::after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    content: "\f078";
    font-size: var(--font-size-18)
}
.swiper-button-prev-3-plus:hover,.swiper-button-next-3-plus:hover {
    background-color: rgba(0,144,81,.9)
}
.swiper-button-prev-3-plus.swiper-button-disabled,.swiper-button-next-3-plus.swiper-button-disabled {
    display: none
}
.r_gp_D {
    margin-top: 4rem;
}
.t_ser {
  width:100%;
  position:relative;
  display:inline-block;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-bottom:30px;
}
.nav-tabs >li {
  margin:0 .1em;
  margin-bottom:-1px;
}
.t_ser >li>a {
  padding:10px 20px;
  font-size:14px;
  display:inline-block;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  color:#222;
}
.nav-tabs > li.active > a {
  border-top-color:var(--color-5);
  border-top-left-radius:20px;
  border-top-right-radius:20px;
}
.tabbed-content .nav-tabs>li {
  margin:0 .1em;
  margin-bottom:-1px;
}
.nav-tabs > li > a {
  border-top-color:#ddd;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
}
.nav-tabs > li>a {
  border-top:3px solid var(--tailwind-200);
  border-left:1px solid var(--tailwind-200);
  border-right:1px solid var(--tailwind-200);
  background:linear-gradient(-0deg,rgba(255,255,255,1) 0%,rgba(226,239,252,1) 100%);
  font-size:var(--font-size-18);
  line-height:2rem;
  padding:1.4rem 2rem;
}
.img_swiper3 img {
  border-bottom-right-radius:.8rem;
  border-bottom-left-radius:.8rem;
}
.bg_cont .min_wrap {
  height:40rem;
}
.l_bg_cont {
  background-color:rgba(0,144,81,.75);
  border-top-left-radius:4rem;
  border-bottom-right-radius:4rem;
  padding:2rem 3rem;
  color:#fff;
}
.r_bg_cont {
  background-color:rgba(0,144,81,.75);
  border-top-left-radius:2rem;
  border-bottom-right-radius:2rem;
  padding:.5rem 1rem;
  color:#fff;
}
.mn_bg_cont > li > a {
  color:#fff;
}
.bg_cont::before {
  background-color:rgba(1,45,29,0);
}
.swiper4 .swiper-slide:hover {
  background-color:#009051;
}
.r_p6_tcode {
  padding-bottom:6cqw;
}
.f-detail-sp table td, table th {
  border: 1px solid #eee;
  padding: 1rem !important;
}
.f-detail-sp ul li {
    padding: .5rem 0 .5rem 3.2rem;
    position: relative;
}
.f-detail-sp ul li::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f772";
    color: var(--color-3);
    font-size: var(--font-size-16);
    position: absolute;
    top: .5rem;
    left: 0;
}
.f-detail-sp-tskt p {
	margin-bottom: 0;
}
.share_D {
    user-select: none;
    display: flex;
    align-items: center;
    font-size: var(--font-size-14)
}
.list_share_D {
    display: flex;
    align-items: center
}
.list_share_D > li {
    margin-left: 8px
}
.list_share_D > li > a {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    color: var(--color-4);
    border: 1px solid #cfd6e4;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}
.list_share_D > li > a:hover {
    color: #fff;
    background-color: var(--tailwind-600);
    border-color: var(--tailwind-600)
}
.line_list_share_D {
    width: 1px;
    height: 26px;
    background-color: rgba(0,78,127,.05)
}
.tags_D {
    padding-top: 30px;
    font-size: var(--font-size-14);
    color: var(--text-color-1)
}
.tags_D strong {
    color: var(--color-1)
}
.tags_D a {
    display: inline;
    color: var(--color-2)
}
.tags_D a:hover {
    color: var(--tailwind-500)
}
.tags_D a::after {
    content: ','
}
.tags_D a:last-child::after {
    display: none
}
.other_gp_D {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    column-gap: var(--gap24);
    row-gap: var(--gap40)
}
.img_other_gp_D {
    user-select: none;
    aspect-ratio: 3/2;
    border: 2px solid var(--tailwind-600);
    overflow: hidden;
    background-color: var(--tailwind-600);
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
	margin-bottom: 0;
}
.img_other_gp_D img {
    display: block;
    width: 100%;
    height: 100%
}
.na_other_gp_D {
    font-size: var(--font-size-16);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-top: 1.6rem
}
.na_other_gp_D a {
    color: var(--color-1)
}
.na_other_gp_D a:hover {
    color: var(--color-3)
}
.des_other_gp_D {
    padding: .5rem 0 0;
    color: var(--color-2);
    font-size: var(--font-size-14);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}
.sb_cont_D, .sb_cont_D_2 {
    position: sticky;
    top: calc(var(--height-hea) + 2rem);
    flex: 1 1 4rem;
}
.sb_gp_D {
    position: static;
}
.r_sb_D {
    margin-bottom: 2rem
}
.r_sb_D:last-child {
    margin-bottom: 0
}
.img_cata_gp figure {
    user-select: none;
    overflow: hidden;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem
}
.img_cata_gp figure img {
    display: block;
    width: 100%;
    height: auto
}
.dc_sb_D {
    top: calc(var(--height-hea) + 2rem);
    background-color: var(--tailwind-100);
    padding: 2rem;
    font-size: var(--font-size-14);
    color: var(--color-2);
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem
}
.list_dc_sb_D > li {
    margin-bottom: 2rem
}
.list_dc_sb_D > li:last-child {
    margin-bottom: 0
}
.t_dc_sb_D {
    text-transform: capitalize;
    color: var(--color-1);
    font-weight: 700;
	margin-bottom: 0;
}
.m_dc_sb_D a {
    color: var(--color-2)
}
.m_dc_sb_D a:hover {
    text-decoration: underline;
    color: var(--color-3)
}
.rh_6 .rh_6_main {
    display: flex;
    gap: var(--gap40);
    flex-wrap: wrap;
}
.tt_h {
    flex: 2 1 12rem;
    max-width: 100%;
}
.bc_h {
    flex: 1 1 4rem;
}
.t1_h {
    display: flex;
    align-items: center;
    gap: var(--gap20);
    padding-bottom: 2rem;
}
.na_h {
    text-transform: uppercase;
    color: var(--color-5);
    font-size: var(--font-size-20);
    font-weight: 700;
}
.tt_h_nb {
    display: flex;
    flex-wrap: wrap;
    background-color: var(--tailwind-600);
    overflow: hidden;
    color: #fff;
    font-size: var(--font-size-14);
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
.l_tt_h_nb {
    user-select: none;
    flex: 1 1 30rem;
    max-width: 100%;
    aspect-ratio: 3 / 2;
	margin-bottom: 0;
}
.l_tt_h_nb img {
    display: block;
    width: 100%;
    height: 100%;
}
.r_tt_h_nb {
    flex: 1 1 30rem;
    max-width: 100%;
    padding: 3rem;
}
.na_na_tt_h_nb {
    font-size: var(--font-size-18);
    line-height: 1.3;
    color: var(--tailwind-200);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.na_na_tt_h_nb a {
    display: block;
    color: var(--tailwind-200);
}
.tt_list_tt_h {
    padding: .5rem 0 0 .1rem;
    display: flex;
    flex-wrap: nowrap;
    gap: var(--gap10);
    font-size: var(--font-size-12);
    color: var(--color-4);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.r_tt_h_nb .tt_list_tt_h {
    color: #fff;
}
.tt_list_tt_h span i {
    position: relative;
    top: -.1rem;
}
.tt_list_tt_h span::before {
    content: "|";
    font-size: 10px;
    margin-right: .6rem;
}
.des_tt_h_nb {
    padding: .5rem 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bot_da_h_nb {
    text-align: right;
    padding-top: 3rem;
}
.link_01 {
    user-select: none;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: var(--font-size-14);
    font-weight: 500;
    line-height: 2rem;
    background-color: #fff;
    color: var(--color-3);
    padding: 1rem 2rem;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.link_01:hover {
    background-color: var(--tailwind-200);
}
.list_tt_h > li {
/*     flex: 1 1 30rem; */
    max-width: 100%;
    display: flex;
    align-items: flex-start;
    gap: var(--gap16);
	margin-bottom: 10px;
}
.img_list_tt_h {
    user-select: none;
    flex-basis: 12rem;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    background-color: var(--tailwind-50);
	margin-bottom: 0;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
.img_list_tt_h img {
    display: block;
    width: 100%;
    height: 100%;
}
.m_list_tt_h {
    flex: 1;
}
.na_list_tt_h {
    font-size: var(--font-size-16);
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--color-2);
}
.na_list_tt_h a {
    display: block;
    color: var(--color-2);
}
.na_list_tt_h a:hover {
    color: var(--color-5);
}
.tt_list_tt_h {
    padding: .5rem 0 0 .1rem;
    display: flex;
    flex-wrap: nowrap;
    gap: var(--gap10);
    font-size: var(--font-size-12);
    color: var(--color-4);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.t_rh_8 {
    position: relative;
    text-align: center;
}
.t_rh_8::before {
    content: "";
    height: .1rem;
    background-color: #f2f2f2;
    position: absolute;
    top: 1.1rem;
    right: 0;
    left: 0;
}
.t_rh_8::after {
    content: "";
    height: .1rem;
    background-color: #f2f2f2;
    position: absolute;
    top: 1.3rem;
    right: 0;
    left: 0;
}
.t_rh_8 h2 {
    position: relative;
    z-index: 1;
    display: inline-block;
    text-transform: uppercase;
    color: var(--color-5);
    font-size: var(--font-size-20);
    font-weight: 700;
    background-color: #fff;
    padding: 0 2rem;
}
.swiper5 {
    padding-top: 2rem;
}
.swiper5 .swiper-slide figure {
    user-select: none;
    height: 8rem;
    display: flex;
    justify-content: center;
    align-items: center
}
.swiper5 .swiper-slide figure img {
    width: 12rem;
    height: 8rem;
    object-fit: contain
}
.rh_5 {
	background: linear-gradient(180deg, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
.rh_5 .min_wrap {
    background: url(./assets/images/shape_1.webp) no-repeat left top 1.5rem;
}
.t2_h {
    padding-bottom: 2rem;
    text-align: center;
}
.box-product {
	position: relative;
    overflow: hidden;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
.img_swiper3 {
    user-select: none;
    aspect-ratio: 3 / 2;
    background-color: var(--tailwind-50);
}
.img_swiper3 img {
    display: block;
    width: 100%;
    height: 100%;
}
.na_swiper3 {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    color: #fff;
    font-size: var(--font-size-14);
    padding: 1rem;
    background-color: rgba(18, 111, 188, .7);
    backdrop-filter: background(5px);
    -webkit-backdrop-filter: blur(5px);
    transition: background .4s;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -ms-transition: background .4s;
    -o-transition: background .4s;
}
/* ----------------------------------------- END MAIN -------------------------------------------------------- */

/* ----------------------------------------- START BLOG -------------------------------------------------------- */
.blog-single #breadcrumbs .breadcrumb_last {
	display :none;
}
.f_cont_D header .entry-header-text {
	padding-bottom: 0;
}
.til_news_D {
    font-size: var(--font-size-30);
    padding-bottom: 1.6rem;
}
.bot_til_td_D {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    font-size: var(--font-size-14);
    color: var(--color-2);
    gap: 8px;
}
.dc_td_D {
    padding: 0;
    color: var(--text-color-2);
}
.dc_td_D span {
    margin-right: 8px;
}
.dc_td_D span > i {
    margin-right: 5px;
}
.dc_td_D span:last-child {
    margin-right: 0;
}
.share_D {
    user-select: none;
    display: flex;
    align-items: center;
    font-size: var(--font-size-14);
}
.sb_cont_D span.widget-title {
	letter-spacing: 0;
    display: block;
	font-size: var(--font-size-20);
    padding: .8rem 0 2rem;
    font-weight: 600;
    text-transform: capitalize;
}
.sb_cont_D div.is-divider {
	display: none;
}
.list_sb_page > li {
    padding-bottom: 2rem;
    display: flex;
    align-items: flex-start;
    gap: var(--gap16);
    flex-wrap: wrap;
}
.img_list_sb_page {
    width: 140px;
    aspect-ratio: 3 / 2;
    background-color: var(--tailwind-50);
    overflow: hidden;
	margin-bottom: 0;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
.img_list_sb_page img {
    display: block;
    width: 100%;
    height: 100%;
}
.nd_list_sb_page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}
.na_list_sb_page {
    font-weight: 400;
    font-size: var(--font-size-16);
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.na_list_sb_page a {
    color: var(--color-1);
}
.nd_list_sb_page .dc_td_D {
    padding-top: 6px;
    font-size: var(--font-size-12);
    color: var(--color-4);
}
/* ----------------------------------------- END BLOG -------------------------------------------------------- */

/* ----------------------------------------- END TUYENDUNG -------------------------------------------------------- */
.r_td_1 .min_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--gap40);
}
.l_r_td_1 {
    flex: 1 1 30rem;
    max-width: 100%;
}
.t1_cont {
    padding-bottom: 2rem;
}
.na_cont span {
    display: block;
    text-transform: uppercase;
    font-size: var(--font-size-14);
    font-weight: 400;
}
.na_cont p {
    color: var(--color-5);
    font-size: var(--font-size-40);
    text-transform: capitalize;
    font-weight: 700;
    padding: .5rem 0 0;
	margin-bottom: 0;
}
.l_r_td_1 .f-detail {
    max-height: 350px;
    padding-right: 20px;
    overflow: auto;
}
.r_r_td_1 {
    flex: 1 1 30rem;
    max-width: 100%;
}
.img_r_td_1 {
    position: relative;
    user-select: none;
    aspect-ratio: 16 / 9;
    background-color: #fff;
    border: .3rem solid var(--tailwind-400);
    border-top-left-radius: 8rem;
    border-bottom-right-radius: 8rem;
}
.img_r_td_1 img {
    padding: .3rem;
    display: block;
    width: 100%;
    height: 100%;
    border-top-left-radius: 8rem;
    border-bottom-right-radius: 8rem;
}
.r_td_2 {
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(226, 239, 252, 1) 100%);
}
.r_td_2.r_p6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}
.list_td {
    color: var(--color-2);
}
.list_td > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--gap20);
    background-color: #fff;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, .05);
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    transition: box-shadow .4s;
    -webkit-transition: box-shadow .4s;
    -moz-transition: box-shadow .4s;
    -ms-transition: box-shadow .4s;
    -o-transition: box-shadow .4s;
}
.img_list_td {
    flex-basis: 12rem;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    background-color: var(--tailwind-50);
	margin-bottom: 0;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem;
}
.img_list_td img {
    display: block;
    width: 100%;
    height: 100%;
}
.nd_list_td {
    flex-basis: 55%;
    font-size: var(--font-size-14);
}
.na_list_td {
    color: var(--color-5);
    font-size: var(--font-size-16);
    line-height: 1.3;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.na_list_td a {
    color: var(--color-5);
}
.tt_list_td {
    padding-top: .5rem;
	margin: 0;
}
.line_tt_list_td {
    position: relative;
    top: -.1rem;
    font-size: 1rem;
    margin: 0 .4rem;
}
.date_list_td {
    flex: 1;
    text-align: center;
    font-size: var(--font-size-14);
}
.date_list_td strong {
    display: block;
    font-size: var(--font-size-16);
    font-weight: 600;
}
.link_list_td {
    flex: 1;
    text-align: center;
}
.link_02 {
    user-select: none;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: var(--font-size-14);
    font-weight: 500;
    line-height: 2rem;
    background-color: #fff;
    border: 1px solid var(--tailwind-600);
    color: var(--color-5);
    padding: 1rem 2rem;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.r_td_3 {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.r_td_3::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(13, 40, 68, .75);
}
.r_td_3 .min_wrap {
    position: relative;
    aspect-ratio: 3 / 1;
    z-index: 2;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.r_td_3.r_p6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}
.r_td_3 .container {
    position: relative;
    aspect-ratio: 3 / 1;
    z-index: 2;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.r_td_3 .na_cont {
	color: #fff;
}
.r_td_3 .na_cont p {
    color: #fff;
    text-transform: uppercase;
}
.link_r_td_3 {
    cursor: pointer;
    margin-top: 2rem;
    text-transform: uppercase;
}
.link_03 {
    user-select: none;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: var(--font-size-14);
    font-weight: 500;
    line-height: 2rem;
    background-color: var(--tailwind-100);
    color: var(--color-5);
    padding: 1.4rem 2.4rem;
    border-radius: 2.4rem;
    -webkit-border-radius: 2.4rem;
    -moz-border-radius: 2.4rem;
    -ms-border-radius: 2.4rem;
    -o-border-radius: 2.4rem;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.fcb_td {
    display: none;
    width: 50rem;
    max-width: 100%;
    background-color: #fff;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
}
.t_fcb_td {
    text-transform: uppercase;
    font-size: var(--font-size-20);
    text-align: center;
    color: var(--color-5);
}
.ul_r_f_contact > li {
    position: relative;
    margin-top: 1.6rem;
}
.fcb_td .but_contact {
    width: 100%;
}
.na_til_D {
    display: inline-flex;
    align-items: center;
    gap: var(--gap20);
    font-size: var(--gap30);
    line-height: 1.2;
    max-width: 84rem;
}
.f_cont_D .min_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--gap40);
}
.ct_cont_D {
    flex: 2 1 12rem;
    min-width: .1rem;
    max-width: 100%;
}
.r_td_D {
    margin-bottom: 4rem;
    background-color: #fff;
    padding: 2.5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, .05);
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
.t_td_D {
    position: relative;
    text-transform: uppercase;
    font-size: var(--font-size-18);
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2rem;
    padding: 1rem 0;
    margin-bottom: 2rem;
}
.r_td_D .t_td_D::before {
    content: "";
    width: .4rem;
    background-color: var(--tailwind-600);
    position: absolute;
    top: 0;
    left: -2.5rem;
    bottom: 0;
}
.list_pl_td_D {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap20);
}
.list_pl_td_D > li {
    flex: 1 1 8rem;
    text-align: center;
}
.list_pl_td_D > li figure {
    user-select: none;
    display: block;
	margin-bottom: 0;
}
.list_pl_td_D > li figure img {
    display: inline-block;
    width: auto;
    height: 3.2rem;
}
.list_pl_td_D > li p {
    padding-top: 1rem;
    line-height: 1.2;
    font-size: var(--font-size-14);
	margin-bottom: 0;
}
.r_td_D:last-child {
    margin-bottom: 0;
}
.ttvl_td_D {
    background-color: var(--tailwind-50);
    padding: 2.5rem;
    font-size: var(--font-size-14);
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
.ttvl_td_D .t_td_D {
    margin-bottom: 1rem;
}
.list_ttvl_td_D > li {
    padding-bottom: 1.6rem;
}
.br_list_ttvl_td_D {
    display: block;
}
.list_ttvl_td_D > li:last-child {
    padding-bottom: 0;
}
.link_ut_td {
    cursor: pointer;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--gap10);
    color: #fff;
    text-transform: uppercase;
    font-size: var(--font-size-16);
    font-weight: 600;
    line-height: 2rem;
    padding: 1.5rem 2rem;
    background-color: var(--tailwind-600);
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.link_ut_td i {
    font-size: var(--font-size-20);
}
.link_ut_td:hover {
    background-color: var(--tailwind-700);
	color: #fff;
}
/* ----------------------------------------- END TUYENDUNG -------------------------------------------------------- */

/* ----------------------------------------- START CTA -------------------------------------------------------- */
.tool_fixed_left {
	position: fixed;
	bottom: 70px;
	right: 10px;
	z-index: 102;
}
.tool_fixed_left ul li {
	width: 47px;
	height: 47px;
	position: relative;
	margin-top: 10px;
	border-radius: 50%;
	list-style: none;
}
.tool_fixed_left ul li a {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}
.tool_fixed_left ul li a img {
	width: 47px;
	height: 47px;
}
.tool_fixed_left ul li .text {
	display: none;
	right: 50px;
	min-width: 200px;
	float: right;
	text-align: right;
	bottom: 13px;
	position: absolute;
}
.tool_fixed_left ul li .text span {
	padding: 10px;
	background: rgba(30, 36, 62, .55);
	color: #fff;
	border-radius: 5px;
}
.tool_fixed_left ul li:hover {
	box-shadow: 0 5px 10px rgba(0, 0, 0, .15), 0 4px 15px rgba(0, 0, 0, .13);
}
.tool_fixed_left ul li:hover .text {
	display: inline-block;
}
.tool_fixed_left .fa, .tool_fixed_left .fa-brands{ font-size:20px !important; color:#fff;}
.l1_tool_fixed_r {
	background: #f1a712;
}
.l2_tool_fixed_r {
	background: #5aa700;
}
.l3_tool_fixed_r {
	background: #0883d0;
}
.l4_tool_fixed_r {
	background: #006AFF;
}
.l5_tool_fixed_r {
	background: #f00;
}
/* ----------------------------------------- END CTA -------------------------------------------------------- */

/* ----------------------------------------- START PRODUCT -------------------------------------------------------- */
.list_gp_sb_cont_D_2 {
    padding: 2rem;
    background-color: #fff;
    background-color: var(--tailwind-50);
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
.t_sb_cont_D_2 {
    text-transform: capitalize;
    font-size: var(--font-size-20);
    padding: 0 4rem 1rem 0;
    position: relative;
}
.t_sb_cont_D_2::before {
    content: "";
    background: url(./assets/images/logo-thumb.png) no-repeat;
    background-size: contain;
    width: 3rem;
    height: 3rem;
    opacity: .1;
    position: absolute;
    top: -.2rem;
    right: 0;
}
.ul_sb_cont_D_2 > li {
    margin-top: 1rem;
}
.ul_sb_cont_D_2 > li > a {
    user-select: none;
    position: relative;
    color: var(--color-1);
    display: block;
    background-color: #fff;
    border: 1px solid var(--tailwind-400);
    line-height: 2rem;
    padding: 1.3rem 4.3rem 1.3rem 1.6rem;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem;
}
.ul_sb_cont_D_2 > li > a::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    content: "\f061";
    font-size: var(--font-size-14);
    position: absolute;
    top: 50%;
    right: 1.6rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.ul_sb_cont_D_2 > li.active > a, .ul_sb_cont_D_2 > li > a:hover {
    background-color: var(--tailwind-600);
    border-color: var(--tailwind-600);
    color: #fff;
}
.formBuy {
	display: flex;
    align-items: center;
    vertical-align: middle;
    gap: 2rem;
	margin-bottom: 2.5rem;
}
.formBuy .qty-input {
	display: flex;
    align-items: center;
    vertical-align: middle;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem;
}
.formBuy button {
	margin: 0;
}
.formBuy input.product-qty {
	text-align: center;
	margin: 0;
    box-shadow: none;
    border: none;
    width: auto;
	font-size: inherit;
/*     -moz-appearance: textfield; */
	border-radius: .4rem;
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	-ms-border-radius: .4rem;
	-o-border-radius: .4rem;
}
/* input.product-qty::-webkit-outer-spin-button,
input.product-qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
} */
.formBuy button.single_add_to_cart_button {
	border-radius: .4rem;
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	-ms-border-radius: .4rem;
	-o-border-radius: .4rem;
}
/* ----------------------------------------- END PRODUCT -------------------------------------------------------- */

/* ----------------------------------------- START ORDER -------------------------------------------------------- */
.section-title-normal {
    border-bottom: none;
    border-left: 5px solid #dc3545;
	padding: 5px 0;
}
.section-title-normal span {
    border-bottom: none;
    padding-bottom: 0px;
    padding-left: 10px;
}
.rounded-circle {
    border-radius: 50% !important;
}
.object-fit-cover {
    -o-object-fit: cover!important;
    object-fit: cover !important;
}
.bg-base {
    background-color: #fff;
}
.border-1 {
	border: 1px solid #d1d5db80;
}
.box-shadows-1 {
	box-shadow: 2px 6px 12px 0 rgba(182, 182, 182, 0.2);
}
.radius-16 {
	border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
.order_r {
	padding: 1.5rem;
    border-style: dashed;
    border-width: 2px;
}
.order_l .ul_r_f_contact p {
	margin-bottom: 1.5rem;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex !important;
}
.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between !important;
}
.align-items-center{
	align-items: center;
}
.info_product_total {
	font-size: 1.75rem;
}
.total_value {
	color: red;
}
/* ----------------------------------------- END ORDER -------------------------------------------------------- */

/* ----------------------------------------- START ABOUT -------------------------------------------------------- */
/* .r_td_1 .min_wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--gap40);
} */
.f-detail-about {
	max-height: 350px;
    padding-right: 20px;
    overflow: auto;
}
.f-detail-about::-webkit-scrollbar-track {
    padding: 6px;
}
.f-detail-about::-webkit-scrollbar-thumb {
    width: 10px;
    background-color: #c1c1c1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.f-detail-about::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background: #f8fafd;
}
.t2_cont {
    position: relative;
    padding-bottom: 1.2rem;
    margin-bottom: 3rem;
}
.t2_cont::before {
    content: "";
    background-color: var(--tailwind-600);
    width: 6.4rem;
    height: .4rem;
    position: absolute;
    bottom: 0;
    left: 0;
}
.t2_cont .na_cont {
    font-size: var(--font-size-40);
    color: var(--color-5);
    text-transform: capitalize;
    font-weight: 700;
}
.f-detail {
    color: var(--color-2);
}
.clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
}
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* .l_r_td_1 .f-detail {
    max-height: 350px;
    padding-right: 20px;
    overflow: auto;
} */
.l_r_td_1 .f-detail::-webkit-scrollbar-track {
    padding: 6px;
}
.l_r_td_1 .f-detail::-webkit-scrollbar-thumb {
    width: 10px;
    background-color: #c1c1c1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.l_r_td_1 .f-detail::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background: #f8fafd;
}
.f-detail div, .f-detail table, .f-detail h1, .f-detail h2, .f-detail h3, .f-detail h4, .f-detail h5, .f-detail h6, .f-detail p, .f-detail strong, .f-detail span {
    max-width: 100%;
}
.f-detail strong, .f-detail b, .f-detail h1, .f-detail h2, .f-detail h3, .f-detail h4, .f-detail h5, .f-detail h6 {
    font-weight: 600;
}
.f-detail ul, .f-detail ol {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 1.6rem;
}
.f-detail ul li {
    padding: .5rem 0 .5rem 3.2rem;
    position: relative;
}
.f-detail ul li::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f772";
    color: var(--color-3);
    font-size: var(--font-size-16);
    position: absolute;
    top: .5rem;
    left: 0;
}
.img_r_vct_1 {
    user-select: none;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    background-color: var(--tailwind-50);
    border-top-left-radius: 8rem;
    border-bottom-right-radius: 8rem;
}
.img_r_vct_1 img {
    display: block;
    width: 100%;
    height: 100%;
}
/* .r_vct_2 {
	background: linear-gradient(180deg, #fff 0%, rgba(226, 239, 252, 1) 100%);
} */
.list_r_vct_2 {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--gap40);
    row-gap: var(--gap20);
}
.list_r_vct_2 > li {
    flex: 1 1 20rem;
    max-width: 100%;
    padding: 0 2rem;
    text-align: center;
    color: var(--color-2);
}
.list_r_vct_2 > li figure {
    user-select: none;
    height: 6.4rem;
}
.list_r_vct_2 > li figure img {
    display: inline-block;
    width: auto;
    height: 100%;
}
.list_r_vct_2 > li strong {
    display: block;
    color: var(--color-5);
    font-weight: 700;
    font-size: 60px;
}
sup {
    vertical-align: super;
}
.list_r_vct_2 > li span {
    display: block;
}
.r_vct_4 {
/* 	background: linear-gradient(0deg, #fff 0%, rgba(226, 239, 252, 1) 100%); */
	background: linear-gradient(180deg, #fff 0%, rgba(226, 239, 252, 1) 100%);
}
.t_r_vct_4 {
    margin-bottom: 3rem;
}
.na_r_vct_4 {
    text-transform: capitalize;
    font-size: var(--gap30);
    color: var(--color-5);
}
.r_vct_3 .r_vct_3_bg {
    padding: 6rem;
    overflow: hidden;
    position: relative;
/*     background: url(../imgs/img-demo/img01.jpg) no-repeat top center;
    background-size: cover;
    background-attachment: fixed; */
    color: var(--tailwind-50);
    border-top-left-radius: 8rem;
    border-top-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 8rem;
}
.r_vct_3 .r_vct_3_bg::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(18, 111, 188, .9);
}
.t3_cont {
    text-align: center;
    color: var(--tailwind-50);
    margin-bottom: 3rem;
}
.r_vct_3 .t3_cont {
    position: relative;
    z-index: 2;
}
.t3_cont .na_cont {
    font-size: var(--font-size-40);
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
}
.des_cont {
    padding: 1rem 15% 0;
    font-size: var(--gap16);
    font-weight: 600;
}
.list_r_vct_3 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap40);
    position: relative;
    z-index: 2;
    padding: 2rem 0;
}
.list_r_vct_3 > li {
    flex: 1 1 20rem;
    max-width: 100%;
}
.t_list_r_vct_3 {
    user-select: none;
    display: flex;
    align-items: center;
    gap: var(--gap24);
}
.t_list_r_vct_3 strong {
    position: relative;
    width: 6.4rem;
    height: 6.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffea00;
    color: var(--color-3);
    font-size: var(--font-size-40);
    border-top-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
}
.t_list_r_vct_3 strong::before {
    content: "";
    position: absolute;
    top: .3rem;
    right: -.3rem;
    bottom: -.3rem;
    left: .3rem;
    background-color: rgba(255, 255, 255, .5);
    z-index: -1;
    border-top-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
}
.t_list_r_vct_3 h3 {
    flex: 1;
    color: #ffea00;
    font-size: var(--font-size-20);
    font-weight: 500;
    line-height: 1.3;
}
.r_vct_3 .f-detail {
    color: var(--tailwind-50);
    padding-top: 2rem;
}
.r_vct_3 .f-detail ul li::before {
    color: var(--tailwind-50);
}

/* ----------------------------------------- END ABOUT -------------------------------------------------------- */

/* ----------------------------------------- START SERVICE -------------------------------------------------------- */
.f_dv {
    background: #fff url(./assets/images/bg_2.jpg) no-repeat center top;
    background-size: 100% auto;
}
.img_list_f_dv {
    user-select: none;
    background-color: #fff;
    box-shadow: 0 0 2rem rgba(0, 0, 0, .1);
    border-top-left-radius: 6rem;
    border-bottom-right-radius: 6rem;
    position: relative;
    padding: 1rem 1rem 1.6rem;
	margin-bottom: 0;
    transition: box-shadow .4s;
    -webkit-transition: box-shadow .4s;
    -moz-transition: box-shadow .4s;
    -ms-transition: box-shadow .4s;
    -o-transition: box-shadow .4s;
}
.img_list_f_dv:hover {
    box-shadow: 0 0 3rem rgba(0, 144, 81, .2);
}
.img_list_f_dv a img {
    display: block;
    aspect-ratio: 3 / 2;
    background-color: var(--tailwind-50);
    border-top-left-radius: 5rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 5rem;
    border-bottom-left-radius: 1rem;
}
.ic_list_f_dv {
    user-select: none;
    position: absolute;
    bottom: 3rem;
    left: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: .2rem solid #fff;
    width: 6rem;
    height: 6rem;
    background-color: var(--tailwind-600);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: transform .4s;
    -webkit-transition: transform .4s;
    -moz-transition: transform .4s;
    -ms-transition: transform .4s;
    -o-transition: transform .4s;
}
.na_list_f_dv {
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-transform: capitalize;
    color: var(--color-5);
    font-size: var(--font-size-20);
    padding: 1.6rem 3rem 0;
}
.na_list_f_dv a {
    color: var(--color-5);
}
.list_dv .na_list_f_dv {
    font-size: var(--font-size-16);
    padding-left: 0;
}
.mn_list_f_dv > li {
    position: relative;
    padding: .5rem 0 .5rem 6rem;
}
.mn_list_f_dv > li::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    content: "\f772";
    position: absolute;
    top: .5rem;
    left: 3rem;
    color: var(--color-5);
}
.mn_list_f_dv > li > a {
    color: var(--color-2);
}
/* ----------------------------------------- END SERVICE -------------------------------------------------------- */

/* ----------------------------------------- START CONTACT -------------------------------------------------------- */
.list_dc_f_contact > li {
    background-color: rgba(18, 111, 188, .05);
    border-left: .3rem solid var(--tailwind-600);
    padding: 2rem 8rem 2rem 2rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    margin-bottom: 2rem;
    position: relative
}
.list_dc_f_contact > li::before {
    content: "";
    background: url(./assets/images/logo-thumb.png) no-repeat;
	background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5rem;
    height: 5rem;
    opacity: .1;
    position: absolute;
    bottom: 2rem;
    right: 2rem
}
.list_dc_f_contact > li:last-child {
    margin-bottom: 0
}
.list_dc_f_contact > li:nth-child(2) {
    background-color: rgba(18, 111, 188, .05);
    border-color: var(--tailwind-500);
}
.list_dc_f_contact > li:nth-child(3) {
    background-color: rgba(18, 111, 188, .05);
    border-color: var(--tailwind-400);
}
.na_f_contact {
    text-transform: capitalize;
    font-size: var(--font-size-18);
    font-weight: 700;
    color: var(--color-1)
}
.tt_f_contact {
    padding-top: 1rem;
	margin: 0;
    color: var(--color-2);
    font-size: var(--font-size-14);
}
.tt_f_contact > li {
	margin-left: 0 !important;
}
.tt_f_contact > li a {
    color: var(--color-2)
}
.tt_f_contact > li a[href^="tel:"],.m_dc_sb_D a[href^="tel:"] {
    color: var(--color-5)
}
.ul_r_f_contact > li {
    position: relative;
    margin-top: 1.6rem;
	margin-left: 0 !important;
}
input.ipt_f_contact {
    width: 100%;
    height: 44px;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 0 54px 0 15px;
    font-size: var(--font-size-16);
	box-shadow: none;
	margin-bottom: 0;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem
}
.icon_r_f_contact {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    border-left: 1px solid #ddd;
    color: #888;
    font-size: --font-size-16;
    z-index: 1;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s
}
textarea.txt_f_contact {
    font-size: var(--font-size-16);
    width: 100%;
    height: 120px;
    min-height: 100px;
    resize: vertical;
    padding: 14px 15px;
    border: 1px solid #ddd;
	box-shadow: none;
	margin-bottom: 0;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem
}
select.slec_r_f_contact {
    font-size: var(--font-size-16);
    width: 100%;
    height: 44px;
    border: 1px solid #ddd;
    border-radius: 5px!important;
    background: #fff url(../imgs/icon_0.png) no-repeat center right 15px;
    padding: 0 54px 0 15px;
	box-shadow: none;
	margin-bottom: 0;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem
}
input.ipt_f_contact:focus,input.ipt_f_contact:focus~.icon_r_f_contact,textarea.txt_f_contact:focus,select.slec_r_f_contact:focus,.slec_r_f_contact:focus~.icon_r_f_contact {
    border-color: var(--tailwind-600);
    color: var(--color-3)
}
.cap_f_contact {
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 3px;
    width: auto;
    height: 38px;
    z-index: 1
}
input.but_contact {
    user-select: none;
    margin-top: 3rem;
    border: 0;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    border-radius: 4px;
    font-weight: 600;
    font-size: var(--font-size-16);
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: var(--tailwind-600)
}
input.but_contact:hover {
    opacity: .9
}
input.but_contact:focus,input.but_contact:active {
    background-color: var(--tailwind-800)
}
.maps_ct iframe {
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
/* ----------------------------------------- END CONTACT -------------------------------------------------------- */
/* ----------------------------------------- START BREADCRUMD -------------------------------------------------------- */
.min_wrap {
    width: 1280px;
    margin-right: auto;
    margin-left: auto;
}
.bg_cont {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
.bg_cont::before {
    content: "";
    background-color: rgba(1,45,29,0);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.bg_cont .min_wrap {
    height: 40rem;
}
.bg_cont .min_wrap {
    position: relative;
    z-index: 2;
    height: 40rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    column-gap: var(--gap40);
    row-gap: var(--gap20);
    color: #fff
}
.l_bg_cont {
    background-color: rgba(0,144,81,.75);
    border-top-left-radius: 4rem;
    border-bottom-right-radius: 4rem;
    padding: 2rem 3rem;
    color: #fff;
}
.r_bg_cont {
    background-color: rgba(0,144,81,.75);
    border-top-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    padding: .5rem 1rem;
    color: #fff
}
.til_bg_cont {
    font-size: var(--font-size-30);
    font-weight: 700;
    text-transform: uppercase;
	color: #fff;
}
#breadcrumbs {
    font-size: var(--font-size-12);
    color: var(--tailwind-100)
}
#breadcrumbs > span {
    display: inline-block
}
#breadcrumbs > span > span > a {
    color: var(--tailwind-100)
}
#breadcrumbs > span > a:hover {
    color: #fff
}
#breadcrumbs > span > li:nth-child(3)::after,#breadcrumbs > span > li:nth-child(4),#breadcrumbs > span > li:nth-child(5) {
    display: none
}
/* ----------------------------------------- END BREADCRUMD -------------------------------------------------------- */
/* ----------------------------------------- START FAQ -------------------------------------------------------- */
.FAQPage {
	float: none;
	clear: both;
}
.faq_page {
	clear: both;
	margin: 5px 0 0 0;
	overflow: auto;
	max-height: 210px;
}
.faq_list {
	clear: both;
	background: #f2f2f2;
	margin: 1px 0 0 0
}
.faq_list:hover {
	background: #e5e5e5
}
.faq_list li {
	list-style: inside
}
.faq_list h3 {
	font-size: 14px;
	font-weight: 400;
	padding: 10px;
	cursor: pointer;
	position: relative;
	line-height: 1.5em;
}
.faq_list h3:before {
	content: "\f107";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 1.5rem;
	position: absolute;
	right: 10px
}
.faq_list h3.active_faq:before {
	content: "\f106";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 1.5rem;
	position: absolute;
	right: 10px
}
.faq_list .answer {
	display: none;
	font-size: 14px;
	line-height: 22px;
	color: #666;
	padding: 10px;
	background: #fff
}
.faq_list .answer p {
	margin-bottom: 0;
}
.faqmain {
	display: block;
	padding: 0 0 10px 0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
.content_faq a {
	color: #048031;
	font-weight: bold;
}
/* ----------------------------------------- END FAQ -------------------------------------------------------- */
/* ----------------------------------------- START TAB -------------------------------------------------------- */
.tab-content .f-detail-sp {
    display: none; /* Mặc định ẩn tất cả nội dung */
}
.tab-content .f-detail-sp.active {
    display: block; /* Hiển thị nội dung khi có class active */
}
.tab-content .f-detail-sp {
    transition: opacity 0.3s ease;
}
.tab-content .f-detail-sp:not(.active) {
    opacity: 0;
}
.tab-content .f-detail-sp.active {
    opacity: 1;
}
/* ----------------------------------------- END TAB -------------------------------------------------------- */

/* ----------------------------------------- START KEYFRAMES -------------------------------------------------------- */
@keyframes mymove1 {
    from {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1)
    }

    to {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5)
    }
}
@keyframes mymove2 {
    from {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1)
    }

    to {
        transform: scale(2);
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2)
    }
}
/* ----------------------------------------- END KEYFRAMES -------------------------------------------------------- */


/* ----------------------------------------- START RESPONSIVE -------------------------------------------------------- */
@media(max-width: 1480px) {
	
}
@media(max-width: 1200px) {
	
}
@media(max-width: 991px) {
	
}
@media(max-width: 769px) {
	
}
@media(max-width: 690px) {
	
}
@media(max-width: 555px) {
	
}
@media(max-width: 490px) {
	
}
@media only screen and (max-width: 1280px) {
	.min_wrap {
		width: auto;
		padding-right: 4rem;
		padding-left: 4rem;
	}
}
@media only screen and (max-width: 1024px) {
	:root {
        --font-size-30: clamp(24px, 4vw, 30px);
        --font-size-38: clamp(28px, 4vw, 38px);
        --font-size-40: clamp(30px, 4vw, 40px);
        --font-size-48: clamp(38px, 4vw, 48px);
        --gap32: 2.4rem;
        --gap40: 2.4rem;
        --gap48: 2.4rem;
        --height-hea: 60px;
    }
	.bg_cont .min_wrap, .bg_gt .min_wrap {
		justify-content: center;
		height: auto !important;
		aspect-ratio: 3 / 1;
	}
	.min_wrap, .rh_7 .min_wrap, .rh_4 .min_wrap, .r_vct_3 .min_wrap {
		padding-right: 2.4rem;
		padding-left: 2.4rem;
	}
	.nd_list_td {
        flex-basis: 50%;
    }
}
@media only screen and (max-width: 992px) {
	.r_p9 {
        padding-top:6rem;
        padding-bottom: 6rem
    }
	.l_rh_1 {
		flex-basis: 100%;
	}
	.l_rh_1, .t1_cont {
		text-align: center;
	}
	.rh_2_new .slide {
		flex-direction: column-reverse;
		gap: var(--gap20);
	}
	.link_cttv {
		position: relative;
	}
	.img_list_cttv {
		margin-right: 0;
	}
	.list_l_rh_1 > li figure, .t1_h {
        justify-content: center;
    }
	.rh_6 .na_h {
		text-align: center;
	}
	.rh_6 .rh_6_main, .rtt_1 {
		flex-direction: column;
	}
	.rh_6 ul.list_tt_h {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 12px 24px;
	}
	.f-detail-about {
		max-height: unset;
	}
	.r_vct_3 {
		padding: 15px;
	}
	.r_vct_3 .r_vct_3_bg {
		padding: 3rem;
	}
	.des_cont {
		padding: 1rem 0 0;
	}
	.list_td > li {
		align-items: flex-start;
		row-gap: 0;
	}
	.nd_list_td {
        flex-basis: 79%;
    }
	.date_list_td {
        padding-left: 14rem;
        text-align: left;
    }
	.link_list_td {
        text-align: right;
    }
	.slide_gp_D {
        display: block;
    }
	.gallery-top3 {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }
	.gallery-thumbs3 {
        margin-top: 1rem;
        height: auto;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }
	.gallery-thumbs3 .swiper-slide {
        width: 10rem;
        height: auto;
        aspect-ratio: 3 / 2;
    }
	.swiper-button-next-3-plus {
        width: 2.4rem;
        height: 100%;
        left: auto;
        bottom: 0;
    }
	.swiper-button-next-3-plus::after {
		content: "\f054";
	}
	.swiper-button-prev-3-plus {
        width: 2.4rem;
        height: 100%;
        right: auto;
        bottom: 0;
    }
	.swiper-button-prev-3-plus::after {
        content: "\f053";
    }
	.rh_2, .swiper-button-next-4, .swiper-button-prev-4, .na_til_D img, .na_tt_f_gp, .r_r1_f_gp, .img_cata_gp, .l_foot_3, .rh_2_new {
        display: none;
    }
	.l_rh_1, .l_da_h_nb, .tt_h, .ct_cont_D, .ct_cont_D_2, .l_rtt_1, .l_r_td_1, .img_f_lvhd, .img_list_cttv, .img_list_lsht, .r_rh_3_new {
        flex-basis: 100%;
    }
}
@media only screen and (max-width: 640px) {
	.min_wrap, .rh_7 .min_wrap, .r_da_h_nb, .r_tt_h_nb, .rh_4 .min_wrap {
        padding-right: 1.6rem;
        padding-left: 1.6rem;
    }
	.bg_cont .min_wrap, .bg_gt .min_wrap, .maps_ct .min_wrap {
        aspect-ratio: 16 / 9;
    }
	.r_p9 {
        padding: 4.8rem 0px;
    }
	.r_p3, .rh_7 .min_wrap {
        padding-top: 2.4rem;
        padding-bottom: 2.4rem;
    }
	.r_p6 {
        padding-top: 2.8rem;
        padding-bottom: 2.8rem;
    }
	.l_bg_cont, .til_bg_gt {
		padding: 1.6rem;
	}
	.rh_6 ul.list_tt_h {
		grid-template-columns: repeat(1, 1fr);
	}
	.r_vct_3 .r_vct_3_bg {
		padding: 1rem;
	}
	.list_r_vct_3 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 30px;
	}
	.other_gp_D {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.list_td > li {
		padding: 1.6rem;
		row-gap: var(--gap16);
	}
	.img_list_td, .nd_list_td {
		flex-basis: 100%;
	}
	.img_list_td, .nd_list_td {
		flex-basis: 100%;
	}
	.date_list_td {
        padding-left: 0;
    }
	.t_ser > li > a {
		font-weight: 500;
		font-size: 16px;
		text-transform: unset;
	}
	.list_bc_h, .list_pl_td_D {
        gap: var(--gap16);
    }
	.list_pl_td_D > li {
        flex-basis: 30%;
    }
}
@media only screen and (max-width: 480px) {
	.f-detail-sp img, .f-detail img {
		height: auto !important;
	}
	.i_t_tab_prod_1 {
		gap: var(--gap10) !important;
	}
	.list_r_vct_2 > li {
		padding: 0px;
		flex: 1 1 15rem;
	}
	.list_r_vct_2 > li strong {
		font-size: 45px;
	}
	.content_rh_new_7 {
		display: flex;
		gap: var(--gap40);
		flex-wrap: wrap;
		flex-direction: column;
	}
	.l_r_td_1 .f-detail {
		max-height: 100%;
	}
	.mobile-nav > .nav-icon > a {
		font-size: 20px;
	}
}
@media only screen and (max-width: 320px) {
	
}
/* ----------------------------------------- START RESPONSIVE -------------------------------------------------------- */