@charset "utf-8";



@import url('../scripts/swiper-11/swiper-bundle.min.css');

@import url('../scripts/fancybox-5/dist/fancybox/fancybox.css');

@import url('../scripts/aos/aos.css');



/************************************************************************************

CSS RESET

*************************************************************************************/



*{

	margin:0; 

	padding:0;

	outline:0; 

	box-sizing: border-box;

	text-rendering: optimizeSpeed;

}

html{height:100%;}

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 0;}

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: 1.6rem;}

caption, th, td {font-weight: normal;}

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;}



/************************************************************************************

Reset HTML5 Elements to Block

*************************************************************************************/



main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}



/************************************************************************************

CSS PLUS NEW

*************************************************************************************/



.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_p4 {	

	padding-top: 4rem;

	padding-bottom: 4rem;

}

.r_p36 {	

	padding-top: 3rem;

	padding-bottom: 6rem;

}

.r_p6 {	

	padding-top: 6rem;

	padding-bottom: 6rem;

}

.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_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 -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;

}



/************************************************************************************

CSS WEBSITE

*************************************************************************************/



:root {	

	font-size: 10px;



	--font-family: "Be Vietnam Pro", 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;	



	--PrimaryColor:#E48844;

	--SeconColor: #F89D53;



	--color-1-new: #E5E7EB;

	--color-2-new: #999999;

	--color-1: #212121;

    --color-2: #414141;

	--color-3:#404041;

	--color-4:rgba(65,65,65,.7);

	--color-5:#008C48;



	--tailwind-50: #f5f5f6;

    --tailwind-100: #e6e6e7;

    --tailwind-200: #d0d0d1;

    --tailwind-300: #afb0b1;

    --tailwind-400: #878889;

    --tailwind-500: #6c6d6e;

    --tailwind-600: #5c5d5e;

    --tailwind-700: #4e4e50;

    --tailwind-800: #444446;

    --tailwind-900: #404041;

    --tailwind-950: #262626;



	--tailwind2-50 : #FDF6EF;

	--tailwind2-100: #FAEBDA;

	--tailwind2-200: #F5D5B3;

	--tailwind2-300: #EEB783;

	--tailwind2-400: #E48844;

	--tailwind2-500: #E0732F;

	--tailwind2-600: #D15C25;

	--tailwind2-700: #AE4620;

	--tailwind2-800: #8B3921;

	--tailwind2-900: #70311E;

	--tailwind2-950: #3C170E;



	--bg-1: #de3e24;



	--height-hea: 6.4rem;



	--gap04: 0.4rem;

	--gap08: 0.8rem;

	--gap10: 1.0rem;

	--gap12: 1.2rem;

	--gap16: 1.6rem;

	--gap20: 2.0rem;

	--gap24: 2.4rem;

	--gap30: 3.0rem;

	--gap36: 3.6rem;

	--gap32: 3.2rem;

	--gap40: 4.0rem;

	--gap48: 4.8rem;

}



html {

	overflow-x: hidden;

}

body {

	font-family: var(--font-family);

	font-weight: 200;

	font-style: normal;

	font-optical-sizing: auto;

	font-size: var(--font-size-14);

	color: var(--color-1);

	line-height: 1.429;

	background-color: #fff;

	-webkit-text-size-adjust: 100%;

	word-break: break-word;

	min-height: 100%;

}



.min_wrap {

	width: 1280px;

	padding-right: 2.4rem;

	padding-left: 2.4rem;

	margin-right: auto;

	margin-left: auto;

}



.img_hover:hover {opacity: 0.9;}

.img_hover:hover {opacity: 0.9;}

.link_hv:hover {

	color: var(--PrimaryColor);

}



::selection {

	background-color: var(--PrimaryColor);

	color: #fff;

}



/************************************************************************************

CSS HEADER

*************************************************************************************/



#header {

	user-select: none;

	position: sticky;

	top: 0;

	z-index: 15;

	background-color: rgba(17,20,21,1);

	backdrop-filter: blur(1.2rem);

	-webkit-backdrop-filter: blur(1.2rem);

}

#header .min_wrap {

	display: flex;

	justify-content: space-between;

	align-items: center;

	gap: var(--gap24);

	padding-top: 0.8rem;

	padding-bottom: 0.8rem;

}

#header.active {

	background-color: rgba(17,20,21,0.8);

}



.m_hea {

	margin-left: auto;

	display: flex;

	align-items: center;

	column-gap: var(--gap20);

}



.logo img {

	display: block;

	width: auto;

	height: 4.8rem;

}



.ul_mn {

	display: flex;

	gap: var(--gap32);

}

.ul_mn > li {

	position: relative;

}

.ul_mn > li > a {

	font-size: var(--font-size-16);

	line-height: 2.4rem;

	color: var(--color-1-new);

	display: flex;

	align-items: center;

	gap: var(--gap04);

	font-weight: 300;

}

.ul_mn > li > a > i {

	font-size: 1rem;

}

.ul_mn > li:hover > a {

	color: var(--tailwind-200);

}

.ul_mn > li.active > a {

	font-weight: 400;

	color: var(--PrimaryColor);

}

.ul_mn > li:hover::before {

	content: "";

    position: absolute;

    height: 2.4rem;

    bottom: -2.4rem;

    left: 0;

    right: 0;

}

.ul_mn > li:hover .sub_mn {

	min-width: 18rem;

	opacity: 1;

	visibility: visible;

	pointer-events: all;

	top: 4.4rem;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.sub_mn {

	opacity: 0;

	visibility: hidden;

	pointer-events: none;

	position: absolute;

	top: 2rem;

	left: -1.6rem;

	background-color: rgba(17, 20, 21, 0.8);

	padding: 0.8rem 1.6rem;

	white-space: nowrap;

	backdrop-filter: blur(0.4rem);

	-webkit-backdrop-filter: blur(0.8rem);

	border-bottom-right-radius: 0.8rem;

	border-bottom-left-radius: 0.8rem;

}

.sub_mn > li > a {

	display: block;

	color: var(--color-1-new);

	padding: 0.4rem 0;

}

.sub_mn > li > a:hover {

	color: var(--tailwind2-200);

}



.r_hea {

	min-width: 22.7rem;

	display: flex;

	justify-content: flex-end;

	align-items: center;

	gap: var(--gap16);

}



.click_s {

	cursor: pointer;

	display: flex;

	justify-content: center;

	align-items: center;

	color: var(--color-1-new);

	width: 2.4rem;

	height: 2.4rem;

	font-size: var(--font-size-18);

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

}

.click_s:hover, .click_gh:hover {

	color: var(--tailwind2-200);

}

.fixbody {

	overflow: hidden;

	height: 100%;

}

.form_s {

	user-select: none;

	background: rgba(0,0,0,.75);

	backdrop-filter: blur(.8rem);

	-webkit-backdrop-filter: blur(.8rem);

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	margin: auto;

	z-index: 99999999;

	visibility: hidden;

	opacity: 0;

	transition: .4s;

	-webkit-transition: .4s;

	-moz-transition: .4s;

	-ms-transition: .4s;

	-o-transition: .4s;

}

.form_s.active {visibility: visible; opacity: 1;}

.close_form_s {

	font-size: 32px;

	color: #fff;

	position: absolute;

	top: 40px; 

	right: 40px;

	display: block;

	cursor: pointer;

	z-index: 1;

	font-style: normal;

}

.close_form_s::before {

	content: "\f057";

	font-family: "Font Awesome 7 Pro";

	font-weight: 100;

}

.d_form_s {

	width: 50%;

	margin: -30px auto 0 auto;

	position: absolute;

	top: 50%; left: 0; right: 0;

}

.ipt_form_s {

	width: 100%;

	height: 60px;

	border: 0;

	padding: 0 6rem 0 2rem;

	border-bottom: 1px solid #eee;

	font-size: 20px;

	font-family: var(--font-family);

	font-weight: 400;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	-o-border-radius: 4px;

}

.btn_form_s {

	border: 0;

	cursor: pointer;

	width: 60px; height: 60px;

	text-align: center;

	font-size: 24px;

	color: #000;

	position: absolute;

	bottom: 0; right: 0;

	background: none;

}



.click_gh {

	cursor: pointer;

	display: flex;

	justify-content: center;

	align-items: center;

	color: var(--color-1-new);

	width: 2.4rem;

	height: 2.4rem;

	position: relative;

	font-size: var(--font-size-18);

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

}

.click_gh em {

	position: absolute;

	top: -0.2rem;

	right: -0.2rem;

	z-index: 1;

	display: flex;

	justify-content: center;

	align-items: center;

	min-width: 1.4rem;

	height: 1.4rem;

	color: #fff;

	background-color: var(--PrimaryColor);

	font-size: 1rem;

	font-style: normal;

	font-weight: 400;

	line-height: 1rem;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

}



/************************************************************************************

CSS CONTAINER

*************************************************************************************/



.slide_top {

	position: relative;

}

.slide_vegas {

	background-color: #000;

	height: 50rem;

}



.rh_1 .min_wrap {

	display: flex;

	flex-wrap: wrap;

	align-items: flex-start;

	gap: var(--gap40);

	padding-top: 1rem;

	padding-bottom: 2rem;

}

.l_rh_1 {

	flex: 2 1 12rem;

	max-width: 100%;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

}

.r_rh_1 {

	flex: 1 1 4rem;

	position: sticky;

	top: var(--height-hea);

}



.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;

}

.list_l_rh_1 > li img {

	width: 6rem;

	height: 6rem;

}

.list_l_rh_1 > li figcaption {

	color: var(--color-3);

	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);

}



.vd_rh_1 {

	user-select: none;

	position: relative;

	aspect-ratio: 16/9;

	background-color: var(--tailwind-50);

	width: 100%;

	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;

}

.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 {

	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::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;

}

.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%;

}

@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.25);

		-webkit-transform: scale(1.25);

		-moz-transform: scale(1.25);

		-ms-transform: scale(1.25);

		-o-transform: scale(1.25);

}

}

@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(1.5);

		-webkit-transform: scale(1.5);

		-moz-transform: scale(1.5);

		-ms-transform: scale(1.5);

		-o-transform: scale(1.5);

}

}



.rh_2 {

	padding-bottom: 3rem;

}

.rh_2 .min_wrap {

	background: url(../imgs/bg_slide_dm.png) repeat-x top;

	padding: 2rem;

	border-radius: 1rem;

	-webkit-border-radius: 1rem;

	-moz-border-radius: 1rem;

	-ms-border-radius: 1rem;

	-o-border-radius: 1rem;

}

#indexSlide {	

	display: flex;

	flex-direction: row-reverse;

	flex-wrap: wrap;

	background: url(../imgs/bg_brand_story.png) no-repeat center bottom;

	background-size: 100% auto;

	padding-bottom: 2.6rem;

}

#indexRight {

	flex-basis: 40rem;

	padding: 0 2rem;

	position: relative;

}

#indexLeft {

	flex: 1;

	position: relative;

}



#indexRight a {

	text-align: center;

	display: block;

	line-height: 2rem;

	padding: 2.1rem 0;

	color: var(--color-1);

	background: url(../imgs/bj_01.png) repeat-x bottom;

}

#indexRight a:nth-last-child(2) {

	background: none;

}

#indexRight div {

    position: absolute;

    top: 0;

    left: 0;

    width: 17px;

    height: 62px;

    background: url(../imgs/bj_02.png) no-repeat center center;

}

#indexLeft .swcont {

	aspect-ratio: 1.962616/1;

	position: absolute;

	top: 0;

	left: 0;

	background-color: #000;

	display: none;

	text-align: center;

}

#indexLeft .swcont img {

	display: block;

	width: 100%;

	height: 100%;

}



.rh_3 {

	background-color: #e2e2e2;

}

.rh_3 .min_wrap {

	position: relative;

}

.swiper2 {

	padding: 2rem 0;

}

.swiper2 .swiper-slide {

	overflow: hidden;

	background-color: #c1c1c1;

	padding: .3rem;

	position: relative;

	border-radius: 1rem;

	-webkit-border-radius: 1rem;

	-moz-border-radius: 1rem;

	-ms-border-radius: 1rem;

	-o-border-radius: 1rem;

}

.swiper2 .swiper-slide:hover {

	background-color: var(--tailwind-600);

}

.swiper2 .swiper-slide a {

	display: block;

	position: relative;

}

.swiper2 .swiper-slide a::before {

	content: "";

	position: absolute;

	bottom: 0;

	right: 0;

	left: 0;

	z-index: 1;

	height: 50%;

	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);

	border-bottom-right-radius: .8rem;

	border-bottom-left-radius: .8rem;

	transition: height .4s;

	-webkit-transition: height .4s;

	-moz-transition: height .4s;

	-ms-transition: height .4s;

	-o-transition: height .4s;

}

.swiper2 .swiper-slide:hover a::before {

	height: 100%;

	background: linear-gradient(0deg, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);

}

.img_rh_3 {

	user-select: none;

	aspect-ratio: 1/1;

	background-color: var(--tailwind-50);

	overflow: hidden;

	border-radius: .8rem;

	-webkit-border-radius: .8rem;

	-moz-border-radius: .8rem;

	-ms-border-radius: .8rem;

	-o-border-radius: .8rem;

}

.swiper-button-prev-2 {

	left: -2.7rem;

	color: var(--color-3);

	margin-top: -1.15rem;

}

.swiper-button-prev-2::after {

	font-family: "Font Awesome 7 Pro";

	font-weight: 300;

	content: "\f104";

	font-size: var(--font-size-30);

}

.swiper-button-next-2 {

	right: -2.7rem;

	color: var(--color-3);

	font-size: var(--font-size-16);

	margin-top: -1.15rem;

}

.swiper-button-next-2::after {

	font-family: "Font Awesome 7 Pro";

	font-weight: 300;

	content: "\f105";

	font-size: var(--font-size-30);

}

.img_rh_3 img {

	display: block;

	width: 100%;

	height: 100%;

}

.m_rh_3 {

	overflow: hidden;

	position: absolute;

	bottom: 0;

	right: 0;

	left: 0;

	z-index: 2;

	padding: 3rem;

	color: #fff;

	height: 13.2rem;

	transition: height .4s;

	-webkit-transition: height .4s;

	-moz-transition: height .4s;

	-ms-transition: height .4s;

	-o-transition: height .4s;

}

.swiper2 .swiper-slide:hover .m_rh_3 {

	height: 100%;	

}

.na_rh_3 {

	text-align: center;

	padding-bottom: 1.6rem;

}

.na_rh_3 figure img {

	display: inline-block;

	width: 4.8rem;

	height: 4.8rem;

}

.na_rh_3 h3 {

	font-size: var(--font-size-16);

	color: var(--tailwind-200);

	text-transform: capitalize;

	padding-top: 1rem;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	line-clamp: 1;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.des_rh_3 {

	display: -webkit-box;

	font-size: var(--font-size-14);

	-webkit-line-clamp: 8;

	line-clamp: 8;

	-webkit-box-orient: vertical;

	overflow: hidden;

}



.rh_4 {

	background: #f3efec url(../imgs/bg_brand_story.png) no-repeat top center;

	background-size: contain;

}

.rh_4 .min_wrap {

	position: relative;

	padding: 0 2rem;

}

.swiper4 {

	padding: 2rem 0;

}

.swiper4 .swiper-slide {

	width: 50rem;

	background-color: #c1c1c1;

	padding: .3rem;

	border-radius: 1rem;

	-webkit-border-radius: 1rem;

	-moz-border-radius: 1rem;

	-ms-border-radius: 1rem;

	-o-border-radius: 1rem;

}

.swiper4 .swiper-slide a {

	display: block;

	position: relative;

}

.swiper4 .swiper-slide a figure {

	user-select: none;

	aspect-ratio: 3/2;

	overflow: hidden;

	border-radius: .8rem;

	-webkit-border-radius: .8rem;

	-moz-border-radius: .8rem;

	-ms-border-radius: .8rem;

	-o-border-radius: .8rem;

}

.swiper4 .swiper-slide a figure img {

	display: block;

	width: 100%;

	height: 100%;

}

.swiper4 .swiper-slide a h3 {

	position: absolute;

	bottom: 0;

	right: 0;

	left: 0;

	z-index: 1;

	text-align: center;

	color: #fff;

	font-size: var(--font-size-16);

	padding: 1rem;

	background-color: rgba(0,0,0,.7);

	backdrop-filter: background(5px);

	-webkit-backdrop-filter: blur(5px);

	border-bottom-right-radius: .8rem;

	border-bottom-left-radius: .8rem;

	transition: background .4s;

	-webkit-transition: background .4s;

	-moz-transition: background .4s;

	-ms-transition: background .4s;

	-o-transition: background .4s;

}

.swiper4 .swiper-slide:hover a h3 {

	background-color: rgba(0,144,81,.9);

}

.swiper-button-prev-4 {

	width: 2rem;

	height: 16.7rem;

	background: url(../imgs/icon_4_1.png) no-repeat;

	left: -2rem;

	margin-top: -5.6rem;

}

.swiper-button-next-4 {

	width: 2rem;

	height: 16.7rem;

	background: url(../imgs/icon_4_2.png) no-repeat;

	right: -2rem;

	margin-top: -5.6rem;

}

.swiper-button-prev-4::after, 

.swiper-button-next-4::after {

	display: none;

}



.link_da_h {

	display: flex;

	align-items: center;

	gap: var(--gap10);

	color: var(--color-4);

	font-weight: 600;

	border-left: 1px solid #999;

	padding-left: 2rem;

}

.link_da_h:hover {

	color: var(--color-3);

}

.da_h_nb {

	display: flex;

	flex-direction: row-reverse;

	flex-wrap: wrap;

	border-top-right-radius: 1rem;

	border-top-left-radius: 1rem;

	overflow: hidden;

}

.l_da_h_nb {

	user-select: none;

	flex: 1 1 300px;

	max-width: 100%;

	aspect-ratio: 3/2;

}

.l_da_h_nb img {

	display: block;

	width: 100%;

	height: 100%;

}

.r_da_h_nb {

	flex: 1 1 300px;

	max-width: 100%;

	background-color: var(--tailwind-600);

	color: #fff;

	padding: 3rem;

}

.na_da_h_nb {

	color: var(--tailwind-200);

	font-size: var(--font-size-20);

	display: -webkit-box;

	-webkit-line-clamp: 2;

	line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.na_da_h_nb a {

	display: block;

	color: var(--tailwind-200);

}

.des_da_h_nb {

	padding: 1rem 0 0 0;

	font-size: var(--font-size-14);

	display: -webkit-box;

	-webkit-line-clamp: 5;

	line-clamp: 5;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.bot_da_h_nb {

	text-align: right;

	padding-top: 3rem;

}



.swiper3 {

	padding-top: 2rem;

	border-bottom-right-radius: 1rem;

	border-bottom-left-radius: 1rem;

}

.swiper3 .swiper-slide {

	position: relative;

}

.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(0, 0, 0, .7);

    backdrop-filter: background(5px);

    -webkit-backdrop-filter: blur(5px);

    border-bottom-right-radius: .8rem;

    border-bottom-left-radius: .8rem;

    transition: background .4s;

    -webkit-transition: background .4s;

    -moz-transition: background .4s;

    -ms-transition: background .4s;

    -o-transition: background .4s;

}

.swiper3 .swiper-slide:hover .na_swiper3,

.swiper6 .swiper-slide:hover .nd_swiper6 {

	background-color: rgba(0,144,81,.9);

}

.swiper-button-prev-3, .swiper-button-prev-6, .swiper-button-prev-7, .swiper-button-prev-8 {

	left: 0;

	color: #fff;

	background-color: var(--tailwind-700);

}

.swiper-button-prev-3::after, .swiper-button-prev-6::after, .swiper-button-prev-7::after, .swiper-button-prev-8::after {

	font-family: "Font Awesome 7 Pro";

	font-weight: 300;

	content: "\f104";

	font-size: var(--font-size-20);

}

.swiper-button-next-3, .swiper-button-next-6, .swiper-button-next-7, .swiper-button-next-8 {

	right: 0;

	color: #fff;

	background-color: var(--tailwind-700);

}

.swiper-button-next-3::after, .swiper-button-next-6::after, .swiper-button-next-7::after, .swiper-button-next-8::after {

	font-family: "Font Awesome 7 Pro";

	font-weight: 300;

	content: "\f105";

	font-size: var(--font-size-20);

}

.swiper-button-prev-3.swiper-button-disabled, 

.swiper-button-prev-6.swiper-button-disabled, 

.swiper-button-prev-7.swiper-button-disabled,

.swiper-button-prev-8.swiper-button-disabled,

.swiper-button-next-3.swiper-button-disabled, 

.swiper-button-next-6.swiper-button-disabled,

.swiper-button-next-7.swiper-button-disabled,

.swiper-button-next-8.swiper-button-disabled {

	display: none;

}



.rh_6 .min_wrap {

	display: flex;

	gap: var(--gap40);

	flex-wrap: wrap;

}

.tt_h {

	flex: 2 1 12rem;

	max-width: 100%;

}

.bc_h {

	flex: 1 1 4rem;

}



.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;

}

.l_tt_h_nb img {

	display: block;

	width: 100%;

	height: 100%;

}

.r_tt_h_nb {

	flex: 1 1 30rem;

	max-width: 100%;

	padding: 3rem;

}

.r_tt_h_nb .tt_list_tt_h {

	color: #fff;

}

.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);

}

.des_tt_h_nb {

	padding: .5rem 0 0 0;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	line-clamp: 3;

	-webkit-box-orient: vertical;

	overflow: hidden;

}



.list_tt_h {

	display: flex;

	flex-wrap: wrap;

	gap: var(--gap20);

	padding-top: 3rem;

}

.list_tt_h > li {

	flex: 1 1 30rem;

	max-width: 100%;

	display: flex;

	align-items: flex-start;

	gap: var(--gap16);

}

.img_list_tt_h {

	user-select: none;

	flex-basis: 12rem;

	aspect-ratio: 3/2;

	overflow: hidden;

	background-color: var(--tailwind-50);

	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-3);

}

.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;

}

.tt_list_tt_h span::before {

	content: "|";

	font-size: 10px;

	margin-right: .6rem;

}

.tt_list_tt_h span:first-child::before {

	display: none;

}

.tt_list_tt_h span i {

	position: relative;

	top: -.1rem;

}



.o_list_bc_h {

	max-height: 48rem;

	overflow-y: auto;

	scrollbar-width: thin; 

	scrollbar-color: rgba(0,0,0,0.2) #ddd;

}

.list_bc_h {

	display: grid;

	grid-template-columns: repeat(2, minmax(0, 1fr));

	gap: var(--gap20);

}

