@charset "UTF-8";
/*
    Theme Name: Trung Đồng
    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: "Averta-Regular.otf";
  src: url("./assets/fonts/Averta-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "iCielBegum-Semibold.ttf";
  src: url("./assets/fonts/iCielBegum-Semibold.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Averta-Semibold.otf";
  src: url("./assets/fonts/Averta-Semibold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Averta-Bold.otf";
  src: url("./assets/fonts/Averta-Bold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-Gilroy SemiBold.otf";
  src: url("./assets/fonts/SVN-Gilroy SemiBold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-thumb {
  background: #00294E;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: #00294E;
}

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

html {
  box-sizing: border-box;
}

* {
  box-sizing: border-box;
}

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

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

iframe {
  border: 0;
}

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

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

html,
body {
  margin: 0;
  padding: 0;
  color: #FFF;
  font-family: "Averta-Regular.otf";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
  letter-spacing: 0.14px;
}

.site-container {
  overflow: hidden;
}

ul li {
  list-style: none;
}

a {
  text-decoration: none;
}

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

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

@keyframes draw2 {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 2000;
  }
}
@keyframes signature1 {
  0% {
    stroke-dashoffset: 500;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes signature2 {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes opacityKey {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes colorTextWhite {
  0% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
  50% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
  100% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
}
@keyframes colorTextBlack {
  0% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
  50% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
  100% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
}
@keyframes zoomOut {
  from {
    transform: scale(1.3);
    /* Kích thước ban đầu của ảnh */
  }
  to {
    transform: scale(1);
    /* Kích thước cuối cùng của ảnh (zoom out) */
  }
}
@keyframes trin {
  from {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  20%, 32%, 44%, 56%, 68% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  23%, 35%, 47%, 59%, 71% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  26%, 38%, 50%, 62%, 74% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  29%, 41%, 53%, 65%, 77% {
    transform: rotate3d(0, 0, 1, -15deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@-moz-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@-o-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@keyframes drawLine {
  from {
    stroke-dasharray: 300;
    stroke-dashoffset: 300;
  }
  to {
    stroke-dasharray: 300;
    stroke-dashoffset: 0;
  }
}
@keyframes zoomOut {
  from {
    transform: scale(1.3);
    /* Kích thước ban đầu của ảnh */
  }
  to {
    transform: scale(1);
    /* Kích thước cuối cùng của ảnh (zoom out) */
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}
@keyframes draw2 {
  0% {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes draw {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 1500;
  }
}
@keyframes draw22 {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 1000;
  }
}
@keyframes bounceY {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(-10px);
  }
}
.cm-button {
  width: 204px;
  height: 48px;
  color: var(--Dark-Blue, #182B46);
  text-align: center;
  font-family: "Averta-Bold.otf";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 21px */
  letter-spacing: 2px;
  text-transform: uppercase;
  border: 1px solid #FEDCA0;
  background: var(--Gradient, linear-gradient(90deg, #FFCB83 0%, #F57F27 50%, #FFE4AB 100%));
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s ease;
}
@media only screen and (min-width: 1025px) {
  .cm-button:hover {
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 1280px) {
  .cm-button {
    width: 190px;
    height: 40px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 576px) {
  .cm-button {
    width: 180px;
    height: 38px;
    font-size: 12px;
    letter-spacing: 1px;
  }
}

.cm-title {
  font-family: "iCielBegum-Semibold.ttf";
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  /* 62.4px */
  letter-spacing: -0.96px;
  text-transform: uppercase;
  background: var(--Gradient, linear-gradient(90deg, #FFCB83 0%, #F57F27 50%, #FFE4AB 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 8px 0 5px !important;
}
@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: 25px;
  }
}
.cm-title.center {
  text-align: center;
}

.cm-sub-title {
  color: #FFF;
  font-family: "Averta-Semibold.otf";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .cm-sub-title {
    font-size: 14px;
  }
}
@media only screen and (max-width: 768px) {
  .cm-sub-title {
    font-size: 12px;
  }
}
@media only screen and (max-width: 576px) {
  .cm-sub-title {
    font-size: 11px;
  }
}
.cm-sub-title.center {
  text-align: center;
}

.cm-title-box {
  position: relative;
  text-align: center;
}
.cm-title-box .cm-title {
  display: inline-block;
}

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

.header-main-site {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  right: 0;
  display: flex;
  padding: 24px 0 0;
  transition: all 0.5s ease;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .header-main-site {
    height: 100vh;
    flex-direction: column;
    background: #00294E;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    border-radius: 0 0 50px 50px;
  }
}
.header-main-site.is_active_header {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 769px) {
  .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;
  }
}
@media only screen and (min-width: 769px) {
  .header-main-site.down {
    background: #00294E;
    padding: 10px 0 6px;
    align-items: center;
  }
  .header-main-site.down .menu-main {
    padding-top: 0;
  }
}
@media only screen and (min-width: 769px) and (min-width: 1025px) {
  .header-main-site.down .menu-main li:hover a {
    background: var(--Gradient, linear-gradient(90deg, #FFCB83 0%, #F57F27 50%, #FFE4AB 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
@media only screen and (min-width: 769px) {
  .header-main-site.down .menu-main li.active a {
    background: var(--Gradient, linear-gradient(90deg, #FFCB83 0%, #F57F27 50%, #FFE4AB 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.header-main-site .logo-header {
  display: flex;
  width: 207px;
  transition: all 0.5s ease;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1280px) {
  .header-main-site .logo-header {
    width: 150px;
  }
}
@media only screen and (max-width: 768px) {
  .header-main-site .logo-header {
    order: 1;
    display: none;
  }
}
.header-main-site .logo-header img {
  width: 137px;
  height: auto;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 768px) {
  .header-main-site > .left {
    order: 2;
  }
}
.header-main-site > .left ul {
  float: right;
}
@media only screen and (max-width: 768px) {
  .header-main-site > .left ul {
    float: none;
  }
}
.header-main-site > .left li:first-child {
  margin-left: 0;
}
.header-main-site > .right {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .header-main-site > .right {
    order: 3;
    justify-content: center;
    flex-direction: column;
  }
}
.header-main-site .left, .header-main-site .right {
  width: calc((100% - 207px)/2);
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  transition: all 400ms ease;
  height: 100%;
}
@media only screen and (max-width: 1280px) {
  .header-main-site .left, .header-main-site .right {
    width: calc((100% - 150px)/2);
  }
}
@media only screen and (max-width: 768px) {
  .header-main-site .left, .header-main-site .right {
    width: auto;
    height: auto;
  }
}
.header-main-site .li {
  cursor: pointer;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .header-main-site .li:hover::after {
    height: 100%;
  }
  .header-main-site .li:hover::before {
    width: 100%;
  }
  .header-main-site .li:hover p {
    background: var(--gradient-brown, linear-gradient(90deg, #A97961 32%, #E8BB9C 64%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .header-main-site .li:hover path {
    fill: #E8BB9C;
  }
}
.header-main-site .li:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
  height: 0%;
  transition: all 0.5s ease;
  opacity: 0.9;
  background: var(--Gradient-Blue, linear-gradient(0deg, #122146 31.15%, #20315A 99.01%));
  z-index: 1;
}
.header-main-site .li:before {
  content: "";
  position: absolute;
  left: 0%;
  top: 0;
  width: 0%;
  height: 2px;
  z-index: 2;
  transition: all 0.5s ease;
  background: var(--gradient-brown, linear-gradient(90deg, #A97961 32%, #E8BB9C 64%));
}
.header-main-site .li.active p {
  background: var(--gradient-brown, linear-gradient(90deg, #A97961 32%, #E8BB9C 64%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.header-main-site .li p, .header-main-site .li svg {
  z-index: 2;
}
.header-main-site .menu-main {
  display: flex;
  height: 100%;
  padding-top: 15px;
  transition: all 1s ease;
}
@media only screen and (max-width: 768px) {
  .header-main-site .menu-main {
    flex-direction: column;
    height: auto;
    padding-top: 0;
  }
}
.header-main-site .menu-main li {
  position: relative;
  padding: 0px 24px 0;
  z-index: 0;
  height: 100%;
  transition: all 0.5s ease;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1280px) {
  .header-main-site .menu-main li {
    padding: 0px 14px 0;
  }
}
@media only screen and (max-width: 768px) {
  .header-main-site .menu-main li {
    margin-bottom: 30px;
    height: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .header-main-site .menu-main li:hover a {
    color: #00294E;
  }
}
.header-main-site .menu-main li.active a {
  color: #00294E;
}
.header-main-site .menu-main a {
  color: var(--White, #FDFDFD);
  text-align: center;
  position: relative;
  width: max-content;
  display: block;
  transition: all 0.25s ease;
  color: var(--White, #FFF);
  font-family: "SVN-Gilroy SemiBold.otf";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.36px;
  text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
  .header-main-site .menu-main a {
    margin: 0 auto;
  }
}

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

.soical {
  position: fixed;
  z-index: 100;
  right: 2.7777777778%;
  bottom: 17.8921568627%;
  display: flex;
  flex-direction: column;
  padding-top: 92px;
}
@media only screen and (max-width: 768px) {
  .soical {
    right: 10px;
  }
}
.soical:after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 1px;
  height: 80px;
  background: #FFCB83;
  content: "";
}
.soical a {
  width: 40px;
  height: 40px;
  background: var(--Red-Dark, #FFCB83);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-bottom: 8px;
}
@media only screen and (max-width: 1367px) {
  .soical a {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 576px) {
  .soical a {
    width: 35px;
    height: 35px;
  }
}
.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;
}

.back {
  position: fixed;
  right: 0;
  bottom: 50px;
  width: 40px;
  height: 40px;
  z-index: 10;
  display: none;
}
@media (max-width: 576px) {
  .back {
    width: 30px;
    height: 30px;
  }
}

.footer {
  background: var(--Red-Dark, #00294E);
  border-top: 1px solid #FFCB83;
}
.footer .top {
  padding: 80px 8.6805555556%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1024px) {
  .footer .top {
    padding: 60px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .footer .top {
    padding: 40px 15px;
    gap: 25px;
  }
}
.footer .top .item .label {
  font-family: "Averta-Bold.otf";
  font-size: 13px;
  font-style: normal;
  line-height: 21px;
  /* 175% */
  letter-spacing: 2px;
  text-transform: uppercase;
  background: var(--Gradient, linear-gradient(90deg, #FFCB83 0%, #F57F27 50%, #FFE4AB 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: fit-content;
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .footer .top .item .label {
    margin-bottom: 10px;
  }
}
.footer .top .item .des {
  color: var(--White, #FFF);
  font-family: "Averta-Regular.otf";
  font-size: 14px;
  font-style: normal;
  line-height: 21px;
  /* 161.538% */
  letter-spacing: 1px;
  margin-bottom: 11px;
}
.footer .top .item .des p {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 16px;
}
.footer .top .item .des p:last-child {
  margin-bottom: 0;
}
.footer .top .item .des p span {
  display: block;
  width: 12px;
}
.footer .top .item .des p span img {
  max-width: 100%;
}
.footer .top .item .des p a {
  color: var(--White, #FFF);
  font-family: "Averta-Regular.otf";
  font-size: 14px;
}
.footer .top .item .des:last-child {
  margin-bottom: 0;
}
.footer .top .item .des.notice {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  font-style: italic;
}
.footer .top .item:nth-of-type(1) {
  width: 185px;
}
@media only screen and (max-width: 820px) {
  .footer .top .item:nth-of-type(1) {
    width: 150px;
    margin: 0 auto 20px;
  }
}
@media only screen and (max-width: 767px) {
  .footer .top .item:nth-of-type(1) .logo {
    display: block;
    text-align: center;
  }
}
.footer .top .item:nth-of-type(2) {
  width: 25.2100840336%;
}
@media only screen and (max-width: 767px) {
  .footer .top .item:nth-of-type(2) {
    width: 100%;
  }
}
.footer .top .item:nth-of-type(3) {
  width: 31.9327731092%;
}
@media only screen and (max-width: 767px) {
  .footer .top .item:nth-of-type(3) {
    width: 100%;
  }
}
.footer .bottom {
  background: #002547;
  padding: 11px 0 8px;
  font-family: "Averta-Regular.otf";
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}

.h_ss1 {
  aspect-ratio: 1440/824;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .h_ss1 {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 {
    aspect-ratio: unset;
    background: #00294E;
  }
}
.h_ss1:after {
  background: linear-gradient(192deg, rgba(0, 41, 78, 0) 32.38%, #00294E 85.75%);
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 44.4174757282%;
}
.h_ss1::before {
  background: linear-gradient(0deg, rgba(24, 43, 70, 0) 0%, rgba(24, 43, 70, 0.9) 100%);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 23.6650485437%;
}
.h_ss1 > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  animation: zoomOut 2s ease-in-out;
}
@media only screen and (max-width: 576px) {
  .h_ss1 > img {
    animation: unset;
  }
}
.h_ss1 .abs {
  position: absolute;
  left: 8.6805555556%;
  bottom: 6.5533980583%;
  z-index: 1;
  text-align: center;
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .abs {
    left: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 .abs {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    padding: 30px 0 10px;
  }
}
.h_ss1 .abs .cm-title:nth-child(2) {
  margin: 6px 0 -14px;
}

.h_ss2 {
  padding: 96px 6.1805555556% 128px 0;
  background: #00294E;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 {
    padding: 80px 30px 90px 0;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 {
    padding: 60px 0px 70px 0;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 {
    padding: 50px 0px 50px 0;
  }
}
.h_ss2 .decor_ss3 {
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0.05;
}
.h_ss2 .decor {
  position: absolute;
  top: -25%;
  left: 0;
  z-index: -1;
  opacity: 0.7;
}
.h_ss2 .decor1 {
  position: absolute;
  bottom: -20%;
  left: 0;
  z-index: -1;
  opacity: 0.7;
}
.h_ss2 .decor_l {
  position: absolute;
  top: -25%;
  right: 0;
  z-index: -1;
  opacity: 0.7;
}
.h_ss2 .content {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .content {
    flex-direction: column-reverse;
  }
}
.h_ss2 .content .left {
  width: 60.325684678%;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .content .left {
    width: 100%;
  }
}
.h_ss2 .content .left img {
  width: 100%;
  display: block;
}
.h_ss2 .content .right {
  width: 39.674315322%;
  padding-left: 64px;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .content .right {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .content .right {
    padding: 0 30px 30px;
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .content .right {
    padding: 0 15px 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .content .right .cm-button {
    margin: 0 auto;
  }
}
.h_ss2 .content .right p {
  margin: 30px 0 40px;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .content .right p {
    margin: 10px 0 25px;
  }
}

.h_ss3 {
  background: #00294E;
  position: relative;
  z-index: -1;
}
.h_ss3 .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .h_ss3 .content {
    position: relative;
    left: unset;
    top: unset;
    right: unset;
  }
}
.h_ss3 .content > p {
  text-align: center;
  text-transform: uppercase;
  color: var(--White, #FFF);
  font-family: "Averta-Semibold.otf";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.48px;
  text-transform: uppercase;
  margin-bottom: 59px;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .content > p {
    font-size: 20px;
    margin-bottom: 40px;
  }
}
.h_ss3 .content .list {
  padding: 0 13.1944444444%;
}
@media only screen and (max-width: 1450px) {
  .h_ss3 .content .list {
    padding: 0 9.7222222222%;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .content .list {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .content .list {
    padding: 0 15px;
  }
}
.h_ss3 .content .list .item {
  display: flex;
  margin-bottom: 18px;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .content .list .item {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .content .list .item {
    flex-wrap: wrap;
    margin-bottom: 15px;
  }
}
.h_ss3 .content .list .item:last-child {
  margin-bottom: 0;
}
.h_ss3 .content .list .item p:nth-child(1), .h_ss3 .content .list .item p:nth-child(3) {
  width: 190px;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .content .list .item p:nth-child(1), .h_ss3 .content .list .item p:nth-child(3) {
    width: 150px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .content .list .item p:nth-child(1), .h_ss3 .content .list .item p:nth-child(2) {
    margin-bottom: 15px;
  }
}
.h_ss3 .content .list .item p:nth-child(2) {
  margin-right: 125px;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .content .list .item p:nth-child(2) {
    margin-right: 90px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .content .list .item p:nth-child(2) {
    margin-right: 50px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .content .list .item p:nth-child(2) {
    margin-right: 0;
  }
}
.h_ss3 .content .list .item p:nth-child(2), .h_ss3 .content .list .item p:nth-child(4) {
  font-family: "Averta-Semibold.otf";
  width: calc((100% - 125px - 380px)/2);
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .content .list .item p:nth-child(2), .h_ss3 .content .list .item p:nth-child(4) {
    width: calc((100% - 90px - 300px)/2);
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .content .list .item p:nth-child(2), .h_ss3 .content .list .item p:nth-child(4) {
    width: calc((100% - 50px - 300px)/2);
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .content .list .item p:nth-child(2), .h_ss3 .content .list .item p:nth-child(4) {
    width: calc((100% - 150px));
  }
}
.h_ss3 .content .list .item p:nth-child(2) span, .h_ss3 .content .list .item p:nth-child(4) span {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.24px;
  background: var(--Gradient, linear-gradient(90deg, #FFCB83 0%, #F57F27 50%, #FFE4AB 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 768px) {
  .h_ss3 .content .list .item p:nth-child(2) span, .h_ss3 .content .list .item p:nth-child(4) span {
    font-size: 20px;
  }
}
.h_ss3 > .img {
  width: 100%;
  display: block;
}
@media only screen and (max-width: 1450px) {
  .h_ss3 > .img {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss3 > .img {
    padding-top: 180px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 > .img {
    padding-top: 0;
  }
}
.h_ss3 .img_sub {
  position: absolute;
  left: 50%;
  bottom: 50%;
  left: 9%;
  bottom: 13%;
  mix-blend-mode: screen;
  opacity: 0.8;
  z-index: -1;
}
@media only screen and (max-width: 1450px) {
  .h_ss3 .img_sub {
    left: 0%;
    bottom: 2%;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .img_sub {
    left: -14%;
    bottom: -10%;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .img_sub {
    left: -13%;
    bottom: -5%;
  }
}

.h_ss4 {
  background: #00294E;
  padding: 120px 4.5138888889% 110px;
  position: relative;
  overflow: hidden;
  z-index: 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 {
    padding: 90px 30px 90px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 {
    padding: 60px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 {
    padding: 50px 15px;
  }
}
.h_ss4 .decor_ss4 {
  position: absolute;
  right: 0;
  opacity: 0.05;
  top: -145px;
}
.h_ss4 .decor {
  position: absolute;
  top: -15%;
  left: 0;
  opacity: 0.7;
  z-index: -1;
}
.h_ss4 .title_block {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  align-items: flex-end;
  padding: 0 5.4961832061%;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .title_block {
    margin-bottom: 30px;
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .title_block {
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .title_block .left {
    width: max-content;
    margin: 0 auto 20px;
  }
}
.h_ss4 .title_block .left .item {
  display: flex;
  align-items: center;
}
.h_ss4 .title_block .left .item .cm-sub-title {
  margin: 14px 7px 0 0;
}
.h_ss4 .title_block .left > .cm-title {
  margin: -15px 0 -5px;
}
.h_ss4 .title_block .left > .cm-sub-title {
  text-align: right;
}
.h_ss4 .title_block p {
  width: 33.6641221374%;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .title_block p {
    width: 48.9312977099%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .title_block p {
    width: 100%;
  }
}
.h_ss4 .panzoom {
  aspect-ratio: 1310/700;
  border-radius: 20px 0 0 0;
  position: relative;
}
.h_ss4 .panzoom img, .h_ss4 .panzoom svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px 0 0 0;
}
.h_ss4 .svg {
  position: relative;
  z-index: 2;
  border-radius: 0 30px;
}
.h_ss4 .bottom {
  width: 100%;
  padding: 40px;
  background: var(--Blue, #003566);
  position: relative;
  display: flex;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .bottom {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .bottom {
    padding: 20px 10px;
  }
}
.h_ss4 .bottom:after {
  background: #FFF;
  opacity: 0.2;
  width: 100%;
  height: 1px;
  left: 0;
  top: 89.5px;
  content: "";
  position: absolute;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .bottom:after {
    top: 65.5px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .bottom:after {
    top: 71.5px;
  }
}
.h_ss4 .bottom .swiper {
  width: 100%;
}
.h_ss4 .bottom .swiper .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.h_ss4 .bottom .swiper .swiper-slide p {
  font-family: "iCielBegum-Semibold.ttf";
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  background: var(--Gradient, linear-gradient(90deg, #FFCB83 0%, #F57F27 50%, #FFE4AB 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .bottom .swiper .swiper-slide p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .bottom .swiper .swiper-slide p {
    font-size: 22px;
    margin-bottom: 4px;
  }
}
.h_ss4 .bottom .swiper .swiper-slide span.span {
  letter-spacing: 0.14px;
  color: var(--White, #FFF);
  text-align: center;
  padding: 0 10px;
}
@media only screen and (max-width: 576px) {
  .h_ss4 .bottom .swiper .swiper-slide span.span {
    font-size: 13px;
  }
}
.h_ss4 .bottom .swiper .swiper-slide span:not(.span) {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  display: block;
  margin: 10px 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .bottom .swiper .swiper-slide span:not(.span) {
    margin: 5px 0 8px;
  }
}

.h_ss5 {
  background: #00294E;
  position: relative;
  z-index: 0;
}
.h_ss5 .decor_ss5 {
  position: absolute;
  pointer-events: none;
  left: 50%;
  transform: translateX(-50%);
  top: -35%;
  z-index: -1;
}
@media only screen and (max-width: 576px) {
  .h_ss5 .decor_ss5 {
    top: -10%;
  }
}
.h_ss5 .decor_l_ss5 {
  position: absolute;
  left: 0%;
  top: 0;
}
.h_ss5 .cm-title {
  margin-bottom: 32px;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .cm-title {
    margin-bottom: 15px;
  }
}
.h_ss5 .content {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .h_ss5 .content {
    flex-direction: column-reverse;
  }
}
.h_ss5 .content .left {
  width: 78.125%;
  aspect-ratio: 1125/712;
  background: #fff;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .content .left {
    aspect-ratio: 800/712;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .content .left {
    width: 100%;
  }
}
.h_ss5 .content .left .image-box {
  width: 100%;
  position: relative;
  height: 100%;
  display: block;
}
.h_ss5 .content .left .image-box .img-magnifier-glass {
  position: absolute;
  width: 460px;
  height: 460px;
  border-radius: 16px;
  border: 4px solid #fff;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  z-index: 99;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  pointer-events: none;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.h_ss5 .content .left .image-box img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.h_ss5 .content .right {
  width: 21.875%;
  background: var(--Blue, #003566);
  padding: 0 48px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .content .right {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .content .right {
    width: 100%;
    background: transparent;
    padding: 0 20px 20px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .content .right {
    padding: 0 10px 20px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .content .right > img {
    width: 150px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .content .right > img {
    order: 2;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .content .right > img {
    width: 120px;
  }
}
.h_ss5 .content .right .exp {
  margin-top: 80px;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .content .right .exp {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .content .right .exp {
    order: 1;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .content .right .exp {
    padding: 0 0px 20px;
  }
}
.h_ss5 .content .right .exp .cm-title {
  font-size: 22px !important;
  margin-bottom: 25px;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .content .right .exp .cm-title {
    font-size: 19px !important;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .content .right .exp .cm-title {
    width: 100%;
    order: 1;
    text-align: center;
  }
}
.h_ss5 .content .right .exp .head {
  display: flex;
  align-items: center;
  font-family: "Averta-Semibold.otf";
  margin-bottom: 23px;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .content .right .exp .head {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .content .right .exp .head {
    width: 50%;
  }
  .h_ss5 .content .right .exp .head:nth-child(2) {
    order: 2;
  }
  .h_ss5 .content .right .exp .head:nth-child(4) {
    order: 3;
  }
  .h_ss5 .content .right .exp .head:nth-child(5) {
    order: 5;
  }
  .h_ss5 .content .right .exp .head:nth-child(6) {
    order: 6;
  }
  .h_ss5 .content .right .exp .head:nth-child(7) {
    order: 7;
  }
  .h_ss5 .content .right .exp .head:nth-child(8) {
    order: 8;
  }
}
.h_ss5 .content .right .exp .head:last-child {
  margin-bottom: 0;
}
.h_ss5 .content .right .exp .head span {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--Dark-Blue, #182B46);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  /* 22.4px */
  letter-spacing: -0.14px;
  margin-right: 8px;
  border-radius: 50%;
  background: #FFCB83;
  padding-right: 2px;
}
.h_ss5 .content .right .exp .head p {
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 21px */
  letter-spacing: 0.14px;
  text-transform: uppercase;
  width: calc(100% - 32px);
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .content .right .exp .head p {
    font-size: 12px;
  }
}
.h_ss5 .content .right .exp ul {
  display: flex;
  flex-direction: column;
  padding: 0 0 22px 32px;
  margin-top: -13px;
}
@media only screen and (max-width: 768px) {
  .h_ss5 .content .right .exp ul {
    width: 50%;
    margin-top: -10px;
  }
  .h_ss5 .content .right .exp ul:nth-child(3) {
    order: 4;
  }
  .h_ss5 .content .right .exp ul:nth-child(5) {
    order: 5;
  }
}
.h_ss5 .content .right .exp ul li {
  position: relative;
  padding-left: 10px;
  margin-bottom: 3px;
}
.h_ss5 .content .right .exp ul li:last-child {
  margin-bottom: 0;
}
.h_ss5 .content .right .exp ul li:after {
  position: absolute;
  left: 0;
  top: 8px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #FFF;
  content: "";
}

.h_ss8 {
  position: relative;
  padding: 100px 4.5138888889% 104px;
  background: #00294E;
}
.h_ss8 .decor {
  position: absolute;
  right: 0;
  top: -42%;
  width: 30.4861111111%;
  pointer-events: none;
}
@media only screen and (max-width: 1024px) {
  .h_ss8 {
    padding: 72px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss8 {
    padding: 45px 15px 100px;
  }
}
.h_ss8 .cm-title {
  margin-bottom: 40px;
}
@media only screen and (max-width: 576px) {
  .h_ss8 .cm-title {
    margin-bottom: 30px;
  }
}
.h_ss8 .swiper .item {
  overflow: hidden;
  background: #003566;
  height: auto;
}
.h_ss8 .swiper .item .thumbnail {
  width: 100%;
  overflow: hidden;
}
.h_ss8 .swiper .item .thumbnail img {
  width: 100%;
  aspect-ratio: 400/280;
  object-fit: cover;
  transition: all 0.3s ease;
}
.h_ss8 .swiper .item .text {
  padding: 24px 30px 30px;
}
@media only screen and (max-width: 1024px) {
  .h_ss8 .swiper .item .text {
    padding: 20px 15px;
  }
}
.h_ss8 .swiper .item .text .title {
  color: var(--White, #FFF);
  font-family: "Averta-Semibold.otf";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  /* 22.4px */
  text-transform: uppercase;
  margin-bottom: 23px;
}
@media only screen and (max-width: 1024px) {
  .h_ss8 .swiper .item .text .title {
    margin-bottom: 15px;
  }
}
.h_ss8 .swiper .item .text .read_more {
  position: relative;
  font-family: "Averta-Semibold.otf";
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.993px;
  text-transform: uppercase;
  background: var(--Gradient, linear-gradient(90deg, #FFCB83 0%, #F57F27 50%, #FFE4AB 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: fit-content;
  margin-left: 22px;
}
.h_ss8 .swiper .item .text .read_more::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: -22px;
  width: 12px;
  height: 1px;
  border-radius: -0.05px -0.05px 20px -0.05px;
  background: var(--Gradient, linear-gradient(90deg, #B39048 0%, #FFE4BA 50.57%, #B39048 100%));
}
.h_ss8 .swiper .item:hover .thumbnail img {
  transform: scale(1.1);
}
.h_ss8 .swiper-nav {
  position: absolute;
  top: 128px;
  right: 4.5138888889%;
  display: flex;
  align-items: center;
  gap: 18px;
}
@media only screen and (max-width: 1024px) {
  .h_ss8 .swiper-nav {
    top: 90px;
    right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss8 .swiper-nav {
    top: auto;
    right: auto;
    bottom: 55px;
    left: 50%;
    transform: translateX(-50%);
    gap: 20px;
  }
}
.h_ss8 .swiper-nav .swiper-button-prev,
.h_ss8 .swiper-nav .swiper-button-next {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  width: 24px;
  height: 24px;
  filter: brightness(0) invert(1);
}
.h_ss8 .swiper-nav .swiper-button-prev::after,
.h_ss8 .swiper-nav .swiper-button-next::after {
  font-size: 40px;
}
@media only screen and (max-width: 767px) {
  .h_ss8 .swiper-nav .swiper-button-prev::after,
.h_ss8 .swiper-nav .swiper-button-next::after {
    font-size: 28px;
  }
}

.h_ss9 {
  position: relative;
  z-index: 0;
  padding: 0 4.5138888889% 104px;
  background: #00294E;
}
.h_ss9 .decor {
  position: absolute;
  right: 0;
  bottom: -42%;
  width: 30.4861111111%;
  pointer-events: none;
}
@media only screen and (max-width: 1024px) {
  .h_ss9 {
    padding: 0 30px 72px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss9 {
    padding: 0 15px 45px;
  }
}
.h_ss9 .top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .h_ss9 .top {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
  }
}
.h_ss9 .cm-title {
  padding-left: 4.5801526718% !important;
}
@media only screen and (max-width: 1024px) {
  .h_ss9 .cm-title {
    padding-left: 0 !important;
  }
}
.h_ss9 .tab {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .h_ss9 .tab {
    margin: 25px 0 0;
  }
}
.h_ss9 .tab .item {
  position: relative;
  margin-left: 24px;
  padding-left: 25px;
  color: #fff;
  font-family: "Averta-Semibold.otf";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  /* 156.25% */
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1280px) {
  .h_ss9 .tab .item {
    font-size: 15px;
  }
}
.h_ss9 .tab .item::before {
  position: absolute;
  content: "";
  top: 6px;
  left: 0;
  opacity: 0.69;
  background: #fff;
  width: 2px;
  height: 14px;
}
.h_ss9 .tab .item:nth-of-type(1) {
  margin-left: 0;
  padding-left: 0;
}
.h_ss9 .tab .item:nth-of-type(1)::before {
  display: none;
}
.h_ss9 .tab .item.active {
  color: #FFCB83;
}
@media (max-width: 576px) {
  .h_ss9 .tab .item {
    font-size: 14px;
    margin-left: 15px;
    padding-left: 16px;
  }
  .h_ss9 .tab .item::before {
    height: 14px;
  }
}
.h_ss9 .tab_content {
  display: none;
}
.h_ss9 .slide_image {
  width: 100%;
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .h_ss9 .slide_image {
    margin-bottom: 10px;
  }
}
.h_ss9 .slide_image .swiper-slide {
  line-height: 0;
  position: relative;
  overflow: hidden;
}
.h_ss9 .slide_image .swiper-slide:after {
  border-radius: 20px 0;
  background: linear-gradient(180deg, rgba(0, 30, 56, 0) 12.5%, #001E38 100%);
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  right: 0;
  height: 39.4117647059%;
}
.h_ss9 .slide_image .swiper-slide img:not(.icon) {
  width: 100%;
  aspect-ratio: 1310/550;
  object-fit: cover;
  object-position: center;
  border-radius: 20px 0;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .h_ss9 .slide_image .swiper-slide img:not(.icon) {
    aspect-ratio: 16/9;
  }
}
.h_ss9 .slide_image .swiper-slide p {
  position: absolute;
  padding: 0 32px 32px;
  width: fit-content;
  left: 0;
  bottom: 0;
  font-family: "Averta-Semibold.otf";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 24px */
  text-transform: uppercase;
  background: var(--Gradient, linear-gradient(90deg, #FFCB83 0%, #F57F27 50%, #FFE4AB 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 1;
  box-sizing: border-box;
}
@media only screen and (max-width: 576px) {
  .h_ss9 .slide_image .swiper-slide p {
    padding: 0 15px 10px;
    font-size: 15px;
    text-transform: capitalize;
  }
}
.h_ss9 .slide_image .swiper-slide .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
}
@media only screen and (max-width: 1024px) {
  .h_ss9 .slide_image .swiper-slide .icon {
    width: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss9 .slide_image .swiper-slide .icon {
    width: 40px;
  }
}
.h_ss9 .slide_image .swiper-slide:hover img:not(.icon) {
  transform: scale(1.1);
}
.h_ss9 .slide_thumbs {
  position: relative;
  line-height: 0;
}
.h_ss9 .slide_thumbs .swiper-slide {
  position: relative;
  overflow: hidden;
}
.h_ss9 .slide_thumbs .swiper-slide:after {
  background: linear-gradient(180deg, rgba(0, 30, 56, 0) 12.5%, #001E38 100%);
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  right: 0;
  height: 60%;
}
.h_ss9 .slide_thumbs .swiper-slide img {
  width: 100%;
  aspect-ratio: 340/212;
  object-fit: cover;
  object-position: center;
  transition: all 0.3s ease;
}
@media (max-width: 1024px) {
  .h_ss9 .slide_thumbs .swiper-slide img {
    aspect-ratio: 16/9;
  }
}
.h_ss9 .slide_thumbs .swiper-slide p {
  position: absolute;
  padding: 0 20px 16px;
  width: calc(100% - 40px);
  left: 0;
  bottom: 0;
  font-family: "Averta-Semibold.otf";
  color: var(--White, #FFF);
  font-size: 14px;
  font-style: normal;
  line-height: 150%;
  /* 21px */
  text-transform: uppercase;
  letter-spacing: 0.26px;
  z-index: 1;
}
@media only screen and (max-width: 1280px) {
  .h_ss9 .slide_thumbs .swiper-slide p {
    padding: 0 10px 16px;
    width: calc(100% - 20px);
  }
}
@media only screen and (max-width: 768px) {
  .h_ss9 .slide_thumbs .swiper-slide p {
    font-size: 12px;
    padding: 0 5px 5px;
    width: calc(100% - 10px);
  }
}
@media only screen and (max-width: 576px) {
  .h_ss9 .slide_thumbs .swiper-slide p {
    font-family: "Averta-Regular.otf";
    font-size: 10px;
    text-transform: capitalize;
  }
}
.h_ss9 .slide_thumbs .swiper-slide:hover img {
  transform: scale(1.1);
}
.h_ss9 .slide_document .swiper-slide {
  box-sizing: border-box;
  background: #FFFAF1;
  transition: all 0.3s ease;
}
@media (max-width: 576px) {
  .h_ss9 .slide_document .swiper-slide {
    padding: 15px 15px 22px;
  }
}
.h_ss9 .slide_document .swiper-slide .thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #003566;
  aspect-ratio: 418/249;
}
.h_ss9 .slide_document .swiper-slide .thumbnail img {
  transition: all 0.2s ease;
  max-width: 80%;
}
.h_ss9 .slide_document .swiper-slide .text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #00294E;
  font-family: "Averta-Semibold.otf";
  font-size: 16px;
  font-style: normal;
  line-height: 160%;
  /* 24px */
  text-transform: uppercase;
  padding: 27px 24px 20px;
}
@media only screen and (max-width: 768px) {
  .h_ss9 .slide_document .swiper-slide .text {
    padding: 15px 10px 10px;
    font-size: 13px;
  }
}
.h_ss9 .slide_document .swiper-slide .text img {
  filter: brightness(0);
}
@media only screen and (max-width: 768px) {
  .h_ss9 .slide_document .swiper-slide .text img {
    width: 15px;
  }
}
.h_ss9 .slide_document .swiper-slide:hover .thumbnail img {
  transform: scale(1.1);
}

.h_ss10 {
  position: relative;
  padding: 104px 8.6805555556%;
  background: #003566;
  overflow: hidden;
}
.h_ss10 .decor {
  position: absolute;
  pointer-events: none;
  left: 0;
  bottom: 0;
  width: 19.375%;
}
@media only screen and (max-width: 1024px) {
  .h_ss10 {
    padding: 72px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss10 {
    padding: 45px 15px;
  }
}
.h_ss10 .inner_wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media only screen and (max-width: 820px) {
  .h_ss10 .inner_wrap {
    flex-direction: column;
  }
}
.h_ss10 .left {
  width: 38.2352941176%;
}
@media only screen and (max-width: 820px) {
  .h_ss10 .left {
    width: 100%;
  }
}
.h_ss10 .left .cm-title {
  display: inline-block;
}
.h_ss10 .left .des {
  font-family: "Averta-Regular.otf";
  margin-top: 24px;
  color: rgba(255, 255, 255, 0.8);
}
.h_ss10 .right {
  width: 52.9411764706%;
}
@media only screen and (max-width: 820px) {
  .h_ss10 .right {
    width: 100%;
    margin-top: 25px;
  }
}
.h_ss10 .right form {
  width: 100%;
}
.h_ss10 .right form .form-field-all {
  display: flex;
  flex-wrap: wrap;
  gap: 26px 65px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1024px) {
  .h_ss10 .right form .form-field-all {
    gap: 25px;
    margin-bottom: 35px;
  }
}
.h_ss10 .right form ._form_group {
  width: calc((100% - 65px) / 2);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .h_ss10 .right form ._form_group {
    width: calc((100% - 25px) / 2);
  }
}
@media only screen and (max-width: 576px) {
  .h_ss10 .right form ._form_group {
    width: 100%;
  }
}
.h_ss10 .right form ._form_group label {
  display: block;
  width: 100%;
  color: rgba(255, 255, 255, 0.6);
  font-family: "Averta-Bold.otf";
  font-size: 11px;
  font-style: normal;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.h_ss10 .right form ._form_group input {
  width: 100%;
  height: 36px;
  color: #FFCB83;
  font-family: "Averta-Semibold.otf";
  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.2);
  background-color: transparent;
}
.h_ss10 .right form ._form_group input:focus {
  border-bottom: 1px solid #FFCB83;
}
@media only screen and (max-width: 1024px) {
  .h_ss10 .right form ._form_group input {
    font-size: 13px;
  }
}
.h_ss10 .right form ._error_msg {
  position: absolute;
  right: 0;
  top: 100%;
  font-size: 12px;
  color: #97201F;
  font-style: italic;
}
.h_ss10 .right form .frm-mes {
  font-family: "Averta-Semibold.otf";
  font-size: 16px;
  color: #fff;
  margin-top: 10px;
}

.h_ss7 {
  position: relative;
  padding: 120px 0 0;
  background: #00294E;
}
@media only screen and (max-width: 1024px) {
  .h_ss7 {
    padding: 70px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss7 {
    padding: 45px 0 0;
  }
}
.h_ss7 .decor {
  position: absolute;
  right: 0;
  top: -20px;
  opacity: 0.03;
  pointer-events: none;
  width: 13.1944444444%;
}
.h_ss7 .content {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.h_ss7 .content .left {
  width: 39.5833333333%;
  padding-left: 8.6805555556%;
  padding-bottom: 10px;
}
.h_ss7 .content .left .cm-sub-title {
  font-size: 24px;
  margin-bottom: 15px;
}
.h_ss7 .content .left .des {
  margin-top: 40px;
}
@media only screen and (max-width: 1024px) {
  .h_ss7 .content .left {
    padding-left: 30px;
    padding-bottom: 0;
  }
  .h_ss7 .content .left .cm-sub-title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .h_ss7 .content .left .des {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 820px) {
  .h_ss7 .content .left {
    width: 100%;
    padding: 0 15px 25px;
    text-align: center;
  }
  .h_ss7 .content .left .cm-sub-title {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .h_ss7 .content .left .cm-title {
    display: inline-block;
  }
  .h_ss7 .content .left .des {
    margin-top: 20px;
    text-align: left;
  }
}
.h_ss7 .content .right {
  width: 56.5972222222%;
}
@media only screen and (max-width: 820px) {
  .h_ss7 .content .right {
    width: 100%;
  }
}
.h_ss7 .content .right img {
  width: 100%;
  aspect-ratio: 815/530;
  object-fit: cover;
}

.h_ss6 {
  position: relative;
  padding: 120px 0 0;
  background: #00294E;
}
@media only screen and (max-width: 1024px) {
  .h_ss6 {
    padding: 70px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss6 {
    padding: 45px 0 0;
  }
}
.h_ss6 .decor {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: -40%;
  pointer-events: none;
  width: 20.8333333333%;
}
.h_ss6 .decor2 {
  position: absolute;
  top: -40%;
  left: 50%;
  transform: translateX(-50%);
  width: 53.75%;
}
.h_ss6 .cm-title span {
  font-size: 80px;
  display: inline-block;
  margin-right: 5px;
}
@media only screen and (max-width: 1024px) {
  .h_ss6 .cm-title span {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss6 .cm-title span {
    font-size: 40px;
  }
}
.h_ss6 .swiper {
  position: relative;
  z-index: 3;
  margin-top: 33px;
  line-height: 0;
}
@media only screen and (max-width: 767px) {
  .h_ss6 .swiper {
    margin-top: 25px;
  }
}
.h_ss6 .swiper .item {
  position: relative;
}
.h_ss6 .swiper .thumbnail {
  width: 100%;
  aspect-ratio: 980/609;
  object-fit: cover;
}
.h_ss6 .swiper .text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  padding: 32px 40px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1024px) {
  .h_ss6 .swiper .text {
    padding: 15px 15px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss6 .swiper .text {
    position: relative;
    background-color: #003566;
    border-top: 1px solid #FFCB83;
  }
}
.h_ss6 .swiper .text::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #001E38 12.81%, rgba(0, 41, 78, 0) 128.12%);
  border-top: 1px solid #FFCB83;
}
@media only screen and (max-width: 767px) {
  .h_ss6 .swiper .text::before {
    display: none;
  }
}
.h_ss6 .swiper .text .left {
  position: relative;
  width: 27.5510204082%;
}
@media only screen and (max-width: 767px) {
  .h_ss6 .swiper .text .left {
    width: 100%;
  }
}
.h_ss6 .swiper .text .left .number {
  font-family: "iCielBegum-Semibold.ttf";
  font-size: 80px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -1.6px;
  text-transform: uppercase;
  background: linear-gradient(180deg, #FFF 16.34%, rgba(255, 255, 255, 0) 70.3%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 1024px) {
  .h_ss6 .swiper .text .left .number {
    font-size: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss6 .swiper .text .left .number {
    font-size: 50px;
  }
}
.h_ss6 .swiper .text .left .title {
  font-family: "Averta-Semibold.otf";
  margin-top: -18px;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 27px */
  letter-spacing: 0.18px;
  text-transform: uppercase;
  background: var(--Gradient, linear-gradient(90deg, #FFCB83 0%, #F57F27 50%, #FFE4AB 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 1024px) {
  .h_ss6 .swiper .text .left .title {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss6 .swiper .text .left .title {
    font-size: 14px;
  }
}
.h_ss6 .swiper .text .right {
  position: relative;
  width: 55.612244898%;
  color: #FFF;
  line-height: 1.5;
}
@media only screen and (max-width: 1024px) {
  .h_ss6 .swiper .text .right {
    width: 64.2857142857%;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss6 .swiper .text .right {
    width: 100%;
    margin-top: 15px;
  }
}
.h_ss6 .swiper .text .right ul li {
  list-style: disc;
}
@media only screen and (max-width: 767px) {
  .h_ss6 .swiper .text .right ul {
    padding-left: 20px;
  }
}
.h_ss6 .swiper .swiper-button-prev,
.h_ss6 .swiper .swiper-button-next {
  width: 42px;
  height: 42px;
  background: #00294E;
  border-radius: 50%;
  border: 1px solid #FFCB83;
}
.h_ss6 .swiper .swiper-button-prev::after,
.h_ss6 .swiper .swiper-button-next::after {
  font-size: 16px;
  color: #FFCB83;
}
@media only screen and (max-width: 767px) {
  .h_ss6 .swiper .swiper-button-prev,
.h_ss6 .swiper .swiper-button-next {
    width: 40px;
    height: 40px;
    top: 30%;
  }
  .h_ss6 .swiper .swiper-button-prev::after,
.h_ss6 .swiper .swiper-button-next::after {
    font-size: 15px;
  }
}
.h_ss6 .swiper .swiper-button-prev {
  left: 7.6388888889%;
}
@media only screen and (max-width: 1024px) {
  .h_ss6 .swiper .swiper-button-prev {
    left: 10px;
  }
}
.h_ss6 .swiper .swiper-button-next {
  right: 7.6388888889%;
}
@media only screen and (max-width: 1024px) {
  .h_ss6 .swiper .swiper-button-next {
    right: 10px;
  }
}

.mCSB_scrollTools_horizontal {
  height: 10px !important;
}

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

.mCSB_scrollTools_horizontal {
  background: #DDD;
  border-radius: 16px;
}
.mCSB_scrollTools_horizontal .mCSB_dragger_bar {
  margin: 0 !important;
  height: 100% !important;
  background: #007350 !important;
  border-radius: 0px 0px 10px 0px;
}
@media only screen and (max-width: 1024px) {
  .mCSB_scrollTools_horizontal .mCSB_dragger_bar {
    background: linear-gradient(176deg, #821618 2.86%, #97201F 82.8%) !important;
  }
}

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

.js-tooltip-content {
  position: absolute;
  opacity: 0;
  transition: all 0.5s ease;
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  margin-top: -8px;
  padding: 18px;
  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: linear-gradient(176deg, #821618 2.86%, #97201F 82.8%);
}
.js-tooltip-content.is-visible-mb {
  opacity: 1;
  background: linear-gradient(176deg, #821618 2.86%, #97201F 82.8%);
  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 #97201F;
  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: linear-gradient(176deg, #821618 2.86%, #97201F 82.8%);
}
.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 #97201F;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}
.js-tooltip-content-path-svg i {
  font-style: italic;
  font-size: 13px;
}

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