@charset "utf-8";


@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");


@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;600&display=swap");


@import url("../templates/font-awesome-pro/css/all.min.css");


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


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


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


* {


  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: 0.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: 15px;


}


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;


}


main,


article,


aside,


details,


figcaption,


figure,


footer,


header,


hgroup,


menu,


nav,


section {


  display: block;


}


.center {


  text-align: center;


}


.sticky {


  position: sticky;


  top: var(--height-hea);


}


.user_select {


  user-select: none;


}


.sty_display {


  display: none;


}


.r_p3 {


  padding-top: 3rem;


  padding-bottom: 3rem;


}


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


  margin-bottom: 1.6rem;


}


.m_b20 {


  margin-bottom: 2rem;


}


.m_b24 {


  margin-bottom: 2.4rem;


}


.m_b32 {


  margin-bottom: 3.2rem;


}


.m_b30 {


  margin-bottom: 3rem;


}


.m_b48 {


  margin-bottom: 4.8rem;


}


.m_b64 {


  margin-bottom: 6.4rem;


}


.p_rl {


  padding-right: 15%;


  padding-left: 15%;


}


:root {


  font-size: 10px;


  --font-family: "Roboto", sans-serif;


  --font-family-2: "Fira Sans", sans-serif;


  --font-size-12: 12px;


  --font-size-14: 14px;


  --font-size-15: 15px;


  --font-size-16: 16px;


  --font-size-17: 17px;


  --font-size-18: 18px;


  --font-size-20: 20px;


  --font-size-22: 22px;


  --font-size-24: 24px;


  --font-size-30: 30px;


  --font-size-32: 32px;


  --font-size-38: 38px;


  --font-size-48: 48px;


  --PrimaryColor: #d83b20;


  --SecondaryColor: #00cfff;


  --color-1: #14133b;


  --color-2: #494c63;


  --color-3: #6a7c92;


  --tailwind-50: #fef4f2;


  --tailwind-100: #fee6e2;


  --tailwind-200: #ffd1c9;


  --tailwind-300: #fdb1a4;


  --tailwind-400: #fa836f;


  --tailwind-500: #f15c42;


  --tailwind-600: #d83b20;


  --tailwind-700: #bb321a;


  --tailwind-800: #9b2c19;


  --tailwind-900: #802b1c;


  --tailwind-950: #461209;


  --height-hea: 9rem;


  --gap04: 0.4rem;


  --gap08: 0.8rem;


  --gap12: 1.2rem;


  --gap16: 1.6rem;


  --gap20: 2rem;


  --gap24: 2.4rem;


  --gap30: 3rem;


  --gap32: 3.2rem;


  --gap40: 4rem;


  --gap48: 4.8rem;


}


html {


  overflow-x: hidden;


}


body {


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


  font-weight: 400;


  font-style: normal;


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


  color: var(--color-1);


  line-height: 1.4;


  background-color: #fff;


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


  word-wrap: break-word;


  min-height: 100%;


  padding: 0 2rem 2rem 2rem;


}


.sty_home {


  padding: 2rem;


}


.min_wrap {


  max-width: 1140px;


  margin-right: auto;


  margin-left: auto;


}


.img_hover:hover {


  opacity: 0.9;


}


.link_hv {


  transition: color 0.4s;


  -webkit-transition: color 0.4s;


  -moz-transition: color 0.4s;


  -ms-transition: color 0.4s;


  -o-transition: color 0.4s;


}


.link_hv:hover {


  color: var(--color-1);


}


#header {


  position: sticky;


  top: 0;


  margin-right: -2rem;


  margin-left: -2rem;


  z-index: 11;


  background-color: #fff;


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


  transition: background 0.6s;


  -webkit-transition: background 0.6s;


  -moz-transition: background 0.6s;


  -ms-transition: background 0.6s;


  -o-transition: background 0.6s;


}


#header.active {


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


  backdrop-filter: blur(5px);


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


}


.min_header {


  height: var(--height-hea);


  display: flex;


  justify-content: space-between;


  align-items: center;


  padding-right: 2rem;


  padding-left: 2rem;


}


.logo {


  margin-bottom: 0.4rem;


}


.logo img {


  width: auto;


  height: 5.4rem;


}


.r_min_header {


  display: flex;


  justify-content: flex-end;


  align-items: center;


  gap: var(--gap16);


  position: relative;


  min-width: 14rem;


}

.click_s {
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	width: 3.2rem;
	height: 3.2rem;
  border: 1px solid #fff;
	font-size: var(--font-size-14);
	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%;
}
.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;
}

.sty_home #header.active .click_s {
  border-color: rgba(0, 0, 0, 0.1);
  color: var(--color-2);
}

.link_hea {


  display: inline-flex;


  align-items: center;


  gap: var(--gap04);


  line-height: 2.4rem;


  padding: 0.8rem 2.4rem;


  border: 1px solid rgba(0, 0, 0, 0.1);


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


  color: var(--color-1);


  box-sizing: content-box;


  border-radius: 2rem;


  -webkit-border-radius: 2rem;


  -moz-border-radius: 2rem;


  -ms-border-radius: 2rem;


  -o-border-radius: 2rem;


  transition: 0.4s;


  -webkit-transition: 0.4s;


  -moz-transition: 0.4s;


  -ms-transition: 0.4s;


  -o-transition: 0.4s;


}


.link_hea:hover {


  background-color: var(--PrimaryColor) !important;


  color: #fff !important;


}


.ul_mn {


  display: flex;


  gap: var(--gap40);


}


.ul_mn > li {


  position: relative;


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


}


.ul_mn > li > a {


  display: block;


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


  font-weight: 500;


  color: var(--color-1);


  line-height: 2.4rem;


  padding: 0.8rem 0;


  text-transform: capitalize;


  transition: color 0.4s;


  -webkit-transition: color 0.4s;


  -moz-transition: color 0.4s;


  -ms-transition: color 0.4s;


  -o-transition: color 0.4s;


}


.ul_mn > li > a > i {


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


}


.ul_mn > li:hover > a,


.ul_mn > li.active > a {


  color: var(--PrimaryColor) !important;


}


.ul_mn > li:hover .ul_mn_child_1 {


  opacity: 1;


  pointer-events: visible;


  transform: scale(1);


  -webkit-transform: scale(1);


  -moz-transform: scale(1);


  -ms-transform: scale(1);


  -o-transform: scale(1);


}


.ul_mn_child_1 {


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


  opacity: 0;


  pointer-events: none;


  padding: 0.8rem 1.6rem;


  position: absolute;


  z-index: 11;


  min-width: 150px;


  top: 4rem;


  left: -2rem;


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


  backdrop-filter: blur(8px);


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


  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);


  border-radius: 8px;


  -webkit-border-radius: 8px;


  -moz-border-radius: 8px;


  -ms-border-radius: 8px;


  -o-border-radius: 8px;


  transition: transform 0.2s;


  -webkit-transition: transform 0.2s;


  -moz-transition: transform 0.2s;


  -ms-transition: transform 0.2s;


  -o-transition: transform 0.2s;


  transform: scale(0);


  -webkit-transform: scale(0);


  -moz-transform: scale(0);


  -ms-transform: scale(0);


  -o-transform: scale(0);


}


.ul_mn_child_1 > li {


  position: relative;


}


.ul_mn_child_1 > li > a {


  white-space: nowrap;


  display: block;


  padding: 0.4rem 0;


  color: var(--color-2);


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


  text-transform: capitalize;


}


.ul_mn_child_1 > li:hover > a,


.ul_mn_child_1 > li > a.active {


  color: var(--PrimaryColor);


}


.mn_dichvu {


  min-width: 65rem;


  display: flex;


  flex-wrap: wrap;


  column-gap: var(--gap12);


}


.mn_dichvu > li {


  flex: 1 0 25rem;


}


.sty_home #header {


  position: fixed;


  top: 2rem;


  right: 0;


  left: 0;


  z-index: 11;


  margin-right: 0;


  margin-left: 0;


  background: none;


  box-shadow: none;


  padding: 1rem;


  transition: padding 0.4s linear;


  -webkit-transition: padding 0.4s linear;


  -moz-transition: padding 0.4s linear;


  -ms-transition: padding 0.4s linear;


  -o-transition: padding 0.4s linear;


}


.sty_home .min_header {


  max-width: 1140px;


  margin-right: auto;


  margin-left: auto;


  padding-right: 0;


  padding-left: 0;


}


.sty_home .ul_mn > li > a {


  color: #fff;


}


.sty_home .link_hea {


  border: 1px solid rgba(255, 255, 255, 0.4);


  color: #fff;


}


.sty_home .link_hea:hover {


  border-color: var(--PrimaryColor);


}


.sty_home #header.active {


  top: 0;


  padding: 0;


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


}


.sty_home #header.active .ul_mn > li > a {


  color: var(--color-1);


}


.sty_home #header.active .link_hea {


  border: 1px solid rgba(0, 0, 0, 0.1);


  color: var(--color-1);


}


#container {


  min-height: 100vh;


}


.but_01 {


  display: inline-flex;


  align-items: center;


  gap: var(--gap08);


  background-color: var(--PrimaryColor);


  color: #fff;


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


  line-height: 1.6rem;


  padding: 1.6rem 2.4rem;


  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: background 0.4s;


  -webkit-transition: background 0.4s;


  -moz-transition: background 0.4s;


  -ms-transition: background 0.4s;


  -o-transition: background 0.4s;


}


.but_01:hover {


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


}


.but_02 {


  display: inline-flex;


  justify-content: center;


  align-items: center;


  gap: var(--gap08);


  border: 1px solid var(--PrimaryColor);


  box-sizing: border-box;


  color: var(--PrimaryColor);


  text-align: center;


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


  line-height: 2.4rem;


  padding: 1.1rem 2.4rem;


  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;


}


.but_02:hover {


  background-color: var(--PrimaryColor);


  color: #fff;


}


.but_03 {


  display: inline-flex;


  justify-content: center;


  align-items: center;


  gap: var(--gap08);


  border: 1px solid var(--PrimaryColor);


  background-color: var(--PrimaryColor);


  box-sizing: border-box;


  color: #fff;


  text-align: center;


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


  line-height: 2.4rem;


  padding: 1.1rem 2.4rem;


  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;


}


.but_03:hover {


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


}


.t_cont_1 {


  text-align: center;


  max-width: 74rem;


  margin-right: auto;


  margin-left: auto;


}


.sub_t_cont {


  text-transform: uppercase;


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


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


  color: var(--color-1);


  font-weight: 600;


  padding-top: 1rem;


  margin-bottom: 1rem;


}


.sub_t_cont strong {


  display: inline-block;


  position: relative;


  z-index: 1;


  line-height: 1.6rem;


}


.sub_t_cont strong::before {


  content: "";


  opacity: 0.2;


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


  height: 0.8rem;


  position: absolute;


  bottom: 0;


  right: 0;


  left: 0;


  z-index: -1;


  pointer-events: none;


}


.na_t_cont {


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


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


  color: var(--color-1);


  font-weight: 600;


}


