@charset "UTF-8";
/*
    Theme Name: Diamond Light
    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: "SVN-FSBenjamin-Bold.otf";
  src: url("./assets/fonts/SVN-FSBenjamin-Bold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-FSBenjamin-Book.otf";
  src: url("./assets/fonts/SVN-FSBenjamin-Book.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-FSBenjamin-Light.otf";
  src: url("./assets/fonts/SVN-FSBenjamin-Light.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-FSBenjamin-Medium.otf";
  src: url("./assets/fonts/SVN-FSBenjamin-Medium.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-FSBenjamin-Regular.otf";
  src: url("./assets/fonts/SVN-FSBenjamin-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-FSBenjamin-SemiBold.otf";
  src: url("./assets/fonts/SVN-FSBenjamin-SemiBold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Quadrian-Regular.ttf";
  src: url("./assets/fonts/Quadrian-Regular.ttf") 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(--Brand-gradient, linear-gradient(33deg, #A75E3E -260.11%, #FBB68A 40.68%, #A75E3E 491.88%));
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: var(--Brand-gradient, linear-gradient(33deg, #A75E3E -260.11%, #FBB68A 40.68%, #A75E3E 491.88%));
}

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;
  color: #FFF;
  font-family: "SVN-FSBenjamin-Book.otf";
  /* BODY TEXT */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  background: #1a0018;
}
@media only screen and (max-width: 1280px) {
  html,
body {
    font-size: 15px;
  }
}
@media only screen and (max-width: 576px) {
  html,
body {
    font-size: 14px;
  }
}

