@charset "UTF-8";
/*
    Theme Name: Meyretreat
    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: "HJPROZADISPLAY-REGULAR.TTF";
  src: url("./assets/fonts/HJPROZADISPLAY-REGULAR.TTF") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-thumb {
  background: #0E4341;
  border-radius: 3px;
}

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

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: #000000;
  font-family: "Cormorant Garamond", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 21px */
}
@media only screen and (max-width: 1366px) {
  html,
  body {
    font-size: 15px;
  }
}
@media only screen and (max-width: 768px) {
  html,
  body {
    font-size: 16px;
  }
}

.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;
  }
}
@-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;
  }
}
@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 {
  background: linear-gradient(90deg, #EFDFBD 0%, #9B7B60 61.54%, #C5A483 100%);
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--Secondary---500, #F1EBE3);
  font-family: "HJPROZADISPLAY-REGULAR.TTF";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 200% */
  transition: all 0.5s ease;
  padding: 8px 32px;
}
@media only screen and (max-width: 1450px) {
  .cm-button {
    padding: 5px 20px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 1366px) {
  .cm-button {
    padding: 5px 20px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 576px) {
  .cm-button {
    padding: 8px 32px;
    font-size: 16px;
  }
}
@media only screen and (min-width: 1025px) {
  .cm-button:hover {
    background: linear-gradient(90deg, #C5A483 0%, #9B7B60 61.54%, #EFDFBD 100%);
  }
}

.cm-link {
  display: inline-block;
  background: linear-gradient(90deg, #78B1AA 0%, #004241 100%);
  padding: 18px 32px 14px;
  color: var(--Secondary---500, #F1EBE3);
  font-family: "HJPROZADISPLAY-REGULAR.TTF";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  transition: all 0.5s ease;
}
@media only screen and (min-width: 1025px) {
  .cm-link:hover {
    background: linear-gradient(90deg, #004241 0%, #78B1AA 100%);
  }
}
@media only screen and (max-width: 1440px) {
  .cm-link {
    padding: 15px 30px 11px;
    font-size: 22px;
  }
}
@media only screen and (max-width: 1280px) {
  .cm-link {
    display: block;
    width: 335px;
    font-size: 24px;
    padding: 18px 32px 14px;
    text-align: center;
  }
}

.cm-ani-img {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.cm-ani-img .cm-bg-scroll {
  position: absolute;
  top: -7%;
  left: 0;
  width: 100%;
  height: 114%;
  background-size: cover;
  background-position: center;
  will-change: transform;
}

.decor-float {
  position: absolute;
  will-change: transform;
  pointer-events: none;
}

.cm-split span {
  display: inline-block;
}

.split-line {
  display: block;
}

.cm-fade-up {
  will-change: transform, opacity;
}

.cm-title {
  color: #000;
  font-family: "HJPROZADISPLAY-REGULAR.TTF";
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px; /* 114.286% */
  text-transform: uppercase;
}
@media only screen and (max-width: 1440px) {
  .cm-title {
    font-size: 45px;
  }
}
@media only screen and (max-width: 1366px) {
  .cm-title {
    font-size: 40px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 1280px) {
  .cm-title {
    font-size: 32px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 768px) {
  .cm-title {
    font-size: 42px;
    line-height: 48px;
  }
}
.cm-title.center {
  text-align: center;
}

.cm-title-yel {
  color: #985E12;
  leading-trim: both;
  text-edge: cap;
  font-size: 64px;
  font-style: italic;
  font-weight: 400;
  line-height: 48px; /* 75% */
  letter-spacing: -1px;
  padding-bottom: 12px !important;
}
@media only screen and (max-width: 1440px) {
  .cm-title-yel {
    font-size: 55px;
  }
}
@media only screen and (max-width: 1366px) {
  .cm-title-yel {
    font-size: 45px;
    padding-bottom: 0px !important;
  }
}
@media only screen and (max-width: 1280px) {
  .cm-title-yel {
    font-size: 36px;
  }
}
@media only screen and (max-width: 768px) {
  .cm-title-yel {
    font-size: 48px;
  }
}

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

.cm-banner {
  position: relative;
  aspect-ratio: 1920/960;
  max-height: 100vh;
  line-height: 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .cm-banner {
    aspect-ratio: 3/3.5;
  }
}
.cm-banner::before {
  position: absolute;
  content: "";
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 200px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 73.43%);
}
.cm-banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cm-banner .title {
  position: absolute;
  left: 0;
  bottom: -40px;
  z-index: 3;
  color: #FCFAF8;
  font-family: "HJPROZADISPLAY-REGULAR.TTF";
  font-size: 160px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .cm-banner .title {
    font-size: 120px;
    bottom: -30px;
  }
}
@media only screen and (max-width: 1024px) {
  .cm-banner .title {
    font-size: 100px;
    bottom: -25px;
  }
}
@media only screen and (max-width: 767px) {
  .cm-banner .title {
    font-size: 60px;
    bottom: -15px;
  }
}

.header-inner {
  display: flex;
  padding: 14.5px 2.5%;
  justify-content: space-between;
  transition: all 0.5s ease;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  align-items: center;
}
@media only screen and (max-width: 1450px) {
  .header-inner {
    padding: 14.5px 20px;
  }
}
@media only screen and (max-width: 1280px) {
  .header-inner {
    padding: 0 20px;
    height: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .header-inner {
    flex-direction: row-reverse;
  }
}
@media only screen and (max-width: 576px) {
  .header-inner {
    padding: 0 20px;
  }
}
.header-inner.active_mb {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), visibility 0.4s linear, -webkit-transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear;
  transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear, -webkit-transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.header-inner.down {
  background: #0E4341;
  padding: 10px 2.5% 8px;
}
@media only screen and (max-width: 1280px) {
  .header-inner.down {
    padding: 0px 20px;
  }
}
@media only screen and (max-width: 576px) {
  .header-inner.down {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .header-inner.down .humberger {
    background: transparent;
  }
}
.header-inner.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-inner:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1.5px;
  content: "";
  background: var(--Yellow, #C5A483);
  transition: all 700ms ease;
}
.header-inner.activeMenu::after {
  width: 100%;
}
.header-inner.activeMenu .right {
  opacity: 1;
  transform: translateY(0);
}
.header-inner.activeMenu .humberger span {
  background: linear-gradient(90deg, #EFDFBD 0%, #9B7B60 61.54%, #C5A483 100%);
}
.header-inner .logo {
  width: 120px;
  display: block;
}
@media only screen and (max-width: 1280px) {
  .header-inner .logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
  }
}
@media only screen and (max-width: 768px) {
  .header-inner .logo {
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
  }
}
.header-inner .logo svg, .header-inner .logo img {
  width: 100%;
  transition: all 0.5s ease;
  display: block;
}
.header-inner > .humberger, .header-inner .mb {
  display: none;
}
@media only screen and (max-width: 1280px) {
  .header-inner > .humberger, .header-inner .mb {
    display: flex;
    z-index: 10;
  }
}
.header-inner .mb {
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .header-inner .mb .lang {
    margin-right: 0;
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media only screen and (max-width: 576px) {
  .header-inner .mb .cloud {
    display: none;
  }
}
.header-inner .mb .language {
  display: none;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 35%;
  text-align: center;
  margin: 0;
  background: var(--Green, #354430);
}
.header-inner .mb .language li {
  width: 100%;
  margin: 0;
  border-top: 1px solid #fff;
}
.header-inner .mb .language li a {
  display: block;
  padding: 5px 0;
  color: #fff;
}
.header-inner .humberger {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .header-inner .humberger {
    background: #0E4341;
    padding: 24px;
  }
}
.header-inner .humberger.hide-menu {
  opacity: 0;
  pointer-events: none;
}
.header-inner .humberger span {
  width: 30px;
  height: 3px;
  background: var(--Yellow, #fff);
  display: block;
  margin-bottom: 0.48828125vw;
}
@media (max-width: 576px) {
  .header-inner .humberger span {
    width: 20px;
    height: 2px;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 768px) {
  .header-inner .humberger span:nth-child(2) {
    display: none;
  }
}
.header-inner .humberger span:nth-child(3) {
  margin-bottom: 0;
}
.header-inner .right {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1280px) {
  .header-inner .right {
    position: absolute;
    left: 0;
    right: 0;
    height: 100vh;
    top: 0;
    opacity: 0;
    background: #0E4341;
    width: 100%;
    transition: all 700ms ease;
    transform: translateY(-100%);
    border-radius: 0 0 50px 50px;
    padding: 80px 30px 0;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 576px) {
  .header-inner .right {
    padding: 80px 20px 0;
  }
}
.header-inner .right .menu-main {
  display: flex;
  align-items: center;
  margin-right: 8px;
}
@media only screen and (max-width: 1280px) {
  .header-inner .right .menu-main {
    flex-direction: column;
    align-items: unset;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 576px) {
  .header-inner .right .menu-main {
    width: 100%;
  }
}
.header-inner .right .menu-main > li {
  margin-right: 32px;
  line-height: normal;
}
@media only screen and (max-width: 1440px) {
  .header-inner .right .menu-main > li {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 1280px) {
  .header-inner .right .menu-main > li {
    margin-right: 0;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 147, 221, 0.1);
    padding: 20px 0;
  }
}
@media only screen and (max-width: 576px) {
  .header-inner .right .menu-main > li {
    padding: 15px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .header-inner .right .menu-main > li:last-child {
    margin-bottom: 0;
  }
}
.header-inner .right .menu-main > li a {
  transition: all 0.5s ease;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  font-family: "HJPROZADISPLAY-REGULAR.TTF";
}
@media only screen and (max-width: 1366px) {
  .header-inner .right .menu-main > li a {
    font-size: 15px;
  }
}
@media only screen and (max-width: 1280px) {
  .header-inner .right .menu-main > li a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1280px) {
  .header-inner .right .cm-button {
    display: none;
  }
}
.header-inner > .cm-button {
  display: none;
}
@media only screen and (max-width: 1280px) {
  .header-inner > .cm-button {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .header-inner > .cm-button {
    display: none;
  }
}

.soical {
  position: fixed;
  right: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  margin-bottom: 1px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 100px;
}
.soical a {
  background: #CAAA43;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin-bottom: 1px;
}
.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;
}
.soical a:nth-child(1) {
  height: auto;
  padding: 12px 0;
}

.main-menu-main {
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .main-menu-main {
    width: 100%;
    padding-right: 0;
    align-items: unset;
    flex-direction: column;
  }
}
.main-menu-main .menu-main {
  width: 100%;
}
.main-menu-main .menu-main > li {
  position: relative;
}
.main-menu-main .menu-main > li > .current-menu-item:after, .main-menu-main .menu-main > li > .current-menu-ancestor:after {
  filter: grayscale(0);
}
.main-menu-main .menu-main > li > .current-menu-item a, .main-menu-main .menu-main > li > .current-menu-ancestor a {
  color: #985E12;
}
.main-menu-main .menu-main > li:hover > a {
  color: #985E12;
}
.main-menu-main .menu-main > li.menu-item-has-children div {
  position: absolute;
  content: "";
  top: 45%;
  right: -28px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background-image: url("assets/images/home/icon-down.svg");
  background-size: 13px 15px;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 600px) {
  .main-menu-main .menu-main > li.menu-item-has-children {
    padding: 12px 0;
  }
}
.main-menu-main .menu-main > li.menu-item-has-children:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-image: url("assets/images/common/icon-down.svg");
  background-size: contain;
  filter: grayscale(1);
  transition: all 0.3s ease;
  display: none;
}
.main-menu-main .menu-main > li.menu-item-has-children .sub-menu {
  position: absolute;
  top: calc(100% - 2px);
  min-width: 200px;
  left: 0%;
  display: flex;
  background: #fff;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
}
@media only screen and (max-width: 1024px) {
  .main-menu-main .menu-main > li.menu-item-has-children .sub-menu {
    height: 100vh !important;
    transform: unset !important;
  }
}
@media only screen and (max-width: 1024px) {
  .main-menu-main .menu-main > li.menu-item-has-children .sub-menu {
    position: fixed;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100vh;
    border-radius: 0;
    padding: 80px 30px 30px;
    display: block;
    transition: all 0.35s ease;
    background: hsla(0, 0%, 100%, 0.9);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    opacity: 1;
    pointer-events: all;
  }
  .main-menu-main .menu-main > li.menu-item-has-children .sub-menu.is-show {
    left: 0;
    z-index: 10;
  }
}
@media only screen and (max-width: 600px) {
  .main-menu-main .menu-main > li.menu-item-has-children .sub-menu {
    padding: 80px 15px 30px;
  }
}
.main-menu-main .menu-main > li.menu-item-has-children .sub-menu li {
  padding: 10px 10px;
  background: #fff;
  transition: all 0.3s ease;
  width: 100%;
  border-bottom: 1px #4D4D4D solid;
}
.main-menu-main .menu-main > li.menu-item-has-children .sub-menu li:last-child {
  border-bottom: none;
}
.main-menu-main .menu-main > li.menu-item-has-children .sub-menu li:nth-of-type(1) {
  border-top: 0;
}
@media only screen and (max-width: 1366px) {
  .main-menu-main .menu-main > li.menu-item-has-children .sub-menu li {
    padding: 12px 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .main-menu-main .menu-main > li.menu-item-has-children .sub-menu li {
    padding: 15px 0;
    border-top: 1px solid #EDEDED;
  }
}
.main-menu-main .menu-main > li.menu-item-has-children .sub-menu li a {
  color: var(--Green, #4D4D4D);
  text-transform: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width: 1024px) {
  .main-menu-main .menu-main > li.menu-item-has-children .sub-menu li.current-menu-item, .main-menu-main .menu-main > li.menu-item-has-children .sub-menu li:hover {
    background: transparent;
  }
  .main-menu-main .menu-main > li.menu-item-has-children .sub-menu li.current-menu-item a, .main-menu-main .menu-main > li.menu-item-has-children .sub-menu li:hover a {
    color: #143C5A;
  }
}
@media only screen and (min-width: 1025px) {
  .main-menu-main .menu-main > li.menu-item-has-children:hover .sub-menu {
    opacity: 1;
    pointer-events: all;
  }
}
@media only screen and (min-width: 1025px) {
  .main-menu-main .menu-main .sub-menu li:hover {
    background: #FAB43A !important;
  }
  .main-menu-main .menu-main .sub-menu li:hover a {
    color: #fff !important;
  }
}
.main-menu-main .menu-main .sub-menu li a {
  color: #354430;
}

.footer-main {
  padding: 15px 0 67px;
  position: relative;
  z-index: 0;
  background: #0E4341;
}
.footer-main > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 576px) {
  .footer-main > img {
    height: 55%;
  }
}
.footer-main .header {
  color: var(--Secondary---500, #F1EBE3);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: "HJPROZADISPLAY-REGULAR.TTF";
  font-size: 130.524px;
  font-style: normal;
  font-weight: 400;
  line-height: 153.445px; /* 116.667% */
  text-transform: uppercase;
  opacity: 0.2;
}
@media only screen and (max-width: 1440px) {
  .footer-main .header {
    font-size: 95.524px;
    line-height: 115.445px;
  }
}
@media only screen and (max-width: 1280px) {
  .footer-main .header {
    font-size: 80.524px;
    line-height: 100.445px;
  }
}
@media only screen and (max-width: 768px) {
  .footer-main .header {
    line-height: 64px;
    font-size: 60px;
  }
}
.footer-main .header br {
  display: none;
}
@media only screen and (max-width: 768px) {
  .footer-main .header br {
    display: block;
  }
}
.footer-main .main {
  width: 100%;
  padding: 90px 5.46875% 0;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1440px) {
  .footer-main .main {
    padding: 50px 5.46875% 0;
  }
}
@media only screen and (max-width: 1280px) {
  .footer-main .main {
    padding: 50px 30px 0;
  }
}
@media only screen and (max-width: 768px) {
  .footer-main .main {
    flex-direction: column;
  }
}
@media only screen and (max-width: 576px) {
  .footer-main .main {
    padding: 50px 20px 0;
  }
}
.footer-main .main .label {
  color: #FFF;
  font-family: "Trirong", serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 133.333% */
}
@media only screen and (max-width: 1280px) {
  .footer-main .main .label {
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .footer-main .main .label {
    font-size: 24px;
  }
}
.footer-main .main .left {
  width: 41.2280701754%;
}
@media only screen and (max-width: 1440px) {
  .footer-main .main .left {
    width: 47.0760233918%;
  }
}
@media only screen and (max-width: 768px) {
  .footer-main .main .left {
    width: 100%;
  }
}
.footer-main .main .left .label {
  margin-bottom: 14px;
}
.footer-main .main .left .logo-main {
  width: 272px;
  display: block;
  margin-bottom: 50px;
  height: 158px;
}
@media only screen and (max-width: 1280px) {
  .footer-main .main .left .logo-main {
    height: auto;
    width: 230px;
  }
}
@media only screen and (max-width: 768px) {
  .footer-main .main .left .logo-main {
    margin: 0 auto 60px;
    width: 272px;
  }
}
.footer-main .main .left .logo-main img {
  width: 100%;
  max-height: 100%;
}
.footer-main .main .left .mid {
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin-bottom: 20px;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .footer-main .main .left .mid {
    border-bottom: none;
    margin-bottom: 28px;
  }
}
@media only screen and (max-width: 576px) {
  .footer-main .main .left .mid {
    flex-direction: column;
  }
}
.footer-main .main .left .mid .item {
  display: flex;
  flex-direction: column;
  width: 60%;
}
@media only screen and (max-width: 576px) {
  .footer-main .main .left .mid .item {
    width: 100%;
  }
}
.footer-main .main .left .mid .item:last-child {
  width: 40%;
}
@media only screen and (max-width: 576px) {
  .footer-main .main .left .mid .item:last-child {
    width: 100%;
    margin-top: 48px;
  }
}
.footer-main .main .left .mid ul {
  display: flex;
  flex-direction: column;
}
.footer-main .main .left .mid a {
  color: #FFF;
  font-family: "Trirong", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
@media only screen and (max-width: 1280px) {
  .footer-main .main .left .mid a {
    font-size: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .footer-main .main .left .mid a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  .footer-main .main .left .bottom {
    display: none;
  }
}
.footer-main .main > .bottom {
  display: none;
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .footer-main .main > .bottom {
    display: block;
    margin-top: 48px;
    padding-top: 48px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
}
.footer-main .main .bottom {
  width: 100%;
  margin-bottom: 6px;
}
.footer-main .main .bottom .item {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.footer-main .main .bottom .item .soical_ft {
  display: flex;
  align-items: center;
  padding-right: 12px;
  border-right: 1px solid #FFF;
}
.footer-main .main .bottom .item .soical_ft a {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-main .main .bottom .item p {
  padding-left: 12px;
}
.footer-main .main .bottom p {
  color: #FFF;
  font-family: "Trirong", serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
}
.footer-main .main .right {
  width: 41.2280701754%;
}
@media only screen and (max-width: 768px) {
  .footer-main .main .right {
    width: 100%;
  }
}
.footer-main .main .right .label {
  text-transform: uppercase;
  margin-bottom: 80px;
}
@media only screen and (max-width: 1280px) {
  .footer-main .main .right .label {
    margin-bottom: 62px;
  }
}
@media only screen and (max-width: 768px) {
  .footer-main .main .right .label {
    margin-bottom: 36px;
  }
}
.footer-main .main .right form {
  width: 100%;
}
.footer-main .main .right form .frm_msg {
  text-align: center;
  font-style: italic;
  color: #fff;
  font-size: 15px;
}
.footer-main .main .right form ._error_msg {
  position: absolute;
  left: 0;
  top: 100%;
  font-style: italic;
  color: #fff;
  font-size: 15px;
}
.footer-main .main .right form .form-field-all {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.footer-main .main .right form .form-field-all ._form_group {
  width: calc((100% - 16px) / 2);
  position: relative;
  margin-bottom: 28px;
}
@media only screen and (max-width: 576px) {
  .footer-main .main .right form .form-field-all ._form_group {
    width: 100%;
  }
}
.footer-main .main .right form .form-field-all ._form_group:nth-child(1), .footer-main .main .right form .form-field-all ._form_group:nth-child(4) {
  width: 100%;
}
.footer-main .main .right form .form-field-all ._form_group label {
  color: #FFF;
  font-family: "HJPROZADISPLAY-REGULAR.TTF";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 133.333% */
  margin-bottom: 8px;
  display: block;
}
.footer-main .main .right form .form-field-all ._form_group input {
  width: 100%;
  border: 0;
  outline: none;
  background: transparent;
  color: #FFF;
  font-family: "Trirong", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  height: 36px;
  padding: 0;
  padding-bottom: 8px;
}
.footer-main .main .right form .form-field-all ._form_group input::placeholder {
  color: #FFF;
  font-family: "Trirong", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  opacity: 0.4;
}
.footer-main .main .right form button {
  display: inline-flex;
  padding: 8px 32px;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, #EFDFBD 0%, #9B7B60 61.54%, #C5A483 100%);
  color: var(--Secondary---500, #F1EBE3);
  font-family: "HJPROZADISPLAY-REGULAR.TTF";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 200% */
  float: right;
  cursor: pointer;
  outline: none;
  border: 0;
}
@media only screen and (max-width: 576px) {
  .footer-main .main .right form button {
    float: left;
  }
}

.loading_main {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000001;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  pointer-events: none;
  background: #0E4341;
  transition: all 0.5s ease;
}
.loading_main.is-hide {
  opacity: 0;
}
.loading_main .loading_text {
  margin-top: 60px;
  max-width: 100%;
}
@media only screen and (max-width: 576px) {
  .loading_main .loading_text {
    max-width: 90%;
  }
}
.loading_main .loading_text .draw-path {
  fill: transparent;
  stroke: white;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: draw-line 2s ease forwards, fill-in 0.6s ease forwards;
  animation-delay: var(--delay), 2s;
}
.loading_main .loading-logo .reveal-g {
  opacity: 0;
  animation: fadeIn 0.3s ease forwards;
  animation-delay: var(--delay);
}

@keyframes draw-line {
  to {
    stroke-dashoffset: 0;
  }
}
/* animation fill sau khi vẽ xong */
@keyframes fill-in {
  to {
    fill: white;
    stroke: transparent;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.h_ss1 {
  width: 100%;
  height: 100vh;
  position: relative;
}
.h_ss1::before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  content: "";
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 73.43%);
  height: 20.8333333333%;
  z-index: 2;
}
.h_ss1 .swiper {
  height: 100%;
}
.h_ss1 .swiper-slide {
  height: 100%;
}
.h_ss1 .swiper-slide .abs {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 6.5217391304%;
  max-width: 36.4583333333%;
}
@media only screen and (max-width: 1440px) {
  .h_ss1 .swiper-slide .abs {
    max-width: 31.25%;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .swiper-slide .abs {
    max-width: 30%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss1 .swiper-slide .abs {
    max-width: 50%;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 .swiper-slide .abs {
    max-width: 100%;
    width: calc(100% - 40px);
    bottom: 64px;
  }
}
.h_ss1 .swiper-slide .abs img {
  position: relative !important;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.h_ss1 .swiper-slide .abs img:nth-child(2) {
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.5));
}
.h_ss1 .swiper-slide .abs .cm-button {
  display: none;
}
@media only screen and (max-width: 768px) {
  .h_ss1 .swiper-slide .abs .cm-button {
    display: flex;
    margin: 50px auto 0;
  }
}
.h_ss1 .swiper-slide > img {
  width: 100%;
  display: block;
  object-fit: cover;
  height: 100%;
}
@media only screen and (max-width: 576px) {
  .h_ss1 .swiper-slide > img {
    display: none;
  }
}
.h_ss1 .swiper-slide > img.mb {
  display: none;
}
@media only screen and (max-width: 576px) {
  .h_ss1 .swiper-slide > img.mb {
    display: block;
  }
}

.h_ss2 {
  background: #FCFAF8;
  padding: 120px 5.46875% 105px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 {
    padding: 90px 30px 80px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 {
    padding: 162px 20px 134px;
  }
}
.h_ss2 .line_ss2 {
  position: absolute;
  top: 550px;
  left: 0;
  z-index: -1;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .h_ss2 .line_ss2 {
    display: none;
  }
}
.h_ss2 .decor_top_ss2 {
  position: absolute;
  top: 0px;
  left: 0;
  z-index: -1;
}
.h_ss2 .decor_bot_ss2 {
  position: absolute;
  bottom: -380px;
  right: 0;
  z-index: -1;
}
@media only screen and (max-width: 576px) {
  .h_ss2 .decor_bot_ss2 {
    bottom: -65px;
  }
}
.h_ss2 .top {
  display: flex;
  margin-bottom: 80px;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .top {
    flex-direction: column;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .top {
    margin-bottom: 200px;
  }
}
.h_ss2 .top .left {
  width: 35.7894736842%;
  margin-right: 14.6198830409%;
  padding-top: 273px;
}
@media only screen and (max-width: 1440px) {
  .h_ss2 .top .left {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 1366px) {
  .h_ss2 .top .left {
    padding-top: 50px;
    width: 41.6374269006%;
    margin-right: 8.7719298246%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .top .left {
    width: 100%;
    margin-right: 0;
  }
}
.h_ss2 .top .left .cm-title {
  margin-bottom: 136px;
}
@media only screen and (max-width: 1440px) {
  .h_ss2 .top .left .cm-title {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 1366px) {
  .h_ss2 .top .left .cm-title {
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .top .left .cm-title {
    margin-bottom: 20px;
  }
}
.h_ss2 .top .left > img {
  position: relative !important;
  margin-bottom: 20px;
  display: block;
  width: 120px;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .top .left > img {
    margin-bottom: 0;
    width: auto;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .top .left > img {
    display: none;
  }
}
.h_ss2 .top .left .exp {
  color: #000;
  font-family: "Trirong", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.h_ss2 .top .left .exp:last-child {
  margin-bottom: 0;
}
.h_ss2 .top .right {
  width: 49.5906432749%;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .top .right {
    width: 100%;
  }
}
.h_ss2 .top .right .decor_left_top_ss2 {
  position: absolute;
  left: -198px;
  bottom: -40px;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .top .right .decor_left_top_ss2 {
    display: none;
  }
}
.h_ss2 .top .right .decor_right_top_ss2 {
  position: absolute;
  right: -95px;
  bottom: -50px;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .top .right .decor_right_top_ss2 {
    bottom: -200px;
  }
}
.h_ss2 .top .right img:nth-child(1) {
  width: 100%;
  display: block;
}
.h_ss2 .mid {
  margin-bottom: 91px;
  display: flex;
  align-items: flex-end;
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .mid {
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .mid {
    flex-direction: column;
  }
}
.h_ss2 .mid .left {
  width: 61.1111111111%;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .mid .left {
    width: 100%;
    margin-bottom: 32px;
  }
}
.h_ss2 .mid .left h2:nth-child(3), .h_ss2 .mid .left h2:nth-child(4) {
  padding-left: 144px;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .mid .left h2:nth-child(3), .h_ss2 .mid .left h2:nth-child(4) {
    padding-left: 60px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .mid .left h2:nth-child(3), .h_ss2 .mid .left h2:nth-child(4) {
    padding-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .mid .left .cm-title {
    font-size: 34px;
    line-height: 48px;
  }
}
.h_ss2 .mid .right {
  width: 38.8888888889%;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .mid .right {
    width: 100%;
  }
}
.h_ss2 .mid .right > img {
  position: relative !important;
  margin-bottom: 20px;
  display: block;
  width: 120px;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .mid .right > img {
    margin-bottom: 0;
    width: auto;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .mid .right > img {
    display: none;
  }
}
.h_ss2 .mid .right p {
  color: #000;
  font-family: "Trirong", serif;
  font-style: normal;
  line-height: 32px; /* 133.333% */
  margin-bottom: 18px;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .mid .right p {
    line-height: 24px;
  }
}
.h_ss2 .mid .right p:nth-child(1) {
  font-size: 24px;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .mid .right p:nth-child(1) {
    font-size: 22px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .mid .right p:nth-child(1) {
    font-size: 24px;
  }
}
.h_ss2 .mid .right p:last-child {
  margin-bottom: 0;
  line-height: 24px;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .mid .right p:last-child {
    line-height: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .mid .right p:last-child {
    line-height: 24px;
  }
}
.h_ss2 > .img {
  width: 100%;
  display: block;
}
.h_ss2 .see-img {
  display: none;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .see-img {
    display: block;
    width: 100%;
    text-align: center;
    color: #000;
    text-align: center;
    text-decoration-line: underline;
    margin-top: 8px;
  }
}
.h_ss2 .bottom {
  display: flex;
  margin-top: 160px;
  align-items: center;
}
@media only screen and (max-width: 1366px) {
  .h_ss2 .bottom {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .bottom {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom {
    flex-direction: column;
  }
}
.h_ss2 .bottom .left {
  width: 75.730994152%;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom .left {
    width: 100%;
    margin-bottom: 32px;
  }
}
.h_ss2 .bottom .left .decor_bot {
  position: absolute;
  top: -10%;
  right: 20%;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom .left .decor_bot {
    right: 0%;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .bottom .left .decor_bot {
    right: -20px;
  }
}
.h_ss2 .bottom .left .title {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1366px) {
  .h_ss2 .bottom .left .title {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .bottom .left .title {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom .left .title {
    justify-content: center;
  }
}
.h_ss2 .bottom .left .title .num {
  color: #404040;
  leading-trim: both;
  text-edge: cap;
  font-family: "HJPROZADISPLAY-REGULAR.TTF";
  font-size: 140px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-right: 12px;
}
@media only screen and (max-width: 1366px) {
  .h_ss2 .bottom .left .title .num {
    font-size: 110px;
    margin-right: 8px;
    padding-top: 10px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .bottom .left .title .num {
    font-size: 80px;
    padding-top: 24px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom .left .title .num {
    font-size: 140px;
    padding-top: 20px;
  }
}
.h_ss2 .bottom .left .title .right_title .cm-title-yel {
  font-size: 48px;
  padding-bottom: 0 !important;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .bottom .left .title .right_title .cm-title-yel {
    font-size: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom .left .title .right_title .cm-title-yel {
    font-size: 48px;
  }
}
.h_ss2 .bottom .left .title .right_title .cm-title-yel br {
  display: none;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom .left .title .right_title .cm-title-yel br {
    display: block;
  }
}
.h_ss2 .bottom .left .title .right_title .cm-title {
  font-size: 40px;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .bottom .left .title .right_title .cm-title {
    font-size: 28px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom .left .title .right_title .cm-title {
    display: none;
  }
}
.h_ss2 .bottom .left > .cm-title {
  display: none;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom .left > .cm-title {
    display: block;
    text-align: center;
    margin: -50px 0 30px;
    font-size: 30px;
    color: #404040;
  }
}
.h_ss2 .bottom .left > img {
  position: relative !important;
  margin-bottom: 50px;
  display: block;
  width: 120px;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .bottom .left > img {
    margin-bottom: 20px;
    width: auto;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom .left > img {
    display: none;
  }
}
.h_ss2 .bottom .left .list {
  display: flex;
  flex-wrap: wrap;
}
.h_ss2 .bottom .left .list .column {
  display: flex;
  flex-direction: column;
  margin-right: 115px;
  width: calc((100% - 115px) / 2);
}
@media only screen and (max-width: 1366px) {
  .h_ss2 .bottom .left .list .column {
    margin-right: 30px;
    width: calc((100% - 30px) / 2);
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .bottom .left .list .column {
    margin-right: 20px;
    width: calc((100% - 20px) / 2);
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom .left .list .column {
    width: 50%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .bottom .left .list .column {
    width: 100%;
  }
}
.h_ss2 .bottom .left .list .column:nth-of-type(2n + 2) {
  margin-right: 0;
}
.h_ss2 .bottom .left .list .column .item {
  display: flex;
  align-items: center;
  margin-bottom: 26px;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .bottom .left .list .column .item {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .bottom .left .list .column .item {
    margin-bottom: 32px;
  }
}
.h_ss2 .bottom .left .list .column .item:last-child {
  margin-bottom: 0;
}
.h_ss2 .bottom .left .list .column .item .num {
  color: #404040;
  leading-trim: both;
  text-edge: cap;
  font-family: "HJPROZADISPLAY-REGULAR.TTF";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  width: 44px;
}
@media only screen and (max-width: 1366px) {
  .h_ss2 .bottom .left .list .column .item .num {
    font-size: 40px;
    width: 38px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .bottom .left .list .column .item .num {
    font-size: 35px;
    width: 25px;
    padding-top: 5px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom .left .list .column .item .num {
    font-size: 48px;
    width: 44px;
  }
}
.h_ss2 .bottom .left .list .column .item .right_item {
  width: calc(100% - 44px);
}
@media only screen and (max-width: 1366px) {
  .h_ss2 .bottom .left .list .column .item .right_item {
    width: calc(100% - 38px);
  }
}
.h_ss2 .bottom .left .list .column .item .right_item p {
  font-size: 24px;
}
@media only screen and (max-width: 1366px) {
  .h_ss2 .bottom .left .list .column .item .right_item p {
    font-size: 22px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .bottom .left .list .column .item .right_item p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom .left .list .column .item .right_item p {
    font-size: 24px;
  }
}
.h_ss2 .bottom .left .list .column .item .right_item p:nth-child(1) {
  color: #985E12;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -1px;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom .left .list .column .item .right_item p:nth-child(1) {
    margin-bottom: 8px;
  }
}
.h_ss2 .bottom .left .list .column .item .right_item p:nth-child(2) {
  color: #000;
  font-family: "Trirong", serif;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 133.333% */
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .bottom .left .list .column .item .right_item p:nth-child(2) {
    line-height: 25px;
  }
}
.h_ss2 .bottom .right {
  width: 24.269005848%;
  aspect-ratio: 415/576;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .bottom .right {
    width: 100%;
  }
}
.h_ss2 .bottom .right img {
  width: 100%;
  display: block;
}
.h_ss2 .bottom .right .cm-bg-scroll {
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-size: cover;
  will-change: transform;
}

.h_ss3 {
  width: 100%;
  position: relative;
  min-height: 100vh;
}
@media only screen and (max-width: 1440px) {
  .h_ss3 {
    min-height: 110vh;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss3 {
    height: auto;
  }
}
.h_ss3 .abs {
  position: relative;
  padding: 144px 5.46875%;
  display: flex;
  justify-content: space-between;
  z-index: 1;
}
@media only screen and (max-width: 1440px) {
  .h_ss3 .abs {
    padding: 70px 5.46875% 0;
  }
}
@media only screen and (max-width: 1366px) {
  .h_ss3 .abs {
    padding: 40px 30px 0;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .abs {
    padding: 40px 30px 40px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .abs {
    flex-direction: column;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .abs {
    padding: 80px 20px 324px;
  }
}
.h_ss3 .abs .left {
  width: 45.4970760234%;
}
@media only screen and (max-width: 768px) {
  .h_ss3 .abs .left {
    width: 100%;
    margin-bottom: 32px;
  }
}
.h_ss3 .abs .left .cm-title-yel {
  color: #F6CFAC;
}
.h_ss3 .abs .left .cm-title {
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .h_ss3 .abs .left .cm-title {
    font-size: 34px;
    line-height: 48px;
  }
}
.h_ss3 .abs .left h2:nth-child(2) {
  margin-bottom: 25px;
}
.h_ss3 .abs .right {
  width: 41.2280701754%;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .abs .right {
    width: 47.0760233918%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .abs .right {
    width: 100%;
  }
}
.h_ss3 .abs .right .row {
  padding: 8px 0;
  width: 100%;
  display: flex;
  border-bottom: 1px solid #FFF;
  flex-wrap: wrap;
}
@media only screen and (max-width: 576px) {
  .h_ss3 .abs .right .row {
    flex-direction: column;
  }
}
.h_ss3 .abs .right .row ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  color: #fff;
}
.h_ss3 .abs .right .row:last-child {
  border-bottom: none;
}
@media only screen and (max-width: 576px) {
  .h_ss3 .abs .right .row:last-child ul {
    flex-direction: column;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .abs .right .row:last-child ul li {
    width: 100% !important;
  }
}
.h_ss3 .abs .right .row ul {
  font-family: "Trirong", serif;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 133.333% */
}
.h_ss3 .abs .right .row ul li {
  width: 34.0425531915%;
}
.h_ss3 .abs .right .row ul li:nth-of-type(2n + 2) {
  font-weight: 600;
  font-size: 18px;
  width: 65.9574468085%;
}
@media only screen and (max-width: 1366px) {
  .h_ss3 .abs .right .row ul li:nth-of-type(2n + 2) {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .abs .right .row ul li:nth-of-type(2n + 2) {
    font-size: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .abs .right .row ul li:nth-of-type(2n + 2) {
    font-size: 18px;
  }
}
.h_ss3 .abs .right .row .p {
  color: #FFF;
  font-family: "Trirong", serif;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 133.333% */
}
.h_ss3 .abs .right .row .p strong {
  font-weight: 600;
}
.h_ss3 .abs .right .row .p strong.bold {
  font-size: 24px;
}
@media only screen and (max-width: 1366px) {
  .h_ss3 .abs .right .row .p strong.bold {
    font-size: 22px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .abs .right .row .p strong.bold {
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .abs .right .row .p strong.bold {
    font-size: 24px;
  }
}
.h_ss3 .abs .right .row .p:nth-child(1) {
  width: 34.0425531915%;
  font-size: 18px;
}
@media only screen and (max-width: 576px) {
  .h_ss3 .abs .right .row .p:nth-child(1) {
    width: 100%;
  }
}
.h_ss3 .abs .right .row .p:nth-child(2) {
  width: 65.9574468085%;
}
@media only screen and (max-width: 576px) {
  .h_ss3 .abs .right .row .p:nth-child(2) {
    width: 100%;
  }
}
.h_ss3 .abs .right .row .p.head {
  width: 100%;
  color: #FFF;
  font-family: "HJPROZADISPLAY-REGULAR.TTF";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px; /* 175% */
  text-transform: uppercase;
}
@media only screen and (max-width: 1366px) {
  .h_ss3 .abs .right .row .p.head {
    font-size: 28px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .abs .right .row .p.head {
    font-size: 24px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .abs .right .row .p.head {
    font-size: 28px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .abs .right .row .p.head {
    font-size: 18px;
  }
}
.h_ss3 .abs .right .row .p ul li {
  width: 50%;
}
.h_ss3 .cm-ani-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: block;
  height: 100%;
  object-fit: cover;
}

.h_ss4 {
  position: relative;
  background: #FCFAF8;
  z-index: 2;
  will-change: transform;
  margin-top: -30vh;
}
@media only screen and (max-width: 768px) {
  .h_ss4 {
    padding-bottom: 80px;
  }
}
.h_ss4 .abs_title {
  position: absolute;
  top: 15.0865622424%;
  left: 35.46875%;
  z-index: 1;
}
@media only screen and (max-width: 1440px) {
  .h_ss4 .abs_title {
    top: 12.559769%;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .abs_title {
    position: relative;
    top: unset;
    left: unset;
    padding: 60px 30px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .abs_title {
    padding: 80px 20px 30px;
  }
}
.h_ss4 .abs_title .cm-title-yel {
  color: #F6CFAC;
}
@media only screen and (min-width: 1450px) {
  .h_ss4 .abs_title .cm-title-yel {
    font-size: 40px !important;
  }
}
@media only screen and (min-width: 1025px) {
  .h_ss4 .abs_title .cm-title-yel {
    font-size: 35px !important;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .abs_title .cm-title-yel {
    color: #985E12;
  }
}
.h_ss4 .abs_title .cm-title {
  color: #FFF;
}
@media only screen and (min-width: 1450px) {
  .h_ss4 .abs_title .cm-title {
    font-size: 48px !important;
  }
}
@media only screen and (min-width: 1025px) {
  .h_ss4 .abs_title .cm-title {
    font-size: 40px !important;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .abs_title .cm-title {
    color: #000;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .abs_title .cm-title {
    font-size: 34px;
  }
}
.h_ss4 .abs_title h2:nth-child(2) {
  margin-bottom: 100px;
}
@media only screen and (max-width: 1440px) {
  .h_ss4 .abs_title h2:nth-child(2) {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .abs_title h2:nth-child(2) {
    margin-bottom: 10px;
  }
}
.h_ss4 .abs_title h2:nth-child(1) {
  padding-bottom: 5px !important;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .abs_title h2:nth-child(1) {
    padding-bottom: 10px !important;
  }
}
.h_ss4 .abs_title h2:nth-child(3) {
  padding-bottom: 0px !important;
}
.h_ss4 .abs_title h2:nth-child(3), .h_ss4 .abs_title h2:nth-child(4) {
  padding-left: 144px;
}
@media only screen and (max-width: 1440px) {
  .h_ss4 .abs_title h2:nth-child(3), .h_ss4 .abs_title h2:nth-child(4) {
    padding-left: 65px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .abs_title h2:nth-child(3), .h_ss4 .abs_title h2:nth-child(4) {
    padding-left: 0px;
  }
}
.h_ss4 .decor_svg {
  position: absolute;
  top: 28%;
  left: 38%;
  width: 530px;
}
@media only screen and (max-width: 1440px) {
  .h_ss4 .decor_svg {
    top: 27%;
    left: 38%;
    width: 352px;
  }
}
@media only screen and (max-width: 1366px) {
  .h_ss4 .decor_svg {
    display: none;
  }
}
.h_ss4 .ulti {
  position: absolute;
  top: 9.8928276999%;
  left: 72.96875%;
  z-index: 1;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1440px) {
  .h_ss4 .ulti {
    top: 5.892828%;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .ulti {
    position: relative;
    top: unset;
    left: unset;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 30px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .ulti {
    flex-direction: column-reverse;
    padding: 0 20px 30px;
  }
}
.h_ss4 .ulti .item {
  margin-bottom: 36px;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .ulti .item {
    width: calc((100% - 30px) / 2);
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .ulti .item {
    width: 100%;
    margin-top: 32px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .ulti .item:last-child {
    margin-top: 0;
  }
}
.h_ss4 .ulti .item.yel {
  padding-left: 176px;
}
@media only screen and (max-width: 1440px) {
  .h_ss4 .ulti .item.yel {
    padding-left: 120px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .ulti .item.yel {
    padding-left: 0px;
  }
}
.h_ss4 .ulti .item.yel ul li span {
  background: #FF8E25;
}
.h_ss4 .ulti .item:last-child {
  margin-bottom: 0;
}
.h_ss4 .ulti .item p {
  color: #089DB5;
  font-family: "Trirong", serif;
  font-size: 16px;
  font-style: normal;
  line-height: 32px; /* 200% */
}
@media only screen and (max-width: 1366px) {
  .h_ss4 .ulti .item p {
    font-size: 15px;
  }
}
.h_ss4 .ulti .item .label {
  text-transform: uppercase;
  margin-bottom: 8px;
}
.h_ss4 .ulti .item ul {
  display: flex;
  flex-direction: column;
}
.h_ss4 .ulti .item ul li {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.h_ss4 .ulti .item ul li:last-child {
  margin-bottom: 0;
}
.h_ss4 .ulti .item ul li span {
  border-radius: 50%;
  border: 1px solid #FFF;
  background: #39B54A;
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  color: #000;
  font-family: "Trirong", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; /* 200% */
  margin-right: 8px;
}
@media only screen and (max-width: 1366px) {
  .h_ss4 .ulti .item ul li span {
    width: 28px;
    height: 28px;
    margin-right: 5px;
  }
}
.h_ss4 .ulti .item ul li p {
  color: #fff;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .ulti .item ul li p {
    color: #000;
  }
}
.h_ss4 .matbang {
  position: relative;
  width: 100%;
}
.h_ss4 .matbang svg {
  width: 100%;
  height: auto;
  display: block;
}
.h_ss4 .matbang svg path[data-path], .h_ss4 .matbang svg circle[data-path] {
  opacity: 0;
  transition: all 0.25s ease;
}
.h_ss4 .matbang svg path[data-path].active, .h_ss4 .matbang svg circle[data-path].active {
  opacity: 1;
}
.h_ss4 .matbang svg path[fill=white], .h_ss4 .matbang svg path[fill=black] {
  pointer-events: none;
}
.h_ss4 .matbang svg rect[data-svg], .h_ss4 .matbang svg circle[data-svg], .h_ss4 .matbang svg path[data-svg] {
  cursor: pointer;
}
.h_ss4 .matbang img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.h_ss4 .see-img {
  display: none;
}
@media only screen and (max-width: 768px) {
  .h_ss4 .see-img {
    display: block;
    width: 100%;
    text-align: center;
    color: #000;
    text-align: center;
    text-decoration-line: underline;
    margin-top: 8px;
  }
}
.h_ss4 .decor_ss66 {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .h_ss4 .decor_ss66 {
    display: block;
  }
}

.h_ss9 {
  position: relative;
  padding: 76px 5.4166666667% 157px;
  background: #FCFAF8;
}
@media only screen and (max-width: 1280px) {
  .h_ss9 {
    padding: 76px 30px 157px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss9 {
    padding: 66px 20px 127px;
  }
}
.h_ss9 .subtitle {
  color: var(--Primary---500, #2D7D77);
  font-family: "Trirong", serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.3;
}
@media only screen and (max-width: 1440px) {
  .h_ss9 .subtitle {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1440px) {
  .h_ss9 .subtitle {
    font-size: 24px;
  }
}
.h_ss9 .ss_title {
  color: #404040;
  font-family: "HJPROZADISPLAY-REGULAR.TTF";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4; /* 140% */
  text-transform: uppercase;
  margin: 24px 0 64px;
}
.h_ss9 .ss_title br {
  display: none;
}
@media only screen and (max-width: 1440px) {
  .h_ss9 .ss_title {
    font-size: 36px;
    margin: 20px 0 54px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss9 .ss_title {
    font-size: 34px;
    line-height: 1.4;
  }
  .h_ss9 .ss_title br {
    display: block;
  }
}
.h_ss9 .cm-link {
  position: absolute;
  top: 108px;
  right: 5.4166666667%;
}
@media only screen and (max-width: 1440px) {
  .h_ss9 .cm-link {
    top: 90px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss9 .cm-link {
    position: relative;
    top: 0;
    right: 0;
    margin: 64px auto 0;
  }
}
.h_ss9 .list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media only screen and (max-width: 576px) {
  .h_ss9 .list {
    gap: 24px;
  }
}
.h_ss9 .list .item {
  width: calc((100% - 32px) / 3);
}
@media only screen and (max-width: 576px) {
  .h_ss9 .list .item {
    width: 100%;
  }
}
.h_ss9 .list .item .thumbnail {
  display: block;
  overflow: hidden;
  width: 100%;
  line-height: 0;
}
.h_ss9 .list .item .thumbnail .img {
  width: 100%;
  aspect-ratio: 560/303;
  object-fit: cover;
  transition: all 0.3s ease;
}
.h_ss9 .list .item .title {
  display: block;
  padding: 24px 10px 0 0;
  color: #404040;
  font-family: "Trirong", serif;
  font-style: normal;
  font-weight: 400;
  transition: all 0.3s ease;
}
.h_ss9 .list .item .title h3 {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
  width: 400px;
  max-width: 100%;
}
@media only screen and (max-width: 1440px) {
  .h_ss9 .list .item .title {
    padding: 20px 10px 0 0;
  }
  .h_ss9 .list .item .title h3 {
    font-size: 22px;
  }
}
.h_ss9 .list .item:hover .thumbnail .img {
  transform: scale(1.1);
}
.h_ss9 .list .item:hover .title {
  color: #0E4341;
}

.h_ss8 {
  position: relative;
  padding: 250px 5.4166666667% 64px;
  background: #FCFAF8;
}
@media only screen and (max-width: 1280px) {
  .h_ss8 {
    padding: 200px 30px 80px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss8 {
    padding: 125px 20px 80px;
  }
}
.h_ss8 .decor1 {
  width: 3.6458333333%;
  top: 17.3984632272%;
  left: 67.7604166667%;
}
@media only screen and (max-width: 768px) {
  .h_ss8 .decor1 {
    top: 312px;
    right: 20px;
    left: auto;
    width: 70px;
  }
}
.h_ss8 .decor2 {
  width: 11.1979166667%;
  top: 35.032537961%;
  left: 0;
}
.h_ss8 .decor3 {
  width: 13.2291666667%;
  top: 27.9284164859%;
  right: 1.7708333333%;
}
@media only screen and (max-width: 1024px) {
  .h_ss8 .decor3 {
    top: auto;
    bottom: -100px;
    right: 20px;
    width: 254px;
  }
}
.h_ss8 .decor-mobi {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
  display: none;
}
@media only screen and (max-width: 768px) {
  .h_ss8 .decor-mobi {
    display: block;
  }
}
.h_ss8 .sub_title {
  position: relative;
  display: inline-block;
  color: #000;
  font-family: "HJPROZADISPLAY-REGULAR.TTF";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  text-transform: uppercase;
  margin-left: 13.785046729%;
}
.h_ss8 .sub_title span {
  display: inline-block;
  text-align: center;
}
.h_ss8 .sub_title::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 180px;
  height: 180px;
  border-radius: 50%;
  border: 1px dashed #938067;
}
.h_ss8 .sub_title svg {
  position: absolute;
  bottom: 160%;
  left: 120px;
  width: 737px;
}
@media only screen and (max-width: 1440px) {
  .h_ss8 .sub_title {
    font-size: 20px;
    margin-left: 11.0981308411%;
  }
  .h_ss8 .sub_title::before {
    width: 160px;
    height: 160px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss8 .sub_title {
    font-size: 24px;
    margin-left: 28px;
    margin-bottom: 97px;
  }
  .h_ss8 .sub_title::before {
    width: 180px;
    height: 180px;
  }
  .h_ss8 .sub_title svg {
    width: auto;
    max-width: 640px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss8 .sub_title svg {
    display: none;
  }
}
.h_ss8 .cm-title {
  display: block;
  margin: 0 auto 80px;
  font-size: 48px;
  width: max-content;
}
.h_ss8 .cm-title span {
  text-transform: lowercase;
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
}
@media only screen and (max-width: 1440px) {
  .h_ss8 .cm-title {
    font-size: 44px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss8 .cm-title {
    font-size: 34px;
    margin: 0 auto 60px;
    width: auto;
  }
  .h_ss8 .cm-title .cm-title-yel {
    font-size: 44px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss8 .cm-title {
    margin: 0 0 32px;
  }
}
.h_ss8 .list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px 0;
  width: 1400px;
  max-width: 100%;
  margin: 0 auto 80px;
}
@media only screen and (max-width: 1024px) {
  .h_ss8 .list {
    margin: 0 auto 60px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss8 .list {
    margin: 0 auto 32px;
  }
}
.h_ss8 .list li {
  position: relative;
  width: 47.1428571429%;
  padding-left: 36px;
  color: #000;
  font-family: "Trirong", serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
}
.h_ss8 .list li::before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  top: 3px;
  left: 0;
  background-image: url(../main/assets/images/home/ul-decor.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
@media only screen and (max-width: 1024px) {
  .h_ss8 .list li {
    font-size: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss8 .list li {
    width: 100%;
  }
}
.h_ss8 .cm-ani-img {
  aspect-ratio: 1712/1004;
}

.h_ss7 {
  position: relative;
  padding: 102px 12.9166666667% 0;
  background: #FCFAF8;
}
@media only screen and (max-width: 1280px) {
  .h_ss7 {
    padding: 102px 30px 0;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss7 {
    padding: 102px 20px 77px;
  }
}
.h_ss7 .decor1 {
  position: absolute;
  pointer-events: none;
  width: 91.6145833333%;
  top: 0;
  left: 6.0416666667%;
}
@media only screen and (max-width: 768px) {
  .h_ss7 .decor1 {
    display: none;
  }
}
.h_ss7 .decor-mobi1,
.h_ss7 .decor-mobi2 {
  position: absolute;
  pointer-events: none;
  display: none;
}
@media only screen and (max-width: 768px) {
  .h_ss7 .decor-mobi1,
  .h_ss7 .decor-mobi2 {
    display: block;
  }
}
.h_ss7 .decor-mobi1 {
  bottom: -200px;
  left: 0;
  width: 181px;
}
.h_ss7 .decor-mobi2 {
  top: -150px;
  right: 0;
  width: 238px;
}
.h_ss7 .sub_title {
  position: relative;
  display: inline-block;
  color: #000;
  font-family: "HJPROZADISPLAY-REGULAR.TTF";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 133.333% */
  text-transform: uppercase;
  margin-left: -1.1938202247%;
  margin-bottom: 8px;
}
.h_ss7 .sub_title span {
  display: inline-block;
  text-align: center;
  position: relative;
  z-index: 2;
}
.h_ss7 .sub_title::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #FCFAF8;
  border: 1px dashed #938067;
}
@media only screen and (max-width: 1280px) {
  .h_ss7 .sub_title {
    margin-left: 28px;
  }
}
.h_ss7 .wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.h_ss7 .wrap .left {
  width: 49.4382022472%;
  padding-top: 70px;
}
@media only screen and (max-width: 1280px) {
  .h_ss7 .wrap .left {
    width: 50.5617977528%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss7 .wrap .left {
    width: 100%;
    margin-bottom: 32px;
  }
}
.h_ss7 .wrap .left .title {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .h_ss7 .wrap .left .title {
    gap: 48px;
    margin-bottom: 32px;
  }
}
.h_ss7 .wrap .left .title h2 {
  color: #0C0C0C;
  font-family: "HJPROZADISPLAY-REGULAR.TTF";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px; /* 125% */
  text-transform: uppercase;
  text-align: right;
  max-width: 100%;
}
.h_ss7 .wrap .left .title h2 span {
  font-family: "Cormorant Garamond", serif;
  font-size: 40px;
  font-style: italic;
  font-weight: 400;
  line-height: 40px; /* 100% */
  letter-spacing: -1px;
  color: #985E12;
  text-transform: none;
}
.h_ss7 .wrap .left .title h2:nth-of-type(1) {
  width: 613px;
  text-align: left;
}
.h_ss7 .wrap .left .title h2:nth-of-type(1) span {
  display: inline-block;
  padding-right: 3px;
}
.h_ss7 .wrap .left .title h2:nth-of-type(2) {
  width: 398px;
}
@media only screen and (max-width: 1280px) {
  .h_ss7 .wrap .left .title h2 {
    font-size: 26px;
  }
  .h_ss7 .wrap .left .title h2 span {
    font-size: 32px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss7 .wrap .left .title h2 {
    font-size: 22px;
  }
}
.h_ss7 .wrap .left .gallery img {
  aspect-ratio: 704/830;
}
.h_ss7 .wrap .right {
  width: 42.1348314607%;
}
@media only screen and (max-width: 1280px) {
  .h_ss7 .wrap .right {
    width: 45.6460674157%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss7 .wrap .right {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .h_ss7 .wrap .right .cm-link {
    margin: 0 auto;
    order: 3;
  }
}
.h_ss7 .wrap .right .gallery img {
  aspect-ratio: 600/800;
}
@media only screen and (max-width: 768px) {
  .h_ss7 .wrap .right .gallery {
    order: 2;
    margin-bottom: 32px;
  }
}
.h_ss7 .wrap .right .list {
  margin: 48px 0 120px;
  column-count: 2;
  column-gap: 10px;
}
@media only screen and (max-width: 1280px) {
  .h_ss7 .wrap .right .list {
    margin: 40px 0 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss7 .wrap .right .list {
    margin: 40px 0 32px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss7 .wrap .right .list {
    order: 1;
    margin: 0 0 32px;
    column-count: 1;
    column-gap: 0;
  }
}
.h_ss7 .wrap .right .list li {
  break-inside: avoid;
  display: flex;
  gap: 12px;
  color: #000;
  font-family: "Trirong", serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 8px;
  cursor: pointer;
}
.h_ss7 .wrap .right .list li span {
  text-align: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #CEA77C;
  color: #FFF;
  font-family: "HJPROZADISPLAY-REGULAR.TTF";
  font-size: 16px;
  font-weight: 400;
  line-height: 34px;
  flex-shrink: 0;
}
.h_ss7 .wrap .right .list li p {
  transition: all 0.3s ease;
}
.h_ss7 .wrap .right .list li.active p {
  text-decoration: underline;
}
.h_ss7 .wrap .gallery {
  position: relative;
  line-height: 0;
}
.h_ss7 .wrap .gallery img {
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: all 0.3s ease;
}
.h_ss7 .wrap .gallery img:first-child {
  display: block;
  position: relative !important;
  z-index: 1;
  opacity: 1;
}
.h_ss7 .wrap .gallery img.show {
  opacity: 1;
}

.s_56 {
  position: relative;
}
.s_56::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(206, 167, 124, 0) 0%, rgba(206, 167, 124, 0.25) 78.64%), #FFF;
  will-change: opacity, transform;
}

.h_ss6 {
  position: relative;
  z-index: 2;
}
.h_ss6 .top {
  position: relative;
  padding: 0 5.4166666667%;
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .top {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss6 .top {
    padding: 0 20px;
  }
}
.h_ss6 .top::before {
  position: absolute;
  content: "";
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 45%;
  background: #0D403E;
  pointer-events: none;
}
@media only screen and (max-width: 768px) {
  .h_ss6 .top::before {
    height: 80%;
  }
}
.h_ss6 .top .img {
  position: relative;
  width: 100%;
  aspect-ratio: 1712/800;
}
.h_ss6 .top .content {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 100px;
}
@media only screen and (max-width: 1024px) {
  .h_ss6 .top .content {
    margin-top: 60px;
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss6 .top .content {
    margin-top: 32px;
  }
}
.h_ss6 .top .content .title {
  width: 790px;
  color: #FFF;
  font-family: "HJPROZADISPLAY-REGULAR.TTF";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 52px; /* 120% */
  text-transform: uppercase;
}
@media only screen and (max-width: 1500px) {
  .h_ss6 .top .content .title {
    width: 56.6588785047%;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .top .content .title {
    font-size: 34px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss6 .top .content .title {
    width: 100%;
    margin-bottom: 32px;
  }
}
.h_ss6 .top .content .des {
  width: 41.1214953271%;
  padding-right: 5.8411214953%;
  box-sizing: border-box;
  color: #FFF;
  font-family: "Trirong", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .top .content .des {
    padding-right: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss6 .top .content .des {
    width: 100%;
  }
}
.h_ss6 .bottom {
  position: relative;
  padding: 316px 5.4166666667% 120px 12.0833333333%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  background: #0D403E;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .bottom {
    padding: 160px 30px 120px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss6 .bottom {
    padding: 80px 20px 120px;
  }
}
.h_ss6 .bottom .decor1 {
  width: 13.6458333333%;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 768px) {
  .h_ss6 .bottom .decor1 {
    width: 300px;
    top: 33%;
    right: -20%;
  }
}
.h_ss6 .bottom .decor2 {
  width: 13.6458333333%;
  bottom: 0;
  right: 0;
}
@media only screen and (max-width: 768px) {
  .h_ss6 .bottom .decor2 {
    width: 250px;
    bottom: -190px;
  }
}
.h_ss6 .bottom .decor4 {
  width: 19.1666666667%;
  bottom: 0;
  left: 3.0208333333%;
}
@media only screen and (max-width: 768px) {
  .h_ss6 .bottom .decor4 {
    display: none;
  }
}
.h_ss6 .bottom .decor-mobi {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
  display: none;
  mix-blend-mode: color-burn;
}
@media only screen and (max-width: 768px) {
  .h_ss6 .bottom .decor-mobi {
    display: block;
  }
}
.h_ss6 .bottom .left {
  position: relative;
  width: 45.4545454545%;
}
.h_ss6 .bottom .left .decor3 {
  width: 368px;
  top: -130px;
  right: -22.9166666667%;
}
.h_ss6 .bottom .left .cm-ani-img {
  aspect-ratio: 720/1000;
}
@media only screen and (max-width: 768px) {
  .h_ss6 .bottom .left {
    width: 100%;
    margin-bottom: 32px;
  }
  .h_ss6 .bottom .left .decor3 {
    top: 0;
    right: auto;
    left: -20%;
  }
}
.h_ss6 .bottom .right {
  width: 44.4444444444%;
}
@media only screen and (max-width: 1024px) {
  .h_ss6 .bottom .right {
    width: 51.3888888889%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss6 .bottom .right {
    width: 100%;
  }
}
.h_ss6 .bottom .right .subtitle {
  color: #FFF;
  font-family: "Trirong", serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 32px;
}
.h_ss6 .bottom .right .title {
  color: #FFF;
  font-family: "HJPROZADISPLAY-REGULAR.TTF";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px; /* 116.667% */
  text-transform: uppercase;
  margin: 24px 0 128px;
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .bottom .right .title {
    font-size: 34px;
    line-height: 48px;
    margin: 24px 0 32px;
  }
}
.h_ss6 .bottom .right .content {
  font-family: "Trirong", serif;
  color: #FFF;
  padding-right: 34.0909090909%;
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .bottom .right .content {
    padding-right: 0;
  }
}
.h_ss6 .bottom .right .content p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 16px;
}
.h_ss6 .bottom .right .content ul {
  margin-bottom: 48px;
}
.h_ss6 .bottom .right .content ul li {
  position: relative;
  padding-left: 36px;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
}
@media only screen and (max-width: 1024px) {
  .h_ss6 .bottom .right .content ul li {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .h_ss6 .bottom .right .content ul li:last-child {
    margin-bottom: 0;
  }
}
.h_ss6 .bottom .right .content ul li::before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  top: 3px;
  left: 0;
  background-image: url(../main/assets/images/home/ul-decor.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
@media only screen and (max-width: 1024px) {
  .h_ss6 .bottom .right .content ul li::before {
    top: 0;
  }
}
.h_ss6 .bottom .right .content p:last-child, .h_ss6 .bottom .right .content ul:last-child {
  margin-bottom: 0;
}

.h_ss5 {
  position: relative;
  padding: 183px 5.4166666667% 160px;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 {
    padding: 137px 30px 80px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 {
    padding: 137px 20px 64px;
  }
}
.h_ss5 .decor1 {
  width: 11.875%;
  top: 24.6132208158%;
  right: 1.5104166667%;
}
.h_ss5 .decor2 {
  width: 100%;
  top: 6.3291139241%;
  left: 0;
}
.h_ss5 .sub_title {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: #000;
  font-family: "HJPROZADISPLAY-REGULAR.TTF";
  font-size: 24px;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 133.333% */
  text-transform: uppercase;
  margin-left: 9.3457943925%;
  margin-bottom: 87px;
}
.h_ss5 .sub_title span {
  position: relative;
  z-index: 2;
  display: inline-block;
  text-align: center;
}
.h_ss5 .sub_title::before {
  position: absolute;
  content: "";
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 180px;
  height: 180px;
  border-radius: 50%;
  border: 1px dashed #938067;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .sub_title {
    margin-left: 28px;
  }
  .h_ss5 .sub_title::before {
    background: #fff;
  }
}
.h_ss5 .bg {
  position: absolute;
  left: 0;
  top: 19.1911764706%;
  width: 55.9895833333%;
  height: auto;
  opacity: 0.5;
}
@media only screen and (max-width: 768px) {
  .h_ss5 .bg {
    top: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .bg {
    position: relative;
    top: 0;
    left: 0;
    margin-left: -20px;
    width: calc(100% + 40px);
    max-width: calc(100% + 40px);
    aspect-ratio: 375/677;
    object-fit: cover;
    object-position: left center;
    margin-top: -120px;
    margin-bottom: -300px;
  }
}
.h_ss5 .label {
  position: relative;
  z-index: 2;
  width: 588px;
  color: #000;
  font-family: "HJPROZADISPLAY-REGULAR.TTF";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px; /* 120% */
  text-transform: uppercase;
  margin-bottom: -24px;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .label {
    font-size: 34px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .label {
    margin-bottom: 0;
    width: 100%;
  }
  .h_ss5 .label br {
    display: none;
  }
}
.h_ss5 .wrap {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: flex-end;
}
.h_ss5 .wrap .list {
  width: 74.7663551402%;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px 16px;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .wrap .list {
    width: 100%;
  }
}
.h_ss5 .wrap .list .item {
  position: relative;
  width: calc((100% - 32px) / 3);
  overflow: hidden;
  padding: 68px 20px 40px 40px;
  box-sizing: border-box;
  background: #fff;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .wrap .list .item {
    padding: 68px 20px 40px 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .wrap .list .item {
    width: 100%;
    padding: 68px 20px 40px 40px;
  }
}
.h_ss5 .wrap .list .item:nth-of-type(1) {
  background: transparent;
}
.h_ss5 .wrap .list .item .icon {
  margin-bottom: 14px;
}
.h_ss5 .wrap .list .item .title {
  color: #000;
  font-family: "Trirong", serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 80px;
  width: 260px;
  max-width: 100%;
}
.h_ss5 .wrap .list .item .des {
  color: #000;
  font-family: "Trirong", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  width: 218px;
  max-width: 100%;
}
.h_ss5 .wrap .list .item .decor_top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 36px;
  object-fit: cover;
  object-position: left center;
}
.h_ss5 .wrap .list .item .decor_bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 59px;
  object-fit: contain;
}

.h_ss10 {
  position: relative;
  padding: 120px 5.4166666667% 172px;
  background-image: url(../main/assets/images/home/s10-bg.png);
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
  margin-bottom: -2px;
}
.h_ss10 .decor1,
.h_ss10 .decor2,
.h_ss10 .decor3,
.h_ss10 .decor4 {
  position: absolute;
  pointer-events: none;
}
.h_ss10 .decor1 {
  top: 0;
  left: 0;
  width: 16.4583333333%;
  max-width: 316px;
}
@media only screen and (max-width: 767px) {
  .h_ss10 .decor1 {
    width: 138px;
  }
}
.h_ss10 .decor2 {
  top: 0;
  right: 0;
  width: 61.875%;
  max-width: 1188px;
  mix-blend-mode: overlay;
}
@media only screen and (max-width: 767px) {
  .h_ss10 .decor2 {
    width: 80%;
  }
}
.h_ss10 .decor3 {
  top: 30%;
  right: 0;
  width: 10%;
  max-width: 192px;
}
@media only screen and (max-width: 767px) {
  .h_ss10 .decor3 {
    display: none;
  }
}
.h_ss10 .decor4 {
  bottom: 0;
  left: 0;
  width: 10%;
  max-width: 219px;
}
@media only screen and (max-width: 767px) {
  .h_ss10 .decor4 {
    width: 88px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss10 {
    padding: 80px 30px 120px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss10 {
    padding: 50px 20px;
  }
}
.h_ss10 .cm-title {
  text-align: center;
}
.h_ss10 .swiper {
  padding: 18px 0 12px;
  border-top: 1px solid #AD8655;
  border-bottom: 1px solid #AD8655;
  margin-bottom: 40px;
  margin-top: 64px;
}
@media only screen and (max-width: 1440px) {
  .h_ss10 .swiper {
    margin-top: 52px;
  }
}
@media only screen and (max-width: 1280px) {
  .h_ss10 .swiper {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss10 .swiper {
    margin-top: 25px;
    margin-bottom: 30px;
  }
}
.h_ss10 .swiper .swiper-slide {
  position: relative;
  width: auto;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.4);
  font-family: "Trirong", serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
}
.h_ss10 .swiper .swiper-slide:before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: -41px;
  width: 10px;
  height: 10px;
  background: #AD8655;
  border-radius: 50%;
}
.h_ss10 .swiper .swiper-slide.active {
  color: #000;
}
@media only screen and (max-width: 1440px) {
  .h_ss10 .swiper .swiper-slide {
    font-size: 25px;
  }
  .h_ss10 .swiper .swiper-slide:before {
    right: -24px;
    width: 8px;
    height: 8px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss10 .swiper .swiper-slide {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .h_ss10 .swiper .swiper-slide {
    font-size: 18px;
  }
  .h_ss10 .swiper .swiper-slide:before {
    right: -18px;
    width: 6px;
    height: 6px;
  }
}
.h_ss10 .tab_content {
  position: relative;
  z-index: 2;
  display: none;
  transition: all 0.3s ease;
}
.h_ss10 .tab_content.active {
  display: block;
}
.h_ss10 .tab_content .list {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 7px;
  height: 571px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1366px) {
  .h_ss10 .tab_content .list {
    height: 460px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss10 .tab_content .list {
    height: 400px;
  }
}
.h_ss10 .tab_content .list .item {
  overflow: hidden;
}
.h_ss10 .tab_content .list .item:nth-of-type(1) {
  grid-row: 1/3;
}
.h_ss10 .tab_content .list .item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .h_ss10 .tab_content .list {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    height: auto;
  }
  .h_ss10 .tab_content .list .item {
    aspect-ratio: 16/9;
  }
  .h_ss10 .tab_content .list .item:nth-of-type(1) {
    grid-row: auto;
  }
}
.h_ss10 .btn {
  margin: 40px auto 0;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .h_ss10 .btn {
    margin-top: 30px;
  }
}

.news_page .wrap {
  padding: 80px 5.4166666667% 160px;
}
@media only screen and (max-width: 1280px) {
  .news_page .wrap {
    padding: 60px 30px 100px;
  }
}
@media only screen and (max-width: 767px) {
  .news_page .wrap {
    padding: 45px 20px 50px;
  }
}
.news_page .wrap .content {
  position: relative;
}
.news_page .wrap .content .subtile {
  color: var(--Primary---500, #2D7D77);
  font-family: "Trirong", serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.33;
  margin-bottom: 24px;
}
@media only screen and (max-width: 1280px) {
  .news_page .wrap .content .subtile {
    font-size: 20px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .news_page .wrap .content .subtile {
    font-size: 18px;
  }
}
.news_page .wrap .content .maintitle {
  color: #404040;
  font-family: "HJPROZADISPLAY-REGULAR.TTF";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  text-transform: uppercase;
  padding-right: 200px;
}
@media only screen and (max-width: 1440px) {
  .news_page .wrap .content .maintitle {
    font-size: 38px;
  }
}
@media only screen and (max-width: 1280px) {
  .news_page .wrap .content .maintitle {
    font-size: 30px;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .news_page .wrap .content .maintitle {
    font-size: 24px;
  }
}
.news_page .wrap .content .cm-link {
  position: absolute;
  right: 0;
  top: 32px;
  padding-top: 16px;
  padding-bottom: 12px;
}
@media only screen and (max-width: 1440px) {
  .news_page .wrap .content .cm-link {
    padding-top: 15px;
    padding-bottom: 11px;
  }
}
@media only screen and (max-width: 1280px) {
  .news_page .wrap .content .cm-link {
    padding-top: 18px;
    padding-bottom: 14px;
    position: relative;
    top: 0;
    margin: 32px auto 0;
  }
}
.news_page .wrap .content .news_list {
  margin-top: 64px;
  display: flex;
  flex-wrap: wrap;
  gap: 48px 16px;
}
@media only screen and (max-width: 1440px) {
  .news_page .wrap .content .news_list {
    gap: 36px 16px;
  }
}
@media only screen and (max-width: 1280px) {
  .news_page .wrap .content .news_list {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .news_page .wrap .content .news_list {
    gap: 24px 16px;
  }
}
@media only screen and (max-width: 767px) {
  .news_page .wrap .content .news_list {
    margin-top: 30px;
  }
}
.news_page .wrap .content .news_list .item {
  width: calc((100% - 32px) / 3);
}
@media only screen and (max-width: 820px) {
  .news_page .wrap .content .news_list .item {
    width: calc((100% - 16px) / 2);
  }
}
@media only screen and (max-width: 576px) {
  .news_page .wrap .content .news_list .item {
    width: 100%;
  }
}
.news_page .wrap .content .news_list .item .thumbnail {
  line-height: 0;
  overflow: hidden;
}
.news_page .wrap .content .news_list .item .thumbnail img {
  width: 100%;
  aspect-ratio: 560/303;
  object-fit: cover;
  transition: all 0.3s ease;
}
.news_page .wrap .content .news_list .item .title {
  margin-top: 24px;
  width: 400px;
  max-width: 100%;
  color: #404040;
  font-family: "Trirong", serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.33;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1440px) {
  .news_page .wrap .content .news_list .item .title {
    font-size: 22px;
  }
}
@media only screen and (max-width: 1280px) {
  .news_page .wrap .content .news_list .item .title {
    font-size: 20px;
    margin-top: 15px;
  }
}
.news_page .wrap .content .news_list .item:hover .thumbnail img {
  transform: scale(1.1);
}
.news_page .wrap .content .news_list .item:hover .title {
  color: #0E4341;
}

.new_detail {
  position: relative;
}
.new_detail .banner {
  position: relative;
  aspect-ratio: 1920/640;
  line-height: 0;
}
@media only screen and (max-width: 767px) {
  .new_detail .banner {
    aspect-ratio: 4/3;
  }
}
.new_detail .banner::before {
  position: absolute;
  content: "";
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 200px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 73.43%);
}
.new_detail .banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.new_detail .content {
  display: block;
  width: 1196px;
  max-width: calc(100% - 60px);
  margin: 0 auto;
  padding: 120px 0;
}
@media only screen and (max-width: 1440px) {
  .new_detail .content {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 1280px) {
  .new_detail .content {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 767px) {
  .new_detail .content {
    padding: 45px 0;
    max-width: calc(100% - 40px);
  }
}
.new_detail .content .title {
  color: #404040;
  font-family: "HJPROZADISPLAY-REGULAR.TTF";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  text-transform: uppercase;
  margin-bottom: 24px;
}
@media only screen and (max-width: 1440px) {
  .new_detail .content .title {
    font-size: 38px;
  }
}
@media only screen and (max-width: 1280px) {
  .new_detail .content .title {
    font-size: 30px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .new_detail .content .title {
    font-size: 24px;
  }
}
.new_detail .content .time {
  font-family: "Trirong", serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.7;
  margin-bottom: 48px;
}
@media only screen and (max-width: 1440px) {
  .new_detail .content .time {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 1280px) {
  .new_detail .content .time {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .new_detail .content .time {
    margin-bottom: 25px;
  }
}
.new_detail .content .the_content {
  font-family: "Trirong", serif;
  color: #404040;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .new_detail .content .the_content {
    font-size: 15px;
  }
}
.new_detail .content .the_content p, .new_detail .content .the_content ul, .new_detail .content .the_content ol, .new_detail .content .the_content .wp-caption, .new_detail .content .the_content h2, .new_detail .content .the_content h3 {
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .new_detail .content .the_content p, .new_detail .content .the_content ul, .new_detail .content .the_content ol, .new_detail .content .the_content .wp-caption, .new_detail .content .the_content h2, .new_detail .content .the_content h3 {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .new_detail .content .the_content p, .new_detail .content .the_content ul, .new_detail .content .the_content ol, .new_detail .content .the_content .wp-caption, .new_detail .content .the_content h2, .new_detail .content .the_content h3 {
    margin-bottom: 15px;
  }
}
.new_detail .content .the_content p:last-child, .new_detail .content .the_content ul:last-child, .new_detail .content .the_content ol:last-child, .new_detail .content .the_content .wp-caption:last-child, .new_detail .content .the_content h2:last-child, .new_detail .content .the_content h3:last-child {
  margin-bottom: 0;
}
.new_detail .content .the_content ul, .new_detail .content .the_content ol {
  padding-left: 20px;
}
.new_detail .content .the_content ul li, .new_detail .content .the_content ol li {
  margin-bottom: 5px;
}
.new_detail .content .the_content ul li:last-child, .new_detail .content .the_content ol li:last-child {
  margin-bottom: 0;
}
.new_detail .content .the_content ul li {
  list-style: disc;
}
.new_detail .content .the_content ol li {
  list-style: decimal;
}
.new_detail .content .the_content .wp-block-image,
.new_detail .content .the_content .wp-caption {
  width: 100% !important;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .new_detail .content .the_content .wp-block-image,
  .new_detail .content .the_content .wp-caption {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .new_detail .content .the_content .wp-block-image,
  .new_detail .content .the_content .wp-caption {
    margin-bottom: 15px;
  }
}
.new_detail .content .the_content .wp-block-image img,
.new_detail .content .the_content .wp-caption img {
  margin: 0 auto 15px;
  display: block;
  max-width: 100%;
}
.new_detail .content .the_content .wp-block-image p, .new_detail .content .the_content .wp-block-image figcaption,
.new_detail .content .the_content .wp-caption p,
.new_detail .content .the_content .wp-caption figcaption {
  text-align: center;
  margin: 0;
}
.new_detail .content .the_content h2, .new_detail .content .the_content h3 {
  font-weight: 600;
  margin-bottom: 36px;
}
@media only screen and (max-width: 767px) {
  .new_detail .content .the_content h2, .new_detail .content .the_content h3 {
    margin-bottom: 20px;
  }
}
.new_detail .content .the_content h2 {
  font-size: 24px;
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .new_detail .content .the_content h2 {
    font-size: 20px;
  }
}
.new_detail .content .the_content h3 {
  font-size: 20px;
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .new_detail .content .the_content h3 {
    font-size: 18px;
  }
}
.new_detail .content .the_content img {
  margin: 0 auto 24px;
  display: block;
  max-width: 100%;
}
@media (max-width: 1024px) {
  .new_detail .content .the_content img {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .new_detail .content .the_content img {
    margin-bottom: 15px;
  }
}
.new_detail .content .the_content a {
  color: #4d4d4d;
  text-decoration: underline;
}
.new_detail .content .share {
  margin-top: 48px;
  padding: 12px 0;
  border-top: 1px solid #D5D6DD;
  border-bottom: 1px solid #D5D6DD;
  display: flex;
  justify-content: space-between;
  color: #404040;
  font-family: "Trirong", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.new_detail .content .share .list {
  flex-shrink: 1;
  display: flex;
  align-items: center;
  gap: 25px;
}
.new_detail .content .share .list a {
  line-height: 0;
}
.new_detail .content .title_related {
  color: #404040;
  font-family: "HJPROZADISPLAY-REGULAR.TTF";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  text-transform: uppercase;
  margin: 64px 0 16px;
}
@media only screen and (max-width: 1440px) {
  .new_detail .content .title_related {
    font-size: 38px;
  }
}
@media only screen and (max-width: 1280px) {
  .new_detail .content .title_related {
    font-size: 30px;
    margin: 50px 0 16px;
  }
}
@media only screen and (max-width: 767px) {
  .new_detail .content .title_related {
    font-size: 24px;
    margin: 45px 0 16px;
  }
}
.new_detail .content .related {
  display: flex;
  gap: 10px;
}
@media only screen and (max-width: 576px) {
  .new_detail .content .related {
    gap: 24px;
    flex-direction: column;
  }
}
.new_detail .content .related .item {
  width: calc((100% - 20px) / 3);
}
@media only screen and (max-width: 576px) {
  .new_detail .content .related .item {
    width: 100%;
  }
}
.new_detail .content .related .item .thumbnail {
  display: block;
  overflow: hidden;
  width: 100%;
  line-height: 0;
}
.new_detail .content .related .item .thumbnail img {
  width: 100%;
  aspect-ratio: 371/200;
  object-fit: cover;
  transition: all 0.3s ease;
}
.new_detail .content .related .item .re_title {
  display: block;
  padding-top: 15px;
  color: #404040;
  font-family: "Trirong", serif;
  font-style: normal;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  width: 265px;
  max-width: 100%;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1440px) {
  .new_detail .content .related .item .re_title {
    padding: 20px 10px 0 0;
  }
}
@media only screen and (max-width: 1024px) {
  .new_detail .content .related .item .re_title {
    padding: 12px 0 0 0;
    font-size: 15px;
  }
}
.new_detail .content .related .item:hover .thumbnail .img {
  transform: scale(1.1);
}
.new_detail .content .related .item:hover .title {
  color: #0E4341;
}

.lib_page .wrap {
  padding: 120px 5.4166666667% 64px;
  position: relative;
  z-index: 0;
  background-image: url(../main/assets/images/lib/s10-bg.png);
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1280px) {
  .lib_page .wrap {
    padding: 90px 30px 64px;
  }
}
@media only screen and (max-width: 768px) {
  .lib_page .wrap {
    padding: 70px 30px 64px;
  }
}
@media only screen and (max-width: 576px) {
  .lib_page .wrap {
    padding: 60px 0px 50px;
  }
}
.lib_page .wrap .decor1 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
@media only screen and (max-width: 576px) {
  .lib_page .wrap .decor1 {
    max-width: 50%;
  }
}
.lib_page .wrap .decor2 {
  position: absolute;
  right: 0;
  bottom: -500px;
  z-index: -1;
}
.lib_page .wrap .decor_top_ss2 {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  mix-blend-mode: overlay;
}
@media only screen and (max-width: 576px) {
  .lib_page .wrap .decor_top_ss2 {
    display: none;
  }
}
.lib_page .wrap .decor3 {
  position: absolute;
  left: 0;
  bottom: 0px;
  z-index: -1;
  max-width: 30%;
}
.lib_page .wrap .content > h2 {
  color: #000;
  font-family: "HJPROZADISPLAY-REGULAR.TTF";
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px; /* 114.286% */
  text-transform: uppercase;
  margin-bottom: 64px;
  text-align: center;
}
@media only screen and (max-width: 1280px) {
  .lib_page .wrap .content > h2 {
    font-size: 40px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .lib_page .wrap .content > h2 {
    font-size: 32px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .lib_page .wrap .content > h2 {
    margin-bottom: 10px;
  }
}
.lib_page .wrap .content .swiper {
  padding: 16px 0;
  border-top: 1px solid #AD8655;
  border-bottom: 1px solid #AD8655;
  margin-bottom: 64px;
}
@media only screen and (max-width: 768px) {
  .lib_page .wrap .content .swiper {
    margin-bottom: 50px;
    padding: 12px 0;
  }
}
@media only screen and (max-width: 576px) {
  .lib_page .wrap .content .swiper {
    padding: 8px 0;
    margin-bottom: 30px;
  }
}
.lib_page .wrap .content .swiper .swiper-slide {
  width: auto !important;
  color: rgba(0, 0, 0, 0.4);
  font-family: "Trirong", serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 100% */
  text-transform: uppercase;
  padding: 0 32px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1280px) {
  .lib_page .wrap .content .swiper .swiper-slide {
    font-size: 26px;
  }
}
@media only screen and (max-width: 768px) {
  .lib_page .wrap .content .swiper .swiper-slide {
    font-size: 20px;
    padding: 0 24px;
  }
}
@media only screen and (max-width: 576px) {
  .lib_page .wrap .content .swiper .swiper-slide {
    font-size: 16px;
    padding: 0 16px;
  }
}
.lib_page .wrap .content .swiper .swiper-slide:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -5px;
  width: 10px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #AD8655;
}
@media only screen and (max-width: 576px) {
  .lib_page .wrap .content .swiper .swiper-slide:after {
    width: 6px;
    right: -3px;
  }
}
.lib_page .wrap .content .swiper .swiper-slide:hover {
  color: #000;
}
.lib_page .wrap .content .swiper .swiper-slide.is-active {
  color: #000;
}
.lib_page .wrap .content .list {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 576px) {
  .lib_page .wrap .content .list {
    padding: 0 15px;
  }
}
.lib_page .wrap .content .list .items {
  padding-top: 184px;
  position: relative;
  z-index: 0;
  /* ===== ROW CHUNG ===== */
  /* ===== ROW 1 & 3 ===== */
  /* ===== ROW 2 ===== */
  /* Ảnh 3 */
  /* Ảnh 4–5 & 6–7 */
}
@media only screen and (max-width: 1280px) {
  .lib_page .wrap .content .list .items {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .lib_page .wrap .content .list .items {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 576px) {
  .lib_page .wrap .content .list .items {
    padding-top: 40px;
  }
}
.lib_page .wrap .content .list .items > .decor_top_left {
  position: absolute;
  left: -104px;
  top: 0;
  z-index: -1;
  mix-blend-mode: overlay;
}
@media only screen and (max-width: 1280px) {
  .lib_page .wrap .content .list .items > .decor_top_left {
    left: -30px;
  }
}
@media only screen and (max-width: 576px) {
  .lib_page .wrap .content .list .items > .decor_top_left {
    left: -15px;
    max-width: 40%;
  }
}
.lib_page .wrap .content .list .items > .decor_top_right {
  position: absolute;
  right: -104px;
  top: 0;
  z-index: -1;
}
@media only screen and (max-width: 1280px) {
  .lib_page .wrap .content .list .items > .decor_top_right {
    right: -30px;
  }
}
@media only screen and (max-width: 576px) {
  .lib_page .wrap .content .list .items > .decor_top_right {
    right: -15px;
    max-width: 40%;
  }
}
.lib_page .wrap .content .list .items > .item_decor {
  position: absolute;
  right: -104px;
  top: 45%;
  z-index: -1;
}
.lib_page .wrap .content .list .items:first-child {
  padding-top: 0;
}
.lib_page .wrap .content .list .items .title {
  color: #000;
  text-align: center;
  font-family: "Trirong", serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; /* 100% */
  text-transform: uppercase;
  margin-bottom: 24px;
}
@media only screen and (max-width: 1280px) {
  .lib_page .wrap .content .list .items .title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 768px) {
  .lib_page .wrap .content .list .items .title {
    font-size: 22px;
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 576px) {
  .lib_page .wrap .content .list .items .title {
    font-size: 18px;
    margin-bottom: 8px;
  }
}
.lib_page .wrap .content .list .items .gallery-block {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 6px;
}
@media only screen and (max-width: 576px) {
  .lib_page .wrap .content .list .items .gallery-block {
    gap: 3px;
    margin-bottom: 3px;
  }
}
.lib_page .wrap .content .list .items .gallery-block:last-child {
  margin-bottom: 0;
}
.lib_page .wrap .content .list .items .row {
  display: flex;
  gap: 6px;
}
@media only screen and (max-width: 576px) {
  .lib_page .wrap .content .list .items .row {
    gap: 3px;
  }
}
.lib_page .wrap .content .list .items .item img,
.lib_page .wrap .content .list .items .col img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.lib_page .wrap .content .list .items .row-top .item,
.lib_page .wrap .content .list .items .row-bottom .item {
  width: 50%;
  height: 425px;
}
@media only screen and (max-width: 1280px) {
  .lib_page .wrap .content .list .items .row-top .item,
  .lib_page .wrap .content .list .items .row-bottom .item {
    height: 300px;
  }
}
@media only screen and (max-width: 768px) {
  .lib_page .wrap .content .list .items .row-top .item,
  .lib_page .wrap .content .list .items .row-bottom .item {
    height: 220px;
  }
}
@media only screen and (max-width: 576px) {
  .lib_page .wrap .content .list .items .row-top .item,
  .lib_page .wrap .content .list .items .row-bottom .item {
    height: 120px;
  }
}
.lib_page .wrap .content .list .items .row-middle {
  height: 565px; /* bạn chỉnh chiều cao ảnh 3 tại đây */
}
@media only screen and (max-width: 1280px) {
  .lib_page .wrap .content .list .items .row-middle {
    height: 400px;
  }
}
@media only screen and (max-width: 768px) {
  .lib_page .wrap .content .list .items .row-middle {
    height: 260px;
  }
}
@media only screen and (max-width: 576px) {
  .lib_page .wrap .content .list .items .row-middle {
    height: 200px;
  }
}
.lib_page .wrap .content .list .items .col-big {
  width: 33.3333333333%;
}
.lib_page .wrap .content .list .items .col-big a img {
  height: 100%;
}
.lib_page .wrap .content .list .items .col-small {
  width: 33.3333%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media only screen and (max-width: 576px) {
  .lib_page .wrap .content .list .items .col-small {
    gap: 3px;
  }
}
.lib_page .wrap .content .list .items .col-small a {
  height: calc(50% - 3px); /* đúng = 1/2 ảnh 3 */
}
@media only screen and (max-width: 576px) {
  .lib_page .wrap .content .list .items .col-small a {
    height: calc(50% - 1.5px);
  }
}
.lib_page .wrap .content .list .items a {
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.lib_page .wrap .content .list .items a:hover > img {
  transform: scale(1.1);
}
.lib_page .wrap .content .list .items a > img {
  transition: all 0.3s ease;
}

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