.des_t_cont {


  color: var(--color-2);


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


  padding-top: 2rem;


}


.t_cont_2 {


  text-align: center;


  max-width: 74rem;


  margin-right: auto;


  margin-left: auto;


  color: #fff;


}


.t_cont_2 .sub_t_cont {


  color: #fff;


}


.t_cont_2 .sub_t_cont strong::before {


  content: "";


  opacity: 1;


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


  height: 0.8rem;


  position: absolute;


  bottom: 0;


  right: 0;


  left: 0;


}


.t_cont_2 .na_t_cont {


  color: #fff;


}


.swiper1 {


  height: 75vh;


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


  border-radius: 2.4rem;


  -webkit-border-radius: 2.4rem;


  -moz-border-radius: 2.4rem;


  -ms-border-radius: 2.4rem;


  -o-border-radius: 2.4rem;


}


.swiper1 .swiper-slide::before {


  content: "";


  background: radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);


  position: absolute;


  top: 0;


  right: 0;


  bottom: 0;


  left: 0;


  z-index: 10;


  pointer-events: none;


}


.swiper1 .swiper-slide {


  height: 100%;


  position: relative;


}


.swiper1 .swiper-slide img {


  display: block;


  width: 100%;


  height: 100%;


}


.swiper1 .swiper-slide.swiper-slide-active .title_slide {


  transform: translateX(0);


  -webkit-transform: translateX(0);


  -moz-transform: translateX(0);


  -ms-transform: translateX(0);


  -o-transform: translateX(0);


}


.swiper1 .swiper-slide.swiper-slide-active .des_slide {


  transform: translateY(0);


  -webkit-transform: translateY(0);


  -moz-transform: translateY(0);


  -ms-transform: translateY(0);


  -o-transform: translateY(0);


}


.swiper1 .swiper-slide .but_01 {


  opacity: 0;


  transition: opacity 4.8s;


  -webkit-transition: opacity 4.8s;


  -moz-transition: opacity 4.8s;


  -ms-transition: opacity 4.8s;


  -o-transition: opacity 4.8s;


}


.swiper1 .swiper-slide.swiper-slide-active .but_01 {


  opacity: 1;


}


.min_slide {


  display: flex;


  flex-direction: column;


  justify-content: center;


  align-items: flex-start;


  gap: var(--gap24);


  position: absolute;


  top: 11rem;


  right: 0;


  bottom: 0;


  left: 0;


  z-index: 11;


  color: #fff;


}


.title_slide {


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


  max-width: 74rem;


  font-size: 6rem;


  font-weight: 600;


  line-height: 1;


  display: -webkit-box;


  -webkit-line-clamp: 2;


  line-clamp: 2;


  -webkit-box-orient: vertical;


  overflow: hidden;


  transform: translateX(50%);


  -webkit-transform: translateX(50%);


  -moz-transform: translateX(50%);


  -ms-transform: translateX(50%);


  -o-transform: translateX(50%);


  transition: transform 0.8s;


  -webkit-transition: transform 0.8s;


  -moz-transition: transform 0.8s;


  -ms-transition: transform 0.8s;


  -o-transition: transform 0.8s;


}


.des_slide {


  max-width: 74rem;


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


  font-weight: 500;


  display: -webkit-box;


  -webkit-line-clamp: 4;


  line-clamp: 4;


  -webkit-box-orient: vertical;


  overflow: hidden;


  transform: translateY(30px);


  -webkit-transform: translateY(30px);


  -moz-transform: translateY(30px);


  -ms-transform: translateY(30px);


  -o-transform: translateY(30px);


  transition: transform 1.6s;


  -webkit-transition: transform 1.6s;


  -moz-transition: transform 1.6s;


  -ms-transition: transform 1.6s;


  -o-transition: transform 1.6s;


}


.swiper-button-prev-1 {


  width: 3.2rem;


  height: 3.2rem;


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


  display: flex;


  justify-content: center;


  align-items: center;


  top: auto;


  left: auto;


  right: 7rem;


  bottom: 3rem;


  border-radius: 50%;


  -webkit-border-radius: 50%;


  -moz-border-radius: 50%;


  -ms-border-radius: 50%;


  -o-border-radius: 50%;


  transition: background 0.4s;


  -webkit-transition: background 0.4s;


  -moz-transition: background 0.4s;


  -ms-transition: background 0.4s;


  -o-transition: background 0.4s;


}


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


  font-family: "Font Awesome 6 Pro";


  font-weight: 300;


  content: "\f104";


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


  color: #fff;


}


.swiper-button-next-1 {


  width: 3.2rem;


  height: 3.2rem;


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


  display: flex;


  justify-content: center;


  align-items: center;


  top: auto;


  right: 3rem;


  bottom: 3rem;


  border-radius: 50%;


  -webkit-border-radius: 50%;


  -moz-border-radius: 50%;


  -ms-border-radius: 50%;


  -o-border-radius: 50%;


  transition: background 0.4s;


  -webkit-transition: background 0.4s;


  -moz-transition: background 0.4s;


  -ms-transition: background 0.4s;


  -o-transition: background 0.4s;


}


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


  font-family: "Font Awesome 6 Pro";


  font-weight: 300;


  content: "\f105";


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


  color: #fff;


}


.swiper-button-prev-1.swiper-button-disabled,


.swiper-button-next-1.swiper-button-disabled {


  background: none;


  border: 1px solid rgba(255, 255, 255, 0.4);


  opacity: 1;


}


.swiper-button-next-1:hover,


.swiper-button-prev-1:hover {


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


}


.swiper2 .swiper-slide figure {


  padding: 0 1.5rem;


  height: 5rem;


  display: flex;


  justify-content: center;


  align-items: center;


}


.swiper2 .swiper-slide figure img {


  width: auto;


  max-height: 100%;


  object-fit: contain;


}


.list_rh_1 {


  display: flex;


  gap: var(--gap30);


  flex-wrap: wrap;


}


.list_rh_1 > li {


  flex: 1 0 15rem;


  padding: 2.4rem;


  background-color: #f4f8f8;


  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_1 > li:nth-child(2) {


  background-color: #fcfaf7;


}


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


  background-color: #fff7f4;


}


.list_rh_1 > li:hover .img_list_rh_1 {


  transform: scale(1.2);


  -webkit-transform: scale(1.2);


  -moz-transform: scale(1.2);


  -ms-transform: scale(1.2);


  -o-transform: scale(1.2);


}


.img_list_rh_1 {


  width: 4.8rem;


  height: 4.8rem;


  display: flex;


  justify-content: center;


  align-items: center;


  margin-bottom: 2rem;


  transition: transform 0.4s;


  -webkit-transition: transform 0.4s;


  -moz-transition: transform 0.4s;


  -ms-transition: transform 0.4s;


  -o-transition: transform 0.4s;


}


.img_list_rh_1 img {


  width: auto;


  max-height: 100%;


  object-fit: contain;


}


.title_list_rh_1 {


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


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


  font-weight: 600;


  color: var(--color-1);


  margin-bottom: 1rem;


}


.des_list_rh_1 {


  display: -webkit-box;


  -webkit-line-clamp: 6;


  line-clamp: 6;


  -webkit-box-orient: vertical;


  overflow: hidden;


  color: var(--color-3);


}


.bot_text {


  text-align: center;


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


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


  font-weight: 600;


  color: var(--color-1);


}


.bot_text span {


  position: relative;


  z-index: 1;


}


.bot_text span svg {


  color: inherit;


  position: absolute;


  top: auto;


  width: 100%;


  margin-left: -3%;


  height: auto;


  bottom: -16px;


  z-index: -1;


  stroke: var(--PrimaryColor);


  fill: var(--PrimaryColor);


}


.bot_text span svg path {


  stroke-width: 2.7px;


  stroke: var(--PrimaryColor);


  animation: highlight-dash 5s linear both;


  -webkit-animation: highlight-dash 5s linear both;


}


@keyframes highlight-dash {


  0% {


    stroke-dashoffset: 3200;


    stroke-dasharray: 0;


  }


  100% {


    stroke-dashoffset: 0px;


    stroke-dasharray: 3000;


  }


}


.bot_text2 {


  text-align: center;


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


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


  color: var(--color-1);


}


.bot_text2 a {


  color: var(--color-1);


}


.rh_2 {


  position: relative;


  background: url(../imgs/bg_rh_2.webp) no-repeat center center;


  background-size: cover;


  border-radius: 2.4rem;


  -webkit-border-radius: 2.4rem;


  -moz-border-radius: 2.4rem;


  -ms-border-radius: 2.4rem;


  -o-border-radius: 2.4rem;


}


.rh_2::before {


  content: "";


  background: #14133b;


  opacity: 0.85;


  position: absolute;


  top: 0;


  right: 0;


  bottom: 0;


  left: 0;


  z-index: 1;


  border-radius: 2.4rem;


  -webkit-border-radius: 2.4rem;


  -moz-border-radius: 2.4rem;


  -ms-border-radius: 2.4rem;


  -o-border-radius: 2.4rem;


}


.rh_2 .min_wrap {


  position: relative;


  z-index: 2;


  min-height: 20rem;


}



.list_rh_2 {


  display: flex;


  justify-content: space-between;


  flex-wrap: wrap;


  gap: var(--gap04);


  color: #fff;


}


.list_rh_2 > li {
  flex: 1 0 25rem;
  max-width: 100%;

  position: relative;


  transition: transform 0.4s;


  -webkit-transition: transform 0.4s;


  -moz-transition: transform 0.4s;


  -ms-transition: transform 0.4s;


  -o-transition: transform 0.4s;


}



