@charset "UTF-8";
/*
    Theme Name: Zen Harmony
    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: "PlayfairDisplay-Regular.ttf";
  src: url("./assets/fonts/PlayfairDisplay-Regular.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PlayfairDisplay-SemiBold.ttf";
  src: url("./assets/fonts/PlayfairDisplay-SemiBold.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PlayfairDisplay-Bold.ttf";
  src: url("./assets/fonts/PlayfairDisplay-Bold.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham-Book1.otf";
  src: url("./assets/fonts/Gotham-Book1.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "iCielGotham-Medium.otf";
  src: url("./assets/fonts/iCielGotham-Medium.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NVN-Motherland-Signature-ruxnss.ttf";
  src: url("./assets/fonts/NVN-Motherland-Signature-ruxnss.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: #CB484B;
  border-radius: 3px;
}

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

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;
  /* Body text */
  color: #CB484B;
  /* Body Text */
  font-family: "Gotham-Book1.otf";
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
@media (max-width: 1280px) {
  html,
  body {
    font-size: 14px;
  }
}

.site-container {
  overflow: hidden;
}

ul li {
  list-style: none;
}

a {
  text-decoration: none;
}

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

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

@keyframes draw2 {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 2000;
  }
}
@keyframes signature1 {
  0% {
    stroke-dashoffset: 500;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes signature2 {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes opacityKey {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes colorTextWhite {
  0% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
  50% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
  100% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
}
@keyframes colorTextBlack {
  0% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
  50% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
  100% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
}
@keyframes zoomOut {
  from {
    transform: scale(1.3); /* Kích thước ban đầu của ảnh */
  }
  to {
    transform: scale(1); /* Kích thước cuối cùng của ảnh (zoom out) */
  }
}
@keyframes trin {
  from {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  20%, 32%, 44%, 56%, 68% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  23%, 35%, 47%, 59%, 71% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  26%, 38%, 50%, 62%, 74% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  29%, 41%, 53%, 65%, 77% {
    transform: rotate3d(0, 0, 1, -15deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@-moz-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@-o-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@keyframes drawLine {
  from {
    stroke-dasharray: 300;
    stroke-dashoffset: 300;
  }
  to {
    stroke-dasharray: 300;
    stroke-dashoffset: 0;
  }
}
@keyframes zoomOut {
  from {
    transform: scale(1.3); /* Kích thước ban đầu của ảnh */
  }
  to {
    transform: scale(1); /* Kích thước cuối cùng của ảnh (zoom out) */
  }
}
@keyframes letterSpacingLoop {
  0% {
    letter-spacing: 0.8px;
  }
  50% {
    letter-spacing: 4px;
  }
  100% {
    letter-spacing: 0.8px;
  }
}
@keyframes letterSpacingLoop2 {
  0% {
    letter-spacing: 0.8px;
  }
  50% {
    letter-spacing: 2px;
  }
  100% {
    letter-spacing: 0.8px;
  }
}
@keyframes typing {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes blink-caret {
  from, to {
    border-color: transparent;
  }
  50% {
    border-color: #5F2B17;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes scaling2 {
  0% {
    transform: scale(1.2);
    background-color: transparent;
  }
  100% {
    transform: scale(1.7);
    background-color: rgba(220, 89, 92, 0.5);
  }
}
@keyframes scaling3 {
  0% {
    transform: scale(1.2);
    background-color: transparent;
  }
  100% {
    transform: scale(1.7);
    background-color: transparent;
  }
}
@keyframes signature2 {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes opacityKey {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes section1 {
  0% {
    stroke-dashoffset: 1500;
    fill: none;
    stroke: #FFEDD7;
    stroke-width: 1;
  }
  100% {
    stroke-dashoffset: 0;
    fill: #FFEDD7;
    stroke: #FFEDD7;
    stroke-width: 0;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fade {
  from {
    bottom: -50px;
  }
  to {
    bottom: 0;
  }
}
@-moz-keyframes fade {
  from {
    bottom: -50px;
  }
  to {
    bottom: 0;
  }
}
@-o-keyframes fade {
  from {
    bottom: -50px;
  }
  to {
    bottom: 0;
  }
}
@keyframes fade {
  from {
    bottom: -50px;
  }
  to {
    bottom: 0;
  }
}
.title-def {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #FFEDD7;
  font-family: "PlayfairDisplay-Regular.ttf";
  font-size: 44px;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.title-def span {
  display: block;
  font-family: "NVN-Motherland-Signature-ruxnss.ttf";
  font-size: 40px;
  font-weight: 400;
  line-height: normal;
  text-transform: none;
}

.cm-container {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 100px;
}
@media (max-width: 1280px) {
  .cm-container {
    padding: 0 64px;
  }
}
@media (max-width: 1024px) {
  .cm-container {
    padding: 0 32px;
  }
}
@media (max-width: 767px) {
  .cm-container {
    padding: 0 16px;
  }
}

.header-main-site {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 70px 12px 0;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1921px) {
  .header-main-site {
    padding: 12px 48px 12px 0;
  }
}
@media (max-width: 1280px) {
  .header-main-site {
    height: 100vh;
    padding: 0;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transition: all 0.5s ease;
    opacity: 0;
    background: #D74F52;
    display: flex;
    flex-direction: column;
    border-radius: 0 0 30px 30px;
  }
}
.header-main-site.hide-header {
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  opacity: 1;
}
.header-main-site.is_active {
  background: #D74F52;
  padding: 6px 70px 2px 0;
}
@media only screen and (max-width: 1921px) {
  .header-main-site.is_active {
    padding: 6px 48px 2px 0;
  }
}
@media only screen and (max-width: 1280px) {
  .header-main-site.is_active {
    padding: 0;
  }
}
.header-main-site.is_active .logo svg {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}
.header-main-site.is_active .menu:nth-child(3) li:last-child {
  background: #FFF;
  color: #DC595C;
}
.header-main-site.is_active .menu li {
  color: #FFF;
}
.header-main-site .menu {
  width: calc((100% - 409px) / 2);
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1440px) {
  .header-main-site .menu {
    width: calc((100% - 343px) / 2);
  }
}
@media only screen and (max-width: 1280px) {
  .header-main-site .menu {
    flex-direction: column;
    width: max-content;
  }
}
.header-main-site .menu:nth-child(1) {
  justify-content: flex-end;
}
.header-main-site .menu:nth-child(1) li {
  margin-right: 102px;
}
@media only screen and (max-width: 1440px) {
  .header-main-site .menu:nth-child(1) li {
    margin-right: 60px;
  }
}
@media only screen and (max-width: 1280px) {
  .header-main-site .menu:nth-child(1) li {
    margin: 0 0 30px 0;
  }
}
.header-main-site .menu:nth-child(1) li:last-child {
  margin-right: 0px;
}
.header-main-site .menu:nth-child(3) li {
  margin-left: 102px;
}
@media only screen and (max-width: 1440px) {
  .header-main-site .menu:nth-child(3) li {
    margin-left: 60px;
  }
}
@media only screen and (max-width: 1280px) {
  .header-main-site .menu:nth-child(3) li {
    margin: 0 0 30px 0;
  }
}
.header-main-site .menu:nth-child(3) li:first-child {
  margin-left: 0px;
}
@media only screen and (max-width: 1280px) {
  .header-main-site .menu:nth-child(3) li:first-child {
    margin: 0 0 30px 0;
  }
}
.header-main-site .menu:nth-child(3) li:last-child {
  border-radius: 8px;
  background: var(--Red-1, #DC595C);
  padding: 16px 24px 11px;
  color: var(--Text-yellow, #FFEDD7);
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1280px) {
  .header-main-site .menu:nth-child(3) li:last-child {
    background: #FFF;
    color: #DC595C;
    margin: 0;
  }
}
.header-main-site .menu li {
  color: #CB484B;
  font-family: "iCielGotham-Medium.otf";
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-transform: uppercase;
  transition: all 0.5s ease;
  cursor: pointer;
}
@media (max-width: 1280px) {
  .header-main-site .menu li {
    color: #fff;
  }
}
.header-main-site .logo {
  display: flex;
  align-items: center;
  width: 183px;
  margin: 0 113px;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1440px) {
  .header-main-site .logo {
    margin: 0 80px;
  }
}
@media only screen and (max-width: 1280px) {
  .header-main-site .logo {
    display: none;
  }
}
.header-main-site .logo a {
  display: block;
  width: 71.419px;
}
.header-main-site .logo a:nth-child(2) {
  width: 83.69px;
  margin-left: 28.19px;
}
.header-main-site .logo a svg {
  width: 100%;
  height: auto;
  transition: all 0.5s ease;
}

.menu_mb {
  display: none;
  height: 75px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  background: #D74F52;
  align-items: center;
  justify-content: flex-end;
  padding: 0 30px;
  transition: all 0.5s ease;
}
@media (max-width: 1280px) {
  .menu_mb {
    display: flex;
  }
}
@media (max-width: 576px) {
  .menu_mb {
    padding: 0 15px;
  }
}
.menu_mb.hide-header:after {
  width: 100%;
}
.menu_mb:after {
  width: 0%;
  height: 1px;
  background: #fff;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.5s ease;
}
.menu_mb .logo_mb {
  position: absolute;
  top: 0;
  left: 30px;
  width: 183px;
  display: flex;
  align-items: center;
}
@media (max-width: 576px) {
  .menu_mb .logo_mb {
    left: 15px;
  }
}
.menu_mb .logo_mb a {
  display: inline-block;
}
.menu_mb .logo_mb a:nth-child(1) {
  margin-right: 20px;
}
.menu_mb .logo_mb a:nth-child(1) svg {
  max-width: 65px;
}
.menu_mb .logo_mb svg {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}
.menu_mb .humbeger {
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  display: flex;
  transition: all 0.5s ease;
}
.menu_mb .humbeger span {
  width: 30px;
  height: 3px;
  background: #fff;
  display: block;
  transition: all 0.5s ease;
  margin-bottom: 5px;
  border-radius: 3px;
}
.menu_mb .humbeger span:nth-child(3) {
  margin-bottom: 0;
  width: 20px;
}

.phone {
  background: var(--Red-1, #DC595C);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 5.4166666667%;
  right: 2.5694444444%;
  z-index: 100;
}
@media only screen and (max-width: 768px) {
  .phone {
    height: 35px;
    width: 35px;
    bottom: 5.4166666667%;
    right: 20px;
  }
}
.phone div {
  z-index: -1;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: rgba(220, 89, 92, 0.5);
  position: absolute;
  animation: scaling2 2s cubic-bezier(0.12, 0.7, 0.74, 0.71) infinite;
}
@media only screen and (max-width: 768px) {
  .phone div {
    height: 30px;
    width: 30px;
  }
}
.phone .circle1 {
  animation-delay: 0s;
}
.phone .circle2 {
  animation-delay: 0s;
  height: 50px;
  width: 50px;
  background: transparent;
  border: rgba(220, 89, 92, 0.5019607843) solid 1px;
  animation: scaling3 2s cubic-bezier(0.12, 0.7, 0.74, 0.71) infinite;
}
@media only screen and (max-width: 768px) {
  .phone .circle2 {
    height: 40px;
    width: 40px;
  }
}
.phone img {
  animation-name: trin;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@media only screen and (max-width: 768px) {
  .phone img {
    width: 20px;
  }
}

footer {
  position: relative;
  background-size: cover;
  background-position: center;
}
footer .inner_wrap {
  padding: 81px 6.9444444444% 95px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1280px) {
  footer .inner_wrap {
    padding: 70px 30px 85px;
  }
}
@media only screen and (max-width: 1023px) {
  footer .inner_wrap {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  footer .inner_wrap {
    padding: 48px 16px 60px;
  }
}
footer .inner_wrap .left {
  width: 345px;
}
@media only screen and (max-width: 1023px) {
  footer .inner_wrap .left {
    order: 2;
    width: 100%;
    margin: 40px 0;
  }
}
footer .inner_wrap .left p {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: "Gotham-Book1.otf";
  font-size: 16px;
  line-height: 140%;
  color: #FFEDD7;
  margin-bottom: 20px;
}
footer .inner_wrap .left p:last-child {
  margin-bottom: 0;
}
footer .inner_wrap .left p img {
  width: 28px;
}
footer .inner_wrap .left p strong {
  font-weight: 500;
  font-family: "iCielGotham-Medium.otf";
}
footer .inner_wrap .left p a, footer .inner_wrap .left p span {
  flex: 1;
}
footer .inner_wrap .left p a {
  text-decoration: underline;
  font-family: "iCielGotham-Medium.otf";
  color: #FFEDD7;
  transition: all 0.3s ease;
}
footer .inner_wrap .left p a:hover {
  letter-spacing: 1px;
}
footer .inner_wrap .center {
  width: 254px;
  display: flex;
  align-items: center;
  gap: 38px;
}
footer .inner_wrap .center a {
  display: block;
}
@media only screen and (max-width: 1023px) {
  footer .inner_wrap .center {
    order: 1;
    width: 100%;
    justify-content: center;
  }
}
footer .inner_wrap .right {
  width: 225px;
  margin-left: 7.9166666667%;
}
@media only screen and (max-width: 1280px) {
  footer .inner_wrap .right {
    margin-left: 0;
    order: 3;
  }
}
@media only screen and (max-width: 1023px) {
  footer .inner_wrap .right {
    width: 100%;
  }
}
footer .inner_wrap .right p {
  text-align: center;
  font-family: "iCielGotham-Medium.otf";
  font-size: 14px;
  color: #FFEDD7;
  line-height: 140%;
  letter-spacing: 0.56px;
  text-transform: uppercase;
  margin-bottom: 4px;
}
footer .inner_wrap .right .button {
  width: 100%;
  border-radius: 72px;
  background: #FFEDD7;
  height: 72px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Gotham-Book1.otf";
  color: #DC595C;
  font-size: 14px;
  line-height: 140%;
}
footer .inner_wrap .right .button a {
  color: #DC595C;
  font-family: "iCielGotham-Medium.otf";
  font-size: 24px;
  line-height: 130%;
}
@media only screen and (max-width: 1023px) {
  footer .inner_wrap .right .button {
    width: 225px;
    margin: 0 auto;
  }
}

.loading {
  position: fixed;
  background: #D74F52;
  z-index: 10001;
  animation-name: fadeOut;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 3s;
  animation-fill-mode: forwards;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.loading .decor_ld {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: block;
  animation: fade 1s linear forwards;
}
@media only screen and (max-width: 768px) {
  .loading .decor_ld {
    display: none;
  }
}
.loading .decor_ld.mb {
  display: none;
}
@media only screen and (max-width: 768px) {
  .loading .decor_ld.mb {
    display: block;
  }
}
.loading .logo {
  display: flex;
  align-items: center;
}
.loading .logo a {
  display: block;
}
.loading .logo a .aniload {
  stroke-dasharray: 1500;
  stroke-dashoffset: 1500;
}
.loading .logo a .aniload.active {
  animation: section1 5s linear forwards;
}
.loading .logo a:nth-child(2) {
  margin-left: 46px;
}
@media only screen and (max-width: 768px) {
  .loading .logo a:nth-child(2) {
    margin-left: 25px;
  }
}
.h_ss1 {
  width: 100%;
}
@media only screen and (max-width: 1280px) {
  .h_ss1 {
    margin-top: 75px;
  }
}
.h_ss1 .swiper-slide:not(.video) {
  overflow: hidden;
  position: relative;
  height: 100vh !important;
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .swiper-slide:not(.video) {
    height: calc(100vh - 75px) !important;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 .swiper-slide:not(.video):nth-child(2n+2) .content .bottom {
    display: none;
  }
}
.h_ss1 .swiper-slide:not(.video):nth-child(2n+2) .content .bottom.mb {
  display: none;
}
@media only screen and (max-width: 576px) {
  .h_ss1 .swiper-slide:not(.video):nth-child(2n+2) .content .bottom.mb {
    display: block;
  }
  .h_ss1 .swiper-slide:not(.video):nth-child(2n+2) .content .bottom.mb p:nth-child(3) {
    text-align: right;
    width: max-content;
  }
}
.h_ss1 .swiper-slide:not(.video) .content {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 21.256684492%;
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .swiper-slide:not(.video) .content {
    top: 13.3689839572%;
  }
}
.h_ss1 .swiper-slide:not(.video) .content > div {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .h_ss1 .swiper-slide:not(.video) .content > div {
    width: max-content;
    margin: 0 auto;
  }
}
.h_ss1 .swiper-slide:not(.video) .content > div:nth-child(2) {
  padding-left: 80px;
  margin-top: -20px;
}
@media only screen and (max-width: 768px) {
  .h_ss1 .swiper-slide:not(.video) .content > div:nth-child(2) {
    padding-left: 30px;
  }
}
.h_ss1 .swiper-slide:not(.video) .content > div:nth-child(2) .italic {
  margin: 5px 0 0px 9px;
}
.h_ss1 .swiper-slide:not(.video) .content > div p {
  color: #CB484B;
  font-family: "PlayfairDisplay-Regular.ttf";
  font-size: 52px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 1440px) {
  .h_ss1 .swiper-slide:not(.video) .content > div p {
    font-size: 40px;
  }
}
.h_ss1 .swiper-slide:not(.video) .content > div p.italic {
  font-family: "NVN-Motherland-Signature-ruxnss.ttf";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: initial;
}
@media only screen and (max-width: 1440px) {
  .h_ss1 .swiper-slide:not(.video) .content > div p.italic {
    font-size: 30px;
  }
}
.h_ss1 .swiper-slide:not(.video) .content .bottom {
  display: flex;
  flex-direction: column;
  margin: 20px auto 0;
  width: max-content;
}
@media only screen and (max-width: 1440px) {
  .h_ss1 .swiper-slide:not(.video) .content .bottom {
    margin: 10px auto 0;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 .swiper-slide:not(.video) .content .bottom {
    display: none;
  }
}
.h_ss1 .swiper-slide:not(.video) .content .bottom.mb {
  display: none;
}
@media only screen and (max-width: 576px) {
  .h_ss1 .swiper-slide:not(.video) .content .bottom.mb {
    display: flex;
  }
}
.h_ss1 .swiper-slide:not(.video) .content .bottom p {
  display: flex;
  align-items: center;
  color: #CB484B;
  font-family: "Gotham-Book1.otf";
  font-size: 16px;
}
@media only screen and (max-width: 1440px) {
  .h_ss1 .swiper-slide:not(.video) .content .bottom p {
    font-size: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss1 .swiper-slide:not(.video) .content .bottom p {
    font-size: 16px;
  }
}
.h_ss1 .swiper-slide:not(.video) .content .bottom p img {
  width: 16px;
  height: 16px;
}
@media only screen and (max-width: 1440px) {
  .h_ss1 .swiper-slide:not(.video) .content .bottom p img {
    width: 14px;
    height: 14px;
    margin-bottom: 3px;
  }
}
.h_ss1 .swiper-slide:not(.video) .content .bottom p:nth-child(1) {
  text-transform: uppercase;
}
.h_ss1 .swiper-slide:not(.video) .content .bottom p:nth-child(1) img {
  margin-right: 7px;
}
.h_ss1 .swiper-slide:not(.video) .content .bottom p:nth-child(1) span {
  margin-left: 7.5px;
  display: inline-block;
}
.h_ss1 .swiper-slide:not(.video) .content .bottom p:nth-child(2) {
  text-transform: uppercase;
  margin: 7px 0 6px 26px;
  font-family: "iCielGotham-Medium.otf";
}
.h_ss1 .swiper-slide:not(.video) .content .bottom p:nth-child(2) img {
  transform: rotate(180deg);
  margin-left: 7px;
}
.h_ss1 .swiper-slide:not(.video) .content .bottom p:nth-child(3) {
  margin-left: auto;
}
.h_ss1 .swiper-slide:not(.video) .content .bottom p:nth-child(3) img {
  transform: rotate(180deg);
  margin-left: 7px;
}
.h_ss1 .swiper-slide:not(.video) > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.h_ss1 .swiper-slide {
  overflow: hidden;
  position: relative;
  height: 100vh !important;
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .swiper-slide {
    height: calc(100vh - 75px) !important;
  }
}
.h_ss1 .swiper-slide .video-slide {
  position: relative;
  width: 100%;
  height: 100%;
}
.h_ss1 .swiper-slide .video-slide .video-thumbnail {
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 3;
  cursor: pointer;
  pointer-events: auto;
  touch-action: pan-y pan-x;
}
.h_ss1 .swiper-slide .video-slide .video-thumbnail.hidden {
  display: none;
}
.h_ss1 .swiper-slide .video-slide .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.h_ss1 .swiper-slide .video-slide .video-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.h_ss1 .swiper-slide .video-slide .video-container.hidden {
  display: none;
}
.h_ss1 .swiper-slide .video-slide .video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.h_ss2 {
  background: #DC595C;
}
.h_ss2 .top {
  padding: 85px 6.9444444444% 190px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  z-index: 0;
}
@media only screen and (max-width: 1440px) {
  .h_ss2 .top {
    padding: 60px 6.9444444444% 90px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .top {
    padding: 50px 30px 70px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .top {
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .top {
    padding: 30px 15px 50px;
  }
}
.h_ss2 .top .decor_t_ss2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
}
.h_ss2 .top .left {
  width: 40.7258064516%;
  margin-right: 4.7580645161%;
  color: #FFEDD7;
  font-family: "Gotham-Book1.otf";
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 24px */
}
@media only screen and (max-width: 768px) {
  .h_ss2 .top .left {
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .top .left {
    margin-top: 20px;
  }
}
.h_ss2 .top .left strong {
  font-size: 18px;
  margin-bottom: 16px;
  display: block;
  font-family: "iCielGotham-Medium.otf";
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .top .left strong {
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .top .left strong {
    font-size: 18px;
  }
}
.h_ss2 .top .left ul {
  margin-bottom: 24px;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .top .left ul {
    margin-bottom: 10px;
  }
}
.h_ss2 .top .left ul li {
  margin-bottom: 2px;
  position: relative;
  padding-left: 18px;
}
.h_ss2 .top .left ul li::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #FFEDD7;
  clip-path: polygon(100% 50%, 0 0, 0 100%);
}
.h_ss2 .top .left ul li:last-child {
  margin-bottom: 0;
}
.h_ss2 .top .left h2 {
  color: #FFEDD7;
  font-family: "NVN-Motherland-Signature-ruxnss.ttf";
  font-size: 44px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 24px;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .top .left h2 {
    margin-bottom: 10px;
    font-size: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .top .left h2 {
    font-size: 44px;
    margin-bottom: 16px;
  }
}
.h_ss2 .top .right {
  width: 54.5161290323%;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .top .right {
    width: 75%;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .top .right {
    width: 100%;
  }
}
.h_ss2 .top .right .img_abs_ss2 {
  position: absolute;
  width: 22.7810650888%;
  left: 3%;
  bottom: 5%;
}
@media only screen and (max-width: 576px) {
  .h_ss2 .top .right .img_abs_ss2 {
    width: 24.2603550296%;
  }
}
.h_ss2 .top .right .decor_r_ss2 {
  width: 100%;
  display: block;
  object-fit: cover;
  border-radius: 50%;
  animation: spin 15s linear infinite;
}
.h_ss2 .top .right .img_ss2 {
  width: 88%;
  display: block;
  object-fit: cover;
  border-radius: 50%;
  position: absolute;
  height: 88%;
  left: 50%;
  top: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
}
.h_ss2 .top .decor_ss2 {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0.2;
}
.h_ss2 .bottom {
  position: relative;
  margin-top: -40px;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom {
    display: flex;
    flex-direction: column-reverse;
  }
}
.h_ss2 .bottom .hoa {
  position: absolute;
  left: 0;
  top: -9%;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom .hoa {
    display: none;
  }
}
.h_ss2 .bottom .content {
  width: 86.1111111111%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 70px;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .bottom .content {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom .content {
    width: 100%;
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
  }
}
.h_ss2 .bottom .content .decor_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom .content .decor_content {
    display: none;
  }
}
.h_ss2 .bottom .content .detail {
  display: flex;
  padding: 0 5.8870967742% 0 12.7419354839%;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .bottom .content .detail {
    padding: 0 5.8870967742% 0 6.2903225806%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom .content .detail {
    flex-direction: column;
    padding: 0 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .bottom .content .detail {
    padding: 0 15px;
  }
}
.h_ss2 .bottom .content .detail .left {
  width: 45.7879088206%;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom .content .detail .left {
    width: max-content;
    margin: 0 auto 30px;
  }
}
.h_ss2 .bottom .content .detail .left h2 {
  color: #FFEDD7;
  font-family: "NVN-Motherland-Signature-ruxnss.ttf";
  font-size: 44px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .bottom .content .detail .left h2 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom .content .detail .left h2 {
    font-size: 44px;
    padding-bottom: 5px;
  }
}
.h_ss2 .bottom .content .detail .left h3 {
  color: var(--Text-yellow, #FFEDD7);
  font-family: "PlayfairDisplay-SemiBold.ttf";
  font-size: 44px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  padding-left: 70px;
  margin-top: -20px;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .bottom .content .detail .left h3 {
    font-size: 30px;
    padding-left: 50px;
    margin-top: -10px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom .content .detail .left h3 {
    font-size: 44px;
  }
}
.h_ss2 .bottom .content .detail .right {
  width: 54.2120911794%;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom .content .detail .right {
    width: 100%;
  }
}
.h_ss2 .bottom .content .detail .right ul {
  width: 100%;
}
.h_ss2 .bottom .content .detail .right ul li {
  width: 100%;
  color: #FFF;
  font-family: "Gotham-Book1.otf";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px; /* 125% */
  padding: 10px 0;
  border-bottom: #FFF solid 1px;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .bottom .content .detail .right ul li {
    font-size: 15px;
    padding: 6px 0;
  }
}
.h_ss2 .bottom .content .detail .right ul li:first-child {
  padding-top: 0;
}
.h_ss2 .bottom .content .detail .right ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.h_ss2 .bottom .content .detail .right ul li strong {
  font-family: "iCielGotham-Medium.otf";
}
.h_ss2 .bottom .img_bgr_ss2 {
  width: 100%;
  display: block;
}
@media only screen and (max-width: 576px) {
  .h_ss2 .bottom .img_bgr_ss2 {
    display: none;
  }
}
.h_ss2 .bottom .img_bgr_ss2.mb {
  display: none;
}
@media only screen and (max-width: 576px) {
  .h_ss2 .bottom .img_bgr_ss2.mb {
    display: block;
    margin-top: -200px;
    pointer-events: none;
  }
}
.h_ss2 .bottom .decor {
  width: 100%;
  padding: 8px 0;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom .decor {
    display: none;
  }
}
.h_ss2 .bottom .decor.mb {
  display: none;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom .decor.mb {
    display: block;
  }
}
.h_ss2 .bottom .decor img {
  width: 100%;
  display: block;
  object-fit: cover;
}

.h_ss3 {
  background: var(--Text-yellow, #FFEDD7);
  padding: 0 6.9444444444% 82px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 {
    padding: 0 30px 60px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 {
    flex-direction: column;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 {
    padding: 0 15px 60px;
  }
}
.h_ss3 .item {
  width: 23.2258064516%;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .h_ss3 .item {
    order: 2;
    width: 100% !important;
    margin: 0 auto;
    padding-top: 24px;
  }
}
.h_ss3 .item h4 {
  color: var(--Red-1, #DC595C);
  font-family: "iCielGotham-Medium.otf";
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 30px */
  text-transform: uppercase;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.h_ss3 .item h4 .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 6.667px;
  background: var(--Red-1, #DC595C);
  margin-right: 12px;
}
.h_ss3 .item h4 p {
  width: calc(100% - 52px);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%; /* 23.4px */
  text-transform: uppercase;
  font-family: "iCielGotham-Medium.otf";
}
.h_ss3 .item p {
  color: var(--Red-1, #DC595C);
  font-family: "Gotham-Book1.otf";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 22.4px */
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .item p {
    font-size: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .item p {
    font-size: 16px;
  }
}
.h_ss3 .item > p {
  margin-bottom: 60px;
}
@media only screen and (max-width: 1450px) {
  .h_ss3 .item > p {
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .item > p {
    margin-bottom: 20px;
  }
}
.h_ss3 .item > p:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .h_ss3 .item:nth-child(3) {
    order: 3;
  }
}
.h_ss3 .item:nth-child(2) {
  width: 53.5483870968%;
  padding: 0 50px;
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  padding-top: 0;
  text-align: center;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .item:nth-child(2) {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .item:nth-child(2) {
    order: 1;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .item:nth-child(2) {
    padding: 0 0px;
  }
}
.h_ss3 .item:nth-child(2) .exp {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 46px;
  text-align: center;
  width: max-content;
}
.h_ss3 .item:nth-child(2) .exp div {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: -55px;
}
@media only screen and (max-width: 576px) {
  .h_ss3 .item:nth-child(2) .exp div {
    margin-bottom: -10px;
  }
}
.h_ss3 .item:nth-child(2) .num {
  color: #fff;
  font-family: "PlayfairDisplay-Bold.ttf";
  font-size: 114.935px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 55px;
  margin-right: 20px;
  z-index: 1;
}
@media only screen and (max-width: 1450px) {
  .h_ss3 .item:nth-child(2) .num {
    line-height: 140px;
    margin-top: 0px;
    font-size: 100.935px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .item:nth-child(2) .num {
    line-height: 110px;
    font-size: 90.935px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .item:nth-child(2) .num {
    font-size: 52px;
    line-height: 60px;
    margin: -5px 5px 10px 0;
  }
}
.h_ss3 .item:nth-child(2) .h3 {
  color: #fff;
  font-family: "NVN-Motherland-Signature-ruxnss.ttf";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 56px */
  z-index: 1;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1450px) {
  .h_ss3 .item:nth-child(2) .h3 {
    margin-bottom: 0px;
    font-size: 35px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .item:nth-child(2) .h3 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .item:nth-child(2) .h3 {
    font-size: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.h_ss3 .item:nth-child(2) .h4 {
  color: var(--Text-yellow, #fff);
  font-family: "PlayfairDisplay-SemiBold.ttf";
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  z-index: 1;
}
@media only screen and (max-width: 1450px) {
  .h_ss3 .item:nth-child(2) .h4 {
    font-size: 35px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .item:nth-child(2) .h4 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .item:nth-child(2) .h4 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .item:nth-child(2) .h4 {
    font-size: 24px;
  }
}
.h_ss3 .item:nth-child(2) img:not(.decor) {
  width: 100%;
  z-index: -2;
}
.h_ss4 {
  background: #DC595C;
}
.h_ss4 > img {
  width: 100%;
  display: block;
  object-fit: cover;
}
@media only screen and (max-width: 576px) {
  .h_ss4 > img {
    display: none;
  }
}
.h_ss4 > img.mb {
  display: none;
}
@media only screen and (max-width: 576px) {
  .h_ss4 > img.mb {
    display: block;
  }
}
.h_ss4 .top {
  position: relative;
  z-index: 0;
  padding: 99px 15.4861111111% 75px 10.2083333333%;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .top {
    padding: 70px 30px 60px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .top {
    flex-direction: column;
    padding: 60px 30px 50px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .top {
    padding: 60px 15px 50px;
  }
}
.h_ss4 .top .hoa {
  position: absolute;
  right: 0;
  top: -130px;
  z-index: -1;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .top .hoa {
    width: 27%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .top .hoa {
    display: none;
  }
}
.h_ss4 .top .left {
  text-align: center;
  color: var(--Text-yellow, #FFEDD7);
  width: 47.1962616822%;
  margin-right: 10.6542056075%;
}
@media only screen and (max-width: 768px) {
  .h_ss4 .top .left {
    width: 100%;
    margin-right: 0;
  }
}
.h_ss4 .top .left h2 {
  font-family: "NVN-Motherland-Signature-ruxnss.ttf";
  font-size: 44px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 61.6px */
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .top .left h2 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .top .left h2 {
    font-size: 36px;
    padding-top: 5px;
  }
}
.h_ss4 .top .left h3 {
  font-family: "PlayfairDisplay-SemiBold.ttf";
  font-size: 44px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .top .left h3 {
    font-size: 30px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .top .left h3 {
    font-size: 36px;
    margin-bottom: 28px;
  }
}
.h_ss4 .top .left p {
  font-family: "Gotham-Book1.otf";
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 25.2px */
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .top .left p {
    font-size: 16px;
  }
}
.h_ss4 .top .left p strong {
  font-family: "iCielGotham-Medium.otf";
}
.h_ss4 .top .right {
  width: 42.1495327103%;
}
@media only screen and (max-width: 768px) {
  .h_ss4 .top .right {
    width: 100%;
  }
}
.h_ss4 .top .right p {
  color: var(--Text-yellow, #FFEDD7);
  font-family: "Gotham-Book1.otf";
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 25.2px */
  margin-bottom: 20px;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .top .right p {
    font-size: 16px;
  }
}
.h_ss4 .top .right p:last-child {
  margin-bottom: 0;
}
.h_ss4 .top .right p strong {
  font-family: "iCielGotham-Medium.otf";
}
.h_ss4 .top .decor {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -2;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}
@media only screen and (max-width: 576px) {
  .h_ss4 .top .decor {
    display: none;
  }
}
.h_ss4 .top .decor.mb {
  display: none;
}
@media only screen and (max-width: 576px) {
  .h_ss4 .top .decor.mb {
    display: block;
  }
}
.h_ss4 > .decor {
  width: 100%;
  padding: 8px 0;
}
.h_ss4 > .decor img {
  width: 100%;
  display: block;
  object-fit: cover;
}

.h_ss5 .top {
  background: var(--Text-yellow, #FFEDD7);
  padding: 66px 7.3611111111% 83px;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .top {
    padding: 60px 30px 70px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .top {
    padding: 50px 30px 45px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .top {
    padding: 50px 0px 45px 15px;
  }
}
.h_ss5 .top .decor_l {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.h_ss5 .top .decor_r {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.h_ss5 .top h2 {
  color: var(--Red-1, #DC595C);
  font-family: "NVN-Motherland-Signature-ruxnss.ttf";
  font-size: 44px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  margin-bottom: -15px;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .top h2 {
    font-size: 30px;
    margin-bottom: -10px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .top h2 {
    font-size: 44px;
    margin-bottom: -15px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .top h2 {
    padding: 0px 15px 0 0px;
  }
}
.h_ss5 .top h3 {
  color: var(--Red-1, #DC595C);
  font-family: "PlayfairDisplay-SemiBold.ttf";
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .top h3 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .top h3 {
    font-size: 44px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .top h3 {
    padding: 5px 15px 0 0px;
  }
}
.h_ss5 .top > svg {
  display: block;
  margin: -60px auto 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .top > svg {
    margin: -30px auto 0;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .top > svg {
    margin: 30px auto 0;
  }
}
.h_ss5 .top .swiper-slide {
  position: relative;
}
.h_ss5 .top .swiper-slide:nth-child(4n+2) img, .h_ss5 .top .swiper-slide:nth-child(4n+3) img {
  width: 90%;
  margin: 0 auto;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .top .swiper-slide:nth-child(4n+2) img, .h_ss5 .top .swiper-slide:nth-child(4n+3) img {
    width: 95%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .top .swiper-slide:nth-child(4n+2) img, .h_ss5 .top .swiper-slide:nth-child(4n+3) img {
    width: 100%;
  }
}
.h_ss5 .top .swiper-slide:nth-child(4n+3) p, .h_ss5 .top .swiper-slide:nth-child(4n+4) p {
  text-align: right;
}
.h_ss5 .top .swiper-slide p {
  color: var(--Text-yellow, #FFEDD7);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 25.2px */
  text-transform: uppercase;
  position: absolute;
  bottom: 11.2554112554%;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  font-family: "iCielGotham-Medium.otf";
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .top .swiper-slide p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .top .swiper-slide p {
    font-size: 18px;
    text-align: center;
  }
}
.h_ss5 .top .swiper-slide img {
  width: 100%;
  display: block;
  object-fit: cover;
}
.h_ss5 .bottom {
  padding: 40px 2.7777777778% 0px;
  background: #DC595C;
  z-index: 1;
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .bottom {
    padding: 30px 30px 0px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .bottom {
    padding: 30px 0px 0px;
  }
}
.h_ss5 .bottom .svg {
  position: relative;
  border-radius: 14.312px;
  overflow: hidden;
}
@media only screen and (max-width: 576px) {
  .h_ss5 .bottom .svg {
    border-radius: 0;
  }
}
.h_ss5 .bottom .title {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0px 0px 16px 0px;
  background: rgba(255, 237, 215, 0.9);
  display: flex;
  padding: 18px 29px 0px;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .bottom .title {
    padding: 10px 20px 0px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .bottom .title {
    position: relative;
    top: unset;
    left: unset;
    flex-direction: column;
    text-align: center;
    background: transparent;
  }
}
.h_ss5 .bottom .title h2 {
  color: var(--Text-yellow, #DC595C);
  font-family: "NVN-Motherland-Signature-ruxnss.ttf";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left: 18px;
  text-align: center;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .bottom .title h2 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .bottom .title h2 {
    font-size: 40px;
    color: #FFEDD7;
  }
}
.h_ss5 .bottom .title h3 {
  color: var(--Text-yellow, #DC595C);
  font-family: "PlayfairDisplay-Regular.ttf";
  font-size: 44px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .bottom .title h3 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .bottom .title h3 {
    font-size: 44px;
    color: #FFEDD7;
  }
}
.h_ss5 .bottom .decor {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0;
  opacity: 0.3;
}
.h_ss5 .bottom svg, .h_ss5 .bottom img {
  width: 100%;
  display: block;
  height: auto;
  border-radius: 14.312px;
}
@media only screen and (max-width: 576px) {
  .h_ss5 .bottom svg, .h_ss5 .bottom img {
    border-radius: 0;
  }
}
.h_ss5 .bottom svg .lienke, .h_ss5 .bottom svg .donlap, .h_ss5 .bottom svg .songlap, .h_ss5 .bottom img .lienke, .h_ss5 .bottom img .donlap, .h_ss5 .bottom img .songlap {
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s ease;
}
.h_ss5 .bottom svg .lienke.active, .h_ss5 .bottom svg .donlap.active, .h_ss5 .bottom svg .songlap.active, .h_ss5 .bottom img .lienke.active, .h_ss5 .bottom img .donlap.active, .h_ss5 .bottom img .songlap.active {
  opacity: 1;
}
.h_ss5 .bottom svg .vang, .h_ss5 .bottom svg .tim, .h_ss5 .bottom svg .do, .h_ss5 .bottom img .vang, .h_ss5 .bottom img .tim, .h_ss5 .bottom img .do {
  opacity: 0;
  transition: all 0.5s ease;
  cursor: pointer;
}
.h_ss5 .bottom svg .vang.active, .h_ss5 .bottom svg .tim.active, .h_ss5 .bottom svg .do.active, .h_ss5 .bottom img .vang.active, .h_ss5 .bottom img .tim.active, .h_ss5 .bottom img .do.active {
  opacity: 0.8;
}
.h_ss5 .bottom .mbsvg {
  position: relative;
}
.h_ss5 .bottom .mbsvg .img {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: -1;
}
.h_ss5 .mb {
  background: #DC595C;
  padding-top: 60px;
  position: relative;
  z-index: 0;
}
.h_ss5 .mb .decor {
  position: absolute;
  top: -399px;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .h_ss5 .mb .decor {
    display: none;
  }
}
.h_ss5 .mb .swiper-slide {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.h_ss5 .mb h2 {
  color: var(--Text-yellow, #FFEDD7);
  font-family: "NVN-Motherland-Signature-ruxnss.ttf";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .mb h2 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .mb h2 {
    font-size: 40px;
  }
}
.h_ss5 .mb h3 {
  color: var(--Text-yellow, #FFEDD7);
  font-family: "PlayfairDisplay-SemiBold.ttf";
  font-size: 44px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: -10px;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .mb h3 {
    font-size: 30px;
    margin-bottom: -5px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .mb h3 {
    font-size: 44px;
    margin-bottom: -10px;
  }
}
.h_ss5 .mb .button {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 6.9444444444%;
  justify-content: flex-end;
  margin: -40px 0 0 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .mb .button {
    padding: 0 30px;
    margin: -20px 0 0 0;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .mb .button {
    padding: 0;
    width: max-content;
    margin: 10px auto;
  }
}
.h_ss5 .mb .button .swiper-pagination {
  position: relative;
  width: max-content;
  left: unset !important;
  top: unset !important;
  bottom: unset !important;
  color: var(--Text-yellow, #FFEDD7);
  font-family: "PlayfairDisplay-Regular.ttf";
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-right: 17px;
  margin-bottom: 10px;
}
.h_ss5 .mb .button .swiper-pagination span:nth-child(2) {
  font-size: 20px;
  margin: 0 -5px 0 -2p;
}
.h_ss5 .mb .button .swiper-pagination .total {
  font-size: 20px;
}
.h_ss5 .mb .button .navi {
  display: flex;
  align-items: center;
}
.h_ss5 .mb .button .swiper-button-next, .h_ss5 .mb .button .swiper-button-prev {
  position: relative;
  margin-bottom: 0;
  top: unset !important;
  left: unset !important;
  right: unset !important;
  height: 28px !important;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.1);
  opacity: 1 !important;
  padding: 8px 12px;
  width: max-content;
  margin-top: 0 !important;
}
.h_ss5 .mb .button .swiper-button-next:after, .h_ss5 .mb .button .swiper-button-prev:after {
  display: none;
}
.h_ss5 .mb .button .swiper-button-prev {
  margin-right: 2px;
}
.h_ss5 .mb .slide {
  margin-top: 15px;
  padding: 0 6.875%;
  background: #FCF0E3;
  border-radius: 16px 16px 0px 0px;
}
@media only screen and (max-width: 768px) {
  .h_ss5 .mb .slide {
    border-radius: 0;
    padding: 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .mb .slide {
    border-radius: 0;
    padding: 0 0 0 15px;
  }
}
.h_ss5 .mb .swiper {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.h_ss5 .mb .swiper .swiper-slide img {
  max-width: 100%;
  display: block;
  object-fit: cover;
}
.h_ss5 .bottom_slide {
  padding: 44px 6.9444444444% 64px;
  position: relative;
  z-index: 0;
  border-radius: 0px 0px 16px 16px;
  display: flex;
  align-items: center;
  background: var(--Text-yellow, #FFEDD7);
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .bottom_slide {
    padding: 40px 30px 50px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .bottom_slide {
    flex-direction: column;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .bottom_slide {
    padding: 40px 15px 50px;
    border-radius: 0px;
  }
}
.h_ss5 .bottom_slide .left {
  width: 46.8548387097%;
  margin-right: 6.5322580645%;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .bottom_slide .left {
    width: 42.0161290323%;
    margin-right: 4.1129032258%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .bottom_slide .left {
    width: 100%;
    margin-right: 0;
  }
}
.h_ss5 .bottom_slide .left > p {
  color: var(--Text-yellow, #FFEDD7);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 25.2px */
  text-transform: uppercase;
  font-family: "iCielGotham-Medium.otf";
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .bottom_slide .left > p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .bottom_slide .left > p {
    font-size: 18px;
    text-align: center;
  }
}
.h_ss5 .bottom_slide .left > p:nth-child(2) {
  font-size: 28px;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .bottom_slide .left > p:nth-child(2) {
    font-size: 22px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .bottom_slide .left > p:nth-child(2) {
    font-size: 28px;
  }
}
.h_ss5 .bottom_slide .left > p:nth-child(3) {
  margin-bottom: 16px;
  font-family: "Gotham-Book1.otf";
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .bottom_slide .left > p:nth-child(3) {
    font-size: 15px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .bottom_slide .left > p:nth-child(3) {
    font-size: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .bottom_slide .left ul {
    display: none;
  }
}
.h_ss5 .bottom_slide .left li {
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  color: var(--Text-yellow, #FFEDD7);
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
}
.h_ss5 .bottom_slide .left li:last-child {
  margin-bottom: 0;
}
.h_ss5 .bottom_slide .left li::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 7px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #FFEDD7;
}
.h_ss5 .bottom_slide .right {
  width: 42.5806451613%;
  display: flex;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .bottom_slide .right {
    width: 53.8709677419%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .bottom_slide .right {
    width: 100%;
    margin: 30px auto 0;
    flex-direction: column;
    align-items: center;
  }
}
.h_ss5 .bottom_slide .right ul {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  margin-right: 12px;
}
@media only screen and (max-width: 576px) {
  .h_ss5 .bottom_slide .right ul {
    margin-right: 0;
  }
}
.h_ss5 .bottom_slide .right ul.ul {
  display: none;
}
@media only screen and (max-width: 768px) {
  .h_ss5 .bottom_slide .right ul.ul {
    display: block;
  }
}
.h_ss5 .bottom_slide .right ul.ul li {
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  color: var(--Text-yellow, #FFEDD7);
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
}
.h_ss5 .bottom_slide .right ul.ul li:last-child {
  margin-bottom: 0;
}
.h_ss5 .bottom_slide .right ul.ul li::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 7px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #FFEDD7;
}
.h_ss5 .bottom_slide .right ul li {
  display: flex;
  align-items: center;
}
.h_ss5 .bottom_slide .right ul li:last-child span {
  border-bottom: 0.5px solid var(--Text-yellow, #FFEDD7);
  border-radius: 0 0 0 8px;
}
.h_ss5 .bottom_slide .right ul li:last-child span:nth-child(2) {
  border-radius: 0 0 8px 0px;
}
.h_ss5 .bottom_slide .right ul li:first-child span {
  border-radius: 8px 0 0 0px;
}
.h_ss5 .bottom_slide .right ul li:first-child span:nth-child(2) {
  border-radius: 0 8px 0 0px;
}
.h_ss5 .bottom_slide .right ul li span {
  color: var(--Text-yellow, #FFEDD7);
  font-size: 13px;
  font-style: normal;
  line-height: 140%; /* 18.2px */
  padding: 9px 12px;
  display: inline-block;
  min-width: 170px;
  border: 0.5px solid var(--Text-yellow, #FFEDD7);
  border-bottom: none;
  font-family: "iCielGotham-Medium.otf";
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .bottom_slide .right ul li span {
    font-size: 12px;
    padding: 9px 8px;
    min-width: 160px;
  }
}
.h_ss5 .bottom_slide .right ul li span:nth-child(2) {
  text-align: right;
  min-width: 135px;
  border-left: none;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .bottom_slide .right ul li span:nth-child(2) {
    min-width: 120px;
  }
}
.h_ss5 .bottom_slide .right img {
  height: 100%;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .bottom_slide .right img {
    height: auto;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .bottom_slide .right img {
    margin: 32px 0;
  }
}
.h_ss5 .bottom_slide > img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  z-index: -1;
  border-radius: 0px 0px 16px 16px;
}
@media only screen and (max-width: 576px) {
  .h_ss5 .bottom_slide > img {
    border-radius: 0px;
  }
}
.h_ss5 .mCSB_container {
  width: 150% !important;
}
@media (max-width: 600px) {
  .h_ss5 .mCSB_container {
    width: 250% !important;
  }
}

.h_ss9 {
  position: relative;
  background-color: #DC595C;
  background-size: cover;
  background-position: center center;
  padding: 80px 23.7704918033% 499px;
}
@media only screen and (max-width: 1280px) {
  .h_ss9 {
    padding: 70px 5.737704918% 499px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss9 {
    padding: 60px 16px 439px;
    background-position: top center;
  }
}
.h_ss9 ._form_contact {
  margin-top: 60px;
}
.h_ss9 ._form_contact .form-field-all {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .h_ss9 ._form_contact .form-field-all {
    flex-direction: column;
    gap: 20px;
  }
}
.h_ss9 ._form_contact .form-field-all ._form_group {
  position: relative;
  width: 27.7584204413%;
}
@media only screen and (max-width: 767px) {
  .h_ss9 ._form_contact .form-field-all ._form_group {
    width: 100%;
  }
}
.h_ss9 ._form_contact .form-field-all ._form_group label {
  display: block;
  color: #FFEDD7;
  font-family: "Gotham-Book1.otf";
  font-size: 12px;
  font-style: normal;
  line-height: 1.5;
  text-transform: uppercase;
}
.h_ss9 ._form_contact .form-field-all ._form_group input {
  width: 100%;
  height: 31px;
  outline: none;
  border: 0;
  border-bottom: 1px solid #FFEDD7;
  border-radius: none;
  background: transparent;
  box-shadow: none;
  color: #FFEDD7;
  font-family: "iCielGotham-Medium.otf";
  font-size: 14px;
  line-height: 22px;
}
.h_ss9 ._form_contact .form-field-all ._form_group input::placeholder {
  color: #FFEDD7;
}
.h_ss9 ._form_contact .form-field-all ._form_group ._error_msg {
  position: absolute;
  right: 0;
  top: calc(100% + 2px);
  color: #fff;
  font-family: "Gotham-Book1.otf";
  font-size: 12px;
  font-style: italic;
}
.h_ss9 ._form_contact .btn_submit_contact {
  display: flex;
  width: 211px;
  height: 44px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  color: #DC595C;
  font-family: "iCielGotham-Medium.otf";
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0.14px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 4px;
  background: #FFEDD7;
  border: 1px solid #FFEDD7;
  transition: all 0.3s ease;
}
.h_ss9 ._form_contact .btn_submit_contact:hover {
  letter-spacing: 1px;
  border: 1px solid #DC595C;
}

.h_ss7 {
  position: relative;
  padding: 80px 6.9444444444% 88px;
  background: #FFEDD7;
}
@media only screen and (max-width: 1280px) {
  .h_ss7 {
    padding: 70px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss7 {
    padding: 60px 16px;
  }
}
.h_ss7 .title-def {
  text-align: left;
  color: #D74F52;
}
@media only screen and (max-width: 767px) {
  .h_ss7 .title-def {
    text-align: center;
  }
}
.h_ss7 .inner_wrap {
  padding-top: 28px;
  margin-top: 28px;
  border-top: 1px solid #EEDECC;
}
@media only screen and (max-width: 767px) {
  .h_ss7 .inner_wrap {
    margin-top: 32px;
    padding-top: 0;
    border: 0;
  }
}
.h_ss7 .inner_wrap .swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
.h_ss7 .inner_wrap .swiper .swiper-slide .item {
  display: flex;
  align-items: center;
  gap: 20px;
  line-height: 0;
  width: calc((100% - 16px) / 2);
}
@media only screen and (max-width: 767px) {
  .h_ss7 .inner_wrap .swiper .swiper-slide .item {
    width: 100%;
  }
}
.h_ss7 .inner_wrap .swiper .swiper-slide .item:nth-of-type(2n) {
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .h_ss7 .inner_wrap .swiper .swiper-slide .item:nth-of-type(2n) {
    justify-content: flex-start;
  }
}
.h_ss7 .inner_wrap .swiper .swiper-slide .item > img {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  object-fit: cover;
}
.h_ss7 .inner_wrap .swiper .swiper-slide .item .text {
  width: 380px;
}
.h_ss7 .inner_wrap .swiper .swiper-slide .item .text p {
  color: #947F64;
  font-family: "Gotham-Book1.otf";
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.h_ss7 .inner_wrap .swiper .swiper-slide .item .text h3 {
  font-family: "Gotham-Book1.otf";
  font-weight: 400;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.h_ss7 .inner_wrap .swiper .swiper-slide .item .text h3 img {
  margin-left: 8px;
}
.h_ss7 .button-slider {
  position: absolute;
  right: 6.9444444444%;
  top: 80px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 1280px) {
  .h_ss7 .button-slider {
    top: 70px;
    right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss7 .button-slider {
    position: relative;
    top: 0;
    right: 0;
    justify-content: center;
    margin-top: 36px;
  }
}
.h_ss7 .button-slider .swiper-pagination {
  position: relative;
  width: max-content;
  left: unset !important;
  top: unset !important;
  bottom: unset !important;
  color: #DC595C;
  font-family: "PlayfairDisplay-Regular.ttf";
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-right: 17px;
  margin-bottom: 10px;
}
.h_ss7 .button-slider .swiper-pagination span:nth-child(2) {
  font-size: 20px;
  margin: 0 -5px 0 -2p;
}
.h_ss7 .button-slider .swiper-pagination .total {
  font-size: 20px;
}
.h_ss7 .button-slider .navigation {
  display: flex;
  align-items: center;
}
.h_ss7 .button-slider .swiper-button-next, .h_ss7 .button-slider .swiper-button-prev {
  position: relative;
  margin-bottom: 0;
  top: unset !important;
  left: unset !important;
  right: unset !important;
  height: 28px !important;
  border-radius: 2px;
  background: rgba(220, 89, 92, 0.1);
  opacity: 1 !important;
  padding: 8px 12px;
  width: max-content;
  margin-top: 0 !important;
}
.h_ss7 .button-slider .swiper-button-next:after, .h_ss7 .button-slider .swiper-button-prev:after {
  display: none;
}
.h_ss7 .button-slider .swiper-button-prev {
  margin-right: 2px;
}

.h_ss8 {
  position: relative;
  padding: 0 6.9444444444% 80px;
  background: #FFEDD7;
}
@media only screen and (max-width: 1280px) {
  .h_ss8 {
    padding: 0 30px 70px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss8 {
    padding: 0 16px 64px;
  }
}
.h_ss8 .title-def {
  color: #D74F52;
}
.h_ss8 .tab {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 40px 0;
}
@media only screen and (max-width: 767px) {
  .h_ss8 .tab {
    margin: 32px 0 40px;
  }
}
.h_ss8 .tab .item {
  width: 153px;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #DC595C;
  color: #DC595C;
  background: transparent;
  font-family: "iCielGotham-Medium.otf";
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
.h_ss8 .tab .item:hover, .h_ss8 .tab .item.active {
  background: #DC595C;
  color: #FFEDD7;
}
.h_ss8 .tab_content {
  display: none;
}
.h_ss8 .tab_content .swiper .swiper-slide {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .h_ss8 .tab_content .swiper .swiper-slide {
    gap: 12px;
  }
}
.h_ss8 .tab_content .swiper .swiper-slide .item {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  line-height: 0;
}
.h_ss8 .tab_content .swiper .swiper-slide .thumbnail {
  width: 100%;
  aspect-ratio: 400/220;
  object-fit: cover;
  object-position: center;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .h_ss8 .tab_content .swiper .swiper-slide .thumbnail {
    aspect-ratio: 300/165;
  }
}
.h_ss8 .tab_content .swiper .swiper-slide .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  transition: all 0.3s ease;
}
.h_ss8 .tab_content .swiper .swiper-slide:hover .thumbnail {
  transform: scale(1.1);
}
.h_ss8 .tab_content .swiper .swiper-slide:hover .icon {
  transform: scale(1.1) translate(-50%, -50%);
}
.h_ss8 .tab_content .swiper.js_slide_document .swiper-slide .item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 16px;
  border: 1px solid #DC595C;
  background-image: url(./assets/images/home/s9-decor.png);
  background-size: cover;
  box-sizing: border-box;
  aspect-ratio: 400/220;
}
@media only screen and (max-width: 767px) {
  .h_ss8 .tab_content .swiper.js_slide_document .swiper-slide .item {
    aspect-ratio: 300/165;
  }
}
.h_ss8 .tab_content .swiper.js_slide_document .swiper-slide .logo {
  display: block;
  margin: 0 auto 28px;
  width: 85px;
}
@media only screen and (max-width: 820px) {
  .h_ss8 .tab_content .swiper.js_slide_document .swiper-slide .logo {
    margin: 0 auto 15px;
  }
}
.h_ss8 .tab_content .swiper.js_slide_document .swiper-slide h3 {
  color: #DC595C;
  font-family: "iCielGotham-Medium.otf";
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 60px;
}
@media only screen and (max-width: 820px) {
  .h_ss8 .tab_content .swiper.js_slide_document .swiper-slide h3 {
    margin-bottom: 40px;
    font-size: 18px;
  }
}
.h_ss8 .tab_content .swiper.js_slide_document .swiper-slide p {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #DC595C;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px;
  color: #FFEDD7;
  font-family: "iCielGotham-Medium.otf";
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
}
@media only screen and (max-width: 820px) {
  .h_ss8 .tab_content .swiper.js_slide_document .swiper-slide p {
    font-size: 15px;
  }
}
.h_ss8 .tab_content .button-slider {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
}
.h_ss8 .tab_content .button-slider .swiper-pagination {
  position: relative;
  width: max-content;
  left: unset !important;
  top: unset !important;
  bottom: unset !important;
  color: #DC595C;
  font-family: "PlayfairDisplay-Regular.ttf";
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-right: 17px;
  margin-bottom: 10px;
}
.h_ss8 .tab_content .button-slider .swiper-pagination span:nth-child(2) {
  font-size: 20px;
  margin: 0 -5px 0 -2p;
}
.h_ss8 .tab_content .button-slider .swiper-pagination .total {
  font-size: 20px;
}
.h_ss8 .tab_content .button-slider .navigation {
  display: flex;
  align-items: center;
}
.h_ss8 .tab_content .button-slider .swiper-button-next, .h_ss8 .tab_content .button-slider .swiper-button-prev {
  position: relative;
  margin-bottom: 0;
  top: unset !important;
  left: unset !important;
  right: unset !important;
  height: 28px !important;
  border-radius: 2px;
  background: rgba(220, 89, 92, 0.1);
  opacity: 1 !important;
  padding: 8px 12px;
  width: max-content;
  margin-top: 0 !important;
}
.h_ss8 .tab_content .button-slider .swiper-button-next:after, .h_ss8 .tab_content .button-slider .swiper-button-prev:after {
  display: none;
}
.h_ss8 .tab_content .button-slider .swiper-button-prev {
  margin-right: 2px;
}

.home-page {
  background: #FFEDD7;
}

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