.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);
  }
}
@keyframes opacityKey {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes section1 {
  0% {
    stroke-dashoffset: 1500;
    fill: none;
    stroke: #FDCB9A;
    stroke-width: 1;
  }
  100% {
    stroke-dashoffset: 0;
    fill: #FDCB9A;
    stroke: #FDCB9A;
    stroke-width: 0;
  }
}
@keyframes coccoc-alo-circle-anim {
  0% {
    transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
  }
  50% {
    transform: translate(-50%, -50%) rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
  }
}
@keyframes coccoc-alo-circle-fill-anim {
  0% {
    transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
  }
  50% {
    transform: translate(-50%, -50%) rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
  }
}
.cm-read-more {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--Light, #F7CCA1);
  text-align: justify;
  /* 16R */
  font-family: "SVN-FSBenjamin-Book.otf";
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
}

.cm-title {
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: var(--Brand-gradient, linear-gradient(33deg, #A75E3E -260.11%, #FBB68A 40.68%, #A75E3E 491.88%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  padding: 10px 0 !important;
  margin-bottom: -10px;
}
@media only screen and (max-width: 1280px) {
  .cm-title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .cm-title {
    font-size: 35px;
  }
}
@media only screen and (max-width: 576px) {
  .cm-title {
    font-size: 30px;
  }
}
.cm-title.center {
  text-align: center;
}

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

.header-main-site {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  right: 0;
  display: flex;
  padding: 0px 0 0;
  transition: all 0.5s ease;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .header-main-site {
    height: 100vh;
    flex-direction: column;
    background: #260022;
    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: #260022;
}
.header-main-site.is_active .logo-header {
  width: 60px;
}
.header-main-site.is_active .left ul li:after, .header-main-site.is_active .right ul li:after {
  background: transparent;
}
.header-main-site.hSticky-down {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  transition: all 400ms ease;
  opacity: 0;
  visibility: hidden;
}
.header-main-site .logo-header {
  display: block;
  width: 70px;
  margin: 16px 24px 0;
  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;
}
@media only screen and (max-width: 768px) {
  .header-main-site > .left ul {
    float: none;
  }
}
.header-main-site > .left li:first-child {
  margin-left: 0;
}
@media only screen and (max-width: 768px) {
  .header-main-site > .right {
    order: 3;
  }
}
.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% - 142px)/2);
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  transition: all 400ms ease;
}
@media only screen and (max-width: 768px) {
  .header-main-site .left, .header-main-site .right {
    width: auto;
  }
}
.header-main-site ul {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .header-main-site ul {
    flex-direction: column;
  }
}
.header-main-site ul li {
  position: relative;
  padding: 24px 24px 0;
  z-index: 0;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1280px) {
  .header-main-site ul li {
    padding: 24px 18px 0;
  }
}
@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 {
    padding: 30px 24px 0;
  }
  .header-main-site ul li:hover::after {
    height: 150%;
  }
  .header-main-site ul li:hover::before {
    width: 100%;
  }
  .header-main-site ul li:hover a {
    background: var(--Brand-gradient, linear-gradient(33deg, #A75E3E -260.11%, #FBB68A 40.68%, #A75E3E 491.88%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.header-main-site ul li:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
  height: 0%;
  z-index: -2;
  transition: all 0.5s ease;
  opacity: 0.9;
  background: var(--Dark-Purple, #2D0429);
}
.header-main-site ul li:before {
  content: "";
  position: absolute;
  left: 0%;
  top: 0;
  width: 0%;
  height: 2px;
  z-index: -1;
  transition: all 0.5s ease;
  background: var(--Brand-gradient, linear-gradient(33deg, #A75E3E -260.11%, #FBB68A 40.68%, #A75E3E 491.88%));
}
.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(--Purple, #BDB0F2);
  text-transform: uppercase;
  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;
  }
}

.navi-main {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media only screen and (max-width: 576px) {
  .navi-main {
    display: none;
  }
}
.navi-main li a {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  cursor: pointer;
  transition: all 0.5s ease;
  height: 42px;
  position: relative;
  z-index: 0;
}
.navi-main li a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 3px;
  height: 100%;
  z-index: -1;
  transition: all 0.5s ease;
  background: var(--Brand-gradient, #A75E3E);
  opacity: 0;
}
@media only screen and (min-width: 1025px) {
  .navi-main li a:hover {
    padding: 12px 16px 12px 24px;
    background: linear-gradient(90deg, rgba(48, 18, 38, 0) 0%, #301226 100%);
  }
  .navi-main li a:hover:after {
    opacity: 1;
  }
  .navi-main li a:hover p {
    transform: translateX(0) scale(1);
    margin-left: 16px;
    width: auto;
  }
  .navi-main li a:hover .num {
    background: var(--Brand-gradient, linear-gradient(33deg, #A75E3E -260.11%, #FBB68A 40.68%, #A75E3E 491.88%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.navi-main li a .num {
  width: 18px;
  height: 21px;
  display: flex;
  align-items: flex-end;
  color: var(--White, #FFF);
  transition: all 0.5s ease;
}
.navi-main li a p {
  transform: translateX(100%) scale(0);
  transition: all 0.5s ease;
  background: var(--Brand-gradient, linear-gradient(33deg, #A75E3E -260.11%, #FBB68A 40.68%, #A75E3E 491.88%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 0;
}

.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: #260022;
  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.hSticky-down {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  transition: all 400ms ease;
  opacity: 0;
  visibility: hidden;
}
.menu_mb.active_header:after {
  width: 100%;
}
.menu_mb:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background: #ffffff80;
  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 {
  padding: 227px 9.375%;
  display: flex;
  position: relative;
  z-index: 0;
  background-image: url("../main/assets/images/home/bg-ft.png");
  background-size: cover;
  background-position: left top;
}
@media only screen and (max-width: 1280px) {
  .footer {
    padding: 120px 30px;
  }
}
@media only screen and (max-width: 768px) {
  .footer {
    flex-direction: column-reverse;
    padding: 80px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .footer {
    padding: 60px 15px;
  }
}
.footer .left {
  width: 47.0866141732%;
  min-height: 506px;
  padding-right: 24px;
}
@media only screen and (max-width: 768px) {
  .footer .left {
    width: 100%;
    min-height: auto;
    padding-right: 0;
    padding-top: 50px;
  }
}
.footer .left .logo {
  display: flex;
  margin-bottom: 6px;
}
@media only screen and (max-width: 768px) {
  .footer .left .logo {
    justify-content: center;
  }
}
.footer .left .logo .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 60px;
}
@media only screen and (max-width: 576px) {
  .footer .left .logo .item {
    margin-right: 30px;
  }
}
.footer .left .logo .item:nth-child(1) .img img {
  mix-blend-mode: lighten;
}
.footer .left .logo .item:last-child {
  margin-right: 0;
}
.footer .left .logo .item p {
  text-align: center;
  font-family: "SVN-FSBenjamin-SemiBold.otf";
  font-size: 16px;
  font-style: normal;
  line-height: 130%;
  /* 20.8px */
  background: var(--Brand-gradient, linear-gradient(33deg, #A75E3E -260.11%, #FBB68A 40.68%, #A75E3E 491.88%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.footer .left .label {
  color: var(--Purple, #BDB0F2);
  font-family: "SVN-FSBenjamin-SemiBold.otf";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 20.8px */
  text-transform: uppercase;
  margin-bottom: 8px;
  margin-top: 40px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1280px) {
  .footer .left .label {
    margin-top: 30px;
  }
}
.footer .left .label img {
  margin-left: 16px;
}
.footer .left ul {
  display: flex;
  flex-direction: column;
}
.footer .left ul li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.footer .left ul li:last-child {
  margin-bottom: 0;
}
.footer .left ul li .icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.footer .left ul li p {
  width: calc(100% - 24px);
  color: var(--White, #FFF);
}
.footer .left > p {
  color: var(--White, #FFF);
  opacity: 0.5;
  font-size: 14px;
}
.footer .right {
  width: 52.9133858268%;
  padding: 60px;
  min-height: 506px;
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 1280px) {
  .footer .right {
    padding: 30px 30px;
  }
}
@media only screen and (max-width: 768px) {
  .footer .right {
    width: 100%;
    min-height: auto;
  }
}
@media only screen and (max-width: 576px) {
  .footer .right {
    padding: 30px 10px;
  }
}
.footer .right > img {
  position: absolute;
  z-index: -1;
  top: 0;
}
.footer .right > img:nth-child(1) {
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.footer .right > img:nth-child(2) {
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 576px) {
  .footer .right > img:nth-child(2) {
    max-width: 75%;
  }
}
.footer .right h2 {
  text-align: center;
  font-size: 40px;
  line-height: normal;
  background: linear-gradient(90deg, #FFB265 0%, #FFA74E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 26px;
}
@media only screen and (max-width: 1280px) {
  .footer .right h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .footer .right h2 {
    font-size: 25px;
    margin-bottom: 10px;
  }
}
.footer .right > p {
  color: #FFF;
  text-align: center;
  font-size: 16px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 576px) {
  .footer .right > p {
    font-size: 14px;
  }
}
.footer .right .form-field-all {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.footer .right .form-field-all ._form_group {
  width: 100%;
  border-bottom: 1px solid rgba(189, 176, 242, 0.2);
  display: flex;
  padding-bottom: 16px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 576px) {
  .footer .right .form-field-all ._form_group {
    flex-direction: column;
    padding-bottom: 10px;
  }
}
.footer .right .form-field-all ._form_group:nth-child(2), .footer .right .form-field-all ._form_group:nth-child(3) {
  width: calc((100% - 24px)/2);
}
@media only screen and (max-width: 1280px) {
  .footer .right .form-field-all ._form_group:nth-child(2), .footer .right .form-field-all ._form_group:nth-child(3) {
    width: 100%;
  }
}
.footer .right .form-field-all ._form_group:nth-child(3) label {
  width: 38px;
}
@media only screen and (max-width: 1280px) {
  .footer .right .form-field-all ._form_group:nth-child(3) label {
    width: 100px;
  }
}
.footer .right .form-field-all ._form_group:nth-child(3) input {
  width: calc(100% - 54px);
}
@media only screen and (max-width: 1280px) {
  .footer .right .form-field-all ._form_group:nth-child(3) input {
    width: calc(100% - 116px);
  }
}
@media only screen and (max-width: 576px) {
  .footer .right .form-field-all ._form_group:nth-child(3) input {
    width: calc(100% - 00px);
  }
}
.footer .right .form-field-all ._form_group label {
  color: #FFF;
  font-size: 16px;
  margin-right: 16px;
  width: 100px;
  padding-bottom: 3px;
}
@media only screen and (max-width: 576px) {
  .footer .right .form-field-all ._form_group label {
    width: 100%;
    margin-right: 0px;
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.footer .right .form-field-all ._form_group input {
  width: calc(100% - 116px);
  outline: none;
  border: 0;
  background: transparent;
  color: #fff;
  padding: 0;
}
@media only screen and (max-width: 576px) {
  .footer .right .form-field-all ._form_group input {
    width: calc(100% - 0px);
  }
}
.footer .right .form-field-all ._form_group input::placeholder {
  color: var(--White, #FFF);
  font-family: "SVN-FSBenjamin-Regular.otf";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 20.8px */
  opacity: 0.2;
}
@media only screen and (max-width: 1280px) {
  .footer .right .form-field-all ._form_group input::placeholder {
    font-size: 13px;
  }
}
@media only screen and (max-width: 768px) {
  .footer .right .form-field-all ._form_group input::placeholder {
    font-size: 15px;
  }
}
.footer .right .btn_submit_contact {
  margin: 0 auto;
  width: 210px;
  height: 45px;
  padding-top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--Dark-Purple, #2D0429);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 20.8px */
  background-blend-mode: color, normal, normal;
  cursor: pointer;
  border: 0;
  outline: none;
  text-transform: uppercase;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 576px) {
  .footer .right .btn_submit_contact {
    width: 195px;
    height: 40px;
    font-size: 15px;
  }
}
.footer .right .btn_submit_contact img {
  margin-left: 16px;
}
.footer .right .btn_submit_contact img:nth-child(1) {
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.h_ss1 {
  width: 100%;
  height: auto;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .h_ss1 {
    margin-top: 70px;
  }
}
.h_ss1 .abs {
  position: absolute;
  width: max-content;
  text-align: center;
  left: 15%;
  top: 36.4583333333%;
  z-index: 1;
}
@media only screen and (max-width: 576px) {
  .h_ss1 .abs {
    left: 22%;
    top: 92%;
  }
}
.h_ss1 .abs .cm-title-top {
  font-family: "SVN-FSBenjamin-Light.otf";
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  background: var(--Brand-gradient, linear-gradient(38deg, #a75e3e 0%, #fbb68a 40%, #a75e3e 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  padding-top: 5px;
}
.h_ss1 .abs .cm-title-banner {
  width: 275px;
  margin: -15px 0 -65px;
}
@media only screen and (max-width: 576px) {
  .h_ss1 .abs .cm-title-banner {
    width: 230px;
    margin: -15px 0 -52px;
  }
}
.h_ss1 .abs .cm-title:nth-child(1) {
  margin-bottom: -20px;
}
.h_ss1 .abs:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 1px;
  height: 120%;
  background: #FFF;
  opacity: 0.05;
  top: 38%;
}
@media only screen and (max-width: 768px) {
  .h_ss1 .abs:after {
    height: 57%;
  }
}
.h_ss1 .abs p {
  color: var(--Light, #F7CCA1);
  font-family: "SVN-FSBenjamin-Light.otf";
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  line-height: 110%;
  text-transform: uppercase;
  mix-blend-mode: color-dodge;
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .abs p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss1 .abs p {
    font-size: 18px;
  }
}
.h_ss1 .abs p.p {
  margin-top: -5px;
}
@media only screen and (max-width: 768px) {
  .h_ss1 .abs p.p {
    margin-top: -3px;
  }
}
.h_ss1 .abs .down {
  width: max-content;
  margin: 400px auto 0;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.5s ease;
}
@media only screen and (min-width: 1025px) {
  .h_ss1 .abs .down:hover {
    background: var(--Brand-gradient, linear-gradient(33deg, #A75E3E -260.11%, #FBB68A 40.68%, #A75E3E 491.88%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 380px auto 0;
  }
  .h_ss1 .abs .down:hover img {
    opacity: 0.5;
  }
  .h_ss1 .abs .down:hover img.ani {
    opacity: 1;
    transform: scale(1);
    margin: 5px auto 0;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .abs .down {
    margin: 300px auto 0;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss1 .abs .down {
    margin: 190px auto 0;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 .abs .down {
    margin: 20px auto 0;
  }
}
.h_ss1 .abs .down img {
  margin: 14px auto 0;
  display: block;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 576px) {
  .h_ss1 .abs .down img {
    margin: 5px auto 0;
    width: 25px;
  }
}
.h_ss1 .abs .down img.ani {
  opacity: 0;
  transform: scale(0);
  margin: 0px auto 0;
}
.h_ss1 .cm-title-banner svg path {
  stroke-dasharray: 1500;
  stroke-dashoffset: 1500;
  animation: section1 3s linear infinite;
}
.h_ss1 .ani {
  animation: opacityKey 2s linear infinite;
}
.h_ss1 .aniload {
  stroke-dasharray: 1500;
  stroke-dashoffset: 1500;
}
.h_ss1 .aniload.active {
  animation: section1 5s linear forwards;
}
.h_ss1 > .img {
  width: 100%;
  display: block;
  object-fit: cover;
  pointer-events: none;
}
.h_ss1 .decor_left_ss11 {
  position: absolute;
  left: 0;
  bottom: -9px;
  mix-blend-mode: color-dodge;
  width: 22.5%;
}

.h_ss2 {
  width: 100%;
  padding: 120px 9.375% 120px 0;
  display: flex;
  position: relative;
  z-index: 0;
  background: #1a0018;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 {
    padding: 70px 30px 85px 0;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 {
    flex-direction: column-reverse;
    padding: 125px 0px 85px 0;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 {
    padding: 240px 0px 40px 0;
  }
}
.h_ss2 .decor_left_ss1 {
  position: absolute;
  left: 0;
  top: 0%;
  width: 22%;
  z-index: -3;
  mix-blend-mode: color-dodge;
}
.h_ss2 .decor_ss1 {
  position: absolute;
  right: 0;
  top: -65%;
  width: 100%;
  z-index: -1;
  pointer-events: none;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .decor_ss1 {
    top: -55%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .decor_ss1 {
    top: -24%;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .decor_ss1 {
    top: -14.2%;
  }
}
.h_ss2.ani_active .left img.ani_ss2 {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.h_ss2 .left {
  width: 85%;
  margin-right: -16%;
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .left {
    width: 89%;
    margin-right: -28%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .left {
    width: 120%;
    margin-right: 0%;
  }
}
.h_ss2 .left img {
  width: 100%;
  display: block;
}
.h_ss2 .left img.ani_ss2 {
  position: absolute;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  transition: all 2s ease;
  z-index: -6;
  left: 25%;
  top: 5%;
  mix-blend-mode: luminosity;
  max-height: 100%;
  object-fit: cover;
}
.h_ss2 .right {
  width: 28.5823754789%;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .right {
    width: 40.582375%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .right {
    width: 100%;
    padding: 0 30px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .right {
    padding: 0 15px 30px;
  }
}
.h_ss2 .right .title {
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .right .title {
    width: max-content;
    margin: 0 auto;
  }
}
.h_ss2 .right .title:after {
  content: "01";
  position: absolute;
  top: -20px;
  left: 0;
  color: var(--Purple, #da27ff1c);
  font-family: "Great Vibes", cursive;
  font-size: 90px;
  font-style: normal;
  font-weight: 400;
  line-height: 100px;
  mix-blend-mode: overlay;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .right .title:after {
    font-size: 70px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .right .title:after {
    top: -33px;
  }
}
.h_ss2 .right .title .hai {
  position: absolute;
  top: 100px;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 1450px) {
  .h_ss2 .right .title .hai {
    top: 70px;
    width: 150px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .right .title .hai {
    top: 38px;
  }
}
.h_ss2 .right .title .cm-title {
  margin-bottom: -20px;
}
.h_ss2 .right .title .cm-title:nth-child(3) {
  padding-left: 100px !important;
}
.h_ss2 .right .title .cm-title:nth-child(4) {
  padding-left: 24px !important;
}
.h_ss2 .right .title p {
  background: var(--Brand-gradient, linear-gradient(33deg, #A75E3E -260.11%, #FBB68A 40.68%, #A75E3E 491.88%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "SVN-FSBenjamin-Light.otf";
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.h_ss2 .right .title p:nth-child(1) {
  margin-bottom: -17px;
}
.h_ss2 .right .title p:nth-child(5) {
  padding-left: 88px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .right .title p:nth-child(5) {
    margin-top: 8px;
  }
}
.h_ss2 .right > p {
  text-align: justify;
}
.h_ss2 .right .list {
  margin: 16px 0;
  display: flex;
  flex-direction: column;
}
.h_ss2 .right .list .item {
  display: flex;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid var(--Dark-Purple, #2D0429);
  position: relative;
  transition: all 0.5s ease;
}
@media only screen and (min-width: 1025px) {
  .h_ss2 .right .list .item:hover {
    padding: 20px 0 20px 27px;
    border-bottom: 1px solid #FBB68A;
  }
  .h_ss2 .right .list .item:hover > img {
    opacity: 1;
    transform: translateY(-50%) scale(1);
  }
  .h_ss2 .right .list .item:hover p {
    background: var(--Brand-gradient, linear-gradient(33deg, #A75E3E -260.11%, #FBB68A 40.68%, #A75E3E 491.88%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .right .list .item {
    padding: 10px 0;
  }
}
.h_ss2 .right .list .item > img {
  transition: all 0.5s ease;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  height: 100%;
}
.h_ss2 .right .list .item .icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
}
.h_ss2 .right .list .item p {
  width: calc(100% - 24px);
  padding-left: 17px;
  transition: all 0.5s ease;
}

.h_ss3 {
  background: #260023;
  height: 135vh;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .h_ss3:hover .img img {
    transform: scale(1.2);
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 {
    height: auto;
    display: flex;
    flex-direction: column-reverse;
  }
}
.h_ss3 > .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.h_ss3 > .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all 1s ease;
}
.h_ss3 .decor_top_ss3 {
  position: absolute;
  width: 100%;
  left: 0;
  top: -129px;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .decor_top_ss3 {
    top: -90px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .decor_top_ss3 {
    top: -76px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .decor_top_ss3 {
    top: -36px;
  }
}
.h_ss3 .decor_ss3 {
  position: absolute;
  top: 50.5%;
  transform: translate(-50%, -50%);
  left: 50.5%;
  mix-blend-mode: plus-lighter;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .decor_ss3 {
    top: 50%;
    left: 51%;
    width: 380px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .decor_ss3 {
    top: 70%;
    left: 52%;
    width: 280px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .decor_ss3 {
    top: 78%;
    left: 51%;
    width: 150px;
  }
}
.h_ss3 .abs {
  position: absolute;
  bottom: 0;
  right: 9.375%;
  width: 400px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .abs {
    right: 30px;
    width: 400px;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .abs {
    position: relative;
    right: auto;
    width: 100%;
    padding: 40px 30px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .abs {
    padding: 40px 15px 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .abs .title {
    width: max-content;
    margin: 0 auto;
    text-align: center;
  }
}
.h_ss3 .abs .title h3 {
  color: var(--Light, #F7CCA1);
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .abs .title h3 {
    font-size: 35px;
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .abs .title h3 {
    justify-content: center;
  }
}
.h_ss3 .abs .title h3 p {
  border-bottom: #F7CCA1 1px solid;
  margin-right: 16px;
  padding-bottom: 5px;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .abs .title h3 p {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .abs .title h3 p {
    margin-right: 8px;
  }
}
.h_ss3 .abs .title .h3 {
  margin-top: -15px;
}
.h_ss3 .abs .title p {
  color: var(--Light, #F7CCA1);
  font-family: "SVN-FSBenjamin-Light.otf";
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .abs .title p {
    margin-top: -10px;
    font-size: 16px;
  }
}
.h_ss3 .abs .title p:nth-child(3) {
  margin-bottom: 24px;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .abs .title p:nth-child(3) {
    margin-bottom: 15px;
  }
}
.h_ss3 .abs .title p.p {
  text-transform: unset;
}
.h_ss3 .abs > p {
  margin-top: 24px;
}

.h_ss4 {
  background: linear-gradient(180deg, rgba(36, 0, 32, 0) 0%, #240020 100%), linear-gradient(180deg, #190317 0%, rgba(25, 3, 23, 0) 51.2%), lightgray 50%/cover no-repeat;
  background-blend-mode: normal, normal, difference;
  padding: 200px 9.375%;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 {
    padding: 100px 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 {
    padding: 60px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 {
    padding: 60px 15px;
  }
}
.h_ss4 .decor_right_ss4 {
  position: absolute;
  left: 0;
  top: 0;
  mix-blend-mode: color-dodge;
}
.h_ss4 .decor_top_ss4 {
  position: absolute;
  left: 0;
  width: 100%;
  top: -125px;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .decor_top_ss4 {
    top: -90px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .decor_top_ss4 {
    top: -70px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .decor_top_ss4 {
    top: -35px;
  }
}
.h_ss4:after {
  background: linear-gradient(180deg, rgba(36, 0, 32, 0) 0%, #240020 75%), linear-gradient(180deg, #190317 21%, rgba(25, 3, 23, 0) 156.2%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}
.h_ss4 .img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
}
.h_ss4 .content {
  display: flex;
  position: relative;
  flex-direction: column-reverse;
  z-index: 0;
}
.h_ss4 .content .bgr_right {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .h_ss4 .content .bgr_right {
    height: 50%;
    bottom: auto;
    top: 0;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .content .bgr_right {
    height: 70%;
  }
}
.h_ss4 .content .left {
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .h_ss4 .content .left:hover .panzoom img {
    width: 130%;
    height: 130%;
  }
  .h_ss4 .content .left:hover .panzoom svg {
    width: 165%;
    height: 165%;
  }
}
.h_ss4 .content .left .may_top {
  position: absolute;
  right: -85px;
  top: -90px;
  z-index: 4;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .content .left .may_top {
    width: 300px;
    top: -60px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .content .left .may_top {
    right: -30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .content .left .may_top {
    right: -20px;
    width: 210px;
  }
}
.h_ss4 .content .left .may_right {
  position: absolute;
  left: -190px;
  top: -90px;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .content .left .may_right {
    left: -50px;
    top: -78px;
    width: 300px;
  }
}
.h_ss4 .content .left .may_bot {
  position: absolute;
  left: -140px;
  bottom: -80px;
  z-index: 4;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .content .left .may_bot {
    left: -45px;
    bottom: -50px;
    width: 258px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .content .left .may_bot {
    display: none;
  }
}
.h_ss4 .content .left .panzoom {
  aspect-ratio: 1170/530;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .h_ss4 .content .left .panzoom {
    aspect-ratio: 795/597;
  }
}
.h_ss4 .content .left .panzoom img, .h_ss4 .content .left .panzoom svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s ease;
}
.h_ss4 .content .left .panzoom svg, .h_ss4 .content .left .panzoom img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.h_ss4 .content .left .panzoom svg {
  z-index: 1;
  width: 112%;
  height: 112%;
}
.h_ss4 .content .left .panzoom .wrapper {
  position: absolute;
  left: 48%;
  top: 104%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 100%;
  height: 100%;
}
.h_ss4 .content .left .panzoom .wrapper .coccoc-alo-phone {
  background-color: transparent;
  cursor: pointer;
  z-index: 200000 !important;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-transition: visibility 0.5s;
  -moz-transition: visibility 0.5s;
  -o-transition: visibility 0.5s;
  transition: visibility 0.5s;
}
.h_ss4 .content .left .panzoom .wrapper .coccoc-alo-phone .coccoc-alo-ph-circle {
  position: absolute;
  width: 100.746%;
  padding-top: 100.32%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(245, 221, 161, 0) 0%, rgba(245, 221, 161, 0.035) 100%);
  border: 0.5px dashed #dd5600;
  -webkit-animation: coccoc-alo-circle-anim 3.2s infinite ease-in-out;
  -moz-animation: coccoc-alo-circle-anim 3.2s infinite ease-in-out;
  -ms-animation: coccoc-alo-circle-anim 3.2s infinite ease-in-out;
  -o-animation: coccoc-alo-circle-anim 3.2s infinite ease-in-out;
  animation: coccoc-alo-circle-anim 3.2s infinite ease-in-out;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.h_ss4 .content .left .panzoom .wrapper .coccoc-alo-phone .coccoc-alo-ph-circle-fill {
  position: absolute;
  width: 65.111%;
  padding-top: 62.685%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(245, 221, 161, 0) 0%, rgba(245, 221, 161, 0.035) 100%);
  border: 0.5px dashed #dd5600;
  -webkit-animation: coccoc-alo-circle-anim 2.3s infinite ease-in-out;
  -moz-animation: coccoc-alo-circle-anim 2.3s infinite ease-in-out;
  -ms-animation: coccoc-alo-circle-anim 2.3s infinite ease-in-out;
  -o-animation: coccoc-alo-circle-anim 2.3s infinite ease-in-out;
  animation: coccoc-alo-circle-anim 2.3s infinite ease-in-out;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.h_ss4 .content .left .panzoom .wrapper .coccoc-alo-phone .coccoc-alo-ph-img-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 30.051%;
  padding-top: 30.625%;
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(245, 221, 161, 0) 0%, rgba(245, 221, 161, 0.035) 100%);
  border: 0.5px dashed #dd5600;
  -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
  -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
  -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
  -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
}
.h_ss4 .content .svg {
  position: relative;
  z-index: 2;
}
.h_ss4 .content .svg .btn {
  position: absolute;
  right: 30px;
  bottom: 30px;
  display: flex;
  align-items: center;
  height: 38px;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .content .svg .btn {
    right: 15px;
    bottom: 15px;
  }
}
.h_ss4 .content .svg .btn .btn_zoom {
  display: flex;
}
.h_ss4 .content .svg .btn .btn_zoom .zoom {
  width: 38px;
  height: 38px;
  cursor: pointer;
  background: var(--Light, #F7CCA1);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
}
@media only screen and (min-width: 1025px) {
  .h_ss4 .content .svg .btn .btn_zoom .zoom:hover {
    background: var(--Light, #2D0429);
  }
  .h_ss4 .content .svg .btn .btn_zoom .zoom:hover img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
  }
}
.h_ss4 .content .svg .btn .btn_zoom .zoom:nth-child(1) {
  position: relative;
}
.h_ss4 .content .svg .btn .btn_zoom .zoom:nth-child(1):after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  height: 60%;
  width: 1px;
  background: var(--Light, #2D0429);
  opacity: 0.1;
  content: "";
}
.h_ss4 .content .svg .btn .btn_zoom .zoom img {
  display: block;
  transition: all 0.5s ease;
}
.h_ss4 .content .svg .btn .on_map {
  background: var(--Dark-Purple, #2D0429);
  display: flex;
  align-items: center;
  padding: 0px 16px;
  height: 100%;
  color: var(--Light, #F7CCA1);
  margin-left: 1px;
}
.h_ss4 .content .svg .btn .on_map img {
  margin-right: 8px;
  width: 16px;
}
.h_ss4 .content .svg .line {
  stroke-dasharray: 8;
  stroke-width: 1px;
  animation: draw22 50s linear infinite;
}
.h_ss4 .content .right {
  width: 100%;
  display: flex;
  padding: 40px 40px;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .content .right {
    padding: 30px 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .content .right {
    padding: 20px 15px 35px;
    text-align: center;
    flex-direction: column;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .content .right {
    padding: 10px 15px 40px;
  }
}
.h_ss4 .content .right .cm-title {
  line-height: 110%;
  font-size: 50px;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .content .right .cm-title {
    font-size: 35px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .content .right .cm-title {
    font-size: 30px;
  }
}
.h_ss4 .content .right .logo_right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
}
.h_ss4 .content .right > p {
  font-family: "SVN-FSBenjamin-Light.otf";
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  background: var(--Brand-gradient, linear-gradient(33deg, #A75E3E -260.11%, #FBB68A 40.68%, #A75E3E 491.88%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 17px;
  display: flex;
  align-items: flex-end;
  padding-left: 24px;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .content .right > p {
    margin-bottom: 15px;
    line-height: 140%;
    font-size: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .content .right > p {
    padding-left: 0;
    justify-content: center;
  }
}
.h_ss4 .content .right .exp {
  text-align: justify;
  width: 48.547008547%;
  margin-left: auto;
  display: flex;
  align-self: center;
}
@media only screen and (max-width: 768px) {
  .h_ss4 .content .right .exp {
    width: 100%;
  }
}
.h_ss4 .content .right .exp p {
  margin-bottom: 10px;
}
.h_ss4 .content .right .exp p:last-child {
  margin-bottom: 0;
}

.h_ss6 {
  position: relative;
  z-index: 0;
  margin-bottom: -2px;
}
.h_ss6 .decor {
  position: absolute;
  left: 0;
  bottom: 0;
}
.h_ss6 .decor_ss6 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.h_ss6 .top {
  padding: 120px 9.375% 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .top {
    padding: 80px 30px 0;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss6 .top {
    padding: 40px 30px 0px;
    flex-direction: column;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss6 .top {
    padding: 40px 15px 0px;
  }
}
.h_ss6 .top .left {
  width: max-content;
  text-align: right;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .h_ss6 .top .left {
    margin: 0 auto 20px;
  }
}
.h_ss6 .top .left::after {
  content: "41";
  position: absolute;
  left: 1px;
  top: 30px;
  z-index: -1;
  color: var(--Purple, #BDB0F2);
  font-family: "Quadrian-Regular.ttf";
  font-size: 100px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.6;
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .top .left::after {
    font-size: 70px;
    top: 25px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss6 .top .left::after {
    left: -25%;
  }
}
.h_ss6 .top .left .cm-title {
  line-height: 120%;
}
.h_ss6 .top .left p {
  font-family: "SVN-FSBenjamin-Light.otf";
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  background: var(--Brand-gradient, linear-gradient(33deg, #A75E3E -260.11%, #FBB68A 40.68%, #A75E3E 491.88%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: -10px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .top .left p {
    font-size: 18px;
  }
}
.h_ss6 .top .right {
  width: 65.9829059829%;
  text-align: justify;
}
@media only screen and (max-width: 768px) {
  .h_ss6 .top .right {
    width: 100%;
  }
}
.h_ss6 .top .right p {
  margin-bottom: 10px;
}
.h_ss6 .top .right p:last-child {
  margin-bottom: 0;
}
.h_ss6 .content {
  padding: 40px 9.375% 60px;
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .content {
    padding: 30px 30px 50px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss6 .content {
    padding: 30px 15px 50px;
  }
}
.h_ss6 .content .svg img, .h_ss6 .content .svg svg {
  width: 100%;
  display: block;
}
.h_ss6 .content .slide {
  padding: 16px;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 576px) {
  .h_ss6 .content .slide {
    padding: 10px;
  }
}
.h_ss6 .content .slide .bgr {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.h_ss6 .content .slide .slide_top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media only screen and (max-width: 576px) {
  .h_ss6 .content .slide .slide_top {
    margin-bottom: 20px;
  }
}
.h_ss6 .content .slide .slide_top .h4 {
  color: var(--Dark-Purple, #2D0429);
  font-family: "SVN-FSBenjamin-Bold.otf";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .content .slide .slide_top .h4 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss6 .content .slide .slide_top .h4 {
    font-size: 15px;
  }
}
.h_ss6 .content .slide .slide_top .button {
  display: flex;
  align-items: center;
  position: relative;
}
.h_ss6 .content .slide .slide_top .button:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  width: 16px;
  height: 1px;
  background: var(--Dark-Purple, #2D0429);
  opacity: 0.2;
}
.h_ss6 .content .slide .slide_top .button .swiper-button-prev, .h_ss6 .content .slide .slide_top .button .swiper-button-next {
  margin: 0 !important;
  width: 24px !important;
  height: auto !important;
  top: unset !important;
  left: unset !important;
  right: unset !important;
  position: relative !important;
}
.h_ss6 .content .slide .slide_top .button .swiper-button-prev:after, .h_ss6 .content .slide .slide_top .button .swiper-button-next:after {
  display: none;
  position: relative !important;
}
.h_ss6 .content .slide .slide_top .button .swiper-button-prev {
  margin-right: 32px !important;
}
.h_ss6 .content .slide .border {
  padding: 24px;
  border: 1px solid rgba(45, 4, 41, 0.1);
}
@media only screen and (max-width: 576px) {
  .h_ss6 .content .slide .border {
    padding: 15px 5px;
  }
}
.h_ss6 .content .slide .swiper .swiper-slide {
  display: flex;
  flex-wrap: wrap;
}
.h_ss6 .content .slide .swiper .swiper-slide .child {
  width: calc((100%)/3);
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .content .slide .swiper .swiper-slide .child {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss6 .content .slide .swiper .swiper-slide .child {
    width: 50%;
    margin-bottom: 10px;
  }
}
.h_ss6 .content .slide .swiper .swiper-slide .child .span {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  background: var(--Light, #F7CCA1);
  border-radius: 50%;
  color: var(--Dark-Purple, #2D0429);
  font-size: 16px;
  line-height: 110%;
  /* 17.6px */
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .content .slide .swiper .swiper-slide .child .span {
    width: 30px;
    height: 30px;
    margin-right: 8px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss6 .content .slide .swiper .swiper-slide .child .span {
    width: 25px;
    height: 25px;
    margin-right: 5px;
  }
}
.h_ss6 .content .slide .swiper .swiper-slide .child p {
  width: calc(100% - 44px);
  color: var(--Dark-Purple, #2D0429);
  padding-right: 5px;
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .content .slide .swiper .swiper-slide .child p {
    width: calc(100% - 38px);
  }
}
@media only screen and (max-width: 768px) {
  .h_ss6 .content .slide .swiper .swiper-slide .child p {
    width: calc(100% - 30px);
  }
}

.h_ss9 {
  background: linear-gradient(180deg, #2C0728 100%, rgba(44, 7, 40, 0) 100%), linear-gradient(180deg, rgba(69, 0, 63, 0) 0%, #45003F 100%), lightgray 0px 0px/100% 100% no-repeat;
  padding: 120px 9.375% 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss9 {
    padding: 90px 30px 0;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss9 {
    padding: 50px 15px 0;
  }
}
.h_ss9 .top {
  display: flex;
  position: relative;
  z-index: 0;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .h_ss9 .top {
    flex-direction: column;
  }
}
.h_ss9 .top > img {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.h_ss9 .top .left {
  width: 50%;
  padding: 40px;
}
@media only screen and (max-width: 768px) {
  .h_ss9 .top .left {
    width: 100%;
    padding: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss9 .top .left {
    padding: 20px 15px;
  }
}
.h_ss9 .top .left h2 {
  background: linear-gradient(90deg, #FFB265 0%, #FFA74E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 50px;
  line-height: 120%;
  /* 60px */
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .h_ss9 .top .left h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss9 .top .left h2 {
    font-size: 25px;
    text-align: center;
    margin-bottom: 5px;
  }
}
.h_ss9 .top .left h4 {
  color: var(--Purple, #BDB0F2);
  font-family: "SVN-FSBenjamin-Light.otf";
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 24px;
}
@media only screen and (max-width: 1280px) {
  .h_ss9 .top .left h4 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss9 .top .left h4 {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.h_ss9 .top .left .exp p {
  text-align: justify;
  margin-bottom: 10px;
}
.h_ss9 .top .left .exp p:last-child {
  margin-bottom: 0;
}
.h_ss9 .top .right {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 0;
  min-height: 400px;
  overflow: hidden;
  background-blend-mode: multiply, normal;
  mix-blend-mode: lighten;
}
@media only screen and (max-width: 1440px) {
  .h_ss9 .top .right {
    min-height: 370px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss9 .top .right {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss9 .top .right {
    min-height: auto;
    padding: 30px 0;
  }
}
.h_ss9 .top .right img:nth-child(2) {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .h_ss9 .top .right img:nth-child(2) {
    width: auto;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss9 .top .right img:nth-child(2) {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.h_ss9 .bottom {
  background: #2F062B;
  padding: 40px 0 40px 40px;
  position: relative;
}
@media only screen and (max-width: 576px) {
  .h_ss9 .bottom {
    padding: 20px 0 20px 15px;
  }
}
.h_ss9 .bottom:after {
  background: linear-gradient(270deg, #2F062B 0%, rgba(47, 6, 43, 0) 100%);
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 7.4358974359%;
  z-index: 1;
}
.h_ss9 .bottom h4 {
  font-family: "SVN-FSBenjamin-Light.otf";
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 24px;
  background: linear-gradient(90deg, #FFB265 0%, #FFA74E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 24px;
  text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
  .h_ss9 .bottom h4 {
    font-size: 20px;
    margin-bottom: 18px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss9 .bottom h4 {
    font-size: 18px;
    text-align: center;
  }
}
.h_ss9 .bottom .swiper {
  padding-right: 40px;
}
.h_ss9 .bottom .swiper .swiper-slide {
  width: 330px;
  min-height: 92px;
  display: flex;
  align-items: center;
  border-right: 1px solid rgba(189, 176, 242, 0.1);
  padding: 0 32px;
  transition: all 0.5s ease;
}
.h_ss9 .bottom .swiper .swiper-slide:hover {
  background: #240120;
}
.h_ss9 .bottom .swiper .swiper-slide:hover .logo img {
  transform: scale(1.1);
}
.h_ss9 .bottom .swiper .swiper-slide:hover .text h5 {
  color: #F7CCA1;
}
@media only screen and (max-width: 1440px) {
  .h_ss9 .bottom .swiper .swiper-slide {
    width: 308px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss9 .bottom .swiper .swiper-slide {
    width: 280px;
    min-height: 80px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss9 .bottom .swiper .swiper-slide {
    width: 260px;
    min-height: 70px;
  }
}
.h_ss9 .bottom .swiper .swiper-slide .logo {
  width: 73px;
}
.h_ss9 .bottom .swiper .swiper-slide .logo img {
  display: block;
  transition: all 0.5s ease;
}
.h_ss9 .bottom .swiper .swiper-slide .text {
  display: flex;
  flex-direction: column;
  width: calc(100% - 73px);
  padding-left: 24px;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 576px) {
  .h_ss9 .bottom .swiper .swiper-slide .text {
    padding-left: 18px;
  }
}
.h_ss9 .bottom .swiper .swiper-slide .text h5 {
  color: var(--Purple, #BDB0F2);
  font-family: "SVN-FSBenjamin-SemiBold.otf";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 20.8px */
  text-transform: uppercase;
  margin-bottom: 8px;
}
.h_ss9 .bottom .swiper .swiper-slide .text li {
  display: flex;
  align-items: center;
}
.h_ss9 .bottom .swiper .swiper-slide .text li .icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.h_ss9 .bottom .swiper .swiper-slide .text li p {
  width: calc(100% - 24px);
  color: var(--White, #FFF);
}

.h_ss10 {
  position: relative;
  padding: 120px 0;
  background-image: url("../main/assets/images/home/new-bg.png");
  background-size: cover;
  background-position: left bottom;
}
@media only screen and (max-width: 1280px) {
  .h_ss10 {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss10 {
    padding: 40px 0;
  }
}
.h_ss10 .inner_wrap {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
@media only screen and (max-width: 1023px) {
  .h_ss10 .inner_wrap {
    flex-direction: column;
    gap: 40px;
  }
}
.h_ss10 .news {
  width: 49.1666666667%;
  padding-left: 9.375%;
}
@media only screen and (max-width: 1280px) {
  .h_ss10 .news {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 1023px) {
  .h_ss10 .news {
    width: 100%;
    padding: 0 30px;
  }
  .h_ss10 .news .cm-title {
    text-align: center;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss10 .news {
    padding: 0 15px;
  }
}
.h_ss10 .news .list {
  margin: 40px 0 24px;
}
@media only screen and (max-width: 1023px) {
  .h_ss10 .news .list {
    margin: 30px 0 24px;
  }
}
.h_ss10 .news .list .item {
  margin-bottom: 8px;
  display: flex;
}
.h_ss10 .news .list .item .thumbnail {
  width: 30.5410122164%;
  aspect-ratio: 175/115;
  overflow: hidden;
}
.h_ss10 .news .list .item .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1023px) {
  .h_ss10 .news .list .item .thumbnail {
    width: 175px;
    height: 115px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss10 .news .list .item .thumbnail {
    width: 115px;
    height: 90px;
  }
}
.h_ss10 .news .list .item .text {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  padding: 12px 24px;
  border-bottom: 1px solid var(--Dark-Purple, #2D0429);
}
.h_ss10 .news .list .item .text::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
  background-image: url("../main/assets/images/home/new-decor.jpg");
  background-size: cover;
  opacity: 0;
}
@media only screen and (max-width: 576px) {
  .h_ss10 .news .list .item .text {
    padding: 10px 15px;
  }
}
.h_ss10 .news .list .item .text .title {
  position: relative;
  color: var(--Purple, #BDB0F2);
  font-family: "SVN-FSBenjamin-Light.otf";
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 8px;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1280px) {
  .h_ss10 .news .list .item .text .title {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss10 .news .list .item .text .title br {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss10 .news .list .item .text .title {
    font-size: 16px;
  }
}
.h_ss10 .news .list .item .text .date {
  position: relative;
  color: var(--White, #FFF);
  font-family: "SVN-FSBenjamin-Book.otf";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 576px) {
  .h_ss10 .news .list .item .text .date {
    font-size: 14px;
  }
}
.h_ss10 .news .list .item:hover .text {
  border-bottom: 1px solid var(--Light, #F7CCA1);
}
.h_ss10 .news .list .item:hover .text::before {
  opacity: 1;
}
.h_ss10 .news .list .item:hover .text .title {
  color: #F7CCA1;
}
.h_ss10 .library {
  position: relative;
  width: 49.1666666667%;
}
@media only screen and (max-width: 1023px) {
  .h_ss10 .library {
    width: 100%;
  }
}
.h_ss10 .library .top {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1023px) {
  .h_ss10 .library .top {
    padding: 0 30px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss10 .library .top {
    gap: 20px;
    flex-direction: column;
    margin-bottom: 20px;
    justify-content: center;
    align-items: center;
  }
}
.h_ss10 .library .top .cm-title {
  white-space: nowrap;
}
.h_ss10 .library .top .tab {
  display: flex;
}
.h_ss10 .library .top .tab .item {
  color: var(--Purple, #BDB0F2);
  font-family: "SVN-FSBenjamin-Book.otf";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  padding: 0 33px;
  border-right: 1px solid rgba(189, 176, 242, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  white-space: nowrap;
  text-transform: uppercase;
}
.h_ss10 .library .top .tab .item:last-child {
  border-right: 0;
}
.h_ss10 .library .top .tab .item.active, .h_ss10 .library .top .tab .item:hover {
  color: var(--Light, #F7CCA1);
}
@media only screen and (max-width: 1280px) {
  .h_ss10 .library .top .tab .item {
    font-size: 15px;
    padding: 0 20px;
  }
}
.h_ss10 .library .tab_content {
  display: none;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .h_ss10 .library .tab_content {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss10 .library .tab_content {
    padding-left: 15px;
  }
}
.h_ss10 .library .tab_content .slide_image,
.h_ss10 .library .tab_content .slide_document {
  overflow: visible;
  padding-right: 19.0677966102%;
  padding-bottom: 45px;
}
@media only screen and (max-width: 1280px) {
  .h_ss10 .library .tab_content .slide_image,
.h_ss10 .library .tab_content .slide_document {
    padding-right: 30px;
    overflow: hidden;
  }
}
.h_ss10 .library .tab_content .slide_image .swiper-slide,
.h_ss10 .library .tab_content .slide_document .swiper-slide {
  position: relative;
  width: 100%;
  aspect-ratio: 573/482;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .h_ss10 .library .tab_content .slide_image .swiper-slide,
.h_ss10 .library .tab_content .slide_document .swiper-slide {
    aspect-ratio: 16/9;
  }
}
.h_ss10 .library .tab_content .slide_image .swiper-slide > img,
.h_ss10 .library .tab_content .slide_document .swiper-slide > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}
.h_ss10 .library .tab_content .slide_image .swiper-slide > img.icon,
.h_ss10 .library .tab_content .slide_document .swiper-slide > img.icon {
  position: absolute;
  top: 45%;
  left: 45%;
  z-index: 2;
  width: 80px;
  height: 80px;
  object-fit: contain;
}
@media only screen and (max-width: 768px) {
  .h_ss10 .library .tab_content .slide_image .swiper-slide > img.icon,
.h_ss10 .library .tab_content .slide_document .swiper-slide > img.icon {
    width: 40px;
    height: 40px;
  }
}
.h_ss10 .library .tab_content .slide_image .swiper-slide:hover > img,
.h_ss10 .library .tab_content .slide_document .swiper-slide:hover > img {
  transform: scale(1.15);
}
.h_ss10 .library .tab_content .slide_image .navigation,
.h_ss10 .library .tab_content .slide_document .navigation {
  position: absolute;
  right: 19.0677966102%;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (max-width: 1280px) {
  .h_ss10 .library .tab_content .slide_image .navigation,
.h_ss10 .library .tab_content .slide_document .navigation {
    right: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss10 .library .tab_content .slide_image .navigation,
.h_ss10 .library .tab_content .slide_document .navigation {
    right: 15px;
  }
}
.h_ss10 .library .tab_content .slide_image .navigation .swiper-button-prev,
.h_ss10 .library .tab_content .slide_image .navigation .swiper-button-next,
.h_ss10 .library .tab_content .slide_document .navigation .swiper-button-prev,
.h_ss10 .library .tab_content .slide_document .navigation .swiper-button-next {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  width: 24px;
  height: 24px;
}
.h_ss10 .library .tab_content .slide_image .navigation .swiper-button-prev img,
.h_ss10 .library .tab_content .slide_image .navigation .swiper-button-next img,
.h_ss10 .library .tab_content .slide_document .navigation .swiper-button-prev img,
.h_ss10 .library .tab_content .slide_document .navigation .swiper-button-next img {
  width: 100%;
}
.h_ss10 .library .tab_content .slide_image .navigation .swiper-button-prev::after,
.h_ss10 .library .tab_content .slide_image .navigation .swiper-button-next::after,
.h_ss10 .library .tab_content .slide_document .navigation .swiper-button-prev::after,
.h_ss10 .library .tab_content .slide_document .navigation .swiper-button-next::after {
  display: none;
}
.h_ss10 .library .tab_content .slide_image .navigation span,
.h_ss10 .library .tab_content .slide_document .navigation span {
  display: block;
  width: 16px;
  height: 1px;
  background-color: rgba(189, 176, 242, 0.2);
}
.h_ss10 .library .cm-read-more {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
@media only screen and (max-width: 1023px) {
  .h_ss10 .library .cm-read-more {
    left: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss10 .library .cm-read-more {
    left: 15px;
  }
}

.h_ss7 {
  position: relative;
  padding: 60px 0 120px;
  background-image: url("../main/assets/images/home/s7-bg.png");
  background-size: cover;
  background-position: right bottom;
}
@media only screen and (max-width: 1280px) {
  .h_ss7 {
    padding: 60px 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss7 {
    padding: 40px 0 50px;
  }
}
.h_ss7 .title {
  text-align: center;
  font-family: "SVN-FSBenjamin-Light.otf";
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-transform: uppercase;
  background: var(--Brand-gradient, linear-gradient(33deg, #A75E3E -260.11%, #FBB68A 40.68%, #A75E3E 491.88%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 40px;
}
.h_ss7 .title span {
  font-family: "SVN-FSBenjamin-Bold.otf";
  font-weight: 700;
}
.h_ss7 .title br {
  display: none;
}
@media only screen and (max-width: 1280px) {
  .h_ss7 .title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 820px) {
  .h_ss7 .title {
    font-size: 28px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss7 .title br {
    display: block;
  }
}
.h_ss7 .content {
  position: relative;
}
.h_ss7 .content .swiper .swiper-slide {
  position: relative;
  width: 100%;
  aspect-ratio: 970/546;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .h_ss7 .content .swiper .swiper-slide {
    aspect-ratio: 16/9;
  }
}
.h_ss7 .content .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}
.h_ss7 .content .swiper .swiper-slide img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
}
.h_ss7 .content .swiper .swiper-slide .des {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  z-index: 3;
  padding: 24px;
  color: var(--Light, #F7CCA1);
  text-align: center;
  font-family: "SVN-FSBenjamin-Bold.otf";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background: linear-gradient(90deg, rgba(23, 0, 21, 0.12) 0%, rgba(92, 0, 84, 0.2) 51.92%, rgba(23, 0, 21, 0.12) 100%);
  backdrop-filter: blur(4px);
  text-align: center;
  box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  .h_ss7 .content .swiper .swiper-slide .des {
    font-size: 20px;
    padding: 20px;
  }
}
@media only screen and (max-width: 820px) {
  .h_ss7 .content .swiper .swiper-slide .des {
    font-size: 16px;
    padding: 12px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss7 .content .swiper .swiper-slide .des {
    font-size: 14px;
  }
}
.h_ss7 .content .swiper .swiper-slide .des::before {
  position: absolute;
  content: "";
  z-index: 2;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  height: 1px;
  background-color: rgba(251, 182, 138, 0.5);
}
.h_ss7 .content .swiper .swiper-slide .des:after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 1px;
  background-color: rgba(251, 182, 138, 0);
}
.h_ss7 .content .swiper:hover .swiper-slide-active img {
  transform: scale(1.15);
}
.h_ss7 .content .swiper:hover .swiper-slide-next img:nth-of-type(2),
.h_ss7 .content .swiper:hover .swiper-slide-prev img:nth-of-type(2) {
  opacity: 1;
  transform: scale(1.15);
}
.h_ss7 .content .swiper-button-prev,
.h_ss7 .content .swiper-button-next {
  width: 48px;
  height: 48px;
}
.h_ss7 .content .swiper-button-prev::after,
.h_ss7 .content .swiper-button-next::after {
  display: none;
}
.h_ss7 .content .swiper-button-prev {
  left: 9.375%;
}
.h_ss7 .content .swiper-button-next {
  right: 9.375%;
}
.h_ss7 .content .swiper-scrollbar {
  display: block;
  position: relative;
  opacity: 1 !important;
  margin: 40px auto 0;
  width: 79.8611111111% !important;
  height: 2px;
  background: #2D0429;
  top: 0;
  left: 0;
}
.h_ss7 .content .swiper-scrollbar .swiper-scrollbar-drag {
  background: #F7CCA1;
}

.h_ss8 {
  position: relative;
}
.h_ss8 .decor1,
.h_ss8 .decor2 {
  position: absolute;
  z-index: 11;
  width: 100%;
  height: auto;
  left: 0;
  pointer-events: none;
}
.h_ss8 .decor1 {
  top: -10%;
}
@media only screen and (min-width: 1450px) {
  .h_ss8 .decor1 {
    top: -12%;
  }
}
@media only screen and (min-width: 1700px) {
  .h_ss8 .decor1 {
    top: -15%;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss8 .decor1 {
    top: -6%;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss8 .decor1 {
    top: -4%;
  }
}
.h_ss8 .decor2 {
  bottom: -10%;
}
@media only screen and (min-width: 1450px) {
  .h_ss8 .decor2 {
    bottom: -12%;
  }
}
@media only screen and (min-width: 1700px) {
  .h_ss8 .decor2 {
    bottom: -15%;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss8 .decor2 {
    bottom: -6%;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss8 .decor2 {
    bottom: -4%;
  }
}
.h_ss8 .swiper .swiper-slide {
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .h_ss8 .swiper .swiper-slide {
    flex-direction: column;
  }
}
.h_ss8 .swiper .swiper-slide .left {
  width: 35.4166666667%;
  background-image: url("../main/assets/images/home/s8-bg.jpg");
  background-size: cover;
  background-position: left top;
  padding: 160px 5.5555555556% 170px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1280px) {
  .h_ss8 .swiper .swiper-slide .left {
    padding: 130px 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss8 .swiper .swiper-slide .left {
    width: 100%;
    padding: 80px 30px 40px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss8 .swiper .swiper-slide .left {
    padding: 70px 15px 40px;
  }
}
.h_ss8 .swiper .swiper-slide .left .title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}
@media only screen and (max-width: 1280px) {
  .h_ss8 .swiper .swiper-slide .left .title img {
    width: 70px;
  }
}
.h_ss8 .swiper .swiper-slide .left .title h2 {
  color: var(--Dark-Purple, #2D0429);
  font-family: "SVN-FSBenjamin-Book.otf";
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  white-space: nowrap;
}
@media only screen and (max-width: 1280px) {
  .h_ss8 .swiper .swiper-slide .left .title h2 {
    font-size: 40px;
  }
}
.h_ss8 .swiper .swiper-slide .left .subtitle {
  color: var(--Dark-Purple, #2D0429);
  text-align: center;
  font-family: "SVN-FSBenjamin-Light.otf";
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 52px;
}
.h_ss8 .swiper .swiper-slide .left .subtitle span {
  font-family: "SVN-FSBenjamin-Bold.otf";
  font-weight: 700;
}
@media only screen and (max-width: 1280px) {
  .h_ss8 .swiper .swiper-slide .left .subtitle {
    font-size: 20px;
    margin-bottom: 40px;
  }
}
.h_ss8 .swiper .swiper-slide .left .number {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  color: var(--Dark-Purple, #2D0429);
  text-align: center;
  font-family: "SVN-FSBenjamin-Book.otf";
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 52px;
}
.h_ss8 .swiper .swiper-slide .left .number span {
  display: block;
  width: 58px;
  height: 1px;
  background-color: rgba(247, 204, 161, 0.5);
}
@media only screen and (max-width: 1280px) {
  .h_ss8 .swiper .swiper-slide .left .number {
    font-size: 50px;
    margin-bottom: 40px;
  }
  .h_ss8 .swiper .swiper-slide .left .number span {
    width: 40px;
  }
}
.h_ss8 .swiper .swiper-slide .left .des .hightlight {
  display: block;
  color: var(--Dark-Purple, #2D0429);
  text-align: center;
  font-family: "SVN-FSBenjamin-Bold.otf";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 16px;
}
.h_ss8 .swiper .swiper-slide .left .des .exp {
  display: flex;
  flex-direction: column;
  gap: 22px;
  color: var(--Dark-Purple, #2D0429);
  text-align: justify;
  font-family: "SVN-FSBenjamin-Book.otf";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  max-height: 210px;
  overflow: auto;
}
.h_ss8 .swiper .swiper-slide .right {
  flex: 1;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .h_ss8 .swiper .swiper-slide .right {
    width: 100%;
    aspect-ratio: 16/9;
  }
}
.h_ss8 .swiper .swiper-slide .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}
.h_ss8 .swiper .swiper-slide:hover .right img {
  transform: scale(1.1);
}
.h_ss8 .swiper .swiper-button-prev,
.h_ss8 .swiper .swiper-button-next {
  width: 48px;
  height: 48px;
  top: 403px;
  bottom: auto;
  margin: 0;
  transform: translateY(0);
}
.h_ss8 .swiper .swiper-button-prev::after,
.h_ss8 .swiper .swiper-button-next::after {
  display: none;
}
@media only screen and (max-width: 1280px) {
  .h_ss8 .swiper .swiper-button-prev,
.h_ss8 .swiper .swiper-button-next {
    top: 335px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss8 .swiper .swiper-button-prev,
.h_ss8 .swiper .swiper-button-next {
    top: 282px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss8 .swiper .swiper-button-prev,
.h_ss8 .swiper .swiper-button-next {
    top: 275px;
  }
}
.h_ss8 .swiper .swiper-button-prev {
  left: 6.9444444444%;
}
@media only screen and (max-width: 1024px) {
  .h_ss8 .swiper .swiper-button-prev {
    left: calc(50% - 170px);
  }
}
.h_ss8 .swiper .swiper-button-next {
  right: auto;
  left: 26.1805555556%;
}
@media only screen and (max-width: 1280px) {
  .h_ss8 .swiper .swiper-button-next {
    left: 24.3055555556%;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss8 .swiper .swiper-button-next {
    right: calc(50% - 170px);
    left: auto;
  }
}
.h_ss8 .swiper .swiper-pagination {
  width: fit-content;
  bottom: 120px;
  left: 0;
  width: 35.4166666667%;
  align-items: center;
  z-index: 12;
  left: 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss8 .swiper .swiper-pagination {
    bottom: 90px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss8 .swiper .swiper-pagination {
    display: none;
  }
}
.h_ss8 .swiper .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  height: 2px;
  width: 31px;
  background: var(--Light, #F7CCA1);
  margin: 0 2px;
}
.h_ss8 .swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #2D0429;
}

.h_ss5 {
  position: relative;
  padding: 70px 0 0;
  background-image: url("../main/assets/images/home/s5-bg1.png");
  background-size: cover;
  background-position: left bottom;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 {
    padding: 70px 0 0;
  }
}
.h_ss5 .decor1 {
  position: absolute;
  width: 100%;
  height: auto;
  pointer-events: none;
  top: -16.25%;
}
@media only screen and (max-width: 768px) {
  .h_ss5 .decor1 {
    top: -6.25%;
  }
}
.h_ss5 .content {
  position: relative;
  background-blend-mode: multiply, normal;
  mix-blend-mode: lighten;
}
.h_ss5 .content .title {
  position: absolute;
  top: 5.2083333333%;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 3;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .h_ss5 .content .title {
    top: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .content .title {
    position: relative;
  }
}
.h_ss5 .content .title p {
  font-family: "SVN-FSBenjamin-Light.otf";
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  background: var(--Brand-gradient, linear-gradient(33deg, #A75E3E -260.11%, #FBB68A 40.68%, #A75E3E 491.88%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 4px;
}
.h_ss5 .content .title p:last-child {
  text-transform: uppercase;
  position: relative;
  margin-top: 24px;
  padding-top: 24px;
}
.h_ss5 .content .title p:last-child::before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 176px;
  height: 1px;
  background: rgba(247, 204, 161, 0.2);
}
.h_ss5 .content .title p:last-child span {
  font-weight: 700;
  font-family: "SVN-FSBenjamin-Bold.otf";
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .content .title p {
    font-size: 20px;
  }
  .h_ss5 .content .title p:last-child {
    margin-top: 16px;
    padding-top: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss5 .content .title p {
    font-size: 16px;
  }
  .h_ss5 .content .title p:last-child {
    margin-top: 0;
    padding-top: 10px;
  }
}
.h_ss5 .content .img {
  width: 100%;
  transform: scale(1.2);
  transition: all 1.5s ease;
}
.h_ss5 .content .text_decor {
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 38%;
  left: 0;
  text-align: center;
  color: transparent;
  -webkit-text-stroke: 0.5px rgba(255, 178, 101, 0.25);
  mix-blend-mode: hard-light;
  font-family: "SVN-FSBenjamin-Book.otf";
  font-size: 160px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 192px */
  text-transform: uppercase;
  transition: transform 2s ease-in-out;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .content .text_decor {
    font-size: 120px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss5 .content .text_decor {
    font-size: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .content .text_decor {
    font-size: 40px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .content .text_decor {
    top: 58%;
  }
}
.h_ss5 .content .gif {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
  width: 19.0972222222%;
  height: 55%;
  object-fit: cover;
  background-blend-mode: normal, color, normal;
  mix-blend-mode: color-dodge;
}
@media only screen and (max-width: 768px) {
  .h_ss5 .content .gif {
    top: 55%;
  }
}
.h_ss5 .content .decor {
  opacity: 0;
  transition: all 0.5s ease;
  transition-delay: 0.5s;
}
.h_ss5 .content .decor-l-1,
.h_ss5 .content .decor-l-2,
.h_ss5 .content .decor-r-1,
.h_ss5 .content .decor-r-2 {
  position: absolute;
  mix-blend-mode: lighten;
  will-change: transform, opacity;
  transition-delay: 2.5s;
}
.h_ss5 .content .decor-l-1,
.h_ss5 .content .decor-r-1 {
  width: 47.3611111111%;
  max-width: 682px;
  height: auto;
  bottom: 6%;
  filter: brightness(1.15);
  transition: all 2s ease;
}
.h_ss5 .content .decor-l-1 {
  left: -4%;
  transform-origin: bottom right;
  transform: perspective(1200px) rotateZ(-22deg);
}
@media only screen and (min-width: 1550px) {
  .h_ss5 .content .decor-l-1 {
    left: 0;
  }
}
@media only screen and (min-width: 1800px) {
  .h_ss5 .content .decor-l-1 {
    left: 6%;
  }
}
.h_ss5 .content .decor-r-1 {
  left: 57%;
  transform-origin: bottom left;
  transform: perspective(1200px) rotateZ(22deg);
}
@media only screen and (min-width: 1550px) {
  .h_ss5 .content .decor-r-1 {
    left: 59%;
  }
}
.h_ss5 .content .decor-l-2,
.h_ss5 .content .decor-r-2 {
  width: 29.7222222222%;
  max-width: 428px;
  height: auto;
  bottom: 5.5%;
  transition: all 1.5s ease;
}
.h_ss5 .content .decor-l-2 {
  left: 12.9166666667%;
  transform-origin: bottom right;
  transform: perspective(1200px) rotateZ(-22deg);
}
.h_ss5 .content .decor-r-2 {
  right: 12.4305555556%;
  transform-origin: bottom left;
  transform: perspective(1200px) rotateZ(22deg);
}
.h_ss5 .content.active .decor {
  opacity: 1;
}
.h_ss5 .content.active .img {
  transform: scale(1);
}
.h_ss5 .content.active .decor-l-1 {
  transform: perspective(1200px) rotateZ(-6deg);
}
.h_ss5 .content.active .decor-r-1 {
  transform: perspective(1200px) rotateZ(6deg);
}
.h_ss5 .content.active .decor-l-2 {
  transform: perspective(1200px) rotateZ(0);
}
.h_ss5 .content.active .decor-r-2 {
  transform: perspective(1200px) rotateZ(0);
}

.intro_page .btn_submit_contact {
  width: 210px;
  height: 45px;
  padding-top: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--Dark-Purple, #2D0429);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 20.8px */
  cursor: pointer;
  border: 0;
  outline: none;
  text-transform: uppercase;
  position: relative;
  z-index: 0;
  background: linear-gradient(0deg, #F9B488 0%, #F9B488 100%);
}
@media only screen and (max-width: 768px) {
  .intro_page .btn_submit_contact {
    width: 190px;
    height: 40px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .btn_submit_contact {
    width: 195px;
    height: 40px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 1025px) {
  .intro_page .btn_submit_contact:hover {
    background: linear-gradient(0deg, #F9B488 0%, #F9B488 100%);
  }
  .intro_page .btn_submit_contact:hover img {
    margin-left: 20px;
  }
  .intro_page .btn_submit_contact:hover img:nth-child(1) {
    opacity: 0;
  }
}
.intro_page .btn_submit_contact img {
  margin-left: 16px;
  transition: all 0.5s ease;
}
.intro_page .btn_submit_contact img:nth-child(1) {
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 1;
}
.intro_page .ss1 {
  width: 100%;
  height: auto;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .intro_page .ss1 {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss1 {
    padding-bottom: 235px;
  }
}
.intro_page .ss1 .abs {
  position: absolute;
  width: max-content;
  text-align: center;
  right: 8.8194444444%;
  bottom: 20%;
  z-index: 1;
}
@media only screen and (max-width: 1280px) {
  .intro_page .ss1 .abs {
    bottom: 10%;
    right: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss1 .abs {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}
.intro_page .ss1 .abs .cm-title-top {
  font-family: "SVN-FSBenjamin-Regular.otf";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: var(--Brand-gradient, linear-gradient(38deg, #a75e3e 0%, #fbb68a 40%, #a75e3e 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  padding-top: 5px;
}
.intro_page .ss1 .abs .cm-title-banner {
  width: 275px;
  margin: -15px 0 -53px;
}
@media only screen and (max-width: 576px) {
  .intro_page .ss1 .abs .cm-title-banner {
    width: 230px;
    margin: -15px 0 -52px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .ss1 .abs .cm-title-banner {
    margin: -15px 0 -40px;
  }
}
.intro_page .ss1 .abs .cm-title-banner svg {
  width: 100%;
}
.intro_page .ss1 .abs .cm-title {
  font-size: 54px;
}
@media only screen and (max-width: 768px) {
  .intro_page .ss1 .abs .cm-title {
    font-size: 35px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss1 .abs .cm-title {
    font-size: 30px;
  }
}
.intro_page .ss1 .abs .cm-title:nth-child(1) {
  margin-bottom: -20px;
}
.intro_page .ss1 .abs p {
  color: var(--Light, #FBB68A);
  font-family: "SVN-FSBenjamin-Light.otf";
  font-size: 24px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
  text-transform: uppercase;
  mix-blend-mode: color-dodge;
}
@media only screen and (max-width: 1280px) {
  .intro_page .ss1 .abs p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .ss1 .abs p {
    font-size: 18px;
  }
}
.intro_page .ss1 .abs p.p {
  margin-top: -5px;
}
@media only screen and (max-width: 768px) {
  .intro_page .ss1 .abs p.p {
    margin-top: -6px;
  }
}
.intro_page .ss1 path {
  stroke-dasharray: 1500;
  stroke-dashoffset: 1500;
  animation: section1 4s linear infinite;
}
.intro_page .ss1 > .img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.intro_page .ss2 {
  padding: 180px 0 0 9.4444444444%;
  display: flex;
  position: relative;
}
@media only screen and (max-width: 1450px) {
  .intro_page .ss2 {
    padding: 140px 0 40px 9.4444444444%;
  }
}
@media only screen and (max-width: 1280px) {
  .intro_page .ss2 {
    padding: 100px 0 40px 30px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .ss2 {
    flex-direction: column;
    padding: 70px 0 0px 0px;
  }
}
.intro_page .ss2::before {
  width: 732px;
  height: 732px;
  border-radius: 50%;
  opacity: 0.5;
  background: radial-gradient(50% 50% at 50% 50%, #41003A 0%, rgba(65, 0, 58, 0) 100%);
  position: absolute;
  left: -13%;
  top: -190px;
  content: "";
}
@media only screen and (max-width: 768px) {
  .intro_page .ss2::before {
    display: none;
  }
}
.intro_page .ss2 .decor_ss2 {
  position: absolute;
  left: 0;
  width: 100%;
  top: -190px;
}
@media only screen and (max-width: 1450px) {
  .intro_page .ss2 .decor_ss2 {
    top: -144px;
  }
}
@media only screen and (max-width: 1280px) {
  .intro_page .ss2 .decor_ss2 {
    top: -102px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss2 .decor_ss2 {
    top: 0;
  }
}
.intro_page .ss2 .decor_l_ss2 {
  position: absolute;
  left: 0;
  top: -350px;
  mix-blend-mode: color-dodge;
}
@media only screen and (max-width: 1450px) {
  .intro_page .ss2 .decor_l_ss2 {
    top: -295px;
    width: 200px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss2 .decor_l_ss2 {
    width: 120px;
    top: -240px;
  }
}
.intro_page .ss2 .left {
  width: 32.8472222222%;
  margin-right: -17.7%;
}
@media only screen and (max-width: 1450px) {
  .intro_page .ss2 .left {
    width: 37.847222%;
    margin-right: -17.7%;
  }
}
@media only screen and (max-width: 1280px) {
  .intro_page .ss2 .left {
    width: 42.847222%;
    margin-right: -22.7%;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .ss2 .left {
    width: 100%;
    margin-right: 0;
    padding: 0 30px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss2 .left {
    padding: 0 15px;
  }
}
.intro_page .ss2 .left .title {
  font-family: "SVN-FSBenjamin-Regular.otf";
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: var(--Brand-gradient, linear-gradient(33deg, #A75E3E -260.11%, #FBB68A 40.68%, #A75E3E 491.88%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 40px;
  text-transform: uppercase;
  padding-top: 5px;
}
@media only screen and (max-width: 1280px) {
  .intro_page .ss2 .left .title {
    font-size: 35px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .ss2 .left .title {
    text-align: center;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss2 .left .title {
    font-size: 30px;
  }
}
.intro_page .ss2 .left .table {
  margin: 40px 0;
}
@media only screen and (max-width: 1280px) {
  .intro_page .ss2 .left .table {
    margin: 20px 0;
  }
}
.intro_page .ss2 .left .table .row {
  display: flex;
  margin-bottom: 24px;
}
@media only screen and (max-width: 576px) {
  .intro_page .ss2 .left .table .row {
    margin-bottom: 15px;
  }
}
.intro_page .ss2 .left .table .row:last-child {
  margin-bottom: 0;
}
.intro_page .ss2 .left .table .row p {
  font-style: normal;
  line-height: 140%;
  /* 22.4px */
  letter-spacing: 0.32px;
}
.intro_page .ss2 .left .table .row p:nth-child(1) {
  color: #F8B287;
  font-size: 16px;
  width: 130px;
  margin-right: 18px;
}
.intro_page .ss2 .left .table .row p:nth-child(2) {
  width: calc(100% - 148px);
  color: #FFF;
}
.intro_page .ss2 .right {
  width: 84.861111%;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .intro_page .ss2 .right {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss2 .right {
    padding-top: 40px;
  }
}
.intro_page .ss2 .right img:not(.logoicon) {
  width: 100%;
  display: block;
}
.intro_page .ss2 .right .logoicon {
  position: absolute;
  right: 0;
  top: 0%;
  mix-blend-mode: color-dodge;
}
@media only screen and (max-width: 1450px) {
  .intro_page .ss2 .right .logoicon {
    width: 320px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss2 .right .logoicon {
    width: 90px;
  }
}
.intro_page .h_ss4 {
  padding: 144px 9.375% 76px;
  display: flex;
  flex-direction: column;
  background: #1a0018;
}
@media only screen and (max-width: 1450px) {
  .intro_page .h_ss4 {
    padding: 115px 9.375% 76px;
  }
}
@media only screen and (max-width: 1280px) {
  .intro_page .h_ss4 {
    padding: 100px 30px 76px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .h_ss4 {
    padding: 0px 30px 60px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .h_ss4 {
    padding: 0px 15px 60px;
  }
}
.intro_page .h_ss4:after {
  display: none;
}
@media only screen and (max-width: 1450px) {
  .intro_page .h_ss4 .decor_top_ss4 {
    top: -100px;
  }
}
@media only screen and (max-width: 1280px) {
  .intro_page .h_ss4 .decor_top_ss4 {
    top: -50px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .h_ss4 .decor_top_ss4 {
    top: -110px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .h_ss4 .left_title {
    margin-bottom: 20px;
  }
}
.intro_page .h_ss4 .tron {
  position: absolute;
  left: 0;
  bottom: 22%;
  mix-blend-mode: color-dodge;
}
.intro_page .h_ss4::before {
  width: 732px;
  height: 732px;
  border-radius: 50%;
  opacity: 0.5;
  background: radial-gradient(50% 50% at 50% 50%, #41003A 0%, rgba(65, 0, 58, 0) 100%);
  position: absolute;
  left: -13%;
  top: -190px;
  content: "";
}
.intro_page .h_ss4 .content .right {
  padding: 20px 0 40px;
}
@media only screen and (max-width: 1450px) {
  .intro_page .h_ss4 .content .right {
    padding: 0px 0 40px;
  }
}
@media only screen and (max-width: 1280px) {
  .intro_page .h_ss4 .content .right {
    padding: 40px 0;
  }
}
.intro_page .h_ss4 .content .right .left_title p {
  color: var(--Light, #F7CCA1);
  font-size: 24px;
  font-family: "SVN-FSBenjamin-Light.otf";
}
@media only screen and (max-width: 576px) {
  .intro_page .h_ss4 .content .right .left_title p {
    font-size: 20px;
  }
}
.intro_page .h_ss4 .content .right .left_title p:nth-child(1) {
  text-transform: uppercase;
}
.intro_page .h_ss4 .content .right .exp {
  flex-direction: column;
}
.intro_page .h_ss4 .slide {
  padding: 32px 0;
  position: relative;
  z-index: 1;
}
.intro_page .h_ss4 .slide::before {
  background: linear-gradient(270deg, #2F062B 0%, rgba(47, 6, 43, 0) 100%);
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  width: 10%;
  z-index: 1;
  transform: rotate(180deg);
}
.intro_page .h_ss4 .slide:after {
  background: #BDB0F2;
  content: "";
  position: absolute;
  top: 68px;
  left: 0;
  width: calc(100% - 40px);
  height: 1px;
}
.intro_page .h_ss4 .slide > img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.intro_page .h_ss4 .slide .swiper-slide {
  display: flex;
  flex-direction: column;
}
.intro_page .h_ss4 .slide .swiper-slide p {
  text-align: center;
  font-size: 24px;
  background: var(--Brand-gradient, linear-gradient(33deg, #A75E3E -260.11%, #FBB68A 40.68%, #A75E3E 491.88%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 768px) {
  .intro_page .h_ss4 .slide .swiper-slide p {
    font-size: 20px;
  }
}
.intro_page .h_ss4 .slide .swiper-slide .icon {
  width: 27px;
  display: flex;
  align-items: center;
  margin: 8px auto;
  justify-content: center;
  background: #3d0938;
}
.intro_page .h_ss4 .slide .swiper-slide span {
  color: #FFF;
  text-align: center;
  font-size: 16px;
}
@media only screen and (max-width: 768px) {
  .intro_page .h_ss4 .slide .swiper-slide span {
    font-size: 14px;
  }
}
.intro_page .h_ss4 .content_bottom {
  margin-top: 76px;
  display: flex;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .intro_page .h_ss4 .content_bottom {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .h_ss4 .content_bottom {
    flex-direction: column;
  }
}
.intro_page .h_ss4 .content_bottom .left {
  width: 52.6495726496%;
}
@media only screen and (max-width: 576px) {
  .intro_page .h_ss4 .content_bottom .left {
    width: 100%;
  }
}
.intro_page .h_ss4 .content_bottom .left img {
  width: 100%;
  display: block;
}
.intro_page .h_ss4 .content_bottom .right {
  width: 40.5128205128%;
  text-align: justify;
  margin-left: 6.8376068376%;
}
@media only screen and (max-width: 768px) {
  .intro_page .h_ss4 .content_bottom .right {
    width: 43.9316239316%;
    margin-left: 3.4188034188%;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .h_ss4 .content_bottom .right {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
}
.intro_page .h_ss4 .content_bottom .right .exp {
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .intro_page .h_ss4 .content_bottom .right .exp {
    margin-bottom: 20px;
  }
}
.intro_page .h_ss4 .content_bottom .right .exp p {
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .intro_page .h_ss4 .content_bottom .right .exp p {
    margin-bottom: 10px;
  }
}
.intro_page .h_ss4 .content_bottom .right .exp p:last-child {
  margin-bottom: 0;
}
.intro_page .ss5 {
  margin: -240px 0 0px;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1280px) {
  .intro_page .ss5 {
    margin: -120px 0 0px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .ss5 {
    margin: 0px 0 0px;
  }
}
.intro_page .ss5 > img:not(.logoiconss5) {
  width: 100%;
}
.intro_page .ss5 .decor {
  position: absolute;
  right: 7%;
  top: 10%;
  z-index: -1;
  background: #1a0018;
}
@media only screen and (max-width: 576px) {
  .intro_page .ss5 .decor {
    display: none;
  }
}
.intro_page .ss5 .decor .logoiconss5 {
  mix-blend-mode: color-dodge;
}
.intro_page .ss5 .content {
  position: absolute;
  top: 400px;
  left: 9.375%;
  width: 42.7777777778%;
}
@media only screen and (max-width: 1450px) {
  .intro_page .ss5 .content {
    top: 310px;
  }
}
@media only screen and (max-width: 1280px) {
  .intro_page .ss5 .content {
    top: 110px;
    left: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .ss5 .content {
    position: relative;
    width: 100%;
    top: unset;
    left: unset;
    padding: 0 30px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss5 .content {
    padding: 0 15px;
  }
}
.intro_page .ss5 .content .title {
  margin-bottom: 48px;
}
@media only screen and (max-width: 1450px) {
  .intro_page .ss5 .content .title {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 1280px) {
  .intro_page .ss5 .content .title {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .ss5 .content .title {
    width: max-content;
    margin: 0 auto 20px;
    text-align: center;
  }
}
.intro_page .ss5 .content .title h2 {
  font-size: 50px;
}
@media only screen and (max-width: 1280px) {
  .intro_page .ss5 .content .title h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .ss5 .content .title h2 {
    font-size: 35px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss5 .content .title h2 {
    font-size: 30px;
  }
}
.intro_page .ss5 .content .title .top {
  display: flex;
  align-items: center;
}
.intro_page .ss5 .content .title .top p {
  font-family: "SVN-FSBenjamin-Regular.otf";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 33.6px */
  text-transform: uppercase;
  margin-right: 9px;
  border-bottom: #FBB68A 1px solid;
  background: var(--Brand-gradient, linear-gradient(33deg, #A75E3E -260.11%, #FBB68A 40.68%, #A75E3E 491.88%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 576px) {
  .intro_page .ss5 .content .title .top p {
    font-size: 20px;
  }
}
.intro_page .ss5 .content .title > h2 {
  margin: -22px 0 -5px;
}
.intro_page .ss5 .content .title > p {
  color: var(--Light, #F7CCA1);
  font-family: "SVN-FSBenjamin-Light.otf";
  font-size: 24px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
}
@media only screen and (max-width: 576px) {
  .intro_page .ss5 .content .title > p {
    font-size: 20px;
  }
}
.intro_page .ss5 .content .exp p {
  margin-bottom: 20px;
}
.intro_page .ss5 .content .exp p:last-child {
  margin-bottom: 0;
}
.intro_page .ss6 {
  margin-top: -240px;
  z-index: 1;
  position: relative;
}
@media only screen and (max-width: 1450px) {
  .intro_page .ss6 {
    margin-top: -170px;
  }
}
@media only screen and (max-width: 1280px) {
  .intro_page .ss6 {
    margin-top: -126px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .ss6 {
    margin-top: -95px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .ss6 {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss6 {
    margin-top: 0;
  }
}
.intro_page .ss6 .content {
  right: 9.0972222222%;
  top: 30%;
  width: 60%;
  position: absolute;
}
@media only screen and (max-width: 1280px) {
  .intro_page .ss6 .content {
    right: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .ss6 .content {
    position: relative;
    right: auto;
    width: 100%;
    top: auto;
    padding: 60px 30px 65px;
    background: linear-gradient(180deg, #2C0728 100%, rgba(44, 7, 40, 0) 100%), linear-gradient(180deg, rgba(69, 0, 63, 0) 0%, #45003F 100%), lightgray 0px 0px/100% 100% no-repeat;
    margin-top: -5px;
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss6 .content {
    padding: 60px 15px 75px;
  }
}
.intro_page .ss6 .content .item {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.intro_page .ss6 .content .item:nth-child(1) {
  margin-bottom: 25px;
}
@media only screen and (max-width: 1450px) {
  .intro_page .ss6 .content .item:nth-child(1) {
    margin-bottom: 0px;
  }
}
.intro_page .ss6 .content .item:nth-child(2) {
  margin-bottom: 50px;
}
@media only screen and (max-width: 1450px) {
  .intro_page .ss6 .content .item:nth-child(2) {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 1280px) {
  .intro_page .ss6 .content .item:nth-child(3) {
    margin-bottom: 50px;
  }
}
.intro_page .ss6 .content .item:nth-child(4) p:nth-child(1) {
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .intro_page .ss6 .content .item:nth-child(4) p:nth-child(1) {
    width: 110%;
  }
}
.intro_page .ss6 .content .item:nth-child(4) p:nth-child(1)::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 1px;
  height: 130px;
  background: #FFF;
}
@media only screen and (max-width: 768px) {
  .intro_page .ss6 .content .item:nth-child(4) p:nth-child(1)::after {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .ss6 .content .item {
    align-items: flex-start;
    width: 50%;
    margin-bottom: 25px !important;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss6 .content .item {
    width: 100%;
  }
}
.intro_page .ss6 .content .item p {
  text-align: right;
}
.intro_page .ss6 .content .item p:nth-child(1) {
  color: #FFF;
  font-size: 28px;
  padding-bottom: 8px;
  border-bottom: 1px #FFF solid;
  text-transform: uppercase;
  margin-bottom: 10px;
  width: 89%;
}
@media only screen and (max-width: 1280px) {
  .intro_page .ss6 .content .item p:nth-child(1) {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .ss6 .content .item p:nth-child(1) {
    font-size: 20px;
    text-align: left;
    border-bottom: none;
    margin-bottom: 0;
  }
}
.intro_page .ss6 .content .item p:nth-child(2) {
  font-size: 16px;
  line-height: 130%;
  min-height: 151px;
}
@media only screen and (max-width: 1450px) {
  .intro_page .ss6 .content .item p:nth-child(2) {
    min-height: 117px;
  }
}
@media only screen and (max-width: 1280px) {
  .intro_page .ss6 .content .item p:nth-child(2) {
    min-height: 66px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .ss6 .content .item p:nth-child(2) {
    min-height: auto;
    font-size: 15px;
    text-align: left;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss6 .content .item p:nth-child(2) {
    font-size: 14px;
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .ss6 > img {
    margin-top: -117px;
    z-index: 1;
  }
}
.intro_page .h_ss6 {
  margin-top: -255px;
  padding-top: 100px;
}
@media only screen and (max-width: 1280px) {
  .intro_page .h_ss6 {
    margin-top: -135px;
    padding-top: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .h_ss6 {
    margin-top: -100px;
    padding-top: 60px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .h_ss6 .top {
    padding: 60px 15px 0px;
  }
}
.intro_page .h_ss6 .top .left {
  width: max-content;
  margin: 0 auto;
}
.intro_page .h_ss6 .top .left > h2 {
  padding: 10px 0 10px 130px !important;
  margin-bottom: -15px;
  font-size: 50px;
}
@media only screen and (max-width: 1280px) {
  .intro_page .h_ss6 .top .left > h2 {
    padding: 10px 0 10px 100px !important;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .h_ss6 .top .left > h2 {
    padding: 10px 0 10px 0px !important;
  }
}
@media only screen and (max-width: 1280px) {
  .intro_page .h_ss6 .top .left > h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .h_ss6 .top .left > h2 {
    font-size: 35px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .h_ss6 .top .left > h2 {
    font-size: 30px;
  }
}
.intro_page .h_ss6 .top .left .cm-title {
  font-size: 50px;
}
@media only screen and (max-width: 1280px) {
  .intro_page .h_ss6 .top .left .cm-title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .h_ss6 .top .left .cm-title {
    font-size: 35px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .h_ss6 .top .left .cm-title {
    font-size: 30px;
  }
}
.intro_page .h_ss6 .top .left p {
  margin: 0 0 18px 9px;
}
.intro_page .h_ss6 .top .left > div {
  display: flex;
  align-items: flex-end;
  padding-left: 70px;
}
.intro_page .h_ss6 .top .left:after {
  top: -13px;
}
@media only screen and (max-width: 768px) {
  .intro_page .h_ss6 .top .left:after {
    left: -18%;
    top: -3px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .h_ss6 .top .left:after {
    left: -5%;
    top: 4px;
    font-size: 50px;
  }
}
.intro_page .h_ss6 .content {
  padding: 30px 9.375% 60px;
}
@media only screen and (max-width: 1280px) {
  .intro_page .h_ss6 .content {
    padding: 30px 30px 50px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .h_ss6 .content {
    padding: 10px 15px 50px;
  }
}
.intro_page .h_ss6 .content .slide .slide_top .h4 {
  font-family: "SVN-FSBenjamin-Medium.otf";
  font-weight: 500;
}
.intro_page .h_ss7 {
  padding: 65px 0 0px;
  background-image: url("../main/assets/images/intro/s7-bg.png");
  background-size: cover;
  background-position: right bottom;
  margin-top: -5px;
}
@media only screen and (max-width: 1280px) {
  .intro_page .h_ss7 {
    padding: 30px 0 0px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .h_ss7 {
    padding: 40px 0 0px;
  }
}
.intro_page .h_ss7 .title {
  font-size: 50px;
  padding-top: 5px;
  font-family: "SVN-FSBenjamin-Regular.otf";
  margin-bottom: 2px;
}
@media only screen and (max-width: 1280px) {
  .intro_page .h_ss7 .title {
    font-size: 35px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .h_ss7 .title {
    font-size: 30px;
  }
}
.intro_page .h_ss7 > p {
  color: var(--Light, #F7CCA1);
  text-align: center;
  font-family: "SVN-FSBenjamin-Light.otf";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.intro_page .h_ss7 > p.up {
  text-transform: uppercase;
}
.intro_page .h_ss7 .content {
  margin-top: 40px;
}
.intro_page .h_ss7 .content .swiper-slide-active .exp p {
  transform: scale(1);
  opacity: 1;
  height: auto;
}
.intro_page .h_ss7 .content .exp {
  text-align: left;
  padding: 24px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  z-index: 3;
  background: linear-gradient(90deg, rgba(23, 0, 21, 0.12) 0%, rgba(92, 0, 84, 0.2) 51.92%, rgba(23, 0, 21, 0.12) 100%);
  backdrop-filter: blur(4px);
}
@media only screen and (max-width: 1024px) {
  .intro_page .h_ss7 .content .exp {
    padding: 20px;
  }
}
@media only screen and (max-width: 820px) {
  .intro_page .h_ss7 .content .exp {
    padding: 12px;
  }
}
.intro_page .h_ss7 .content .exp h3 {
  color: var(--Light, #F7CCA1);
  font-family: "SVN-FSBenjamin-Bold.otf";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  .intro_page .h_ss7 .content .exp h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 820px) {
  .intro_page .h_ss7 .content .exp h3 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .h_ss7 .content .exp h3 {
    font-size: 14px;
  }
}
.intro_page .h_ss7 .content .exp p {
  color: #FFF;
  text-align: justify;
  margin-top: 12px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.5s ease;
  height: 0;
}
@media only screen and (max-width: 576px) {
  .intro_page .h_ss7 .content .swiper-slide {
    aspect-ratio: 9/9;
  }
}
.intro_page .h_ss9 {
  background: none;
  position: relative;
  z-index: 0;
  padding: 300px 9.375% 0;
}
@media only screen and (max-width: 1450px) {
  .intro_page .h_ss9 {
    padding: 260px 9.375% 0;
  }
}
@media only screen and (max-width: 1280px) {
  .intro_page .h_ss9 {
    padding: 150px 30px 0;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .h_ss9 {
    padding: 50px 15px 0;
  }
}
.intro_page .h_ss9:after {
  width: 602px;
  height: 602px;
  border-radius: 50%;
  right: 0;
  top: 0;
  content: "";
  position: absolute;
  opacity: 0.5;
  background: radial-gradient(50% 50% at 50% 50%, #41003A 0%, rgba(65, 0, 58, 0) 100%);
}
.intro_page .h_ss9:before {
  width: 602px;
  height: 602px;
  border-radius: 50%;
  left: 0;
  top: 0;
  content: "";
  position: absolute;
  opacity: 0.5;
  background: radial-gradient(50% 50% at 50% 50%, #41003A 0%, rgba(65, 0, 58, 0) 100%);
}
.intro_page .h_ss9 .decor {
  position: absolute;
  left: 0;
  top: -30px;
  width: 100%;
}
@media only screen and (max-width: 1280px) {
  .intro_page .h_ss9 .decor {
    top: -10px;
  }
}
.intro_page .h_ss9 .decor1 {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 412px;
  z-index: -1;
  mix-blend-mode: color-dodge;
  opacity: 0.5;
}
.intro_page .h_ss9 .top .left h2 {
  font-size: 32px;
}
@media only screen and (max-width: 576px) {
  .intro_page .h_ss9 .top .left h2 {
    font-size: 25px;
  }
}
@media only screen and (max-width: 1450px) {
  .intro_page .h_ss9 .top .right {
    min-height: 400px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .h_ss9 .top .right {
    min-height: auto;
  }
}

.page-news .wrap {
  position: relative;
  z-index: 3;
  padding: 80px 9.375% 0;
}
.page-news .wrap .decor1 {
  position: absolute;
  height: auto;
  top: -13%;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 115%;
  object-fit: cover;
  object-position: top left;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .page-news .wrap {
    padding: 70px 30px 0;
  }
}
@media (max-width: 767px) {
  .page-news .wrap {
    padding: 60px 15px 0;
  }
  .page-news .wrap .decor1 {
    top: 0;
  }
}
.page-news .title-def {
  text-align: center;
  display: block;
}
.page-news .title-def span {
  display: inline-block;
  font-family: "SVN-FSBenjamin-Book.otf";
  font-size: 54px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: linear-gradient(30deg, #A75E3E -192.24%, #FBB68A -0.96%, #A75E3E 285.96%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 1024px) {
  .page-news .title-def span {
    font-size: 44px;
  }
}
@media (max-width: 767px) {
  .page-news .title-def span {
    font-size: 34px;
  }
}
.page-news .slide_new_special {
  position: relative;
  z-index: 5;
  margin-top: 40px;
}
.page-news .slide_new_special .swiper-pagination {
  transform: translate(0);
  width: fit-content;
  bottom: 40px;
  left: 32.3076923077%;
}
@media (max-width: 1024px) {
  .page-news .slide_new_special .swiper-pagination {
    bottom: 25px;
    left: 40.8547008547%;
  }
}
@media (max-width: 767px) {
  .page-news .slide_new_special .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
  }
}
.page-news .slide_new_special .swiper-pagination .swiper-pagination-bullet {
  border: 2px solid var(--White, #2D0429);
  opacity: 0.6;
  width: 8px;
  height: 8px;
  margin: 0 8px 0 0;
  border-radius: 10px;
  background: transparent;
}
.page-news .slide_new_special .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.page-news .slide_new_special .swiper-slide {
  position: relative;
  display: flex;
  background-image: url("../main/assets/images/new/new-decor3.jpg");
  background-size: cover;
  height: auto;
}
@media (max-width: 767px) {
  .page-news .slide_new_special .swiper-slide {
    flex-direction: column;
  }
}
.page-news .slide_new_special .swiper-slide .text {
  position: relative;
  width: 40.5128205128%;
  padding: 40px;
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .page-news .slide_new_special .swiper-slide .text {
    padding: 25px;
    width: 49.0598290598%;
  }
}
@media (max-width: 767px) {
  .page-news .slide_new_special .swiper-slide .text {
    order: 2;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .page-news .slide_new_special .swiper-slide .text {
    padding: 25px 15px;
  }
}
.page-news .slide_new_special .swiper-slide .text .date {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--Light-Be, #FFF1DF);
  font-family: "SVN-FSBenjamin-Book.otf";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media (max-width: 1024px) {
  .page-news .slide_new_special .swiper-slide .text .date {
    font-size: 14px;
  }
}
.page-news .slide_new_special .swiper-slide .text .title {
  display: inline-block;
  color: #2D0429;
  font-family: "SVN-FSBenjamin-Book.otf";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin: 24px 0;
}
.page-news .slide_new_special .swiper-slide .text .title h3 {
  font-size: 24px;
  line-height: normal;
}
@media (min-width: 1025px) and (max-width: 1330px) {
  .page-news .slide_new_special .swiper-slide .text .title {
    font-size: 17px;
    margin: 15px 0 18px;
  }
  .page-news .slide_new_special .swiper-slide .text .title h3 {
    font-size: 17px;
  }
}
@media (max-width: 1024px) {
  .page-news .slide_new_special .swiper-slide .text .title {
    font-size: 18px;
    margin: 15px 0;
  }
  .page-news .slide_new_special .swiper-slide .text .title h3 {
    font-size: 18px;
  }
}
.page-news .slide_new_special .swiper-slide .text .excerpt {
  color: #2D0429;
  text-align: justify;
  font-family: "SVN-FSBenjamin-Book.otf";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin: 0;
}
@media (max-width: 1280px) {
  .page-news .slide_new_special .swiper-slide .text .excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
}
.page-news .slide_new_special .swiper-slide .text .read_more {
  position: absolute;
  left: 40px;
  bottom: 40px;
  z-index: 2;
  color: #2D0429;
  font-family: "SVN-FSBenjamin-Book.otf";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 20.8px */
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.page-news .slide_new_special .swiper-slide .text .read_more:hover {
  letter-spacing: 1.5px;
}
@media (max-width: 1024px) {
  .page-news .slide_new_special .swiper-slide .text .read_more {
    bottom: 20px;
    left: 25px;
    font-size: 14px;
  }
}
@media (max-width: 820px) {
  .page-news .slide_new_special .swiper-slide .text .read_more {
    display: block;
    position: relative;
    left: 0;
    bottom: 0;
    margin-top: 20px;
  }
}
.page-news .slide_new_special .swiper-slide .thumbnail {
  width: 59.4871794872%;
  display: block;
  overflow: hidden;
  line-height: 0;
}
@media (max-width: 1024px) {
  .page-news .slide_new_special .swiper-slide .thumbnail {
    width: 50.9401709402%;
  }
}
@media (max-width: 767px) {
  .page-news .slide_new_special .swiper-slide .thumbnail {
    order: 1;
    width: 100%;
  }
}
.page-news .slide_new_special .swiper-slide .thumbnail img {
  aspect-ratio: 696/532;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  max-height: 600px;
  transition: all 0.3s ease;
}
.page-news .slide_new_special .swiper-slide .thumbnail img:hover {
  transform: scale(1.1);
}
@media (max-width: 767px) {
  .page-news .slide_new_special .swiper-slide .thumbnail img {
    height: auto;
    aspect-ratio: 16/9;
  }
}
.page-news .news_list_def {
  position: relative;
  z-index: 5;
  margin: 40px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 40px 24px;
}
@media (max-width: 1024px) {
  .page-news .news_list_def {
    gap: 30px 20px;
  }
}
@media (max-width: 767px) {
  .page-news .news_list_def {
    gap: 20px 0;
  }
}
.page-news .news_list_def .item {
  width: calc((100% - 48px) / 3);
}
@media (max-width: 1024px) {
  .page-news .news_list_def .item {
    width: calc((100% - 40px) / 3);
  }
}
@media (max-width: 767px) {
  .page-news .news_list_def .item {
    width: 100%;
  }
}
.page-news .news_list_def .item .thumbnail {
  display: block;
  overflow: hidden;
  line-height: 0;
}
.page-news .news_list_def .item .thumbnail img {
  aspect-ratio: 374/250;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .page-news .news_list_def .item .thumbnail img {
    aspect-ratio: 16/9;
  }
}
.page-news .news_list_def .item .text {
  padding: 24px;
  box-sizing: border-box;
  background-image: url("../main/assets/images/new/new-decor2.jpg");
  background-size: cover;
}
@media (max-width: 1024px) {
  .page-news .news_list_def .item .text {
    padding: 15px 15px 20px;
  }
}
.page-news .news_list_def .item .text h3 {
  color: #FFF;
  font-family: "SVN-FSBenjamin-Book.otf";
  font-weight: 400 !important;
  font-size: 18px;
  line-height: 140%;
  /* 30px */
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  letter-spacing: 0.2px;
}
@media (max-width: 1024px) {
  .page-news .news_list_def .item .text h3 {
    font-size: 16px;
  }
}
.page-news .news_list_def .item .text p {
  position: relative;
  margin: 16px 0 0;
  color: #FBB68A;
  font-family: "SVN-FSBenjamin-Book.otf";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 18.2px */
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .page-news .news_list_def .item .text p {
    font-size: 12px;
    margin: 9px 0 0;
  }
}
.page-news .news_list_def .item:hover .thumbnail img {
  transform: scale(1.1);
}
.page-news .button_load_more {
  position: relative;
  z-index: 5;
  margin: 40px auto 0;
  background: #C37E52;
  width: 135px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--Dark-Purple, #2D0429);
  font-family: "SVN-FSBenjamin-Book.otf";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.page-news .button_load_more:hover {
  letter-spacing: 1.5px;
}

.page-new-detail .content {
  position: relative;
  padding: 70px 13.5416666667% 120px;
  position: relative;
  z-index: 2;
}
.page-new-detail .content::after {
  position: absolute;
  z-index: -1;
  content: "";
  left: 0;
  top: 0;
  width: 11.8055555556%;
  max-width: 170px;
  height: 340px;
  background: #190317;
}
.page-new-detail .content .decor1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 11.8055555556%;
  max-width: 170px;
  pointer-events: none;
  mix-blend-mode: color-dodge;
}
@media (max-width: 1024px) {
  .page-new-detail .content {
    padding: 70px 30px 80px;
  }
}
@media (max-width: 767px) {
  .page-new-detail .content {
    padding: 60px 15px 45px;
  }
}
.page-new-detail .content .title {
  position: relative;
  z-index: 2;
  text-align: center;
  font-family: "SVN-FSBenjamin-Book.otf";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  background: var(--G, linear-gradient(33deg, #A75E3E -260.11%, #FBB68A 40.68%, #A75E3E 491.88%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 auto 24px;
  width: 890px;
  max-width: 100%;
}
@media (max-width: 1024px) {
  .page-new-detail .content .title {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .page-new-detail .content .title {
    font-size: 20px;
    margin: 0 auto 20px;
  }
}
.page-new-detail .content .intro {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
  color: #FFF;
  font-family: "SVN-FSBenjamin-Book.otf";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media (max-width: 1024px) {
  .page-new-detail .content .intro {
    font-size: 14px;
    margin-bottom: 30px;
  }
}
@media (max-width: 576px) {
  .page-new-detail .content .intro {
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
}
.page-new-detail .content .date {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 16px;
  border-right: 1px solid #fff;
}
@media (max-width: 576px) {
  .page-new-detail .content .date {
    border-right: 0;
  }
}
.page-new-detail .content .share {
  display: flex;
  align-items: center;
  padding: 0 16px;
  gap: 16px;
}
.page-new-detail .content .share a {
  display: block;
}
.page-new-detail .content .the_content {
  position: relative;
  z-index: 2;
  background: #2D0429;
  color: #FFF;
  text-align: justify;
  font-family: "SVN-FSBenjamin-Book.otf";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 24px */
  padding: 40px;
}
@media (max-width: 1024px) {
  .page-new-detail .content .the_content {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .page-new-detail .content .the_content {
    padding: 20px 15px;
    font-size: 14px;
  }
}
.page-new-detail .content .the_content p, .page-new-detail .content .the_content ul, .page-new-detail .content .the_content ol, .page-new-detail .content .the_content .wp-caption, .page-new-detail .content .the_content h2, .page-new-detail .content .the_content h3 {
  margin-bottom: 22px;
}
@media (max-width: 1024px) {
  .page-new-detail .content .the_content p, .page-new-detail .content .the_content ul, .page-new-detail .content .the_content ol, .page-new-detail .content .the_content .wp-caption, .page-new-detail .content .the_content h2, .page-new-detail .content .the_content h3 {
    margin-bottom: 15px;
  }
}
.page-new-detail .content .the_content p:last-child, .page-new-detail .content .the_content ul:last-child, .page-new-detail .content .the_content ol:last-child, .page-new-detail .content .the_content .wp-caption:last-child, .page-new-detail .content .the_content h2:last-child, .page-new-detail .content .the_content h3:last-child {
  margin-bottom: 0;
}
.page-new-detail .content .the_content ul, .page-new-detail .content .the_content ol {
  padding-left: 20px;
}
.page-new-detail .content .the_content ul li, .page-new-detail .content .the_content ol li {
  padding-bottom: 2px;
}
.page-new-detail .content .the_content ul li:last-child, .page-new-detail .content .the_content ol li:last-child {
  padding-bottom: 0;
}
.page-new-detail .content .the_content ul li {
  list-style: disc;
}
.page-new-detail .content .the_content ol li {
  list-style: decimal;
}
.page-new-detail .content .the_content .wp-block-image,
.page-new-detail .content .the_content .wp-caption {
  width: 100% !important;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .page-new-detail .content .the_content .wp-block-image,
.page-new-detail .content .the_content .wp-caption {
    margin-bottom: 15px;
  }
}
.page-new-detail .content .the_content .wp-block-image img,
.page-new-detail .content .the_content .wp-caption img {
  margin: 0 auto 15px;
  display: block;
  max-width: 100%;
}
.page-new-detail .content .the_content .wp-block-image p, .page-new-detail .content .the_content .wp-block-image figcaption,
.page-new-detail .content .the_content .wp-caption p,
.page-new-detail .content .the_content .wp-caption figcaption {
  font-style: italic;
  font-size: 14px;
  text-align: center;
  margin: 0;
}
.page-new-detail .content .the_content strong {
  font-size: 20px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .page-new-detail .content .the_content strong {
    font-size: 16px;
  }
}
.page-new-detail .content .the_content img {
  margin: 24px auto;
  display: block;
  max-width: 100%;
}
@media (max-width: 767px) {
  .page-new-detail .content .the_content img {
    margin: 15px auto;
  }
}
.page-new-detail .content .the_content a {
  text-decoration: underline;
}
.page-new-detail .other-news {
  position: relative;
  padding: 0 9.375%;
}
@media (max-width: 1024px) {
  .page-new-detail .other-news {
    padding: 0px 30px;
  }
}
@media (max-width: 767px) {
  .page-new-detail .other-news {
    padding: 0px 15px;
  }
}
.page-new-detail .other-news .title {
  text-align: center;
  margin-bottom: 40px;
}
.page-new-detail .other-news .title h3 {
  text-align: center;
  font-family: "SVN-FSBenjamin-Book.otf";
  font-size: 54px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  background: linear-gradient(30deg, #A75E3E -192.24%, #FBB68A -0.96%, #A75E3E 285.96%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 1024px) {
  .page-new-detail .other-news .title {
    margin-bottom: 30px;
  }
  .page-new-detail .other-news .title h3 {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  .page-new-detail .other-news .title {
    margin-bottom: 25px;
  }
  .page-new-detail .other-news .title h3 {
    font-size: 34px;
  }
}
.page-new-detail .other-news .swiper a {
  display: block;
}
.page-new-detail .other-news .swiper a .thumbnail {
  display: block;
  overflow: hidden;
  line-height: 0;
}
.page-new-detail .other-news .swiper a .thumbnail img {
  aspect-ratio: 374/250;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .page-new-detail .other-news .swiper a .thumbnail img {
    aspect-ratio: 16/9;
  }
}
.page-new-detail .other-news .swiper a .text {
  padding: 24px;
  box-sizing: border-box;
  background-image: url("../main/assets/images/new/new-decor2.jpg");
  background-size: cover;
}
@media (max-width: 1024px) {
  .page-new-detail .other-news .swiper a .text {
    padding: 15px 15px 20px;
  }
}
.page-new-detail .other-news .swiper a .text h3 {
  color: #FFF;
  font-family: "SVN-FSBenjamin-Book.otf";
  font-weight: 400 !important;
  font-size: 18px;
  line-height: 140%;
  /* 30px */
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  letter-spacing: 0.2px;
}
@media (max-width: 1024px) {
  .page-new-detail .other-news .swiper a .text h3 {
    font-size: 16px;
  }
}
.page-new-detail .other-news .swiper a .text p {
  position: relative;
  margin: 16px 0 0;
  color: #FBB68A;
  font-family: "SVN-FSBenjamin-Book.otf";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 18.2px */
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .page-new-detail .other-news .swiper a .text p {
    font-size: 12px;
    margin: 9px 0 0;
  }
}
.page-new-detail .other-news .swiper a:hover .thumbnail img {
  transform: scale(1.1);
}

.page-news,
.page-new-detail {
  background: #190317;
}
.page-news .banner,
.page-new-detail .banner {
  position: relative;
  z-index: 2;
}
.page-news .banner::before,
.page-new-detail .banner::before {
  position: absolute;
  content: "";
  bottom: -5%;
  left: 0;
  width: 100%;
  height: 8%;
  background-color: #190317;
  z-index: 2;
  pointer-events: none;
}
.page-news .banner::after,
.page-new-detail .banner::after {
  position: absolute;
  z-index: 2;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 92px;
  background: linear-gradient(180deg, rgba(25, 3, 23, 0.8) 0%, rgba(25, 3, 23, 0) 100%);
  pointer-events: none;
}
.page-news .banner .bg,
.page-new-detail .banner .bg {
  position: relative;
  width: 100%;
  aspect-ratio: 1440/560;
  object-fit: cover;
}
@media (max-width: 1024px) {
  .page-news .banner .bg,
.page-new-detail .banner .bg {
    aspect-ratio: 1024/450;
  }
}
@media (max-width: 767px) {
  .page-news .banner .bg,
.page-new-detail .banner .bg {
    aspect-ratio: 576/400;
  }
}
.page-news .banner .decor,
.page-new-detail .banner .decor {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: -51%;
  width: 100%;
  height: auto;
}
@media (max-width: 1024px) {
  .page-news .banner .decor,
.page-new-detail .banner .decor {
    bottom: -44%;
  }
}
@media (max-width: 767px) {
  .page-news .banner .decor,
.page-new-detail .banner .decor {
    bottom: -29%;
  }
}

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