.list_rh_2 > li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: relative;
  text-transform: uppercase;
  font-family: var(--font-family-2);
  font-size: var(--font-size-16);
  font-weight: 600;
  aspect-ratio: 3/2;
  background-color: var(--PrimaryColor);
  padding: 1.6rem;
  text-align: center;
  border-radius: 1.6rem;
  -webkit-border-radius: 1.6rem;
  -moz-border-radius: 1.6rem;
  -ms-border-radius: 1.6rem;
  -o-border-radius: 1.6rem;
  transition:  0.4s;
  -webkit-transition:  0.4s;
  -moz-transition:  0.4s;
  -ms-transition:  0.4s;
  -o-transition:  0.4s;
}
.list_rh_2 > li > a:hover {
  z-index: 3;
  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_rh_2 > li:nth-child(1) > a,


.list_rh_2 > li:nth-child(1) .num_list_rh_2::before {


  background-color: #0095d6;


}


.list_rh_2 > li:nth-child(2) > a,


.list_rh_2 > li:nth-child(2) .num_list_rh_2::before {


  background-color: #6550a2;


}


.list_rh_2 > li:nth-child(3) > a,


.list_rh_2 > li:nth-child(3) .num_list_rh_2::before {


  background-color: #87bf40;


}


.list_rh_2 > li:nth-child(4) > a,


.list_rh_2 > li:nth-child(4) .num_list_rh_2::before {


  background-color: #d56c28;


}


.list_rh_2 > li:nth-child(5) > a,


.list_rh_2 > li:nth-child(5) .num_list_rh_2::before {


  background-color: #db9d18;


}


.list_rh_2 > li:nth-child(6) > a,


.list_rh_2 > li:nth-child(6) .num_list_rh_2::before {


  background-color: #59ae8d;


}


.list_rh_2 > li:nth-child(7) > a,


.list_rh_2 > li:nth-child(7) .num_list_rh_2::before {


  background-color: #9e2168;


}


.list_rh_2 > li:nth-child(8) > a,


.list_rh_2 > li:nth-child(8) .num_list_rh_2::before {


  background-color: #ed2325;


}


.list_rh_2 > li > a:hover {


  opacity: 0.9;


}


.num_list_rh_2 {
  display: none;

  position: absolute;


  top: -0.5rem;


  left: -2.5rem;


  z-index: 1;


  color: #fff;


  width: 8rem;


  height: 8rem;




  justify-content: center;


  align-items: center;


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


  font-weight: 600;


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


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


  border-radius: 50%;


  -webkit-border-radius: 50%;


  -moz-border-radius: 50%;


  -ms-border-radius: 50%;


  -o-border-radius: 50%;


}


.num_list_rh_2::before {


  content: "";


  position: absolute;


  top: 0;


  right: 0;


  bottom: 0;


  left: 0;


  z-index: -1;


  margin: auto;


  background-color: var(--PrimaryColor);


  width: 7rem;


  height: 7rem;


  border-radius: 50%;


  -webkit-border-radius: 50%;


  -moz-border-radius: 50%;


  -ms-border-radius: 50%;


  -o-border-radius: 50%;


}


.tt_list_rh_2 {
  display: none;

  opacity: 0;


  visibility: hidden;


  pointer-events: none;


  position: absolute;


  top: 0px;
  bottom: 3px;

  right: 0;


  left: 0;


  z-index: 1;


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


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


  backdrop-filter: blur(4px);


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


  padding: 1.6rem;


  color: var(--color-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;


  transition: 0.4s;


  -webkit-transition: 0.4s;


  -moz-transition: 0.4s;


  -ms-transition: 0.4s;


  -o-transition: 0.4s;


}


.list_rh_2 > li:hover {


  z-index: 2;


}


.list_rh_2 > li:hover .tt_list_rh_2 {


  opacity: 1;


  visibility: visible;


  pointer-events: all;


}


.in_tt_list_rh_2 {


  display: -webkit-box;


  -webkit-line-clamp: 5;


  line-clamp: 5;


  -webkit-box-orient: vertical;


  overflow: hidden;


}


.rh_3 {


  padding-bottom: 6rem;


}


.rh_3 .min_wrap {


  display: flex;


  align-items: center;


  flex-wrap: wrap;


}


.rh_3 .text_marquee {


  padding-top: 6rem;


  margin: 0 -2rem;


}


.rh_3 .t_cont_1 {


  text-align: left;


}


.img_rh_3 {


  flex: 1 0 24rem;


}


.nd_rh_3 {


  flex: 1 0 24rem;


  padding-left: 5rem;


}


.accordion_nd_rh_3 details {


  display: block;


}


.accordion_nd_rh_3 summary {


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


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


  font-weight: 600;


  color: var(--color-1);


  margin-bottom: 1.6rem;


  position: relative;


  cursor: pointer;


  display: flex;


  padding-left: 3rem;


  list-style: none;


}


.accordion_nd_rh_3 summary::-webkit-details-marker {


  display: none;


}


.accordion_nd_rh_3 summary::before {


  font-family: "Font Awesome 6 Pro";


  font-weight: 300;


  content: "\f055";


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


  position: absolute;


  top: 0;


  left: 0;


}


.accordion_nd_rh_3 details[open] summary {


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


}


.accordion_nd_rh_3 details[open] summary::before {


  content: "\f056";


  top: 0.4rem;


}


.accordion_nd_rh_3 summary:hover {


  color: var(--PrimaryColor);


}


.accordion_nd_rh_3 .f-detail {


  padding-left: 3rem;


  margin-bottom: 1.6rem;


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


}


.img_rh_3 .parent {


  display: grid;


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


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


  gap: 20px;


}


.img_rh_3 img {


  display: block;


  width: 100%;


  height: 100%;


  pointer-events: none;


}


.img_rh_3 .div1 {


  grid-row: span 2 / span 2;


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


  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;


}


.img_rh_3 .div2 {


  aspect-ratio: 1/1;


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


  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;


}


.img_rh_3 .div3 {


  grid-column-start: 2;


  aspect-ratio: 1/1;


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


  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;


}


.text_marquee {


  position: relative;


  text-transform: uppercase;


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


  font-weight: 600;


  font-size: 120px;


  max-height: 16rem;


  color: #e4edf3;


  box-sizing: content-box;


}


.text_marquee::before {


  content: "";


  position: absolute;


  top: 0;


  left: 0;


  bottom: 0;


  z-index: 1;


  width: 16rem;


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


}


.text_marquee::after {


  content: "";


  position: absolute;


  top: 0;


  right: 0;


  bottom: 0;


  z-index: 1;


  width: 16rem;


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


}


.text_marquee marquee {


  line-height: 12rem;


  padding: 2rem 0;


}


.rh_4 {


  overflow: hidden;


  background-color: #e4edf3;


  border-radius: 2.4rem;


  -webkit-border-radius: 2.4rem;


  -moz-border-radius: 2.4rem;


  -ms-border-radius: 2.4rem;


  -o-border-radius: 2.4rem;


}


.swiper2_plus {


  margin-bottom: 3rem;


}


.swiper2_plus .swiper-slide {


  background-color: #fff;


  border-radius: 1.6rem;


  -webkit-border-radius: 1.6rem;


  -moz-border-radius: 1.6rem;


  -ms-border-radius: 1.6rem;


  -o-border-radius: 1.6rem;


}


.swiper2_plus .swiper-slide figure,


.dtlk_sty_new > li figure {


  display: flex;


  justify-content: center;


  align-items: center;


  height: 8rem;


  padding: 1.6rem;


}


.swiper2_plus .swiper-slide figure img,


.dtlk_sty_new > li figure img {


  max-height: 100%;


  object-fit: contain;


}


.dtlk_sty_new {


  display: flex;


  flex-wrap: wrap;


  justify-content: center;


  gap: var(--gap16);


  margin-bottom: 4.8rem;


}


.dtlk_sty_new > li {


  flex: 0 0 17rem;


  background-color: #fff;


  border-radius: 1.6rem;


  -webkit-border-radius: 1.6rem;


  -moz-border-radius: 1.6rem;


  -ms-border-radius: 1.6rem;


  -o-border-radius: 1.6rem;


}


.dtlk {


  display: flex;


  flex-wrap: wrap;


  gap: var(--gap20);


  padding: 3rem 0;


}


.dtlk > li {


  flex: 1 0 27rem;


  background-color: #fff;


  border: 1px solid rgba(10, 29, 63, 0.1);


  padding: 1.6rem;


  display: flex;


  flex-direction: column;


  justify-content: space-between;


  flex-wrap: wrap;


  gap: var(--gap16);


  border-radius: 1.6rem;


  -webkit-border-radius: 1.6rem;


  -moz-border-radius: 1.6rem;


  -ms-border-radius: 1.6rem;


  -o-border-radius: 1.6rem;


}


.title_dtlk {


  text-align: center;


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


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


  font-weight: 600;


}


.img_dtlk {


  display: flex;


  align-items: flex-start;


  gap: var(--gap08);


  flex-wrap: wrap;


}


.img_dtlk > li {


  flex: 1 0 10rem;


  position: relative;


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


  background-color: #eeeef9;


}


.dtlk > li:nth-child(2n) .img_dtlk > li:hover {


  background-color: #ecf2f2;


}


.img_dtlk > li > a {


  display: block;


}


.img_dtlk > li figure {


  padding: 0.4rem;


  height: 6.4rem;


  display: flex;


  justify-content: center;


  align-items: center;


}


.img_dtlk > li figure img {


  width: auto;


  max-height: 100%;


  object-fit: contain;


  mix-blend-mode: multiply;


}


.l_f_contact .t_cont_1,


.top_f_divu .t_cont_1,


.vct_1 .t_cont_1,


.vct_2 .t_cont_1 {


  text-align: left;


}


.l_rh_5 {


  flex-basis: 27rem;


  padding-right: 2rem;


}


.r_rh_5 {


  flex: 1;


  padding-top: 2.4rem;


}


.list_gdn {


  display: flex;


  flex-wrap: wrap;


  align-items: center;


}


.list_gdn > li {


  flex: 1 0 27rem;


  position: relative;


  background-color: #fff;


  padding: 3rem;


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


}


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


  border-top-left-radius: 1.6rem;


  border-bottom-left-radius: 1.6rem;


}


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


  flex-basis: 31rem;


  z-index: 2;


  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_gdn > li:nth-child(4) .ico_gdn {


  width: 10rem;


  height: 10rem;


}


.list_gdn > li:nth-child(4) .ico_gdn img {


  max-width: 6.4rem;


}


.title_gdn {


  text-align: center;


  padding-bottom: 2.4rem;


  border-bottom: 1px solid #eee;


}


.na_gdn {


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


  font-weight: 600;


  color: var(--color-1);


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


  text-transform: capitalize;


}


.ico_gdn {


  display: flex;


  justify-content: center;


  align-items: center;


  width: 8rem;


  height: 8rem;


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


  margin: 0 auto 2.4rem auto;


  border-radius: 50%;


  -webkit-border-radius: 50%;


  -moz-border-radius: 50%;


  -ms-border-radius: 50%;


  -o-border-radius: 50%;


}


.ico_gdn img {


  max-width: 4.8rem;


  max-height: 100%;


}


.content_gdn {


  padding: 2.4rem 0;


  min-height: 25rem;


}


.content_gdn ul li {


  position: relative;


  padding: 0.4rem 0 0.4rem 2rem;


}


.content_gdn ul li::before {


  font-family: "Font Awesome 6 Pro";


  font-weight: 300;


  content: "\f058";


  position: absolute;


  top: 0.4rem;


  left: 0;


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


}


.lind_gdn {


  width: 100%;


}


.rh_6 {


  position: relative;


}


.rh_6::before {


  content: "";


  background-color: #101828;


  position: absolute;


  top: 0;


  right: 0;


  left: 0;


  min-height: 30rem;


  border-radius: 2.4rem;


  -webkit-border-radius: 2.4rem;


  -moz-border-radius: 2.4rem;


  -ms-border-radius: 2.4rem;


  -o-border-radius: 2.4rem;


}


.rh_6 .min_wrap {


  position: relative;


  z-index: 1;


}


.list_news {


  display: grid;


  grid-template-columns: repeat(auto-fit, minmax(36rem, 3fr));


  gap: var(--gap30);


  padding: 3rem 0;


}


.list_news > li,


.swiper4 .swiper-slide {


  position: relative;


  overflow: hidden;


  background-color: #fff;


  aspect-ratio: 3/2;


  border-radius: 1.6rem;


  -webkit-border-radius: 1.6rem;


  -moz-border-radius: 1.6rem;


  -ms-border-radius: 1.6rem;


  -o-border-radius: 1.6rem;


}


.img_list_news {


  position: relative;


  height: 100%;


}


.img_list_news::before {


  content: "";


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


  position: absolute;


  top: 0;


  right: 0;


  bottom: 0;


  left: 0;


  z-index: 1;


  opacity: 0;


  transition: 0.8s;


  -webkit-transition: 0.8s;


  -moz-transition: 0.8s;


  -ms-transition: 0.8s;


  -o-transition: 0.8s;


}


.img_list_news img {


  display: block;


  width: 100%;


  height: 100%;


  opacity: 0;


  transition: 1.6s;


  -webkit-transition: 1.6s;


  -moz-transition: 1.6s;


  -ms-transition: 1.6s;


  -o-transition: 1.6s;


  transform: scale(1.2);


  -webkit-transform: scale(1.2);


  -moz-transform: scale(1.2);


  -ms-transform: scale(1.2);


  -o-transform: scale(1.2);


}


.mask_list_news {


  position: absolute;


  top: 0;


  right: 0;


  bottom: 0;


  left: 0;


  background-color: #fff;


  border: 1px solid #ced8e1;


  border-radius: 1.6rem;


  -webkit-border-radius: 1.6rem;


  -moz-border-radius: 1.6rem;


  -ms-border-radius: 1.6rem;


  -o-border-radius: 1.6rem;


  opacity: 1;


  transition: 0.8s;


  -webkit-transition: 0.8s;


  -moz-transition: 0.8s;


  -ms-transition: 0.8s;


  -o-transition: 0.8s;


}


.nd_list_news {


  position: absolute;


  top: 0;


  right: 0;


  bottom: 0;


  left: 0;


  padding: 2.4rem;


  z-index: 2;


}


.nd_list_news > i {


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


  color: var(--color-3);


  position: absolute;


  bottom: 2.4rem;


  right: 2.4rem;


  transition: 0.4s;


  -webkit-transition: 0.4s;


  -moz-transition: 0.4s;


  -ms-transition: 0.4s;


  -o-transition: 0.4s;


}


.label_list_news {


  display: inline-flex;


  padding: 0;


  background-color: var(--PrimaryColor);


  color: #fff;


  font-size: 13px;


  line-height: 2rem;


  padding: 0.4rem 1.2rem;


  margin-bottom: 1.6rem;


  border-radius: 1.4rem;


  opacity: 1;


  -webkit-border-radius: 1.4rem;


  -moz-border-radius: 1.4rem;


  -ms-border-radius: 1.4rem;


  -o-border-radius: 1.4rem;


  transition: 0.4s;


  -webkit-transition: 0.4s;


  -moz-transition: 0.4s;


  -ms-transition: 0.4s;


  -o-transition: 0.4s;


}


.na_list_news {


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


  font-weight: 400;


  color: var(--color-1);


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


  display: -webkit-box;


  -webkit-line-clamp: 3;


  line-clamp: 3;


  -webkit-box-orient: vertical;


  overflow: hidden;


  margin-bottom: 1.6rem;


  transition: 0.4s;


  -webkit-transition: 0.4s;


  -moz-transition: 0.4s;


  -ms-transition: 0.4s;


  -o-transition: 0.4s;


}


.des_list_news {


  color: #fff;


  display: -webkit-box;


  -webkit-line-clamp: 3;


  line-clamp: 3;


  -webkit-box-orient: vertical;


  overflow: hidden;


  opacity: 0;


  transition: 0.4s;


  -webkit-transition: 0.4s;


  -moz-transition: 0.4s;


  -ms-transition: 0.4s;


  -o-transition: 0.4s;


}


.list_news > li:hover .img_list_news::before,


.swiper4 .swiper-slide:hover .img_list_news::before,


.list_news > li:hover .des_list_news,


.swiper4 .swiper-slide:hover .des_list_news {


  opacity: 1;


}


.list_news > li:hover .img_list_news img,


.swiper4 .swiper-slide:hover .img_list_news img {


  opacity: 1;


  transform: scale(1);


  -webkit-transform: scale(1);


  -moz-transform: scale(1);


  -ms-transform: scale(1);


  -o-transform: scale(1);


}


.list_news > li:hover .mask_list_news,


.swiper4 .swiper-slide:hover .mask_list_news {


  opacity: 0;


}


.list_news > li:hover .label_list_news,


.swiper4 .swiper-slide:hover .label_list_news {


  opacity: 0;


  transform: translateY(-10rem);


  -webkit-transform: translateY(-10rem);


  -moz-transform: translateY(-10rem);


  -ms-transform: translateY(-10rem);


  -o-transform: translateY(-10rem);


}


.list_news > li:hover .na_list_news,


.swiper4 .swiper-slide:hover .na_list_news {


  font-weight: 600;


  color: #fff;


  margin-top: -4.4rem;


}


.list_news > li:hover .nd_list_news > i,


.swiper4 .swiper-slide:hover .nd_list_news > i {


  color: #fff;


  transform: translateX(1.2rem);


  -webkit-transform: translateX(1.2rem);


  -moz-transform: translateX(1.2rem);


  -ms-transform: translateX(1.2rem);


  -o-transform: translateX(1.2rem);


}


.rh_7 .min_wrap {


  position: relative;


  padding-top: 8rem;


  padding-bottom: 8rem;


}


.swiper3 {


  max-width: 74rem;


  padding-right: 4.8rem;


  padding-left: 4.8rem;


  margin-right: auto;


  margin-left: auto;


}


.swiper3 .swiper-slide {


  text-align: center;


  background-color: #fff;


  padding: 2.4rem 0;


}


.title_dgkh {


  color: var(--PrimaryColor);


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


  font-weight: 600;


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


  font-style: italic;


  margin-bottom: 2.4rem;


}


.title_dgkh::before {


  font-family: "Font Awesome 6 Pro";


  font-weight: 300;


  content: "\f10d";


  display: block;


  text-align: center;


  color: var(--color-3);


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


  font-style: normal;


}


.content_dgkh {


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


  color: var(--color-3);


  margin-bottom: 2.4rem;


  display: -webkit-box;


  -webkit-line-clamp: 5;


  line-clamp: 5;


  -webkit-box-orient: vertical;


  overflow: hidden;


}


.bot_dgkh {


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


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


  color: var(--color-3);


}


.bot_dgkh strong {


  display: block;


  text-transform: capitalize;


  font-weight: 600;


  color: var(--color-1);


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


}


.swiper-button-prev-3 {


  width: 3.2rem;


  height: 3.2rem;


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


  display: flex;


  justify-content: center;


  align-items: center;


  left: 0;


  color: var(--PrimaryColor);


  border-radius: 50%;


  -webkit-border-radius: 50%;


  -moz-border-radius: 50%;


  -ms-border-radius: 50%;


  -o-border-radius: 50%;


  transition: background 0.4s;


  -webkit-transition: background 0.4s;


  -moz-transition: background 0.4s;


  -ms-transition: background 0.4s;


  -o-transition: background 0.4s;


}


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


  font-family: "Font Awesome 6 Pro";


  font-weight: 300;


  content: "\f104";


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


}