.list_bc_h > li figure {

	user-select: none;

	display: flex;

	justify-content: center;

	align-items: center;

	height: 8rem;

	background-color: #fff;

	border: 1px solid var(--tailwind-200);

	border-radius: 1rem;

	-webkit-border-radius: 1rem;

	-moz-border-radius: 1rem;

	-ms-border-radius: 1rem;

	-o-border-radius: 1rem;

	transition: .4s;

	-webkit-transition: .4s;

	-moz-transition: .4s;

	-ms-transition: .4s;

	-o-transition: .4s;

}

.list_bc_h > li:hover figure {

	border-color: var(--tailwind-600);

}

.list_bc_h > li figure img {

	aspect-ratio: 3/1;

	width: 90%;

}



.rh_7 .min_wrap {

	padding: 2rem;

	background: linear-gradient(180deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);

	border-radius: 1rem;

	-webkit-border-radius: 1rem;

	-moz-border-radius: 1rem;

	-ms-border-radius: 1rem;

	-o-border-radius: 1rem;

}

.list_rh_7 {

	display: flex;

	flex-wrap: wrap;

	gap: var(--gap20);

}

.list_rh_7 > li {

	flex: 1 1 30rem;

	max-width: 100%;

	overflow: hidden;

	border-radius: 1rem;

	-webkit-border-radius: 1rem;

	-moz-border-radius: 1rem;

	-ms-border-radius: 1rem;

	-o-border-radius: 1rem;

}

.play_video_rh_7 {

	background-color: #000;

	aspect-ratio: 16/9;

	overflow: hidden;

	position: relative;

}

.play_video_rh_7 a::before {

	content: "";

	background: url(../imgs/img-demo/ic-09.png) no-repeat;

	background-size: cover;

	width: 4.8rem;

	height: 4.8rem;

	margin: auto;

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 2;

}

.play_video_rh_7 iframe {

	width: 100% !important;

	height: 100% !important;

}

.list_video_rh_7 {

	max-height: 20rem;

	overflow-y: auto;

	overscroll-behavior: contain;

}

.list_video_rh_7 > li {

	padding-top: 2rem;

	display: flex;

	gap: var(--gap16);

	align-items: flex-start;

}

.img_list_video_rh_7 {

	user-select: none;

	flex-basis: 12rem;

	aspect-ratio: 3/2;

	background-color: var(--tailwind-50);

	overflow: hidden;

	position: relative;

	border-radius: 1rem;

	-webkit-border-radius: 1rem;

	-moz-border-radius: 1rem;

	-ms-border-radius: 1rem;

	-o-border-radius: 1rem;

}

.img_list_video_rh_7 a::before {

	content: "";

	background: url(../imgs/img-demo/ic-09.png) no-repeat center center;

	background-size: cover;

	width: 2.4rem;

	height: 2.4rem;

	margin: auto;

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

}

.img_list_video_rh_7 img {

	display: block;

	width: 100%;

	height: 100%;

}

.m_list_video_rh_7 {

	flex: 1;

}

.m_list_video_rh_7 h3 {

	font-size: var(--font-size-14);

	font-weight: 400;

	color: var(--color-2);

	display: -webkit-box;

	-webkit-line-clamp: 4;

	line-clamp: 4;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.m_list_video_rh_7 h3 a {

	display: block;

	color: var(--color-2);

}

.m_list_video_rh_7 h3 a:hover,

.list_video_rh_7 > li.active h3 a {

	color: var(--color-3);

}



.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-3);

	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;

}



.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 {

	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(64, 64, 65, .75);

    border-top-left-radius: 4rem;

    border-bottom-right-radius: 4rem;

    padding: 2rem 3rem;

    color: #fff;

}

.r_bg_cont {

    background-color: rgba(64, 64, 65, .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;

}

.mn_bg_cont {

	display: flex;

}

.mn_bg_cont > li {

	position: relative;

	font-weight: 500;

}

.mn_bg_cont > li::after {

	content: "";

	width: .1rem;

	height: 1rem;

	background-color: rgba(255,255,255,.7);

	position: absolute;

	top: 1.3rem;

	right: 0;

}

.mn_bg_cont > li:last-child::after {

	display: none;

}

.mn_bg_cont > li > a {

	display: block;

	padding: .5rem 1rem;

	color: rgba(255,255,255,.7);

	text-transform: capitalize;

	transition: color .4s;

	-webkit-transition: color .4s;

	-moz-transition: color .4s;

	-ms-transition: color .4s;

	-o-transition: color .4s;

}

.mn_bg_cont > li:last-child > a {

	padding-right: 0;

}

.mn_bg_cont > li > a:hover {

	color: #fff;

}

.mn_bg_cont > li.active > a {

	color: #fff;

	font-weight: 700;

}



.ul_breacrum {

	font-size: var(--font-size-12);

	color: var(--tailwind-100);

}

.ul_breacrum > li {display: inline-block;}

.ul_breacrum > li::after {

	font-family: "Font Awesome 7 Pro";

	font-weight: 300; 

	content: "\f105";

	margin: 0 3px;

	font-size: var(--font-size-12);

}

.ul_breacrum > li:last-child::after {

	display: none;

}

.ul_breacrum > li > a {

	color: var(--tailwind-100);

}

.ul_breacrum > li > a:hover {color: #fff;}

.ul_breacrum > li:nth-child(3)::after,

.ul_breacrum > li:nth-child(4),

.ul_breacrum > li:nth-child(5) {

	display: none;

}



.f_dv {

	background: #fff url(../imgs/img-demo/bg_2.jpg) no-repeat center top;

	background-size: 100% auto;

}

.des_f_page {

	text-align: center;

	font-size: var(--font-size-20);

	padding-bottom: 4rem;

}

.list_f_dv {

	display: flex;

	flex-wrap: wrap;

	gap: var(--gap40);

	padding-top: 2rem;

}

.list_f_dv > li {

	flex: 1 1 30rem;

	max-width: 100%;

}

.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 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_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-700);

	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;

}

.img_list_f_dv:hover .ic_list_f_dv {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

}

.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-3);

	font-size: var(--font-size-20);

	padding: 1.6rem 3rem 0 3rem;

}

.na_list_f_dv a {

	color: var(--color-3);

}

.mn_list_f_dv > li {

	position: relative;

	padding: .5rem 0 .5rem 6rem;

}

.mn_list_f_dv > li::before {

	font-family: "Font Awesome 7 Pro";

	font-weight: 300;

	content: "\f772";

	position: absolute;

	top: .5rem;

	left: 3rem;

	color: var(--color-3);

}

.mn_list_f_dv > li > a {

	color: var(--color-2);

}

.mn_list_f_dv > li > a:hover {

	color: var(--color-3);

}



.list_dv {

	display: grid;

	grid-template-columns: repeat(4, minmax(0, 1fr));

	gap: var(--gap40);

}

.list_dv > li:hover .img_list_f_dv {

	background-color: var(--tailwind-700);

}

.list_dv .na_list_f_dv {

	font-size: var(--font-size-16);

	padding-left: 0;

}

.list_dv > li:hover .na_list_f_dv a {

	color: #fff;

}



.m_f_contact {

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	gap: var(--gap40);

}

.l_f_contact, .r_f_contact  {

	flex: 1 0 200px;

	min-width: 1px;

	padding-bottom: 3rem;

}

.t_f_contact {

	font-size: var(--font-size-34);

	line-height: 50px;

	color: var(--color-1);

	font-weight: 500;

	padding-bottom: 1.6rem;

}

.list_contact > li {

	padding: .8rem 0;

	display: flex;

	justify-content: space-between;

	align-items: center;

	gap: 1.6rem;

	color: var(--color-3);

}

.list_contact > li span {

	user-select: none;

	width: 60px;

	height: 60px;

	text-align: center;

	line-height: 60px;

	font-size: 32px;

	color: var(--color-3);

	background-color: #f5f5f5;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	-o-border-radius: 4px;

}

.list_contact > li p {

	flex: 1;

	padding: 0; 

	font-size: var(--font-size-13);

}

.list_contact > li p strong {

	display: block; 

	font-weight: 600;

	font-size: var(--font-size-17);

}

.list_contact > li p a {

	color: var(--color-2);

}

.list_contact > li p a:hover {

	color: var(--color-1);

}

.note_f_contact {

	padding-bottom: 1.6rem;

}

.ul_r_f_contact > li {

	position: relative; 

	margin-top: 1.6rem;

}

.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);

	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;

}

.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;

	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;

}

.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;

	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;

}

.ipt_f_contact:focus,

.ipt_f_contact:focus~.icon_r_f_contact,

.txt_f_contact:focus,

.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;

}

.but_contact {

	user-select: none;

	margin-top: 3.2rem;

	border: 0;

	cursor: pointer;

	text-align: center;

	display: inline-block;

	border-radius: 4px;

	padding: 14px 30px;

	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(--color-3);

}

.but_contact:hover {

	opacity: .9;

}

.but_contact:focus, .but_contact:active {

	background-color: var(--tailwind-800);

}

.maps_ct .min_wrap {

	padding: 0;

	max-width: 1232px;

	background-color: #f5f5f5;

	aspect-ratio: 3/1;

	overflow: hidden;

	border-radius: 1rem;

	-webkit-border-radius: 1rem;

	-moz-border-radius: 1rem;

	-ms-border-radius: 1rem;

	-o-border-radius: 1rem;

}

.maps_ct .min_wrap iframe {

	width: 100% !important; 

	height: 100% !important;

}

.list_dc_f_contact > li {

	background-color: rgba(230,230,231,0.2);

	border-left: .3rem solid var(--tailwind-700);

	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(../imgs/logo-thumb.png) no-repeat;

	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(230, 230, 231, 0.3);

	border-color: var(--tailwind-600);

}

.list_dc_f_contact > li:nth-child(3) {

	background-color: rgba(230, 230, 231, 0.4);

	border-color: var(--tailwind-500);

}

.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;

	color: var(--color-2);

	font-size: var(--font-size-14);

}

.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-3);

}



.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);

}

.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;

}

.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 0;

	font-size: var(--font-size-12);

	color: var(--tailwind-100);

	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;

}



.list_f_news {

	display: grid;

	grid-template-columns: repeat(4, minmax(0, 1fr));

	column-gap: var(--gap24);

	row-gap: var(--gap40);

}

.img_list_f_news {

	user-select: none;

	overflow: hidden;

	aspect-ratio: 3/2;

	background: var(--tailwind-50);

	border-radius: 1rem;

	-webkit-border-radius: 1rem;

	-moz-border-radius: 1rem;

	-ms-border-radius: 1rem;

	-o-border-radius: 1rem;

}

.img_list_f_news img {

	display: block;

	width: 100%;

	height: 100%;

}

.na_list_f_news {

	color: var(--color-2);

	display: -webkit-box;

	-webkit-line-clamp: 3;

	line-clamp: 3;

	-webkit-box-orient: vertical;

	overflow: hidden;

	font-size: var(--font-size-16);

	font-weight: 500;

	padding-top: 1.6rem;

}

.na_list_f_news a {

	color: var(--color-2);

}

.na_list_f_news a:hover {

	color: var(--color-3);

}



.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%;

}

.ct_cont_D_2 {

	flex: 3 1 20rem;

	min-width: .1rem;

	max-width: 100%;

}

.sb_cont_D, .sb_cont_D_2  {

	position: sticky;

	top: calc(var(--height-hea) + 2rem) ;

	flex: 1 1 4rem;

}

.til_news_D {

	font-size: var(--font-size-30);

	padding-bottom: 1.6rem;

}

.des_news_D {

	font-size: var(--font-size-18);

	padding-bottom: 1.6rem;

	font-weight: 600;

}

.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;

	padding-bottom: 1.6rem;

}

.dc_td_D {

	padding: 0;

	color: var(--text-color-2);

}

.dc_td_D span {

	margin-right: 8px;

}

.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);

}

.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;

}



.til_sb_cont {

	font-size: var(--font-size-20);

	padding: .8rem 0 2rem 0;

	font-weight: 600;

	text-transform: capitalize;

}

.list_sb_page > li {

	padding-bottom: 2rem;

	display: flex;

	align-items: flex-start;

	gap: var(--gap16);

	flex-wrap: wrap;

}

.list_sb_page > li:last-child {

	padding-bottom: 0;

}

.img_list_sb_page {

	width: 140px;

	aspect-ratio: 3/2;

	background-color: var(--tailwind-50);

	overflow: hidden;

	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;

}

.nd_list_sb_page .dc_td_D {

	padding-top: 6px;

	font-size: var(--font-size-12);

	color: var(--color-4);

}

.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);

}

.na_list_sb_page a:hover {

	color: var(--tailwind-600);

}



.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%;

}

.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-600);

	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(235,254,243,1) 100%);

}

.t_tab_prod_1 {

	padding: 2rem 0 4rem 0;

	text-align: center;

}

.i_t_tab_prod_1 {

	display: inline-flex;

	gap: .4rem;

	background-color: var(--tailwind-200);

	padding: .4rem;

	border-radius: 2.8rem;

	-webkit-border-radius: 2.8rem;

	-moz-border-radius: 2.8rem;

	-ms-border-radius: 2.8rem;

	-o-border-radius: 2.8rem;

}

.i_t_tab_prod_1 span {

	user-select: none;

	min-width: 14rem;

	cursor: pointer;

	line-height: 2rem;

	padding: 1.4rem 1.6rem;

	text-align: center;

	text-transform: capitalize;

	font-weight: 600;

	border-radius: 2.4rem;

	-webkit-border-radius: 2.4rem;

	-moz-border-radius: 2.4rem;

	-ms-border-radius: 2.4rem;

	-o-border-radius: 2.4rem;

}

.i_t_tab_prod_1 span:hover {

	background-color: rgba(255,255,255,.7);

}

.i_t_tab_prod_1 span.active {

	background-color: #fff;

	color: var(--color-3);

}

.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;

}

.list_td > li:hover {

	box-shadow: 0 0 2rem rgba(0,144,81,.2);

}

.img_list_td {

	flex-basis: 12rem;

	aspect-ratio: 3/2;

	overflow: hidden;

	background-color: var(--tailwind-50);

	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);

}

.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;

}

.na_list_td {

	color: var(--color-3);

	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-3);

}

.tt_list_td {

	padding-top: .5rem;

}

.line_tt_list_td {

	position: relative;

	top: -.1rem;

	font-size: 1rem;

	margin: 0 .4rem;

}



.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(64, 64, 65, .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 .na_cont p {

	color: #fff;

	text-transform: uppercase;

}

.link_r_td_3 {

	cursor: pointer;

	margin-top: 2rem;

	text-transform: uppercase;

} 

.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;

}

.fcb_td .but_contact {

	width: 100%;

}

.t_fcb_td {

	text-transform: uppercase;

	font-size: var(--font-size-20);

	text-align: center;

	color: var(--color-3);

}

.na_til_D {

	display: inline-flex;

	align-items: center;

	gap: var(--gap20);

	font-size: var(--gap30);

	line-height: 1.2;

	max-width: 84rem;

}

.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;

}

.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;

}

.list_ttvl_td_D > li:last-child {

	padding-bottom: 0;

}

.br_list_ttvl_td_D {

	display: block;

}

.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(--color-3);

	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:hover {

	background-color: var(--tailwind-800);

}

.link_ut_td i {

	font-size: var(--font-size-20);

}

.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;

}

.r_td_D:last-child {

	margin-bottom: 0;

}

.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;

}

.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);

}



.r_lvhd {

	background-color: #fff;

}

.r_lvhd:nth-child(2n) {	

	background: var(--tailwind-50) url(../imgs/bg_f_lvhd.png) no-repeat top right;

}

.r_lvhd:nth-child(2n) .min_wrap {

	flex-direction: row;

}

.r_lvhd:nth-child(2n) .img_f_lvhd {

	margin-left: 0;

	margin-right: 2rem;

}

.r_lvhd:nth-child(2n) nd_f_lvhd {

	padding-right: 0;

	padding-left: 2rem;

}

.r_lvhd .min_wrap {

	display: flex;

	flex-direction: row-reverse;

	flex-wrap: wrap;

	align-items: center;

	gap: var(--gap40);

}

.img_f_lvhd {

	user-select: none;

	overflow: hidden;

	flex: 1 1 30rem;

	margin-left: 2rem;

	max-width: 100%;

	aspect-ratio: 3/2;

	background-color: #fff;

	border: .3rem solid var(--tailwind-500);

	border-top-left-radius: 8rem;

	border-bottom-right-radius: 8rem;

}

.img_f_lvhd a {

	display: block;

	height: 100%;

}

.img_f_lvhd img {

	padding: .3rem;

	display: block;

	width: 100%;

	height: 100%;

	border-top-left-radius: 8rem;

	border-bottom-right-radius: 8rem;

	transition: transform .4s;

	-webkit-transition: transform .4s;

	-moz-transition: transform .4s;

	-ms-transition: transform .4s;

	-o-transition: transform .4s;

}

.img_f_lvhd: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_f_lvhd {

	flex: 1 1 30rem;

	max-width: 100%;

	padding-right: 2rem;

}

.link_f_lvhd {

	margin-top: 4rem;

}



.r1_f_gp {

	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(235, 254, 243, 1) 100%);

	box-shadow: 0 0 2rem rgba(0, 0, 0, .1);

}

.r1_f_gp .min_wrap {

	display: flex;

	flex-wrap: wrap;

	gap: var(--gap40);

}

.l_r1_f_gp {

	overflow: hidden;

	border-radius: 1rem;

	-webkit-border-radius: 1rem;

	-moz-border-radius: 1rem;

	-ms-border-radius: 1rem;

	-o-border-radius: 1rem;

}

.img_r1_f_gp {

	height: 100%;

	user-select: none;

	overflow: hidden;

	background-color: var(--tailwind-50);

	border-radius: 1rem;

	-webkit-border-radius: 1rem;

	-moz-border-radius: 1rem;

	-ms-border-radius: 1rem;

	-o-border-radius: 1rem;

}

.img_r1_f_gp img {

	display: block;

	width: 100%;

	height: 100%;

}

.tt_f_gp {

	position: relative;

	background-color: rgba(0,144,81,.9);

	color: #fff;

	display: flex;

	flex-direction: row-reverse;

	justify-content: space-between;

	align-items: center;

	flex-wrap: wrap;

	padding: 2.5rem;

	height: 20.7rem;

}

.tt_f_gp::before {

	content: "";

	width: 45%;

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	background: linear-gradient(90deg, rgba(3,98,59,1) 0%, rgba(3,98,59,0) 100%);

}

.na_tt_f_gp {

	position: relative;

	z-index: 1;

	background-color: var(--tailwind-600);

	border-top-left-radius: 4rem;

	border-bottom-right-radius: 4rem;

	font-size: var(--font-size-30);

	padding: 2rem;

	text-align: center;

	max-width: 45%;

}

.na_tt_f_gp p {

	padding: 0;

	color: var(--tailwind-50);

	text-transform: capitalize;

	font-weight: 500;

}

.na_tt_f_gp strong {

	text-transform: uppercase;

	color: #fff;

	font-weight: 700;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.des_tt_f_gp {

	position: relative;

	z-index: 1;

	font-size: var(--font-size-14);

	font-weight: 500;

	max-width: 45%;

	display: -webkit-box;

	-webkit-line-clamp: 7;

	line-clamp: 7;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.slide_f_gp {

	padding-top: .2rem;

}

.swiper6 .swiper-slide {

	user-select: none;

	aspect-ratio: 16/9;

	overflow: hidden;

	background-color: var(--tailwind-50);

}

.nd_swiper6 {

	padding: 1rem 2.5rem;

	position: absolute;

    bottom: 0;

    right: 0;

    left: 0;

    z-index: 1;

    color: #fff;

    font-size: var(--font-size-14);

    background-color: rgba(0, 0, 0, .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;

}

.na_nd_swiper6 {

	font-size: var(--font-size-14);

	text-transform: capitalize;

}

.des_swiper6 {

	display: none;

	padding: .5rem 0 0 0;

	font-size: var(--font-size-12);

	-webkit-line-clamp: 3;

	line-clamp: 3;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.swiper6 .swiper-slide:hover .des_swiper6 {

	display: -webkit-box;

}



.r2_f_gp .min_wrap {

	display: flex;

	flex-wrap: wrap;

    align-items: flex-start;

    gap: var(--gap40);

}

.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(../imgs/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-600);

	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 7 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-700);

	border-color: var(--tailwind-700);

	color: #fff;

}



.swiper-pagination-7 {

	position: static;

	margin-top: 3rem;

}

.swiper-pagination-7 .swiper-pagination-bullet {

	width: 3rem;

	border-radius: .4rem;

	-webkit-border-radius: .4rem;

	-moz-border-radius: .4rem;

	-ms-border-radius: .4rem;

	-o-border-radius: .4rem;

}

.swiper-pagination-7 .swiper-pagination-bullet.swiper-pagination-bullet-active {

	background-color: var(--color-3);

}



.r_gp_D {

	margin-top: 4rem;

}

.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: 5px solid var(--tailwind-700);

	overflow: hidden;

	background-color: var(--tailwind-700);

	border-radius: 1rem;

	-webkit-border-radius: 1rem;

	-moz-border-radius: 1rem;

	-ms-border-radius: 1rem;

	-o-border-radius: 1rem;

}

.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 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;

}

.slide_gp_D {

	user-select: none;

	display: flex;

	gap: var(--gap10);

	background-color: #fff;

	padding: 1rem;

	box-shadow: 0 0 2rem rgba(0,144,81,.1);

	overflow: hidden;

	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.swiper-slide-thumb-active::before {

	content: "";

	background-color: rgba(0,144,81,.1);

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

}

.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 7 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 7 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;

}



.r2_f_gp_D .min_wrap {

	align-items: stretch;

}

.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;

}



.play_vd__sb_D {

	user-select: none;

	aspect-ratio: 16/9;

	overflow: hidden;

	background-color: #000;

	border-radius: 1rem;

	-webkit-border-radius: 1rem;

	-moz-border-radius: 1rem;

	-ms-border-radius: 1rem;

	-o-border-radius: 1rem;

}

.play_vd__sb_D iframe {

	width: 100% !important;

	height: 100% !important;

}

