@charset "UTF-8";
/*
    Theme Name: FAMIA
    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: "PlusJakartaSans-Regular.ttf";
  src: url("./assets/fonts/PlusJakartaSans-Regular.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "lostgun-SemiBold.otf";
  src: url("./assets/fonts/lostgun-SemiBold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PlusJakartaSans-Bold.ttf";
  src: url("./assets/fonts/PlusJakartaSans-Bold.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PlusJakartaSans-SemiBold.ttf";
  src: url("./assets/fonts/PlusJakartaSans-SemiBold.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(180deg, #821618 1.26%, #97201F 99.72%);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: linear-gradient(180deg, #821618 1.26%, #97201F 99.72%);
}

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: "PlusJakartaSans-Regular.ttf";
  /* BODY TEXT */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 2%;
}

.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 {
  color: var(--Red, #97201F);
  font-family: "PlusJakartaSans-Bold.ttf";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 21px */
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 10px 0;
  border: 1.5px solid var(--Red, #97201F);
  width: 190px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media only screen and (max-width: 1280px) {
  .cm-button {
    font-size: 13px;
    width: 170px;
    height: 38px;
  }
}
@media only screen and (max-width: 768px) {
  .cm-button {
    font-size: 12px;
    width: 150px;
    letter-spacing: 1px;
  }
}
.cm-button.red {
  font-size: 15px;
  line-height: 160%;
  /* 24px */
  letter-spacing: 1.35px;
  background: var(--Gradient-Red, linear-gradient(90deg, #821618 0%, #97201F 99.72%));
  border: none;
  width: 221px;
  height: 52px;
  outline: 1px solid #B39048;
  outline-offset: -5px;
}
@media only screen and (max-width: 1280px) {
  .cm-button.red {
    font-size: 14px;
    width: 190px;
    height: 45px;
  }
}
.cm-button.red p {
  background: linear-gradient(90deg, #B39048 -26.92%, #FFE4BA 50.53%, #B39048 126.22%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cm-button img {
  max-width: 18px;
  margin-right: 7px;
}

.cm-title {
  color: #97201F;
  line-height: 100%;
  font-size: 56px;
  font-family: "lostgun-SemiBold.otf";
}
@media only screen and (max-width: 1367px) {
  .cm-title {
    font-size: 45px;
    line-height: 120%;
  }
}
@media only screen and (max-width: 1280px) {
  .cm-title {
    font-size: 38px;
  }
}
@media only screen and (max-width: 768px) {
  .cm-title {
    font-size: 33px;
  }
}
.cm-title.center {
  text-align: center;
}

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

.soical {
  position: fixed;
  z-index: 100;
  right: 0;
  bottom: 17.8921568627%;
  display: flex;
  flex-direction: column;
}
.soical a {
  width: 48px;
  height: 48px;
  background: var(--Red-Dark, #821618);
  display: flex;
  align-items: center;
  justify-content: center;
}
@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(3) img {
  animation-name: trin;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.soical a:last-child {
  margin-bottom: 0;
}

.header-main-site {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  right: 0;
  display: flex;
  justify-content: space-between;
  padding: 27px 2.7777777778% 0;
  transition: all 0.5s ease;
}
@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: 10px 15px 0;
    align-items: center;
  }
}
.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: 5px 2.7777777778% 7px;
}
@media only screen and (max-width: 1280px) {
  .header-main-site.is_active {
    padding: 5px 30px 7px;
  }
}
@media only screen and (max-width: 576px) {
  .header-main-site.is_active {
    padding: 3px 15px 3px;
    background: linear-gradient(180deg, #821618 1.26%, #97201F 99.72%);
  }
}
.header-main-site.is_active .logo-header {
  width: 80px;
}
@media only screen and (max-width: 1280px) {
  .header-main-site.is_active .logo-header {
    width: 75px;
  }
}
@media only screen and (max-width: 1024px) {
  .header-main-site.is_active .logo-header {
    width: 65px;
  }
}
@media only screen and (max-width: 576px) {
  .header-main-site.is_active .logo-header {
    width: 55px;
  }
}
.header-main-site .logo-header {
  display: block;
  width: 104px;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1280px) {
  .header-main-site .logo-header {
    width: 90px;
  }
}
@media only screen and (max-width: 1024px) {
  .header-main-site .logo-header {
    width: 80px;
  }
}
@media only screen and (max-width: 576px) {
  .header-main-site .logo-header {
    margin: 0 0px;
    width: 60px;
  }
}
.header-main-site .logo-header img {
  width: 100%;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 576px) {
  .header-main-site .logo-header img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
  }
}
.header-main-site > .right {
  display: flex;
}
.header-main-site > .right .cm-button {
  background: #fff;
}
@media only screen and (max-width: 576px) {
  .header-main-site > .right .cm-button {
    display: none;
  }
}
.header-main-site > .right .cm-button:nth-child(1) img {
  animation-name: trin;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.header-main-site > .right .cm-button:nth-child(2) {
  margin: 0 20px 0;
}
@media only screen and (max-width: 576px) {
  .header-main-site > .right .cm-button:nth-child(2) {
    margin: 0 20px 0 0;
  }
}
.header-main-site > .right .humbeger {
  margin-left: auto;
  cursor: pointer;
  height: max-content;
  padding-top: 12px;
}
@media only screen and (max-width: 1280px) {
  .header-main-site > .right .humbeger {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 576px) {
  .header-main-site > .right .humbeger {
    padding-top: 0;
  }
}
.header-main-site > .right .humbeger svg, .header-main-site > .right .humbeger img {
  width: 22px;
}
@media only screen and (max-width: 576px) {
  .header-main-site > .right .humbeger svg, .header-main-site > .right .humbeger img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
  }
}
.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: 375px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 60px 20px 60px 60px;
  transition: all 0.5s ease;
  transform: translateX(100%);
  border-left: 1px solid #B39048;
}
@media only screen and (max-width: 820px) {
  .menu {
    width: 350px;
    padding: 60px 20px 30px 60px;
  }
}
@media only screen and (max-width: 576px) {
  .menu {
    width: 100%;
    padding: 40px 15px 20px 30px;
  }
}
.menu.active {
  transform: translateX(0);
}
.menu > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: cover;
  object-position: top right;
}
.menu ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (max-width: 576px) {
  .menu ul {
    gap: 15px;
  }
}
@media only screen and (min-width: 1025px) {
  .menu ul li:hover a {
    background: var(--Gradient, linear-gradient(90deg, #B39048 0%, #FFE4BA 50.57%, #B39048 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.menu ul a {
  color: var(--White, #FFF);
  font-family: "PlusJakartaSans-Bold.ttf";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 22.5px */
  letter-spacing: 0.15px;
  text-transform: uppercase;
  transition: all;
}
@media only screen and (max-width: 768px) {
  .menu ul a {
    font-size: 13px;
  }
}
.menu .top, .menu .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.menu .top {
  font-family: "MonaSans_Condensed-Regular.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: 160px;
  height: 40px;
  border-radius: 10px 0;
  border: 1px solid var(--Red, #97201F);
  background: var(--Gradient, linear-gradient(90deg, #B39048 0%, #FFE4BA 50.57%, #B39048 100%));
  outline: none;
  box-shadow: none;
  color: #97201F;
  font-family: "PlusJakartaSans-Bold.ttf";
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
@media only screen and (max-width: 1024px) {
  .menu .bottom .cm-button {
    width: 190px;
    height: 42px;
    font-size: 14px;
  }
}
.menu .bottom .cm-button img {
  margin: 0;
}

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

.footer {
  background: var(--Red-Dark, #821618);
}
.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: "PlusJakartaSans-Bold.ttf";
  font-size: 12px;
  font-style: normal;
  line-height: 21px;
  /* 175% */
  letter-spacing: 2px;
  text-transform: uppercase;
  background: var(--Gradient, linear-gradient(90deg, #B39048 0%, #FFE4BA 50.57%, #B39048 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: fit-content;
  margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
  .footer .top .item .label {
    margin-bottom: 10px;
  }
}
.footer .top .item .des {
  color: var(--White, #FFF);
  font-family: "PlusJakartaSans-Regular.ttf";
  font-size: 13px;
  font-style: normal;
  line-height: 21px;
  /* 161.538% */
  letter-spacing: 1px;
  margin-bottom: 11px;
}
.footer .top .item .des p {
  margin-bottom: 10px;
}
.footer .top .item .des p:last-child {
  margin-bottom: 0;
}
.footer .top .item .des:last-child {
  margin-bottom: 0;
}
.footer .top .item:nth-of-type(1) {
  width: 94px;
}
@media only screen and (max-width: 820px) {
  .footer .top .item:nth-of-type(1) {
    width: 100%;
  }
  .footer .top .item:nth-of-type(1) .logo {
    display: block;
    margin: 0 auto 30px;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .footer .top .item:nth-of-type(1) .logo {
    margin: 0 auto;
  }
}
.footer .top .item:nth-of-type(2) {
  width: 24.3697478992%;
}
@media only screen and (max-width: 820px) {
  .footer .top .item:nth-of-type(2) {
    width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .footer .top .item:nth-of-type(2) {
    width: 100%;
  }
}
.footer .top .item:nth-of-type(3) {
  width: 24.3697478992%;
}
@media only screen and (max-width: 820px) {
  .footer .top .item:nth-of-type(3) {
    width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .footer .top .item:nth-of-type(3) {
    width: 100%;
  }
}
.footer .top .item:nth-of-type(4) {
  width: 26.4705882353%;
}
@media only screen and (max-width: 820px) {
  .footer .top .item:nth-of-type(4) {
    width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .footer .top .item:nth-of-type(4) {
    width: 100%;
  }
}
.footer .bottom {
  background: #7C1214;
  padding: 11px 0 8px;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}

.h_ss1 {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .h_ss1 {
    height: auto;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 {
    display: flex;
    flex-direction: column-reverse;
    background: linear-gradient(180deg, #821618 1.26%, #97201F 99.72%);
    padding-top: 100px;
  }
}
.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: none;
  }
}
.h_ss1 .decor {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: block;
}
.h_ss1 .abs {
  position: absolute;
  left: 6.1111111111%;
  bottom: 6.7961165049%;
}
@media only screen and (max-width: 1367px) {
  .h_ss1 .abs {
    bottom: 20px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .abs {
    left: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss1 .abs {
    bottom: 5px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 .abs {
    position: relative;
    left: unset;
    bottom: unset;
    width: max-content;
    margin: 0 auto 20px;
  }
}
.h_ss1 .abs h2 {
  background: var(--Gradient, linear-gradient(90deg, #B39048 0%, #FFE4BA 50.57%, #B39048 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0.72px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .abs h2 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss1 .abs h2 {
    font-size: 16px;
  }
}
.h_ss1 .abs h2:nth-child(1) {
  padding-left: 35px;
  margin-bottom: -25px;
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .abs h2:nth-child(1) {
    margin-bottom: -15px;
  }
}
.h_ss1 .abs h2 span {
  font-family: "lostgun-SemiBold.otf";
  font-size: 64px;
  font-weight: 600;
  text-transform: initial;
  line-height: 130%;
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .abs h2 span {
    font-size: 45px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss1 .abs h2 span {
    font-size: 40px;
  }
}

.h_ss2 {
  position: relative;
  display: flex;
  background: #FFFAF1;
  padding-top: 102px;
  z-index: 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 {
    flex-direction: column;
    padding: 60px 30px 0;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 {
    padding: 50px 15px 3px;
  }
}
.h_ss2::after {
  content: "";
  position: absolute;
  background: linear-gradient(180deg, #821618 1.26%, #97201F 99.72%);
  width: 100%;
  height: calc(100% - 100px);
  top: 0;
  left: 0;
  z-index: -1;
}
.h_ss2::before {
  background: linear-gradient(180deg, #B39048 0%, #FFE4BA 49.43%, rgba(179, 144, 72, 0) 100%);
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 120px;
  top: -60px;
}
@media only screen and (max-width: 576px) {
  .h_ss2::before {
    height: 60px;
    top: -30px;
  }
}
.h_ss2 .decor_right_ss2 {
  position: absolute;
  right: 0;
  top: -140px;
  mix-blend-mode: soft-light;
  opacity: 0.7;
}
.h_ss2 .decor_left_ss2 {
  position: absolute;
  left: 0;
  bottom: 100px;
  mix-blend-mode: soft-light;
  opacity: 0.7;
}
.h_ss2 .left {
  width: 17.3611111111%;
  margin-right: 4.5138888889%;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .left {
    width: 100%;
    margin-right: 0;
  }
}
.h_ss2 .left img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0 0 20px 0;
}
.h_ss2 .mid {
  width: 47.5694444444%;
  margin-right: 4.5138888889%;
  padding-top: 35px;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .mid {
    width: 100%;
    margin-right: 0;
  }
}
.h_ss2 .mid .exp {
  margin: 43.5px 0 48.5px;
  letter-spacing: 1px;
  line-height: 150%;
  padding-right: 129px;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .mid .exp {
    padding-right: 20px;
    margin: 20px 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .mid .exp {
    padding-right: 0;
  }
}
.h_ss2 .mid .exp p {
  margin-bottom: 16px;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .mid .exp p {
    margin-bottom: 10px;
  }
}
.h_ss2 .mid .exp p:nth-child(1) {
  font-style: italic;
}
.h_ss2 .mid .exp p:last-child {
  margin-bottom: 0;
}
.h_ss2 .mid .img {
  border-radius: 20px 0 30px 0;
  width: 100%;
  height: auto;
  display: block;
}
.h_ss2 .right {
  width: 26.0416666667%;
  padding-top: 75px;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .right {
    width: 100%;
    margin-right: 0;
    padding-top: 35px;
  }
}
.h_ss2 .right img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 20px 0 0 0;
}

.h_ss3 {
  background: #FFFAF1;
  padding-top: 100px;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 {
    padding-top: 60px;
  }
}
.h_ss3 .top {
  z-index: 1;
  padding: 0 8.6805555556%;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .top {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .top {
    padding: 0 15px;
  }
}
.h_ss3 .top .title_block {
  display: flex;
  justify-content: space-between;
  margin-bottom: 48px;
  align-items: flex-end;
}
@media only screen and (max-width: 576px) {
  .h_ss3 .top .title_block {
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .top .title_block .left {
    width: max-content;
    margin: 0 auto 20px;
  }
}
.h_ss3 .top .title_block .left h2:nth-child(1) {
  padding-left: 67px;
  padding-bottom: 8px;
}
.h_ss3 .top .title_block .left h2 span {
  font-family: "PlusJakartaSans-SemiBold.ttf";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.72px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .top .title_block .left h2 span {
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .top .title_block .left h2 span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .top .title_block .left h2 span {
    font-size: 14px;
  }
}
.h_ss3 .top .table {
  display: flex;
  flex-wrap: wrap;
}
.h_ss3 .top .table .item:nth-child(1) {
  width: 15.9663865546%;
}
@media only screen and (max-width: 768px) {
  .h_ss3 .top .table .item:nth-child(1) {
    width: 50%;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .top .table .item:nth-child(1) {
    width: 40%;
  }
}
.h_ss3 .top .table .item:nth-child(2) {
  width: 36.1344537815%;
  padding-right: 50px;
}
@media only screen and (max-width: 768px) {
  .h_ss3 .top .table .item:nth-child(2) {
    width: 50%;
    padding-right: 0;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .top .table .item:nth-child(2) {
    width: 60%;
  }
}
.h_ss3 .top .table .item:nth-child(2) div {
  letter-spacing: 0.3px;
  font-size: 15px;
  font-family: "PlusJakartaSans-SemiBold.ttf";
}
@media only screen and (max-width: 576px) {
  .h_ss3 .top .table .item:nth-child(2) div {
    font-size: 14px;
  }
}
.h_ss3 .top .table .item:nth-child(3) {
  width: 26.4705882353%;
}
@media only screen and (max-width: 768px) {
  .h_ss3 .top .table .item:nth-child(3) {
    width: 50%;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .top .table .item:nth-child(3) {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .top .table .item:nth-child(3) div {
    min-height: auto;
  }
}
.h_ss3 .top .table .item:nth-child(4) {
  width: 21.4285714286%;
}
@media only screen and (max-width: 768px) {
  .h_ss3 .top .table .item:nth-child(4) {
    width: 50%;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .top .table .item:nth-child(4) {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .top .table .item:nth-child(4) div {
    min-height: auto;
  }
}
.h_ss3 .top .table .item > div {
  color: var(--Dark, #231F20);
  line-height: 150%;
  /* 21px */
  letter-spacing: 0.28px;
  margin-bottom: 15px;
  min-height: 23px;
}
@media only screen and (max-width: 576px) {
  .h_ss3 .top .table .item > div {
    min-height: 42px;
    margin-bottom: 10px;
  }
}
.h_ss3 .top .table .item > div:last-child {
  margin-bottom: 0;
}
.h_ss3 .top .table .item > div li {
  color: var(--Dark, #231F20);
  position: relative;
  padding-left: 15px;
}
.h_ss3 .top .table .item > div li:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 8px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #231F20;
}
.h_ss3 > img:not(.decor_right_ss3) {
  width: 100%;
  height: auto;
  display: block;
  margin-top: -7%;
}
@media only screen and (max-width: 768px) {
  .h_ss3 > img:not(.decor_right_ss3) {
    margin-top: 0;
  }
}
.h_ss3 .decor_right_ss3 {
  position: absolute;
  right: 0;
  width: 100%;
  z-index: -1;
  max-height: 100%;
  bottom: 15%;
}

.h_ss4 {
  background: #FFFAF1;
  padding: 80px 4.5138888889% 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 {
    padding: 40px 30px 0;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 {
    padding: 30px 30px 0;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 {
    padding: 30px 15px 0;
  }
}
.h_ss4 .title_block {
  display: flex;
  justify-content: space-between;
  margin-bottom: 48px;
  align-items: center;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .title_block {
    margin-bottom: 30px;
  }
}
@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 h2:nth-child(1) {
  padding-left: 62px;
}
.h_ss4 .title_block .left h2:nth-child(2) span {
  display: inline-block;
  margin-right: 5px;
}
.h_ss4 .title_block .left h2:nth-child(3) {
  padding-left: 264px;
  margin-top: -10px;
}
@media only screen and (max-width: 576px) {
  .h_ss4 .title_block .left h2:nth-child(3) {
    padding-left: 0;
    text-align: center;
  }
}
.h_ss4 .title_block .left h2 span {
  font-family: "PlusJakartaSans-SemiBold.ttf";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.72px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .title_block .left h2 span {
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .title_block .left h2 span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .title_block .left h2 span {
    font-size: 14px;
  }
}
.h_ss4 .title_block p {
  opacity: 0.8;
  letter-spacing: 0.28px;
  width: 38.1679389313%;
  color: #000;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .title_block p {
    width: 53.4351145038%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .title_block p {
    width: 100%;
  }
}
.h_ss4 .panzoom {
  aspect-ratio: 1310/650;
  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 .svg .btn_zoom {
  position: absolute;
  right: 30px;
  bottom: 30px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 576px) {
  .h_ss4 .svg .btn_zoom {
    left: 10px;
    bottom: 10px;
  }
}
.h_ss4 .svg .btn_zoom .zoom {
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: var(--Red, #8F1A21);
  position: relative;
}
@media (max-width: 576px) {
  .h_ss4 .svg .btn_zoom .zoom {
    width: 25px;
    height: 25px;
  }
}
.h_ss4 .svg .btn_zoom .zoom:nth-child(1) {
  margin-bottom: 2px;
}
.h_ss4 .svg .btn_zoom .zoom:nth-child(1)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 50%;
  border-radius: 10px;
  background: var(--Gradient, linear-gradient(90deg, #B39048 0%, #FFE4BA 50.57%, #B39048 100%));
  border-radius: 10px;
}
.h_ss4 .svg .btn_zoom .zoom::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 2px;
  border-radius: 10px;
  background: var(--Gradient, linear-gradient(90deg, #B39048 0%, #FFE4BA 50.57%, #B39048 100%));
  border-radius: 10px;
}
.h_ss4 .svg .btn_zoom .zoom img {
  display: block;
}
.h_ss4 .svg .line {
  stroke-dasharray: 8;
  stroke-width: 1px;
  animation: draw22 50s linear infinite;
}
.h_ss4 .bottom {
  width: 100%;
  padding: 30px;
  border-radius: 0 0 20px 0;
  background: var(--Gradient-Red, linear-gradient(90deg, #821618 0%, #97201F 99.72%));
  position: relative;
  display: flex;
}
@media only screen and (max-width: 576px) {
  .h_ss4 .bottom {
    padding: 20px 10px;
  }
}
.h_ss4 .bottom .car {
  width: 100px;
  padding-top: 45px;
}
@media only screen and (max-width: 576px) {
  .h_ss4 .bottom .car {
    width: 60px;
    padding-top: 34px;
  }
}
.h_ss4 .bottom > img {
  width: calc(100% - 60px);
  left: 30px;
  top: 105px;
  position: absolute;
}
@media only screen and (max-width: 576px) {
  .h_ss4 .bottom > img {
    width: calc(100% - 0px);
    left: 0px;
    top: 95px;
    position: absolute;
  }
}
.h_ss4 .bottom .swiper {
  width: calc(100% - 100px);
}
@media only screen and (max-width: 576px) {
  .h_ss4 .bottom .swiper {
    width: calc(100% - 60px);
  }
}
.h_ss4 .bottom .swiper .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.h_ss4 .bottom .swiper .swiper-slide p {
  font-family: "lostgun-SemiBold.otf";
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 8px;
  background: var(--Gradient, linear-gradient(90deg, #B39048 0%, #FFE4BA 50.57%, #B39048 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@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 img {
  width: 17px;
  display: block;
  margin-bottom: 26px;
}
.h_ss4 .bottom .swiper .swiper-slide span {
  letter-spacing: 0.28px;
  color: var(--White, #FFF);
}
@media only screen and (max-width: 576px) {
  .h_ss4 .bottom .swiper .swiper-slide span {
    font-size: 13px;
    text-align: center;
  }
}

.h_ss5 {
  background: #FFFAF1;
  padding-top: 152px;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 {
    padding-top: 50px;
  }
}
.h_ss5 .cm-title {
  padding-bottom: 48px;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .cm-title {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .cm-title {
    padding-bottom: 20px;
  }
}
.h_ss5 .cm-title img {
  position: absolute;
  left: 0;
  bottom: -190px;
  pointer-events: none;
}
.h_ss5 .mb {
  aspect-ratio: 1440/898;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .h_ss5 .mb {
    flex-direction: column-reverse;
    height: auto;
  }
}
.h_ss5 .mb .left {
  width: 78.125%;
  height: 100%;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .h_ss5 .mb .left {
    width: 100%;
    height: auto;
  }
}
.h_ss5 .mb .left .div_svg {
  height: 100%;
  position: relative;
  z-index: 0;
}
.h_ss5 .mb .left svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.h_ss5 .mb .left svg path[data-cham] {
  pointer-events: none;
}
.h_ss5 .mb .left svg path {
  transition: 0.25s;
  cursor: pointer;
}
.h_ss5 .mb .left svg path:not(.not), .h_ss5 .mb .left svg rect {
  opacity: 0;
}
.h_ss5 .mb .left svg path:not(.not).active, .h_ss5 .mb .left svg rect.active {
  opacity: 1;
}
.h_ss5 .mb .left svg rect {
  pointer-events: none;
}
.h_ss5 .mb .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.h_ss5 .mb .right {
  width: 21.875%;
  background: linear-gradient(176deg, #821618 2.86%, #97201F 82.8%);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  padding: 82px 20px 60px 74px;
  z-index: 0;
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .mb .right {
    padding: 20px 10px 20px 15px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .mb .right {
    width: 100%;
    flex-direction: column-reverse;
    height: auto;
  }
}
.h_ss5 .mb .right .cm-title {
  color: #fff;
  font-size: 40px;
}
@media only screen and (max-width: 1367px) {
  .h_ss5 .mb .right .cm-title {
    font-size: 35px;
    line-height: 120%;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .mb .right .cm-title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .mb .right .cm-title {
    font-size: 28px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .mb .right .cm-title {
    text-align: center;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .mb .right .cm-title {
    padding-bottom: 15px;
  }
}
.h_ss5 .mb .right > img:not(.decor_right_ss5) {
  width: 125px;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .mb .right > img:not(.decor_right_ss5) {
    width: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .mb .right > img:not(.decor_right_ss5) {
    display: block;
    margin: 15px auto 0;
  }
}
.h_ss5 .mb .right .decor_right_ss5 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  mix-blend-mode: soft-light;
}
.h_ss5 .mb .right:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 2px;
  background: linear-gradient(0deg, #B39048 0%, #FFE4BA 50.57%, #B39048 100%);
}
@media only screen and (max-width: 768px) {
  .h_ss5 .mb .right ul {
    display: flex;
    flex-wrap: wrap;
    width: 75%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .mb .right ul {
    width: 100%;
  }
}
.h_ss5 .mb .right li {
  display: flex;
  align-items: center;
  margin-bottom: 17px;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .mb .right li {
    margin-bottom: 13px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .mb .right li {
    width: 50%;
  }
}
.h_ss5 .mb .right li:last-child {
  margin-bottom: 0;
}
.h_ss5 .mb .right li span {
  font-family: "PlusJakartaSans-SemiBold.ttf";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.56px;
  text-transform: uppercase;
  background: var(--Gradient, linear-gradient(90deg, #B39048 0%, #FFE4BA 50.57%, #B39048 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 20px;
  margin-right: 10px;
  display: inline-block;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .mb .right li span {
    font-size: 13px;
    margin-right: 5px;
  }
}
.h_ss5 .mb .right li p {
  width: calc(100% - 30px);
  color: #FFF;
  letter-spacing: 0.28px;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .mb .right li p {
    width: calc(100% - 25px);
  }
}

.h_ss6 {
  padding: 104px 4.5138888889% 105px;
  background: #FFF;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss6 {
    padding: 60px 30px 60px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss6 {
    padding: 50px 30px 60px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss6 {
    padding: 40px 15px 50px;
  }
}
.h_ss6 .decor_top_ss6 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.h_ss6 .title_block {
  display: flex;
  justify-content: space-between;
  margin-bottom: 56px;
  align-items: flex-end;
  padding: 0 4.5801526718%;
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .title_block {
    padding: 0px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss6 .title_block {
    flex-direction: column;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss6 .title_block {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss6 .title_block .left {
    width: max-content;
    margin: 0 auto 15px;
  }
}
.h_ss6 .title_block .left h2:nth-child(1) span {
  display: inline-block;
  margin-right: 12px;
}
@media only screen and (max-width: 768px) {
  .h_ss6 .title_block .left h2:nth-child(1) span {
    margin-right: 8px;
  }
}
.h_ss6 .title_block .left h2 span {
  font-family: "PlusJakartaSans-SemiBold.ttf";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.72px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .title_block .left h2 span {
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss6 .title_block .left h2 span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss6 .title_block .left h2 span {
    font-size: 14px;
  }
}
.h_ss6 .title_block p {
  line-height: 150%;
  /* 21px */
  width: 38.1679389313%;
  letter-spacing: 0.28px;
  color: var(--Dark, #231F20);
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .title_block p {
    width: 53.4351145038%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss6 .title_block p {
    width: 100%;
  }
}
.h_ss6 .swiper .swiper-slide {
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .h_ss6 .swiper .swiper-slide:hover .img img {
    transform: scale(1.3);
  }
}
.h_ss6 .swiper .swiper-slide .img {
  aspect-ratio: 625/420;
  position: relative;
  overflow: hidden;
}
.h_ss6 .swiper .swiper-slide .img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: all 0.5s ease;
}
.h_ss6 .swiper .swiper-slide .bottom {
  border-radius: 0px 0 20px 0;
  background: var(--Gradient-Red, linear-gradient(90deg, #821618 0%, #97201F 99.72%));
  padding: 32px 33px 29px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .swiper .swiper-slide .bottom {
    padding: 25px 15px 20px;
  }
}
.h_ss6 .swiper .swiper-slide .bottom h3 {
  font-family: "lostgun-SemiBold.otf";
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  background: var(--Gradient, linear-gradient(90deg, #B39048 0%, #FFE4BA 50.57%, #B39048 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: calc(100% - 140px);
  padding-right: 10px;
}
@media only screen and (max-width: 1367px) {
  .h_ss6 .swiper .swiper-slide .bottom h3 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .swiper .swiper-slide .bottom h3 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss6 .swiper .swiper-slide .bottom h3 {
    width: calc(100% - 130px);
    font-size: 20px;
  }
}
.h_ss6 .swiper .swiper-slide .bottom .see {
  color: var(--White, #FFF);
  font-family: "PlusJakartaSans-SemiBold.ttf";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 22.5px */
  letter-spacing: 0.45px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  width: 140px;
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .swiper .swiper-slide .bottom .see {
    font-size: 13px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss6 .swiper .swiper-slide .bottom .see {
    width: 130px;
    font-size: 12px;
  }
}
.h_ss6 .swiper .swiper-slide .bottom .see span {
  display: block;
  width: 24px;
  height: 1px;
  background: var(--Gradient, linear-gradient(90deg, #B39048 0%, #FFE4BA 50.57%, #B39048 100%));
  display: inline-block;
  margin-right: 12px;
}
@media only screen and (max-width: 768px) {
  .h_ss6 .swiper .swiper-slide .bottom .see span {
    width: 18px;
    margin-right: 8px;
  }
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  z-index: 10000;
  padding: 98px 8.3333333333% 77px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: 0.5s;
}
@media only screen and (max-width: 1450px) {
  .popup {
    padding: 30px 60px 30px;
  }
}
@media only screen and (max-width: 1280px) {
  .popup {
    padding: 30px 30px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .popup {
    padding: 30px 15px;
  }
}
.popup.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.popup:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #231f20b3;
  z-index: -1;
}
.popup > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.popup .content {
  width: 100%;
  height: 100%;
  background: #fff;
  position: relative;
  padding: 60px;
  display: flex;
}
@media only screen and (max-width: 1450px) {
  .popup .content {
    padding: 20px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .popup .content {
    flex-direction: column;
    justify-content: space-between;
  }
}
.popup .content .close {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: -21px;
  width: 16px;
}
.popup .content .left {
  width: 18.9814814815%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-right: 60px;
  border-right: #231f2066 solid 1px;
}
@media only screen and (max-width: 1450px) {
  .popup .content .left {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 1280px) {
  .popup .content .left {
    width: 28.2407407407%;
  }
}
@media only screen and (max-width: 576px) {
  .popup .content .left {
    width: 100%;
    padding-right: 0;
    border-right: none;
    height: auto;
  }
}
.popup .content .left .top .cm-title {
  background: var(--Gradient-Red, linear-gradient(90deg, #821618 0%, #97201F 99.72%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1367px) {
  .popup .content .left .top .cm-title {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .popup .content .left .top .cm-title {
    text-align: center;
    margin-bottom: 15px;
  }
}
.popup .content .left .top ul {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 576px) {
  .popup .content .left .top ul {
    flex-direction: unset;
    flex-wrap: wrap;
    align-items: center;
  }
}
.popup .content .left .top ul li {
  color: var(--Dark, #231F20);
  line-height: 150%;
  /* 21px */
  letter-spacing: 0.28px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 576px) {
  .popup .content .left .top ul li {
    width: 50%;
  }
}
.popup .content .left .top ul li:last-child {
  margin-bottom: 0;
}
.popup .content .left .top ul li:nth-of-type(2n + 2) {
  font-family: "lostgun-SemiBold.otf";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  background: var(--Gradient-Red, linear-gradient(90deg, #821618 0%, #97201F 99.72%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 24px;
}
@media only screen and (max-width: 1367px) {
  .popup .content .left .top ul li:nth-of-type(2n + 2) {
    margin-bottom: 10px;
    font-size: 20px;
  }
}
.popup .content .left p {
  font-size: 11px;
  font-style: italic;
  color: var(--Dark, #231F20);
}
.popup .content .right {
  width: 81.0185185185%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-left: 60px;
}
@media only screen and (max-width: 1450px) {
  .popup .content .right {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 1280px) {
  .popup .content .right {
    width: 71.7592592593%;
  }
}
@media only screen and (max-width: 576px) {
  .popup .content .right {
    width: 100%;
    padding-left: 0;
    height: auto;
  }
}
.popup .content .right .img {
  width: 100%;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: inherit;
}
@media only screen and (max-width: 576px) {
  .popup .content .right .img {
    min-height: 300px;
  }
}
.popup .content .right .img img {
  max-height: 100%;
  display: none;
}
.popup .content .right .img img.active {
  display: block;
}
.popup .content .right ul {
  display: flex;
}
@media only screen and (max-width: 576px) {
  .popup .content .right ul {
    justify-content: center;
  }
}
.popup .content .right ul li {
  color: var(--Dark, #231F20);
  font-family: "lostgun-SemiBold.otf";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 0 20px;
  opacity: 0.4;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 1367px) {
  .popup .content .right ul li {
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .popup .content .right ul li {
    font-size: 18px;
    padding: 0 15px;
  }
}
@media only screen and (max-width: 576px) {
  .popup .content .right ul li {
    font-size: 16px;
    padding: 0 10px;
  }
}
.popup .content .right ul li:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  height: 70%;
  background: #231F20;
  opacity: 0.4;
  width: 1px;
}
.popup .content .right ul li.active {
  opacity: 1;
  background: var(--Gradient-Red, linear-gradient(90deg, #821618 0%, #97201F 99.72%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.popup .content .right ul li:first-child {
  padding-left: 0;
}
.popup .content .right ul li:last-child {
  padding-right: 0;
}
.popup .content .right ul li:last-child::after {
  display: none;
}

.h_ss9 {
  padding: 104px 8.6805555556%;
  background-size: cover;
}
@media only screen and (max-width: 1024px) {
  .h_ss9 {
    padding: 72px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss9 {
    padding: 45px 15px;
  }
}
.h_ss9 .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .h_ss9 .content {
    gap: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss9 .content {
    gap: 20px;
  }
}
.h_ss9 .content .left {
  width: 31.9327731092%;
}
@media only screen and (max-width: 1024px) {
  .h_ss9 .content .left {
    width: 37.8151260504%;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss9 .content .left {
    width: 100%;
    padding: 15px;
  }
}
.h_ss9 .content .left .logo {
  width: 100%;
  height: 120px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 1024px) {
  .h_ss9 .content .left .logo {
    height: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss9 .content .left .logo {
    height: 90px;
    margin-bottom: 20px;
    text-align: center;
  }
}
.h_ss9 .content .left .logo img {
  width: auto;
  height: 100%;
  max-width: 100%;
}
.h_ss9 .content .left .subtitle {
  color: var(--White, #FFF);
  font-family: "PlusJakartaSans-Bold.ttf";
  font-size: 16px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin-bottom: 12px;
}
@media only screen and (max-width: 1024px) {
  .h_ss9 .content .left .subtitle {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss9 .content .left .subtitle {
    font-size: 13px;
    margin-bottom: 10px;
    text-align: center;
  }
}
.h_ss9 .content .left .title {
  font-family: "lostgun-SemiBold.otf";
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  background: var(--Gradient, linear-gradient(90deg, #B39048 0%, #FFE4BA 50.57%, #B39048 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 auto 24px;
}
.h_ss9 .content .left .title br {
  display: none;
}
@media only screen and (max-width: 1280px) {
  .h_ss9 .content .left .title {
    font-size: 28px;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss9 .content .left .title {
    font-size: 24px;
    margin: 0 auto 20px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss9 .content .left .title {
    text-align: center;
  }
  .h_ss9 .content .left .title br {
    display: block;
  }
}
.h_ss9 .content .left .des {
  font-family: "PlusJakartaSans-Regular.ttf";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
  letter-spacing: 0.28px;
  color: rgba(255, 255, 255, 0.85);
}
.h_ss9 .content .right {
  width: 63.025210084%;
  border-radius: 20px 0 0 0;
  overflow: hidden;
}
.h_ss9 .content .right img {
  width: 100%;
  aspect-ratio: 750/460;
  object-fit: cover;
}
@media only screen and (max-width: 1024px) {
  .h_ss9 .content .right {
    width: 57.1428571429%;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss9 .content .right {
    width: 100%;
  }
}

.h_ss10 {
  position: relative;
  padding: 101px 4.5138888889% 104px;
}
@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 .cm-title {
  padding-left: 4.5801526718%;
  margin-bottom: 39px;
}
@media only screen and (max-width: 1024px) {
  .h_ss10 .cm-title {
    padding-left: 0;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss10 .cm-title {
    gap: 20px;
    margin-bottom: 30px;
  }
}
.h_ss10 .swiper .item {
  border-radius: 20px 0 20px 0;
  overflow: hidden;
  background: var(--Gradient-Red, linear-gradient(90deg, #821618 0%, #97201F 99.72%));
}
.h_ss10 .swiper .item .thumbnail {
  width: 100%;
  overflow: hidden;
}
.h_ss10 .swiper .item .thumbnail img {
  width: 100%;
  aspect-ratio: 400/280;
  object-fit: cover;
  transition: all 0.3s ease;
}
.h_ss10 .swiper .item .text {
  padding: 24px 30px 30px;
}
.h_ss10 .swiper .item .text .title {
  color: var(--White, #FFF);
  font-family: "PlusJakartaSans-SemiBold.ttf";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  /* 22.4px */
  text-transform: uppercase;
  margin-bottom: 23px;
}
.h_ss10 .swiper .item .text .read_more {
  position: relative;
  font-family: "PlusJakartaSans-SemiBold.ttf";
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.993px;
  text-transform: uppercase;
  background: var(--Gradient, linear-gradient(90deg, #B39048 0%, #FFE4BA 50.57%, #B39048 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: fit-content;
  margin-left: 22px;
}
.h_ss10 .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_ss10 .swiper-nav {
  position: absolute;
  top: 128px;
  right: 4.5138888889%;
  display: flex;
  align-items: center;
  gap: 18px;
}
@media only screen and (max-width: 1024px) {
  .h_ss10 .swiper-nav {
    top: 90px;
    right: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss10 .swiper-nav {
    top: 63px;
    right: 15px;
  }
}
.h_ss10 .swiper-nav .swiper-button-prev,
.h_ss10 .swiper-nav .swiper-button-next {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  width: 48px;
  height: 12px;
}
.h_ss10 .swiper-nav .swiper-button-prev::after,
.h_ss10 .swiper-nav .swiper-button-next::after {
  display: none;
}
.h_ss10 .swiper-nav .swiper-button-prev {
  transform: rotate(-180deg);
}

.h_ss8 {
  position: relative;
  line-height: 0;
}
.h_ss8 .decor {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  pointer-events: none;
}
@media only screen and (max-width: 1024px) {
  .h_ss8 .decor {
    top: 0;
  }
}
.h_ss8 .top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 8.6805555556% 40px 7.8472222222%;
}
@media only screen and (max-width: 1024px) {
  .h_ss8 .top {
    padding: 0 30px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss8 .top {
    padding: 0 15px 30px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss8 .top .left .cm-title {
    text-align: center;
  }
}
.h_ss8 .top .left > p {
  margin-top: 9px;
  color: var(--Red-Dark, #821618);
  font-family: "PlusJakartaSans-SemiBold.ttf";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.72px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .h_ss8 .top .left > p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss8 .top .left > p {
    text-align: center;
    font-size: 18px;
  }
}
.h_ss8 .bottom {
  padding: 0 4.5138888889%;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  .h_ss8 .bottom {
    padding: 0 30px;
    gap: 20px;
  }
}
@media only screen and (max-width: 900px) {
  .h_ss8 .bottom {
    gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss8 .bottom {
    flex-direction: column;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss8 .bottom {
    padding: 0 15px;
  }
}
.h_ss8 .bottom .item {
  width: 30.534351145%;
  border-radius: 20px 0;
  border: 2px solid #B39048;
  padding: 16px;
}
@media only screen and (max-width: 1200px) {
  .h_ss8 .bottom .item {
    width: calc((100% - 40px) / 3);
    border-radius: 15px 0;
    border: 1px solid #B39048;
    padding: 10px;
  }
}
@media only screen and (max-width: 900px) {
  .h_ss8 .bottom .item {
    width: calc((100% - 30px) / 3);
  }
}
@media only screen and (max-width: 767px) {
  .h_ss8 .bottom .item {
    width: 100%;
  }
}
.h_ss8 .bottom .item .box {
  border-radius: 20px 0;
  background: linear-gradient(180deg, #821618 0.62%, #97201F 39.49%, rgba(151, 32, 31, 0) 62.42%);
  height: 643px;
  padding: 32px 8.0808080808%;
  box-sizing: border-box;
}
@media only screen and (max-width: 1200px) {
  .h_ss8 .bottom .item .box {
    padding: 25px 15px;
    border-radius: 15px 0;
    height: 630px;
  }
}
@media only screen and (max-width: 900px) {
  .h_ss8 .bottom .item .box {
    height: 580px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss8 .bottom .item .box {
    height: max-content;
    background: #97201F;
  }
}
.h_ss8 .bottom .item .box .subtitle {
  position: relative;
  color: #FFF;
  font-family: "PlusJakartaSans-SemiBold.ttf";
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.54px;
  text-transform: uppercase;
  padding-left: 12px;
}
.h_ss8 .bottom .item .box .subtitle::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--Gradient, linear-gradient(90deg, #B39048 0%, #FFE4BA 50.57%, #B39048 100%));
}
@media only screen and (max-width: 1200px) {
  .h_ss8 .bottom .item .box .subtitle {
    font-size: 15px;
    padding-left: 10px;
  }
  .h_ss8 .bottom .item .box .subtitle::before {
    width: 4px;
    height: 4px;
  }
}
@media only screen and (max-width: 900px) {
  .h_ss8 .bottom .item .box .subtitle {
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss8 .bottom .item .box .subtitle {
    font-size: 15px;
  }
}
.h_ss8 .bottom .item .box .title {
  font-family: "lostgun-SemiBold.otf";
  font-size: 38px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.38px;
  background: var(--Gradient, linear-gradient(90deg, #B39048 0%, #FFE4BA 50.57%, #B39048 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: fit-content;
  margin: 16px 0 23px;
  padding-bottom: 5px;
}
@media only screen and (max-width: 1200px) {
  .h_ss8 .bottom .item .box .title {
    font-size: 30px;
    margin: 15px 0 20px;
  }
}
@media only screen and (max-width: 900px) {
  .h_ss8 .bottom .item .box .title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss8 .bottom .item .box .title {
    font-size: 28px;
  }
}
.h_ss8 .bottom .item .box .des {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}
.h_ss8 .bottom .item .box .des p {
  color: #FFF;
  font-family: "PlusJakartaSans-SemiBold.ttf";
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.64px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1200px) {
  .h_ss8 .bottom .item .box .des p {
    font-size: 13px;
  }
}
@media only screen and (max-width: 900px) {
  .h_ss8 .bottom .item .box .des p {
    font-size: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss8 .bottom .item .box .des p {
    font-size: 13px;
  }
}
.h_ss8 .bottom .item .box .des p:nth-of-type(1) {
  width: 100%;
}
.h_ss8 .bottom .item .box .des p:nth-of-type(3) {
  font-family: "PlusJakartaSans-Bold.ttf";
  font-size: 50px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -1px;
  background: var(--Gradient, linear-gradient(90deg, #B39048 0%, #FFE4BA 50.57%, #B39048 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  max-width: fit-content;
}
@media only screen and (max-width: 1200px) {
  .h_ss8 .bottom .item .box .des p:nth-of-type(3) {
    font-size: 40px;
  }
}
@media only screen and (max-width: 900px) {
  .h_ss8 .bottom .item .box .des p:nth-of-type(3) {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss8 .bottom .item .box .des p:nth-of-type(3) {
    font-size: 40px;
  }
}
.h_ss8 .bg {
  width: 100%;
  margin-top: -420px;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .h_ss8 .bg {
    margin-top: 30px;
  }
}

.h_ss11 {
  position: relative;
  z-index: 0;
  padding: 0 4.5138888889% 104px;
}
@media only screen and (max-width: 1024px) {
  .h_ss11 {
    padding: 0 30px 72px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss11 {
    padding: 0 15px 45px;
  }
}
.h_ss11 .decor {
  position: absolute;
  top: -35%;
  left: 0;
  width: 47.2916666667%;
  max-width: 681px;
  pointer-events: none;
}
@media only screen and (max-width: 1024px) {
  .h_ss11 .decor {
    top: 0;
  }
}
.h_ss11 .top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .h_ss11 .top {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
  }
}
.h_ss11 .cm-title {
  padding-left: 4.5801526718%;
}
@media only screen and (max-width: 1024px) {
  .h_ss11 .cm-title {
    padding-left: 0;
  }
}
.h_ss11 .tab {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .h_ss11 .tab {
    margin: 25px 0 0;
  }
}
.h_ss11 .tab .item {
  position: relative;
  margin-left: 24px;
  padding-left: 25px;
  color: rgba(130, 22, 24, 0.69);
  font-family: "PlusJakartaSans-Bold.ttf";
  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_ss11 .tab .item {
    font-size: 15px;
  }
}
.h_ss11 .tab .item::before {
  position: absolute;
  content: "";
  top: 6px;
  left: 0;
  opacity: 0.69;
  background: rgba(130, 22, 24, 0.69);
  width: 2px;
  height: 14px;
}
.h_ss11 .tab .item:nth-of-type(1) {
  margin-left: 0;
  padding-left: 0;
}
.h_ss11 .tab .item:nth-of-type(1)::before {
  display: none;
}
.h_ss11 .tab .item.active {
  color: #821618;
}
@media (max-width: 576px) {
  .h_ss11 .tab .item {
    font-size: 14px;
    margin-left: 15px;
    padding-left: 16px;
  }
  .h_ss11 .tab .item::before {
    height: 14px;
  }
}
.h_ss11 .tab_content {
  display: none;
}
.h_ss11 .slide_image {
  width: 100%;
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .h_ss11 .slide_image {
    margin-bottom: 10px;
  }
}
.h_ss11 .slide_image .swiper-slide {
  line-height: 0;
  position: relative;
}
.h_ss11 .slide_image .swiper-slide:after {
  border-radius: 20px 0;
  background: linear-gradient(180deg, rgba(35, 31, 32, 0) 12.5%, #231F20 100%);
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  right: 0;
  height: 39.4117647059%;
}
.h_ss11 .slide_image .swiper-slide img:not(.icon) {
  width: 100%;
  aspect-ratio: 1310/550;
  object-fit: cover;
  object-position: center;
  border-radius: 20px 0;
}
@media only screen and (max-width: 1024px) {
  .h_ss11 .slide_image .swiper-slide img:not(.icon) {
    aspect-ratio: 16/9;
  }
}
.h_ss11 .slide_image .swiper-slide p {
  position: absolute;
  padding: 0 32px 32px;
  width: fit-content;
  left: 0;
  bottom: 0;
  font-family: "PlusJakartaSans-SemiBold.ttf";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 24px */
  text-transform: uppercase;
  background: var(--Gradient, linear-gradient(90deg, #B39048 0%, #FFE4BA 50.57%, #B39048 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 1;
}
@media only screen and (max-width: 576px) {
  .h_ss11 .slide_image .swiper-slide p {
    padding: 0 15px 10px;
    font-size: 15px;
    text-transform: capitalize;
  }
}
.h_ss11 .slide_thumbs {
  position: relative;
  line-height: 0;
}
.h_ss11 .slide_thumbs .swiper-slide {
  position: relative;
  overflow: hidden;
}
.h_ss11 .slide_thumbs .swiper-slide:after {
  background: linear-gradient(180deg, rgba(35, 31, 32, 0) 12.5%, #231F20 100%);
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  right: 0;
  height: 60%;
}
.h_ss11 .slide_thumbs .swiper-slide img {
  width: 100%;
  aspect-ratio: 340/212;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1024px) {
  .h_ss11 .slide_thumbs .swiper-slide img {
    aspect-ratio: 16/9;
  }
}
.h_ss11 .slide_thumbs .swiper-slide p {
  position: absolute;
  padding: 0 20px 16px;
  width: calc(100% - 40px);
  left: 0;
  bottom: 0;
  font-family: "PlusJakartaSans-SemiBold.ttf";
  color: var(--White, #FFF);
  font-size: 13px;
  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_ss11 .slide_thumbs .swiper-slide p {
    padding: 0 10px 16px;
    width: calc(100% - 20px);
  }
}
@media only screen and (max-width: 768px) {
  .h_ss11 .slide_thumbs .swiper-slide p {
    font-size: 12px;
    padding: 0 5px 5px;
    width: calc(100% - 10px);
  }
}
@media only screen and (max-width: 576px) {
  .h_ss11 .slide_thumbs .swiper-slide p {
    font-size: 11px;
    text-transform: capitalize;
  }
}
.h_ss11 .slide_thumbs .swiper-slide.swiper-slide-thumb-active::before {
  transform: scale(1);
  opacity: 1;
}
.h_ss11 .slide_video {
  margin: 0 5.5555555556%;
}
@media (max-width: 1280px) {
  .h_ss11 .slide_video {
    margin: 0 30px;
  }
}
@media (max-width: 576px) {
  .h_ss11 .slide_video {
    margin: 0 15px;
  }
}
.h_ss11 .slide_video .swiper-slide {
  display: inline-block;
}
.h_ss11 .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_ss11 .slide_video .swiper-slide .item .thumbnail {
  width: 100%;
  aspect-ratio: 400/260;
  object-fit: cover;
  object-position: center;
  transition: all 0.3s ease;
}
.h_ss11 .slide_video .swiper-slide .item .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 38px;
}
.h_ss11 .slide_video .swiper-slide .item:last-child {
  margin-bottom: 0;
}
.h_ss11 .slide_video .swiper-slide .item:nth-of-type(1) {
  width: 67.1875%;
  margin-bottom: 0;
  margin-right: 1.5625%;
}
.h_ss11 .slide_video .swiper-slide .item:nth-of-type(1) .thumbnail {
  aspect-ratio: 860/540;
}
.h_ss11 .slide_video .swiper-slide .item:nth-of-type(1) .icon {
  width: 80px;
}
@media (max-width: 1024px) {
  .h_ss11 .slide_video .swiper-slide .item:nth-of-type(1) .icon {
    width: 52px;
  }
}
.h_ss11 .slide_video .swiper-slide .item:hover .thumbnail {
  transform: scale(1.1);
}
@media (max-width: 576px) {
  .h_ss11 .slide_video .swiper-slide .item {
    width: calc((100% - 6px) / 2);
  }
  .h_ss11 .slide_video .swiper-slide .item:nth-of-type(1) {
    width: 100%;
    margin: 0 0 6px;
  }
  .h_ss11 .slide_video .swiper-slide .item:last-child {
    margin-left: 6px;
  }
}
.h_ss11 .slide_document .swiper-slide {
  box-sizing: border-box;
  background: #FFFAF1;
  transition: all 0.3s ease;
}
@media (max-width: 576px) {
  .h_ss11 .slide_document .swiper-slide {
    padding: 15px 15px 22px;
  }
}
.h_ss11 .slide_document .swiper-slide .thumbnail {
  background: var(--Gradient-Red, linear-gradient(90deg, #821618 0%, #97201F 99.72%));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  aspect-ratio: 418/249;
}
.h_ss11 .slide_document .swiper-slide .thumbnail img {
  width: 150px;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 768px) {
  .h_ss11 .slide_document .swiper-slide .thumbnail img {
    width: 90px;
  }
}
.h_ss11 .slide_document .swiper-slide .text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000;
  font-family: "PlusJakartaSans-SemiBold.ttf";
  font-size: 15px;
  font-style: normal;
  line-height: 160%;
  /* 24px */
  text-transform: uppercase;
  padding: 27px 24px 20px;
}
@media only screen and (max-width: 768px) {
  .h_ss11 .slide_document .swiper-slide .text {
    padding: 15px 10px 10px;
    font-size: 13px;
  }
}
.h_ss11 .slide_document .swiper-slide .text img {
  filter: brightness(0);
}
@media only screen and (max-width: 768px) {
  .h_ss11 .slide_document .swiper-slide .text img {
    width: 15px;
  }
}
.h_ss11 .slide_document .swiper-slide:hover .thumbnail img {
  transform: scale(1.1);
}

.h_ss12 {
  padding: 104px 8.6805555556%;
  background: #FFFAF1;
}
@media only screen and (max-width: 1024px) {
  .h_ss12 {
    padding: 72px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss12 {
    padding: 45px 15px;
  }
}
.h_ss12 .inner_wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media only screen and (max-width: 820px) {
  .h_ss12 .inner_wrap {
    flex-direction: column;
  }
}
.h_ss12 .left {
  width: 39.9159663866%;
}
@media only screen and (max-width: 820px) {
  .h_ss12 .left {
    width: 100%;
  }
}
.h_ss12 .left .subtitle {
  color: var(--Red-Dark, #97201F);
  font-family: "PlusJakartaSans-SemiBold.ttf";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 2.8px;
  text-transform: uppercase;
  margin-bottom: 9px;
}
.h_ss12 .left .des {
  margin-top: 15px;
  color: #231F20;
  margin-top: 22px;
}
.h_ss12 .right {
  width: 52.5210084034%;
  margin-top: 12px;
}
@media only screen and (max-width: 820px) {
  .h_ss12 .right {
    width: 100%;
  }
}
.h_ss12 .right form {
  width: 100%;
}
.h_ss12 .right form .form-field-all {
  display: flex;
  flex-wrap: wrap;
  gap: 35px 65px;
  margin-bottom: 42px;
}
@media only screen and (max-width: 1024px) {
  .h_ss12 .right form .form-field-all {
    gap: 25px;
    margin-bottom: 35px;
  }
}
.h_ss12 .right form ._form_group {
  width: calc((100% - 65px) / 2);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .h_ss12 .right form ._form_group {
    width: calc((100% - 25px) / 2);
  }
}
@media only screen and (max-width: 576px) {
  .h_ss12 .right form ._form_group {
    width: 100%;
  }
}
.h_ss12 .right form ._form_group label {
  display: block;
  width: 100%;
  color: rgba(35, 31, 32, 0.6);
  font-family: "PlusJakartaSans-Bold.ttf";
  font-size: 11px;
  font-style: normal;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.h_ss12 .right form ._form_group input {
  width: 100%;
  height: 36px;
  color: #97201F;
  font-family: "PlusJakartaSans-SemiBold.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(35, 31, 32, 0.2);
  background-color: transparent;
}
.h_ss12 .right form ._form_group input:focus {
  border-bottom: 1px solid #97201F;
}
@media only screen and (max-width: 1024px) {
  .h_ss12 .right form ._form_group input {
    font-size: 13px;
  }
}
.h_ss12 .right form ._error_msg {
  position: absolute;
  right: 0;
  top: 100%;
  font-size: 12px;
  color: #97201F;
  font-style: italic;
}
.h_ss12 .right form .frm-mes {
  font-weight: 700;
  font-size: 16px;
  color: #000;
  margin-top: 10px;
}

.h_ss7 {
  position: relative;
  padding: 104px 4.5138888889%;
}
@media only screen and (max-width: 1024px) {
  .h_ss7 {
    padding: 72px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss7 {
    padding: 45px 15px;
  }
}
.h_ss7 .decor {
  position: absolute;
  top: -156px;
  left: 0;
  width: 25.4861111111%;
  max-width: 367px;
  pointer-events: none;
}
@media only screen and (max-width: 1024px) {
  .h_ss7 .decor {
    top: 0;
  }
}
.h_ss7 .tab {
  display: flex;
  align-items: center;
  margin: 35px auto 25px;
  border: 1px solid #8D8D8D;
  width: fit-content;
}
@media only screen and (max-width: 767px) {
  .h_ss7 .tab {
    width: 100%;
  }
}
.h_ss7 .tab .item {
  width: 128px;
  padding: 11px 5px;
  border-right: 1px solid #8D8D8D;
  font-family: "PlusJakartaSans-SemiBold.ttf";
  font-size: 14px;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .h_ss7 .tab .item {
    font-size: 13px;
  }
}
.h_ss7 .tab .item span {
  display: inline-block;
  transition: all 0.3s ease;
  color: rgba(35, 31, 32, 0.7);
}
.h_ss7 .tab .item:last-child {
  border: 0;
}
.h_ss7 .tab .item.active {
  background: var(--Red, #97201F);
}
.h_ss7 .tab .item.active span {
  background: var(--Gradient, linear-gradient(90deg, #B39048 0%, #FFE4BA 50.57%, #B39048 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.h_ss7 .tab_content {
  display: none;
  gap: 12px;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .h_ss7 .tab_content {
    gap: 20px;
  }
}
.h_ss7 .tab_content .left {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .h_ss7 .tab_content .left {
    width: 100%;
  }
}
.h_ss7 .tab_content .left img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.h_ss7 .tab_content .right {
  width: 100%;
}
.h_ss7 .tab_content .right .note-color {
  margin-top: 18px;
}
.h_ss7 .tab_content .right .note-color p {
  color: var(--Dark, #231F20);
  font-family: "PlusJakartaSans-SemiBold.ttf";
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.h_ss7 .tab_content .right .note-color ul {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}
.h_ss7 .tab_content .right .note-color ul li {
  width: calc((100% - 9px) / 2);
  height: 28px;
}
.h_ss7 .tab_content .right .note-color ul li:nth-of-type(1) {
  background: #D1FFDB;
}
.h_ss7 .tab_content .right .note-color ul li:nth-of-type(2) {
  background: #FFFFC9;
}
.h_ss7 .tab_content .right .note-color ul li:nth-of-type(3) {
  background: #DFF;
}
.h_ss7 .tab_content .right .note-color ul li:nth-of-type(4) {
  background: #FFDCE6;
}
.h_ss7 .tab_content .right .note-color ul li:nth-of-type(5) {
  background: #EFD5F0;
}
.h_ss7 .tab_content .right .note-color ul li:nth-of-type(6) {
  background: #FBB582;
}
.h_ss7 .tab_content .right .note-color ul li:nth-of-type(7) {
  background: #EBDCC7;
}
.h_ss7 .tab_content .right .note {
  color: var(--Dark, #231F20);
  font-family: "PlusJakartaSans-Regular.ttf";
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 150%;
  /* 18px */
  letter-spacing: 0.24px;
  text-align: center;
}
@media only screen and (max-width: 820px) {
  .h_ss7 .tab_content .right .note {
    margin-bottom: 0;
    margin-top: 20px;
  }
}

.form {
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  opacity: 0;
  pointer-events: none;
  transition: all 0.35s ease;
}
.form.show {
  opacity: 1;
  pointer-events: all;
}
.form .inner_wrap {
  width: 480px;
  max-width: calc(100% - 30px);
  box-sizing: border-box;
  border: 1px solid var(--Gradient, #B39048);
  background: #821618;
  box-sizing: border-box;
  padding: 40px;
  position: relative;
}
@media only screen and (max-width: 576px) {
  .form .inner_wrap {
    padding: 20px 15px;
  }
}
.form .inner_wrap .close {
  position: absolute;
  cursor: pointer;
  top: -20px;
  right: 0;
}
.form .inner_wrap .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.form .inner_wrap .top .subtitle {
  color: var(--White, #FFF);
  font-family: "PlusJakartaSans-SemiBold.ttf";
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media only screen and (max-width: 576px) {
  .form .inner_wrap .top .subtitle {
    font-size: 12px;
  }
}
.form .inner_wrap .top .title {
  font-family: "lostgun-SemiBold.otf";
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  background: var(--Gradient, linear-gradient(90deg, #B39048 0%, #FFE4BA 50.57%, #B39048 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 576px) {
  .form .inner_wrap .top .title {
    font-size: 28px;
  }
}
.form .inner_wrap .bottom {
  margin: 8px 0 0;
}
.form .inner_wrap .bottom form .form-field-all {
  display: flex;
  flex-direction: column;
  gap: 28px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 576px) {
  .form .inner_wrap .bottom form .form-field-all {
    gap: 22px;
    margin-bottom: 20px;
  }
}
.form .inner_wrap .bottom form ._form_group {
  position: relative;
}
.form .inner_wrap .bottom form ._form_group input {
  width: 100%;
  height: 36px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  outline: none;
  box-shadow: none;
  font-family: "PlusJakartaSans-SemiBold.ttf";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  /* 114.286% */
  letter-spacing: 0.7px;
  background: var(--Gradient, linear-gradient(90deg, #B39048 0%, #FFE4BA 50.57%, #B39048 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 576px) {
  .form .inner_wrap .bottom form ._form_group input {
    height: 32px;
    font-size: 13px;
  }
}
.form .inner_wrap .bottom form ._form_group input::placeholder {
  color: rgba(255, 255, 255, 0.6);
  background: transparent;
  -webkit-text-fill-color: initial;
}
.form .inner_wrap .bottom form ._form_group input:focus {
  border-bottom: 1px solid #B39048;
}
.form .inner_wrap .bottom form ._form_group ._error_msg {
  position: absolute;
  right: 0;
  top: 100%;
  font-size: 12px;
  font-style: italic;
  color: #fff;
}
@media only screen and (max-width: 576px) {
  .form .inner_wrap .bottom form ._form_group ._error_msg {
    font-size: 11px;
  }
}
.form .inner_wrap .bottom form .cm-button {
  border-radius: 10px 0;
  background: var(--Gradient, linear-gradient(90deg, #B39048 0%, #FFE4BA 50.57%, #B39048 100%));
  outline: 1px solid #821618;
}
.form .inner_wrap .bottom form .cm-button p {
  color: #821618;
  background: transparent;
  -webkit-text-fill-color: initial;
}
.form .inner_wrap .bottom form .frm-mes {
  font-size: 15px;
  color: #fff;
  font-family: "PlusJakartaSans-Bold.ttf";
  margin-top: 10px;
}
.form .inner_wrap .bottom .address {
  color: var(--White, #FFF);
  font-family: "PlusJakartaSans-Regular.ttf";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 1px;
  margin: 32px 0 0;
}
@media only screen and (max-width: 576px) {
  .form .inner_wrap .bottom .address {
    margin: 22px 0 0;
  }
}

.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 */