.swiper-button-next-3 {


  width: 3.2rem;


  height: 3.2rem;


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


  display: flex;


  justify-content: center;


  align-items: center;


  right: 0;


  color: var(--PrimaryColor);


  border-radius: 50%;


  -webkit-border-radius: 50%;


  -moz-border-radius: 50%;


  -ms-border-radius: 50%;


  -o-border-radius: 50%;


  transition: background 0.4s;


  -webkit-transition: background 0.4s;


  -moz-transition: background 0.4s;


  -ms-transition: background 0.4s;


  -o-transition: background 0.4s;


}


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


  font-family: "Font Awesome 6 Pro";


  font-weight: 300;


  content: "\f105";


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


}


.swiper-button-next-3:hover,


.swiper-button-prev-3:hover {


  background-color: var(--PrimaryColor);


  color: #fff;


}


.shape_01 {


  position: absolute;


  top: 4rem;


  left: -10rem;


  z-index: 1;


  display: block;


  width: 12rem;


  height: 12rem;


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


  border-radius: 50%;


  -webkit-border-radius: 50%;


  -moz-border-radius: 50%;


  -ms-border-radius: 50%;


  -o-border-radius: 50%;


}


.shape_02 {


  position: absolute;


  top: 35%;


  left: -5rem;


  z-index: 1;


  display: block;


  width: 15rem;


  height: 15rem;


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


  border-radius: 50%;


  -webkit-border-radius: 50%;


  -moz-border-radius: 50%;


  -ms-border-radius: 50%;


  -o-border-radius: 50%;


}


.shape_03 {


  position: absolute;


  bottom: 0;


  left: -12rem;


  z-index: 1;


  display: block;


  width: 18rem;


  height: 18rem;


  box-shadow: 0 0 6.4rem rgba(0, 0, 0, 0.25);


  border-radius: 50%;


  -webkit-border-radius: 50%;


  -moz-border-radius: 50%;


  -ms-border-radius: 50%;


  -o-border-radius: 50%;


}


.shape_04 {


  position: absolute;


  top: 0;


  right: -6rem;


  z-index: 1;


  display: block;


  width: 22rem;


  height: 22rem;


  box-shadow: 0 0 6.4rem rgba(0, 0, 0, 0.25);


  border-radius: 50%;


  -webkit-border-radius: 50%;


  -moz-border-radius: 50%;


  -ms-border-radius: 50%;


  -o-border-radius: 50%;


}


.shape_05 {


  position: absolute;


  top: 35%;


  right: -2rem;


  z-index: 1;


  display: block;


  width: 15rem;


  height: 15rem;


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


  border-radius: 50%;


  -webkit-border-radius: 50%;


  -moz-border-radius: 50%;


  -ms-border-radius: 50%;


  -o-border-radius: 50%;


}


.shape_06 {


  position: absolute;


  bottom: -3rem;


  right: -8rem;


  z-index: 1;


  display: block;


  width: 12rem;


  height: 12rem;


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


  border-radius: 50%;


  -webkit-border-radius: 50%;


  -moz-border-radius: 50%;


  -ms-border-radius: 50%;


  -o-border-radius: 50%;


}


.shape_07 {


  position: absolute;


  top: 12rem;


  right: 12rem;


  z-index: 1;


  width: 6rem;


  height: 6rem;


}


.bg_cont {


  padding-top: 2.4rem;


  max-width: 1920px;


  margin-right: auto;


  margin-left: auto;


}


.min_bg_cont {


  display: flex;


  justify-content: center;


  align-items: center;


  height: 50rem;


  background-color: #eee;


  background-position: center bottom;


  background-repeat: no-repeat;


  background-size: auto;


  position: relative;


  overflow: hidden;


  border-radius: 2.4rem;


  -webkit-border-radius: 2.4rem;


  -moz-border-radius: 2.4rem;


  -ms-border-radius: 2.4rem;


  -o-border-radius: 2.4rem;


}


.min_bg_cont::before {


  content: "";


  position: absolute;


  top: 0;


  right: 0;


  bottom: 0;


  left: 0;


  z-index: 1;


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


}


