@charset "UTF-8";
/*
    Theme Name: Tấn Đức SJC
    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: "MonaSans-Bold.ttf";
  src: url("./assets/fonts/MonaSans-Bold.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AG-Book-Stencil-Regular.otf";
  src: url("./assets/fonts/AG-Book-Stencil-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geologica-VariableFont.ttf";
  src: url("./assets/fonts/Geologica-VariableFont.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MonaSans-VariableFont.ttf";
  src: url("./assets/fonts/MonaSans-VariableFont.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MonaSans_Condensed-Bold.ttf";
  src: url("./assets/fonts/MonaSans_Condensed-Bold.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-AGBookStencil.otf";
  src: url("./assets/fonts/SVN-AGBookStencil.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MonaSans_Condensed-Italic.ttf";
  src: url("./assets/fonts/MonaSans_Condensed-Italic.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MonaSans_Condensed-Regular.ttf";
  src: url("./assets/fonts/MonaSans_Condensed-Regular.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MonaSans_Condensed-Light.ttf";
  src: url("./assets/fonts/MonaSans_Condensed-Light.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: linear-gradient(95deg, #B32436 0%, #324A9E 100%);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: linear-gradient(95deg, #B32436 0%, #324A9E 100%);
}

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

html {
  box-sizing: border-box;
}

* {
  box-sizing: border-box;
}

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

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

iframe {
  border: 0;
}

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

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

html,
body {
  margin: 0;
  padding: 0;
  color: #FFF;
  /* BODY TEXT */
  font-family: "MonaSans-VariableFont.ttf";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
@media only screen and (max-width: 1280px) {
  html,
  body {
    font-size: 13px;
  }
}

