@charset "UTF-8";
/*
    Theme Name: Heritage
    Theme URI: 
    Author: Team WP MD
    Author URI: 
    Description: A starter theme
    Version: 1.0
    Text Domain: corex
    Tags: theme, starter theme,
*/
@font-face {
  font-family: "Fahkwang-Regular.ttf";
  src: url("./assets/fonts/Fahkwang-Regular.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fahkwang-Medium.ttf";
  src: url("./assets/fonts/Fahkwang-Medium.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fahkwang-Bold.ttf";
  src: url("./assets/fonts/Fahkwang-Bold.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-Gotham-Book.otf";
  src: url("./assets/fonts/SVN-Gotham-Book.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Copperplate.ttc";
  src: url("./assets/fonts/Copperplate.ttc") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica.ttc";
  src: url("./assets/fonts/Helvetica.ttc") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-Gotham-Regular.otf";
  src: url("./assets/fonts/SVN-Gotham-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "FahKwang.ttc";
  src: url("./assets/fonts/FahKwang.ttc") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-Gotham-Black.otf";
  src: url("./assets/fonts/SVN-Gotham-Black.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-Gotham-Bold.otf";
  src: url("./assets/fonts/SVN-Gotham-Bold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-thumb {
  background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
}

button,
input,
select,
textarea {
  margin: 0;
  outline: none;
}

html {
  box-sizing: border-box;
}

* {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
td:not([align]),
th:not([align]) {
  text-align: left;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: "SVN-Gotham-Regular.otf";
  font-size: 14px;
  font-style: normal;
  color: #fff;
  line-height: 170%;
}
.site-container {
  overflow: hidden;
}

ul li {
  list-style: none;
}

a {
  text-decoration: none;
}

p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

.typography html,
.typography body,
.typography p,
.typography ol,
.typography ul,
.typography li,
.typography dl,
.typography dt,
.typography dd,
.typography blockquote,
.typography figure,
.typography fieldset,
.typography legend,
.typography textarea,
.typography pre,
.typography iframe,
.typography hr,
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
  margin: 0;
  padding: 0;
}
.typography ul {
  list-style: none;
}

@keyframes draw2 {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 2000;
  }
}
@keyframes signature1 {
  0% {
    stroke-dashoffset: 500;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes signature2 {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes opacityKey {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes colorTextWhite {
  0% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
  50% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
  100% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
}
@keyframes colorTextBlack {
  0% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
  50% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
  100% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
}
@keyframes zoomOut {
  from {
    transform: scale(1.3); /* Kích thước ban đầu của ảnh */
  }
  to {
    transform: scale(1); /* Kích thước cuối cùng của ảnh (zoom out) */
  }
}
@keyframes trin {
  from {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  20%, 32%, 44%, 56%, 68% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  23%, 35%, 47%, 59%, 71% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  26%, 38%, 50%, 62%, 74% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  29%, 41%, 53%, 65%, 77% {
    transform: rotate3d(0, 0, 1, -15deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@-moz-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@-o-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@keyframes drawLine {
  from {
    stroke-dasharray: 300;
    stroke-dashoffset: 300;
  }
  to {
    stroke-dasharray: 300;
    stroke-dashoffset: 0;
  }
}
@keyframes zoomOut {
  from {
    transform: scale(1.3); /* Kích thước ban đầu của ảnh */
  }
  to {
    transform: scale(1); /* Kích thước cuối cùng của ảnh (zoom out) */
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}
@keyframes draw2 {
  0% {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes draw {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 1500;
  }
}
@keyframes draw22 {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 1000;
  }
}
@keyframes bounceY {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(-10px);
  }
}
.button_def {
  color: var(--Blue, #313654);
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  padding: 13px 31px 14px;
  width: max-content;
  display: inline-block;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  border-radius: 10px 0;
  background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .button_def:hover::before {
    width: 100%;
    right: 0;
    left: auto;
  }
  .button_def:hover::after {
    width: 100%;
    left: 0;
    right: auto;
  }
}
.button_def .before {
  content: "";
  width: 0;
  height: 200px;
  background-color: hsla(0, 0%, 100%, 0.45);
  position: absolute;
  transform: rotate(-45deg);
  box-shadow: 0 0 20px 20px hsla(0, 0%, 100%, 0.4509803922);
  animation: future 3s linear infinite;
  top: -90%;
}
.button_def::before {
  content: "";
  background-color: rgb(255, 255, 255);
  height: 8%;
  width: 0;
  position: absolute;
  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  top: -1px;
  left: 0;
  right: auto;
}
.button_def:after {
  content: "";
  background-color: rgb(255, 255, 255);
  height: 8%;
  width: 0;
  position: absolute;
  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  bottom: -1px;
  right: 0;
  left: auto;
}

.cm-banner {
  width: 100%;
  padding: 0 1.3888888889%;
  position: relative;
  background: #fff;
}
@media only screen and (max-width: 1024px) {
  .cm-banner {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 576px) {
  .cm-banner {
    padding: 0;
  }
}
.cm-banner svg {
  position: absolute;
  width: 24px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 3.2967032967%;
  z-index: 1;
}
.cm-banner .img {
  overflow: hidden;
  aspect-ratio: 1.9230769231;
}
@media only screen and (max-width: 1024px) {
  .cm-banner .img {
    aspect-ratio: 2;
  }
}
@media only screen and (max-width: 576px) {
  .cm-banner .img {
    aspect-ratio: 1.44;
  }
}
.cm-banner .img > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  animation: zoomOut 2s ease-in-out;
}
.cm-banner:after {
  opacity: 0.25;
  background: #000;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 1.3888888889%;
  width: calc(100% - 2 * 1.3888888889%);
  height: 100%;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .cm-banner:after {
    left: 15px;
    width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 576px) {
  .cm-banner:after {
    width: 100%;
    left: 0;
  }
}
.cm-banner .title {
  position: absolute;
  color: var(--White, #FFF);
  text-align: center;
  font-family: "UVF-Didot.ttf";
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: max-content;
}
@media only screen and (max-width: 1280px) {
  .cm-banner .title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 1024px) {
  .cm-banner .title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 576px) {
  .cm-banner .title {
    font-size: 30px;
  }
}

.title_def {
  font-family: "Fahkwang-Medium.ttf";
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 56px */
  letter-spacing: -0.4px;
  text-transform: uppercase;
  background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-top: 5px;
}
@media only screen and (max-width: 1280px) {
  .title_def {
    font-size: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .title_def {
    font-size: 25px;
    line-height: 120%;
  }
}
@media only screen and (max-width: 576px) {
  .title_def {
    font-size: 22px;
    padding-top: 5px !important;
  }
}

.cm-container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 117px;
}
@media (max-width: 1280px) {
  .cm-container {
    padding: 0 60px;
  }
}
@media (max-width: 1024px) {
  .cm-container {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .cm-container {
    padding: 0 15px;
  }
}

.soical {
  position: fixed;
  z-index: 100;
  right: 0;
  bottom: 9.8039215686%;
  display: flex;
  flex-direction: column;
}
.soical a {
  width: 40px;
  height: 40px;
  background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1px;
}
@media (max-width: 576px) {
  .soical a {
    width: 35px;
    height: 35px;
  }
}
.soical a:last-child {
  margin-bottom: 0;
}

.header-main-site {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  right: 0;
  display: flex;
  align-items: center;
  padding: 24px 0;
  font-family: "SVN-Gotham-Regular.otf";
  font-size: 11px;
  font-style: normal;
  font-weight: 450;
  line-height: 150%; /* 16.5px */
  letter-spacing: 0.22px;
  text-transform: uppercase;
  transition: all 0.5s ease;
  justify-content: center;
}
@media only screen and (max-width: 1280px) {
  .header-main-site {
    padding: 10px 0;
    font-size: 12px;
  }
}
@media only screen and (max-width: 768px) {
  .header-main-site {
    height: 100vh;
    flex-direction: column;
    background: linear-gradient(0deg, #0B102B 0%, #242A4A 137.27%);
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    border-radius: 0 0 50px 50px;
  }
}
.header-main-site.is_active_header {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.header-main-site.is_active {
  background: linear-gradient(0deg, #0B102B 0%, #242A4A 137.27%);
  padding: 10px 0;
}
.header-main-site.is_active .logo-header {
  width: 70px;
}
.header-main-site .logo-header {
  display: block;
  width: 75px;
  margin: 0 60px;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 768px) {
  .header-main-site .logo-header {
    order: 1;
    display: none;
  }
}
.header-main-site .logo-header img {
  width: 100%;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 768px) {
  .header-main-site > .left {
    order: 2;
  }
}
.header-main-site > .left ul {
  float: right;
}
.header-main-site > .left li {
  margin-left: 60px;
}
@media only screen and (max-width: 1280px) {
  .header-main-site > .left li {
    margin-left: 35px;
  }
}
@media only screen and (max-width: 768px) {
  .header-main-site > .left li {
    margin-left: 0;
  }
}
.header-main-site > .left li:first-child {
  margin-left: 0;
}
.header-main-site > .right {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .header-main-site > .right {
    order: 3;
    flex-direction: column;
  }
}
.header-main-site > .right li {
  margin-right: 60px;
}
@media only screen and (max-width: 1280px) {
  .header-main-site > .right li {
    margin-right: 35px;
  }
}
@media only screen and (max-width: 768px) {
  .header-main-site > .right li {
    margin-right: 0;
  }
}
.header-main-site > .right .lang {
  color: var(--Neutral-White, #FFF);
  display: flex;
  align-items: center;
  border-left: 2px solid #FFF;
  padding-left: 16px;
}
@media only screen and (max-width: 768px) {
  .header-main-site > .right .lang {
    padding-left: 0;
    border-left: none;
  }
}
.header-main-site > .right .lang img {
  border-radius: 2px;
  margin-left: 8px;
  width: 24px;
}
.header-main-site .left, .header-main-site .right {
  width: calc((100% - 150px) / 2);
}
@media only screen and (max-width: 768px) {
  .header-main-site .left, .header-main-site .right {
    width: auto;
  }
}
.header-main-site ul {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .header-main-site ul {
    flex-direction: column;
  }
}
.header-main-site ul li {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .header-main-site ul li {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1025px) {
  .header-main-site ul li:hover a {
    background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.header-main-site ul li.active a {
  background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.header-main-site ul a {
  color: var(--Neutral-White, #FFF);
  position: relative;
  width: max-content;
  display: block;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 768px) {
  .header-main-site ul a {
    margin: 0 auto;
  }
}

.menu_mb {
  display: none;
  align-items: center;
  justify-content: space-between;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  height: 70px;
  padding: 0 30px;
  background: linear-gradient(0deg, #0B102B 0%, #242A4A 137.27%);
  position: fixed;
  transition: all 0.5s ease;
  box-shadow: -8.412px 132.294px 36.706px 0px rgba(0, 0, 0, 0), -5.353px 84.118px 33.647px 0px rgba(0, 0, 0, 0.01), -3.059px 47.412px 28.294px 0px rgba(0, 0, 0, 0.03), -1.529px 21.412px 21.412px 0px rgba(0, 0, 0, 0.04), 0px 5.353px 11.471px 0px rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 768px) {
  .menu_mb {
    display: flex;
  }
}
@media only screen and (max-width: 576px) {
  .menu_mb {
    padding: 0 15px;
  }
}
.menu_mb.active_header:after {
  width: 100%;
}
.menu_mb:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background: rgba(255, 255, 255, 0.5019607843);
  transition: all 0.5s ease;
}
.menu_mb.active {
  opacity: 0;
  pointer-events: none;
}
.menu_mb .logo {
  width: 70px;
  display: block;
  padding-top: 6px;
}
.menu_mb .humbeger {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  padding-top: 15px;
  transition: all 0.5s ease;
}
.menu_mb .humbeger span {
  width: 30px;
  height: 3px;
  background: #fff;
  display: block;
  transition: all 0.5s ease;
  margin-bottom: 0.48828125vw;
}
@media (max-width: 576px) {
  .menu_mb .humbeger span {
    width: 20px;
    height: 2px;
    margin-bottom: 5px;
  }
}
.menu_mb .humbeger span:nth-child(3) {
  margin-bottom: 0;
}

.footer {
  position: relative;
  z-index: 0;
}
.footer > img {
  width: 100%;
  height: calc(100% - 242px);
  display: block;
  z-index: -1;
  bottom: 0;
  left: 0;
  position: absolute;
}
.footer .main {
  padding: 0 8.6805555556% 60px;
}
@media only screen and (max-width: 1280px) {
  .footer .main {
    padding: 0 45px 40px;
  }
}
@media only screen and (max-width: 768px) {
  .footer .main {
    padding: 0 30px 40px;
  }
}
@media only screen and (max-width: 576px) {
  .footer .main {
    padding: 0px 15px 40px;
  }
}
.footer .main .top {
  display: flex;
  align-items: center;
  padding: 60px 80px;
  border-radius: 30px 0;
  background: var(--Gradient-Light, linear-gradient(0deg, #BAB3A2 0%, #E4E0D5 100%));
}
@media only screen and (max-width: 1280px) {
  .footer .main .top {
    padding: 50px 40px;
  }
}
@media only screen and (max-width: 768px) {
  .footer .main .top {
    flex-direction: column;
  }
}
@media only screen and (max-width: 576px) {
  .footer .main .top {
    padding: 30px 15px;
  }
}
.footer .main .top .left {
  width: 63.025210084%;
  padding-right: 150px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 1280px) {
  .footer .main .top .left {
    padding-right: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .footer .main .top .left {
    width: 100%;
    padding-right: 0;
    padding-bottom: 30px;
  }
}
.footer .main .top .left .title_def {
  margin-bottom: 24px;
  background: var(--Gradient-Brown, linear-gradient(90deg, #4A2B17 0%, #70451C 44.52%, #8F683E 98.55%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 48px;
  line-height: 130%; /* 62.4px */
  letter-spacing: -0.5px;
}
@media only screen and (max-width: 1280px) {
  .footer .main .top .left .title_def {
    font-size: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .footer .main .top .left .title_def {
    font-size: 25px;
    line-height: 120%;
    text-align: center;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .footer .main .top .left .title_def {
    font-size: 22px;
    padding-top: 5px !important;
  }
}
.footer .main .top .left p {
  color: var(--GRAY-body-text, #606060);
  letter-spacing: 0.2px;
  font-size: 14px;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.2px;
  font-family: "SVN-Gotham-Book.otf";
}
.footer .main .top .right {
  width: 36.974789916%;
}
@media only screen and (max-width: 768px) {
  .footer .main .top .right {
    width: 100%;
  }
}
.footer .main .top .right .frm_msg {
  font-style: italic;
  font-family: "SVN-Gotham-Book.otf";
  background: var(--Gradient-Brown, linear-gradient(90deg, #4A2B17 0%, #70451C 44.52%, #8F683E 98.55%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 12px;
  text-align: center;
}
.footer .main .top .right ._form_group {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.footer .main .top .right ._form_group ._error_msg {
  position: absolute;
  left: 0;
  top: 100%;
  font-style: italic;
  font-family: "SVN-Gotham-Book.otf";
  background: var(--Gradient-Brown, linear-gradient(90deg, #4A2B17 0%, #70451C 44.52%, #8F683E 98.55%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 12px;
}
.footer .main .top .right ._form_group:last-child {
  margin-bottom: 0;
}
.footer .main .top .right ._form_group label, .footer .main .top .right ._form_group .label {
  opacity: 0.7;
  color: var(--GRAY-body-text, #606060);
  font-size: 11px;
  font-style: normal;
  font-weight: 450;
  line-height: 42px; /* 381.818% */
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
.footer .main .top .right ._form_group .label {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer .main .top .right ._form_group input {
  width: 100%;
  outline: none;
  display: block;
  border-radius: 0;
  border: 0;
  border-bottom: rgba(96, 96, 96, 0.7019607843) solid 1px;
  height: 28px;
  padding-bottom: 6px;
  background: transparent;
}
.footer .main .top .right ._form_group input::placeholder {
  color: var(--GRAY-body-text, #606060);
  font-size: 14px;
  font-style: normal;
  font-weight: 450;
  line-height: 22px; /* 157.143% */
  letter-spacing: 0.57px;
}
.footer .main .top .right .button_def {
  margin-top: 48px;
  background: var(--Gradient-Brown, linear-gradient(90deg, #4A2B17 0%, #70451C 44.52%, #8F683E 98.55%));
  color: #fff;
  border: 0;
  width: 216.52px;
  padding: 13px 0px 14px;
}
@media only screen and (max-width: 768px) {
  .footer .main .top .right .button_def {
    margin: 40px auto 0;
    display: block;
  }
}
@media only screen and (min-width: 1025px) {
  .footer .main .top .right .button_def:hover {
    letter-spacing: 1px;
  }
}
.footer .main .top .right .button_def:after, .footer .main .top .right .button_def:before {
  display: none;
}
.footer .main .bottom {
  display: flex;
  margin-top: 60px;
}
@media only screen and (max-width: 768px) {
  .footer .main .bottom {
    flex-direction: column;
  }
}
.footer .main .bottom .label {
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 21px; /* 161.538% */
  text-transform: uppercase;
  background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 16px;
}
@media only screen and (max-width: 768px) {
  .footer .main .bottom .label {
    margin-bottom: 5px;
  }
}
.footer .main .bottom .item1 {
  width: 36.8067226891%;
}
@media only screen and (max-width: 768px) {
  .footer .main .bottom .item1 {
    width: 100%;
  }
}
.footer .main .bottom .item1 .logo {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .footer .main .bottom .item1 .logo {
    justify-content: center;
  }
}
.footer .main .bottom .item1 .logo a {
  display: inline-block;
  width: 117px;
}
.footer .main .bottom .item1 .logo a:nth-child(2) {
  margin-left: 40px;
  width: 83px;
}
.footer .main .bottom .item1 .logo a img {
  width: 100%;
}
.footer .main .bottom .item1 .flow {
  display: flex;
  align-items: center;
  color: var(--White, #FFF);
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 21px; /* 161.538% */
  text-transform: uppercase;
  margin-top: 27px;
  opacity: 0.8;
}
.footer .main .bottom .item1 .flow a {
  width: 9px;
  display: inline-block;
  margin-left: 17px;
}
.footer .main .bottom .item1 .flow a img {
  width: 100%;
}
.footer .main .bottom .item2 {
  width: 36.974789916%;
  padding-right: 110px;
  font-size: 13px;
}
@media only screen and (max-width: 1280px) {
  .footer .main .bottom .item2 {
    padding-right: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .footer .main .bottom .item2 {
    width: 100%;
    padding-right: 0;
    margin: 30px 0;
  }
}
.footer .main .bottom .item2 p {
  margin-bottom: 12px;
}
@media only screen and (max-width: 576px) {
  .footer .main .bottom .item2 p {
    margin-bottom: 8px;
  }
}
.footer .main .bottom .item2 p:last-child {
  margin-bottom: 0;
}
.footer .main .bottom .item2 strong {
  opacity: 0.8;
}
.footer .main .bottom .item2 span {
  opacity: 0.8;
  font-family: "SVN-Gotham-Book.otf";
  color: #fff;
}
.footer .main .bottom .item3 {
  width: 26.218487395%;
}
@media only screen and (max-width: 768px) {
  .footer .main .bottom .item3 {
    width: 100%;
  }
}
.footer .main .bottom .item3 p {
  font-size: 13px;
  opacity: 0.8;
  font-family: "SVN-Gotham-Book.otf";
}
.footer .coppy {
  background: rgba(8, 21, 44, 0.8);
  opacity: 0.6;
  font-size: 11px;
  line-height: 21px; /* 190.909% */
  letter-spacing: 1px;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  padding: 10px 0 9px;
  font-family: "SVN-Gotham-Book.otf";
}

.h_ss1 {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}
@media only screen and (max-width: 768px) {
  .h_ss1 {
    margin-top: 70px;
    height: auto;
    display: flex;
    flex-direction: column-reverse;
  }
}
.h_ss1:after {
  background: linear-gradient(180deg, #0B102B -39.18%, rgba(11, 16, 43, 0) 67.23%);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 21.375%;
  content: "";
  transform: rotate(180deg);
}
.h_ss1 .abs {
  position: absolute;
  left: 8.6805555556%;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
  .h_ss1 .abs {
    left: unset;
    position: relative;
    top: unset;
    transform: unset;
    padding: 30px 0 10px;
    background: linear-gradient(0deg, #0B102B 0%, #242A4A 137.27%);
  }
}
.h_ss1 .abs .top {
  margin-bottom: 19px;
}
@media only screen and (max-width: 576px) {
  .h_ss1 .abs .top {
    margin-bottom: 10px;
  }
}
.h_ss1 .abs .top p {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 450;
  line-height: 25px; /* 156.25% */
  letter-spacing: 1.6px;
  text-transform: uppercase;
  background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .abs .top p {
    font-size: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss1 .abs .top p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 .abs .top p {
    font-size: 13px;
  }
}
.h_ss1 .abs .top p span {
  background: linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%);
  width: 64px;
  height: 1px;
  display: inline-block;
  margin: 3px 5px 0 0;
}
@media only screen and (max-width: 576px) {
  .h_ss1 .abs .top p span {
    width: 30px;
  }
}
.h_ss1 .abs .top p span:last-child {
  margin: 3px 0px 0 5px;
}
.h_ss1 .abs h2 {
  text-align: center;
  font-family: "Fahkwang-Bold.ttf";
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 124%; /* 74.4px */
  letter-spacing: 1.2px;
  text-transform: uppercase;
  background: linear-gradient(270deg, #D1966F 10.8%, #EDC9AB 86%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .abs h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss1 .abs h2 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 .abs h2 {
    font-size: 25px;
  }
}
.h_ss1 > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  animation: zoomOut 4s ease-in-out;
}

.h_ss2 {
  background: linear-gradient(0deg, #0B102B 0%, #242A4A 137.27%);
  padding-bottom: 66px;
  position: relative;
}
.h_ss2 > p {
  position: absolute;
  left: 13%;
  z-index: 1;
  font-size: 14px;
  font-style: normal;
  font-weight: 450;
  line-height: 160%; /* 22.4px */
  text-transform: uppercase;
  top: -102px;
}
@media only screen and (max-width: 1450px) {
  .h_ss2 > p {
    left: 15%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 > p {
    top: -55px;
    left: 10%;
    font-size: 12px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 > p {
    left: 5%;
  }
}
.h_ss2 > p::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 62px;
  width: 1px;
  height: 80px;
  background: linear-gradient(180deg, rgba(237, 201, 171, 0.3) 0%, #D1966F 100%);
  animation: bounceY 1s ease-in-out infinite;
}
@media only screen and (max-width: 768px) {
  .h_ss2 > p::after {
    height: 50px;
    top: 30px;
  }
}
.h_ss2 .decor_top {
  position: absolute;
  left: 0;
  top: -30%;
}
.h_ss2 .decor_right {
  position: absolute;
  right: 0;
  top: 40%;
  z-index: 1;
}
.h_ss2 .decor_ss2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-height: 50%;
  display: block;
  object-fit: cover;
}
.h_ss2 .item {
  display: flex;
  padding-left: 8.6805555556%;
  padding-right: 4.1666666667%;
  align-items: center;
  padding-top: 144px;
  background: linear-gradient(180deg, #0B102B 0%, #242A4A 137.27%);
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .item {
    padding-left: 30px;
    padding-right: 15px;
    padding-top: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .item {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .item {
    flex-direction: column;
    padding-left: 15px;
  }
}
.h_ss2 .item.nthChild {
  padding-right: 8.6805555556%;
  padding-left: 4.1666666667%;
  flex-direction: row-reverse;
  background: linear-gradient(0deg, #0B102B 0%, #242A4A 137.27%);
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .item.nthChild {
    padding-left: 15px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .item.nthChild {
    flex-direction: column;
    padding-right: 15px;
  }
}
.h_ss2 .item.nthChild .left {
  padding-right: 0;
  padding-left: 64px;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .item.nthChild .left {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .item.nthChild .left {
    width: 100%;
    padding: 25px 0;
  }
}
.h_ss2 .item.nthChild .left > img {
  top: 0;
  left: auto;
  right: 0;
}
.h_ss2 .item.nthChild .left:after {
  top: 11.5px;
  left: auto;
  right: 30px;
}
.h_ss2 .item.nthChild .left > p {
  letter-spacing: unset;
}
.h_ss2 .item.nthChild .right {
  border-radius: 0 30px;
}
.h_ss2 .item.nthChild .right img {
  border-radius: 0 30px;
}
.h_ss2 .item .left {
  width: 41.1952191235%;
  padding-right: 64px;
  padding-top: 80px;
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .item .left {
    padding-right: 30px;
    padding-top: 60px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .item .left {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .item .left {
    width: 100%;
    padding: 25px 0;
  }
}
.h_ss2 .item .left > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}
.h_ss2 .item .left:after {
  top: 11.5px;
  left: 30px;
  width: 100vw;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  content: "";
}
.h_ss2 .item .left h2 {
  background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 18px;
  font-style: normal;
  font-weight: 450;
  line-height: 150%;
  text-transform: uppercase;
  display: flex;
  align-items: flex-end;
  margin-bottom: 2px;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .item .left h2 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .item .left h2 {
    font-size: 14px;
  }
}
.h_ss2 .item .left h2 p {
  font-family: "Fahkwang-Medium.ttf";
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 39.2px */
  letter-spacing: -0.28px;
  padding-left: 6px;
  margin-bottom: -4px;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .item .left h2 p {
    font-size: 24px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .item .left h2 p {
    font-size: 20px;
  }
}
.h_ss2 .item .left > p {
  margin-top: 42px;
  letter-spacing: -0.28px;
  font-family: "SVN-Gotham-Book.otf";
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .item .left > p {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .item .left > p {
    margin-top: 15px;
  }
}
.h_ss2 .item .right {
  width: 58.8047808765%;
  border-radius: 30px 0;
  aspect-ratio: 1.4671968191;
  z-index: 1;
}
@media only screen and (max-width: 576px) {
  .h_ss2 .item .right {
    width: 100%;
  }
}
.h_ss2 .item .right img {
  border-radius: 30px 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  opacity: 1 !important;
}

.h_ss3 {
  position: relative;
}
@media only screen and (max-width: 576px) {
  .h_ss3 {
    display: flex;
    flex-direction: column-reverse;
  }
}
.h_ss3 > img {
  width: 100%;
  display: block;
  object-fit: cover;
}
.h_ss3 .content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 128px 8.6805555556% 0;
  display: flex;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .content {
    padding: 10px 30px 0;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .content {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .content {
    position: relative;
    background: #0B102B;
    flex-direction: column;
  }
}
.h_ss3 .content .left {
  width: 63.025210084%;
  padding-right: 100px;
}
@media only screen and (max-width: 768px) {
  .h_ss3 .content .left {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .content .left {
    width: 100%;
    padding-right: 0;
    margin-bottom: 30px;
  }
}
.h_ss3 .content .left .title_def {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .content .left .title_def {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .content .left .title_def {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .content .left .title_def {
    text-align: center;
  }
}
.h_ss3 .content .left > p {
  margin-bottom: 24px;
  font-family: "SVN-Gotham-Book.otf";
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .content .left > p {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .content .left > p {
    margin-bottom: 10px;
  }
}
.h_ss3 .content .left .list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .content .left .list {
    margin-bottom: 20px;
  }
}
.h_ss3 .content .left .list .item {
  display: flex;
  flex-direction: column;
  margin-right: 42px;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .content .left .list .item {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .content .left .list .item {
    margin-bottom: 5px;
  }
}
.h_ss3 .content .left .list .item:last-child {
  margin-right: 0;
}
.h_ss3 .content .left .list .item p {
  font-size: 14px;
  font-style: normal;
  font-weight: 450;
  line-height: 150%;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .h_ss3 .content .left .list .item p {
    font-size: 13px;
    margin-bottom: 5px;
    line-height: 130%;
  }
}
.h_ss3 .content .left .list .item p:nth-child(2) {
  background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 15px;
}
@media only screen and (max-width: 768px) {
  .h_ss3 .content .left .list .item p:nth-child(2) {
    font-size: 14px;
  }
}
.h_ss3 .content .right {
  width: 36.974789916%;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  font-family: "SVN-Gotham-Book.otf";
}
@media only screen and (max-width: 768px) {
  .h_ss3 .content .right {
    font-size: 13px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .content .right {
    width: 100%;
  }
}
.h_ss3 .content .right strong {
  font-weight: 600;
}
.h_ss3 .content .right li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 12px;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .content .right li {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .content .right li {
    margin-bottom: 5px;
  }
}
.h_ss3 .content .right li:last-child {
  margin-bottom: 0;
}
.h_ss3 .content .right li:after {
  position: absolute;
  top: 10px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
  content: "";
}
@media only screen and (max-width: 576px) {
  .h_ss3 .content .right li:after {
    top: 8px;
  }
}

.js-tooltip-content-path {
  position: absolute;
  max-width: 470px;
  border-radius: 15px;
  padding: 18px 16px 10px;
  font-family: "SVN-Gotham-Book.otf";
  transition: all 0.5s ease;
  color: var(--White, #FFF);
  text-align: center;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  width: max-content;
}
@media (max-width: 1280px) {
  .js-tooltip-content-path {
    max-width: 300px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 576px) {
  .js-tooltip-content-path {
    max-width: 250px;
    font-size: 12px;
    line-height: 160%;
    padding: 10px;
  }
}
.js-tooltip-content-path:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 98%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-bottom: none;
  border-bottom: 20px solid #70451C;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
@media (max-width: 1280px) {
  .js-tooltip-content-path:before {
    display: none;
  }
}
.js-tooltip-content-path.is-visible {
  z-index: 1000;
  opacity: 1;
  background: var(--Gradient-Brown, linear-gradient(90deg, #4A2B17 0%, #70451C 44.52%, #8F683E 98.55%));
}

.h_ss4 {
  background: var(--Gradient-Light, linear-gradient(0deg, #BAB3A2 0%, #E4E0D5 100%));
  padding: 120px 8.6805555556%;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 {
    padding: 60px 30px 80px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 {
    padding: 50px 15px 60px;
  }
}
.h_ss4 .decor_t_ss4 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
}
.h_ss4 .decor_b_ss4 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  display: block;
}
.h_ss4 .top {
  display: flex;
  margin-bottom: 60px;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .top {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .top {
    flex-direction: column;
  }
}
.h_ss4 .top .left {
  width: 57.9831932773%;
}
@media only screen and (max-width: 768px) {
  .h_ss4 .top .left {
    width: 100%;
  }
}
.h_ss4 .top .left .title_def {
  background: var(--Gradient-Brown, linear-gradient(90deg, #4A2B17 0%, #70451C 44.52%, #8F683E 98.55%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 768px) {
  .h_ss4 .top .left .title_def {
    text-align: center;
    margin-bottom: 20px;
  }
}
.h_ss4 .top .right {
  width: 42.0168067227%;
  color: #606060;
  text-align: justify;
  font-family: "SVN-Gotham-Book.otf";
}
@media only screen and (max-width: 768px) {
  .h_ss4 .top .right {
    width: 100%;
  }
}
.h_ss4 .slide {
  margin-bottom: 64px;
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .slide {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .slide {
    margin-bottom: 25px;
    padding-right: 40px;
  }
}
.h_ss4 .slide > img {
  position: absolute;
  right: 0;
  top: 56%;
}
.h_ss4 .slide > svg {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  top: 69%;
  height: 3px;
}
.h_ss4 .slide p {
  color: var(--GRAY-body-text, #606060);
  font-size: 16px;
  font-style: normal;
  font-weight: 450;
  line-height: 160%; /* 25.6px */
  letter-spacing: 0.16px;
  text-transform: uppercase;
  opacity: 0.7;
  transition: all 0.5s ease;
}
@media (max-width: 1440px) {
  .h_ss4 .slide p {
    font-size: 13px;
  }
}
@media (max-width: 576px) {
  .h_ss4 .slide p {
    font-size: 12px;
  }
}
.h_ss4 .slide .swiper-slide {
  padding-bottom: 30px;
  cursor: pointer;
  overflow: unset;
}
@media (max-width: 1280px) {
  .h_ss4 .slide .swiper-slide {
    padding-bottom: 35px;
    height: 19.19px;
  }
}
.h_ss4 .slide .swiper-slide .icon {
  position: absolute;
  top: -20%;
  left: 13%;
  display: flex;
  align-items: center;
  transition: all 0.5s ease;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 1440px) {
  .h_ss4 .slide .swiper-slide .icon {
    left: 15%;
  }
}
@media (max-width: 1024px) {
  .h_ss4 .slide .swiper-slide .icon {
    top: -10%;
    left: 22%;
  }
}
@media (max-width: 768px) {
  .h_ss4 .slide .swiper-slide .icon {
    left: 15%;
  }
}
@media (max-width: 576px) {
  .h_ss4 .slide .swiper-slide .icon {
    top: -8%;
    left: 38%;
  }
}
.h_ss4 .slide .swiper-slide .icon img {
  width: 24px;
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}
@media (max-width: 1440px) {
  .h_ss4 .slide .swiper-slide .icon img {
    width: 18px;
  }
}
@media (max-width: 1024px) {
  .h_ss4 .slide .swiper-slide .icon img {
    width: 14px;
  }
}
@media (max-width: 576px) {
  .h_ss4 .slide .swiper-slide .icon img {
    width: 10px;
  }
}
.h_ss4 .slide .swiper-slide .icon span {
  color: #FFF;
  font-family: "Montserrat-SemiBold.ttf";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.14px;
  text-transform: uppercase;
}
@media (max-width: 1440px) {
  .h_ss4 .slide .swiper-slide .icon span {
    font-size: 10px;
  }
}
@media (max-width: 1024px) {
  .h_ss4 .slide .swiper-slide .icon span {
    font-size: 9px;
  }
}
@media (max-width: 576px) {
  .h_ss4 .slide .swiper-slide .icon span {
    font-size: 7px;
  }
}
.h_ss4 .slide .swiper-slide.active .after {
  opacity: 1;
}
.h_ss4 .slide .swiper-slide.active::after {
  opacity: 0;
}
.h_ss4 .slide .swiper-slide.active p {
  background: var(--Gradient-Brown, linear-gradient(90deg, #4A2B17 0%, #70451C 44.52%, #8F683E 98.55%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.h_ss4 .slide .swiper-slide .after {
  left: 5.5%;
  top: 50%;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.5s ease;
  position: absolute;
}
@media (max-width: 1280px) {
  .h_ss4 .slide .swiper-slide .after {
    left: 5%;
  }
}
.h_ss4 .slide .swiper-slide:after {
  transition: all 0.5s ease;
  content: "";
  position: absolute;
  left: 8%;
  top: 60%;
  width: 12px;
  height: 12px;
  background: #606060;
  border-radius: 50%;
}
.h_ss4 .svg {
  position: relative;
  z-index: 2;
  border-radius: 0 30px;
}
.h_ss4 .svg .btn_zoom {
  position: absolute;
  right: 16px;
  bottom: 3px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 576px) {
  .h_ss4 .svg .btn_zoom {
    left: 10px;
    bottom: 10px;
  }
}
.h_ss4 .svg .btn_zoom .zoom {
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
  position: relative;
}
@media (max-width: 576px) {
  .h_ss4 .svg .btn_zoom .zoom {
    width: 25px;
    height: 25px;
  }
}
.h_ss4 .svg .btn_zoom .zoom:nth-child(1) {
  margin-bottom: 2px;
}
.h_ss4 .svg .btn_zoom .zoom:nth-child(1)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 50%;
  background: #3C2A2A;
  border-radius: 10px;
}
.h_ss4 .svg .btn_zoom .zoom::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 2px;
  background: #3C2A2A;
  border-radius: 10px;
}
.h_ss4 .svg .btn_zoom .zoom img {
  display: block;
}
.h_ss4 .svg .svg-bounce {
  display: inline-block;
  animation: bounce 1s infinite ease-in-out;
}
.h_ss4 .svg .line {
  stroke-dasharray: 8;
  stroke-width: 1px;
  animation: draw22 60s linear infinite;
}
.h_ss4 .svg .line2 {
  stroke-dasharray: 8;
  stroke-width: 1px;
  animation: draw2 60s linear infinite;
}
.h_ss4 .svg .line1 {
  stroke-dasharray: 8;
  stroke-width: 1px;
  animation: draw2 60s linear infinite;
}
.h_ss4 .svg .panzoom {
  height: 100%;
  position: relative;
}
.h_ss4 .svg .panzoom img, .h_ss4 .svg .panzoom svg {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 0 30px;
}
.h_ss4 .svg .panzoom svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.h_ss4 .svg .panzoom svg .path {
  opacity: 0.1;
  transition: all 0.5s ease;
}
.h_ss4 .svg .panzoom svg path {
  transition: all 0.5s ease;
}
.h_ss4 .svg .panzoom svg path.active {
  opacity: 1;
}
.h_ss4 .svg .panzoom svg .round, .h_ss4 .svg .panzoom svg .round1, .h_ss4 .svg .panzoom svg .round2 {
  stroke-dashoffset: 1000;
  stroke-dasharray: 15;
  animation: draw 10s linear infinite;
  opacity: 1;
}
.h_ss4 .svg .panzoom svg .round1 {
  animation: draw 10s linear infinite;
}
.h_ss4 .svg .panzoom svg .round2 {
  animation: draw 7.5s linear infinite;
}
.h_ss4 .svg .panzoom svg .gr_danko {
  position: relative;
  stroke: #fff;
  z-index: 10;
  -webkit-animation: danko_active 1.5s linear infinite;
  -moz-animation: danko_active 1.5s linear infinite;
  -o-animation: danko_active 1.5s linear infinite;
}

.h_ss5 {
  position: relative;
  padding: 133px 8.6805555556% 110px;
  z-index: 2;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 {
    padding: 60px 30px 80px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 {
    padding: 60px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 {
    padding: 50px 15px;
  }
}
.h_ss5 .decor_ss5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  object-fit: cover;
  display: block;
  z-index: -1;
  opacity: 0.75;
}
.h_ss5 .decor_t_ss5 {
  position: absolute;
  top: -10%;
  left: -10%;
  object-fit: cover;
  display: block;
  z-index: -1;
}
.h_ss5 .content {
  display: flex;
  flex-direction: column;
}
.h_ss5 .content .item {
  display: flex;
  flex-direction: column;
}
.h_ss5 .content .item:first-child .title {
  border-top: none;
}
.h_ss5 .content .item .title {
  position: relative;
  padding: 40px 20px 40px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  cursor: pointer;
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .content .item .title {
    padding: 20px 20px 20px 0;
  }
}
.h_ss5 .content .item .title.active:after {
  opacity: 0;
}
.h_ss5 .content .item .title:after, .h_ss5 .content .item .title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 24px;
  height: 2px;
  background: #D9D9D9;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .content .item .title:after, .h_ss5 .content .item .title::before {
    width: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .content .item .title:after, .h_ss5 .content .item .title::before {
    width: 16px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .content .item .title:after, .h_ss5 .content .item .title::before {
    width: 13px;
  }
}
.h_ss5 .content .item .title::after {
  transform: rotate(90deg); /* tạo dấu + */
}
.h_ss5 .content .item .title h3 {
  font-family: "Fahkwang-Medium.ttf";
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 39.2px */
  letter-spacing: -0.28px;
  text-transform: uppercase;
  background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .content .item .title h3 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .content .item .title h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .content .item .title h3 {
    font-size: 15px;
  }
}
.h_ss5 .content .item .exp {
  display: flex;
  padding-bottom: 40px;
}
@media only screen and (max-width: 576px) {
  .h_ss5 .content .item .exp {
    flex-direction: column;
  }
}
.h_ss5 .content .item .exp .left {
  text-align: justify;
  width: 36.8067226891%;
  padding-right: 62px;
  display: flex;
  flex-direction: column;
  font-family: "SVN-Gotham-Book.otf";
}
@media only screen and (max-width: 768px) {
  .h_ss5 .content .item .exp .left {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .content .item .exp .left {
    width: 100%;
    padding-right: 0;
  }
}
.h_ss5 .content .item .exp .left span {
  display: block;
  margin-top: auto;
  font-family: "Fahkwang-Medium.ttf";
  font-size: 60px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 84px */
  letter-spacing: -0.6px;
  text-transform: uppercase;
  opacity: 0.5;
  background: var(--Gradient-Light, linear-gradient(0deg, #BAB3A2 0%, #E4E0D5 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .content .item .exp .left span {
    font-size: 40px;
  }
}
.h_ss5 .content .item .exp .right {
  border-radius: 20px 0;
  width: 63.1932773109%;
}
@media only screen and (max-width: 576px) {
  .h_ss5 .content .item .exp .right {
    width: 100%;
  }
}
.h_ss5 .content .item .exp .right img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 20px 0;
}

.ss56 {
  background: #0B102B;
  position: relative;
  z-index: 1;
}
.ss56 .decor_ss56 {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: -1;
  display: block;
  object-fit: cover;
}
.ss56 .decor_b {
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: -1;
  display: block;
  object-fit: cover;
}

.h_ss6 {
  padding: 0px 0 120px;
  z-index: 1;
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .h_ss6 {
    padding: 0px 0 80px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss6 {
    padding: 0px 0 50px;
  }
}
.h_ss6 .decor_ss6 {
  position: absolute;
  top: -35%;
  object-fit: cover;
  display: block;
  z-index: -1;
  right: 0;
  bottom: 0;
}
.h_ss6 .title_def {
  text-align: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .title_def {
    margin-bottom: 20px;
  }
}
.h_ss6 .swiper .swiper-button-prev, .h_ss6 .swiper .swiper-button-next {
  width: 60px !important;
  top: 50% !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
}
@media only screen and (max-width: 768px) {
  .h_ss6 .swiper .swiper-button-prev, .h_ss6 .swiper .swiper-button-next {
    width: 35px !important;
  }
}
.h_ss6 .swiper .swiper-button-prev:after, .h_ss6 .swiper .swiper-button-next:after {
  display: none;
}
.h_ss6 .swiper .swiper-button-prev svg, .h_ss6 .swiper .swiper-button-next svg {
  width: 100%;
  height: auto;
}
.h_ss6 .swiper .swiper-button-prev {
  left: 0 !important;
}
.h_ss6 .swiper .swiper-button-prev svg {
  transform: rotate(180deg);
}
.h_ss6 .swiper .swiper-button-next {
  right: 0 !important;
}
.h_ss6 .swiper .swiper-button-next {
  right: 0 !important;
}
.h_ss6 .swiper .swiper-slide {
  aspect-ratio: 1.7698113208;
  position: relative;
}
.h_ss6 .swiper .swiper-slide .abs {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 40px 32px;
  width: calc(100% - 80px);
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .h_ss6 .swiper .swiper-slide .abs {
    padding: 0 20px 15px;
    width: calc(100% - 40px);
  }
}
.h_ss6 .swiper .swiper-slide .abs span {
  display: inline-block;
  width: 40px;
  height: 1px;
  background: #FFF;
  margin-bottom: 8px;
}
.h_ss6 .swiper .swiper-slide .abs p {
  color: var(--White, #FFF);
  font-size: 18px;
  font-style: normal;
  font-weight: 450;
  line-height: 150%; /* 27px */
  text-transform: uppercase;
  font-family: "SVN-Gotham-Book.otf";
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .swiper .swiper-slide .abs p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss6 .swiper .swiper-slide .abs p {
    font-size: 15px;
  }
}
.h_ss6 .swiper .swiper-slide:after {
  content: "";
  position: absolute;
  width: 100%;
  opacity: 0.9;
  background: linear-gradient(180deg, rgba(11, 16, 43, 0) 36.11%, #0B102B 97.92%);
  height: 44.9056603774%;
  left: 0;
  bottom: 0;
}
.h_ss6 .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.h_ss10 {
  padding: 120px 4.1666666667%;
  position: relative;
  background: #fff;
  z-index: 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss10 {
    padding: 60px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss10 {
    padding: 50px 15px;
  }
}
.h_ss10 > img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: -1;
}
.h_ss10 .top {
  display: flex;
  align-items: center;
  padding-left: 64px;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1280px) {
  .h_ss10 .top {
    padding-left: 0px;
    margin-bottom: 20px;
  }
}
.h_ss10 .top h2 {
  background: linear-gradient(270deg, #242A4A 0%, #242A4A 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.h_ss10 .top .button {
  display: flex;
  align-items: center;
}
.h_ss10 .top .button .swiper-button-prev, .h_ss10 .top .button .swiper-button-next {
  width: 48px;
  position: relative;
  top: unset !important;
  left: unset !important;
  right: unset !important;
  margin: 0 !important;
}
@media only screen and (max-width: 768px) {
  .h_ss10 .top .button .swiper-button-prev, .h_ss10 .top .button .swiper-button-next {
    width: 32px !important;
  }
}
.h_ss10 .top .button .swiper-button-prev:after, .h_ss10 .top .button .swiper-button-next:after {
  display: none;
}
.h_ss10 .top .button .swiper-button-prev svg, .h_ss10 .top .button .swiper-button-next svg {
  width: 100%;
}
.h_ss10 .top .button .swiper-button-prev {
  margin-right: 20px !important;
}
.h_ss10 .top .button .swiper-button-prev svg {
  transform: rotate(180deg);
}
@media (min-width: 1025px) {
  .h_ss10 .swiper .swiper-slide:hover .img img {
    transform: scale(1.3);
  }
  .h_ss10 .swiper .swiper-slide:hover .exp .see-more span {
    width: 12px;
  }
}
.h_ss10 .swiper .swiper-slide .img {
  border-radius: 30px 0 0 0;
  aspect-ratio: 1.4928571429;
  overflow: hidden;
}
.h_ss10 .swiper .swiper-slide .img img {
  border-radius: 30px 0 0 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: all 0.5s ease;
}
.h_ss10 .swiper .swiper-slide .exp {
  border-radius: 0px 0 30px 0;
  background: var(--Blue, #313654);
  padding: 24px 32px 32px;
}
@media only screen and (max-width: 1280px) {
  .h_ss10 .swiper .swiper-slide .exp {
    padding: 20px 25px 25px;
  }
}
.h_ss10 .swiper .swiper-slide .exp h3 {
  color: #EAE9F7;
  text-align: justify;
  font-size: 15px;
  font-style: normal;
  font-weight: 450;
  line-height: 160%; /* 24px */
  text-transform: uppercase;
  margin-bottom: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width: 1280px) {
  .h_ss10 .swiper .swiper-slide .exp h3 {
    font-size: 14px;
    margin-bottom: 12px;
  }
}
.h_ss10 .swiper .swiper-slide .exp .see-more {
  display: flex;
  align-items: center;
  background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 12px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
  letter-spacing: 0.993px;
  text-transform: uppercase;
}
.h_ss10 .swiper .swiper-slide .exp .see-more span {
  display: inline-block;
  width: 8.696px;
  height: 1px;
  border-radius: 1px;
  background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
  margin-right: 8px;
  margin-top: 2px;
  transition: all 0.5s ease;
}

.h_ss9 {
  background: linear-gradient(0deg, #0B102B 0%, #242A4A 94.46%);
  position: relative;
  z-index: 0;
}
.h_ss9 .decor_t_ss9 {
  width: 100%;
  left: 0;
  top: 0;
  display: block;
  position: absolute;
  z-index: -1;
}
.h_ss9 .decor_b_ss9 {
  width: 100%;
  left: 0;
  bottom: 0;
  display: block;
  position: absolute;
  z-index: -1;
}
.h_ss9 .decor_r_ss9 {
  right: 0;
  top: 35%;
  display: block;
  position: absolute;
  z-index: -1;
}
.h_ss9 > .top {
  padding: 125px 0 136px 8.6805555556%;
  display: flex;
}
@media only screen and (max-width: 1280px) {
  .h_ss9 > .top {
    padding: 80px 0 90px 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss9 > .top {
    flex-direction: column;
    padding: 60px 0 60px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss9 > .top {
    padding: 50px 0 50px 15px;
  }
}
.h_ss9 > .top .left {
  width: 42.8897338403%;
  padding-right: 60px;
}
@media only screen and (max-width: 768px) {
  .h_ss9 > .top .left {
    width: 100%;
    padding-right: 30px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss9 > .top .left {
    padding-right: 15px;
  }
}
.h_ss9 > .top .left .title_def {
  margin-bottom: 48px;
}
@media only screen and (max-width: 1280px) {
  .h_ss9 > .top .left .title_def {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss9 > .top .left .title_def {
    text-align: center;
  }
}
.h_ss9 > .top .left .label {
  color: var(--White, #FFF);
  font-size: 15px;
  font-style: normal;
  font-weight: 450;
  line-height: 150%; /* 22.5px */
  text-transform: uppercase;
  margin-bottom: 24px;
}
@media only screen and (max-width: 1280px) {
  .h_ss9 > .top .left .label {
    margin-bottom: 20px;
  }
}
.h_ss9 > .top .left .logo {
  width: 253px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 1280px) {
  .h_ss9 > .top .left .logo {
    width: 223px;
    margin-bottom: 25px;
  }
}
.h_ss9 > .top .left p {
  text-align: justify;
  margin-bottom: 60px;
  font-family: "SVN-Gotham-Book.otf";
}
@media only screen and (max-width: 1280px) {
  .h_ss9 > .top .left p {
    margin-bottom: 30px;
  }
}
.h_ss9 > .top .left .chu {
  width: 246px;
}
@media only screen and (max-width: 1280px) {
  .h_ss9 > .top .left .chu {
    width: 215px;
  }
}
.h_ss9 > .top .right {
  width: 57.1102661597%;
  border-radius: 30px 0 0 0;
}
@media only screen and (max-width: 768px) {
  .h_ss9 > .top .right {
    width: 100%;
  }
}
.h_ss9 > .top .right img {
  border-radius: 30px 0 0 0;
  width: 100%;
  display: block;
}
.h_ss9 .bottom {
  padding: 0 4.1666666667% 120px;
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .h_ss9 .bottom {
    padding: 0 30px 80px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss9 .bottom {
    padding: 0 30px 60px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss9 .bottom {
    padding: 0 15px 50px;
  }
}
.h_ss9 .bottom .top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 0 46px 64px;
}
@media only screen and (max-width: 1280px) {
  .h_ss9 .bottom .top {
    padding: 0 0 30px 0px;
  }
}
@media (max-width: 820px) {
  .h_ss9 .bottom .left {
    width: 100%;
    text-align: center;
  }
}
.h_ss9 .bottom .left .title {
  color: #63154A;
  font-family: "SVN-CustomSerif-Regular.otf";
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
@media (max-width: 1024px) {
  .h_ss9 .bottom .left .title {
    font-size: 36px;
  }
}
@media (max-width: 576px) {
  .h_ss9 .bottom .left .title {
    font-size: 26px;
  }
}
@media (max-width: 820px) {
  .h_ss9 .bottom .right {
    width: 100%;
  }
}
.h_ss9 .bottom .right .tab {
  display: flex;
  padding-bottom: 11px;
}
@media (max-width: 820px) {
  .h_ss9 .bottom .right .tab {
    padding-bottom: 0;
    align-items: center;
    justify-content: center;
  }
}
.h_ss9 .bottom .right .tab .item {
  position: relative;
  margin-left: 24px;
  padding-left: 25px;
  color: var(--White, #FFF);
  font-family: "SVN-Gotham-Bold.otf";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px; /* 156.25% */
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 0.69;
}
@media only screen and (max-width: 1280px) {
  .h_ss9 .bottom .right .tab .item {
    font-size: 15px;
  }
}
.h_ss9 .bottom .right .tab .item::before {
  position: absolute;
  content: "";
  top: 4px;
  left: 0;
  opacity: 0.69;
  background: #FFF;
  width: 1px;
  height: 16px;
}
.h_ss9 .bottom .right .tab .item:nth-of-type(1) {
  margin-left: 0;
  padding-left: 0;
}
.h_ss9 .bottom .right .tab .item:nth-of-type(1)::before {
  display: none;
}
.h_ss9 .bottom .right .tab .item.active {
  opacity: 1;
  background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 576px) {
  .h_ss9 .bottom .right .tab .item {
    font-size: 14px;
    margin-left: 15px;
    padding-left: 16px;
  }
  .h_ss9 .bottom .right .tab .item::before {
    height: 14px;
  }
}
.h_ss9 .bottom .tab_content {
  display: none;
}
.h_ss9 .bottom .slide_image {
  width: 100%;
  margin-bottom: 20px;
}
.h_ss9 .bottom .slide_image .swiper-slide {
  line-height: 0;
  position: relative;
  border-radius: 30px 0;
}
.h_ss9 .bottom .slide_image .swiper-slide:after {
  border-radius: 30px 0;
  background: linear-gradient(180deg, rgba(11, 16, 43, 0) 12.5%, #0B102B 100%);
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  right: 0;
  height: 39.4117647059%;
}
.h_ss9 .bottom .slide_image .swiper-slide img:not(.icon) {
  width: 100%;
  aspect-ratio: 1318/550;
  object-fit: cover;
  object-position: center;
  border-radius: 30px 0;
}
@media only screen and (max-width: 576px) {
  .h_ss9 .bottom .slide_image .swiper-slide img:not(.icon) {
    aspect-ratio: 1018/550;
  }
}
.h_ss9 .bottom .slide_image .swiper-slide .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75px;
}
@media only screen and (max-width: 768px) {
  .h_ss9 .bottom .slide_image .swiper-slide .icon {
    width: 50px;
  }
}
.h_ss9 .bottom .slide_image .swiper-slide p {
  position: absolute;
  padding: 0 32px 32px;
  width: calc(100% - 64px);
  left: 0;
  bottom: 0;
  color: var(--White, #FFF);
  font-size: 18px;
  font-style: normal;
  font-weight: 450;
  line-height: 150%; /* 21px */
  text-transform: uppercase;
  z-index: 1;
  background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 1280px) {
  .h_ss9 .bottom .slide_image .swiper-slide p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss9 .bottom .slide_image .swiper-slide p {
    padding: 0 15px 10px;
    width: calc(100% - 30px);
    font-size: 15px;
  }
}
.h_ss9 .bottom .slide_thumbs {
  position: relative;
  width: 100%;
  line-height: 0;
  margin-top: 8px;
}
.h_ss9 .bottom .slide_thumbs .swiper-button-next, .h_ss9 .bottom .slide_thumbs .swiper-button-prev {
  width: 32px !important;
  height: 32px !important;
  top: 50% !important;
  transform: translateY(-50%);
  margin-top: unset !important;
}
.h_ss9 .bottom .slide_thumbs .swiper-button-next:after, .h_ss9 .bottom .slide_thumbs .swiper-button-prev:after {
  display: none;
}
.h_ss9 .bottom .slide_thumbs .swiper-button-next {
  right: 0;
}
.h_ss9 .bottom .slide_thumbs .swiper-button-prev {
  left: 0;
}
.h_ss9 .bottom .slide_thumbs .swiper-button-prev svg {
  transform: rotate(180deg);
}
.h_ss9 .bottom .slide_thumbs .swiper-slide {
  position: relative;
  overflow: hidden;
}
.h_ss9 .bottom .slide_thumbs .swiper-slide::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 3px solid #EDC9AB;
  transform: scale(0.85);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
@media (max-width: 1024px) {
  .h_ss9 .bottom .slide_thumbs .swiper-slide::before {
    border: 2px solid #EDC9AB;
  }
}
.h_ss9 .bottom .slide_thumbs .swiper-slide:after {
  background: linear-gradient(180deg, rgba(11, 16, 43, 0) 12.5%, #0B102B 100%);
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  right: 0;
  height: 60%;
}
.h_ss9 .bottom .slide_thumbs .swiper-slide img {
  width: 100%;
  aspect-ratio: 340/212;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1024px) {
  .h_ss9 .bottom .slide_thumbs .swiper-slide img {
    aspect-ratio: 260/150;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss9 .bottom .slide_thumbs .swiper-slide img {
    aspect-ratio: 200/150;
  }
}
.h_ss9 .bottom .slide_thumbs .swiper-slide p {
  position: absolute;
  padding: 0 20px 16px;
  width: calc(100% - 40px);
  left: 0;
  bottom: 0;
  color: var(--White, #FFF);
  font-size: 14px;
  font-style: normal;
  font-weight: 450;
  line-height: 150%; /* 21px */
  text-transform: uppercase;
  z-index: 1;
}
@media only screen and (max-width: 1280px) {
  .h_ss9 .bottom .slide_thumbs .swiper-slide p {
    font-size: 13px;
    padding: 0 10px 16px;
    width: calc(100% - 20px);
  }
}
@media only screen and (max-width: 768px) {
  .h_ss9 .bottom .slide_thumbs .swiper-slide p {
    font-size: 12px;
    padding: 0 5px 5px;
    width: calc(100% - 10px);
  }
}
.h_ss9 .bottom .slide_thumbs .swiper-slide.swiper-slide-thumb-active::before {
  transform: scale(1);
  opacity: 1;
}
.h_ss9 .bottom .slide_video {
  margin: 0 5.5555555556%;
}
@media (max-width: 1280px) {
  .h_ss9 .bottom .slide_video {
    margin: 0 30px;
  }
}
@media (max-width: 576px) {
  .h_ss9 .bottom .slide_video {
    margin: 0 15px;
  }
}
.h_ss9 .bottom .slide_video .swiper-slide {
  display: inline-block;
}
.h_ss9 .bottom .slide_video .swiper-slide .item {
  position: relative;
  display: inline-block;
  float: left;
  width: 31.25%;
  margin-bottom: 1.5%;
  overflow: hidden;
  line-height: 0;
}
.h_ss9 .bottom .slide_video .swiper-slide .item .thumbnail {
  width: 100%;
  aspect-ratio: 400/260;
  object-fit: cover;
  object-position: center;
  transition: all 0.3s ease;
}
.h_ss9 .bottom .slide_video .swiper-slide .item .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 38px;
}
.h_ss9 .bottom .slide_video .swiper-slide .item:last-child {
  margin-bottom: 0;
}
.h_ss9 .bottom .slide_video .swiper-slide .item:nth-of-type(1) {
  width: 67.1875%;
  margin-bottom: 0;
  margin-right: 1.5625%;
}
.h_ss9 .bottom .slide_video .swiper-slide .item:nth-of-type(1) .thumbnail {
  aspect-ratio: 860/540;
}
.h_ss9 .bottom .slide_video .swiper-slide .item:nth-of-type(1) .icon {
  width: 80px;
}
@media (max-width: 1024px) {
  .h_ss9 .bottom .slide_video .swiper-slide .item:nth-of-type(1) .icon {
    width: 52px;
  }
}
.h_ss9 .bottom .slide_video .swiper-slide .item:hover .thumbnail {
  transform: scale(1.1);
}
@media (max-width: 576px) {
  .h_ss9 .bottom .slide_video .swiper-slide .item {
    width: calc((100% - 6px) / 2);
  }
  .h_ss9 .bottom .slide_video .swiper-slide .item:nth-of-type(1) {
    width: 100%;
    margin: 0 0 6px;
  }
  .h_ss9 .bottom .slide_video .swiper-slide .item:last-child {
    margin-left: 6px;
  }
}
.h_ss9 .bottom .slide_document .swiper-slide {
  box-sizing: border-box;
  background-color: #313654;
  transition: all 0.3s ease;
}
@media (max-width: 576px) {
  .h_ss9 .bottom .slide_document .swiper-slide {
    padding: 15px 15px 22px;
  }
}
.h_ss9 .bottom .slide_document .swiper-slide .thumbnail {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  aspect-ratio: 418/249;
}
.h_ss9 .bottom .slide_document .swiper-slide .thumbnail img {
  width: 138px;
}
@media only screen and (max-width: 768px) {
  .h_ss9 .bottom .slide_document .swiper-slide .thumbnail img {
    width: 70px;
  }
}
.h_ss9 .bottom .slide_document .swiper-slide .text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #EAE9F7;
  font-size: 15px;
  font-style: normal;
  font-weight: 450;
  line-height: 160%; /* 24px */
  text-transform: uppercase;
  padding: 27px 24px 20px;
}
@media only screen and (max-width: 768px) {
  .h_ss9 .bottom .slide_document .swiper-slide .text {
    padding: 15px 10px 10px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss9 .bottom .slide_document .swiper-slide .text img {
    width: 15px;
  }
}
.h_ss9 .bottom .slide_document .swiper-slide:hover {
  background: var(--Gradient-Brown, linear-gradient(90deg, #4A2B17 0%, #70451C 44.52%, #8F683E 98.55%));
}

.h_ss8 .svg-item {
  width: 100%;
  height: auto;
  position: relative;
}
.h_ss8 .svg-item img {
  width: 100%;
  height: auto;
  display: block;
}
.h_ss8 .svg-item.t6 svg {
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}
.h_ss8 .svg-item svg {
  width: 100%;
  height: auto;
  display: block;
}
.h_ss8 .svg-item svg path:not([fill=black]):not([fill="#313654"]) {
  transition: all 0.5s ease;
  opacity: 0;
  cursor: pointer;
}
.h_ss8 .svg-item svg path:not([fill=black]):not([fill="#313654"]).active {
  opacity: 0.75;
}

.h_ss7 {
  position: relative;
  z-index: 0;
}
.h_ss7 .decor_t_ss7 {
  position: absolute;
  left: 0%;
  top: -11%;
  z-index: -1;
  display: block;
}
.h_ss7 .top {
  padding: 0px 4.1666666667% 144px;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss7 .top {
    padding: 0px 30px 80px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss7 .top {
    padding: 0px 15px 50px;
  }
}
.h_ss7 .top .decor_ss7 {
  position: absolute;
  right: 0%;
  bottom: -11%;
  z-index: -1;
  display: block;
}
.h_ss7 .top .title_def {
  text-align: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1280px) {
  .h_ss7 .top .title_def {
    margin-bottom: 20px;
  }
}
.h_ss7 .top .vitri {
  border-radius: 30px 0 0 0;
}
.h_ss7 .top .vitri img, .h_ss7 .top .vitri svg {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 30px 0 0 0;
}
.h_ss7 .top .bottom {
  border-radius: 0 0 30px 0;
  background: var(--Blue, rgba(49, 54, 84, 0.8));
  padding: 32px 64px 42px;
}
@media only screen and (max-width: 1367px) {
  .h_ss7 .top .bottom {
    padding: 20px 15px 25px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss7 .top .bottom {
    padding: 10px 10px 20px;
  }
}
.h_ss7 .top .bottom .top_bottom {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.h_ss7 .top .bottom .top_bottom .title {
  font-size: 20px;
  font-style: normal;
  font-weight: 450;
  line-height: 150%; /* 30px */
  text-transform: uppercase;
  background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 768px) {
  .h_ss7 .top .bottom .top_bottom .title {
    font-size: 16px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss7 .top .bottom .top_bottom .title {
    font-size: 15px;
  }
}
.h_ss7 .top .bottom .top_bottom .button {
  display: flex;
  align-items: center;
}
.h_ss7 .top .bottom .top_bottom .button .swiper-button-prev, .h_ss7 .top .bottom .top_bottom .button .swiper-button-next {
  width: 48px !important;
  position: relative;
  top: unset !important;
  left: unset !important;
  right: unset !important;
  height: auto !important;
  margin: 0 !important;
}
@media only screen and (max-width: 768px) {
  .h_ss7 .top .bottom .top_bottom .button .swiper-button-prev, .h_ss7 .top .bottom .top_bottom .button .swiper-button-next {
    width: 32px !important;
  }
}
.h_ss7 .top .bottom .top_bottom .button .swiper-button-prev:after, .h_ss7 .top .bottom .top_bottom .button .swiper-button-next:after {
  display: none;
}
.h_ss7 .top .bottom .top_bottom .button .swiper-button-prev svg, .h_ss7 .top .bottom .top_bottom .button .swiper-button-next svg {
  width: 100%;
}
.h_ss7 .top .bottom .top_bottom .button .swiper-button-prev {
  margin-right: 20px !important;
}
.h_ss7 .top .bottom .top_bottom .button .swiper-button-prev svg {
  transform: rotate(180deg);
}
.h_ss7 .top .bottom .swiper-slide {
  display: flex;
  flex-wrap: wrap;
}
.h_ss7 .top .bottom .swiper-slide:nth-child(1) .item span:nth-child(1) {
  width: 24px;
  height: 24px;
}
.h_ss7 .top .bottom .swiper-slide:nth-child(1) .item span:nth-child(2) {
  width: calc(100% - 32px);
}
.h_ss7 .top .bottom .swiper-slide .child {
  width: 25%;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1024px) {
  .h_ss7 .top .bottom .swiper-slide .child {
    width: 50%;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss7 .top .bottom .swiper-slide .child {
    width: calc((100% - 10px) / 2);
  }
  .h_ss7 .top .bottom .swiper-slide .child:nth-of-type(2n+1) {
    margin-right: 10px;
  }
}
.h_ss7 .top .bottom .swiper-slide .item {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1280px) {
  .h_ss7 .top .bottom .swiper-slide .item {
    margin-bottom: 12px;
  }
}
.h_ss7 .top .bottom .swiper-slide .item:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  .h_ss7 .top .bottom .swiper-slide .item:last-child {
    margin-bottom: 12px;
  }
}
.h_ss7 .top .bottom .swiper-slide .item span {
  display: inline-block;
}
.h_ss7 .top .bottom .swiper-slide .item span:nth-child(1) {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 6px;
  font-weight: 450;
  line-height: 160%;
  background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
  color: #0B102B;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1367px) {
  .h_ss7 .top .bottom .swiper-slide .item span:nth-child(1) {
    font-size: 13px;
  }
}
.h_ss7 .top .bottom .swiper-slide .item span:nth-child(2) {
  width: calc(100% - 11px);
  color: var(--White, #FFF);
  font-size: 14px;
  font-style: normal;
  line-height: 160%; /* 22.4px */
  font-family: "SVN-Gotham-Book.otf";
}
@media only screen and (max-width: 1367px) {
  .h_ss7 .top .bottom .swiper-slide .item span:nth-child(2) {
    font-size: 13px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss7 .top .bottom .swiper-slide .item span:nth-child(2) {
    line-height: 140%; /* 22.4px */
  }
}
.h_ss7 .mid {
  padding: 0 0 144px 8.6805555556%;
  display: flex;
}
@media only screen and (max-width: 1280px) {
  .h_ss7 .mid {
    padding: 0px 0 80px 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss7 .mid {
    flex-direction: column;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss7 .mid {
    padding: 0px 0 50px 15px;
  }
}
.h_ss7 .mid .left {
  width: 38.174904943%;
  padding-top: 50px;
}
@media only screen and (max-width: 768px) {
  .h_ss7 .mid .left {
    width: 100%;
    padding: 0 30px 0 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss7 .mid .left {
    padding: 0 15px 0 0px;
  }
}
.h_ss7 .mid .left .img {
  width: 167.593px;
  margin-bottom: -40px;
}
@media only screen and (max-width: 1280px) {
  .h_ss7 .mid .left .img {
    width: 130px;
    margin-bottom: -30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss7 .mid .left .img {
    width: 120px;
  }
}
.h_ss7 .mid .left .img img {
  width: 100%;
}
.h_ss7 .mid .left .title_def {
  margin-bottom: 5px;
}
.h_ss7 .mid .left p {
  color: var(--White, #FFF);
  font-size: 22px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
  letter-spacing: 1.98px;
  text-transform: uppercase;
  margin-bottom: 150px;
}
@media only screen and (max-width: 1280px) {
  .h_ss7 .mid .left p {
    font-size: 20px;
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss7 .mid .left p {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss7 .mid .left p {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.h_ss7 .mid .left .button {
  display: flex;
}
.h_ss7 .mid .left .button .swiper-pagination {
  position: relative;
  margin-right: 200px;
  width: auto;
  display: flex;
  align-items: flex-end;
}
@media only screen and (max-width: 1280px) {
  .h_ss7 .mid .left .button .swiper-pagination {
    margin-right: 100px;
  }
}
.h_ss7 .mid .left .button .swiper-pagination span {
  font-family: "Fahkwang-Regular.ttf";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 4px;
  text-transform: uppercase;
}
.h_ss7 .mid .left .button .swiper-pagination span:nth-child(1), .h_ss7 .mid .left .button .swiper-pagination span:nth-child(2) {
  background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.h_ss7 .mid .left .button .swiper-pagination span:nth-child(2) {
  margin: 0 -9px 0 -2px;
}
.h_ss7 .mid .left .button .swiper-pagination span:nth-child(3) {
  color: var(--White, #FFF);
  font-size: 16px;
  letter-spacing: 1.6px;
  margin-bottom: 7px;
}
.h_ss7 .mid .left .button .button_navi {
  display: flex;
  align-items: center;
}
.h_ss7 .mid .left .button .button_navi .swiper-button-prev, .h_ss7 .mid .left .button .button_navi .swiper-button-next {
  width: 48px;
  position: relative;
  top: unset !important;
  left: unset !important;
  right: unset !important;
  height: auto !important;
  margin: 0 !important;
}
@media only screen and (max-width: 768px) {
  .h_ss7 .mid .left .button .button_navi .swiper-button-prev, .h_ss7 .mid .left .button .button_navi .swiper-button-next {
    width: 32px !important;
  }
}
.h_ss7 .mid .left .button .button_navi .swiper-button-prev:after, .h_ss7 .mid .left .button .button_navi .swiper-button-next:after {
  display: none;
}
.h_ss7 .mid .left .button .button_navi .swiper-button-prev svg, .h_ss7 .mid .left .button .button_navi .swiper-button-next svg {
  width: 100%;
}
.h_ss7 .mid .left .button .button_navi .swiper-button-prev {
  margin-right: 20px !important;
}
.h_ss7 .mid .left .button .button_navi .swiper-button-prev svg {
  transform: rotate(180deg);
}
.h_ss7 .mid .right {
  width: 61.825095057%;
}
@media only screen and (max-width: 768px) {
  .h_ss7 .mid .right {
    width: 100%;
  }
}
.h_ss7 .mid .right .swiper .swiper-wrapper {
  align-items: center;
}
.h_ss7 .mid .right .swiper-slide {
  border-radius: 30px 0;
  transition: all 0.5s ease;
}
.h_ss7 .mid .right .swiper-slide .abs {
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 0 0 30px 0;
  padding: 0 32px 25px;
  width: calc(100% - 64px);
  z-index: 1;
}
@media only screen and (max-width: 1280px) {
  .h_ss7 .mid .right .swiper-slide .abs {
    padding: 0 20px 25px;
    width: calc(100% - 40px);
  }
}
@media only screen and (max-width: 576px) {
  .h_ss7 .mid .right .swiper-slide .abs {
    padding: 0 10px 15px;
    width: calc(100% - 20px);
  }
}
.h_ss7 .mid .right .swiper-slide .abs h3 {
  background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 15px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .h_ss7 .mid .right .swiper-slide .abs h3 {
    font-size: 14px;
  }
}
.h_ss7 .mid .right .swiper-slide .abs h3 span {
  font-family: "Fahkwang-Regular.ttf";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 4px;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 6px;
}
@media only screen and (max-width: 1280px) {
  .h_ss7 .mid .right .swiper-slide .abs h3 span {
    font-size: 30px;
    margin-right: 4px;
  }
}
.h_ss7 .mid .right .swiper-slide .abs p {
  padding-top: 14px;
  font-family: "SVN-Gotham-Book.otf";
  transform: scale(0);
}
@media only screen and (max-width: 1280px) {
  .h_ss7 .mid .right .swiper-slide .abs p {
    padding-top: 8px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss7 .mid .right .swiper-slide .abs p {
    font-size: 13px;
  }
}
.h_ss7 .mid .right .swiper-slide.swiper-slide-active img {
  aspect-ratio: 501/516;
}
.h_ss7 .mid .right .swiper-slide.swiper-slide-active .abs p {
  transform: scale(1);
}
.h_ss7 .mid .right .swiper-slide:after {
  border-radius: 30px 0;
  background: linear-gradient(180deg, rgba(11, 16, 43, 0) 48.67%, #0B102B 83.51%);
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 90%;
}
.h_ss7 .mid .right .swiper-slide img {
  width: 100%;
  border-radius: 30px 0;
  object-fit: cover;
  display: block;
  transition: all 0.5s ease;
  aspect-ratio: 681/616;
}
.h_ss7 .bottom_ss {
  padding-bottom: 48px;
}
@media only screen and (max-width: 576px) {
  .h_ss7 .bottom_ss {
    padding-bottom: 10px;
  }
}
.h_ss7 .bottom_ss .title_def {
  text-align: center;
  margin-bottom: 32px;
}
@media only screen and (max-width: 576px) {
  .h_ss7 .bottom_ss .title_def {
    margin-bottom: 20px;
  }
}
.h_ss7 .bottom_ss .tabs {
  display: flex;
  align-items: center;
  justify-content: center;
}
.h_ss7 .bottom_ss .tabs .left, .h_ss7 .bottom_ss .tabs .right {
  cursor: pointer;
  height: 45px;
  width: 210px;
  padding: 0 23px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  color: var(--DARK-BLUE, #0B102B);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 576px) {
  .h_ss7 .bottom_ss .tabs .left, .h_ss7 .bottom_ss .tabs .right {
    height: 40px;
    width: 175px;
  }
}
.h_ss7 .bottom_ss .tabs .left.active img, .h_ss7 .bottom_ss .tabs .right.active img {
  transform: rotate(180deg);
}
.h_ss7 .bottom_ss .tabs .left.active .down, .h_ss7 .bottom_ss .tabs .right.active .down {
  opacity: 1;
}
.h_ss7 .bottom_ss .tabs .left > p, .h_ss7 .bottom_ss .tabs .right > p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
}
@media (max-width: 1366px) {
  .h_ss7 .bottom_ss .tabs .left > p, .h_ss7 .bottom_ss .tabs .right > p {
    font-size: 13px;
  }
}
@media (max-width: 1024px) {
  .h_ss7 .bottom_ss .tabs .left > p, .h_ss7 .bottom_ss .tabs .right > p {
    font-size: 12px;
  }
}
.h_ss7 .bottom_ss .tabs .left > p span, .h_ss7 .bottom_ss .tabs .right > p span {
  font-weight: bold;
}
.h_ss7 .bottom_ss .tabs .left img, .h_ss7 .bottom_ss .tabs .right img {
  width: 16px;
  transition: all 0.5s ease;
}
@media (max-width: 1024px) {
  .h_ss7 .bottom_ss .tabs .left img, .h_ss7 .bottom_ss .tabs .right img {
    width: 13px;
  }
}
.h_ss7 .bottom_ss .tabs .left .down, .h_ss7 .bottom_ss .tabs .right .down {
  position: absolute;
  left: 0;
  top: 100%;
  width: calc(100% + 1px);
  background: linear-gradient(0deg, #0B102B 0%, #242A4A 137.27%);
  border: #fff solid 1px;
  color: #232525;
  border-top: none;
  text-transform: capitalize;
  opacity: 0;
  font-family: "Fahkwang-Regular.ttf";
  font-size: 13px;
}
@media (max-width: 1024px) {
  .h_ss7 .bottom_ss .tabs .left .down, .h_ss7 .bottom_ss .tabs .right .down {
    font-size: 11px;
  }
}
.h_ss7 .bottom_ss .tabs .left .down p, .h_ss7 .bottom_ss .tabs .left .down a, .h_ss7 .bottom_ss .tabs .right .down p, .h_ss7 .bottom_ss .tabs .right .down a {
  border-bottom: #fff solid 1px;
  padding: 3px 5px 3px 10px;
  display: block;
  color: #fff;
  min-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.h_ss7 .bottom_ss .tabs .left .down p:last-child, .h_ss7 .bottom_ss .tabs .left .down a:last-child, .h_ss7 .bottom_ss .tabs .right .down p:last-child, .h_ss7 .bottom_ss .tabs .right .down a:last-child {
  border-bottom: none;
}
.h_ss7 .bottom_ss .tabs .left {
  border-radius: 10px 0 0 0;
  border: 1px solid var(--White, #FFF);
  background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
}
.h_ss7 .bottom_ss .tabs .left .down {
  left: -1px;
}
.h_ss7 .bottom_ss .tabs .left .down a {
  display: block;
  border: 1px solid #C0AB99 !important;
}
.h_ss7 .bottom_ss .tabs .left .down a.is-active {
  display: none;
}
.h_ss7 .bottom_ss .tabs .right {
  border-radius: 0 10px 0 0px;
  border: 1px solid var(--White, #FFF);
  border-left: none;
  background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
}

@media only screen and (max-width: 1024px) {
  .ground-popup .--content .--left .btn-slide-def {
    margin: 30px auto 0px 0px;
  }
}
@media only screen and (max-width: 576px) {
  .ground-popup .--content .--left .btn-slide-def {
    margin: 30px auto 0px;
  }
}
.btn-slide-def .swiper-button-prev img, .btn-slide-def .swiper-button-next img {
  display: block;
  max-width: 50px;
  height: auto;
}

.btn-slide-def .swiper-button-prev {
  margin-right: 28px;
}
@media only screen and (max-width: 576px) {
  .btn-slide-def .swiper-button-prev {
    margin-right: 15px;
  }
}
.btn-slide-def .swiper-button-prev:after {
  display: none;
}

.btn-slide-def .swiper-button-next:after {
  display: none;
}

.btn-slide-def {
  position: relative;
  display: flex;
  width: 128px;
}

.btn-slide-def .swiper-button-prev img {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.mCSB_scrollTools_horizontal {
  height: 10px !important;
}

.mCSB_container {
  width: 150% !important;
  margin-bottom: 0px !important;
}
@media only screen and (max-width: 576px) {
  .mCSB_container {
    width: 200% !important;
    margin-bottom: 0px !important;
  }
}

.mCSB_scrollTools_horizontal {
  background: #DDD;
  border-radius: 16px;
}
.mCSB_scrollTools_horizontal .mCSB_dragger_bar {
  margin: 0 !important;
  height: 100% !important;
  background: #007350 !important;
  border-radius: 0px 0px 10px 0px;
}
@media only screen and (max-width: 1024px) {
  .mCSB_scrollTools_horizontal .mCSB_dragger_bar {
    background: var(--Gradient-Gold, linear-gradient(90deg, #B9835A 0%, #FEDCBD 46.73%, #B9835A 94.47%)) !important;
  }
}

.bgr {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  pointer-events: none;
  background: #000;
  opacity: 0;
  transition: all 0.5s ease;
}
.bgr.active {
  pointer-events: auto;
  opacity: 0.5;
}

.js-tooltip-content {
  position: absolute;
  opacity: 0;
  transition: all 0.5s ease;
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  margin-top: -8px;
  padding: 18px;
  font-family: "SF-Pro-Display-Semibold.otf";
  font-size: 18px;
  color: var(--Green, #007350);
  border-radius: 15px;
}
@media (max-width: 1366px) {
  .js-tooltip-content {
    font-size: 16px;
  }
}
@media (max-width: 1024px) {
  .js-tooltip-content {
    position: fixed;
  }
}
@media (max-width: 768px) {
  .js-tooltip-content {
    font-size: 14px;
  }
}
.js-tooltip-content.is-visible {
  opacity: 1;
  background: #FEDCBD;
}
.js-tooltip-content.is-visible-mb {
  opacity: 1;
  background: #FEDCBD;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  z-index: 100000;
}
.js-tooltip-content:before {
  content: "";
  display: block;
  position: absolute;
  top: 98%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-bottom: none;
  border-top: 15px solid #FEDCBD;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}
@media (max-width: 1024px) {
  .js-tooltip-content:before {
    display: none;
  }
}
.js-tooltip-content ul {
  padding: 0;
  width: max-content;
}
.js-tooltip-content ul li {
  display: flex;
  align-items: center;
  text-align: left;
  margin-bottom: 10px;
}
.js-tooltip-content ul li p {
  margin-left: 3px;
}
.js-tooltip-content > p {
  text-align: center;
}

.js-tooltip-content-path-svg {
  position: absolute;
  opacity: 0;
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  margin-top: -8px;
  color: #fff;
  text-align: left;
  border-radius: 15px;
  padding: 24px;
  z-index: 11;
}
.js-tooltip-content-path-svg ul {
  margin: 0;
  padding: 0;
}
.js-tooltip-content-path-svg ul li {
  padding: 0;
  margin: 0 0 8px;
  display: flex;
  font-family: "Fahkwang-Regular.ttf";
}
.js-tooltip-content-path-svg ul li p {
  margin-left: 3px;
  font-weight: bold;
}
.js-tooltip-content-path-svg > p {
  color: var(--Green, #fff);
  font-family: "Fahkwang-Bold.ttf";
}
.js-tooltip-content-path-svg span {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #fff;
  margin: 10px 0 15px;
}
.js-tooltip-content-path-svg.is-visible {
  opacity: 1;
  background: #242A4A;
}
.js-tooltip-content-path-svg:before {
  content: "";
  display: block;
  position: absolute;
  top: 98%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-bottom: none;
  border-top: 15px solid #242A4A;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}
.js-tooltip-content-path-svg i {
  font-style: italic;
  font-size: 13px;
}

.ground-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20000000000000;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  display: none;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.ground-popup.is-active {
  display: block;
}

.ground-popup .--popupClose {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: 0.75;
}

.ground-popup.LK .--content .--left {
  width: 100%;
  border-radius: 20px;
}

.ground-popup .--content .--left .--details {
  padding: 30px 0px 0px;
}
@media (max-width: 768px) {
  .ground-popup .--content .--left .--details {
    padding: 10px 0px 0px;
  }
}
.ground-popup .--content .--left .--details ul {
  margin: 0;
  padding: 0;
  color: #fff;
}
@media (max-width: 576px) {
  .ground-popup .--content .--left .--details ul {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 576px) {
  .ground-popup .--content .--left .--details ul {
    font-size: 13px;
    flex-direction: column;
  }
}
.ground-popup .--content .--left .--details ul li {
  padding: 0;
  margin: 0 0 8px;
  display: flex;
  text-align: left;
  font-family: "SVN-Gotham-Book.otf";
}
@media (max-width: 576px) {
  .ground-popup .--content .--left .--details ul li {
    width: 100%;
  }
}
.ground-popup .--content .--left .--details ul li p {
  margin-left: 3px;
  font-weight: 600;
}

.ground-popup .--content {
  width: 71.5277777778%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: calc(100vh - 100px);
  display: flex;
  z-index: 1;
}

.ground-popup .--content .content {
  width: 100%;
  display: flex;
}
@media only screen and (max-width: 576px) {
  .ground-popup .--content .content {
    display: unset;
    overflow-y: scroll;
  }
}

@media only screen and (max-width: 768px) {
  .ground-popup .--content {
    width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 576px) {
  .ground-popup .--content {
    flex-direction: column;
  }
}
.ground-popup .--content .mCSB_inside > .mCSB_container {
  margin-right: 0px;
}

.ground-popup .--content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  margin: 0 0 0 auto;
  background: linear-gradient(145deg, #1450FC 25.75%, #F3B06C 100%);
}

.ground-popup .--content .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.ground-popup .--content .mCSB_scrollTools {
  width: 6px;
  right: -6px;
}

.ground-popup .--content .--left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 30%;
  float: left;
  background: linear-gradient(0deg, #0B102B 0%, #242A4A 137.27%);
  border-radius: 20px 0px 0px 20px;
  overflow: hidden;
  padding: 60px;
}

@media only screen and (max-width: 1024px) {
  .ground-popup .--content .--left {
    padding: 40px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .ground-popup .--content .--left {
    width: 100%;
    padding: 30px 10px;
    border-radius: 10px 10px 0px 0px;
    overflow: unset;
  }
}
.ground-popup .--content .--left .--title {
  color: #FFF;
  font-family: "Fahkwang-Bold.ttf";
  font-size: 24px;
  line-height: 150%;
  padding-bottom: 15px;
  border-bottom: 1px solid #ffffff;
}

@media only screen and (max-width: 576px) {
  .ground-popup .--content .--left .--title {
    text-align: center;
  }
}
@media only screen and (max-width: 576px) {
  .ground-popup .--content .--left .--details {
    text-align: center;
    padding-top: 30px;
  }
}
.ground-popup .--content .--left .--details p {
  margin-bottom: 12px;
  color: #fff;
}

.ground-popup .--content .--left .--details p:last-child {
  margin-bottom: 0px;
}

.ground-popup .--content .--left .--details p strong {
  font-family: "BeVietnam-SemiBold";
}

.ground-popup .--content .--left .btn-slide-def {
  margin: 60px auto 0px 0px;
}

@media only screen and (max-width: 1024px) {
  .ground-popup .--content .--left .btn-slide-def {
    margin: 30px auto 0px 0px;
  }
}
@media only screen and (max-width: 576px) {
  .ground-popup .--content .--left .btn-slide-def {
    margin: 15px auto 0px;
  }
}
.ground-popup .--content .--left .btn-slide-def .swiper-button-prev img, .ground-popup .--content .--left .btn-slide-def .swiper-button-next img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.ground-popup .--content .--right {
  width: 70%;
  float: left;
  border-radius: 0px 20px 20px 0px;
  overflow: hidden;
  background: #fff;
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ground-popup .--content .--right img {
  max-height: 100%;
}

@media only screen and (max-width: 576px) {
  .ground-popup .--content .--right {
    width: 100%;
    border-radius: 0px 0px 10px 10px;
    height: auto;
    min-height: 50vh;
  }
}
.ground-popup .--content .--right .swiper {
  height: 100%;
}

.ground-popup .--content .--right .swiper .swiper-wrapper {
  height: 100%;
}

.ground-popup .--content .--right .swiper .swiper-wrapper .swiper-slide {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ground-popup .--content .--right .swiper .swiper-wrapper .swiper-slide .--image {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 576px) {
  .ground-popup .--content .--right .swiper .swiper-wrapper .swiper-slide .--image {
    padding: 20px 0px;
  }
}
.ground-popup .--content .--right .swiper .swiper-wrapper .swiper-slide .--image img {
  display: block;
  max-width: 95%;
  height: auto;
  max-height: 95%;
  margin: 0 auto;
  width: auto;
}

.ground-popup .--content .--close {
  position: absolute;
  right: 0;
  top: -30px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
}

@media only screen and (max-width: 576px) {
  .ground-popup .--content .--close {
    top: 0px;
    width: 30px;
    height: 30px;
    background: #fff;
    color: #242A4A;
    z-index: 1111;
  }
}

/*# sourceMappingURL=style.css.map */