.min_bg_cont .min_wrap {


  display: flex;


  align-items: center;


  flex-direction: column;


  gap: var(--gap08);


  color: #fff;


  position: relative;


  z-index: 2;


}


.title_bg_cont {


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


  font-weight: 600;


  text-transform: capitalize;


  font-size: 54px;


}


.ul_breacrum {


  display: flex;


  font-size: 14px;


  font-weight: 500;


  text-transform: uppercase;


}


.ul_breacrum > li::after {


  font-family: "Font Awesome 6 Pro";


  font-weight: 400;


  content: "\f111";


  color: #fff;


  font-size: 7px;


  display: inline-block;


  margin: 0 1.1em 0 0.8rem;


  position: relative;


  top: -0.2rem;


}


.ul_breacrum > li > a {


  color: #fff;


  transition: 0.4s;


  -webkit-transition: 0.4s;


  -moz-transition: 0.4s;


  -ms-transition: 0.4s;


  -o-transition: 0.4s;


}


.ul_breacrum > li:last-child > a,


.ul_breacrum > li > a:hover {


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


}


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


  display: none;


}


.news_spec {


  border-bottom: 1px solid #e8e8e8;


}


.swiper4 .swiper-wrapper {


  padding: 3rem 0;


}


.swiper-pagination-4 {


  position: static;


  padding-top: 1.6rem;


}


.swiper-pagination-4 .swiper-pagination-bullet {


  width: 0.8rem;


  height: 0.8rem;


}


.swiper-pagination-4 .swiper-pagination-bullet.swiper-pagination-bullet-active {


  width: 3.2rem;


  background-color: var(--PrimaryColor);


  border-radius: 0.4rem;


  -webkit-border-radius: 0.4rem;


  -moz-border-radius: 0.4rem;


  -ms-border-radius: 0.4rem;


  -o-border-radius: 0.4rem;


}


.f_page .min_wrap {


  display: flex;


  flex-wrap: wrap;


  align-items: flex-start;


  gap: var(--gap30);


  position: relative;


}


.content_page {


  flex: 2 0 3rem;


}


.sidebar_page {


  flex: 1;


  position: sticky;


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


}


.sidebar_page .sub_t_cont strong {


  display: block;


  margin-bottom: 1.6rem;


}


.list_new_cata > li {


  display: flex;


  gap: var(--gap20);


  margin-bottom: 3rem;


}


.img_list_new_cata {


  width: 25rem;


  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;


}


.img_list_new_cata a img {


  display: block;


  width: 100%;


  height: 100%;


}


.nd_list_new_cata {


  flex: 1;


}


.ti_list_new_cata {


  display: flex;


  flex-wrap: wrap;


  padding-top: 0.8rem;


  margin-bottom: 0.8rem;


  font-size: 13px;


  color: var(--color-3);


  font-weight: 500;


  text-transform: uppercase;


}


.ti_list_new_cata span::after {


  font-family: "Font Awesome 6 Pro";


  font-weight: 400;


  content: "\f111";


  font-size: 7px;


  display: inline-block;


  margin: 0 1.1em 0 0.8rem;


  position: relative;


  top: -0.2rem;


}


.ti_list_new_cata span:last-child:after {


  display: none;


}


.na_list_new_cata {


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


  font-weight: 600;


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


  color: var(--color-1);


  display: -webkit-box;


  -webkit-line-clamp: 2;


  line-clamp: 2;


  -webkit-box-orient: vertical;


  overflow: hidden;


  margin-bottom: 0.8rem;


}


.na_list_new_cata a {


  color: var(--color-1);


  background-image: linear-gradient(transparent 95%, currentcolor 5%);


  background-repeat: no-repeat;


  background-size: 0 100%;


  transition: all 1s;


  -webkit-transition: all 1s;


  -moz-transition: all 1s;


  -ms-transition: all 1s;


  -o-transition: all 1s;


}


.na_list_new_cata a:hover {


  color: var(--PrimaryColor);


  background-size: 100% 100%;


}


.des_list_new_cata {


  color: var(--color-3);


  display: -webkit-box;


  -webkit-line-clamp: 3;


  line-clamp: 3;


  -webkit-box-orient: vertical;


  overflow: hidden;


}


.list_divu_sb {


  display: grid;


  grid-template-columns: repeat(auto-fit, minmax(15rem, 2fr));


  gap: var(--gap08);


}


.list_divu_sb > li > a {


  position: relative;


  display: flex;


  align-items: center;


  aspect-ratio: 3/2;


  padding: 2.4rem;


  text-transform: uppercase;


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


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


  color: var(--color-1);


  background-color: rgba(216, 59, 32, 0.15);


  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_divu_sb > li > a::before {


  content: "";


  width: 2.4rem;


  height: 2.4rem;


  background: url(../imgs/icon-logo.svg) no-repeat;


  background-size: contain;


  position: absolute;


  bottom: 0.8rem;


  right: 0.8rem;


  opacity: 0.25;


  transition: 0.8s;


  -webkit-transition: 0.8s;


  -moz-transition: 0.8s;


  -ms-transition: 0.8s;


  -o-transition: 0.8s;


}


.list_divu_sb > li:nth-child(1) > a,


.list_divu_sb > li:nth-child(9) > a {


  background-color: rgba(0, 149, 214, 0.15);


}


.list_divu_sb > li:nth-child(2) > a,


.list_divu_sb > li:nth-child(10) > a {


  background-color: rgba(101, 80, 162, 0.15);


}


.list_divu_sb > li:nth-child(3) > a,


.list_divu_sb > li:nth-child(11) > a {


  background-color: rgba(135, 191, 64, 0.15);


}


.list_divu_sb > li:nth-child(4) > a,


.list_divu_sb > li:nth-child(12) > a {


  background-color: rgba(213, 108, 40, 0.15);


}


.list_divu_sb > li:nth-child(5) > a,


.list_divu_sb > li:nth-child(13) > a {


  background-color: rgba(219, 157, 24, 0.15);


}


.list_divu_sb > li:nth-child(6) > a,


.list_divu_sb > li:nth-child(14) > a {


  background-color: rgba(89, 174, 141, 0.15);


}


.list_divu_sb > li:nth-child(7) > a,


.list_divu_sb > li:nth-child(15) > a {


  background-color: rgba(158, 33, 104, 0.15);


}


.list_divu_sb > li:nth-child(8) > a,


.list_divu_sb > li:nth-child(16) > a {


  background-color: rgba(237, 35, 37, 0.15);


}


.list_divu_sb > li > a:hover {


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


}


.list_divu_sb > li > a:hover:before {


  opacity: 1;


  transform: scale(1.2);


  -webkit-transform: scale(1.2);


  -moz-transform: scale(1.2);


  -ms-transform: scale(1.2);


  -o-transform: scale(1.2);


}


.til_news_D {


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


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


  padding-bottom: 1.6rem;


}


.des_news_D {


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


  margin-bottom: 1.6rem;


}


.bot_til_td_D {


  display: flex;


  flex-wrap: wrap;


  justify-content: space-between;


  align-items: center;


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


  color: var(--color-2);


  gap: 8px;


  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;


}


.list_share_D {


  display: flex;


  align-items: center;


}


.list_share_D > li {


  margin-left: 8px;


}


.list_share_D > li > a {


  display: flex;


  justify-content: center;


  align-items: center;


  width: 3rem;


  height: 3rem;


  border-radius: 50%;


  -webkit-border-radius: 50%;


  -moz-border-radius: 50%;


  -ms-border-radius: 50%;


  -o-border-radius: 50%;


  background-color: #fff;


  color: var(--color-2);


  border: 1px solid #cfd6e4;


  transition: 0.3s;


  -webkit-transition: 0.3s;


  -moz-transition: 0.3s;


  -ms-transition: 0.3s;


  -o-transition: 0.3s;


}


.list_share_D > li > a:hover {


  color: #fff;


  background-color: var(--PrimaryColor);


  border-color: var(--PrimaryColor);


}


.line_list_share_D {


  width: 1px;


  height: 26px;


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


}


.list_sb_page > li {


  display: flex;


  align-items: flex-start;


  margin-bottom: 1.6rem;


}


.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: 0.8rem;


  -webkit-border-radius: 0.8rem;


  -moz-border-radius: 0.8rem;


  -ms-border-radius: 0.8rem;


  -o-border-radius: 0.8rem;


}


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


  padding-left: 1.6rem;


}


.nd_list_sb_page .dc_td_D {


  padding-top: 6px;


  font-size: 13px;


  color: var(--color-3);


}


.na_list_sb_page {


  font-weight: 400;


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


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


  background-image: linear-gradient(transparent 95%, currentcolor 5%);


  background-repeat: no-repeat;


  background-size: 0 100%;


  transition: 1s;


  -webkit-transition: 1s;


  -moz-transition: 1s;


  -ms-transition: 1s;


  -o-transition: 1s;


}


.na_list_sb_page a:hover {


  color: var(--PrimaryColor);


  background-size: 100% 100%;


}


.f_contact .min_wrap {


  display: flex;


  flex-wrap: wrap;


  gap: 6rem;


}


.l_f_contact {


  flex: 1 0 25rem;


}


.r_f_contact {


  flex: 1 0 25rem;


}


.r_f_contact iframe {


  width: 100% !important;


  height: 100% !important;


  border-radius: 0.4rem;


  -webkit-border-radius: 0.4rem;


  -moz-border-radius: 0.4rem;


  -ms-border-radius: 0.4rem;


  -o-border-radius: 0.4rem;


}


.list_l_f_contact {


  display: flex;


  flex-wrap: wrap;


  gap: var(--gap30);


  margin-bottom: 3rem;


}


.list_l_f_contact > li {


  flex: 1 0 25rem;


  display: flex;


  align-items: center;


  gap: var(--gap16);


}


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


  flex-basis: 100%;


}


.img_list_l_f_contact {


  width: 4.8rem;


  height: 4.8rem;


  display: flex;


  justify-content: center;


  align-items: center;


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


  border-radius: 50%;


  -webkit-border-radius: 50%;


  -moz-border-radius: 50%;


  -ms-border-radius: 50%;


  -o-border-radius: 50%;


}


.img_list_l_f_contact img {


  max-width: 2.4rem;


  max-height: 100%;


  object-fit: contain;


}


.nd_list_l_f_contact {


  flex: 1;


}


.nd_list_l_f_contact strong {


  display: block;


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


  font-weight: 600;


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


}


.nd_list_l_f_contact p {


  padding: 0;


  color: var(--color-3);


}


.nd_list_l_f_contact p a {


  color: var(--color-3);


}


.nd_list_l_f_contact p a:hover {


  color: var(--PrimaryColor);


}


.form_l_f_contact {


  display: flex;


  flex-wrap: wrap;


  gap: var(--gap30);


}


.form_l_f_contact > li {


  flex: 1 0 25rem;


  position: relative;


}


.form_l_f_contact > li:last-child {


  flex-basis: 100%;


}