.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 draw22-reverse {
  from {
    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 colorChange {
  0% {
    fill: #000C8D;
  }
  50% {
    fill: #E45A2B;
  }
  100% {
    fill: #000C8D;
  }
}
.cm-button {
  color: #FFF;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  text-transform: uppercase;
  padding: 14px 31px 10px;
  border-radius: 64px;
  border: 1px solid #FFF;
  outline: none;
  cursor: pointer;
  width: max-content;
}
@media only screen and (max-width: 768px) {
  .cm-button {
    padding: 12px 25px 9px;
  }
}

.cm-title {
  color: var(--White, #FFF);
  font-family: "AG-Book-Stencil-Regular.otf";
  font-size: 45px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .cm-title {
    font-size: 35px;
  }
}
@media only screen and (max-width: 768px) {
  .cm-title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .cm-title {
    font-size: 26px;
  }
}

.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;
  align-items: center;
  padding: 63px 3.1944444444% 0;
  font-family: "SVN-Gotham-Regular.otf";
  font-size: 11px;
  font-style: normal;
  font-weight: 450;
  line-height: 150%; /* 16.5px */
  letter-spacing: 0.22px;
  text-transform: uppercase;
  transition: all 0.5s ease;
  justify-content: center;
}
@media only screen and (max-width: 1367px) {
  .header-main-site {
    padding: 40px 3.1944444444% 0;
  }
}
@media only screen and (max-width: 1280px) {
  .header-main-site {
    padding: 20px 30px 0;
  }
}
@media only screen and (max-width: 576px) {
  .header-main-site {
    padding: 20px 15px 0;
    justify-content: space-between;
  }
}
.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.is_active_header {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.header-main-site.is_active {
  padding: 10px 3.1944444444% 7px;
  background: #0C071B;
}
@media only screen and (max-width: 576px) {
  .header-main-site.is_active {
    padding: 10px 15px 7px;
  }
}
.header-main-site.is_active .logo-header {
  width: 170px;
}
@media only screen and (max-width: 1367px) {
  .header-main-site.is_active .logo-header {
    width: 160px;
  }
}
@media only screen and (max-width: 576px) {
  .header-main-site.is_active .logo-header {
    width: 120px;
  }
}
.header-main-site .logo-header {
  display: block;
  width: 225px;
  margin: 0 60px;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1367px) {
  .header-main-site .logo-header {
    width: 215px;
  }
}
@media only screen and (max-width: 1280px) {
  .header-main-site .logo-header {
    width: 200px;
  }
}
@media only screen and (max-width: 576px) {
  .header-main-site .logo-header {
    margin: 0 0px;
    width: 140px;
  }
}
.header-main-site .logo-header img {
  width: 100%;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 576px) {
  .header-main-site > .left {
    display: none;
  }
}
.header-main-site > .left ul {
  float: right;
}
.header-main-site > .left li {
  margin-left: 60px;
}
@media only screen and (max-width: 1280px) {
  .header-main-site > .left li {
    margin-left: 35px;
  }
}
@media only screen and (max-width: 768px) {
  .header-main-site > .left li {
    margin-left: 0;
  }
}
.header-main-site > .left li:first-child {
  margin-left: 0;
}
.header-main-site > .right .humbeger {
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.42px;
  padding: 11px 16px;
  border-radius: 40px;
  border: 1px solid var(--White, #FFF);
  width: max-content;
  margin-left: auto;
  cursor: pointer;
  font-family: "Geologica-VariableFont.ttf";
  display: flex;
}
@media only screen and (max-width: 1280px) {
  .header-main-site > .right .humbeger {
    font-size: 13px;
  }
}
@media only screen and (max-width: 576px) {
  .header-main-site > .right .humbeger {
    font-size: 12px;
    padding: 9px 16px;
  }
}
.header-main-site > .right .humbeger svg, .header-main-site > .right .humbeger img {
  margin-left: 8px;
}
@media only screen and (max-width: 1280px) {
  .header-main-site > .right .humbeger svg, .header-main-site > .right .humbeger img {
    margin-left: 5px;
  }
}
@media only screen and (max-width: 576px) {
  .header-main-site > .right .humbeger svg, .header-main-site > .right .humbeger img {
    width: 10px;
  }
}
.header-main-site .left, .header-main-site .right {
  width: calc((100% - 345px) / 2);
}
@media only screen and (max-width: 768px) {
  .header-main-site .left, .header-main-site .right {
    width: calc((100% - 140px) / 2);
  }
}
.header-main-site > ul {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .header-main-site > ul {
    flex-direction: column;
  }
}
.header-main-site > ul li {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .header-main-site > ul li {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1025px) {
  .header-main-site > ul li:hover a {
    background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.header-main-site > ul li.active a {
  background: var(--Gradient-Gold, linear-gradient(270deg, #EDC9AB 0%, #D1966F 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.header-main-site > ul a {
  color: var(--Neutral-White, #FFF);
  position: relative;
  width: max-content;
  display: block;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 768px) {
  .header-main-site > ul a {
    margin: 0 auto;
  }
}

.menu {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  width: 500px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 90px 60px;
  transition: all 0.5s ease;
  transform: translateX(100%);
}
@media only screen and (max-width: 1280px) {
  .menu {
    width: 400px;
    padding: 50px 30px;
  }
}
@media only screen and (max-width: 768px) {
  .menu {
    width: 350px;
  }
}
.menu.active {
  transform: translateX(0);
}
.menu > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.menu ul {
  display: flex;
  flex-direction: column;
}
.menu ul li {
  margin-bottom: 24px;
}
@media only screen and (min-width: 1025px) {
  .menu ul li:hover a {
    color: #3FA0DF;
  }
}
.menu ul li:last-child {
  margin-bottom: 0;
}
.menu ul a {
  text-transform: uppercase;
  color: #FFF;
  font-family: "MonaSans-Bold.ttf";
  letter-spacing: 0.16px;
  font-size: 16px;
  transition: all;
}
@media only screen and (max-width: 768px) {
  .menu ul a {
    font-size: 15px;
  }
}
.menu .top, .menu .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.menu .top {
  font-family: "MonaSans-Bold.ttf";
  text-transform: uppercase;
  color: #FFF;
  font-weight: 500;
  font-size: 14px;
}
.menu .top img {
  width: 40px;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .menu .top img {
    width: 30px;
  }
}
.menu .bottom .cm-button {
  width: 206px;
  height: 48px;
  border: 1px solid #fff;
  background: var(--Gradient-Text, linear-gradient(88deg, #E85B29 1.83%, #7162AB 33.38%, #3FA0DF 110.41%));
  outline: none;
  box-shadow: none;
  border-radius: 48px;
  color: #FFF;
  font-family: "Geologica-VariableFont.ttf";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1024px) {
  .menu .bottom .cm-button {
    width: 190px;
    height: 42px;
    font-size: 14px;
  }
}
.menu .bottom a {
  display: block;
}
.menu .bottom img {
  width: 40px;
}
@media only screen and (max-width: 768px) {
  .menu .bottom img {
    width: 30px;
  }
}

.soical {
  position: fixed;
  display: flex;
  flex-direction: column;
  bottom: 100px;
  right: 0;
  z-index: 100;
}
.soical a {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1px;
  background: var(--Blue, #3FA0DF);
}
@media only screen and (max-width: 576px) {
  .soical a {
    width: 35px;
    height: 35px;
  }
}
.soical a:nth-child(1) {
  border-radius: 10px 0 0px 0;
}
.soical a:nth-child(2) img {
  animation-name: trin;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.soical a:last-child {
  margin-bottom: 0;
  height: auto;
  padding: 15px 0;
  border-radius: 0 0 10px 0;
  background: linear-gradient(180deg, #F25B5B -19.46%, #F78754 6.05%, #8171AD 47.85%, #5AB8E8 95.54%);
}

.back {
  width: 40px;
  height: 40px;
  position: fixed;
  display: flex;
  bottom: 50px;
  align-items: center;
  justify-content: center;
  right: 0;
  z-index: 100;
  cursor: pointer;
}
@media only screen and (max-width: 576px) {
  .back {
    width: 35px;
    height: 35px;
  }
}

.shine, .chrome {
  font-size: 3em;
  margin: 0 auto;
  margin-bottom: 1em;
  font-weight: bold;
}

.shine {
  background: #222 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat;
  -webkit-background-size: 150px;
  color: rgba(255, 255, 255, 0.75);
  -webkit-background-clip: text;
  -webkit-animation-name: shine;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
}

.chrome {
  background: #222 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat;
  background-image: -webkit-linear-gradient(-40deg, transparent 0%, transparent 40%, #fff 50%, transparent 60%, transparent 100%);
  -webkit-background-size: 200px;
  color: rgba(255, 255, 255, 0.75);
  -webkit-background-clip: text;
  -webkit-animation-name: shine;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes shine {
  0%, 10% {
    background-position: -900px;
  }
  50% {
    background-position: 0;
  }
  100% {
    background-position: 900px;
  }
}
.h_ss1 {
  height: 100vh;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 576px) {
  .h_ss1 {
    height: 68vh;
    z-index: 1;
    background: #000000;
    padding-top: 75px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 {
    height: auto;
    padding-top: 100px;
  }
}
.h_ss1 .abs {
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
@media only screen and (max-width: 1441px) {
  .h_ss1 .abs {
    top: 50%;
  }
}
@media only screen and (max-width: 1367px) {
  .h_ss1 .abs {
    top: 32%;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .abs {
    top: 27%;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 .abs {
    top: 35%;
    width: 100%;
  }
}
.h_ss1 .abs p {
  background: linear-gradient(90deg, #F25B5B -105.24%, #F78754 -60.21%, #8171AD 13.56%, #5AB8E8 97.74%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "MonaSans-VariableFont.ttf";
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.08px;
  text-transform: uppercase;
  margin-top: -10px;
}
@media only screen and (max-width: 1367px) {
  .h_ss1 .abs p {
    font-size: 25px;
    margin-top: -5px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .abs p {
    font-size: 22px;
    margin-top: 0;
  }
}
.h_ss1 .abs p:nth-of-type(2n + 2) {
  font-size: 65px;
  font-family: "AG-Book-Stencil-Regular.otf";
  background: var(--2, linear-gradient(89deg, #F25B5B -43.23%, #F78754 -10.87%, #8171AD 42.14%, #5AB8E8 102.63%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: -20px;
}
@media only screen and (max-width: 1367px) {
  .h_ss1 .abs p:nth-of-type(2n + 2) {
    font-size: 60px;
    margin-top: -15px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .abs p:nth-of-type(2n + 2) {
    font-size: 45px;
    margin-top: -10px;
  }
}
.h_ss1 > img {
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
@media only screen and (max-width: 576px) {
  .h_ss1 > img {
    position: relative;
    display: none;
  }
}
.h_ss1 > img.mb {
  display: none;
}
@media only screen and (max-width: 576px) {
  .h_ss1 > img.mb {
    display: block;
  }
}

.h_ss2 {
  padding: 720px 9.9305555556% 88px;
  position: relative;
}
@media only screen and (max-width: 1441px) {
  .h_ss2 {
    padding: 520px 9.9305555556% 88px;
  }
}
@media only screen and (max-width: 1367px) {
  .h_ss2 {
    padding: 420px 9.9305555556% 88px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss2 {
    padding: 270px 30px 88px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 {
    padding: 40px 30px 88px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 {
    padding: 50px 15px 60px;
  }
}
.h_ss2 > img {
  width: 100%;
  top: 15%;
  left: 0;
  right: 0;
  display: block;
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
@media only screen and (max-width: 1441px) {
  .h_ss2 > img {
    top: 16%;
  }
}
@media only screen and (max-width: 1367px) {
  .h_ss2 > img {
    top: 14%;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss2 > img {
    top: 0%;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss2 > img {
    top: -9%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 > img {
    top: -18%;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 > img {
    top: 0%;
    height: 100%;
  }
}
.h_ss2 .content {
  padding: 52px 0 0;
  border-radius: 10px;
  background: linear-gradient(2deg, rgba(232, 91, 41, 0.3) -2.65%, rgba(84, 96, 171, 0.3) 15.05%, rgba(18, 10, 40, 0.3) 94.43%);
}
@media only screen and (max-width: 576px) {
  .h_ss2 .content {
    padding: 30px 0 0;
    background: linear-gradient(2deg, rgba(232, 91, 41, 0.3) -2.65%, rgba(84, 96, 171, 0.5) 15.05%, rgba(18, 10, 40, 0.8) 94.43%);
  }
}
.h_ss2 .content > img {
  width: 100%;
  display: block;
  border-radius: 0 0 10px 10px;
}
.h_ss2 .content .top {
  display: flex;
  padding: 0px 4.0277777778% 0;
}
@media only screen and (max-width: 576px) {
  .h_ss2 .content .top {
    flex-direction: column;
    padding: 0 10px;
  }
}
.h_ss2 .content .top .left {
  width: 39.4026974952%;
  margin-right: 6.4547206166%;
}
@media only screen and (max-width: 576px) {
  .h_ss2 .content .top .left {
    width: 100%;
    margin-right: 0;
  }
}
.h_ss2 .content .top .left .cm-title {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .content .top .left .cm-title {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .content .top .left .cm-title {
    text-align: center;
    margin-bottom: 10px;
  }
}
.h_ss2 .content .top .left p {
  text-align: justify;
  margin-bottom: 36px;
  opacity: 0.8;
  color: #FFF;
}
@media only screen and (max-width: 576px) {
  .h_ss2 .content .top .left p {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .content .top .left .cm-button {
    margin: 0 auto 30px;
  }
}
.h_ss2 .content .top .right {
  width: 54.1425818882%;
}
@media only screen and (max-width: 576px) {
  .h_ss2 .content .top .right {
    width: 100%;
  }
}
.h_ss2 .content .top .right table {
  width: 100%;
}
.h_ss2 .content .top .right tr {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 16px 0;
  border-bottom: rgba(255, 255, 255, 0.4) 1px solid;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .content .top .right tr {
    padding: 10px 0;
  }
}
.h_ss2 .content .top .right tr td {
  color: #FFF;
  font-family: "MonaSans-VariableFont.ttf";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}
.h_ss2 .content .top .right tr td:nth-of-type(2n+1) {
  width: 37.1886120996%;
  font-weight: 700;
}
.h_ss2 .content .top .right tr td:nth-of-type(2n+2) {
  width: 62.8113879004%;
  opacity: 0.8;
}

.h_ss3 > img {
  width: 100%;
  display: block;
  margin-top: 88px;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 > img {
    margin-top: 40px;
  }
}
.h_ss3 .cm-title {
  text-align: center;
  background: var(--Gradient-Text, linear-gradient(88deg, #E85B29 1.83%, #7162AB 33.38%, #3FA0DF 110.41%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: max-content;
  margin: 0 auto -10px;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .cm-title {
    margin: 0 auto -5px;
  }
}
.h_ss3 .cm-title:nth-child(2) {
  margin: 0 auto 7px;
}
.h_ss3 > .desc {
  font-family: "MonaSans-Bold.ttf";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 137.5% */
  background: linear-gradient(107deg, #120A28 48.06%, #E85B29 112.92%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 auto 32px;
  width: max-content;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 > .desc {
    margin: 0 auto 20px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 > .desc {
    margin: 0 auto 10px;
  }
}
.h_ss3 .exp {
  color: #120A28;
  text-align: center;
  padding: 0 23.75% 32px;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .exp {
    padding: 0 60px 20px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .exp {
    padding: 0px 15px 20px;
  }
}
.h_ss3 .svg_parent {
  padding: 0 9.9305555556% 45px;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .svg_parent {
    padding: 0 30px 30px;
  }
}
.h_ss3 .svg_parent .svg {
  position: relative;
  z-index: 0;
  width: 100%;
}
.h_ss3 .svg_parent .svg svg, .h_ss3 .svg_parent .svg img {
  width: 100%;
  display: block;
  height: auto;
  border-radius: 10px;
}
.h_ss3 .svg_parent .svg .linetron {
  stroke-dasharray: 15;
  stroke-width: 2px;
  animation: draw22 25s linear infinite;
}
.h_ss3 .svg_parent .svg .linengang {
  stroke-dasharray: 15;
  stroke-width: 2px;
  animation: draw22-reverse 25s linear infinite;
}
.h_ss3 .svg_parent .svg .linengang1 {
  stroke-dasharray: 15;
  stroke-width: 2px;
  animation: draw22-reverse 25s linear infinite;
}
.h_ss3 .svg_parent .svg .linedoc {
  stroke-dasharray: 15;
  stroke-width: 2px;
  animation: draw22 25s linear infinite;
}
.h_ss3 .svg_parent .svg .line {
  stroke-dasharray: 15;
  stroke-width: 2px;
  animation: draw22 25s linear infinite;
}
.h_ss3 .svg_parent .svg .mau {
  animation: colorChange 3s infinite;
}
.h_ss3 .svg_parent .svg .nhay {
  animation: bounce 1s infinite ease-in-out;
}
.h_ss3 .svg_parent .svg img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  height: 100%;
}
.h_ss3 .slide {
  padding: 0 9.9305555556% 0px;
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .slide {
    padding: 0 0px 0px;
  }
}
.h_ss3 .slide .swiper {
  overflow: unset;
}
.h_ss3 .slide:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  content: "";
  background: #E85B29;
  z-index: -1;
}
@media only screen and (max-width: 576px) {
  .h_ss3 .slide:after {
    bottom: 10px;
  }
}
.h_ss3 .slide .swiper-slide {
  display: flex;
}
.h_ss3 .slide .swiper-slide .left {
  width: 28.6956521739%;
  padding-bottom: 19px;
  border-right: 1px solid #3FA0DF;
  text-align: center;
  position: relative;
}
.h_ss3 .slide .swiper-slide .left:after {
  content: "";
  position: absolute;
  right: -5.5px;
  bottom: -5.5px;
  border-radius: 50%;
  background: #3FA0DF;
  width: 11px;
  height: 11px;
}
.h_ss3 .slide .swiper-slide .left span {
  color: #E45A2B;
  text-align: center;
  font-family: "AG-Book-Stencil-Regular.otf";
  font-size: 45px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: -10px;
  display: block;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .slide .swiper-slide .left span {
    font-size: 35px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .slide .swiper-slide .left span {
    font-size: 30px;
    margin-top: 0px;
  }
}
.h_ss3 .slide .swiper-slide .left p {
  color: #E45A2B;
  text-align: center;
  font-family: "MonaSans-VariableFont.ttf";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 157.143% */
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .slide .swiper-slide .left p {
    font-size: 13px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .slide .swiper-slide .left p {
    font-size: 12px;
  }
}
.h_ss3 .slide .swiper-slide .right {
  width: 71.3043478261%;
  color: #120A28;
  font-family: "MonaSans-VariableFont.ttf";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  padding: 9px 0 0 15px;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .slide .swiper-slide .right {
    font-size: 13px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .slide .swiper-slide .right {
    font-size: 12px;
    padding: 0px 0 0 9px;
  }
}

.h_ss4 {
  padding: 100px 9.7222222222% 113px;
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 {
    padding: 80px 30px 80px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 {
    padding: 80px 30px 50px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 {
    padding: 60px 15px 40px;
  }
}
.h_ss4 > img {
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  position: absolute;
  z-index: -1;
  pointer-events: none;
  bottom: 0;
  height: 100%;
}
.h_ss4 > img:nth-child(2) {
  width: auto;
  top: auto;
  bottom: 0;
  height: auto;
  left: auto;
}
@media only screen and (max-width: 768px) {
  .h_ss4 > img:nth-child(2) {
    max-width: 50%;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 > img:nth-child(2) {
    display: none;
  }
}
.h_ss4 .top_block {
  margin-bottom: 100px;
}
@media only screen and (max-width: 576px) {
  .h_ss4 .top_block {
    margin-bottom: 80px;
  }
}
.h_ss4 .top_block .top {
  display: flex;
  margin-bottom: 50px;
  padding-left: 60px;
}
@media only screen and (max-width: 1366px) {
  .h_ss4 .top_block .top {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .top_block .top {
    flex-direction: column;
    margin-bottom: 30px;
  }
}
.h_ss4 .top_block .top .left {
  width: 51.724137931%;
  display: flex;
  align-items: flex-end;
}
@media only screen and (max-width: 576px) {
  .h_ss4 .top_block .top .left {
    width: max-content;
    margin: 0 auto 30px;
  }
}
.h_ss4 .top_block .top .left .num {
  width: 130px;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .top_block .top .left .num {
    width: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .top_block .top .left .num {
    width: 90px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .top_block .top .left .num {
    width: 80px;
  }
}
.h_ss4 .top_block .top .left .num img {
  width: 100%;
  display: block;
}
.h_ss4 .top_block .top .left .text {
  display: flex;
  flex-direction: column;
  padding-left: 10px;
}
.h_ss4 .top_block .top .left .text .cm-title {
  background: linear-gradient(67deg, #E85B29 6.18%, #7162AB 25.16%, #3FA0DF 71.48%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 5px;
}
.h_ss4 .top_block .top .left .text p {
  color: var(--White, #FFF);
  font-weight: 700;
}
.h_ss4 .top_block .top .right {
  width: 48.275862069%;
}
@media only screen and (max-width: 576px) {
  .h_ss4 .top_block .top .right {
    width: 100%;
  }
}
.h_ss4 .top_block .top .right .title {
  color: #FFF;
  font-family: "MonaSans-VariableFont.ttf";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 22px;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .top_block .top .right .title {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .top_block .top .right .title {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.h_ss4 .top_block .top .right .exp {
  opacity: 0.8;
  text-align: justify;
}
.h_ss4 .top_block .top .right .button {
  position: relative;
  display: flex;
  margin-top: 48px;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .top_block .top .right .button {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .top_block .top .right .button {
    width: max-content;
    margin: 20px auto 0px;
  }
}
.h_ss4 .top_block .top .right .button .swiper-button-next, .h_ss4 .top_block .top .right .button .swiper-button-prev {
  position: relative;
  top: unset !important;
  margin-top: unset !important;
  left: unset !important;
  right: unset !important;
  height: auto !important;
  width: 48px !important;
}
@media only screen and (max-width: 768px) {
  .h_ss4 .top_block .top .right .button .swiper-button-next, .h_ss4 .top_block .top .right .button .swiper-button-prev {
    width: 35px !important;
  }
}
.h_ss4 .top_block .top .right .button .swiper-button-next:after, .h_ss4 .top_block .top .right .button .swiper-button-prev:after {
  display: none;
}
.h_ss4 .top_block .top .right .button .swiper-button-next {
  margin-left: 24px !important;
}
.h_ss4 .top_block .swiper {
  border-radius: 15px;
}
.h_ss4 .top_block .swiper::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 20.0862068966%;
  height: 100%;
  content: "";
  background: linear-gradient(6deg, #E85B29 -1.43%, #7162AB 43.98%, rgba(63, 160, 223, 0) 89.51%);
  border-radius: 15px 0 0 15px;
  z-index: 1;
}
@media only screen and (max-width: 576px) {
  .h_ss4 .top_block .swiper::after {
    width: 37.3275862069%;
  }
}
.h_ss4 .top_block .swiper .swiper-pagination {
  left: -80px;
  bottom: -108px;
  width: max-content;
  top: unset !important;
  z-index: 2;
  display: flex;
  align-items: flex-end;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .top_block .swiper .swiper-pagination {
    bottom: -83px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .top_block .swiper .swiper-pagination {
    bottom: -68px;
    left: -60px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .top_block .swiper .swiper-pagination {
    bottom: -58px;
  }
}
.h_ss4 .top_block .swiper .swiper-pagination span {
  color: var(--White, #FFF);
  font-family: "MonaSans_Condensed-Regular.ttf";
  font-size: 40px;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 576px) {
  .h_ss4 .top_block .swiper .swiper-pagination span {
    font-size: 30px;
  }
}
.h_ss4 .top_block .swiper .swiper-pagination span:nth-child(2), .h_ss4 .top_block .swiper .swiper-pagination span:nth-child(3) {
  margin-bottom: 130px;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .h_ss4 .top_block .swiper .swiper-pagination span:nth-child(2), .h_ss4 .top_block .swiper .swiper-pagination span:nth-child(3) {
    margin-bottom: 70px;
  }
}
.h_ss4 .top_block .swiper .swiper-pagination span.current {
  font-family: "MonaSans_Condensed-Light.ttf";
  font-size: 336px;
  font-style: italic;
  font-weight: 200;
  line-height: normal;
  letter-spacing: -1.88px;
  background: linear-gradient(1deg, rgba(217, 217, 217, 0.3) 19.08%, #FFF 45.68%, #FFF 71.27%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-right: 70px;
  margin-right: -50px;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .top_block .swiper .swiper-pagination span.current {
    font-size: 260px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .top_block .swiper .swiper-pagination span.current {
    font-size: 210px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .top_block .swiper .swiper-pagination span.current {
    font-size: 175px;
  }
}
.h_ss4 .top_block .swiper .swiper-slide {
  aspect-ratio: 1165/498;
  border-radius: 15px;
  position: relative;
}
@media only screen and (max-width: 576px) {
  .h_ss4 .top_block .swiper .swiper-slide {
    aspect-ratio: 765/498;
  }
}
.h_ss4 .top_block .swiper .swiper-slide:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 50%;
  border-radius: 15px 15px 0 0;
  background: linear-gradient(190deg, rgba(18, 10, 40, 0) 36.35%, #120A28 81.08%, #E85B29 121.09%);
}
.h_ss4 .top_block .swiper .swiper-slide img {
  border-radius: 15px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.h_ss4 .bottom_block {
  display: flex;
}
@media only screen and (max-width: 576px) {
  .h_ss4 .bottom_block {
    flex-direction: column-reverse;
  }
}
.h_ss4 .bottom_block .left {
  width: 35.8620689655%;
  display: flex;
  align-items: flex-end;
  margin-right: 8.6206896552%;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .h_ss4 .bottom_block .left {
    width: 40.1724137931%;
    margin-right: 4.3103448276%;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .bottom_block .left {
    width: 100%;
    margin-right: 0;
    margin-top: 30px;
  }
}
.h_ss4 .bottom_block .left .swiper-slide {
  display: flex;
  flex-direction: column;
}
.h_ss4 .bottom_block .left .swiper-slide .img {
  aspect-ratio: 416/518;
  margin-bottom: 60px;
  border-radius: 10px;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .bottom_block .left .swiper-slide .img {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .bottom_block .left .swiper-slide .img {
    margin-bottom: 20px;
  }
}
.h_ss4 .bottom_block .left .swiper-slide .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}
.h_ss4 .bottom_block .left .swiper-slide .exp {
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  text-align: justify;
}
.h_ss4 .bottom_block .left .swiper-slide .exp strong {
  font-weight: bold;
}
.h_ss4 .bottom_block .left .button {
  display: flex;
  justify-content: space-between;
  margin-top: 26px;
  width: 100%;
}
.h_ss4 .bottom_block .left .button .navi {
  position: relative;
  display: flex;
}
.h_ss4 .bottom_block .left .button .navi .swiper-button-next, .h_ss4 .bottom_block .left .button .navi .swiper-button-prev {
  position: relative;
  top: unset !important;
  margin-top: unset !important;
  left: unset !important;
  right: unset !important;
  height: auto !important;
  width: 48px !important;
}
@media only screen and (max-width: 768px) {
  .h_ss4 .bottom_block .left .button .navi .swiper-button-next, .h_ss4 .bottom_block .left .button .navi .swiper-button-prev {
    width: 35px !important;
  }
}
.h_ss4 .bottom_block .left .button .navi .swiper-button-next:after, .h_ss4 .bottom_block .left .button .navi .swiper-button-prev:after {
  display: none;
}
.h_ss4 .bottom_block .left .button .navi .swiper-button-next {
  margin-left: 24px !important;
}
.h_ss4 .bottom_block .left .button .swiper-pagination {
  position: relative;
  width: max-content;
  top: unset !important;
  z-index: 2;
  left: unset !important;
  right: unset !important;
}
.h_ss4 .bottom_block .left .button .swiper-pagination span {
  color: var(--White, #FFF);
  font-family: "MonaSans-VariableFont.ttf";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.h_ss4 .bottom_block .left .button .swiper-pagination span.current {
  text-align: center;
  font-family: "MonaSans_Condensed-Italic.ttf";
  font-size: 50px;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: linear-gradient(20deg, #E85B29 15.7%, #7162AB 33.69%, #3FA0DF 90.02%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-right: 11px;
  margin-right: -12px;
}
@media only screen and (max-width: 768px) {
  .h_ss4 .bottom_block .left .button .swiper-pagination span.current {
    padding-right: 10px;
  }
}
.h_ss4 .bottom_block .left .button .swiper-pagination span.total {
  margin-left: -6px;
}
.h_ss4 .bottom_block .right {
  width: 55.5172413793%;
}
@media only screen and (max-width: 576px) {
  .h_ss4 .bottom_block .right {
    width: 100%;
  }
}
.h_ss4 .bottom_block .right .top {
  display: flex;
  align-items: flex-end;
  margin-bottom: 60px;
  padding-left: 80px;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .bottom_block .right .top {
    margin-bottom: 40px;
    padding-left: 40px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .bottom_block .right .top {
    padding-left: 0px;
    margin: 0 auto 30px;
    width: max-content;
  }
}
.h_ss4 .bottom_block .right .top .num {
  width: 130px;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .bottom_block .right .top .num {
    width: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .bottom_block .right .top .num {
    width: 90px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .bottom_block .right .top .num {
    width: 80px;
  }
}
.h_ss4 .bottom_block .right .top .num img {
  width: 100%;
  display: block;
}
.h_ss4 .bottom_block .right .top .text {
  display: flex;
  flex-direction: column;
  padding-left: 10px;
}
.h_ss4 .bottom_block .right .top .text .cm-title {
  background: linear-gradient(67deg, #E85B29 6.18%, #7162AB 25.16%, #3FA0DF 71.48%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 5px;
}
.h_ss4 .bottom_block .right .top .text p {
  color: var(--White, #FFF);
  /* BODY TEXT BOLD */
  font-family: "MonaSans-VariableFont.ttf";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 157.143% */
}
.h_ss4 .bottom_block .right .img {
  aspect-ratio: 642/590;
  border-radius: 10px;
}
@media only screen and (max-width: 576px) {
  .h_ss4 .bottom_block .right .img {
    display: none;
  }
}
.h_ss4 .bottom_block .right .img img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.h_ss5 {
  background: #120A28;
}
.h_ss5 .top {
  padding: 96px 5.5555555556% 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .top {
    padding: 80px 30px 0;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .top {
    padding: 60px 15px 0px;
  }
}
.h_ss5 .top .cm-title {
  text-align: center;
  margin: 0 auto 48px;
  background: var(--Gradient-Text, linear-gradient(88deg, #E85B29 1.83%, #7162AB 33.38%, #3FA0DF 110.41%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: max-content;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .top .cm-title {
    margin: 0 auto 25px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .top .cm-title {
    margin: 0 auto 15px;
  }
}
.h_ss5 .top > img {
  width: 100%;
}
.h_ss5 .top .svg_block {
  position: relative;
}
.h_ss5 .top .svg_block .content {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  padding: 0 29px 43px 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .top .svg_block .content {
    padding: 0 0px 20px 0;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .top .svg_block .content {
    position: relative;
    bottom: unset;
    right: unset;
    padding: 0 0 20px 0;
  }
}
.h_ss5 .top .svg_block .content h2 {
  text-align: right;
  font-size: 45px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: "SVN-AGBookStencil.otf";
  text-transform: uppercase;
  margin-bottom: 5px;
  padding-right: 80px;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .top .svg_block .content h2 {
    padding-right: 30px;
    font-size: 35px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .top .svg_block .content h2 {
    text-align: center;
    padding-right: 0;
    font-size: 28px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .top .svg_block .content h2 {
    font-size: 22px;
  }
}
.h_ss5 .top .svg_block .content h4 {
  color: #FFF;
  text-align: right;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 36px */
  letter-spacing: 0.48px;
  text-transform: uppercase;
  padding-right: 80px;
  margin-bottom: 41px;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .top .svg_block .content h4 {
    padding-right: 30px;
    margin-bottom: 20px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .top .svg_block .content h4 {
    text-align: center;
    padding-right: 0;
    font-size: 18px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .top .svg_block .content h4 {
    font-size: 16px;
  }
}
.h_ss5 .top .svg_block .content .list {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .h_ss5 .top .svg_block .content .list {
    justify-content: center;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .top .svg_block .content .list {
    flex-direction: column;
  }
}
.h_ss5 .top .svg_block .content .list .list_item {
  display: flex;
  flex-direction: column;
  margin-right: 80px;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .top .svg_block .content .list .list_item {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .top .svg_block .content .list .list_item {
    margin-right: 0px;
    display: none;
    flex-wrap: wrap;
    flex-direction: unset;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .top .svg_block .content .list .list_item:nth-child(3) {
    margin-right: 0px;
  }
}
.h_ss5 .top .svg_block .content .list .list_item:last-child {
  display: none;
}
@media only screen and (max-width: 576px) {
  .h_ss5 .top .svg_block .content .list .list_item:last-child {
    display: flex;
  }
}
.h_ss5 .top .svg_block .content .list .list_item .item {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .top .svg_block .content .list .list_item .item {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .top .svg_block .content .list .list_item .item {
    width: 50%;
  }
}
.h_ss5 .top .svg_block .content .list .list_item .item:last-child {
  margin-bottom: 0;
}
.h_ss5 .top .svg_block .content .list .list_item .item span {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  font-weight: 600;
  color: var(--White, #FFF);
  border-radius: 50%;
  border: 1px solid #fff;
}
@media only screen and (max-width: 576px) {
  .h_ss5 .top .svg_block .content .list .list_item .item span {
    width: 20px;
    height: 20px;
    font-size: 11px;
  }
}
.h_ss5 .top .svg_block .content .list .list_item .item p {
  width: calc(100% - 32px);
  color: var(--White, #FFF);
}
@media only screen and (max-width: 576px) {
  .h_ss5 .top .svg_block .content .list .list_item .item p {
    width: calc(100% - 25px);
    line-height: 20px;
  }
}
.h_ss5 .top .svg_block .zoom-map {
  position: relative;
}
.h_ss5 .top .svg_block .svg {
  position: relative;
}
.h_ss5 .top .svg_block .svg svg, .h_ss5 .top .svg_block .svg img {
  width: 100%;
  display: block;
  height: auto;
}
.h_ss5 .top .svg_block .svg svg {
  position: absolute;
  top: -1px;
  left: -2px;
  right: 0;
  z-index: 1;
  width: 102%;
}
@media only screen and (max-width: 576px) {
  .h_ss5 .top .svg_block .svg svg {
    top: -2px;
    left: -2px;
    width: 102.5%;
  }
}
.h_ss5 .top .svg_block .svg svg rect, .h_ss5 .top .svg_block .svg svg path {
  cursor: pointer;
}
.h_ss5 .top .svg_block .svg svg rect.active, .h_ss5 .top .svg_block .svg svg path.active {
  opacity: 1;
}
.h_ss5 .top .svg_block .svg svg path[fill="#234D9D"], .h_ss5 .top .svg_block .svg svg .num {
  opacity: 0;
  cursor: pointer;
}
.h_ss5 .top .svg_block .svg svg path[fill="#234D9D"].active, .h_ss5 .top .svg_block .svg svg .num.active {
  opacity: 1;
}
.h_ss5 .top .svg_block .svg svg rect[data-num], .h_ss5 .top .svg_block .svg svg path[data-num] {
  pointer-events: none;
}
.h_ss5 .top .svg_block .btn_zoom {
  position: absolute;
  left: 22px;
  bottom: 42px;
  display: flex;
  z-index: 3;
}
@media (max-width: 576px) {
  .h_ss5 .top .svg_block .btn_zoom {
    right: 10px;
    bottom: 10px;
    left: auto;
  }
}
.h_ss5 .top .svg_block .btn_zoom .zoom {
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 6px;
  background: #120A28;
  position: relative;
}
@media (max-width: 576px) {
  .h_ss5 .top .svg_block .btn_zoom .zoom {
    width: 25px;
    height: 25px;
  }
}
.h_ss5 .top .svg_block .btn_zoom .zoom:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 50%;
  border-radius: 10px;
  background: #3FA0DF;
  border-radius: 10px;
}
.h_ss5 .top .svg_block .btn_zoom .zoom:nth-child(1) {
  margin-right: 8px;
}
.h_ss5 .top .svg_block .btn_zoom .zoom::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 2px;
  border-radius: 10px;
  background: #3FA0DF;
  border-radius: 10px;
}
.h_ss5 .top .svg_block .btn_zoom .zoom img {
  display: block;
}
.h_ss5 .bottom {
  background: linear-gradient(22deg, #E45A2B -7.11%, #4099D9 -1.28%, rgba(63, 160, 223, 0.74) 9.64%, rgba(72, 131, 200, 0) 52.97%, rgba(64, 153, 217, 0) 70.95%, rgba(62, 162, 224, 0) 82.63%);
  display: flex;
  padding: 136px 10.1388888889% 96px;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .bottom {
    padding: 80px 50px 0;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .bottom {
    padding: 80px 30px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .bottom {
    flex-direction: column;
    padding: 60px 15px 30px;
  }
}
.h_ss5 .bottom > img {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .h_ss5 .bottom > img {
    max-width: 50%;
  }
}
.h_ss5 .bottom .left {
  width: 45.0348432056%;
  margin-right: 8.7108013937%;
}
@media only screen and (max-width: 576px) {
  .h_ss5 .bottom .left {
    width: 100%;
    margin-right: 0;
  }
}
.h_ss5 .bottom .left > p {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .bottom .left > p {
    font-size: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .bottom .left > p {
    text-align: center;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .bottom .left .cm-title {
    text-align: center;
  }
}
.h_ss5 .bottom .left .exp {
  padding: 87px 0 0 153px;
  text-align: justify;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .bottom .left .exp {
    padding: 15px 0 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .bottom .left .exp {
    padding: 15px 0 0 0px;
  }
}
.h_ss5 .bottom .left .exp p {
  margin-bottom: 30px;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .bottom .left .exp p {
    margin-bottom: 15px;
  }
}
.h_ss5 .bottom .left .exp p:last-child {
  margin-bottom: 0;
}
.h_ss5 .bottom .right {
  width: 46.2543554007%;
}
@media only screen and (max-width: 576px) {
  .h_ss5 .bottom .right {
    width: 100%;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .bottom .right img {
    max-width: 90%;
  }
}
.h_ss5 .bottom .right img:nth-child(1) {
  aspect-ratio: 390/521;
  display: block;
  margin-left: auto;
  margin-bottom: -100px;
}
@media only screen and (max-width: 576px) {
  .h_ss5 .bottom .right img:nth-child(1) {
    margin-bottom: -50px;
  }
}
.h_ss5 .bottom .right img:nth-child(2) {
  aspect-ratio: 396/243;
  display: block;
}

.ss-group {
  background: linear-gradient(141deg, #120A28 76.34%, #E85B29 120.27%);
}

.h_ss6 {
  padding: 86px 5.5555555556%;
}
@media only screen and (max-width: 1024px) {
  .h_ss6 {
    padding: 66px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss6 {
    padding: 45px 15px;
  }
}
.h_ss6 .top {
  display: flex;
  align-items: center;
  margin: 0 auto 33px;
  justify-content: space-between;
  padding: 0 66px;
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .top {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss6 .top {
    display: flex;
    padding: 0;
    justify-content: center;
  }
}
.h_ss6 .cm-button {
  position: relative;
  border: none;
  z-index: 0;
}
@media only screen and (max-width: 576px) {
  .h_ss6 .cm-button {
    display: none;
  }
}
.h_ss6 .cm-button.mb {
  display: none;
}
@media only screen and (max-width: 576px) {
  .h_ss6 .cm-button.mb {
    display: flex;
    margin: 20px auto 0;
  }
}
.h_ss6 .cm-button:before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 64px;
  background: linear-gradient(90deg, #F25B5B -19.46%, #F78754 6.05%, #8171AD 47.85%, #5AB8E8 95.54%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}
.h_ss6 .cm-title {
  text-align: center;
  background: var(--Gradient-Text, linear-gradient(88deg, #E85B29 1.83%, #7162AB 33.38%, #3FA0DF 110.41%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: max-content;
}
.h_ss6 .content {
  width: 100%;
  display: inline-block;
}
.h_ss6 .content .item {
  display: inline-block;
  float: left;
  width: calc((100% - 40px) / 2);
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 30px;
  display: flex;
  background: rgba(64, 153, 217, 0.1);
}
@media only screen and (max-width: 1024px) {
  .h_ss6 .content .item {
    width: calc((100% - 20px) / 2);
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 820px) {
  .h_ss6 .content .item {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss6 .content .item {
    flex-direction: column;
  }
}
.h_ss6 .content .item .thumbnail {
  width: 160px;
  line-height: 0;
  overflow: hidden;
}
.h_ss6 .content .item .thumbnail img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  object-position: center;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 576px) {
  .h_ss6 .content .item .thumbnail {
    width: 100%;
  }
  .h_ss6 .content .item .thumbnail img {
    height: auto;
    aspect-ratio: 16/9;
  }
}
.h_ss6 .content .item .text {
  flex: 1;
  padding: 20px 20px 24px;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media only screen and (max-width: 1024px) {
  .h_ss6 .content .item .text {
    padding: 15px 15px 20px;
  }
}
.h_ss6 .content .item .text .date {
  width: fit-content;
  padding-right: 24px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 1024px) {
  .h_ss6 .content .item .text .date {
    padding-right: 20px;
  }
}
.h_ss6 .content .item .text .date p {
  text-align: center;
  color: var(--Blue, #3FA0DF);
  text-transform: uppercase;
  line-height: 120%;
}
.h_ss6 .content .item .text .date p:nth-of-type(1) {
  font-size: 48px;
  font-weight: 600;
  margin-bottom: 3px;
}
@media only screen and (max-width: 1024px) {
  .h_ss6 .content .item .text .date p:nth-of-type(1) {
    font-size: 40px;
  }
}
.h_ss6 .content .item .text .date p:nth-of-type(2) {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22px;
}
@media only screen and (max-width: 1024px) {
  .h_ss6 .content .item .text .date p:nth-of-type(2) {
    font-size: 11px;
  }
}
.h_ss6 .content .item .text .intro {
  flex: 1;
}
.h_ss6 .content .item .text .intro .title {
  color: var(--White, #FFF);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 21px */
  letter-spacing: 0.56px;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media only screen and (max-width: 576px) {
  .h_ss6 .content .item .text .intro .title {
    text-transform: inherit;
  }
}
.h_ss6 .content .item .text .intro .exp {
  color: var(--White, #FFF);
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  display: none;
}
.h_ss6 .content .item:nth-of-type(1) {
  margin-right: 40px;
  flex-direction: column;
  margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  .h_ss6 .content .item:nth-of-type(1) {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 820px) {
  .h_ss6 .content .item:nth-of-type(1) {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.h_ss6 .content .item:nth-of-type(1) .thumbnail {
  width: 100%;
}
.h_ss6 .content .item:nth-of-type(1) .thumbnail img {
  height: 300px;
}
@media only screen and (max-width: 576px) {
  .h_ss6 .content .item:nth-of-type(1) .thumbnail img {
    height: auto;
    aspect-ratio: 16/9;
  }
}
.h_ss6 .content .item:nth-of-type(1) .text {
  padding: 20px 40px 26px 24px;
  gap: 40px;
}
@media only screen and (max-width: 1024px) {
  .h_ss6 .content .item:nth-of-type(1) .text {
    padding: 15px 15px 20px;
    gap: 20px;
  }
}
.h_ss6 .content .item:nth-of-type(1) .text .intro .exp {
  display: -webkit-box;
  margin-top: 8px;
}
@media only screen and (max-width: 1024px) {
  .h_ss6 .content .item:nth-of-type(1) .text .intro .exp {
    display: none;
  }
}
.h_ss6 .content .item:last-child {
  margin-bottom: 0;
}
.h_ss6 .content .item:hover .thumbnail img {
  transform: scale(1.1);
}

.h_ss7 .cm-title {
  text-align: center;
  background: var(--Gradient-Text, linear-gradient(88deg, #E85B29 1.83%, #7162AB 33.38%, #3FA0DF 110.41%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: max-content;
  margin: 0 auto 53px;
}
@media only screen and (max-width: 1024px) {
  .h_ss7 .cm-title {
    margin: 0 auto 33px;
  }
}
.h_ss7 .content .swiper-slide {
  width: 233px;
  height: 155px;
  padding: 0 0 7px 7px;
  box-sizing: border-box;
  position: relative;
  border-radius: 10px;
}
.h_ss7 .content .swiper-slide .text {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #E85B29;
  transform: translateY(100%);
  padding: 20px 15px;
  box-sizing: border-box;
  transition: all 0.3s ease;
  z-index: 1;
  border-radius: 10px;
}
.h_ss7 .content .swiper-slide .text .name {
  color: #fff;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.2px;
}
.h_ss7 .content .swiper-slide .text .intro {
  margin-top: 8px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: calc(100% - 24px);
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  line-height: 150%;
  text-align: left;
}
.h_ss7 .content .swiper-slide .text .intro img {
  width: 13px;
  margin-top: 5px;
}
.h_ss7 .content .swiper-slide .text .intro a {
  display: block;
  color: #fff;
}
@media (max-width: 1024px) {
  .h_ss7 .content .swiper-slide .text {
    padding: 25px 15px;
  }
  .h_ss7 .content .swiper-slide .text .name {
    font-size: 14px;
    margin-bottom: 12px;
  }
  .h_ss7 .content .swiper-slide .text .intro {
    gap: 6px;
    width: calc(100% - 22px);
    font-size: 13px;
  }
}
.h_ss7 .content .swiper-slide:hover .img {
  opacity: 0.5;
}
.h_ss7 .content .swiper-slide:hover .text {
  transform: translateY(0);
}
.h_ss7 .content .swiper-slide .img {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.h_ss7 .content .swiper-slide .img::before {
  position: absolute;
  content: "";
  z-index: 2;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 1px solid rgba(63, 160, 223, 0.3);
  background: radial-gradient(125.7% 145.14% at 62.76% 0%, rgba(0, 0, 0, 0) 48.72%, #3EA2E0 100%);
  opacity: 0.7;
  transition: all 0.25s ease;
}
.h_ss7 .content .swiper-slide .img::after {
  position: absolute;
  content: "";
  top: 0;
  left: -7px;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: #00022E;
  filter: blur(3.25px);
}
.h_ss7 .content .swiper-slide .img img {
  z-index: 2;
  opacity: 0.7;
  max-width: 75%;
  max-height: 75%;
  transition: all 0.25s ease;
}
.h_ss7 .content .swiper-slide:hover .img img, .h_ss7 .content .swiper-slide:hover .img::before {
  opacity: 1;
}

.h_ss9 {
  position: relative;
  padding: 89px 5.5555555556% 69px;
  background-size: cover;
  background-position: left center;
}
@media only screen and (max-width: 1024px) {
  .h_ss9 {
    padding: 66px 30px 55px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss9 {
    padding: 45px 15px 35px;
  }
}
.h_ss9 .decor {
  position: absolute;
  right: 0;
  top: 0;
  width: 34.7222222222%;
  max-width: 500px;
}
.h_ss9 .inner_wrap {
  position: relative;
  border-radius: 10px;
  background: rgba(12, 7, 27, 0.7);
  box-shadow: -9px 12px 16.4px 7px rgba(0, 0, 0, 0.25);
}
.h_ss9 .top, .h_ss9 .bottom {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media only screen and (max-width: 1024px) {
  .h_ss9 .top, .h_ss9 .bottom {
    flex-direction: column;
  }
}
.h_ss9 .top .left,
.h_ss9 .top .right, .h_ss9 .bottom .left,
.h_ss9 .bottom .right {
  width: calc((100% - 30px) / 2);
}
@media only screen and (max-width: 1024px) {
  .h_ss9 .top .left,
  .h_ss9 .top .right, .h_ss9 .bottom .left,
  .h_ss9 .bottom .right {
    width: 100%;
  }
}
.h_ss9 .top {
  padding: 68px 4.21875% 79px;
}
@media only screen and (max-width: 1024px) {
  .h_ss9 .top {
    padding: 66px 30px 55px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss9 .top {
    padding: 45px 15px 35px;
  }
}
.h_ss9 .top .left .des {
  margin-top: 16px;
  color: #FFF;
  width: 362px;
  max-width: 100%;
}
.h_ss9 .top .right form {
  width: 100%;
}
.h_ss9 .top .right form .form-field-all {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 15px;
  margin-bottom: 32px;
}
.h_ss9 .top .right form ._form_group {
  width: calc((100% - 15px) / 2);
  position: relative;
}
@media only screen and (max-width: 576px) {
  .h_ss9 .top .right form ._form_group {
    width: 100%;
  }
}
.h_ss9 .top .right form ._form_group:nth-of-type(1) {
  width: 100%;
}
.h_ss9 .top .right form ._form_group input {
  width: 100%;
  height: 36px;
  color: rgba(255, 255, 255, 0.8);
  font-family: "MonaSans-VariableFont.ttf";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  outline: none;
  box-shadow: none;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  background-color: transparent;
}
.h_ss9 .top .right form ._form_group input::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (max-width: 1024px) {
  .h_ss9 .top .right form ._form_group input {
    font-size: 13px;
  }
}
.h_ss9 .top .right form .btn_submit_contact {
  width: 206px;
  height: 48px;
  border: 1px solid #fff;
  background: var(--Gradient-Text, linear-gradient(88deg, #E85B29 1.83%, #7162AB 33.38%, #3FA0DF 110.41%));
  outline: none;
  box-shadow: none;
  border-radius: 48px;
  color: #FFF;
  font-family: "Geologica-VariableFont.ttf";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.48px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .h_ss9 .top .right form .btn_submit_contact {
    width: 190px;
    height: 42px;
    font-size: 14px;
  }
}
.h_ss9 .top .right form ._error_msg {
  position: absolute;
  right: 0;
  top: 100%;
  font-size: 12px;
  color: #E85B29;
  font-style: italic;
}
.h_ss9 .top .right form .frm-mes {
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  margin-top: 10px;
}
.h_ss9 .bottom {
  padding: 64px 3.75% 58px 4.0625%;
  border-radius: 10px;
  background: #0C071B;
}
@media only screen and (max-width: 1024px) {
  .h_ss9 .bottom {
    padding: 45px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss9 .bottom {
    padding: 40px 15px;
  }
}
.h_ss9 .bottom .left .logo {
  display: block;
  max-width: 155px;
}
.h_ss9 .bottom .right {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}
@media only screen and (max-width: 576px) {
  .h_ss9 .bottom .right {
    flex-direction: column;
    gap: 20px;
  }
}
.h_ss9 .bottom .right .item:nth-of-type(1) {
  flex: 1;
}
.h_ss9 .bottom .right .item:nth-of-type(2) {
  width: 175px;
}
@media only screen and (max-width: 576px) {
  .h_ss9 .bottom .right .item:nth-of-type(2) {
    width: 100%;
  }
}
.h_ss9 .bottom .right .label {
  color: var(--Blue, #3FA0DF);
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  margin-bottom: 19px;
}
.h_ss9 .bottom .right .intro {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--White, #FFF);
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px; /* 161.538% */
  text-transform: uppercase;
}
.h_ss9 .bottom .right .intro span {
  display: block;
  width: 12px;
  line-height: 0;
}
.h_ss9 .bottom .right .intro a {
  color: #fff;
}
.h_ss9 .bottom .right .intro a:hover {
  text-decoration: underline;
}
.h_ss9 .bottom .right .intro:last-child {
  margin-bottom: 0;
}
.h_ss9 .bottom .right .link_target {
  display: block;
  line-height: 0;
}
.h_ss9 .bottom .right .link_target img {
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 576px) {
  .h_ss9 .bottom .right .link_target img {
    margin: 0;
  }
}

.h_ss8 {
  position: relative;
  z-index: 0;
  padding: 74px 5.5555555556% 34px;
}
@media only screen and (max-width: 1024px) {
  .h_ss8 {
    padding: 66px 30px 35px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss8 {
    padding: 45px 15px 35px;
  }
}
.h_ss8 .cm-title {
  text-align: center;
  background: var(--Gradient-Text, linear-gradient(88deg, #E85B29 1.83%, #7162AB 33.38%, #3FA0DF 110.41%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: max-content;
  margin: 0 auto;
}
.h_ss8 .tab {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 33px 0 47px;
}
@media only screen and (max-width: 1024px) {
  .h_ss8 .tab {
    margin: 25px 0 33px;
  }
}
@media (max-width: 820px) {
  .h_ss8 .tab {
    padding-bottom: 0;
    align-items: center;
    justify-content: center;
  }
}
.h_ss8 .tab .item {
  position: relative;
  margin-left: 24px;
  padding-left: 25px;
  color: var(--White, #FFF);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px; /* 156.25% */
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 0.69;
}
@media only screen and (max-width: 1280px) {
  .h_ss8 .tab .item {
    font-size: 15px;
  }
}
.h_ss8 .tab .item::before {
  position: absolute;
  content: "";
  top: 4px;
  left: 0;
  opacity: 0.69;
  background: #FFF;
  width: 1px;
  height: 16px;
}
.h_ss8 .tab .item:nth-of-type(1) {
  margin-left: 0;
  padding-left: 0;
}
.h_ss8 .tab .item:nth-of-type(1)::before {
  display: none;
}
.h_ss8 .tab .item.active {
  opacity: 1;
  background: var(--Gradient-Text, linear-gradient(88deg, #E85B29 1.83%, #7162AB 33.38%, #3FA0DF 110.41%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 576px) {
  .h_ss8 .tab .item {
    font-size: 14px;
    margin-left: 15px;
    padding-left: 16px;
  }
  .h_ss8 .tab .item::before {
    height: 14px;
  }
}
.h_ss8 .tab_content {
  display: none;
}
.h_ss8 .slide_image {
  width: 100%;
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .h_ss8 .slide_image {
    margin-bottom: 25px;
  }
}
@media (max-width: 576px) {
  .h_ss8 .slide_image {
    margin-bottom: 15px;
  }
}
.h_ss8 .slide_image .swiper-slide {
  line-height: 0;
  position: relative;
}
.h_ss8 .slide_image .swiper-slide:after {
  background: linear-gradient(180deg, rgba(11, 16, 43, 0) 12.5%, #0B102B 100%);
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  right: 0;
  height: 39.4117647059%;
}
.h_ss8 .slide_image .swiper-slide img:not(.icon) {
  width: 100%;
  aspect-ratio: 1318/600;
  object-fit: cover;
  object-position: center;
}
@media only screen and (max-width: 576px) {
  .h_ss8 .slide_image .swiper-slide img:not(.icon) {
    aspect-ratio: 1018/550;
  }
}
.h_ss8 .slide_image .swiper-slide .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75px;
}
@media only screen and (max-width: 768px) {
  .h_ss8 .slide_image .swiper-slide .icon {
    width: 50px;
  }
}
.h_ss8 .slide_image .swiper-slide p {
  position: absolute;
  padding: 0 32px 32px;
  width: calc(100% - 64px);
  left: 0;
  bottom: 0;
  color: var(--White, #FFF);
  font-size: 18px;
  font-style: normal;
  font-weight: 450;
  line-height: 150%; /* 21px */
  text-transform: uppercase;
  z-index: 1;
}
@media only screen and (max-width: 1280px) {
  .h_ss8 .slide_image .swiper-slide p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss8 .slide_image .swiper-slide p {
    padding: 0 15px 10px;
    width: calc(100% - 30px);
    font-size: 15px;
  }
}
.h_ss8 .slide_thumbs {
  position: relative;
  line-height: 0;
  margin: 0 9.7222222222%;
}
@media only screen and (max-width: 768px) {
  .h_ss8 .slide_thumbs {
    margin: 0;
  }
}
.h_ss8 .slide_thumbs .swiper-button-next, .h_ss8 .slide_thumbs .swiper-button-prev {
  width: 32px !important;
  height: 32px !important;
  top: 50% !important;
  transform: translateY(-50%);
  margin-top: unset !important;
}
.h_ss8 .slide_thumbs .swiper-button-next:after, .h_ss8 .slide_thumbs .swiper-button-prev:after {
  display: none;
}
.h_ss8 .slide_thumbs .swiper-button-next {
  right: 0;
}
.h_ss8 .slide_thumbs .swiper-button-prev {
  left: 0;
}
.h_ss8 .slide_thumbs .swiper-button-prev svg {
  transform: rotate(180deg);
}
.h_ss8 .slide_thumbs .swiper-slide {
  position: relative;
  overflow: hidden;
}
.h_ss8 .slide_thumbs .swiper-slide::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 2px solid rgba(63, 160, 223, 0.3);
  transform: scale(0.85);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.h_ss8 .slide_thumbs .swiper-slide:after {
  background: linear-gradient(180deg, rgba(11, 16, 43, 0) 12.5%, #0B102B 100%);
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  right: 0;
  height: 60%;
}
.h_ss8 .slide_thumbs .swiper-slide img {
  width: 100%;
  aspect-ratio: 358/192;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1024px) {
  .h_ss8 .slide_thumbs .swiper-slide img {
    aspect-ratio: 16/9;
  }
}
.h_ss8 .slide_thumbs .swiper-slide p {
  position: absolute;
  padding: 0 20px 16px;
  width: calc(100% - 40px);
  left: 0;
  bottom: 0;
  color: var(--White, #FFF);
  font-size: 14px;
  font-style: normal;
  font-weight: 450;
  line-height: 150%; /* 21px */
  text-transform: uppercase;
  z-index: 1;
}
@media only screen and (max-width: 1280px) {
  .h_ss8 .slide_thumbs .swiper-slide p {
    font-size: 13px;
    padding: 0 10px 16px;
    width: calc(100% - 20px);
  }
}
@media only screen and (max-width: 768px) {
  .h_ss8 .slide_thumbs .swiper-slide p {
    font-size: 12px;
    padding: 0 5px 5px;
    width: calc(100% - 10px);
  }
}
.h_ss8 .slide_thumbs .swiper-slide.swiper-slide-thumb-active::before {
  transform: scale(1);
  opacity: 1;
}
.h_ss8 .slide_video {
  margin: 0 5.5555555556%;
}
@media (max-width: 1280px) {
  .h_ss8 .slide_video {
    margin: 0 30px;
  }
}
@media (max-width: 576px) {
  .h_ss8 .slide_video {
    margin: 0 15px;
  }
}
.h_ss8 .slide_video .swiper-slide {
  display: inline-block;
}
.h_ss8 .slide_video .swiper-slide .item {
  position: relative;
  display: inline-block;
  float: left;
  width: 31.25%;
  margin-bottom: 1.5%;
  overflow: hidden;
  line-height: 0;
}
.h_ss8 .slide_video .swiper-slide .item .thumbnail {
  width: 100%;
  aspect-ratio: 400/260;
  object-fit: cover;
  object-position: center;
  transition: all 0.3s ease;
}
.h_ss8 .slide_video .swiper-slide .item .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 38px;
}
.h_ss8 .slide_video .swiper-slide .item:last-child {
  margin-bottom: 0;
}
.h_ss8 .slide_video .swiper-slide .item:nth-of-type(1) {
  width: 67.1875%;
  margin-bottom: 0;
  margin-right: 1.5625%;
}
.h_ss8 .slide_video .swiper-slide .item:nth-of-type(1) .thumbnail {
  aspect-ratio: 860/540;
}
.h_ss8 .slide_video .swiper-slide .item:nth-of-type(1) .icon {
  width: 80px;
}
@media (max-width: 1024px) {
  .h_ss8 .slide_video .swiper-slide .item:nth-of-type(1) .icon {
    width: 52px;
  }
}
.h_ss8 .slide_video .swiper-slide .item:hover .thumbnail {
  transform: scale(1.1);
}
@media (max-width: 576px) {
  .h_ss8 .slide_video .swiper-slide .item {
    width: calc((100% - 6px) / 2);
  }
  .h_ss8 .slide_video .swiper-slide .item:nth-of-type(1) {
    width: 100%;
    margin: 0 0 6px;
  }
  .h_ss8 .slide_video .swiper-slide .item:last-child {
    margin-left: 6px;
  }
}
.h_ss8 .slide_document .swiper-slide {
  box-sizing: border-box;
  background: rgba(12, 7, 27, 0.7);
  transition: all 0.3s ease;
}
@media (max-width: 576px) {
  .h_ss8 .slide_document .swiper-slide {
    padding: 15px 15px 22px;
  }
}
.h_ss8 .slide_document .swiper-slide .thumbnail {
  background-color: #0C071B;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  aspect-ratio: 418/249;
}
.h_ss8 .slide_document .swiper-slide .thumbnail img {
  width: 190px;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 768px) {
  .h_ss8 .slide_document .swiper-slide .thumbnail img {
    width: 90px;
  }
}
.h_ss8 .slide_document .swiper-slide .text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #EAE9F7;
  font-size: 15px;
  font-style: normal;
  font-weight: 450;
  line-height: 160%; /* 24px */
  text-transform: uppercase;
  padding: 27px 24px 20px;
}
@media only screen and (max-width: 768px) {
  .h_ss8 .slide_document .swiper-slide .text {
    padding: 15px 10px 10px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss8 .slide_document .swiper-slide .text img {
    width: 15px;
  }
}
.h_ss8 .slide_document .swiper-slide:hover .thumbnail img {
  transform: scale(1.1);
}

.cm-banner {
  width: 100%;
  aspect-ratio: 1440/440;
  line-height: 0;
}
.cm-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-news {
  position: relative;
}
.page-news .wrap {
  background-size: cover;
  background-position: top center;
  padding-bottom: 96px;
}
@media only screen and (max-width: 1024px) {
  .page-news .wrap {
    padding-bottom: 72px;
  }
}
@media only screen and (max-width: 576px) {
  .page-news .wrap {
    padding-bottom: 45px;
  }
}
.page-news .cm-title {
  text-align: center;
  background: var(--Gradient-Text, linear-gradient(88deg, #E85B29 1.83%, #7162AB 33.38%, #3FA0DF 110.41%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: max-content;
  margin: 0 auto 40px;
}
@media only screen and (max-width: 576px) {
  .page-news .cm-title {
    margin: 0 auto 30px;
  }
}
.page-news .news_list_def {
  display: flex;
  flex-wrap: wrap;
  gap: 42px 40px;
  padding: 0 5.5555555556%;
}
@media only screen and (max-width: 1024px) {
  .page-news .news_list_def {
    gap: 25px 20px;
    padding: 0 30px;
  }
}
@media only screen and (max-width: 576px) {
  .page-news .news_list_def {
    gap: 25px;
    padding: 0 15px;
  }
}
.page-news .news_list_def .item {
  width: calc((100% - 80px) / 3);
  border-radius: 10px;
  background: rgba(64, 153, 217, 0.1);
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .page-news .news_list_def .item {
    width: calc((100% - 40px) / 3);
  }
}
@media only screen and (max-width: 576px) {
  .page-news .news_list_def .item {
    width: 100%;
  }
}
.page-news .news_list_def .item .thumbnail {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 400/320;
}
@media only screen and (max-width: 1024px) {
  .page-news .news_list_def .item .thumbnail {
    aspect-ratio: 16/9;
  }
}
.page-news .news_list_def .item .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.page-news .news_list_def .item .text {
  padding: 24px 24px 32px;
}
@media only screen and (max-width: 1024px) {
  .page-news .news_list_def .item .text {
    padding: 15px 15px 20px;
  }
}
.page-news .news_list_def .item .text h3 {
  color: var(--White, #FFF);
  font-family: "MonaSans-VariableFont.ttf";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 21px */
  letter-spacing: 0.56px;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .page-news .news_list_def .item .text h3 {
    text-transform: inherit;
  }
}
.page-news .news_list_def .item .text p {
  color: var(--Blue, #3FA0DF);
  font-family: "MonaSans-VariableFont.ttf";
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 75.5%; /* 9.815px */
  letter-spacing: 1.3px;
  text-transform: uppercase;
  margin: 0;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .page-news .news_list_def .item .text p {
    text-transform: inherit;
  }
}
.page-news .news_list_def .item:hover .thumbnail img {
  transform: scale(1.1);
}
.page-news .news_list_def .item:hover .text p {
  letter-spacing: 1.5px;
}
.page-news .button_load_more {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 45px auto 0;
  width: 189px;
  height: 48px;
  background-size: contain;
  background-position: center center;
  outline: none;
  cursor: pointer;
  background-color: none;
  box-shadow: none;
  border: 0;
  color: #FFF;
  font-family: "MonaSans-VariableFont.ttf";
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  transition: all 0.3s ease;
}
.page-news .button_load_more:hover {
  letter-spacing: 1.5px;
}
@media only screen and (max-width: 576px) {
  .page-news .button_load_more {
    margin: 35px auto 0;
    width: 160px;
    height: 42px;
  }
}

.page-new-detail .content {
  padding: 80px 16.6666666667% 96px;
  position: relative;
  background: linear-gradient(55deg, #120A28 76.34%, #E85B29 120.27%);
  z-index: 0;
}
@media (max-width: 1024px) {
  .page-new-detail .content {
    padding: 60px 30px 70px;
  }
}
@media (max-width: 576px) {
  .page-new-detail .content {
    padding: 45px 15px;
  }
}
.page-new-detail .content .decor {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.page-new-detail .content .title {
  position: relative;
  display: block;
  color: var(--White, #FFF);
  text-align: center;
  font-family: "MonaSans-VariableFont.ttf";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin: 0 auto 30px;
  width: 880px;
  max-width: 100%;
}
@media (max-width: 576px) {
  .page-new-detail .content .title {
    font-size: 20px;
    margin: 0 auto 20px;
  }
}
.page-new-detail .content .intro {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-bottom: 18px;
  gap: 14px;
  margin: 30px 0 40px;
}
@media (max-width: 576px) {
  .page-new-detail .content .intro {
    margin: 35px 0 30px;
  }
}
.page-new-detail .content .intro::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 300px;
  max-width: 100%;
  height: 1px;
  background-color: #fff;
}
.page-new-detail .content .date {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #FFF;
  font-family: "MonaSans-VariableFont.ttf";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.3;
  padding-right: 10px;
  border-right: 1px solid #fff;
}
.page-new-detail .content .share {
  display: flex;
  align-items: center;
  width: max-content;
  color: #FFF;
  font-size: 12px;
  font-style: normal;
  font-family: "MonaSans-VariableFont.ttf";
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  gap: 11px;
}
.page-new-detail .content .share a {
  display: block;
}
.page-new-detail .content .the_content {
  position: relative;
  font-family: "MonaSans-VariableFont.ttf";
  color: #FFF;
  text-align: justify;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  padding: 40px;
  border-radius: 10px;
  background: rgba(64, 153, 217, 0.1);
}
@media (max-width: 1024px) {
  .page-new-detail .content .the_content {
    padding: 30px 15px;
  }
}
@media (max-width: 576px) {
  .page-new-detail .content .the_content {
    padding: 20px 10px;
  }
}
.page-new-detail .content .the_content strong, .page-new-detail .content .the_content b {
  font-size: 16px;
  font-weight: 600;
}
.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: 24px;
}
@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: 576px) {
  .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 img {
  margin: 24px auto 24px;
  display: block;
  max-width: 100%;
}
@media (max-width: 576px) {
  .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: 96px 5.5555555556%;
  background: linear-gradient(-155deg, #120A28 76.34%, #E85B29 120.27%);
}
@media (max-width: 1024px) {
  .page-new-detail .other-news {
    padding: 72px 30px;
  }
}
@media (max-width: 576px) {
  .page-new-detail .other-news {
    padding: 45px 15px;
  }
}
.page-new-detail .other-news .cm-title {
  text-align: center;
  background: var(--Gradient-Text, linear-gradient(88deg, #E85B29 1.83%, #7162AB 33.38%, #3FA0DF 110.41%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: max-content;
  margin: 0 auto 80px;
}
@media only screen and (max-width: 576px) {
  .page-new-detail .other-news .cm-title {
    margin: 0 auto 35px;
  }
}
.page-new-detail .other-news .swiper {
  position: relative;
  z-index: 10;
}
.page-new-detail .other-news .swiper .swiper-slide {
  border-radius: 10px;
  background: rgba(64, 153, 217, 0.1);
  overflow: hidden;
}
.page-new-detail .other-news .swiper .swiper-slide .img {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 400/320;
}
@media only screen and (max-width: 1024px) {
  .page-new-detail .other-news .swiper .swiper-slide .img {
    aspect-ratio: 16/9;
  }
}
.page-new-detail .other-news .swiper .swiper-slide .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.page-new-detail .other-news .swiper .swiper-slide .exp {
  position: relative;
  padding: 24px 24px 32px;
}
@media only screen and (max-width: 1024px) {
  .page-new-detail .other-news .swiper .swiper-slide .exp {
    padding: 15px 15px 20px;
  }
}
.page-new-detail .other-news .swiper .swiper-slide .exp h3 {
  color: var(--White, #FFF);
  font-family: "MonaSans-VariableFont.ttf";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 21px */
  letter-spacing: 0.56px;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .page-new-detail .other-news .swiper .swiper-slide .exp h3 {
    text-transform: inherit;
  }
}
.page-new-detail .other-news .swiper .swiper-slide .exp p {
  color: var(--Blue, #3FA0DF);
  font-family: "MonaSans-VariableFont.ttf";
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 75.5%; /* 9.815px */
  letter-spacing: 1.3px;
  text-transform: uppercase;
  margin: 0;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .page-new-detail .other-news .swiper .swiper-slide .exp p {
    text-transform: inherit;
  }
}
.page-new-detail .other-news .swiper .swiper-slide:hover .thumbnail img {
  transform: scale(1.1);
}
.page-new-detail .other-news .swiper .swiper-slide:hover .text p {
  letter-spacing: 1.5px;
}

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

.js-tooltip-content {
  position: absolute;
  opacity: 0;
  transition: all 0.5s ease;
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  margin-top: -8px;
  padding: 18px;
  border-radius: 15px;
}
@media (max-width: 1024px) {
  .js-tooltip-content {
    position: fixed;
    min-width: 200px;
    margin-top: 0;
  }
}
.js-tooltip-content.is-visible {
  opacity: 1;
  background: #5d509c;
}
.js-tooltip-content.is-visible-mb {
  opacity: 1;
  background: #5d509c;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  z-index: 100000;
}
.js-tooltip-content:before {
  content: "";
  display: block;
  position: absolute;
  top: 98%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-bottom: none;
  border-top: 15px solid #5d509c;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}
@media (max-width: 1024px) {
  .js-tooltip-content:before {
    display: none;
  }
}
.js-tooltip-content ul {
  padding: 0;
  width: max-content;
}
.js-tooltip-content ul li {
  display: flex;
  align-items: center;
  text-align: left;
  margin-bottom: 10px;
}
.js-tooltip-content ul li p {
  margin-left: 3px;
  font-weight: bold;
}
.js-tooltip-content > p {
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
  margin-bottom: 10px;
  font-weight: bold;
}

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

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

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

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

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

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

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

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

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

.ground-popup .--content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  margin: 0 0 0 auto;
  background: #0C071B;
}

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

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

.ground-popup .--content .--left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 30%;
  float: left;
  background: #5d509c;
  border-radius: 20px 0px 0px 20px;
  overflow: hidden;
  padding: 60px;
}

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 576px) {
  .ground-popup .--content .--close {
    top: 0px;
    width: 30px;
    height: 30px;
    background: #fff;
    color: #242A4A;
    z-index: 1111;
  }
}
@media only screen and (max-width: 1024px) {
  .ground-popup .--content .--left .btn-slide-def {
    margin: 30px auto 0px 0px;
  }
}
@media only screen and (max-width: 576px) {
  .ground-popup .--content .--left .btn-slide-def {
    margin: 30px auto 0px;
  }
}
.btn-slide-def .swiper-button-prev img, .btn-slide-def .swiper-button-next img {
  display: block;
  max-width: 50px;
  height: auto;
}

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

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

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

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

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