.na_play_vd__sb_D {

	padding-top: 1.6rem;

	font-size: var(--font-size-14);

	display: -webkit-box;

	-webkit-line-clamp: 2;

	line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.list_vd_sb_D {

	font-size: var(--font-size-14);

}

.list_vd_sb_D > li {

	padding-top: 1.6rem;

}

.list_vd_sb_D > li > a {

	display: flex;

	gap: 1.2rem;

	color: var(--color-2);

	line-height: 1.3;

}

.list_vd_sb_D > li.active > a,

.list_vd_sb_D > li > a:hover {

	color: var(--color-3);

}

.num_list_vd_sb_D {

	flex-basis: 4rem;

	user-select: none;

	display: flex;

	justify-content: center;

	align-items: center;

	font-size: var(--font-size-24);

	color: var(--color-3);

	font-weight: 600;

	background-color: var(--tailwind-50);

	width: 4rem;

	height: 4rem;

	border-radius: .2rem;

	-webkit-border-radius: .2rem;

	-moz-border-radius: .2rem;

	-ms-border-radius: .2rem;

	-o-border-radius: .2rem;

}

.nd_list_vd_sb_D {

	flex: 1;

	border-bottom: 1px dotted #d9d9d9;

	padding-bottom: 1.6rem;

}

.list_vd_sb_D > li:last-child .nd_list_vd_sb_D {

	border-bottom: 0;

}



.dc_sb_D {

	top: calc(var(--height-hea) + 2rem);

	background-color: var(--tailwind-50);

	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;

}

.m_dc_sb_D a {

	color: var(--color-2);

} 

.m_dc_sb_D a:hover {

	text-decoration: underline;

	color: var(--color-3);

}



.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;

}



.bg_gt {

	background-color: var(--tailwind-50);

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

}

.bg_gt .min_wrap {

	height: 40rem;

	position: relative;

	display: flex;

	justify-content: flex-end;

	align-items: center;

}

.til_bg_gt {

	background-color: rgba(64,64,65,.75);

	border-top-left-radius: 4rem;

	border-bottom-right-radius: 4rem;

	padding: 2rem 3rem;

	color: #fff;

	text-align: right;

	font-size: var(--font-size-30);

	font-weight: 500;

}

.til_bg_gt p {

	padding: 0;

	color: var(--tailwind-50);

	text-transform: capitalize;

}

.til_bg_gt strong {

	text-transform: uppercase;

	color: #fff;

	font-weight: 700;

}



.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%;

}



.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-3);

	font-weight: 700;

	font-size: 60px;

}

.list_r_vct_2 > li span {

	display: block;

}



.r_vct_3 .min_wrap {

	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 .min_wrap::before {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background-color: rgba(64,64,65,.9);

}

.r_vct_3 .f-detail {

	color: var(--tailwind-50);

	padding-top: 2rem;

}

.r_vct_3  .f-detail ul li::before {

	color: var(--tailwind-50);

}

.r_vct_3 .t3_cont {

	position: relative;

	z-index: 2;

}

.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_4 {

	background: #fff url(../imgs/bg_r_vct_4.png) no-repeat bottom right;

	background-size: cover;

}

.r_vct_4 .min_wrap {

	display: flex;

	flex-wrap: wrap;

	gap: var(--gap40);

}

.col_r_vct_4 {

	flex: 1 1 30rem;

	max-width: 100%;

}

.t_r_vct_4 {

	margin-bottom: 3rem;

}

.na_r_vct_4 {

	text-transform: capitalize;

	font-size: var(--gap30);

	color: var(--color-3);

}



.r_vct_5 {

	background: #012d1d url(../imgs/bg_r_vct_5.png) no-repeat center right;

	background-size: auto 100%;

}

.r_vct_5 .na_r_vct_4 {

	color: #fff;

}

.l_r_vct_5 {

	position: relative;

	width: calc(50% - 2rem);

	background: var(--tailwind-600);

	color: var(--tailwind-50);

	padding-right: 6rem;

	padding-left: calc(calc(100% - 1280px) / 2);

	border-top-right-radius: 2rem;

	border-bottom-right-radius: 2rem;

}

.l_r_vct_5::before {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background: var(--tailwind-600) url(../imgs/bg_l_r_vct_5.png) no-repeat top left;

	background-size: 100% auto;

	border-top-right-radius: 2rem;

	border-bottom-right-radius: 2rem;

	z-index: 1;

}

.l_r_vct_5::after {

	content: "";

	position: absolute;

	top: 1.2rem;

	right: -1.2rem;

	bottom: -1.2rem;

	left: 0;

	background-color: rgba(0,144,81,.9);

	border-top-right-radius: 2.6rem;

	border-bottom-right-radius: 2.6rem;

}

.l_r_vct_5 .t_r_vct_4,

.l_r_vct_5 .f-detail {

	position: relative;

	z-index: 2;

}

.l_r_vct_5 .f-detail, .l_r_vct_5 .f-detail ul li::before {

	color: var(--tailwind-50);

}



.list_cttv > li .min_wrap {

	display: flex;

	align-items: center;

	flex-wrap: wrap;

	gap: var(--gap40);

	position: relative;

}

.list_cttv > li:nth-child(2n) {

	background: linear-gradient(0deg, #ffffff 0%, rgba(230, 230, 231, 1) 100%);

	border-top-left-radius: 12rem;

}

.list_cttv > li:nth-child(2n) .min_wrap {

	flex-direction: row-reverse;

}

.list_cttv > li:nth-child(2n) .img_list_cttv {

	margin-right: 0;

	margin-left: 2rem;

}

.list_cttv > li:nth-child(2n) .nd_list_cttv {

	margin-right: 2rem;

	margin-left: 0;

}

.list_cttv > li:nth-child(2n) .link_cttv {

	right: 50%;

}

.list_cttv > li:nth-child(4) {

	border-top-right-radius: 12rem;

	border-top-left-radius: 0;

}

.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-600);

	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;

}

.nd_list_cttv .t1_cont {

	position: relative;	

}

.nd_list_cttv .t1_cont::before {

	content: "";

	background: url(../imgs/logo-thumb-2.png) no-repeat;

	background-size: contain;

	width: 11rem;

	height: 11rem;

	position: absolute;

	top: -2.4rem;

	left: -2rem;

}

.nd_list_cttv .t1_cont .na_cont {

	position: relative;

	z-index: 2;

}

.link_cttv {

	user-select: none;

	position: absolute;

	bottom: 0;

	right: 0;

	z-index: 2;

	color: var(--color-3);

	font-size: var(--font-size-12);

	background-color: #fff;

	text-transform: uppercase;

	display: inline-flex;

	align-items: center;

	gap: .6rem;

}

.link_cttv i {

	font-size: var(--font-size-16);

	transition: .3s;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-ms-transition: .3s;

	-o-transition: .3s;

}

.link_cttv:hover i {

	transform: scale(1.4);

	-webkit-transform: scale(1.4);

	-moz-transform: scale(1.4);

	-ms-transform: scale(1.4);

	-o-transform: scale(1.4);

}



.r2_sdtc {

	background: url(../imgs/bg_r2_sdtc.png) no-repeat top center, linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 231, 1) 100%);

	background-size: 100% auto;

}



.spec_sdtc {

	display: flex;

	flex-wrap: wrap;

	gap: var(--gap30);

	background-color: var(--tailwind-600);

	color: #fff;

	padding: 1rem;

	border-top-left-radius: 6rem;

	border-bottom-right-radius: 6rem;

	position: relative;

}

.spec_sdtc::before {

	content: "";

	position: absolute;

	top: .5rem;

	right: 1rem;

	bottom: -.5rem;

	left: 1rem;

	background-color: rgba(64,64,65,.5);

	border-top-left-radius: 6rem;

	border-bottom-right-radius: 6rem;

}

.spec_sdtc::after {

	content: "";

	position: absolute;

	top: 1rem;

	right: 1.5rem;

	bottom: -1rem;

	left: 1.5rem;

	background-color: rgba(64,64,65,.5);

	border-top-left-radius: 6rem;

	border-bottom-right-radius: 6rem;

}

.spec_sdtc .link_cttv {

	position: absolute;

	top: 3rem;

	right: 3rem;

	bottom: auto;

	z-index: 2;

	color: var(--tailwind-200);

	background: none;

}

.img_spec_sdtc {

	position: relative;

	z-index: 2;

	user-select: none;

	width: 28rem;

	height: 28rem;

	overflow: hidden;

	background-color: var(--tailwind-50);

	border-top-left-radius: 5rem;

	border-bottom-right-radius: 5rem;

}

.img_spec_sdtc 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_spec_sdtc:hover img {

	transform: scale(1.05);

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-ms-transform: scale(1.05);

	-o-transform: scale(1.05);

}

.nd_spec_sdtc {

	position: relative;

	z-index: 2;

	flex: 1;

	overflow: hidden;

	padding-right: 3rem;

	height: 28rem;

	cursor: pointer;

}

.nd_spec_sdtc .cv_sdtc {

	color: var(--tailwind-50);

}

.nd_spec_sdtc .na_sdtc {

	color: var(--color-5);

}

.nd_spec_sdtc .f-detail {

	color: #fff;

	font-size: var(--font-size-14);

	padding-top: 1rem;

}



.list_r2_sdtc {

	display: flex;

	justify-content: center;

	flex-wrap: wrap;

	padding-top: 2rem;

}

.list_r2_sdtc > li {

	flex-basis: 33.333333%;

	max-width: 100%;

	padding: 4rem;

	text-align: center;

}

.list_r2_sdtc > li:nth-child(1) {

	flex-basis: 100%;

}

.list_r2_sdtc > li a {

	display: flex;

	flex-direction: column;

	align-items: center;

	cursor: pointer;

}

.img_sdtc {

	user-select: none;

	background-color: #fff;

	width: 21rem;

	height: 21rem;

	padding: 1rem;

	box-shadow: 0 0 2rem rgba(230,230,231,.75);

	border-top-left-radius: 6rem;

	border-bottom-right-radius: 6rem;

	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_sdtc:hover {

	box-shadow: 0 0 4rem rgba(230,230,231,1);

}

.img_sdtc img {

	display: block;

	width: 100%;

	height: 100%;

	border-top-left-radius: 5rem;

	border-bottom-right-radius: 5rem;

	transition: transform .4s;

	-webkit-transition: transform .4s;

	-moz-transition: transform .4s;

	-ms-transition: transform .4s;

	-o-transition: transform .4s;

}

.img_sdtc:hover img {

	transform: scale(1.05);

	-webkit-transform: scale(1.051);

	-moz-transform: scale(1.051);

	-ms-transform: scale(1.051);

	-o-transform: scale(1.051);

}

.cv_sdtc {

	font-size: var(--font-size-14);

	color: var(--color-1);

	font-weight: 600;

	text-transform: capitalize;

	padding: 2rem 0 0 0;

}

.na_sdtc {

	color: var(--color-3);

	font-weight: 700;

	text-transform: capitalize;

}



.fcb_sdtc {

	display: none;

	width: 80rem;

	max-width: 100%;

	background-color: #fff;

	border-radius: 1rem;

	-webkit-border-radius: 1rem;

	-moz-border-radius: 1rem;

	-ms-border-radius: 1rem;

	-o-border-radius: 1rem;

}

.i_fcb_sdtc {

	display: flex;

	flex-wrap: wrap;

	gap: var(--gap24);

}

.nd_i_fcb_sdtc {

	flex: 1;

}

.nd_i_fcb_sdtc .cv_sdtc {

	padding-top: 0;

}

.nd_i_fcb_sdtc .f-detail {

	padding-top: 1rem;

	font-size: var(--font-size-14);

}



.r3_sdtc .list_r2_sdtc > li:nth-child(1) {

	flex-basis: 33.333333%;

}



.mn_gt {

	position: relative;

	z-index: 11;

	background-color: #fff;

	box-shadow: 0 0 1rem rgba(0,0,0,0.1);

}

.mn_gt .min_wrap {

	display: flex;

	flex: 1;

	gap: .1rem;

}

.mn_gt ul > li {

	position: relative;

}

.mn_gt ul > li.active::before {

	content: "";

	background-color: var(--tailwind-600);

	height: .4rem;

	position: absolute;

	top: -.4rem;

	right: 0;

	left: 0;

}

.mn_gt ul > li > a {

	display: flex;

	gap: var(--gap16);

	align-items: center;

	padding: 2rem;

	height: 10rem;

}

.mn_gt ul > li:hover > a,

.mn_gt ul > li.active > a {

	background-color: var(--tailwind-50);

}

.mn_gt ul > li > a figure {

	user-select: none;

	flex-basis: 4.8rem;

	display: flex;

	justify-content: center;

	align-items: center;

	height: 4.8rem;

}

.mn_gt ul > li > a figure img {

	max-height: 100%;

}

.mn_gt ul > li > a h2 {

	flex: 1;

	text-transform: capitalize;

	color: var(--color-2);

	font-size: var(--font-size-16);

	font-weight: 500;

}

.mn_gt ul > li.active > a h2 {

	color: var(--color-3);

}



.f_lsht_2 {

	position: sticky;

	bottom: 0;

	z-index: 11;

	background: #fff url(../imgs/bg_line.png) repeat-x top;

}

.gallery-top4 {

	user-select: none;

}

.gallery-top4 > .swiper-wrapper > .swiper-slide,

.gallery-top4 .gallery-top5,

.gallery-top4 .gallery-thumbs5 {

	opacity: 0;

	visibility: hidden;

}

.gallery-top4 > .swiper-wrapper > .swiper-slide.swiper-slide-active,

.gallery-top4 .swiper-slide.swiper-slide-active .gallery-top5,

.gallery-top4 .swiper-slide.swiper-slide-active .gallery-thumbs5 {

	opacity: 1;

	visibility: visible;

}

.num_gallery-top4 {	

	color: var(--color-3);

	text-transform: uppercase;

	font-size: 9rem;

	line-height: 9rem;

	font-weight: 700;

	text-align: center;

	letter-spacing: -.5rem;

	background: url(../imgs/bg_t_lsht.png) no-repeat center bottom .6rem;

	margin-bottom: 6rem;

}

.swiper-button-prev-4-plus {

	left: 33.333333%;

	top: 2rem;

	margin-top: 0;

}

.swiper-button-prev-4-plus::after {

	font-family: "Font Awesome 7 Pro";

	font-weight: 300;

	content: "\f104";

	color: var(--color-3);

}

.swiper-button-next-4-plus {

	right: 33.333333%;

	top: 2rem;

	margin-top: 0;

}

.swiper-button-next-4-plus::after {

	font-family: "Font Awesome 7 Pro";

	font-weight: 300;

	content: "\f105";

	color: var(--color-3);

}

.gallery-thumbs4 {

	user-select: none;

}

.gallery-thumbs4 .swiper-slide {

	cursor: pointer;

	text-align: center;

	font-size: var(--font-size-24);

	color: var(--color-2);

	padding: 2rem 0;

}

.gallery-thumbs4 .swiper-slide.swiper-slide-thumb-active {

	font-weight: 600;

	color: var(--color-3);

}

.gallery-thumbs4 .swiper-slide.swiper-slide-thumb-active::before {

	content: "";

	height: .5rem;

	position: absolute;

	top: 0;

	right: 0;

	left: 0;

	z-index: 1;

	background: linear-gradient(90deg, rgba(47,216,133,0) 0%, rgba(47,216,133,1) 50%, rgba(47,216,133,0) 100%);

}



.gallery-top5 .swiper-slide {

	cursor: pointer;

	display: flex;

	gap: var(--gap40);

	opacity: 0;

	visibility: hidden;

}

.gallery-top5 .swiper-slide.swiper-slide-active {

	opacity: 1;

	visibility: visible;

}

.img_gallery-top5 {

	flex: 1 1 30rem;

	max-width: 100%;

	aspect-ratio: 3/2;

	padding: 1rem 1rem 0 1rem;

	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(208, 251, 224, 1) 100%);

	border-top-left-radius: 6rem;

	border-bottom-right-radius: 6rem;

}

.img_gallery-top5 img {

	display: block;

	width: 100%;

	height: 100%;

	border-top-left-radius: 5rem;

	border-bottom-right-radius: 5rem;

}

.nd_gallery-top5 {

	flex: 1 1 30rem;

	max-width: 100%;

	aspect-ratio: 3/2;

	overflow: auto;

}



.gallery-thumbs5 {

	width: calc(50% - 2rem);

	margin: 1.6rem 0 0 0;

	padding: 0 1rem;

}

.gallery-thumbs5 .swiper-slide {

	pointer-events: all !important;

	cursor: pointer;

	aspect-ratio: 3/2;

	border-top-left-radius: 1rem;

	border-bottom-right-radius: 1rem;

	overflow: hidden;

	border: 2px solid #fff;

}

.gallery-thumbs5 .swiper-slide.swiper-slide-thumb-active {

	border-color: var(--tailwind-600);

}

.gallery-thumbs5 .swiper-slide img {

	display: block;

	width: 100%;

	height: 100%;

}

.swiper-button-prev-5-plus {

	left: 0;

	width: 1.4rem;

	height: 2.2rem;

	margin-top: -1.1rem;

}

.swiper-button-prev-5-plus::after {

	font-family: "Font Awesome 7 Pro";

	font-weight: 300;

	content: "\f104";

	color: var(--color-3);

	font-size: var(--font-size-22);

}

.swiper-button-next-5-plus {

	right: 0;

	width: 1.4rem;

	height: 2.2rem;

	margin-top: -1.1rem;

}

.swiper-button-next-5-plus::after {

	font-family: "Font Awesome 7 Pro";

	font-weight: 300;

	content: "\f105";

	color: var(--color-3);

	font-size: var(--font-size-22);

}



.list_lsht > li {

	display: flex;

	flex-wrap: wrap;

	align-items: flex-start;

	gap: var(--gap40);

	padding: 4rem 0;

}

.list_lsht > li:first-child {

	padding-top: 0;

}

.list_lsht > li:last-child {

	padding-bottom: 0;

}

.list_lsht > li:nth-child(2n) {

	flex-direction: row-reverse;

}

.img_list_lsht {

	flex: 1 1 30rem;

	max-width: 100%;

	user-select: none;

    aspect-ratio: 3 / 2;

    padding: 1rem;

    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(208, 251, 224, 1) 100%);

    border-top-left-radius: 6rem;

    border-bottom-right-radius: 6rem;

}

.img_list_lsht img {

	display: block;

    width: 100%;

    height: 100%;

    border-top-left-radius: 5rem;

    border-bottom-right-radius: 5rem;

}

.nd_list_lsht {

	flex: 1 1 30rem;

	max-width: 100%;

}



.bg_g_x {

	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(235, 254, 243, 1) 100%);

}



.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);

}



.t1_h {

	display: flex;

	align-items: center;

	gap: var(--gap20);

	padding-bottom: 2rem;

}

.na_h {

	text-transform: uppercase;

	color: var(--color-3);

	font-size: var(--font-size-20);

	font-weight: 700;

}

.na_h a, .link_na_h:hover {

	color: var(--color-3);

}

.link_na_h {

	color: var(--color-4);

	font-size: var(--font-size-14);

}

.t2_h {

	padding-bottom: 2rem;

	text-align: center;

}

.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(245,245,246,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;

}



.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-3);

	font-size: var(--font-size-40);

	text-transform: capitalize;

	font-weight: 700;

	padding: .5rem 0 0 0;

}

.na_cont p a {

	color: var(--color-3);

}

.des_cont {

	padding: 1rem 15% 0 15%;

	font-size: var(--gap16);

	font-weight: 600;

}

.t2_cont {

	position: relative;

	padding-bottom: 1.2rem;

	margin-bottom: 3rem;

}

.t2_cont::before {

	content: "";

	background-color: var(--color-3);

	width: 6.4rem;

	height: .4rem;

	position: absolute;

	bottom: 0;

	left: 0;

}

.t2_cont .na_cont {

	font-size: var(--font-size-40);

	color: var(--color-3);

	text-transform: capitalize;

	font-weight: 700;

}

.t3_cont {

	text-align: center;

	color: var(--tailwind-50);

	margin-bottom: 3rem;

}

.t3_cont .na_cont {

	font-size: var(--font-size-40);

	color: #fff;

	text-transform: capitalize;

	font-weight: 700;

}

.t4_cont {

	position: relative;

	padding-bottom: 1.2rem;

	margin-bottom: 3rem;

	text-align: center;

}

.t4_cont::before {

	content: "";

	background-color: var(--tailwind-600);

	width: 6.4rem;

	height: .4rem;

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	margin: 0 auto;

}

.t4_cont .na_cont {

	font-size: var(--font-size-40);

	color: var(--color-3);

	text-transform: capitalize;

	font-weight: 700;

}



.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);

}

.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-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_02:hover, .link_03:hover {

	background-color: var(--color-3);

	color: #fff;

}

.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-3);

	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;

}



/************************************************************************************

CSS LIVAZA

*************************************************************************************/



#container {

	min-height: calc(100vh - 30.4rem);

	position: relative;

}



.sty_home, .sty_page {

	background-color: #111415;

}

.sty_home #container, .sty_page #container {	

	background: url(../imgs/bg_cont.png) no-repeat center bottom;

	padding-bottom: 3.2rem;

	border-top: 0.1rem solid rgba(237,255,245,0.1);

}



/* ===== IMAGE SKELETON ONLY ===== */

.sk-img {

  position: relative;

  overflow: hidden;

  background: #e5e7eb;

}



.sk-img::after {

  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(

    90deg,

    transparent,

    rgba(255,255,255,.6),

    transparent

  );

  animation: sk-img 1.4s infinite;

}



@keyframes sk-img {

	0% {

		transform: translateX(-100%);

		-webkit-transform: translateX(-100%);

		-moz-transform: translateX(-100%);

		-ms-transform: translateX(-100%);

		-o-transform: translateX(-100%);

	}

	100% {

		transform: translateX(100%);

		-webkit-transform: translateX(100%);

		-moz-transform: translateX(100%);

		-ms-transform: translateX(100%);

		-o-transform: translateX(100%);

	}

}

.sk-img img {

  width: 100%;

  display: block;

  opacity: 0;

}



.sk-img.loaded::after {

  display: none;

}



.sk-img.loaded img {

  opacity: 1;

  transition: opacity .3s ease;

}

/* ===== IMAGE SKELETON ONLY ===== */