.ipt_l_f_contact {


  width: 100%;


  height: 4.8rem;


  padding: 0 2rem;


  color: var(--color-3);


  border: 1px solid #e6e8ea;


  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;


}


.txt_l_f_contact {


  width: 100%;


  min-height: 11rem;


  height: 11rem;


  padding: 1rem 2rem;


  color: var(--color-3);


  border: 1px solid #e6e8ea;


  resize: vertical;


  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;


}


.ipt_l_f_contact:focus,


.txt_l_f_contact:focus {


  color: var(--color-1);


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


}


.img_capcha {


  position: absolute;


  top: 0.5rem;


  right: 0.5rem;


  z-index: 1;


  display: inline-block;


  width: auto;


  height: 3.8rem;


  border-radius: 0.4rem;


  -webkit-border-radius: 0.4rem;


  -moz-border-radius: 0.4rem;


  -ms-border-radius: 0.4rem;


  -o-border-radius: 0.4rem;


}


.but_l_f_contact {


  background-color: var(--PrimaryColor);


  border: 0;


  cursor: pointer;


  width: 100%;


  height: 4.8rem;


  color: #fff;


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


  font-weight: 500;


  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;


}


.but_l_f_contact:focus {


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


}


.top_f_divu {


  display: flex;


  flex-wrap: wrap;


  align-items: center;


  margin-bottom: 3rem;


}


.top_f_divu .t_cont_1 {


  flex: 1;


  padding-right: 4rem;


}


.top_f_divu .des_t_cont {


  flex: 1;


  color: var(--color-2);


}


.list_divu {


  display: grid;


  grid-template-columns: repeat(auto-fit, minmax(27rem, 4fr));


  gap: var(--gap20);


}


.list_divu > li {


  padding: 2rem 0;


}


.list_divu > li > a {


  display: flex;


  gap: var(--gap20);


}


.ico_list_divu {


  width: 4.8rem;


  height: 4.8rem;


  display: flex;


  justify-content: center;


  align-items: center;


}


.ico_list_divu img {


  width: auto;


  max-height: 100%;


  object-fit: contain;


}


.nd_list_divu {


  flex: 1;


}


.nd_list_divu h3 {


  display: inline;


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


  font-weight: 600;


  color: var(--color-1);


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


  background-image: linear-gradient(transparent 95%, currentcolor 5%);


  background-repeat: no-repeat;


  background-size: 0 100%;


  transition: 1s;


  -webkit-transition: 1s;


  -moz-transition: 1s;


  -ms-transition: 1s;


  -o-transition: 1s;


}


.list_divu > li > a:hover .nd_list_divu h3 {


  color: var(--PrimaryColor);


  background-size: 100% 100%;


}


.nd_list_divu p {


  padding: 0.8rem 0 0 0;


  margin-bottom: 1.6rem;


  color: var(--color-3);


  display: -webkit-box;


  -webkit-line-clamp: 3;


  line-clamp: 3;


  -webkit-box-orient: vertical;


  overflow: hidden;


}


.nd_list_divu i {


  color: var(--color-3);


  transition: 0.8s;


  -webkit-transition: 0.8s;


  -moz-transition: 0.8s;


  -ms-transition: 0.8s;


  -o-transition: 0.8s;


}


.list_divu > li > a:hover .nd_list_divu i {


  color: var(--PrimaryColor);


  transform: translateX(100%);


  -webkit-transform: translateX(100%);


  -moz-transform: translateX(100%);


  -ms-transform: translateX(100%);


  -o-transform: translateX(100%);


}


.list_dt_dv {


  border-top: 1px solid #e8e8e8;


}


.list_dt_dv .dtlk > li {


  background-color: #e4edf3;


  border: 0;


}


.list_dt_dv .dtlk > li .img_dtlk > li {


  background-color: #fff;


  transition: box-shadow 0.4s;


  -webkit-transition: box-shadow 0.4s;


  -moz-transition: box-shadow 0.4s;


  -ms-transition: box-shadow 0.4s;


  -o-transition: box-shadow 0.4s;


}


.list_dt_dv .dtlk > li .img_dtlk > li:hover {


  background-color: #fff;


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


}


.f_divu_D {


  padding-bottom: 3rem;


}


.f_divu_D .min_wrap {


  position: relative;


  top: -6rem;


  z-index: 10;


  min-height: 20rem;


  max-width: 1170px;


  padding: 6rem 9rem 0 9rem;


  background-color: #fff;


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


  display: flex;


  flex-direction: column;


  gap: var(--gap08);


  position: absolute;


  top: 0;


  padding-top: 12rem;


  left: -1.6rem;


}


.list_social_divu > li > a {


  display: flex;


  justify-content: center;


  align-items: center;


  position: relative;


  width: 3.2rem;


  height: 3.2rem;


  border: 1px solid rgba(0, 0, 0, 0.1);


  background-color: #fff;


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


  border-radius: 50%;


  -webkit-border-radius: 50%;


  -moz-border-radius: 50%;


  -ms-border-radius: 50%;


  -o-border-radius: 50%;


  transition: border 0.8s;


  -webkit-transition: border 0.8s;


  -moz-transition: border 0.8s;


  -ms-transition: border 0.8s;


  -o-transition: border 0.8s;


}


.list_social_divu > li > a:hover {


  border-color: var(--PrimaryColor);


}


.list_social_divu > li > a i {


  color: var(--color-2);


}


.f_divu_other {


  background-color: #e4edf3;


  margin-bottom: 2rem;


  border-radius: 2.4rem;


  -webkit-border-radius: 2.4rem;


  -moz-border-radius: 2.4rem;


  -ms-border-radius: 2.4rem;


  -o-border-radius: 2.4rem;


}


.vct_1 .min_wrap {


  display: flex;


  flex-wrap: wrap;


  gap: var(--gap40);


}


.vct_1 .t_cont_1,


.nd_vct_1 {


  flex: 1 0 25rem;


}


.vct_1 .na_t_cont {


  display: flex;


  flex-wrap: wrap;


  align-items: center;


  gap: var(--gap20);


}


.fcb_video {


  position: relative;


  width: 2.4rem;


  height: 2.4rem;


  cursor: pointer;


}


.fcb_video::before {


  content: "";


  position: absolute;


  top: 0;


  right: 0;


  left: 0;


  bottom: 0;


  margin: auto;


  z-index: 3;


  width: 2.4rem;


  height: 2.4rem;


  background: rgba(216, 59, 32, 0.15);


  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;


}


.fcb_video::after {


  content: "";


  position: absolute;


  top: 0;


  right: 0;


  left: 0;


  bottom: 0;


  margin: auto;


  z-index: 2;


  width: 2.4rem;


  height: 2.4rem;


  background: rgba(216, 59, 32, 0.15);


  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;


}


.fcb_video i {


  color: var(--PrimaryColor);


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


  position: absolute;


  top: 0;


  right: 0;


  left: 0;


  bottom: 0;


  margin: auto;


  z-index: 4;


  width: 2.4rem;


  height: 2.4rem;


  display: flex;


  justify-content: center;


  align-items: center;


}


@keyframes mymove1 {


  from {


    transform: scale(1);


    -webkit-transform: scale(1);


    -moz-transform: scale(1);


    -ms-transform: scale(1);


    -o-transform: scale(1);


  }


  to {


    transform: scale(1.5);


    -webkit-transform: scale(1.5);


    -moz-transform: scale(1.5);


    -ms-transform: scale(1.5);


    -o-transform: scale(1.5);


  }


}


@keyframes mymove2 {


  from {


    transform: scale(1);


    -webkit-transform: scale(1);


    -moz-transform: scale(1);


    -ms-transform: scale(1);


    -o-transform: scale(1);


  }


  to {


    transform: scale(2);


    -webkit-transform: scale(2);


    -moz-transform: scale(2);


    -ms-transform: scale(2);


    -o-transform: scale(2);


  }


}


.nd_vct_1 {


  padding-top: 5.4rem;


}


.nd_vct_1 .f-detail {


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


}


.vct_2 .min_wrap {


  display: flex;


  align-items: center;


  flex-wrap: wrap;


  gap: var(--gap40);


}


.l_vct_2 {


  flex: 1 0 25rem;


  display: flex;


  align-items: center;


  gap: 1rem;


}


.r_vct_2 {


  flex: 1 0 25rem;


}


.title_list_r_vct_2 {


  display: flex;


  align-items: center;


  gap: 1rem;


  padding: 0.4rem;


  background-color: var(--tailwind-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;


}


.title_list_r_vct_2 span {


  color: #fff;


  background-color: var(--PrimaryColor);


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


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


  font-weight: 600;


  display: flex;


  justify-content: center;


  align-items: center;


  width: 3.2rem;


  height: 3.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;


}


.content_list_r_vct_2 {


  padding: 2rem 0 2rem 4.8rem;


  color: var(--color-2);


}


.img_l_vct_2_1 {


  flex: 1;


  display: flex;


  flex-direction: column;


  gap: 1rem;


}


.img_l_vct_2_1 figure {


  aspect-ratio: 1/1;


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


  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_l_vct_2_1 figure img,


.img_l_vct_2_2 img {


  display: block;


  width: 100%;


  height: 100%;


  pointer-events: none;


}


.img_l_vct_2_2 {


  flex: 1;


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


  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;


}


.vct_3 {


  background: #101828 url(../imgs/bg_vct_3.png) no-repeat top left;


  background-size: 100% auto;


  border-radius: 2.4rem;


  -webkit-border-radius: 2.4rem;


  -moz-border-radius: 2.4rem;


  -ms-border-radius: 2.4rem;


  -o-border-radius: 2.4rem;


}


.list_vct_3 {


  display: flex;


  flex-wrap: wrap;


  gap: var(--gap40);


  padding: 2rem 0;


}


.list_vct_3 > li {


  flex: 1 0 25rem;


  position: relative;


}


.img_list_vct_3 {


  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;


}


.img_list_vct_3::before {


  content: "";


  position: absolute;


  top: 0;


  right: 0;


  bottom: 0;


  left: 0;


  z-index: 1;


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


}


.img_list_vct_3 img {


  display: block;


  width: 100%;


  height: 100%;


  transition: transform 0.8s;


  -webkit-transition: transform 0.8s;


  -moz-transition: transform 0.8s;


  -ms-transition: transform 0.8s;


  -o-transition: transform 0.8s;


}


.list_vct_3 > li:hover .img_list_vct_3 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);


}


.title_list_vct_3 {


  background-color: var(--PrimaryColor);


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


  font-weight: 600;


  color: #fff;


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


  height: 8rem;


  display: flex;


  align-items: center;


  position: relative;


  z-index: 2;


  margin: -4rem 2rem 0 2rem;


  padding: 1rem 2rem;


  text-overflow: ellipsis;


  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;


}


.title_list_vct_3 span {


  display: -webkit-box;


  -webkit-line-clamp: 2;


  line-clamp: 2;


  -webkit-box-orient: vertical;


  overflow: hidden;


}


.contennt_list_vct_3 {


  color: #fff;


  position: absolute;


  bottom: 8rem;


  right: 0;


  left: 0;


  z-index: 2;


  padding: 2rem;


}


.list_vct_4 {


  display: flex;


  gap: var(--gap20);


  flex-wrap: wrap;


  padding: 6rem 0 2rem 0;


}


.list_vct_4 > li {


  flex: 1 0 25rem;


  position: relative;


  background-color: #fff;


  border: 1px solid #ced8e1;


  padding: 2.4rem;


  border-radius: 1.3rem;


  -webkit-border-radius: 1.3rem;


  -moz-border-radius: 1.3rem;


  -ms-border-radius: 1.3rem;


  -o-border-radius: 1.3rem;


  transition: 0.8s;


  -webkit-transition: 0.8s;


  -moz-transition: 0.8s;


  -ms-transition: 0.8s;


  -o-transition: 0.8s;


}


.list_vct_4 > li:hover {


  background-color: var(--PrimaryColor);


  border-color: var(--PrimaryColor);


}


.list_vct_4 > li::before {


  content: "";


  position: absolute;


  top: 0;


  right: 0;


  bottom: 0;


  left: 0;


  z-index: -1;


  background-color: var(--PrimaryColor);


  opacity: 0.25;


  border-radius: 1.6rem;


  -webkit-border-radius: 1.6rem;


  -moz-border-radius: 1.6rem;


  -ms-border-radius: 1.6rem;


  -o-border-radius: 1.6rem;


  transition: 0.4s;


  -webkit-transition: 0.4s;


  -moz-transition: 0.4s;


  -ms-transition: 0.4s;


  -o-transition: 0.4s;


}


.list_vct_4 > li:hover::before {


  top: 0.6rem;


  right: -0.6rem;


  bottom: -0.6rem;


  left: 0.6rem;


}


.list_vct_4 > li:nth-child(1):hover {


  background-color: #3f37c9;


  border-color: #3f37c9;


}


.list_vct_4 > li:nth-child(1):hover::before {


  background-color: #3f37c9;


}


.list_vct_4 > li:nth-child(2):hover {


  background-color: #287f7a;


  border-color: #287f7a;


}


.list_vct_4 > li:nth-child(2):hover::before {


  background-color: #287f7a;


}


.list_vct_4 > li:nth-child(3):hover {


  background-color: #ca9c5e;


  border-color: #ca9c5e;


}


.list_vct_4 > li:nth-child(3):hover::before {


  background-color: #ca9c5e;


}


.list_vct_4 > li:nth-child(4):hover {


  background-color: #ff6a31;


  border-color: #ff6a31;


}


.list_vct_4 > li:nth-child(4):hover::before {


  background-color: #ff6a31;


}


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


  top: -4rem;


}


.title_list_vct_4 {


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


  font-weight: 600;


  color: var(--color-1);


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


  margin-bottom: 1.6rem;


  transition: 0.4s;


  -webkit-transition: 0.4s;


  -moz-transition: 0.4s;


  -ms-transition: 0.4s;


  -o-transition: 0.4s;


}


.content_list_vct_4 {


  color: var(--color-2);


  transition: 0.4s;


  -webkit-transition: 0.4s;


  -moz-transition: 0.4s;


  -ms-transition: 0.4s;


  -o-transition: 0.4s;


}


.list_vct_4 > li:hover .title_list_vct_4 {


  color: #fff;


}


.list_vct_4 > li:hover .content_list_vct_4 {


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


}


#footer {


  background-color: #0e1117;


  color: #fff;


  border-radius: 2.4rem;


  -webkit-border-radius: 2.4rem;


  -moz-border-radius: 2.4rem;


  -ms-border-radius: 2.4rem;


  -o-border-radius: 2.4rem;


}


#footer a {


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


  transition: color 0.4s;


  -webkit-transition: color 0.4s;


  -moz-transition: color 0.4s;


  -ms-transition: color 0.4s;


  -o-transition: color 0.4s;


}


#footer a:hover {


  color: var(--PrimaryColor);


}


.list_foot_1 {


  display: flex;


  flex-wrap: wrap;


  gap: var(--gap20);


}


.list_foot_1 > li {


  flex: 1 0 1rem;


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


}


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


  flex: 2;


  padding-right: 2rem;


  padding-left: 2rem;


}


.logo_foot_1 {


  margin-bottom: 2.7rem;


}


.logo_foot_1 img {


  display: inline-block;


  width: auto;


  height: 5.4rem;


}


.slogan_foot_1 {


  padding: 0.4rem 0;


}


.t_foot_1 {


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


  font-weight: 600;


  color: #fff;


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


  padding-top: 3.6rem;


  margin-bottom: 2rem;


}


.ol0_foot_1 > li {


  padding: 0.4rem 0;


  display: flex;


  align-items: center;


  gap: 0.8rem;


}


.ol0_foot_1 > li i {


  width: 1.6rem;


  text-align: center;


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


}


.ol0_foot_1 > li span {


  flex: 1;


}


.ol1_foot_1 {


  display: flex;


  flex-wrap: wrap;


  column-gap: var(--gap40);


}


.ol1_foot_1 > li {


  flex: 1 0 24rem;


}


.ol1_foot_1 > li > a,


.ol2_foot_1 > li > a {


  display: inline-block;


  padding: 0.4rem 0;


}


.foot_2 .min_wrap {


  padding-top: 1.6rem;


  padding-bottom: 1.6rem;


  display: flex;


  justify-content: space-between;


  align-items: center;


  flex-wrap: wrap;


  gap: var(--gap08);


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


  font-size: 13px;


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


}


.l_foot_2 a {


  color: #fff !important;


}


.l_foot_2 a:hover {


  color: var(--PrimaryColor) !important;


}


.r_foot_2 {


  display: flex;


  align-items: center;


  gap: var(--gap08);


}


.r_foot_2 > li > a {


  display: flex;


  justify-content: center;


  align-items: center;


  width: 3.2rem;


  height: 3.2rem;


  border: 1px solid rgba(255, 255, 255, 0.6);


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


  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;


}


.r_foot_2 > li > a:hover {


  border-color: var(--PrimaryColor);


}


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


  max-width: 100%;


  height: auto !important;


  border-radius: 12px;


  -webkit-border-radius: 12px;


  -moz-border-radius: 12px;


  -ms-border-radius: 12px;


  -o-border-radius: 12px;


}


.f-detail a {


  color: var(--tailwind-600);


}


.f-detail a:hover {


  text-decoration: underline;


}


.f-detail iframe {


  max-width: 100% !important;


  border-radius: 0.8rem;


  -webkit-border-radius: 0.8rem;


  -moz-border-radius: 0.8rem;


  -ms-border-radius: 0.8rem;


  -o-border-radius: 0.8rem;


}


.f-detail ul,


.f-detail ol {


  margin-top: 10px;


  margin-bottom: 10px;


}


.f-detail ul li {


  list-style: disc;


  margin-left: 2.4rem;


  padding-top: 0.2rem;


  padding-bottom: 0.2rem;


}


.f-detail ol li {


  list-style: decimal;


  margin-left: 2.4rem;


  padding-top: 0.2rem;


  padding-bottom: 0.2rem;


}


.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: 0.4s;


  -webkit-transition: 0.4s;


  -moz-transition: 0.4s;


  -ms-transition: 0.4s;


  -o-transition: 0.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;


}


#star img {


  display: inline-block;


  width: auto;


  height: 18px;


  position: relative;


  top: -1px;


}


.page {


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


  padding-top: 3rem;


}


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


}


.sty_home .icon_menu_mobile {


  color: #fff;


}


.sty_home #header.active .icon_menu_mobile {


  color: var(--color-1);


}


.icon_menu_mobile {


  position: absolute;


  top: 50%;


  right: 2.4rem;


  color: var(--color-1);


  display: none;


  width: 40px;


  height: 40px;


  cursor: pointer;


  user-select: none;


  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;


  transform: translateY(-50%);


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


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


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


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


}


.icon_menu_mobile i {


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


  text-align: center;


}


.menu_mobile {


  user-select: none;


  visibility: hidden;


  background: #fff;


  width: 280px;


  height: 100dvh;


  overflow-x: hidden;


  overflow-y: auto;


  overscroll-behavior: contain;


  position: fixed;


  top: 0;


  left: -280px;


  z-index: 99999;


  transition: 0.2s;


  -webkit-transition: 0.2s;


  -moz-transition: 0.2s;


  -ms-transition: 0.2s;


  -o-transition: 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(0, 0, 0, 0.5);


  backdrop-filter: blur(5px);


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


  position: fixed;


  top: 0;


  right: 0;


  bottom: 0;


  left: 0;


  z-index: 10001;


  transition: 0.2s;


  -webkit-transition: 0.2s;


  -moz-transition: 0.2s;


  -ms-transition: 0.2s;


  -o-transition: 0.2s;


}


.logo_mb {


  padding: 12px 16px;


}


.logo_mb img {


  display: inline-block;


  width: auto;


  height: 40px;


}


.dkdn_mb, .hotline_dkdn_mb  {


  background: linear-gradient(120deg, var(--tailwind-500) 0%, var(--tailwind-700) 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, 0.25);


  color: #fff;


  padding: 0.8rem 1.2rem;


  border-radius: 24px;


  -webkit-border-radius: 24px;


  -moz-border-radius: 24px;


  -ms-border-radius: 24px;


  -o-border-radius: 24px;


}

 .hotline_dkdn_mb {
  position: relative;
 }
  .hotline_dkdn_mb::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 100;
    content: "\e11b";
    font-size: 30px;
    color: #fff;
    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%);
}
 .hotline_dkdn_mb p {
  padding-bottom: 0;
 }
 .hotline_dkdn_mb span {
  font-size: var(--font-size-18);
 }


.in_dkdn_mb {


  display: flex;


  align-items: center;


  gap: var(--gap12);


}


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


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


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


}


.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.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: 0.4s;


  -webkit-transition: 0.4s;


  -moz-transition: 0.4s;


  -ms-transition: 0.4s;


  -o-transition: 0.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: 0.3s;


  -o-transition: 0.3s;


  transition: 0.3s;


}


.arrown_menu_accordion::before {


  font-family: "Font Awesome 6 Pro";


  font-weight: 300;


  content: "\f078";


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


}


.arrown_menu_accordion2::before {


  font-family: "Font Awesome 6 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 #eee;


  padding: 1.2rem;


}