.butNew_01 {

	display: flex;

	justify-content: center;

	align-items: center;

	gap: var(--gap12);

	border: 0;

	cursor: pointer;

	background-color: var(--PrimaryColor);

	color: var(--tailwind2-950);

	font-size: var(--gap16);

	line-height: 2.4rem;

	font-weight: 400;

	padding: 1.6rem 2.4rem;

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.butNew_01:hover {

	background-color: var(--SeconColor);

}

.butNew_02 {

	display: flex;

	justify-content: center;

	align-items: center;

	gap: var(--gap12);

	border: 0.1rem solid var(--tailwind2-200);

	cursor: pointer;	

	color: var(--tailwind2-200);

	font-size: var(--gap16);

	line-height: 2.4rem;

	font-weight: 300;

	padding: 1.4rem 2.2rem;

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.butNew_02 i {

	font-size: var(--font-size-20);

}

.butNew_02:hover {

	background-color: var(--tailwind2-200);

	color: var(--tailwind2-950);

}



.slide_h {

	height: calc(100vh - var(--height-hea));

	background-color: #0C0F10;

	position: relative;

	overflow: hidden;

}

.slide_h::before {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 2;

	background: linear-gradient(0deg,rgba(17, 20, 21, 1) 0%, rgba(17, 20, 21, 0) 50%);

}

.slide_h::after {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 1;

	background: linear-gradient(-90deg,rgba(255, 255, 255, 0) 50%, rgba(17, 20, 21, 1) 100%);

}



.swiper1 {

	height: 100%;

	background-color: #d9d9d9;

}

.img_slide_h {

	background-repeat: no-repeat !important;

	background-position: center center !important;

	background-size: cover !important;

	height: 100%;

	transition: all 8s ease-out 0s;

	-webkit-transition: all 8s ease-out 0s;

	-moz-transition: all 8s ease-out 0s;

	-ms-transition: all 8s ease-out 0s;

	-o-transition: all 8s ease-out 0s;

	transform: scale(1);

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

}

.swiper1 .swiper-slide-active .img_slide_h {

	transform: scale(1.2);

	-webkit-transform: scale(1.2);

	-moz-transform: scale(1.2);

	-ms-transform: scale(1.2);

	-o-transform: scale(1.2);

}



.content_slide_h {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	margin: auto;

	color: #fff;

	z-index: 13;

	display: flex;

	align-items: center;

}

.text_slide_h {

	width: calc(50% - 3.2rem);

	max-width: 100%;

	display: flex;

	flex-direction: column;

	gap: var(--gap24);

}

.til_text_slide_h {

	font-size: var(--font-size-40);

	line-height: 1.2;

	text-transform: uppercase;

	font-weight: 600;

	display: flex;

	flex-direction: column;

}

.til_text_slide_h strong {

	display: inline-flex;

	padding-top: 0.8rem;

	background: linear-gradient(to right, #E0732F 0%, #fff 100%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.til_text_slide_h p {

	display: inline-flex;

	padding: 0.8rem 0 0 0;

	font-weight: 700;

	background: linear-gradient(to bottom, #E0732F 0%, #fff 100%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.des_text_slide_h {

	font-size: var(--font-size-18);

}

.but_text_slide_h {

	display: flex;

	flex-wrap: wrap;

	gap: var(--gap16);

}



.tit_cont_1 {

	display: flex;

	flex-direction: column;

	gap: var(--gap08);

	margin-bottom: 3.2rem;

	color: var(--color-1-new);

	max-width: 80rem;

}

.tit_cont_2 {

	display: flex;

	flex-direction: column;

	gap: var(--gap08);

	text-align: center;

	margin: 0 auto 3.2rem auto;

	color: var(--color-1-new);

	max-width: 80rem;

}

.td_cont {

	font-size: var(--font-size-40);

	font-weight: 400;

}

.td_cont_2 {

	font-size: var(--font-size-30);

	line-height: 1.2;

	font-weight: 400;

	color: var(--color-1-new);

}

.nd_cont {

	color: var(--tailwind2-200);

	max-width: 80rem;

}



.c_livaza .min_wrap {

	display: flex;

	flex-wrap: wrap;

	gap: var(--gap24);

	color: var(--color-1-new);

}

.c1_livaza {

	flex: 1 0 0;

}

.c2_livaza {

	flex: 2 0 2.4rem;

}

.c3_livaza {

	flex: 3 0 4.8rem;

}



.list_rlhNew_1 {

	display: flex;

	align-items: flex-start;

	flex-wrap: wrap;

	gap: var(--gap24);

	padding: 3rem 0;

	color: var(--color-1-new);

}

.list_rlhNew_1 > li {

	flex: 1 0 20rem;

	max-width: 100%;

	text-align: center;

	display: flex;

	flex-direction: column;

	gap: var(--gap20);

	padding: 2.4rem;

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.list_rlhNew_1 > li:hover {

	background-color: #0C0F10;

}

.ic_list_rlhNew_1 {

	display: block;

	width: auto;

	height: 8rem;

	margin: auto;

}

.na_list_rlhNew_1 {

	font-size: var(--font-size-18);

	font-weight: 400;

	color: var(--tailwind2-200);

}



.rlhNew_2 {

	background: #0C0F10 url(../imgs/bg_cont_2.png) no-repeat center top;

}

.l_rlhNew_2 {

	padding-right: 2.4rem;

}

.list_rlhNew_2 {

	display: flex;

	flex-direction: column;

	gap: var(--gap24);

}

.list_rlhNew_2 > li {

	flex: 1;

	display: flex;

	gap: var(--gap16);

	align-items: center;

}

.ic_list_rlhNew_2 {

	width: 4.8rem;

	height: 4.8rem;

	display: flex;

	justify-content: center;

	align-items: center;

}

.ic_list_rlhNew_2 img {

	max-height: 100%;

	object-fit: contain;

}

.if_list_rlhNew_2 {

	display: flex;

	flex-direction: column;

}

.if_list_rlhNew_2 > a {

	font-size: var(--font-size-18);

	font-weight: 400;

	color: var(--tailwind2-200);

}

.if_list_rlhNew_2 > div {

	color: var(--tailwind2-200);	

}

.form_rlhNew_2 {

	background-color: rgba(255, 255, 255, 0.1);

	border: 0.1rem solid rgba(245, 213, 179, 0.25);

	padding: 4.8rem;

	border-radius: 1.6rem;

	-webkit-border-radius: 1.6rem;

	-moz-border-radius: 1.6rem;

	-ms-border-radius: 1.6rem;

	-o-border-radius: 1.6rem;

}

.til_form_rlhNew_2 {

	font-size: var(--font-size-18);

	font-weight: 400;

	margin-bottom: 3.2rem;

}

.list_form_rlhNew_2 {

	display: flex;

	gap: var(--gap24);

	flex-wrap: wrap;

}

.list_form_rlhNew_2 > li {

	flex: 1 0 30rem;

	max-width: 100%;

	display: flex;

	flex-direction: column;

	gap: var(--gap08);

}

.list_form_rlhNew_2 > li.full_list_form_rlhNew_2 {

	flex-basis: 100%;

}

.lb_list_form_rlhNew_2 em {

	color: var(--PrimaryColor);

	font-style: normal;

}

.ipt_list_form_rlhNew_2 {

	color: var(--color-1-new);

	font-size: var(--font-size-14);

	line-height: 2.4rem;

	padding: 1.5rem 1.6rem;

	background-color: rgba(0, 0, 0, 0.25);

	border: 0.1rem solid rgba(245, 213, 179, 0.25);

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.txt_list_form_rlhNew_2 {

	color: var(--color-1-new);

	font-size: var(--font-size-14);

	line-height: 2.4rem;

	padding: 1.5rem 1.6rem;

	background-color: rgba(0, 0, 0, 0.25);

	border: 0.1rem solid rgba(245, 213, 179, 0.25);

	resize: none;

	height: 8rem;

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.slec_list_form_rlhNew_2 {

	color: rgba(255,255,255,0.5);

	font-weight: 200;

	font-size: var(--font-size-14);

	line-height: 2.4rem;

	padding: 1.5rem 1.6rem;

	background: rgba(0, 0, 0, 0.25) url(../imgs/icon_0_plus.png) no-repeat center right 1.2rem;

	border: 0.1rem solid rgba(245, 213, 179, 0.25);

	border-radius: 0.8rem !important;

	-webkit-border-radius: 0.8rem !important;

	-moz-border-radius: 0.8rem !important;

	-ms-border-radius: 0.8rem !important;

	-o-border-radius: 0.8rem !important;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.ipt_list_form_rlhNew_2:focus, .txt_list_form_rlhNew_2:focus, .slec_list_form_rlhNew_2:focus {

	background-color: rgba(0, 0, 0, 0.5);

	border: 0.1rem solid rgba(245, 213, 179, 0.5);

	color: var(--color-1-new);

}



.til_rlhNew_3 {

	max-width: 1232px;

	margin-right: auto;

	margin-left: auto;

}

.list_rlhNew_3 {

	display: flex;

	flex-direction: column;

	gap: var(--gap16);

}

.list_rlhNew_3 > li {

	border-left: 0.3rem solid transparent;

	display: flex;

	flex-direction: column;

	gap: var(--gap04);

	padding: 1.6rem;

	background-color: rgba(0, 0, 0, 0.25);

	border: 0.1rem solid rgba(245, 213, 179, 0.25);

	color: var(--color-2-new);

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.list_rlhNew_3 > li:hover {

	background-color: rgba(0, 0, 0, 0.5);

	border: 0.1rem solid rgba(245, 213, 179, 0.5);

}

.list_rlhNew_3 > li h3 {

	font-size: var(--font-size-18);

	font-weight: 400;

	color: var(--tailwind2-200);

}

.list_rlhNew_3 > li p {

	padding: 0;

	color: var(--color-1-new);

}

.showroom-map {

	overflow: hidden;

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

}

.showroom-map {

	width: 100% !important;

	height: 100% !important;

}

.list_rlhNew_3 > li.active {

	border-left: 0.3rem solid var(--PrimaryColor);

}

.list_rlhNew_3 > li.active > h3 {

	color: var(--PrimaryColor);

}



.rhNew_1 {

	position: relative;

}

.rhNew_1 .min_wrap {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	gap: 6.4rem;

	color: var(--color-1-new);

	position: relative;

	z-index: 1;

}

.shape-livaza-01 {

	position: absolute;

	bottom: 0;

	right: 0;

}

.shape-livaza-01 img {

	display: block;

	max-width: 100%;

	width: auto;

	height: auto;

}

.l_rhNew_1, .r_rhNew_1 {

	flex: 1 0 30rem;

	max-width: 100%;

}

.l_rhNew_1 .parent {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-template-rows: repeat(2, 1fr);

    gap: var(--gap16);

}

.l_rhNew_1 .parent div {

	position: relative;

	overflow: hidden;

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

}

.l_rhNew_1 .div2 {

    grid-column-start: 1;

    grid-row-start: 2;

}

.l_rhNew_1 .div1, .l_rhNew_1 .div2 {

	aspect-ratio: 1/1;

}

.l_rhNew_1 .parent .div1 img, .l_rhNew_1 .parent .div2 img {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	object-fit: cover;

}

.l_rhNew_1 .div3 {

    grid-row: span 2 / span 2;

    grid-column-start: 2;

    grid-row-start: 1;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

}

.l_rhNew_1 .div3 img {

	width: 100%;

	height: auto;

	object-fit: contain;

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

}



.nd_rhNew_1 {

	color: var(--color-1-new) !important;

}

.nd_rhNew_1 ul {

	display: flex;

	flex-direction: column;

	gap: var(--gap24);

}

.nd_rhNew_1 ul li {

	display: flex;

	flex-direction: column;

	gap: var(--gap08);

}

.nd_rhNew_1 ul li h3 {

	color: var(--tailwind2-200);

	font-size: var(--font-size-18);

	line-height: 1.334;

	font-weight: 400;

}

.nd_rhNew_1 ul li p {

	padding: 0;

}



.list_prodNew {

	display: grid;

	grid-template-columns: repeat(4, minmax(0, 1fr));

	gap: var(--gap24);

}

.list_prodNew > li {

	display: flex;

	flex-direction: column;

	gap: var(--gap20);

	position: relative;

}

.ic_hot_prodNew {

	position: absolute;

	top: 1.2rem;

	left: 1.2rem;

	z-index: 1;

	display: block;

	width: 3.2rem;

	height: auto;

}

.img_list_prodNew {

	aspect-ratio: 1/1;

	overflow: hidden;

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

}

.img_list_prodNew img {

	display: block;

	width: 100%;

	height: 100%;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.img_list_prodNew img:hover {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

}

.ct_list_prodNew {

	display: flex;

	flex-direction: column;

	gap: var(--gap08);

}

.cata_list_prodNew {

	text-transform: uppercase;

	color: var(--PrimaryColor);

	font-weight: 300;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	line-clamp: 1;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.na_list_prodNew {

	font-weight: 300;

	color: var(--color-1-new);

	font-size: var(--font-size-18);

	line-height: 1.334;

	min-height: 4.8rem;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.pri_list_prodNew {

	display: flex;

	flex-wrap: wrap;

	column-gap: var(--gap16);

	align-items: flex-end;

	color: var(--color-2-new);

	font-weight: 400;

}

.pri_list_prodNew strong {

	color: var(--tailwind2-200);

	font-size: var(--font-size-18);

	line-height: 1.334;

	font-weight: 400;

}

.pri_list_prodNew span {

	text-decoration: line-through;

}

.but_list_prodNew {

	text-align: center;

	color: var(--color-1-new);

	padding: 1.4rem;

	border: 0.1rem solid var(--tailwind2-900);

	font-weight: 300;

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

	transition: 0.2s;

	-webkit-transition: 0.2s;

	-moz-transition: 0.2s;

	-ms-transition: 0.2s;

	-o-transition: 0.2s;

}

.but_list_prodNew:hover {

	background-color: var(--PrimaryColor);

	color: var(--tailwind2-950);

}



.til_contNew {

	display: flex;

	align-items: center;

	justify-content: space-between;

}

.link_xtc {

	display: flex;

	align-items: center;

	color: var(--tailwind2-200);

	gap: var(--gap08);

}

.link_xtc:hover {

	color: var(--PrimaryColor);

}

.link_xtc i {

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.link_xtc:hover i {

	transform: translateX(0.4rem);

	-webkit-transform: translateX(0.4rem);

	-moz-transform: translateX(0.4rem);

	-ms-transform: translateX(0.4rem);

	-o-transform: translateX(0.4rem);

}



.rhNew_3 {

	color: var(--color-1-new);

	background: #0C0F10 url(../imgs/bg_cont_2.png) no-repeat center top;

}

.list_rhNew_3.parent {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    grid-template-rows: repeat(4, 1fr);

    gap: var(--gap24);

}

.list_rhNew_3 > div {

	aspect-ratio: 1/1;

	position: relative;

	overflow: hidden;

	background-color: rgba(0, 0, 0, 0.1);

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

}

.list_rhNew_3 > div img {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	display: block;

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.list_rhNew_3 > div:hover img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

}

.list_rhNew_3 .div1 {

    grid-column: span 2 / span 2;

    grid-row: span 4 / span 4;

}

.list_rhNew_3 .div2 {

    grid-column: span 2 / span 2;

    grid-row: span 2 / span 2;

    grid-column-start: 3;

	aspect-ratio: inherit;

}

.list_rhNew_3 .div3 {

    grid-row: span 2 / span 2;

    grid-column-start: 3;

    grid-row-start: 3;

}

.list_rhNew_3 .div4 {

    grid-row: span 2 / span 2;

    grid-column-start: 4;

    grid-row-start: 3;

}

.link_list_rhNew_3 {

	position: absolute;

	bottom: 0;

	right: 0;

	left: 0;

	z-index: 1;

	display: flex;

	flex-direction: column;

	gap: var(--gap08);

	background: linear-gradient(0deg,rgba(0, 0, 0, 0.75) 50%, rgba(255, 255, 255, 0) 100%);

	padding: 2.4rem;

	color: var(--color-1-new);

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.list_rhNew_3 > div:hover  .link_list_rhNew_3 {

	padding-top: 4.8rem;

}

.na_list_rhNew_3 {

	font-size: var(--font-size-18);

	line-height: 1.334;

	font-weight: 400;

}

.list_rhNew_3 .div1 .na_list_rhNew_3 {

	font-size: var(--font-size-30);

}

.list_rhNew_3 .des_list_rhNew_3 {

	max-width: 75%;

}



.rhNew_4 .tit_cont_2 {

	gap: var(--gap32);

}

.rhNew_4 .nd_cont {

	font-size: var(--font-size-18);

}

.sl_com {

	max-width: 80rem;

	margin: auto;

	padding-top: 3.2rem;

	display: flex;

	gap: 6.4rem;

}

.sl_com > li {

	flex: 1 0 15rem;

	max-width: 100%;

	text-align: center;

	display: flex;

	flex-direction: column;

	gap: var(--gap08);

	font-weight: 300;

	color: var(--tailwind2-200);

}

.sl_com > li p {

	padding: 0;

}

.num_csat {

	font-size: 3rem;

	line-height: 3.6rem;

	color: var(--PrimaryColor);

	font-weight: 500;

}

.num_csat strong {

	font-weight: 500;

}



.til_rhNew_5 {

	display: flex;

	align-items: center;

	gap: var(--gap12);

	margin-bottom: 3.2rem;

}

.til_rhNew_5 i {

	color: var(--PrimaryColor);

	font-size: var(--font-size-30);

}



.img-slide {

	display: flex;

    gap: var(--gap12);

    overflow: hidden;

}

.img_scroll {

	flex-shrink: 0;

	animation: scroll2 48s linear infinite;

	-webkit-animation: scroll2 48s linear infinite;

}

@keyframes scroll2 {

	0% {

		transform: translateX(0%);

		-webkit-transform: translateX(0%);

		-moz-transform: translateX(0%);

		-ms-transform: translateX(0%);

		-o-transform: translateX(0%);

	}

	100% {

		transform: translateX(-100%);

		-webkit-transform: translateX(-100%);

		-moz-transform: translateX(-100%);

		-ms-transform: translateX(-100%);

		-o-transform: translateX(-100%);

	}

}

.img_scroll ul {

	display: flex;

	gap: var(--gap12);

}

.img_scroll ul li {

	aspect-ratio: 3/4;

	overflow: hidden;

	height: 30rem;

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

}

.img_scroll ul li img {

	display: block;

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.img_scroll ul li img:hover {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

}



.rhNew_6 .min_wrap {

	color: var(--color-1-new);

	display: flex;

	align-items: center;

	gap: var(--gap48);

	flex-wrap: wrap;

	padding: 4.8rem;

	background-color: rgba(255, 255, 255, 0.1);

	border-radius: 1.6rem;

	-webkit-border-radius: 1.6rem;

	-moz-border-radius: 1.6rem;

	-ms-border-radius: 1.6rem;

	-o-border-radius: 1.6rem;

}

.l_rhNew_6 {

	flex: 1 0 30rem;

	max-width: 100%;

	display: flex;

	flex-direction: column;

	gap: var(--gap08);

	color: var(--tailwind2-200);

}

.r_rhNew_6 {

	flex: 1 0 30rem;

	max-width: 100%;

}

.dknt {

	display: flex;

	align-items: center;

	gap: var(--gap08);

}

.dknt input {

	flex: 1;

}



/************************************************************************************

CSS FOOTER NEW

*************************************************************************************/



#footer_new {

	background-color: #0C0F10;

	color: var(--tailwind2-200);

}

#footer_new a {

	color: var(--tailwind2-200);

}

#footer_new a:hover {

	color: var(--tailwind2-400);

}



.list_foot_1 {

	display: flex;

	flex-wrap: wrap;

	gap: var(--gap24);

}

.list_foot_1 > li {

	flex: 1 0 20rem;

	max-width: 100%;

}

.til_foot_1 {

	padding: 1.2rem 0;

	font-weight: 500;

	color: #fff;

	text-transform: uppercase;

	margin-bottom: 1.2rem;

}

.sub_foot_1 {

	display: flex;

	flex-direction: column;

	gap: var(--gap08);

}



.logo_foot_1 img {

	display: block;

	width: auto;

	height: 4.8rem;

}

.des_foot_1 {

	padding: 2.4rem 0;

}



.social_foot {

	display: flex;

	flex-wrap: wrap;

	gap: var(--gap08);

}

.social_foot a {

	width: 3.2rem;

	height: 3.2rem;

	background-color: rgba(255, 255, 255, 0.1);

	font-size: var(--font-size-16);

	display: flex;

	color: var(--color-1-new) !important;

	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%;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.social_foot a:hover {

	background-color: var(--tailwind2-200);

	color: var(--tailwind2-950) !important;

}



.foot_2 .min_wrap {

	padding-top: 2rem;

	padding-bottom: 2rem;

	font-size: var(--font-size-12);

	line-height: 1.6rem;

	display: flex;

	justify-content: space-between;

	align-items: center;

	gap: var(--gap08);

	flex-wrap: wrap;

}





.bg_contNew {

	background: #0C0F10 url(../imgs/bg_contNew.png) no-repeat center center;

	color: var(--color-1-new);

	position: relative;

	overflow: hidden;

}

.bg_contNew .min_wrap {

	height: 30rem;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	gap: var(--gap12);

	text-align: center;

}

.na_bg_contNew {

	font-size: var(--font-size-40);

    line-height: 4.8rem;

	font-weight: 500;

	position: relative;

	z-index: 1;

}



.ul_breacrumNew {

	display: flex;

	font-size: var(--font-size-12);

	color: var(--color-2-new);

	line-height: 1.6rem;

	font-weight: 300;

	position: relative;

	z-index: 1;

}

.ul_breacrumNew > li::after {

	font-family: "Font Awesome 7 Pro";

	font-weight: 100;

	content: "\f105";

	font-size: 1rem;

	margin: 0 0.8rem 0 0.3rem;

}

.ul_breacrumNew > li:last-child:after {

	display: none;

}

.ul_breacrumNew > li > a {

	color: var(--color-2-new);

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.ul_breacrumNew > li > a:hover {

	color: var(--PrimaryColor);

}



.f_prodNew {

	color: var(--color-1-new);

    background: #111415 url(../imgs/bg_cont_2.png) no-repeat center top;	

}

.f_prodNew .list_prodNew {

	grid-template-columns: repeat(3, minmax(0, 1fr));

}



.but_show_filter_rwd {

	display: none;

	gap: var(--gap08);

	align-items: center;

}

.but_show_filter_rwd .fa-circle-chevron-down {

	margin-left: auto;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.but_show_filter_rwd.active .fa-circle-chevron-down {

	transform: rotate(-180deg);

	-webkit-transform: rotate(-180deg);

	-moz-transform: rotate(-180deg);

	-ms-transform: rotate(-180deg);

	-o-transform: rotate(-180deg);

}



.list_dm {

	display: flex;

	flex-direction: column;

	gap: var(--gap32);

}

.list_dm .link_xtc i {

	font-size: var(--font-size-12);

	transition: 1.6s;

	-webkit-transition: 1.6s;

	-moz-transition: 1.6s;

	-ms-transition: 1.6s;

	-o-transition: 1.6s;

}

.list_dm .link_xtc:hover i {

	transform: rotate(360deg);

	-webkit-transform: rotate(360deg);

	-moz-transform: rotate(360deg);

	-ms-transform: rotate(360deg);

	-o-transform: rotate(360deg);

}

.til_list_dm {

	display: flex;

	align-items: center;

	gap: var(--gap12);

	margin-bottom: 1.6rem;

}

.na_list_dm {

	font-size: var(--font-size-18);

	line-height: 1.334;

	font-weight: 400;

	background: linear-gradient(to right, #E0732F 0%, #fff 100%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.sub1_list_dm, .sub2_list_dm {

	display: flex;

	flex-direction: column;

	gap: var(--gap12);

}

.sub1_list_dm > li, .sub2_list_dm > li {

	position: relative;

}

.sub1_list_dm  > li > a {

	color: var(--color-1-new);

	font-weight: 400;

	position: relative;

	padding-left: 1.6rem;

}

.sub1_list_dm  > li > a::before {

	font-family: "Font Awesome 7 Pro";

	font-weight: 100;

	content: "\f105";

	position: absolute;

	top: 0;

	left: 0;

	font-size: var(--font-size-12);

	color: var(--color-2-new);

}

.sub1_list_dm  > li > a:hover, .sub1_list_dm  > li > a:hover::before, .sub1_list_dm  > li.active > a, .sub1_list_dm  > li.active > a::before, .sub2_list_dm  > li > a:hover, .sub2_list_dm  > li > a:hover::before, .sub2_list_dm  > li.active > a, .sub2_list_dm  > li.active > a::before {

	color: var(--PrimaryColor);

}

.sub2_list_dm  > li > a {

	color: var(--color-1-new);

	font-weight: 400;

	position: relative;

	padding-left: 2rem;

}

.sub2_list_dm  > li > a::before {

	font-family: "Font Awesome 7 Pro";

	font-weight: 100;

	content: "\f0c8";

	position: absolute;

	top: 0;

	left: 0;

	font-size: var(--font-size-12);

	color: var(--color-2-new);

}

.sub2_list_dm  > li.active > a::before {

	content: "\f14a";

}



.f_prodNew_D {

	background-color: #0C0F10;

	color: var(--color-1-new);

}

.f_prodNew_D .f-detail {

	color: var(--color-1-new);

}



.r1_prodNew_D {

	padding: 2.4rem 0;

}



.r2_prodNew_D {

	padding-bottom: 4rem;

}

.r2_prodNew_D .min_wrap {

	display: flex;

	gap: var(--gap32);

	flex-wrap: wrap;

}

.l_r2_prodNew_D {

	flex: 1 0 30rem;

	max-width: 100%;

	min-width: 0.1rem;

}

.r_r2_prodNew_D {

	flex: 1 0 30rem;

	max-width: 100%;

	display: flex;

	flex-direction: column;

	gap: var(--gap32);

}



.slide_prod_D {

	position: sticky;

	top: calc(var(--height-hea) + 1.2rem);

	overflow: hidden;

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

}

.swiper10 {

	aspect-ratio: 1/1;

}

.swiper10 .swiper-slide {

	aspect-ratio: 1/1;

	position: relative;

	display: flex;

	justify-content: center;

	align-items: center;

}

.swiper10 .swiper-slide:hover {

	cursor: zoom-in;

}

.swiper10 .swiper-slide img {

	display: block;

	max-width: 100%;

	max-height: 100%;

}

.swiper-pagination-10 {

	width: auto;

	max-width: 5rem;

	right: 0;

	margin: auto;

	line-height: 1.6rem;

	font-size: var(--font-size-12);

	padding: .4rem .8rem;

	color: #333;

	font-weight: 400;

	background-color: #F1F1F1;

	border-radius: 1.2rem;

	-webkit-border-radius: 1.2rem;

	-moz-border-radius: 1.2rem;

	-ms-border-radius: 1.2rem;

	-o-border-radius: 1.2rem;

}

.note_slide_prod_D {

	display: flex;

	justify-content: center;

	align-items: center;

	font-size: var(--font-size-12);

	color: var(--color-2-new);

	gap: .5rem;

	padding: 1.2rem;

}

.note_slide_prod_D i {

	font-size: var(--font-size-14);

}



.s1_r2_prodNew_D {

	display: flex;

	flex-direction: column;

	gap: var(--gap20);

}

.na_prodNew_D {

	font-size: var(--font-size-40);

	line-height: 1.2;

	font-weight: 500;

	color: var(--color-1-new);

}



.r3_prodNew_D {

	background-color: #111415;

	padding-bottom: 3rem;

}



.list_r2_prodNew_D {

	display: flex;

	flex-direction: column;

	gap: var(--gap20);

}

.list_r2_prodNew_D > li {

	display: flex;

	align-items: center;

	gap: var(--gap12);

	flex-wrap: wrap;

}

.l_list_r2_prodNew_D {

	flex-basis: 10rem;

	font-weight: 300;

}

.r_list_r2_prodNew_D {

	flex: 1;

}



.list_r2_prodNew_D .pri_list_prodNew strong {

	font-size: var(--font-size-30);

	line-height: 1.2;

	font-weight: 600;

	background: linear-gradient(to right, #E0732F 0%, #fff 100%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.id_r2_prodNew_D {

	font-weight: 300;

}

.id_r2_prodNew_D strong {

	font-weight: 400;

}



.list_kc_prod_D {

	display: flex;

	flex-wrap: wrap;

	gap: .5rem;

}

.list_kc_prod_D input {

	display: none;

}

.col_list_kc_prod_D label {

	display: block;

	user-select: none;

	cursor: pointer;

	padding: .5rem .8rem;

	min-width: 6rem;

	text-align: center;

	line-height: 2rem;

	border: 1px solid var(--color-2-new);

	font-size: var(--font-size-14);

	color: var(--color-2-new);

	font-weight: 300;

	position: relative;

	border-radius: .5rem;

	-webkit-border-radius: .5rem;

	-moz-border-radius: .5rem;

	-ms-border-radius: .5rem;

	-o-border-radius: .5rem;

}

.col_list_kc_prod_D input:checked ~ label {

	border-color: var(--tailwind2-200);

	color: var(--tailwind2-200);

}

.col_list_kc_prod_D input:checked ~ label::before {

	font-family: "Font Awesome 7 Pro";

	font-weight: 900;

	content: "\f058";

	color: var(--PrimaryColor);

	font-size: var(--font-size-14);

	position: absolute;

	top: -0.6rem;

	right: -0.4rem;

	z-index: 1;

	width: 1.4rem;

	height: 1.4rem;

	line-height: 1.4rem;

	background-color: #fff;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

}



.share_prodNew_D {

	display: flex;

	align-items: center;

	gap: var(--gap08);

	font-size: var(--font-size-16);

}

.share_prodNew_D a {

	color: var(--color-2-new);

}

.share_prodNew_D a:hover {

	color: var(--PrimaryColor);

}



.num_sl_prod_D {

	display: inline-flex;

	align-items: center;

	border: 0.1rem solid var(--color-2-new);

	overflow: hidden;

	border-radius: .5rem;

	-webkit-border-radius: .5rem;

	-moz-border-radius: .5rem;

	-ms-border-radius: .5rem;

	-o-border-radius: .5rem;

}

.num_sl_prod_D button {

	border: 0;

	background: none;

	cursor: pointer;

	width: 3.8rem;

	height: 3.8rem;

	display: flex;

	justify-content: center;

	align-items: center;

	font-size: var(--font-size-14);

	color: var(--color-2-new);

}

.num_sl_prod_D button:active {

	background-color: var(--tailwind2-200);

}

.num_sl_prod_D button[disabled] {

	color: #ccc;

	cursor: not-allowed;

	background: none;

}

.text_num_sl_prod_D {

	width: 3.8rem;

	height: 3.8rem;

	padding: 0 1rem;

	text-align: center;

	font-size: var(--font-size-16);

	font-weight: 600;

	color: var(--color-2-new);

	border: 0;

	background: none;

	border-right: .1rem solid var(--color-2-new);

	border-left: .1rem solid var(--color-2-new);

}

.text_num_sl_prod_D[type=number]::-webkit-inner-spin-button {

	-webkit-appearance: none;

	appearance: none;

}



.but_r2_prodNew_D {

	display: flex;

	gap: var(--gap16);

	flex-wrap: wrap;

}

.but_r2_prodNew_D .butNew_01, .but_r2_prodNew_D .butNew_02 {

	flex: 1;

}



/************************************************************************************

CSS GIO HANG

*************************************************************************************/



.f_gh .min_wrap {

	display: flex;

	flex-wrap: wrap;

	align-items: flex-start;

	gap: var(--gap24);

	color: var(--color-1-new);

}

.ct_f_gh {

	flex-basis: 76rem;

    max-width: 100%;

    display: flex;

    flex-direction: column;

    gap: var(--gap20);

}

.sb_f_gh {

	flex: 1;

    display: flex;

    flex-direction: column;

    gap: var(--gap20);

	position: sticky;

	top: calc(var(--height-hea) + 1rem);

}



.title_ct_f_gh {

	display: flex;

	justify-content: space-between;

	align-items: center;

	background-color: rgba(255, 255, 255, 0.1);

	border: 0.1rem solid rgba(245, 213, 179, 0.25);

	padding: 1.6rem;

	border-radius: 1rem;

	-webkit-border-radius: 1rem;

	-moz-border-radius: 1rem;

	-ms-border-radius: 1rem;

	-o-border-radius: 1rem;

}

.lb_ctc_gh {

	cursor: pointer;

	display: inline-flex;

	align-items: center;

	gap: 1.2rem;

	font-weight: 400;

	color: var(--tailwind2-200);

}

.lb_ctc_gh input, .cb_r_cctfgh {

	cursor: pointer;

}

.lb_ctc_gh input:checked, .cb_r_cctfgh:checked, .lb_cktt_f_gh input:checked {

	accent-color: #fff;

}

.but_ctc_gh {

	cursor: pointer;

	background: none;

	width: 2.4rem;

	height: 2.4rem;

	display: flex;

	justify-content: center;

	align-items: center;

	font-size: var(--font-size-20);

	color: var(--color-2-new);

	border: 0;

}

.but_ctc_gh:hover {

	color: var(--SecondaryColor);

}



.content_ct_f_gh > li {

	padding: 1.6rem;

	background-color: rgba(255,255,255,0.1);

	border: 0.1rem solid rgba(245, 213, 179, 0.25);

	margin-bottom: 1rem;

	border-radius: 1rem;

	-webkit-border-radius: 1rem;

	-moz-border-radius: 1rem;

	-ms-border-radius: 1rem;

	-o-border-radius: 1rem;

}

.r_cctfgh {

	display: flex;

	align-items: center;

	gap: var(--gap12);

}

.img_r_cctfgh {

	display: flex;

	justify-content: center;

	align-items: center;

	width: 7.2rem;

	height: 7.2rem;

	overflow: hidden;

	border-radius: 0.4rem;

	-webkit-border-radius: 0.4rem;

	-moz-border-radius: 0.4rem;

	-ms-border-radius: 0.4rem;

	-o-border-radius: 0.4rem;

}

.img_r_cctfgh img {

	max-width: 100%;

	height: auto;

	object-fit: contain;

}

.if_r_cctfgh {

	flex: 1;

	display: flex;

	justify-content: space-between;

	align-items: center;

	gap: var(--gap12);

}

.l_if_r_cctfgh {

	flex-basis: 60%;

	max-width: 100%;

}

.r_if_r_cctfgh {

	flex: 1;

	display: flex;

	justify-content: space-between;

	align-items: center;

	gap: var(--gap12);

}

.na_if_r_cctfgh {

	font-weight: 400;

	color: var(--tailwind2-200);

	margin-bottom: 0.8rem;

	min-height: 4rem;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.na_if_r_cctfgh:hover {

	color: var(--PrimaryColor);

}

.list_if_r_cctfgh {

	display: flex;

	align-items: center;

	flex-wrap: wrap;

	gap: var(--gap10);

}

.list_if_r_cctfgh > li {

	font-size: var(--font-size-12);

	line-height: 1.6rem;

	padding: 0.4rem 0.8rem;

	color: var(--color-2);

	background-color: var(--tailwind2-50);

	border-radius: 0.4rem;

	-webkit-border-radius: 0.4rem;

	-moz-border-radius: 0.4rem;

	-ms-border-radius: 0.4rem;

	-o-border-radius: 0.4rem;

}

.sale_if_r_cctfgh {

	display: flex;

	align-items: center;

	gap: 0.5rem;

	margin-bottom: 0.4rem;

	font-size: var(--font-size-12);

	color: #1250dc;

	font-weight: 500;

	border-radius: 0.5rem;

	-webkit-border-radius: 0.5rem;

	-moz-border-radius: 0.5rem;

	-ms-border-radius: 0.5rem;

	-o-border-radius: 0.5rem;

}

.pri_if_r_cctfgh {

	display: flex;

	flex-direction: column;

	text-align: right;

}

.num_if_r_cctfgh button, .num_if_r_cctfgh .text_num_sl_prod_D {

	width: 3.2rem;

	height: 3.2rem;

	font-size: var(--font-size-12);

}



.nmkm_ct_f_gh {

	display: flex;

	justify-content: space-between;

	align-items: center;

	gap: 0.5rem;

	background-color: rgba(255, 255, 255, 0.1);

	border: 0.1rem solid rgba(245, 213, 179, 0.25);

	padding: 1.6rem;

	border-radius: 1rem;

	-webkit-border-radius: 1rem;

	-moz-border-radius: 1rem;

	-ms-border-radius: 1rem;

	-o-border-radius: 1rem;

}

.ipt_nmkm_ct_f_gh {

	flex: 1;

	width: 100%;

	height: 3.8rem;

	background-color: rgba(0, 0, 0, 0.25);

	border: 0.1rem solid rgba(245, 213, 179, 0.25);

	padding: 0 1.2rem;

	color: var(--color-1-new);

	font-size: var(--font-size-14);

	font-weight: 300;

	border-radius: 0.4rem;

	-webkit-border-radius: 0.4rem;

	-moz-border-radius: 0.4rem;

	-ms-border-radius: 0.4rem;

	-o-border-radius: 0.4rem;

}

.txt_nmkm_ct_f_gh {

	flex: 1;

	width: 100%;

	min-height: 8rem;

	background-color: rgba(0, 0, 0, 0.25);

	border: 0.1rem solid rgba(245, 213, 179, 0.25);

	padding: 1.2rem;

	resize: vertical;

	color: var(--color-1-new);

	font-size: var(--font-size-14);

	font-weight: 300;

	border-radius: 0.5rem;

	-webkit-border-radius: 0.5rem;

	-moz-border-radius: 0.5rem;

	-ms-border-radius: 0.5rem;

	-o-border-radius: 0.5rem;

}

.ipt_nmkm_ct_f_gh:focus, .txt_nmkm_ct_f_gh:focus {

	border-color: var(--PrimaryColor);

	color: var(--color-1-new);

}

.lb_nmkm_ct_f_gh {

	display: block;

	font-size: var(--font-size-12);

	font-weight: 500;

	margin-bottom: 0.5rem;

	color: var(--color-2-new);

}

.but_nmkm_ct_f_gh {

	cursor: pointer;

	height: 3.8rem;

	font-weight: 00;

	background-color: var(--tailwind2-200);

	color: var(--color-1);

	font-weight: 400;

	font-size: var(--font-size-14);

	border: 0;

	padding: 0 1.2rem;

	border-radius: 0.5rem;

	-webkit-border-radius: 0.5rem;

	-moz-border-radius: 0.5rem;

	-ms-border-radius: 0.5rem;

	-o-border-radius: 0.5rem;

}

.but_nmkm_ct_f_gh:active {

	background-color: var(--PrimaryColor);

	color: #fff;

}



.bot_ct_f_gh {

	display: flex;

	flex-wrap: wrap;	

	background-color: rgba(255, 255, 255, 0.1);

	border: 0.1rem solid rgba(245, 213, 179, 0.25);

	color: var(--color-1-new);

	padding: 1.6rem;

	border-radius: 1rem;

	-webkit-border-radius: 1rem;

	-moz-border-radius: 1rem;

	-ms-border-radius: 1rem;

	-o-border-radius: 1rem;

}

.l_bot_ct_f_gh {

	flex-basis: 40%;

	max-width: 100%;

}

.til_l_bot_ct_f_gh {

	font-size: var(--font-size-18);

	font-weight: 400;

	color: var(--color-1-new);

	margin-bottom: 1rem;

}

.des_l_bot_ct_f_gh {

	font-size: var(--font-size-12);

	color: var(--color-2-new);

	margin-bottom: 1.6rem;

}

.des_l_bot_ct_f_gh a {

	color: var(--tailwind2-200);

	text-decoration: underline;

}

.des_l_bot_ct_f_gh a:hover {

	color: var(--PrimaryColor);

	text-decoration: none;

}

.r_bot_ct_f_gh {

	flex: 1;

	flex-direction: column;

	gap: var(--gap10);

	border-left: 0.1rem solid rgba(255, 255, 255, 0.1);

	padding-left: 1.6rem;

}

.row_rbctfgh {

	display: flex;

	justify-content: space-between;

	align-items: center;

	column-gap: var(--gap10);

}

.l_row_rbctfgh {

	flex: 1;

	font-weight: 400;

}

.r_row_rbctfgh {

	flex-basis: 60%;

	max-width: 100%;

	text-align: right;

	font-weight: 500;

	font-size: var(--font-size-16);

	color: var(--PrimaryColor);

}

.note_rbctfgh {

	font-size: var(--font-size-12);

	color: var(--color-1-new);

	padding: 1rem 0;

	list-style: inside circle;

}

.but_rbctfgh {

	padding-top: 2rem;

}

.but_rbctfgh .but_03 {

	width: 100%;

}



.c1_sb_f_gh {

	background-color: rgba(255, 255, 255, 0.1);

	border: 0.1rem solid rgba(245, 213, 179, 0.25);

	padding: 1.6rem;

	border-radius: 1rem;

	-webkit-border-radius: 1rem;

	-moz-border-radius: 1rem;

	-ms-border-radius: 1rem;

	-o-border-radius: 1rem;

}

.c1_sb_f_gh .m_r7_info_prod_D {

	border: 0;

	padding: 0;

	display: flex;

	gap: var(--gap20);

	flex-direction: column;

}



.c2_sb_f_gh {

	background-color: rgba(255, 255, 255, 0.1);

	border: 0.1rem solid rgba(245, 213, 179, 0.25);

	padding: 1.6rem;

	border-radius: 1rem;

	-webkit-border-radius: 1rem;

	-moz-border-radius: 1rem;

	-ms-border-radius: 1rem;

	-o-border-radius: 1rem;

}

.form_c2_sb_f_gh {

	margin-bottom: 1.6rem;

}

.form_c2_sb_f_gh > li {

	margin-bottom: 1rem;

}

.form_c2_sb_f_gh > li:last-child {

	margin-bottom: 0;

}



.c1_ct_f_gh {

	background-color: rgba(255, 255, 255, 0.1);

	border: 0.1rem solid rgba(245, 213, 179, 0.25);

	padding: 1.6rem;

	border-radius: 1rem;

	-webkit-border-radius: 1rem;

	-moz-border-radius: 1rem;

	-ms-border-radius: 1rem;

	-o-border-radius: 1rem;

}

.c1_ct_f_gh .content_ct_f_gh > li {

	padding: 0;

	margin-bottom: 1.6rem;

	background: none;

	border: none;

}

.c1_ct_f_gh .content_ct_f_gh > li:last-child {

	margin-bottom: 0;

}

.c1_ct_f_gh .r_if_r_cctfgh {

	justify-content: flex-end;

	gap: var(--gap20);

}

.c1_ct_f_gh .num_if_r_cctfgh {

	text-align: right;

}

.c1_ct_f_gh .content_ct_f_gh {

	padding-bottom: 1.6rem;

	border-bottom: 0.1rem dashed rgba(255, 255, 255, 0.1);

}

.c1_ct_f_gh .row_rbctfgh {

	padding-top: 1.6rem;

}

.c1_ct_f_gh .l_row_rbctfgh {

	font-size: var(--font-size-18);

}

.c2_ct_f_gh .row_rbctfgh {

	padding: 0.4rem 0;

}

.c2_ct_f_gh .r_row_rbctfgh {

	font-weight: 400;

	font-size: var(--font-size-14);

	color: var(--color-1-new);

}

.c2_sb_f_gh .note_rbctfgh {

	padding: 0;

}



.cktt_f_gh {

	display: flex;

	flex-direction: column;

	padding: 1.6rem 0;

}

.lb_cktt_f_gh {

	display: flex;

	align-items: center;

	gap: var(--gap08);

	cursor: pointer;

	padding: 1.2rem;

	margin-bottom: 0.5rem;

	

	position: relative;

	overflow: hidden;

	border-radius: 0.5rem;

	-webkit-border-radius: 0.5rem;

	-moz-border-radius: 0.5rem;

	-ms-border-radius: 0.5rem;

	-o-border-radius: 0.5rem;

}

.lb_cktt_f_gh input {

	cursor: pointer;

	position: relative;

	z-index: 1;

}

.lb_cktt_f_gh span {

	position: relative;

	z-index: 1;

}

.mask_cktt_f_gh {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background-color: rgba(255, 255, 255, 0.1);

	border-radius: 0.5rem;

	-webkit-border-radius: 0.5rem;

	-moz-border-radius: 0.5rem;

	-ms-border-radius: 0.5rem;

	-o-border-radius: 0.5rem;

}

.lb_cktt_f_gh input:checked + span {

	color: var(--tailwind2-950);

	font-weight: 400;

}

.lb_cktt_f_gh input:checked ~ .mask_cktt_f_gh {

	background-color: var(--tailwind2-200);

}



.content_f_tttc {

	width: 64rem;

	max-width: 100%;

	margin: auto;

	text-align: center;

	padding: 4rem;

	background-color: rgba(255, 255, 255, 0.1);

	border: 0.1rem solid rgba(245, 213, 179, 0.25);

	border-radius: 1rem;

	-webkit-border-radius: 1rem;

	-moz-border-radius: 1rem;

	-ms-border-radius: 1rem;

	-o-border-radius: 1rem;

}

.title_content_f_tttc {

	font-size: var(--font-size-24);

	font-weight: 600;

	color: var(--color-1-new);

	margin-bottom: 1.6rem;

}

.r1_content_f_tttc {

	display: flex;

	flex-direction: column;

	gap: var(--gap10);

	margin-bottom: 1.6rem;

}

.note_content_f_tttc {

	color: var(--PrimaryColor);

	padding: 1.2rem;

}

.f_bank_tttc {

	display: flex;

	flex-direction: column;

	align-items: center;

}

.bank_tttc {

	display: flex;

	justify-content: center;

	align-items: center;

	gap: var(--gap16);

	padding: 1.6rem 0;

	width: 80%;

}

.l_bank_tttc {

	width: 6.4rem;

	height: 6.4rem;

	display: flex;

	justify-content: center;

	align-items: center;

	background-color: #fff;

	padding: 0.8rem;

}

.l_bank_tttc img {

	width: 100%;

	height: auto;

}

.r_bank_tttc {

	flex: 1;

	text-align: left;

	color: var(--color-1-new);

}

.r_bank_tttc strong {

	font-weight: 500;

}

#animation-container {

	width: 50%;

	margin: auto;

}



.ct_r7_info_prod_D {

	flex: 1 0 40%;

	display: flex;

	align-items: center;

	gap: var(--gap10);

}

.ct_r7_info_prod_D > figure {

	flex-basis: 3.2rem;

	width: 3.2rem;

	height: 3.2rem;

	display: flex;

	justify-content: center;

	align-items: center;

}

.ct_r7_info_prod_D > figure img {

	max-height: 100%;

	min-width: 100%;

	object-fit: contain;

}

.ct_r7_info_prod_D > div {

	flex: 1;

	line-height: 1.8rem;

}

.ct_r7_info_prod_D > div strong {

	display: block;

	font-weight: 400;

	color: var(--tailwind2-200);

}

.ct_r7_info_prod_D > div p {

	padding: 0;

	color: var(--color-2-new);

}



/************************************************************************************

CSS NEW 2025

*************************************************************************************/





.but_01 {

	display: inline-flex;

	align-items: center;

	gap: var(--gap08);

	cursor: pointer;

	font-size: var(--font-size-14);

	font-weight: 600;

	color: var(--color-3);

	border: 0.1rem solid var(--color-3);

	line-height: 2.4rem;

	padding: 1.1rem 2.2rem;

	border-radius: 0.4rem;

	-webkit-border-radius: 0.4rem;

	-moz-border-radius: 0.4rem;

	-ms-border-radius: 0.4rem;

	-o-border-radius: 0.4rem;

	transition: 0.2s;

	-webkit-transition: 0.2s;

	-moz-transition: 0.2s;

	-ms-transition: 0.2s;

	-o-transition: 0.2s;

}

.but_01 i {

	font-size: var(--font-size-18);

}

.but_01:hover {

	background-color: var(--color-3);

	color: #fff;

}

.but_02 {

	width: fit-content;

	display: inline-flex;

	align-items: center;

	gap: var(--gap08);

	cursor: pointer;

	font-size: var(--font-size-14);

	font-weight: 400;

	color: var(--color-2);

	line-height: 2.4rem;

	padding: 1rem 0;

	border-radius: 0.4rem;

	-webkit-border-radius: 0.4rem;

	-moz-border-radius: 0.4rem;

	-ms-border-radius: 0.4rem;

	-o-border-radius: 0.4rem;

	transition: 0.2s;

	-webkit-transition: 0.2s;

	-moz-transition: 0.2s;

	-ms-transition: 0.2s;

	-o-transition: 0.2s;

}

.but_02 i {

	font-size: var(--font-size-16);

}

.but_02:hover {

	padding: 1rem 2rem;

	background-color: var(--color-3);

	color: #fff;

}



.td_rh_new {

	display: flex;

	justify-content: space-between;

	align-items: center;

	flex-wrap: wrap;

	gap: var(--gap20);

	margin-bottom: 4rem;

}

.td_rh_new .tit_cont {

	margin-bottom: 0;

}

.tit_cont {

	margin-bottom: 4rem;

	max-width: 95.5rem;

}

.dm_til_cont {

	color: var(--color-3);

	font-size: var(--font-size-16);

	font-weight: 600;

	margin-bottom: 0.4rem;

}

.nd_til_cont {

	font-size: var(--font-size-40);

	font-weight: 500;

	color: var(--color-1);

	line-height: 1.2;

}

.des_til_cont {

	font-size: var(--font-size-16);

	font-weight: 500;

	color: var(--color-2);

	padding-top: 2rem;

}



.list_rh_new_1 {

	display: flex;

	gap: var(--gap20);

	padding-right: calc(25% + 0.5rem);

}

.list_rh_new_1 > li {

	flex: 1;

	display: flex;

	justify-content: center;

	align-items: center;

	gap: var(--gap12);

}

.list_rh_new_1 > li:first-child {

	flex: 2;

}

.ico_rh_new_1 {

	display: flex;

	justify-content: center;

	align-items: center;

	width: 6.4rem;

	height: 6.4rem;

}

.ico_rh_new_1 img {

	max-height: 100%;

	object-fit: contain;

}

.m_rh_new_1 {

	flex: 1;

	display: flex;

	flex-direction: column;

	font-size: var(--font-size-16);

	font-weight: 500;

	color: var(--color-1);

}

.m_rh_new_1 strong {

	color: var(--color-3);

	font-size: var(--font-size-38);

	line-height: 1.2;

}



.rh_new_1 {

	position: relative;

}

.shape-02 {

	position: absolute;

	bottom: -18rem;

	right: 0;

	z-index: 2;

}

.shape-04 {

	position: absolute;

	top: 0;

	right: 0;

	z-index: 1;

}

.shape-05 {

	position: absolute;

	bottom: -27rem;

	right: 8rem;

	z-index: 3;

	height: 45rem;

}



.rh_new_2 {

	position: relative;

}

.rh_new_2::before {

	content: "";

	height: 45rem;

	position: absolute;

	top: 0;

	right: 0;

	left: 0;

	background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(230, 230, 231, 1) 100%);

}

.rh_new_2 .min_wrap {

	position: relative;

}

.rh_new_2 .dm_til_cont {

	font-size: var(--font-size-40);

	font-weight: 500;

}

.rh_new_2 .nd_til_cont {

	max-width: 75%;

}

.content_rh_new_2 {

	display: flex;

	gap: var(--gap20);

	flex-wrap: wrap;

	position: relative;

	z-index: 3;

}

.l_rh_new_2 {

	flex: 1;

	position: relative;

	z-index: 5;

}

.r_rh_new_2 {

	flex: 2 0 2rem;

	max-width: 100%;

}

.r_rh_new_2 figure {

	background-color: #f9f9f9;

	aspect-ratio: 16/9;

	overflow: hidden;

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

}

.r_rh_new_2 figure img {

	display: block;

	width: 100%;

	height: 100%;

}

.nd_rh_new_2 {

	display: flex;

	flex-direction: column;

	gap: var(--gap20);

	position: absolute;

	top: 50%;

	left: 0;

	z-index: 1;

	width: 47.3rem;

	padding: 2rem 2rem 2rem 4rem;

	background-color: rgba(255,255,255,0.8);

	backdrop-filter: blur(8px);

	-webkit-backdrop-filter: blur(8px);

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

}

.text_nd_rh_new_2 {

	font-size: var(--font-size-16);

	color: var(--color-2);

	position: relative;

}

.text_nd_rh_new_2::before {

	content: "";

	position: absolute;

	top: 0;

	bottom: 0;

	left: -4rem;

	width: 0.4rem;

	background-color: var(--color-3);

}

.text_nd_rh_new_2 .f-detail {

	display: -webkit-box;

	-webkit-line-clamp: 15;

	line-clamp: 15;

	-webkit-box-orient: vertical;

	overflow: hidden;

	height: 28.8rem;

}



.shape-06 {

	position: absolute;

	bottom: 6rem;

	right: -20rem;

	z-index: 2;

}



.list_rh_new_3 {

	display: grid;

	grid-template-columns: repeat(3, minmax(0, 1fr));

	gap: var(--gap20);

}

.list_rh_new_3 > li {

	position: relative;

}

.list_rh_new_3 > li figure {

	position: relative;

	aspect-ratio: 3/2;

	overflow: hidden;

	border-radius: 1.6rem;

	-webkit-border-radius: 1.6rem;

	-moz-border-radius: 1.6rem;

	-ms-border-radius: 1.6rem;

	-o-border-radius: 1.6rem;

}

.list_rh_new_3 > li figure img {

	display: block;

	width: 100%;

	height: 100%;

	object-fit: cover;

	mask-image: url(../imgs/bg_list_rh_new_3.svg);

    -webkit-mask-image: url(../imgs/bg_list_rh_new_3.svg);

    mask-position: right bottom;

	mask-repeat: no-repeat;

}

.ico_rh_new_3 {

	position: absolute;

	bottom: 0;

	right: 0;

	width: 5.8rem;

	height: 5.8rem;

	background-color: var(--color-3);

	display: flex;

	justify-content: center;

	align-items: center;

	border-radius: 1.2rem;

	-webkit-border-radius: 1.2rem;

	-moz-border-radius: 1.2rem;

	-ms-border-radius: 1.2rem;

	-o-border-radius: 1.2rem;

}

.ico_rh_new_3 img {

	max-width: 4rem;

	max-height: 4rem;

	object-fit: contain;

}

.na_rh_new_3 {

	position: absolute;

	right: 6.8rem;

	bottom: 0;

	left: 0;

	z-index: 1;

	padding: 1.6rem;

	background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);

	color: #fff;

	font-size: var(--font-size-16);

	font-weight: 600;

	border-bottom-right-radius: 1.6rem;

	border-bottom-left-radius: 1.6rem;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.na_rh_new_3 span {

	display: -webkit-box;

	-webkit-line-clamp: 1;

	line-clamp: 1;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.list_rh_new_3 > li:hover .na_rh_new_3 {

	padding-top: 3.2rem;

	background: linear-gradient(0deg,var(--color-3) 0%, rgba(0, 0, 0, 0) 100%);

}



.gpnb_new {

	display: flex;

	flex-wrap: wrap;

	flex-direction: row-reverse;

	align-items: flex-start;

	gap: var(--gap20);

	background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, var(--tailwind-100) 100%);

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

}

.img_gpnb_new {

	flex: 1 0 30rem;

	aspect-ratio: 3/2;

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

	border-top-left-radius: 0;

	background-size: cover;

	background-position: center center;

	transition: background-image 0.3s ease;

	-webkit-transition: background-image 0.3s ease;

	-moz-transition: background-image 0.3s ease;

	-ms-transition: background-image 0.3s ease;

	-o-transition: background-image 0.3s ease;

}

.list_gpnb_new {

	flex: 1 0 30rem;border-top-left-radius: 0.8rem;

}

.list_gpnb_new > li {

	position: relative;

	padding: 2rem 2rem 2rem 5rem;

}

.list_gpnb_new > li.active .na_gpnb_new {

	color: var(--color-3);

}

.na_gpnb_new {

	cursor: pointer;

	color: var(--color-1);

	font-size: var(--font-size-22);

	font-weight: 500;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

	margin-bottom: 1rem;

}

.des_gpnb_new {

	font-size: var(--font-size-14);

	color: var(--color-1);

	display: -webkit-box;

	-webkit-line-clamp: 4;

	line-clamp: 4;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.ico_gpnb_new {

	position: absolute;

	top: 0;

	left: -3.4rem;

	z-index: 1;

	width: 6.8rem;

	height: 6.8rem;

	background-color: #fff;

	display: flex;

	justify-content: center;

	align-items: center;

	box-shadow: -0.4rem 0 0.4rem rgba(0, 0, 0, 0.05);

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.ico_gpnb_new figure {

	width: 5rem;

	height: 5rem;	

	display: flex;

	justify-content: center;

	align-items: center;

	background-color: var(--tailwind-200);

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.ico_gpnb_new figure img {

	height: 2.4rem;

	object-fit: contain;

}

.list_gpnb_new > li.active .ico_gpnb_new {

	box-shadow: 0.4rem 0 0.4rem rgba(0, 0, 0, 0.05);

}

.list_gpnb_new > li.active .ico_gpnb_new figure {

	background-color: var(--color-3);

}

.list_gpnb_new > li.active .ico_gpnb_new figure img {

	filter: brightness(0) invert(1);

	opacity: 0.5;

}



.rh_new_5 {

	position: relative;

}

.rh_new_5 .min_wrap {

	position: relative;

	z-index: 1;

}

.rh_new_5 .td_rh_new {

	margin-bottom: 2rem;

}

.rh_new_5 .nd_til_cont {

	color: #fff;

}

.rh_new_5 .but_01 {

	border-color: #fff;

	color: #fff;

	background: none;

}

.rh_new_5 .but_01:hover {

	background-color: rgba(255,255,255,0.25);

}

.bg_rh_new_5 {

	position: absolute;

	top: 0;

	right: 0;

	left: 0;

	height: 32rem;

	background: url(../imgs/bg_rh_new_5.png) no-repeat center center;

	background-size: cover;

}

.da_spec_new {

	display: flex;

	gap: var(--gap20);

	position: relative;

}

.img_da_spec_new {

	flex: 1;

	background-color: #fff;

	padding: 1rem;

	box-shadow: 0 1.2rem 2.4rem rgba(0, 0, 0, 0.1);

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

}

.img_da_spec_new a {

	display: block;

	aspect-ratio: 3/2;

}

.img_da_spec_new a img {

	display: block;

	width: 100%;

	height: 100%;

	border-radius: 0.4rem;

	-webkit-border-radius: 0.4rem;

	-moz-border-radius: 0.4rem;

	-ms-border-radius: 0.4rem;

	-o-border-radius: 0.4rem;

}

.if_da_spec_new {

	flex: 1;

	display: flex;

	flex-direction: column;

	gap: var(--gap12);

}

.if_da_spec_new .but_02 {

	color: #fff;

}

.if_da_spec_new .but_02:hover {

	background-color: #fff;

	color: var(--color-3);

}

.na_da_spec_new {

	color: #fff;

	font-size: var(--font-size-30);

	font-weight: 600;

	line-height: 1.3;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.des_da_spec_new {

	color: #fff;

	font-size: var(--font-size-14);

	display: -webkit-box;

	-webkit-line-clamp: 3;

	line-clamp: 3;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.da_other_new {

	width: calc(100% - 50%);

	position: absolute;

	bottom: 0;

	left: 50%;

}

.swiper8 {

	margin: 0 0 0 2rem;

}

.swiper8 .swiper-slide {

	overflow: hidden;

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

}

.swiper8 .swiper-slide .na_swiper3, .da_gp_new .na_swiper3 {

	background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.25) 100%);

}

.swiper8 .swiper-slide:hover .na_swiper3, .da_gp_new .swiper-slide:hover .na_swiper3 {

	padding-top: 2rem;

	background: linear-gradient(0deg,var(--color-3) 0%, rgba(0, 0, 0, 0) 100%);

}

.swiper-button-prev-8 {

	left: 0;

}

.swiper-button-next-8 {

	right: 0;

}

.da_gp_new .swiper-slide {

	overflow: hidden;

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

}



.rh_new_6 {

	padding-top: 6rem;

}

.content_rh_new_6 {

	display: flex;

	gap: var(--gap40);

	flex-wrap: wrap;

}

.tt_news {

	flex: 2 0 4rem;

	max-width: 100%;

	overflow: hidden;

}

.tt_news .tt_h_nb {

	gap: var(--gap20);

	background-color: var(--color-3);

}

.tt_news .list_tt_h {

	padding-top: 2rem;

}

.tt_news .r_tt_h_nb {

	padding: 2rem 2rem 2rem 0;

}

.tt_news .na_na_tt_h_nb {

	font-size: var(--font-size-18);

	color: #fff;

}

.tt_news .na_na_tt_h_nb a {

	color: #fff;

}

.tt_news .r_tt_h_nb .tt_list_tt_h, .tt_news .r_tt_h_nb .des_tt_h_nb {

	padding-top: 0.8rem;

	color: rgba(255,255,255,0.85);

}

.tt_news .na_list_tt_h {

	font-size: var(--font-size-14);

	font-weight: 500;

}

.bc_news {

	flex: 1;

}

.til_bc_news {

	position: relative;

	line-height: 1.6rem;

}

.til_bc_news::before {

	content: "";

	height: 0.1rem;

	position: absolute;

	top: 0.9rem;

	left: 0;

	right: 0;

	background-color: #EAEAEA;

}

.til_bc_news span {

	position: relative;

	z-index: 1;

	display: inline-block;

	background-color: #fff;

	font-size: var(--font-size-12);

	font-weight: 500;

	color: var(--color-1);

	padding-right: 1rem;

}

.list_bc_news {

	display: flex;

	flex-wrap: wrap;

	gap: var(--gap10);

}

.list_bc_news > li {

	background-color: #fff;

	box-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.05);

	flex: 1 0 44%;

	padding: 1rem;

	display: flex;

	justify-content: center;

	align-items: center;

	border-radius: 0.4rem;

	-webkit-border-radius: 0.4rem;

	-moz-border-radius: 0.4rem;

	-ms-border-radius: 0.4rem;

	-o-border-radius: 0.4rem;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.list_bc_news > li:hover {

	box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);

}

.list_bc_news > li img {

	height: 6rem;

	object-fit: contain;

}



.rh_new_7 {

	overflow: hidden;

}

.content_rh_new_7 {

	display: flex;

	gap: var(--gap40);

	flex-wrap: wrap;

}

.faqs {

	flex: 2 0 4rem;

}

.list_FAQ > li {

	border: 0.1rem solid #eaeaea;

	position: relative;

	margin-bottom: 2rem;

	background-color: #fff;

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

}

.list_FAQ > li:last-child {

	margin-bottom: 0;

}

.list_FAQ .tl_faq {

    display: none;

}

.list_FAQ li.active .tl_faq {

    display: block;

}

.list_FAQ > li.active .ch_faq h3 {

	color: var(--color-3);

}

.list_FAQ > li.active .but_ch_faq {

	background-color: var(--color-4);

}

.list_FAQ > li.active .but_ch_faq::before {

	content: "\f068";

}

.ch_faq {

	cursor: pointer;

	display: flex;

	color: var(--color-1);

	padding: 2rem 6rem 2rem 2rem;

}

.ch_faq h3 {

	font-size: var(--font-size-16);

	font-weight: 500;

}

.tl_faq {

	padding: 0 2rem 2rem 2rem;

	color: var(--color-2);

	font-size: var(--font-size-14);

}

.tl_faq table {

	width: 100% !important;

}

.but_ch_faq {

	width: 3.2rem;

	height: 3.2rem;

	position: absolute;

	top: 1.6rem;

	right: 2rem;

	color: #fff;

	display: flex;

	justify-content: center;

	align-items: center;

	background-color: var(--color-3);

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

}

.but_ch_faq::before {

	font-family: "Font Awesome 7 Pro";

	font-weight: 300;

	content: "\2b";

}

.but_ch_faq:hover {

	background-color: var(--tailwind-800);

}

.knvct {

	flex: 1;

}

.list_knvct {

	position: sticky;

	top: var(--height-hea);

	display: flex;

	flex-direction: column;

	padding: 2rem;

	background-color: #fff;

	border-top: 0.2rem solid var(--color-3);

	box-shadow: 0 1.2rem 2.4rem rgba(0, 0, 0, 0.05);

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

}

.list_knvct img {

	display: block;

	width: 100%;

	height: auto;

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

}

.list_knvct img:hover {

	box-shadow: 0 0.4rem 0.2rem rgba(0, 0, 0, 0.1);

}



.rh_new_7 {

	position: relative;

	background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%);

}

.rh_new_7 .tit_cont {

	margin-bottom: 2rem;

}

.shape-03 {

	position: absolute;

	top: 0;

	right: 0;

}

.rh_new_7 .min_wrap {

	position: relative;

	z-index: 1;

}



.rh_new_8 {

	border-top: 0.1rem solid #eaeaea;

}

.rh_new_8 .swiper5 .swiper-slide figure {

	height: 7.5rem;

}







.r1_f_gp_new {

	background: #F5F5F5 url(../imgs/bg_gp_new.png) no-repeat top center;

	background-attachment: fixed;

	padding-top: 12rem;

	padding-bottom: 12rem;

}

.r1_f_gp_new .min_wrap {

	display: flex;

	gap: var(--gap40);

	align-items: center;

	flex-wrap: wrap;

}

.l_r1_f_gp_new {

	flex-basis: 40rem;

}

.l_r1_f_gp_new .tit_cont {

	margin-bottom: 0;

}

.r_r1_f_gp_new {

	flex: 1;

	overflow: hidden;

	max-width: 100%;

}

.swiper9 .swiper-slide > a {

	position: relative;

	background-color: var(--color-3);

	color: #fff;

	aspect-ratio: 1/1;

	border-top-left-radius: 6rem;

	border-bottom-right-radius: 6rem;

	display: flex;

	justify-content: center;

	align-items: center;

	font-size: var(--font-size-24);

	font-weight: 600;

	padding: 4rem;

}

.swiper9 .swiper-slide > a h3 {

	font-size: var(--font-size-24);

	font-weight: 600;

	position: relative;

	z-index: 3;

}

.ico_r1_f_gp_new {

	position: absolute;

	z-index: 2;

	bottom: -1rem;

	right: -1rem;

	width: 8.4rem;

	height: 8.4rem;

	display: flex;

	background-color: #F5F5F5;

	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%;

}

.ico_r1_f_gp_new span {

	width: 6.4rem;

	height: 6.4rem;

	display: flex;	

	justify-content: center;

	align-items: center;

	background-color: var(--color-3);

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

}

.ico_r1_f_gp_new span img {

	max-height: 3.2rem;

	object-fit: contain;

}

.img_r1_f_gp_new {

	opacity: 0;

	visibility: hidden;

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	overflow: hidden;

	border-top-left-radius: 6rem;

	border-bottom-right-radius: 6rem;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.img_r1_f_gp_new img {

	display: block;

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.swiper9 .swiper-slide:hover .img_r1_f_gp_new {

	opacity: 0.25;

	visibility: visible;

}



.text-slide {

	display: flex;

	gap: var(--gap10);

	overflow: hidden;

	background-color: var(--color-3);

}

.text_scroll {

	flex-shrink: 0;

	animation: scroll 24s linear infinite;

	-webkit-animation: scroll 24s linear infinite;

}

@keyframes scroll {

	0% {

		transform: translateX(0%);

		-webkit-transform: translateX(0%);

		-moz-transform: translateX(0%);

		-ms-transform: translateX(0%);

		-o-transform: translateX(0%);

	}

	100% {

		transform: translateX(-100%);

		-webkit-transform: translateX(-100%);

		-moz-transform: translateX(-100%);

		-ms-transform: translateX(-100%);

		-o-transform: translateX(-100%);

	}

}

.text_scroll ul {

	display: flex;

	align-items: center;

	gap: var(--gap20);

}

.text_scroll ul li {

	text-transform: uppercase;

	font-weight: 700;

	font-size: 32px;

	padding: 1rem;

	color: var(--color-3);

	background: #fff;

	background-clip: text;

	-webkit-background-clip: text;

	-webkit-text-stroke: 2px transparent;

	letter-spacing: 1px;

}

.img_text_scroll img {

	display: block;

	width: 2.4rem;

	height: auto;

}



.r2_f_gp_new .min_wrap {

	align-items: stretch;

}

.r2_f_gp_new .ct_cont_D_2 {

	flex: 2 0 12rem;

	display: flex;

	flex-direction: column;

	gap: var(--gap40);

}

.r2_f_gp_new .sb_cont_D_2 {

	position: static;

	display: flex;

	flex-direction: column;

	gap: var(--gap40);

}

.play_vd_gp_new {

	background-color: var(--color-3);

	overflow: hidden;

	border-top-right-radius: 0.8rem;

	border-top-left-radius: 0.8rem;

}

.play_vd_gp_new figure {

	aspect-ratio: 16/9;

}

.play_vd_gp_new figure iframe {

	width: 100% !important;

	height: 100% !important;

}

.play_vd_gp_new h3 {

	color: #fff;

	font-weight: 600;

	font-size: var(--font-size-16);

	padding: 1rem 2rem 2rem 2rem;

}

.list_vd_gp_new {

	padding: 0 2rem;

	box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.15);

	border-bottom-right-radius: 0.8rem;

	border-bottom-left-radius: 0.8rem;

}

.list_vd_gp_new > li {

	cursor: pointer;

	display: flex;

	gap: var(--gap08);

	padding: 1.6rem 0;

	border-bottom: 0.1rem solid #EAEAEA;

}

.list_vd_gp_new > li:last-child {

	border-bottom: 0;

}

.list_vd_gp_new > li figure {

	width: 2.4rem;

	height: 2.4rem;

	display: flex;

	justify-content: center;

	align-items: center;

	font-size: var(--font-size-20);

	color: var(--color-3);

}

.list_vd_gp_new > li p {

	padding: 0;

	font-size: var(--font-size-14);

	color: var(--color-2);

}

.list_vd_gp_new > li.active p, .list_vd_gp_new > li:hover p {

	color: var(--color-3);

}

.dc_gp_new {

	display: flex;

	flex-direction: column;

	gap: var(--gap10);

	position: sticky;

	top: var(--height-hea);

}

.dc_gp_new > li {

	padding: 1rem 2rem;

	border-left: 0.2rem solid var(--tailwind-600);

	font-size: var(--font-size-12);

	color: var(--color-2);

	background: linear-gradient(-90deg,rgba(255, 255, 255, 1) 0%, rgba(245, 245, 246, 1) 100%);

}

.na_dc_gp_new {

	font-size: var(--font-size-14);

	font-weight: 500;

	text-transform: uppercase;

	margin-bottom: 1rem;

}

.nd_dc_gp_new a {

	color: var(--color-3);

}



.r3_f_gp_new {

	padding-top: 0;

}

.r3_f_gp_new .min_wrap {

	width: 1320px;

	max-width: 100%;

	overflow: hidden;

	position: relative;

	background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(230, 230, 231, 1) 100%);

	padding: 2rem 2rem 4rem 2rem;

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

}

.r3_f_gp_new .min_wrap::before {

	content: "";

	background: url(../imgs/shape-07.png) no-repeat;

	width: 10rem;

	height: 1rem;

	position: absolute;

	top: 0;

	right: 0;

	opacity: 0.5;

}

.r3_f_gp_new .swiper3 {

	padding-top: 0;

}

.title_gp_new {

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-bottom: 2rem;

}

.na_title_gp_new {

	font-size: var(--font-size-30);

	line-height: 3.6rem;

	font-weight: 600;

	color: var(--color-1);

	padding: 0.6rem 0;

	position: relative;

}

.na_title_gp_new::before {

	content: "";

	width: 0.4rem;

	background-color: var(--color-3);

	position: absolute;

	top: 0;

	bottom: 0;

	left: -2rem;

}



.dm_gp_new {

	overflow: hidden;

	position: relative;

	background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(230, 230, 231, 1) 100%);

	border-bottom: 0.1rem solid #eaeaea;

	padding: 2rem 2rem 4rem 2rem;

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

}

.dm_gp_new::before {

	content: "";

	background: url(../imgs/shape-07.png) no-repeat;

	width: 10rem;

	height: 1rem;

	position: absolute;

	top: 0;

	right: 0;

	opacity: 0.5;

}

.list_dm_gp_new {

	display: grid;

	grid-template-columns: repeat(3, minmax(0, 1fr));

	gap: var(--gap20);

}

.list_dm_gp_new > li figure {

	aspect-ratio: 3/2;

	overflow: hidden;

	margin-bottom: 1rem;

	border-radius: 0.8rem;

	-webkit-border-radius: 0.8rem;

	-moz-border-radius: 0.8rem;

	-ms-border-radius: 0.8rem;

	-o-border-radius: 0.8rem;

}

.list_dm_gp_new > li figure img {

	display: block;

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.list_dm_gp_new > li h3 {

	color: var(--color-1);

	font-size: var(--font-size-16);

	font-weight: 500;

}

.list_dm_gp_new > li h3 a {

	color: var(--color-1);

}

.list_dm_gp_new > li h3:hover a {

	color: var(--color-3);

}

.list_dm_gp_new > li p {

	padding: 0;

	font-size: var(--font-size-14);

	color: var(--color-2);

	display: -webkit-box;

	-webkit-line-clamp: 3;

	line-clamp: 3;

	-webkit-box-orient: vertical;

	overflow: hidden;

}



/************************************************************************************

CSS PLUS

*************************************************************************************/



.f-detail {

	color: var(--color-2);

}

.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 a {color: var(--color-3);}

.f-detail a:hover {text-decoration: underline;}



.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 7 Pro";

	font-weight: 900;

	content: "\f772";

	color: #008b47;

	font-size: var(--font-size-16);

	position: absolute;

	top: .5rem;

	left: 0;

}

.f-detail ol li {

	list-style: decimal;

	padding: .5rem 0 .5rem;

	margin-left: 1.6rem;

}



.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;}



.error-sty {color: #f70000; font-weight: 400; padding: 5px 0px; font-size: 11px;}



.clear {clear:both; height: 0; float: none;}



.box-sizing-fix {

	-moz-box-sizing: border-box; 

	-webkit-box-sizing: border-box; 

	box-sizing: border-box;

}

.img_object_fit {object-fit: cover; -moz-object-fit: cover; -webkit-object-fit: cover; -o-object-fit: cover; -ms-object-fit: cover;}

::-webkit-input-placeholder {opacity: 1;} ::-moz-placeholder {opacity: 1;} :-ms-input-placeholder {opacity: 1;} :-moz-placeholder {opacity: 1;}

.sty_slec {-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

.sty_slec::-ms-expand {display: none;}

.sty_transition {-webkit-transition: ease 0.3s; -moz-transition: ease 0.3s; -o-transition: ease 0.3s; -ms-transition: ease 0.3s; transition: ease 0.3s;}

.hover_img {

	transition: .4s;

	-webkit-transition: .4s;

	-moz-transition: .4s;

	-ms-transition: .4s;

	-o-transition: .4s;

}

.hover_img:hover {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

}



.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}

.clearfix {display: block;}



select option {font-size: 14px;}



input, textarea, select, button {

	font-family: var(--font-family);

	color: #000;

}

button:active {opacity: 0.9;}



/*

html {	

	scrollbar-width: thin; 

	scrollbar-color: rgba(0,0,0,0.2) #ddd;	

}

::-webkit-scrollbar {width: 8px; height: 8px; background: #ddd;}

::-webkit-scrollbar-thumb {width: 8px; background-color: rgba(0,0,0,0.2);}

::-webkit-scrollbar-track {padding: 3px;}

*/



#star img {display: inline-block; width: auto; height: 18px; position: relative; top: -1px;}



.page {

	text-align: center;

	font-size: var(--font-size-16);

	padding-top: 4.8rem;

}

.PageNum a {

	display: inline-block; 

	color: var(--color-2); 

	padding: 3px 7px; 

	margin: 0px 3px 5px 0px; 

	min-width: 30px;

	text-align: center;

}

.PageNum a:hover {

	color: var(--tailwind-500);

}

.PageNum span {

	color: var(--tailwind-500);

	font-weight: 600;

	display: inline-block;

	padding: 3px 7px;

	margin: 0px 3px 5px 0px;

	min-width: 30px;

	text-align: center;

}



/************************************************************************************

MENU MOBILE

*************************************************************************************/



.icon_menu_mobile {

	color: var(--color-1-new);

	display: none;

	width: 24px;

	height: 24px;

	cursor: pointer;

	user-select: none;

	justify-content: center;

	align-items: center;

}

.icon_menu_mobile i {

	font-size: var(--font-size-18);

	text-align: center;

}



.menu_mobile {

	user-select: none;

	visibility: hidden;

	background: rgba(17,20,21,1);

	width: 280px; height: 100vh; 

	overflow-x: hidden;

	overflow-y: auto;

	overscroll-behavior: contain;

	position: fixed;

	top: 0; left: -280px;

	z-index: 99999;

	transition: all 0.2s;

	-moz-transition: all 0.2s;

	-webkit-transition: all 0.2s;

	-o-transition: all 0.2s;

}

.menu_mobile::-webkit-scrollbar {

	display: none;

}

.close_menu_mobile {

	background: rgba(255,255,255,0); 

	position: fixed; 

	top: 0; right: 0; bottom: 0; left: 280px;

	z-index: 7009;

}

.show_menu_mobile {

	overflow-y: hidden;

}

.show_menu_mobile .menu_mobile {left: 0;}

.show_menu_mobile::after {

	content: "";

	background: rgba(255,255,255,0.25);

	backdrop-filter: blur(8px);

	-webkit-backdrop-filter: blur(8px);

	position: fixed;

	top: 0; right: 0; bottom: 0; left: 0;

	z-index: 10001;

	transition: all 0.2s;

	-moz-transition: all 0.2s;

	-webkit-transition: all 0.2s;

	-o-transition: all 0.2s;

}



.logo_mb {

	padding: 12px 16px;

	border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);

}

.logo_mb img {

	display: inline-block;

	width: auto;

	height: 48px;

}



.dkdn_mb {

	background: rgb(51, 180, 74);

    background: linear-gradient(90deg, #E48844 0%, #D15C25 100%);

	color: #fff;

	padding: 12px 16px;

	font-size: 12px;

	font-weight: 500;

	line-height: 1.3;

}

.dkdn_mb > a {

	display: inline-block;

	background-color: rgba(0,0,0,.25);

	color: #fff;

	padding: .8rem 1.2rem;

	border-radius: 24px;

	-webkit-border-radius: 24px;

	-moz-border-radius: 24px;

	-ms-border-radius: 24px;

	-o-border-radius: 24px;

}

.in_dkdn_mb {

	display: flex;

	align-items: center;

	gap: 1.2rem;

}

.img_dkdn_mb {

	flex-basis: 50px;

}

.img_dkdn_mb img {

	display: block;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	padding: 3px;

	background-color: #fff;

}

.nd_dkdn_mb {

	flex: 1;

}

.nd_dkdn_mb p {

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	font-weight: 600;

	font-size: var(--font-size-18);

	padding: 0 0 .2rem 0;

}

.nd_dkdn_mb a {

	color: #fff;

}



.menu_accordion {

	padding: 0 16px;

}



.ul_ma_1 {

	padding: 8px 0;

}

.ul_ma_1 > li {

	font-size: var(--font-size-15); 

	position: relative;

}

.ul_ma_1 > li > a {

	white-space: nowrap; 

	text-overflow: ellipsis; 

	overflow: hidden; 

	display: block; 

	color: var(--color-1-new); 

	padding: 8px 30px 8px 0;

	font-size: var(--font-size-16);

}

.ul_ma_1 > li > a:hover, .ul_ma_1 > li.active > a {

	color: var(--PrimaryColor); 

	font-weight: 600;

}

.ul_ma_1 > li.active {

	color: var(--PrimaryColor);

}

.ul_ma_1 > li > a > i {

	width: 18px;

	text-align: center;

	margin-right: 4px;

}

.ul_ma_1 > li.active .ul_ma_2 {display: block;}



.ul_ma_2 {

	background-color: var(--tailwind-50);

	display: none;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	-o-border-radius: 4px;

}

.ul_ma_2 > li {

	position: relative;

	border-bottom: 1px solid rgba(0,0,0,.04);

}

.ul_ma_2 > li:last-child {

	border-bottom: 0;

}

.ul_ma_2 > li > a {

	padding: 8px 16px;

	display: block;

	color: #000;

}

.ul_ma_2 > li.active > a {

	font-weight: 600;

}

.ul_ma_2 > li .arrown_menu_accordion {

	color: var(--color-1);

	transform: rotate(0deg) !important;

	-webkit-transform: rotate(0deg) !important;

	-moz-transform: rotate(0deg) !important;

	-ms-transform: rotate(0deg) !important;

	-o-transform: rotate(0deg) !important;

}

.ul_ma_2 > li.active .arrown_menu_accordion {

	transform: rotate(180deg) !important;

	-webkit-transform: rotate(180deg) !important;

	-moz-transform: rotate(180deg) !important;

	-ms-transform: rotate(180deg) !important;

	-o-transform: rotate(180deg) !important;

}

.ul_ma_2 > li.active .ul_ma_3 {display: block;}



.ul_ma_3 {

	display: none;

	padding-bottom: 8px;

}

.ul_ma_3 > li > a {

	padding: 4px 16px 4px 32px;

	display: block;

	color: #000;

}

.ul_ma_3 > li.active > a {

	text-decoration: underline;

}



.ul_ma_1 > li.active .arrown_menu_accordion {

	-webkit-transform: rotate(-180deg);

	-ms-transform: rotate(-180deg);

	-o-transform: rotate(-180deg);

	transform: rotate(-180deg);

}

.ul_ma_2 > li.active .arrown_menu_accordion2::before {

	content: "\f068";

}



.arrown_menu_accordion {

	width: 24px;

	height: 24px;

	text-align: center;

	line-height: 24px;

	position: absolute;

	top: 8px;

	right: 0;

	cursor: pointer;

	font-style: normal;

	transition: .4s;

	-webkit-transition: .4s;

	-moz-transition: .4s;

	-ms-transition: .4s;

	-o-transition: .4s;

}

.arrown_menu_accordion2 {

	width: 20px; height: 20px;

	text-align: center;

	line-height: 20px;;

	position: absolute;

	top: 10px; right: 4px;

	cursor: pointer;

	font-style: normal;

	-webkit-transition: .3s;

	-o-transition: .3s;

	transition: .3s;

}

.arrown_menu_accordion::before {

	font-family: "Font Awesome 7 Pro";

	font-weight: 300; 

	content: "\f078";

	font-size: var(--font-size-12);

}

.arrown_menu_accordion2::before {

	font-family: "Font Awesome 7 Pro";

	font-weight: 400; 

	content: "\2b";

	font-size: 12px;

	color: #34cdad;

}



.t_ul_ma_1 {

	font-weight: 500; 

	text-transform: capitalize; 

	padding: 8px 0 6px 0;

	display: inline-block;

	border-bottom: 1px solid #000;

	color: var(--color-3);

}



.bot_menu_mobile {

	border-top: 1px solid rgba(255, 255, 255, 0.1);

	padding: 1.2rem;

	color: var(--color-1-new);

}

.list_social_rwd {	

	display: flex;

	gap: .8rem;

}

.list_social_rwd > li {

	flex: 1;

	font-size: var(--font-size-12);

}

.list_social_rwd > li > a {

	display: block;

	text-align: center;

	color: #fff;

	background-color: rgba(0,0,0,.8);

	padding: 1.2rem;

	border-radius: 24px;

	-webkit-border-radius: 24px;

	-moz-border-radius: 24px;

	-ms-border-radius: 24px;

	-o-border-radius: 24px;

}

.list_social_rwd > li > a:hover,

.list_social_rwd > li > a:active,

.list_social_rwd > li > a:focus {

	background-color: #000;

}

.list_social_rwd > li > a i {

	font-size: var(--font-size-14);

	margin-right: .4rem;

}



/************************************************************************************

RESPOSIVE

*************************************************************************************/



@media only screen and (min-width: 1921px) {



}



@media only screen and (max-width: 1600px) {

	.shape_01, .shape-04 {

		width: 48.8rem;

	}

	.shape_01 {

		right: 79px;

		bottom: -1px;

	}

	.shape-02 {

		bottom: -17rem;

	}

	.shape-02 img:first-child {

		position: relative;

		right: -12rem;

	}

	.shape-04 {

		right: -8rem;

	}

	.shape-05 {

		right: -8rem;

		bottom: -28rem;

	}



}



@media only screen and (max-width: 1599px) {

	

	.shape_01, .shape-04 {

		width: 40rem;

	}

	.shape_01 {

		right: 39px;

	}

	.shape-02 {

		bottom: -12rem;

	}

	.shape-02 img:first-child {

		width: auto;

		height: 60rem;

		bottom: -1rem;

	}

	.shape-05 {

		right: -17rem;

		bottom: -33rem;

	}

}



@media only screen and (max-width: 1439px) {

	

}



@media only screen and (max-width: 1365px) {

	.list_rh_new_1 {

		flex-wrap: wrap;

		padding-right: 0;

	}

	.slide_new .slide_vegas, .slide_new::before {

		border-radius: 0;

		-webkit-border-radius: 0;

		-moz-border-radius: 0;

		-ms-border-radius: 0;

		-o-border-radius: 0;

	}

	.rh_new_2, .rh_new_5, .rh_new_6, .rh_new_7 {

		overflow: hidden;

	}



	.shape_01, .shape-02, .shape-04 {

		display: none;

	}

}



@media only screen and (max-width: 1280px) {

	.min_wrap {

		width: auto;

		padding-right: 4rem;

		padding-left: 4rem;

	}	

	.icon_menu_mobile {

		display: flex;

	}



	.m_hea {

		margin-left: initial;

	}

	#indexSlide {

		background: none;

	}

	#indexLeft {

		flex: 2 1 12rem;

	}

	#indexRight {

		flex: 1 1 4rem;

	}

	.maps_ct .min_wrap {

		padding: 0 !important;

		border-radius: 0;

		-webkit-border-radius: 0;

		-moz-border-radius: 0;

		-ms-border-radius: 0;

		-o-border-radius: 0;

	}

	.f_contact , .maps_ct {

		padding-bottom: 0 !important;

	}

	.l_r_vct_5 {

		padding-left: 4rem;

	}

	.r3_f_gp_new {

		padding-right: 2rem;

		padding-left: 2rem;

	}

	.r3_f_gp_new .min_wrap {

		width: auto;

	}

	.swiper9 .swiper-slide > a {

		padding: 3.2rem;

	}

	.swiper8 .swiper-slide .img_swiper3 {

		aspect-ratio: 3/1.8;

	}

	.rh_new_1 .min_wrap {

		padding-top: 3rem;

		padding-bottom: 3rem;

	}



	.r_hea {

		min-width: auto;

	}

	.rhNew_6 .min_wrap {

		max-width: 96%;

	}



	.nav_mn {

		display: none !important;

	}

}



@media only screen and (max-width: 1279px) {	

	.header_new .m_hea {

		padding-right: 2rem;

		position: relative;

	}

	.header_new .m_hea::before {

		content: "";

		width: 0.1rem;

		height: 2rem;

		background-color: #DADDE2;

		position: absolute;

		top: 0.6rem;

		right: 0.6rem;

	}

	.da_spec_new {

		margin-bottom: 2rem;

	}

	.nd_rh_new_2 {

		position: static;

		transform: none;

		-webkit-transform: none;

		-moz-transform: none;

		-ms-transform: none;

		-o-transform: none;

	}

	.text_slide {

		left: 0;

	}

	.r1_f_gp_new {

		padding-top: 6rem;

		padding-bottom: 6rem;

	}

	.r1_f_gp_new {

		background-position: top right;

		background-attachment: inherit;

	}

	.da_spec_new {

		flex-wrap: wrap;

	}

	.da_other_new {

		flex-basis: 100%;

		position: static;

		width: 100%;

	}

	.swiper8 {

		margin: 0;

	}



	.rhNew_1 .min_wrap {

		gap: 4.8rem;

	}

	.text_slide_h {

		width: calc(66.666666% - 2.4rem);

	}

	.but_r2_prodNew_D .butNew_01, .but_r2_prodNew_D .butNew_02{

		font-size: var(--font-size-14);

	}



	.l_r1_f_gp_new {

		flex-basis: 100%;

	}

	.hotline_hea_new, .line_r_hea {

		display: none;

	}

}



@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);

		--gap24: 2.0rem;

		--gap32: 2.4rem;

		--gap40: 2.4rem;

		--gap48: 2.4rem;

		--height-hea: 60px;

	}

	.list3_gap48 {

		margin: 0 -1.2rem;

	}

	.list4_gap24 > li, .list3_gap48 > li {

		flex-basis: 33.333333%;

		padding: 1.2rem;

	}

	.list4_gap48 {

		margin: 0 -.8rem;

	}

	.list4_gap48 > li {

		flex-basis: 25%;

		padding: .8rem;

	}

	.min_wrap, .rh_7 .min_wrap, .rh_4 .min_wrap, .r_vct_3 .min_wrap {

		padding-right: 2.4rem;

		padding-left: 2.4rem;

	}

	

	html {

		-webkit-overflow-scrolling: touch;

		touch-action: pan-y;

		overflow-x: hidden;

	}



	.logo img {

		height: 4.8rem;

	}

	.rh_3 {

		overflow: hidden;

	}



	.swiper-button-prev-4, .swiper-button-prev-2 {

		left: 0;

	}

	.swiper-button-next-4, .swiper-button-next-2 {

		right: 0;

	}

	.bg_cont .min_wrap, .bg_gt .min_wrap {

		justify-content: center;

		height: auto !important;

		aspect-ratio: 3/1;

	}

	.l_bg_cont, .til_bg_gt, .t2_cont {

		text-align: center;

	}

	.t2_cont::before {

		right: 0;

		margin: 0 auto;

	}

	.nd_f_lvhd .t2_cont, .r_td_1 .t2_cont {

		text-align: left;

	}

	.nd_f_lvhd  .t2_cont::before, .r_td_1 .t2_cont::before {

		right: auto;

	}

	.r_rtt_1 > li {

		flex-basis: 20rem;

	}

	.nd_list_td {

		flex-basis: 50%;

	}

	.na_gpnb_new {

		font-size: var(--font-size-18);

		font-weight: 600;

	}

	.ul_breacrumNew {

		flex-wrap: nowrap;

		justify-content: flex-start;

		overflow: auto;

		scroll-snap-type: x mandatory;

		scrollbar-width: none;

		-ms-overflow-style: none;

	}

	.ul_breacrumNew > li {

		flex: 0 0 auto;

	}



	.nav_mn, .r_bg_cont {

		display: none;

	}

	.f-detail img {

		height: fit-content !important;

	}

	.f-detail iframe {

		aspect-ratio: 16/9;

		max-width: 100%;

		height: fit-content;

		border-radius: 1rem;

		-webkit-border-radius: 1rem;

		-moz-border-radius: 1rem;

		-ms-border-radius: 1rem;

		-o-border-radius: 1rem;

	}

	.l_r_vct_5 {

		padding-left: 2.4rem;

	}

	.link_cttv {

		right: 2.4rem;

	}

}



@media only screen and (max-width: 960px) {	

	:root {

		--font-size-30: clamp(20px, 4vw, 30px);

		--font-size-40: clamp(30px, 4vw, 40px);

	}

	.t1_text_slide {

		font-size: var(--font-size-40);

	}

	.t2_text_slide, .na_da_spec_new {

		font-size: var(--font-size-22);

	}

	.content_rh_new_2 {

		flex-direction: column-reverse;

	}

	.list_rh_new_1 > li {

		flex-direction: column;

		text-align: center;

	}

	.ico_rh_new_1 {

		width: 6.4rem;

		height: 6.4rem;

	}

	.shape-06 {

		width: 75vw;

		top: 6rem;

		bottom: auto;

	}

	.nd_rh_new_2 {

		width: 100%;

		padding: 0;

	}

	.img_gpnb_new {

		border-radius: 0.8rem;

		-webkit-border-radius: 0.8rem;

		-moz-border-radius: 0.8rem;

		-ms-border-radius: 0.8rem;

		-o-border-radius: 0.8rem;

	}

	.list_gpnb_new > li {

		padding-left: 8.2rem;

	}

	.ico_gpnb_new {

		left: 0;

	}

	.list_bc_news > li {

		height: auto;

	}

	.list_FAQ > li {

		margin-bottom: 1rem;

	}

	.list_knvct {

		flex-direction: row;

		gap: var(--gap10);

		flex-wrap: wrap;

	}

	.list_knvct > a {

		flex: 1;

	}

	.l_f1n {

		flex-direction: row;

		justify-content: space-between;

		align-items: center;

		background: none;

		padding-bottom: 0;

	}

	.r_f1n {

		padding-top: 2rem;

		padding-left: 0;

	}

	.rh_new_2 .min_wrap {

		padding-bottom: 0;

	}

	.rh_new_2 .but_02 {

		width: 100%;

		justify-content: center;

		background-color: var(--color-3);

		color: #fff;

	}

	.rh_new_5 {

		background: url(../imgs/bg_rh_new_5.png) no-repeat center center;

    	background-size: cover;

	}

	.da_spec_new {

		margin-bottom: 0;

	}

	.na_rh_new_3 {

		background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 75%);

	}	

	.list_rh_new_3 > li:hover .na_rh_new_3 {

		padding-top: 1.6rem;

		background: linear-gradient(90deg,var(--color-3) 0%, rgba(0, 0, 0, 0) 75%);

	}

	.list_rh_new_1 > li:nth-child(1) {

		flex-basis: 100%;

		margin-bottom: 2.4rem;

	}

	.vd_rh_1 {

		width: 100%;

	}

	.rh_new_2 .nd_til_cont {

		max-width: 100%;

	}

	.rh_new_6 {

		padding-top: 3rem !important;

	}

	.rh_new_1 {

		overflow: hidden;

	}



	.slide_h {

		height: auto;

		aspect-ratio: 16/9;

	}

	.til_text_slide_h {

		align-items: center;

	}

	.text_slide_h {

		margin: auto;

		text-align: center;

	}

	.but_text_slide_h {

		justify-content: center;

	}

	.rhNew_1 .min_wrap {

		gap: var(--gap32);

	}

	.sl_com {

		flex-wrap: wrap;

		gap: var(--gap24);

	}

	.sl_com > li {

		flex: 1;

	}

	.des_text_slide_h {

		font-size: var(--font-size-14);

	}

	.c2_livaza {

		flex: 1;

	}

	.form_rlhNew_2, .rhNew_6 .min_wrap {

		padding: 3.2rem;

	}

	.til_rlhNew_3 {

		max-width: 100%;

		padding-right: 2.4rem;

		padding-left: 2.4rem;

	}	

	.but_list_prodNew {

		padding: 1rem;

	}



	.r_rh_new_2, .tt_news, .faqs, .img_gpnb_new, .r_f1n, .r2_f_gp_new .ct_cont_D_2 {

		flex-basis: 100%;

	}

	.text_nd_rh_new_2::before, .bg_rh_new_5, .rh_new_5 .but_01, .rh_new_6 .but_01 {

		display: none;

	}

}



@media only screen and (max-width: 768px) {	

	.r_p9 {

		padding-top: 6rem;

		padding-bottom: 6rem;

	}

	.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 {

		flex-basis: 100%;

	}

	.r_rh_1 {

		position: static;

		padding-top: 2.4rem;

	}

	.list_l_rh_1 > li {

		flex-basis: 30rem;

	}

	.list_l_rh_1 > li figure, .list_lsht > li {

		padding-top: 2.4rem;

		padding-bottom: 2.4rem;

	}

	.r_da_h_nb, .r_tt_h_nb {

		padding: 2.4rem;

	}



	.slide_vegas, .slide_new .slide_vegas {

		height: auto;

		aspect-ratio: 16/9;

	}

	.o_list_bc_h {

		max-height: 18rem;

	}

	.l_rh_1, .t1_cont {

		text-align: center;

	}

	.list_l_rh_1 > li figure, .t1_h {

		justify-content: center;

	}

	.list_rh_7 > li:nth-child(2) {

		order: 3;

	}

	.bc_h {

		padding-top: 3rem;

	}	

	.slide_top, .rh_4 {

		overflow-x: hidden;

	}

	.rh_4 .min_wrap {

		margin-right: -2.4rem;

		margin-left: -2.4rem;

	}

	.swiper4 .swiper-slide {

		width: 80vw;

	}

	.list_dv, .list_f_news {

		grid-template-columns: repeat(2, minmax(0, 1fr));

	} 

	.r_rtt_1 > li {

		flex-basis: 25rem;

	}

	.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;

	}

	.img_r_td_1, .img_r_td_1 img, .img_f_lvhd, .img_f_lvhd img, .img_list_cttv, .img_list_cttv a, .img_list_cttv img {

		border-bottom-right-radius: 6rem;

		border-top-left-radius: 6rem;

	}

	.img_list_cttv::before {

		border-bottom-right-radius: 6.6rem;

		border-top-left-radius: 6.6rem;

	}

	.list_cttv > li:nth-child(2n) {

		border-top-left-radius: 10rem;

	}

	.list_cttv > li:nth-child(4) {

		border-top-left-radius: 0;

		border-top-right-radius: 10rem;

	}

	.img_f_lvhd {

		margin-left: 0;

	}

	.r_lvhd:nth-child(2n) .img_f_lvhd {

		margin-right: 0;

	}

	.nd_f_lvhd {

		padding-right: 0;

		text-align: center;

	}

	.tt_f_gp {

		height: auto;

		padding: 2.4rem;

	}

	.des_tt_f_gp {

		max-width: 100%;

	}

	.nd_f_lvhd .t2_cont, .r_td_1 .t2_cont {

		text-align: center;

	}

	.nd_f_lvhd  .t2_cont::before, .r_td_1 .t2_cont::before {

		right: 0;

	}

	.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-prev-3-plus {

		width: 2.4rem;

		height: 100%;

		right: auto;

		bottom: 0;

	}	

	.swiper-button-prev-3-plus::after {

		content: "\f053";

	}

	.swiper-button-next-3-plus {

		width: 2.4rem;

		height: 100%;

		left: auto;

		bottom: 0;

	}

	.swiper-button-next-3-plus::after {

		content: "\f054";

	}

	.list_r_vct_2 > li, .list_r_vct_3 > li {

		flex-basis: 25rem;

	}

	.r_vct_5 .na_r_vct_4 {

		text-align: center;

	}

	.l_r_vct_5 {

		width: auto;

		margin: 0 2.4rem;

		padding: 2.4rem;

		border-radius: 2rem;

		-webkit-border-radius: 2rem;

		-moz-border-radius: 2rem;

		-ms-border-radius: 2rem;

		-o-border-radius: 2rem;

	}

	.l_r_vct_5::before {

		border-radius: 2rem;

		-webkit-border-radius: 2rem;

		-moz-border-radius: 2rem;

		-ms-border-radius: 2rem;

		-o-border-radius: 2rem;

	}

	.l_r_vct_5::after {

		left: -1.2rem;

		border-radius: 2.6rem;

		-webkit-border-radius: 2.6rem;

		-moz-border-radius: 2.6rem;

		-ms-border-radius: 2.6rem;

		-o-border-radius: 2.6rem;

	}

	.img_list_cttv, .list_cttv > li:nth-child(2n) .nd_list_cttv {

		margin-right: 0;

	}

	.nd_list_cttv, .list_cttv > li:nth-child(2n) .img_list_cttv {

		margin-left: 0;

	}

	.link_cttv {

		bottom: -2.4rem;

	}

	.list_cttv > li:nth-child(2n) .link_cttv {

		right: 2.4rem;

	}

	.nd_list_cttv .t1_cont::before {

		right: 0;

		left: 0;

		margin: 0 auto;

	}

	.nd_spec_sdtc {

		height: 27rem;

	}

	.list_r2_sdtc > li, .r3_sdtc .list_r2_sdtc > li:nth-child(1) {

		padding: 2.4rem;

		flex-basis: 50%;

	}

	.mn_gt .min_wrap {

		display: flex;

		flex-wrap: nowrap;

		justify-content: flex-start;

		overflow: auto;

		scroll-snap-type: x mandatory;

		gap: 0;

		scrollbar-width: none;

		-ms-overflow-style: none;

	}

	.mn_gt ul > li > a {

		flex-wrap: nowrap;

		white-space: nowrap;

	}

	.mn_gt ul > li > a figure {

		width: 4.8rem;

	}

	.swiper-button-prev-4-plus {

		left: 0;

	}

	.swiper-button-next-4-plus {

		right: 0;

	}

	.gallery-thumbs4 .swiper-slide {

		width: 20vw;

	}

	.gallery-top5 .swiper-slide {

		display: block;

	}

	.nd_gallery-top5 {

		padding-top: 2.4rem;

	}

	.gallery-thumbs5 {

		width: 100%;

	}

	.bg_contNew .min_wrap {

		height: auto;

		aspect-ratio: 3/1;

	}

	.r_if_r_cctfgh {

		flex-direction: column;

		justify-content: flex-end;

		align-items: flex-end;

	}

	

	.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 {

		display: none;

	}

}







@media only screen and (min-width: 480px) and (max-device-width: 960px) and (orientation: landscape) {

	.but_text_slide_h {

		display: none;

	}

}



@media only screen and (min-width: 720px) and (max-device-width: 1280px) and (orientation: landscape) {

	/* TIVi 4K */

	

}



@media only screen and (min-width: 540px) and (max-device-width: 960px) and (orientation: landscape) {

	/* TIVI 2K */

	

}



@media only screen and (max-width: 640px) {	

	.d_form_s {

		width: 90%;

	}

	.close_form_s {

		top: 5%;

		right: 5%;

	}



	.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;

	}

	.r_p3, .rh_7 .min_wrap {

		padding-top: 2.4rem;

		padding-bottom: 2.4rem;

	}

	.r_p36 {

		padding-top: 2.4rem;

		padding-bottom: 3.2rem;

	}

	.r_p6 {

		padding-top: 4.8rem;

		padding-bottom: 4.8rem;

	}

	.r_p69 {

		padding-top: 3.2rem;

		padding-bottom: 4.8rem;

	}

	.r_p9 {

		padding: 4.8rem 0;

	}

	.list3_gap16 > li, .list3_gap48 > li, .list4_gap48 > li {

		flex-basis: 50%;

	}

	.list4_gap16 > li {

		flex-basis: 33.333333%;

	}

	.list4_gap24 {

		margin: 0 -.8rem;

	}

	.list4_gap24 > li {

		padding: .8rem;

	}

	.list_bc_h, .list_pl_td_D {

		gap: var(--gap16);

	}

	.rh_4 .min_wrap {

		margin-right: -1.6rem;

		margin-left: -1.6rem;

	}

	.list_f_news {

		column-gap: var(--gap16);

	}

	

	.list_l_rh_1 > li {

		flex-basis: 20rem;

	}

	.foot_1 strong {

		font-size: var(--font-size-16);

	}

	.foot_1 span {

		font-size: var(--font-size-14);

	}

	.t_foot_2 {

		padding-bottom: 1rem;

	}

	.list_rh_7 {

		justify-content: center;

	}

	.l_bg_cont, .til_bg_gt {

		padding: 1.6rem !important;

	}

	.i_t_tab_prod_1 {

		display: flex;

		flex-wrap: nowrap;

		justify-content: flex-start;

		overflow: auto;

		scroll-snap-type: x mandatory;

		gap: var(--gap24);

		scrollbar-width: none;

		-ms-overflow-style: none;

	}

	.list_td > li {

		padding: 1.6rem;

		row-gap: var(--gap16);

	}

	.img_list_td, .nd_list_td {

		flex-basis: 100%;

	}

	.date_list_td {

		padding-left: 0;

	}

	.list_pl_td_D > li {

		flex-basis: 30%;

	}	

	.bg_cont .min_wrap, .bg_gt .min_wrap, .maps_ct .min_wrap {

		aspect-ratio: 16/9;

	}

	.tit_cont, .td_rh_new {

		margin-bottom: 2rem;

	}

	.list_rh_new_3 {

		grid-template-columns: repeat(2, minmax(0, 1fr));

	}



	.l_rhNew_1 .div3 img {

		height: 100%;

		object-fit: cover;

	}

	.list_rhNew_3.parent {

		display: flex;

		flex-wrap: wrap;

	}

	.list_rhNew_3 > div {

		flex: 1;

	}

	.list_rhNew_3 .div1 {

		flex-basis: 100%;

	}

	.link_list_rhNew_3 {

		padding: 1.6rem;

	}

	.na_list_prodNew {

		min-height: 3.8rem;

	}

	.pri_list_prodNew strong, .na_list_prodNew, .na_list_dm {

		font-size: var(--font-size-14);

	}

	.cata_list_prodNew {

		font-size: var(--font-size-12);

	}

	.f_prodNew .min_wrap {

		flex-direction: column;

	}

	.f_prodNew .c3_livaza {

		flex-basis: 100%;

	}

	.but_show_filter_rwd {

		display: flex;

	}

	.f_prodNew .c1_livaza.active {

		display: flex;

	}



	.list_foot_1 > li:nth-child(2), .list_foot_1 > li:nth-child(3), .f_prodNew .c1_livaza {

		display: none;

	}

}



@media only screen and (max-width: 480px) {

	:root {

		--font-size-30: clamp(20px, 4vw, 30px);

		--font-size-40: clamp(24px, 4vw, 40px);

	}



	.list_l_rh_1 > li {

		flex-basis: 15rem;

	}



	.list_l_rh_1 > li img {

		width: 4.8rem;

		height: 4.8rem;

	}

	.m_rh_3 {

		padding: 1.6rem;

		height: auto;

	}

	.na_rh_3 {

		padding-bottom: 0;

	}

	.logo_foot_2 img {

		width: 100%;

	}

	.list_dv {

		grid-template-columns: repeat(1, minmax(0, 1fr));

	}

	.other_gp_D {

		grid-template-columns: repeat(2, minmax(0, 1fr));

		column-gap: var(--gap16);

		row-gap: var(--gap24);

	}

	.but_contact {

		width: 100%;

	}

	.list_r_vct_2 > li {

		flex-basis: 15rem;

	}

	.list_r2_sdtc > li {

		flex-basis: 50%;

		padding: 1.6rem .8rem;

	}

	.img_sdtc {

		width: 33vw;

		height: auto;

		aspect-ratio: 1/1;

		border-top-left-radius: 4rem;

		border-bottom-right-radius: 4rem;

	}

	.img_sdtc img {

		border-top-left-radius: 3rem;

		border-bottom-right-radius: 3rem;

	}

	.spec_sdtc {

		gap: var(--gap10);

	}

	.img_spec_sdtc, .img_sdtc {

		flex-basis: 100%;

	}

	.nd_spec_sdtc {

		height: 21rem;

		padding-right: 0;

		margin-bottom: 3rem;

	}

	.nd_spec_sdtc .cv_sdtc {

		padding-right: 1rem;

		padding-left: 1rem;

	}

	.nd_spec_sdtc .f-detail {

		padding: 1rem;



	}

	.nd_spec_sdtc .na_sdtc {

		padding: 0 1rem;

	}

	.cv_sdtc {

		padding-top: 1rem;

	}

	.spec_sdtc .link_cttv {

		top: auto;

		bottom: 1.6rem;

		right: 4rem;

	}

	.na_sdtc {

		font-size: var(--font-size-16);

	}

	.swiper-button-next-2 {

		right: -.6rem;

	}

	.swiper-button-prev-2 {

		left: -.6rem;

	}



	.rh_new_1 .min_wrap {

		padding-top: 4.8rem;

		padding-bottom: 4.8rem;

	}

	.list_rh_new_1 {

		gap: var(--gap10);

	}

	.ico_rh_new_1 {

		width: 4.8rem;

		height: 4.8rem;

	}

	.m_rh_new_1 span {

		font-size: var(--font-size-16);

		line-height: 1.8rem;

		min-height: 3.6rem;

	}

	.m_rh_new_1 strong {

		font-size: var(--font-size-22);

	}

	.list_rh_new_3 {

		display: flex;

		flex-wrap: wrap;

	}

	.list_rh_new_3 > li {

		flex: 1 0 100%;

	}

	.l_f1n {

		flex-direction: column;

	}

	.list_gpnb_new > li {

		padding: 1rem 1rem 1rem 6.4rem;

	}

	.ico_gpnb_new {

		width: 4.8rem;

		height: 4.8rem;

	}

	.ico_gpnb_new figure {

		width: 4rem;

		height: 4rem;

	}

	.da_spec_new {

		flex-wrap: wrap;

	}

	.img_da_spec_new {

		padding: 0.5rem;

	}

	.if_da_spec_new .but_02 {

		margin-top: 2rem;

		width: 100%;

		justify-content: center;

		border: 0.1rem solid #fff;

	}

	.swiper8 {

		margin: 0 -1.6rem;

		padding: 0 1.6rem;

	}

	.swiper8 .swiper-slide {

		width: calc(50% - 0.6rem);

	}

	.swiper-button-prev-8, .r3_f_gp_new .swiper-button-prev-3 {

		background: linear-gradient(90deg,rgba(0, 140, 72, 1) 0%, rgba(255, 255, 255, 0) 100%);

	}

	.swiper-button-next-8, .r3_f_gp_new .swiper-button-next-3  {

		background: linear-gradient(-90deg,rgba(0, 140, 72, 1) 0%, rgba(255, 255, 255, 0) 100%);

	}

	.tt_news .tt_h_nb {

		gap: 0;

	}

	.tt_news .r_tt_h_nb {

		padding: 1.6rem;

	}

	.ch_faq {

		padding: 1.6rem 6rem 1.6rem 1.6rem;

	}

	.tl_faq {

		padding: 0 1.6rem 1.6rem 1.6rem;

	}

	.dm_gp_new, .r3_f_gp_new .min_wrap {

		padding: 1.6rem 1.6rem 3.2rem 1.6rem;

	}

	.list_dm_gp_new {

		grid-template-columns: repeat(2, minmax(0, 1fr));

		gap: var(--gap16);

	}

	.r3_f_gp_new {

		padding-top: 0;

		padding-right: 1.6rem;

		padding-left: 1.6rem;

	}

	.na_title_gp_new::before {

		left: -1.6rem;

	}

	.swiper9 .swiper-slide > a {

		padding: 2rem;

	}

	.swiper9 .swiper-slide > a h3 {

		font-size: var(--font-size-16);

	}

	.ico_r1_f_gp_new {

		width: 6.4rem;

		height: 6.4rem;

		right: -0.8rem;

		bottom: -0.8rem;

	}

	.ico_r1_f_gp_new span {

		width: 4.8rem;

		height: 4.8rem;

	}

	.ico_r1_f_gp_new span img {

		height: 2.4rem;

	}

	.but_ch_faq {

		right: 1.6rem;

	}

	.swiper8 .swiper-slide .img_swiper3 {

		aspect-ratio: 3/2;

		overflow: hidden;

		border-radius: 0.8rem;

		-webkit-border-radius: 0.8rem;

		-moz-border-radius: 0.8rem;

		-ms-border-radius: 0.8rem;

		-o-border-radius: 0.8rem;

	}

	.swiper8 .swiper-slide .na_swiper3 {

		position: static;

		padding: 1.2rem 0 0 0;

		background: none;

		backdrop-filter: inherit;

		-webkit-backdrop-filter: invert();

	}

	.rh_new_1 .min_wrap {

		padding-top: 2.4rem;

		padding-bottom: 2.4rem;

	}

	.swiper-button-next-8, .swiper-button-prev-8 {

		top: 25%;

	}



	.text_slide_h {

		width: 96%;

	}

	.list_prodNew, .f_prodNew .list_prodNew {

		grid-template-columns: repeat(2, minmax(0, 1fr));

	}

	.sl_com > li {

		flex-basis: 40%;

	}

	.list_rhNew_3 .div2 {

		flex-basis: 100%;

		aspect-ratio: 16/9;

	}

	.na_list_rhNew_3 {

		font-size: var(--font-size-16);

	}

	.rhNew_6 .min_wrap {

		width: 90%;

		padding: 2.4rem;

	}

	.dknt {

		flex-wrap: wrap;

	}

	.dknt .butNew_01 {

		width: 100%;

	}

	.l_rlhNew_2 {

		padding: 0 0 2rem 0;

	}

	.form_rlhNew_2 {

		padding: 2.4rem;

	}

	.list_rlhNew_3 {

		gap: var(--gap04);

	}

	.showroom-map {

		aspect-ratio: 1/1;

	}

	.r_cctfgh {

		align-items: flex-start;

	}

	.if_r_cctfgh {

		flex-direction: column;

		align-items: flex-start;

	}

	.r_if_r_cctfgh {

		width: 100%;

		

	}



	.ch_faq h3, .list_dm_gp_new > li h3 {

		font-size: var(--font-size-14);

	}

	.na_gpnb_new, .swiper9 .swiper-slide > a {

		font-size: var(--font-size-18);

	}

	.list_knvct > a, .img_da_spec_new, .c2_livaza, .but_r2_prodNew_D .butNew_01, .but_r2_prodNew_D .butNew_02 {

		flex-basis: 100%;

	}

	.des_rh_3, .l_f2n, .des_text_slide_h, .but_text_slide_h, .link_xtc {

		display: none;

	}

}



@media only screen and (max-width: 320px) {

	.logo img {

		width: 10.6rem;

		height: 3rem;

	}

}