.list_social_rwd {


  display: flex;


  gap: 0.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, 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: 0.4rem;


}


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


}


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


  .min_wrap {


    padding-right: 2rem;


    padding-left: 2rem;


  }


  .sty_home #header {


    padding-right: 3rem;


    padding-left: 3rem;


  }


  .sty_home .min_header {


    max-width: inherit;


    padding-right: 2rem;


    padding-left: 2rem;


  }


  .ul_mn {


    gap: var(--gap30);


  }


  .min_slide {


    padding-right: 3rem;


    padding-left: 3rem;


  }


  .rh_2 .t_cont_2 {


    position: static;


    margin-bottom: 3rem;


    transform: none;


    -webkit-transform: none;


    -moz-transform: none;


    -ms-transform: none;


    -o-transform: none;


  }

  .list_rh_2 > li {
    flex-basis: 20rem;
  }


  .l_rh_5 {


    flex-basis: 100%;


    padding-right: 0;


  }


  .rh_5 .t_cont_1 {


    text-align: center;


  }


  .list_news {


    grid-template-columns: repeat(auto-fit, minmax(20rem, 3fr));


  }


  .list_vct_4 > li {


    flex-basis: 40%;


  }


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


    top: 0;


  }


  .ol1_foot_1 > li {


    flex-basis: 15rem;


  }


  .list_social_divu {


    left: 2rem !important;


  }


  .list_divu_sb {


    display: flex;


    flex-wrap: wrap;


  }


  .list_divu_sb > li {


    flex: 1 0 15rem;


  }


  .list_divu_sb > li > a {


    height: 100%;


    aspect-ratio: 1/1;


    padding: 2.4rem 1.6rem;


  }


  .rh_5 {


    margin: 0 -2rem;


    overflow: hidden;


  }


  .r_rh_5 {


    padding-top: 0;


  }


  .list_gdn {


    flex-wrap: nowrap;


    justify-content: flex-start;


    overflow: auto;


    scroll-snap-type: x mandatory;


    scrollbar-width: none;


    -ms-overflow-style: none;


    margin: 0 -4.4rem;


    padding: 2.4rem 4.4rem;


  }


  .list_vct_3 {


    gap: var(--gap30);


  }


  .rh_7 .min_wrap,


  .list_vct_4 {


    padding: 0;


  }


  .rh_1 .min_wrap,


  .rh_3 .min_wrap,


  .hst .min_wrap,


  .vct_1 .min_wrap,


  .vct_2 .min_wrap,


  .vct_4 .min_wrap,


  .vct_ .min_wrap,


  .f_divu .min_wrap,


  .list_dt_dv .min_wrap,


  .news_spec .min_wrap,


  .f_page .min_wrap,


  .f_contact .min_wrap {


    padding-right: 0;


    padding-left: 0;


  }


  .rh_1,


  .rh_3 {


    overflow: hidden;


  }


  .shape_01,


  .shape_02,


  .shape_03,


  .shape_04,


  .shape_05,


  .shape_06,


  .shape_07 {


    display: none;


  }


}


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


  :root {


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


    --font-size-32: clamp(26px, 4vw, 32px);


    --font-size-38: clamp(28px, 4vw, 38px);


    --font-size-48: clamp(38px, 4vw, 48px);


    --gap30: 2.4rem;


    --gap32: 2.4rem;


    --gap40: 3.2rem;


    --gap48: 2.4rem;


    --height-hea: 70px;


  }


  ::-webkit-scrollbar {


    display: none;


  }


  .r_p9 {


    padding-top: 6rem;


    padding-bottom: 6rem;


  }


  .icon_menu_mobile {


    display: flex;


  }


  .min_wrap,


  .min_header,


  .sty_home .min_header {


    padding-right: 2.4rem;


    padding-left: 2.4rem;


  }


  body,


  .sty_home {


    padding: 0;


  }


  .sty_home #header {


    top: 0;


    padding-right: 0;


    padding-left: 0;


  }


  #header {


    margin-right: 0;


    margin-left: 0;


  }


  .logo {


    margin-bottom: 0;


  }


  .logo img {


    height: 5rem;


  }


  .min_slide {


    top: 9rem;


  }


  .swiper1 {


    border-top-right-radius: 0;


    border-top-left-radius: 0;


  }


  .swiper-button-prev-1 {


    right: 6.4rem;


    bottom: 2.4rem;


  }


  .swiper-button-next-1 {


    right: 2.4rem;


    bottom: 2.4rem;


  }


  .title_slide,


  .title_bg_cont {


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


  }


  .rh_2 .t_cont_2 {


    margin-bottom: 3rem;


    position: static;


    transform: none;


    -webkit-transform: none;


    -moz-transform: none;


    -ms-transform: none;


    -o-transform: none;


  }






  .accordion_nd_rh_3 summary,


  .accordion_nd_rh_3 summary::before {


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


  }


  .accordion_nd_rh_3 details[open] summary {


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


  }


  .accordion_nd_rh_3 details[open] summary::before {


    top: 0;


  }


  .text_marquee {


    font-size: 6rem;


    max-height: 10rem;


  }


  .text_marquee marquee {


    line-height: 10rem;


  }


  .rh_3 .text_marquee {


    padding-top: 0;


  }


  .r_rh_5 {


    padding-top: 0;


  }


  .list_gdn {


    flex-wrap: nowrap;


    justify-content: flex-start;


    overflow: auto;


    scroll-snap-type: x mandatory;


    scrollbar-width: none;


    -ms-overflow-style: none;


    margin: 0 -2.4rem;


    padding: 2.4rem;


  }


  .list_news {


    display: flex;


    flex-wrap: nowrap;


    justify-content: flex-start;


    overflow: auto;


    scroll-snap-type: x mandatory;


    scrollbar-width: none;


    -ms-overflow-style: none;


    margin: 0 -2.4rem;


    padding-right: 2.4rem;


    padding-left: 2.4rem;


  }


  .list_news > li {


    flex: 1 0 40%;


  }


  .foot_2 .min_wrap {


    justify-content: center;


    text-align: center;


  }


  .min_bg_cont {


    background-size: cover;


    height: auto;


    aspect-ratio: 3/1;


    border-radius: 0;


    -webkit-border-radius: 0;


    -moz-border-radius: 0;


    -ms-border-radius: 0;


    -o-border-radius: 0;


  }


  .title_list_vct_3 {


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


  }


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


    top: 0;


  }


  .nd_rh_3 {


    padding-left: 3.2rem;


  }


  #footer {


    border-bottom-right-radius: 0;


    border-bottom-left-radius: 0;


  }


  .list_social_divu {


    left: 2.4rem !important;


  }


  .f_page {


    padding-top: 4.8rem;


  }


  .f_contact .min_wrap {


    gap: var(--gap30);


  }


  .bg_cont,


  .swiper4 .swiper-wrapper {


    padding-top: 0;


  }


  .rh_7 .min_wrap,


  .list_vct_4 {


    padding: 0;


  }


  .rh_1,


  .rh_2,


  .rh_3,


  .rh_7 {


    overflow: hidden;


  }


  .nav_mn,


  .r_min_header,


  .shape_01,


  .shape_02,


  .shape_03,


  .shape_04,


  .shape_05,


  .shape_06,


  .shape_07 {


    display: none;


  }


}


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


  .swiper1 {


    height: 100vh;


    border-radius: 0;


    -webkit-border-radius: 0;


    -moz-border-radius: 0;


    -ms-border-radius: 0;


    -o-border-radius: 0;


  }


  .title_slide {


    -webkit-line-clamp: 2;


    line-clamp: 2;


  }


  .list_news {


    margin: 0 -1.6rem;


    padding-right: 1.6rem;


    padding-left: 1.6rem;


  }


  .des_slide {


    display: none;


  }


}


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


  .icon_menu_mobile {


    right: 1.6rem;


  }


  .min_wrap,


  .min_header,


  .sty_home .min_header {


    padding-right: 1.6rem;


    padding-left: 1.6rem;


  }


  .r_p3 {


    padding-top: 2.4rem;


    padding-bottom: 2.4rem;


  }


  .r_p6 {


    padding-top: 3.2rem;


    padding-bottom: 3.2rem;


  }


  .r_p69 {


    padding-top: 3.2rem;


    padding-bottom: 4.8rem;


  }


  .r_p9 {


    padding-top: 4.8rem;


    padding-bottom: 4.8rem;


  }


  .rh_1 {


    padding-bottom: 4.8rem;


  }


  .rh_2 .t_cont_2 {


    margin-bottom: 3rem;


  }



  .num_list_rh_2 {


    right: auto;


    left: -2.5rem;


  }


  .img_rh_3 .parent {


    gap: var(--gap08);


    margin-bottom: 3rem;


  }


  .nd_rh_3 {


    padding-left: 0;


  }


  .swiper-button-prev-1 {


    bottom: 1.6rem;


    right: 5.4rem;


  }


  .swiper-button-next-1 {


    bottom: 1.6rem;


    right: 1.6rem;


  }


  .text_marquee {


    padding-top: 0;


  }


  .min_bg_cont {


    aspect-ratio: 16/9;


  }


  .top_f_divu .t_cont_1 {


    padding-right: 0;


  }


  .title_bg_cont {


    padding-right: 0.8rem;


    padding-left: 0.8rem;


    text-align: center;


  }


  .f_divu_D .min_wrap {


    top: auto;


    padding: 3.2rem 1.6rem;


  }


  .list_social_divu {


    position: static !important;


    padding-top: 0;


    flex-direction: row;


    margin-bottom: 2.4rem;


  }


  .list_gdn {


    margin: 0 -1.6rem;


    padding: 1.6rem;


  }


  .list_rh_2 > li:hover,


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


    transform: none !important;


    -webkit-transform: none !important;


    -moz-transform: none !important;


    -ms-transform: none !important;


    -o-transform: none !important;


  }



  .list_rh_1,


  .dtlk {


    gap: var(--gap16);


  }


  .dtlk,


  .nd_vct_1 {


    padding-top: 0;


  }


  .vct_1 .t_cont_1,


  .nd_vct_1,


  .l_vct_2,


  .top_f_divu .des_t_cont,


  .content_page {


    flex-basis: 100%;


  }


  .ul_breacrum {


    display: none;


  }


}


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


  .list_gdn {


    display: block;


    overflow: visible;


    padding: 0;


    margin: 0;


  }


  .list_gdn > li {


    margin-bottom: 2.4rem;


    border-radius: 1.6rem !important;


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


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


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


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


  }


  .list_gdn > li:last-child,


  .list_news > li:last-child {


    margin-bottom: 0;


  }


  .content_gdn {


    min-height: inherit;


  }

  .list_rh_2 > li {
    flex-basis: 12rem;
  }
  .list_rh_2 > li > a {
    font-size: var(--font-size-14);
  }
  .tt_list_rh_2 {
    font-size: var(--font-size-12);
  }

  .list_news {


    display: block;


    margin: 0;


    padding-right: 0;


    padding-left: 0;


    overflow: hidden;


  }


  .list_news > li {


    margin-bottom: 2.4rem;


  }


  .title_dgkh {


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


  }


  .content_dgkh {


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


  }


  .swiper-button-next-3,


  .swiper-button-prev-3 {


    background: none;


  }


  .logo_foot_1 {


    margin-bottom: 2.4rem;


    text-align: center;


  }


  .swiper4 {


    margin-right: -1.6rem;


    margin-left: -1.6rem;


    padding-right: 1.6rem;


    padding-left: 1.6rem;


  }


  .swiper4 .swiper-slide {


    width: 90%;


  }


  .list_new_cata > li {


    flex-wrap: wrap;


    gap: var(--gap16);


  }


  .img_list_new_cata {


    width: 100%;


  }


  .list_rh_1 > li {


    flex-basis: 100%;


  }


  .list_foot_1 > li:nth-child(2),


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


    display: none;


  }


}