@charset "UTF-8";
/*
    Theme Name: AHA
    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: "Lato Regular.ttf";
  src: url("./assets/fonts/Lato Regular.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato Semibold.ttf";
  src: url("./assets/fonts/Lato Semibold.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato Medium.ttf";
  src: url("./assets/fonts/Lato Medium.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato Bold.ttf";
  src: url("./assets/fonts/Lato Bold.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: var(--Yellow, #FAB43A);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: var(--Yellow, #FAB43A);
}

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: var(--Text, #4D4D4D);
  font-family: "Lato Regular.ttf";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.site-container {
  overflow: hidden;
}

ul li {
  list-style: none;
}

a {
  text-decoration: none;
}

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

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

@keyframes draw2 {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 2000;
  }
}
@keyframes signature1 {
  0% {
    stroke-dashoffset: 500;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes signature2 {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes opacityKey {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes colorTextWhite {
  0% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
  50% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
  100% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
}
@keyframes colorTextBlack {
  0% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
  50% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
  100% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
}
@keyframes zoomOut {
  from {
    transform: scale(1.3); /* Kích thước ban đầu của ảnh */
  }
  to {
    transform: scale(1); /* Kích thước cuối cùng của ảnh (zoom out) */
  }
}
@keyframes trin {
  from {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  20%, 32%, 44%, 56%, 68% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  23%, 35%, 47%, 59%, 71% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  26%, 38%, 50%, 62%, 74% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  29%, 41%, 53%, 65%, 77% {
    transform: rotate3d(0, 0, 1, -15deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@-moz-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@-o-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@keyframes drawLine {
  from {
    stroke-dasharray: 300;
    stroke-dashoffset: 300;
  }
  to {
    stroke-dasharray: 300;
    stroke-dashoffset: 0;
  }
}
@keyframes zoomOut {
  from {
    transform: scale(1.3); /* Kích thước ban đầu của ảnh */
  }
  to {
    transform: scale(1); /* Kích thước cuối cùng của ảnh (zoom out) */
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes shakeX2 {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}
@-moz-keyframes shakeX2 {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}
@-o-keyframes shakeX2 {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}
@keyframes shakeX2 {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}
@keyframes colorChange {
  0% {
    fill: #fff;
  }
  50% {
    fill: #E1C38B;
  }
  100% {
    fill: #fff;
  }
}
@keyframes colorChange2 {
  0% {
    fill: #fff;
  }
  50% {
    fill: #77121D;
  }
  100% {
    fill: #fff;
  }
}
@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);
  }
}
@keyframes opacityKey {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes section1 {
  0% {
    stroke-dashoffset: 1500;
    fill: none;
    stroke: #FDCB9A;
    stroke-width: 1;
  }
  100% {
    stroke-dashoffset: 0;
    fill: #FDCB9A;
    stroke: #FDCB9A;
    stroke-width: 0;
  }
}
@keyframes coccoc-alo-circle-anim {
  0% {
    transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
  }
  50% {
    transform: translate(-50%, -50%) rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
  }
}
@keyframes coccoc-alo-circle-fill-anim {
  0% {
    transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
  }
  50% {
    transform: translate(-50%, -50%) rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
  }
}
@keyframes scrollDown {
  0% {
    top: 5px;
  }
  100% {
    top: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  @keyframes scrollDown {
    0% {
      top: 13px;
    }
    100% {
      top: 25px;
    }
  }
}
@keyframes blinkFade {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}
.cm-button {
  padding: 0 24px;
  width: max-content;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  text-align: center;
  font-family: "Lato Semibold.ttf";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: 0.16px;
  text-transform: uppercase;
  border-radius: 30px;
  background: var(--Blue, #143C5A);
}
@media only screen and (max-width: 1280px) {
  .cm-button {
    width: max-content;
    height: 40px;
    font-size: 15px;
    padding: 0 18px;
  }
}
@media only screen and (max-width: 576px) {
  .cm-button {
    font-size: 13px;
    padding: 0 15px;
  }
}
.cm-button img {
  width: 16px;
  margin-left: 16px;
}
@media only screen and (max-width: 1280px) {
  .cm-button img {
    width: 14px;
    margin-left: 14px;
  }
}
@media only screen and (max-width: 576px) {
  .cm-button img {
    margin-left: 10px;
    width: 12px;
  }
}

.pagination_list_def {
  margin-top: 44px;
}
@media only screen and (max-width: 1024px) {
  .pagination_list_def {
    margin-top: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .pagination_list_def {
    margin-top: 30px;
  }
}
.pagination_list_def .paginate_links {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination_list_def .paginate_links span {
  padding-right: 2px;
}
.pagination_list_def .paginate_links a, .pagination_list_def .paginate_links span {
  width: 50px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #143C5A;
  text-align: center;
  font-size: 20px;
  border-right: #143C5A 1px solid;
}
@media only screen and (max-width: 768px) {
  .pagination_list_def .paginate_links a, .pagination_list_def .paginate_links span {
    width: 40px;
    height: 15px;
    font-size: 16px;
  }
}
.pagination_list_def .paginate_links a.current, .pagination_list_def .paginate_links span.current {
  color: var(--Branding-color-Normal, #FAB43A);
}
.pagination_list_def .paginate_links a.next img, .pagination_list_def .paginate_links a.prev img, .pagination_list_def .paginate_links span.next img, .pagination_list_def .paginate_links span.prev img {
  filter: hue-rotate(215deg);
}
.pagination_list_def .paginate_links a.next, .pagination_list_def .paginate_links span.next {
  border-right: none;
}
.pagination_list_def .paginate_links a.prev img, .pagination_list_def .paginate_links span.prev img {
  transform: rotate(-180deg);
}

.cm-banner {
  aspect-ratio: 1440/550;
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 576px) {
  .cm-banner {
    aspect-ratio: 1440/850;
  }
}
.cm-banner h2, .cm-banner h1 {
  color: #FFF;
  font-family: "Lato Bold.ttf";
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 7.2727272727%;
  z-index: 1;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (max-width: 1280px) {
  .cm-banner h2, .cm-banner h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .cm-banner h2, .cm-banner h1 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .cm-banner h2, .cm-banner h1 {
    font-size: 26px;
    padding: 0 15px;
    max-width: 100%;
  }
}
.cm-banner img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  animation: zoomOut 2s ease-in-out;
}

.cm-title {
  color: var(--Blue, #143C5A);
  text-align: center;
  font-family: "Lato Bold.ttf";
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .cm-title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 768px) {
  .cm-title {
    font-size: 28px;
  }
}
@media only screen and (max-width: 576px) {
  .cm-title {
    font-size: 22px;
  }
}
.cm-title.center {
  text-align: center;
}

.cm-title-under {
  position: relative;
  color: var(--Blue, #143C5A);
  font-family: "Lato Bold.ttf";
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 58.5px */
  text-transform: uppercase;
  padding-bottom: 10px;
  margin-bottom: 60px;
}
.cm-title-under::before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  background-color: #143C5A;
  width: 321px;
  height: 1px;
}
@media only screen and (max-width: 1280px) {
  .cm-title-under {
    font-size: 32px;
  }
  .cm-title-under::before {
    width: 230px;
  }
}
@media only screen and (max-width: 1024px) {
  .cm-title-under {
    margin-bottom: 40px;
    font-size: 30px;
  }
  .cm-title-under::before {
    width: 210px;
  }
}
@media only screen and (max-width: 767px) {
  .cm-title-under {
    margin-bottom: 30px;
    font-size: 24px;
  }
  .cm-title-under::before {
    width: 170px;
  }
}

.cm-excerpt {
  display: block;
  margin: 48px auto 0;
  text-align: center;
  width: 792px;
  max-width: calc(100% - 60px);
}
@media only screen and (max-width: 767px) {
  .cm-excerpt {
    max-width: 100%;
    margin: 45px auto 0;
  }
}

.cm-logo {
  display: block;
  margin: 40px auto;
}
@media only screen and (max-width: 1024px) {
  .cm-logo {
    margin: 40px auto 30px;
  }
}
@media only screen and (max-width: 767px) {
  .cm-logo {
    margin: 30px auto 20px;
  }
}

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

.header-inner {
  display: flex;
  padding: 32px 2.7777777778%;
  justify-content: space-between;
  transition: all 0.5s ease;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999999;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .header-inner {
    padding: 10px 30px;
    min-height: 68px;
  }
}
@media only screen and (max-width: 576px) {
  .header-inner {
    padding: 10px 15px;
  }
}
.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: var(--Yellow, #FAB43A);
  padding: 10px 2.7777777778% 8px;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .header-inner.down {
    padding: 10px 30px;
    background: #143C5A;
  }
}
@media only screen and (max-width: 576px) {
  .header-inner.down {
    padding: 10px 15px;
  }
}
.header-inner.down .language li.current-lang a {
  color: var(--Yellow, #4D4D4D) !important;
}
@media only screen and (max-width: 1024px) {
  .header-inner.down .language li.current-lang a {
    color: var(--Yellow, #FAB43A) !important;
  }
}
.header-inner.down .right .menu-main > li.current-menu-item a, .header-inner.down .right .menu-main > li.current-menu-ancestor a, .header-inner.down .right .menu-main > li.current_page_item a {
  color: var(--Yellow, #4D4D4D) !important;
}
@media only screen and (max-width: 1024px) {
  .header-inner.down .right .menu-main > li.current-menu-item a, .header-inner.down .right .menu-main > li.current-menu-ancestor a, .header-inner.down .right .menu-main > li.current_page_item a {
    color: var(--Yellow, #FAB43A) !important;
  }
}
.header-inner.down .right .menu-main > li:hover a {
  color: var(--Yellow, #4D4D4D) !important;
}
.header-inner.down .logo img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}
.header-inner.down .humberger span {
  background: var(--Yellow, #4D4D4D);
}
@media only screen and (max-width: 1024px) {
  .header-inner.down .humberger span {
    background: var(--Yellow, #FAB43A);
  }
}
.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, #CAAA43);
  transition: all 700ms ease;
}
@media only screen and (max-width: 1024px) {
  .header-inner:after {
    background: #fff;
  }
}
.header-inner.activeMenu::after {
  width: 100%;
}
.header-inner.activeMenu .right {
  opacity: 1;
  transform: translateY(0);
}
.header-inner .logo {
  width: 183px;
  display: block;
}
@media only screen and (max-width: 1024px) {
  .header-inner .logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
  }
}
@media only screen and (max-width: 576px) {
  .header-inner .logo {
    width: 160px;
  }
}
.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: 1024px) {
  .header-inner > .humberger, .header-inner .mb {
    display: flex;
    z-index: 10;
  }
}
.header-inner .humberger {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.header-inner .humberger.hide-menu {
  opacity: 0;
  pointer-events: none;
}
.header-inner .humberger span {
  width: 30px;
  height: 3px;
  background: var(--Yellow, #FAB43A);
  display: block;
  transition: all 0.5s ease;
  margin-bottom: 0.48828125vw;
}
@media (max-width: 576px) {
  .header-inner .humberger span {
    width: 20px;
    height: 2px;
    margin-bottom: 5px;
  }
}
.header-inner .humberger span:nth-child(3) {
  margin-bottom: 0;
}
.header-inner .right {
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .header-inner .right {
    position: absolute;
    left: 0;
    right: 0;
    height: 100vh;
    top: 0;
    opacity: 0;
    background: #143C5A;
    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 15px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .header-inner .right .lang, .header-inner .right .cloud, .header-inner .right .button_def {
    display: none;
  }
}
.header-inner .right .lang {
  cursor: pointer;
}
.header-inner .right .lang .language {
  margin: 0;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .header-inner .right .lang .language {
    display: none;
  }
}
.header-inner .right .lang .language li {
  margin: 0;
  padding: 0 5px;
}
.header-inner .right .lang .language li.current-lang a {
  color: var(--Yellow, #FAB43A);
}
.header-inner .right .lang .language li:first-child {
  padding-left: 0;
  position: relative;
}
.header-inner .right .lang .language li:first-child:after {
  content: "";
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  right: -1px;
  width: 1px;
  height: 60%;
  background: #fff;
}
.header-inner .right .lang .language li:last-child {
  padding-right: 0;
}
.header-inner .right .lang .language li a {
  display: block;
  color: #fff;
  text-transform: uppercase;
  transition: all 0.5s ease;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: "Lato Medium.ttf";
  letter-spacing: 0.26px;
}
.header-inner .right .menu-main {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .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: 40px;
  line-height: normal;
}
@media only screen and (max-width: 1280px) {
  .header-inner .right .menu-main > li {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .header-inner .right .menu-main > li {
    margin-right: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #fff;
    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.current-menu-item a, .header-inner .right .menu-main > li.current-menu-ancestor a, .header-inner .right .menu-main > li.current_page_item a {
  color: #FAB43A;
}
.header-inner .right .menu-main > li a {
  text-transform: uppercase;
  transition: all 0.5s ease;
  color: var(--White, #FFF);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.26px;
  font-family: "Lato Medium.ttf";
}
.header-inner > .language {
  display: none;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
}
@media only screen and (max-width: 1024px) {
  .header-inner > .language {
    display: flex;
  }
}
.header-inner > .language li {
  margin: 0;
  padding: 0 5px;
}
.header-inner > .language li.current-lang a {
  color: var(--Yellow, #FAB43A);
}
.header-inner > .language li:first-child {
  padding-left: 0;
  position: relative;
}
.header-inner > .language li:first-child:after {
  content: "";
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  right: -1px;
  width: 1px;
  height: 60%;
  background: #fff;
}
.header-inner > .language li:last-child {
  padding-right: 0;
}
.header-inner > .language li a {
  display: block;
  color: #fff;
  text-transform: uppercase;
  transition: all 0.5s ease;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: "Lato Medium.ttf";
  letter-spacing: 0.26px;
}

.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: 1024px) {
  .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, .main-menu-main .menu-main > li > .current_page_item:after {
  filter: grayscale(0);
}
.main-menu-main .menu-main > li > .current-menu-item a, .main-menu-main .menu-main > li > .current-menu-ancestor a, .main-menu-main .menu-main > li > .current_page_item a {
  color: #FAB43A;
}
.main-menu-main .menu-main > li:hover:before {
  width: 100%;
}
.main-menu-main .menu-main > li:hover > a {
  color: #FAB43A;
}
.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: 1024px) {
  .main-menu-main .menu-main > li.menu-item-has-children div {
    right: 0;
  }
}
@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: #143C5A;
    -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;
    background: transparent;
  }
}
.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 a {
    color: #fff;
  }
}
@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;
}

.back1 {
  position: absolute;
  top: 20px;
  left: 30px;
  z-index: 100;
  display: none;
  transition: all 0.3s ease;
  width: 32px;
}
@media only screen and (max-width: 600px) {
  .back1 {
    left: 15px;
  }
}
.back1 img {
  width: 100%;
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}

.footer-main .main {
  padding: 60px 8.3333333333%;
  background: var(--Yellow, #FAB43A);
}
@media only screen and (max-width: 1280px) {
  .footer-main .main {
    padding: 60px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .footer-main .main {
    padding: 50px 15px;
  }
}
.footer-main .main .logo {
  width: 228px;
  display: block;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1280px) {
  .footer-main .main .logo {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .footer-main .main .logo {
    margin: 0 auto 30px;
  }
}
.footer-main .main .logo img {
  width: 100%;
}
.footer-main .main .top {
  display: flex;
  flex-wrap: wrap;
}
.footer-main .main .top .label {
  color: #FFF;
  font-family: "Lato Bold.ttf";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 20px !important;
}
@media only screen and (max-width: 1280px) {
  .footer-main .main .top .label {
    font-size: 16px;
    margin-bottom: 15px !important;
  }
}
.footer-main .main .top .left {
  width: 43.3333333333%;
  padding-right: 30px;
}
@media only screen and (max-width: 1280px) {
  .footer-main .main .top .left {
    width: 39.1666666667%;
  }
}
@media only screen and (max-width: 768px) {
  .footer-main .main .top .left {
    width: 100%;
    padding-right: 0;
    margin-bottom: 30px;
  }
}
.footer-main .main .top .left p {
  color: #FFF;
  margin-bottom: 6px;
}
.footer-main .main .top .left p:last-child {
  margin-bottom: 0;
}
.footer-main .main .top .mid {
  width: 26.6666666667%;
}
@media only screen and (max-width: 768px) {
  .footer-main .main .top .mid {
    width: 100%;
    margin-bottom: 30px;
  }
}
.footer-main .main .top .mid .button {
  width: 214px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  text-align: center;
  font-family: "Lato Semibold.ttf";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: 0.16px;
  text-transform: uppercase;
  background: var(--Blue, #143C5A);
  margin-bottom: 50px;
}
@media only screen and (max-width: 1280px) {
  .footer-main .main .top .mid .button {
    margin-bottom: 30px;
    width: 200px;
    height: 45px;
  }
}
@media only screen and (max-width: 576px) {
  .footer-main .main .top .mid .button {
    font-size: 14px;
    height: 40px;
    width: 180px;
  }
}
.footer-main .main .top .mid .button img {
  width: 18px;
  margin-left: 20px;
}
.footer-main .main .top .mid .list {
  display: flex;
}
.footer-main .main .top .mid .list a {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  transition: all 0.3s ease;
}
.footer-main .main .top .mid .list a:last-child {
  margin-right: 0;
}
.footer-main .main .top .mid .list a:hover {
  background: #143C5A;
}
.footer-main .main .top .right {
  width: 30%;
}
@media only screen and (max-width: 1280px) {
  .footer-main .main .top .right {
    width: 34.1666666667%;
  }
}
@media only screen and (max-width: 768px) {
  .footer-main .main .top .right {
    width: 100%;
  }
}
.footer-main .main .top .right form {
  width: 100%;
  display: flex;
  align-items: center;
  height: 50px;
  position: relative;
}
@media only screen and (max-width: 576px) {
  .footer-main .main .top .right form {
    height: 40px;
  }
}
.footer-main .main .top .right form ._error_msg, .footer-main .main .top .right form .frm-mes {
  position: absolute;
  top: 100%;
  left: 0;
  font-style: italic;
  color: #fff;
  font-size: 14px;
}
.footer-main .main .top .right form .form-field-all {
  width: calc(100% - 86px);
  height: 100%;
}
.footer-main .main .top .right form .form-field-all ._form_group {
  width: 100%;
  height: 100%;
  position: relative;
}
.footer-main .main .top .right form .form-field-all ._form_group ._error_msg {
  position: absolute;
  top: 100%;
  left: 0;
  font-style: italic;
}
.footer-main .main .top .right form .form-field-all input {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  padding-left: 24px;
  color: var(--Blue, #143C5A);
  font-family: "Lato Regular.ttf";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
  letter-spacing: 0.15px;
  outline: none;
  border: 0;
}
@media only screen and (max-width: 576px) {
  .footer-main .main .top .right form .form-field-all input {
    padding-left: 15px;
  }
}
.footer-main .main .top .right form .form-field-all input::placeholder {
  color: var(--Blue, #143C5A);
  font-family: "Lato Regular.ttf";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
  letter-spacing: 0.15px;
}
.footer-main .main .top .right form button {
  width: 86px;
  outline: none;
  border: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: var(--Blue, #143C5A);
}
.footer-main > p {
  color: #FFF;
  font-size: 13px;
  font-style: italic;
  letter-spacing: 0.52px;
  text-align: center;
  padding: 14px 0;
  background: var(--Blue, #143C5A);
}

.cm_scroll_down {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  width: 25px;
  height: 38px;
  border-radius: 50px;
  border: 1.5px solid #FFF;
  background: var(--Yellow, #FAB43A);
  z-index: 3;
  cursor: pointer;
}
.cm_scroll_down::before, .cm_scroll_down::after {
  position: absolute;
  content: "";
}
.cm_scroll_down::before {
  top: 0px;
  left: 0px;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1.5px solid #fff;
  border-radius: 60px;
}
.cm_scroll_down::after {
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 15px;
  border-radius: 2px;
  background-color: #fff;
  transition: all 0.3s ease;
  animation: scrollDown 2s ease-in-out infinite;
}
@media only screen and (max-width: 1024px) {
  .cm_scroll_down::after {
    height: 14px;
    animation: scrollDown 1.5s ease-in-out infinite;
  }
}

.cm_scroll_down_img {
  cursor: pointer;
}

.h_ss1 {
  position: relative;
}
.h_ss1 .swiper-slide {
  width: 100%;
  height: 100vh;
  position: relative;
  /* Khi play */
}
@media only screen and (max-width: 768px) {
  .h_ss1 .swiper-slide {
    height: 80vh;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 .swiper-slide {
    height: 70vh;
  }
}
.h_ss1 .swiper-slide .abs {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
  max-width: 100%;
}
.h_ss1 .swiper-slide .abs .logo {
  max-width: 479px;
  margin: 0 auto;
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .swiper-slide .abs .logo {
    max-width: 350px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss1 .swiper-slide .abs .logo {
    max-width: 250px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 .swiper-slide .abs .logo {
    max-width: 180px;
  }
}
.h_ss1 .swiper-slide .abs .logo img {
  margin: 0 auto;
  display: block;
}
.h_ss1 .swiper-slide .abs h2 {
  margin: 40px 0;
  color: #FFF;
  font-family: "Lato Bold.ttf";
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .swiper-slide .abs h2 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss1 .swiper-slide .abs h2 {
    font-size: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 .swiper-slide .abs h2 {
    font-size: 18px;
    text-align: center;
    padding: 0 15px;
    margin: 20px 0 30px;
    line-height: 120%;
  }
}
.h_ss1 .swiper-slide .abs .play {
  width: 72px;
  margin: 0 auto;
  cursor: pointer;
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .swiper-slide .abs .play {
    width: 50px;
  }
}
.h_ss1 .swiper-slide .abs .play img {
  width: 100%;
}
.h_ss1 .swiper-slide > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.h_ss1 .swiper-slide .slide-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.h_ss1 .swiper-slide.playing img, .h_ss1 .swiper-slide.playing .abs {
  opacity: 0;
}
.h_ss1 .swiper-slide.playing .slide-video {
  z-index: 2;
}
.h_ss1 .swiper-pagination {
  bottom: 50px !important;
}
@media only screen and (max-width: 768px) {
  .h_ss1 .swiper-pagination {
    bottom: 30px !important;
  }
}
.h_ss1 .swiper-pagination .swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
  background: var(--White, #FFF) !important;
  margin: 0 8px !important;
  opacity: 1 !important;
}
.h_ss1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--Yellow, #FAB43A) !important;
}

.h_ss2 {
  position: relative;
}
.h_ss2 .abs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding: 96px 22.5%;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .abs {
    padding: 96px 8.3333333333%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .abs {
    padding: 60px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .abs {
    position: relative;
    padding: 50px 15px 20px;
    top: unset;
    left: unset;
    right: unset;
  }
}
.h_ss2 .abs img {
  margin: 0 auto;
  display: block;
}
.h_ss2 .abs .cm-title {
  padding: 24px 0;
}
.h_ss2 .abs p {
  text-align: center;
}
.h_ss2 > img {
  width: 100%;
  display: block;
}

.h_ss3 {
  padding: 96px 8.3333333333%;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 {
    padding: 96px 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 {
    padding: 60px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 {
    padding: 50px 15px;
  }
}
.h_ss3 > img {
  margin: 0 auto;
  display: block;
}
.h_ss3 > .cm-title {
  padding: 24px 0 36px;
}
@media only screen and (max-width: 576px) {
  .h_ss3 > .cm-title {
    padding: 24px 0;
  }
}
.h_ss3 .list {
  display: flex;
  flex-direction: column;
  margin-bottom: 35px;
  padding: 0 10.1666666667%;
}
@media only screen and (max-width: 768px) {
  .h_ss3 .list {
    padding: 0;
  }
}
.h_ss3 .list .item {
  display: flex;
  align-items: center;
  padding: 4px 0;
  width: 100%;
  border-bottom: 1px solid var(--Blue, #143C5A);
  border-top: 1px solid var(--Blue, #143C5A);
  margin-bottom: 14px;
}
@media only screen and (max-width: 576px) {
  .h_ss3 .list .item {
    flex-direction: column;
    margin-bottom: 20px;
  }
}
.h_ss3 .list .item:last-child {
  margin-bottom: 0;
}
.h_ss3 .list .item p:nth-child(1) {
  width: 170px;
  margin-right: 20px;
  background: var(--Blue, #143C5A);
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-family: "Lato Bold.ttf";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: 0.16px;
  text-transform: uppercase;
}
@media only screen and (max-width: 576px) {
  .h_ss3 .list .item p:nth-child(1) {
    width: 70%;
    font-size: 15px;
    margin: 0 auto 4px;
    height: 40px;
    padding-top: 5px;
  }
}
.h_ss3 .list .item p:nth-child(2) {
  width: calc(100% - 190px);
}
@media only screen and (max-width: 576px) {
  .h_ss3 .list .item p:nth-child(2) {
    width: 100%;
  }
}
.h_ss3 > .img {
  width: 100%;
  position: relative;
  padding-top: 89px;
  z-index: 0;
  margin-bottom: 96px;
}
@media only screen and (max-width: 768px) {
  .h_ss3 > .img {
    padding-top: 50px;
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 768px) and (max-width: 576px) {
  .h_ss3 > .img {
    padding-top: 30px;
    margin-bottom: 50px;
  }
}
.h_ss3 > .img h2 {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--White, #FFF);
  font-family: "Lato Bold.ttf";
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 > .img h2 {
    font-size: 35px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 > .img h2 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 > .img h2 {
    font-size: 20px;
  }
}
.h_ss3 > .img .see-more {
  display: flex;
  align-items: center;
  color: #FFF;
  text-align: center;
  font-family: "Lato Semibold.ttf";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: 0.16px;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 16px;
}
@media only screen and (max-width: 768px) {
  .h_ss3 > .img .see-more {
    font-size: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 > .img .see-more {
    bottom: 10px;
    font-size: 14px;
  }
}
.h_ss3 > .img .see-more img {
  margin-left: 16px;
  width: 16px;
}
@media only screen and (max-width: 768px) {
  .h_ss3 > .img .see-more img {
    margin-left: 14px;
    width: 14px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 > .img .see-more img {
    margin-left: 10px;
    width: 12px;
  }
}
.h_ss3 > .img .decor_ss3 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.h_ss3 > .img .img1 {
  width: 100%;
  display: block;
}
.h_ss3 .bottom > img {
  margin: 0 auto;
  display: block;
}
.h_ss3 .bottom > .cm-title {
  padding: 24px 0 36px;
}
@media only screen and (max-width: 576px) {
  .h_ss3 .bottom > .cm-title {
    padding: 24px 0;
  }
}
.h_ss3 .bottom .swiper {
  margin-bottom: 40px;
}
@media only screen and (max-width: 576px) {
  .h_ss3 .bottom .swiper {
    margin-bottom: 25px;
  }
}
.h_ss3 .bottom .swiper .swiper-slide {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1025px) {
  .h_ss3 .bottom .swiper .swiper-slide:hover .img img {
    transform: scale(1.1);
  }
}
.h_ss3 .bottom .swiper .swiper-slide .img {
  aspect-ratio: 384/320;
  overflow: hidden;
}
.h_ss3 .bottom .swiper .swiper-slide .img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: all 0.5s ease;
}
.h_ss3 .bottom .swiper .swiper-slide .desc {
  padding: 24px 0;
  width: 100%;
  background: var(--Gray, #F2F2F2);
}
.h_ss3 .bottom .swiper .swiper-slide .desc .date {
  font-size: 14px;
  margin-bottom: 12px;
  padding: 0 24px;
  color: var(--Text, #4D4D4D);
}
.h_ss3 .bottom .swiper .swiper-slide .desc h3 {
  color: var(--Blue, #143C5A);
  font-family: "Lato Semibold.ttf";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 25.2px */
  letter-spacing: 0.72px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  padding: 0 24px;
}
.h_ss3 .bottom .swiper .swiper-slide .desc span {
  display: block;
  margin: 16px auto 16px;
  opacity: 0.8;
  background: #4D4D4D;
  width: 100%;
  height: 1px;
  width: calc(100% - 48px);
}
.h_ss3 .bottom .swiper .swiper-slide .desc .exp {
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  padding: 0 24px;
}
.h_ss3 .bottom .cm-button {
  margin: 0 auto;
}

.h_ss4 {
  padding: 0 5.5555555556% 96px;
}
@media only screen and (max-width: 768px) {
  .h_ss4 {
    padding: 0 20px 40px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 {
    padding: 0 10px 40px;
  }
}
.h_ss4 > img {
  margin: 0 auto;
  display: block;
}
.h_ss4 > .cm-title {
  padding: 24px 0 36px;
}
@media only screen and (max-width: 768px) {
  .h_ss4 > .cm-title {
    padding: 24px 0px;
  }
}
.h_ss4 .bottom {
  padding: 0 37px;
  position: relative;
}
.h_ss4 .bottom .swiper-button-prev, .h_ss4 .bottom .swiper-button-next {
  margin: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: max-content !important;
  height: max-content !important;
  display: flex !important;
}
.h_ss4 .bottom .swiper-button-prev:after, .h_ss4 .bottom .swiper-button-next:after {
  display: none;
}
.h_ss4 .bottom .swiper-slide {
  height: 128px;
}
.h_ss4 .bottom .swiper-slide .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.h_ss4 .bottom .swiper-slide .logo img {
  max-height: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .bottom .swiper-slide .logo img {
    max-width: 80%;
  }
}

.page-commit .wrap {
  padding: 0 8.3333333333% 96px;
}
@media only screen and (max-width: 1024px) {
  .page-commit .wrap {
    padding: 0 30px 70px;
  }
}
@media only screen and (max-width: 767px) {
  .page-commit .wrap {
    padding: 0 15px 45px;
  }
}
.page-commit .wrap .content {
  margin-top: 40px;
}
.page-commit .wrap .content .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .page-commit .wrap .content .item {
    margin-bottom: 35px;
    flex-direction: column;
  }
}
.page-commit .wrap .content .item .thumbnail {
  width: 60%;
  line-height: 0;
}
@media only screen and (max-width: 767px) {
  .page-commit .wrap .content .item .thumbnail {
    width: 100%;
    order: 2;
    margin-top: 18px;
  }
}
.page-commit .wrap .content .item .thumbnail img {
  width: 100%;
  aspect-ratio: 720/386;
  object-fit: cover;
}
.page-commit .wrap .content .item .text {
  width: 36%;
}
@media only screen and (max-width: 767px) {
  .page-commit .wrap .content .item .text {
    width: 100%;
    order: 1;
  }
}
.page-commit .wrap .content .item .text .title {
  color: var(--Blue, #143C5A);
  font-family: "Lato Semibold.ttf";
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  padding-bottom: 24px;
  padding-right: 11.1111111111%;
  border-bottom: 1px solid rgba(77, 77, 77, 0.6);
  margin-bottom: 48px;
}
@media only screen and (max-width: 1024px) {
  .page-commit .wrap .content .item .text .title {
    font-size: 26px;
    padding-bottom: 18px;
    padding-right: 0;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .page-commit .wrap .content .item .text .title {
    font-size: 22px;
    padding-bottom: 12px;
    padding-right: 0;
    margin-bottom: 18px;
  }
}
.page-commit .wrap .content .item:last-child {
  margin-bottom: 0;
}
.page-commit .wrap .content .item:nth-of-type(2n) .thumbnail {
  order: 2;
}
.page-commit .wrap .content .item:nth-of-type(2n) .text {
  order: 1;
}

.vitri_page .h_ss1 .abs .top_abs {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 576px) {
  .vitri_page .h_ss1 .abs .top_abs {
    justify-content: center;
  }
}
.vitri_page .h_ss1 .abs .top_abs p {
  text-transform: uppercase;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.vitri_page .h_ss1 .abs .top_abs p:nth-child(1) {
  color: #fff;
  font-size: 40px;
  margin-right: 23.7px;
}
@media only screen and (max-width: 1280px) {
  .vitri_page .h_ss1 .abs .top_abs p:nth-child(1) {
    font-size: 30.52px;
  }
}
@media only screen and (max-width: 768px) {
  .vitri_page .h_ss1 .abs .top_abs p:nth-child(1) {
    font-size: 25.52px;
  }
}
@media only screen and (max-width: 576px) {
  .vitri_page .h_ss1 .abs .top_abs p:nth-child(1) {
    font-size: 20.52px;
    margin-right: 12.7px;
  }
}
.vitri_page .h_ss1 .abs .top_abs p:nth-child(2) {
  color: #77121D;
  font-size: 90px;
}
@media only screen and (max-width: 1280px) {
  .vitri_page .h_ss1 .abs .top_abs p:nth-child(2) {
    font-size: 65.21px;
  }
}
@media only screen and (max-width: 768px) {
  .vitri_page .h_ss1 .abs .top_abs p:nth-child(2) {
    font-size: 50.21px;
  }
}
@media only screen and (max-width: 576px) {
  .vitri_page .h_ss1 .abs .top_abs p:nth-child(2) {
    font-size: 40px;
  }
}
.vitri_page .h_ss1 .abs .bot_abs {
  display: flex;
  align-items: center;
  margin-top: -65px;
}
@media only screen and (max-width: 1280px) {
  .vitri_page .h_ss1 .abs .bot_abs {
    margin-top: -43px;
  }
}
@media only screen and (max-width: 768px) {
  .vitri_page .h_ss1 .abs .bot_abs {
    margin-top: -34px;
  }
}
@media only screen and (max-width: 576px) {
  .vitri_page .h_ss1 .abs .bot_abs {
    margin-top: -25px;
  }
}
.vitri_page .h_ss1 .abs .bot_abs p {
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #fff;
}
.vitri_page .h_ss1 .abs .bot_abs p:nth-child(1) {
  font-family: "1FTV-VIP-Pictures-Signature.otf";
  font-size: 90px;
  margin-right: 17.93px;
}
@media only screen and (max-width: 1280px) {
  .vitri_page .h_ss1 .abs .bot_abs p:nth-child(1) {
    font-size: 50.5px;
  }
}
@media only screen and (max-width: 768px) {
  .vitri_page .h_ss1 .abs .bot_abs p:nth-child(1) {
    font-size: 40.5px;
  }
}
@media only screen and (max-width: 576px) {
  .vitri_page .h_ss1 .abs .bot_abs p:nth-child(1) {
    font-size: 35.5px;
  }
}
.vitri_page .h_ss1 .abs .bot_abs p:nth-child(2) {
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 40px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .vitri_page .h_ss1 .abs .bot_abs p:nth-child(2) {
    font-size: 30.52px;
  }
}
@media only screen and (max-width: 768px) {
  .vitri_page .h_ss1 .abs .bot_abs p:nth-child(2) {
    font-size: 25.52px;
  }
}
@media only screen and (max-width: 576px) {
  .vitri_page .h_ss1 .abs .bot_abs p:nth-child(2) {
    font-size: 20.52px;
  }
}
.vitri_page .ss2 {
  display: block;
  width: 1042px;
  max-width: 100%;
  margin: 0 auto;
  padding: 90px 30px 100px;
  position: relative;
  background: #fff;
}
@media only screen and (max-width: 768px) {
  .vitri_page .ss2 {
    padding: 60px 30px 80px;
  }
}
@media only screen and (max-width: 767px) {
  .vitri_page .ss2 {
    padding: 40px 15px 50px;
  }
}
.vitri_page .ss2 .cm-title {
  margin-bottom: 25px;
}
@media only screen and (max-width: 1024px) {
  .vitri_page .ss2 .cm-title {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .vitri_page .ss2 .cm-title {
    margin-bottom: 15px;
  }
}
.vitri_page .ss2 p {
  color: #000;
  text-align: center;
  line-height: 170%;
}
.vitri_page .ss3 {
  background: #77121D;
  display: flex;
}
@media only screen and (max-width: 1280px) {
  .vitri_page .ss3 {
    flex-direction: column;
  }
}
.vitri_page .ss3 .left {
  width: 42.0138888889%;
  padding: 37px 0 30px;
}
@media only screen and (max-width: 1280px) {
  .vitri_page .ss3 .left {
    width: 100%;
  }
}
.vitri_page .ss3 .left .cm-title {
  margin-bottom: 17px;
  background: linear-gradient(270deg, #F8E3C5 10.29%, #DEBA89 35.29%, #BA9360 60.29%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.vitri_page .ss3 .left .title {
  position: relative;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
  margin-bottom: 31px;
  color: #FFF;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 35px;
}
@media only screen and (max-width: 768px) {
  .vitri_page .ss3 .left .title {
    font-size: 18px;
  }
}
.vitri_page .ss3 .left .title.title2 {
  margin-top: 0;
  margin-bottom: 9px;
}
.vitri_page .ss3 .left .title:after {
  content: "";
  position: absolute;
  width: 40%;
  height: 1px;
  background: #EDFCFB;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss3 .left .title:after {
    width: 30%;
  }
}
.vitri_page .ss3 .left .title:before {
  content: "";
  position: absolute;
  width: 40%;
  height: 1px;
  background: #EDFCFB;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss3 .left .title:before {
    width: 30%;
  }
}
.vitri_page .ss3 .left .title.title3:after {
  left: -40px;
}
.vitri_page .ss3 .left .title.title3:before {
  right: -40px;
}
.vitri_page .ss3 .left ul li {
  margin-bottom: 11.32px;
  padding-left: 49.42px;
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss3 .left ul li {
    padding-left: 15px;
  }
}
.vitri_page .ss3 .left ul li:nth-of-type(2n+1) {
  background: linear-gradient(90deg, #77121D 0%, rgba(119, 18, 29, 0.97) 2%, rgba(119, 18, 29, 0.55) 34%, rgba(119, 18, 29, 0.25) 62%, rgba(119, 18, 29, 0.07) 85%, rgba(119, 18, 29, 0) 100%);
  background-blend-mode: screen;
  mix-blend-mode: screen;
  color: #F5DFB1;
  font-family: "SVN-Poppins Medium.otf";
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  min-height: 27.76px;
  display: flex;
  align-items: center;
  max-width: 50%;
  padding-top: 3px;
}
.vitri_page .ss3 .left ul li:nth-of-type(2n+2) {
  color: #FFF;
  font-family: "SVN-Poppins Light.otf";
  font-weight: 300;
  line-height: 140%;
}
.vitri_page .ss3 .left .list {
  display: flex;
  justify-content: center;
}
.vitri_page .ss3 .left .list .item {
  display: flex;
  flex-direction: column;
  margin-right: 32.26px;
  align-items: center;
  text-align: center;
  min-width: 115px;
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss3 .left .list .item {
    margin-right: 10px;
    min-width: 101px;
  }
}
.vitri_page .ss3 .left .list .item:last-child {
  margin-right: 0;
}
.vitri_page .ss3 .left .list .item .num {
  width: 40px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: #EDFCFB 1px solid;
  border-radius: 18px;
  margin-bottom: 10px;
  color: #FFF;
  font-family: "SVN-Poppins Medium.otf";
  font-weight: 500;
}
.vitri_page .ss3 .left .list .item p {
  color: #FFF;
  font-family: "SVN-Poppins Light.otf";
  font-weight: 300;
  line-height: 140%;
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss3 .left .list .item p {
    font-size: 14px;
  }
}
.vitri_page .ss3 .right {
  width: 57.9861111111%;
  border-left: #EDFCFB 1px solid;
  aspect-ratio: 835/823;
}
@media only screen and (max-width: 1280px) {
  .vitri_page .ss3 .right {
    width: 100%;
    border-left: none;
    margin-top: 30px;
  }
}
.vitri_page .ss3 .right svg, .vitri_page .ss3 .right .svg {
  width: 100%;
  height: auto;
  display: block;
}
.vitri_page .ss3 .right .swiper {
  height: 100%;
}
.vitri_page .ss3 .right .swiper .swiper-button-prev,
.vitri_page .ss3 .right .swiper .swiper-button-next {
  margin: 0 !important;
  width: 34.26px !important;
  height: 34.26px !important;
  border-radius: 50%;
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss3 .right .swiper .swiper-button-prev,
  .vitri_page .ss3 .right .swiper .swiper-button-next {
    width: 25px !important;
    height: 25px !important;
  }
}
.vitri_page .ss3 .right .swiper .swiper-button-prev:after,
.vitri_page .ss3 .right .swiper .swiper-button-next:after {
  display: none;
}
.vitri_page .ss3 .right .swiper .swiper-button-prev svg,
.vitri_page .ss3 .right .swiper .swiper-button-next svg {
  animation: blinkFade 2s ease-in-out infinite;
}
.vitri_page .ss3 .right .swiper .swiper-button-prev svg:hover path,
.vitri_page .ss3 .right .swiper .swiper-button-next svg:hover path {
  stroke: #E1C38B;
}
.vitri_page .ss3 .right .swiper .swiper-button-prev {
  left: 27.35px !important;
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss3 .right .swiper .swiper-button-prev {
    left: 5px !important;
  }
}
.vitri_page .ss3 .right .swiper .swiper-button-prev svg {
  transform: rotate(180deg);
}
.vitri_page .ss3 .right .swiper .swiper-button-next {
  right: 27.35px !important;
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss3 .right .swiper .swiper-button-next {
    right: 5px !important;
  }
}
.vitri_page .ss3 .right .swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.vitri_page .ss3 .right .swiper .swiper-slide .btn_zoom {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  z-index: 3;
}
.vitri_page .ss3 .right .swiper .swiper-slide .btn_zoom .zoom {
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: #F5DFB1;
  position: relative;
}
@media (max-width: 767px) {
  .vitri_page .ss3 .right .swiper .swiper-slide .btn_zoom .zoom {
    width: 25px;
    height: 25px;
  }
}
.vitri_page .ss3 .right .swiper .swiper-slide .btn_zoom .zoom:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 50%;
  background: #cf2e2e;
}
.vitri_page .ss3 .right .swiper .swiper-slide .btn_zoom .zoom:nth-child(1) {
  margin-right: 2px;
}
.vitri_page .ss3 .right .swiper .swiper-slide .btn_zoom .zoom::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 2px;
  background: #cf2e2e;
}
.vitri_page .ss3 .right .swiper .swiper-slide .btn_zoom .zoom img {
  display: block;
}
.vitri_page .ss3 .right .swiper .nhay {
  animation: bounce 1s infinite ease-in-out;
}
.vitri_page .ss3 .right .swiper .color {
  animation: colorChange 1s infinite alternate ease-in-out;
}
.vitri_page .ss3 .right .swiper .color2 {
  animation: colorChange2 1s infinite alternate ease-in-out;
}
.vitri_page .ss3 .right .swiper .line {
  animation: draw22 25s linear infinite;
}
.vitri_page .ss4 {
  background: #FFF;
  padding: 104px 0 56px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .vitri_page .ss4 {
    padding: 70px 0px 45px;
  }
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss4 {
    padding: 50px 10px 25px;
  }
}
.vitri_page .ss4 .decor {
  position: absolute;
  left: 0%;
  top: -195px;
  width: 100%;
  display: block;
}
@media only screen and (max-width: 1600px) {
  .vitri_page .ss4 .decor {
    top: -150px;
  }
}
@media only screen and (max-width: 1024px) {
  .vitri_page .ss4 .decor {
    top: -85px;
  }
}
@media only screen and (max-width: 768px) {
  .vitri_page .ss4 .decor {
    top: -55px;
  }
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss4 .decor {
    top: -25px;
  }
}
.vitri_page .ss4 .la {
  margin: 0 auto 30px;
  display: block;
  width: 34px;
}
@media only screen and (max-width: 1024px) {
  .vitri_page .ss4 .la {
    margin: 0 auto 20px;
    width: 26px;
  }
}
.vitri_page .ss4 .title {
  margin-bottom: 32.5px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .vitri_page .ss4 .title {
    margin-bottom: 20px;
  }
}
.vitri_page .ss4 .title .up {
  color: #E1C38B;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 46px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  padding-left: 18px;
}
@media only screen and (max-width: 1280px) {
  .vitri_page .ss4 .title .up {
    font-size: 35px;
  }
}
@media only screen and (max-width: 768px) {
  .vitri_page .ss4 .title .up {
    font-size: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss4 .title .up {
    font-size: 20px;
  }
}
.vitri_page .ss4 .title .mid {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -10px 0 -32px;
}
@media only screen and (max-width: 1280px) {
  .vitri_page .ss4 .title .mid {
    margin: -5px 0 -25px;
  }
}
@media only screen and (max-width: 768px) {
  .vitri_page .ss4 .title .mid {
    margin: -2px 0 -17px;
  }
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss4 .title .mid {
    margin: 0px 0 -10px;
  }
}
.vitri_page .ss4 .title .mid .left {
  color: #E1C38B;
  font-size: 35px;
  line-height: 1.2;
  font-style: italic;
  text-align: right;
  margin-right: 17px;
  padding-bottom: 15px;
}
@media only screen and (max-width: 1280px) {
  .vitri_page .ss4 .title .mid .left {
    font-size: 25.8px;
  }
}
@media only screen and (max-width: 768px) {
  .vitri_page .ss4 .title .mid .left {
    margin-right: 10px;
    padding-bottom: 8px;
    font-size: 20.8px;
  }
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss4 .title .mid .left {
    font-size: 15.8px;
  }
}
.vitri_page .ss4 .title .mid .right {
  color: #77121D;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 90px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media only screen and (max-width: 1280px) {
  .vitri_page .ss4 .title .mid .right {
    font-size: 65.18px;
  }
}
@media only screen and (max-width: 768px) {
  .vitri_page .ss4 .title .mid .right {
    font-size: 50.18px;
  }
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss4 .title .mid .right {
    font-size: 40px;
  }
}
.vitri_page .ss4 .swiper-button-prev,
.vitri_page .ss4 .swiper-button-next {
  width: 34.26px !important;
  height: 34.26px !important;
  border-radius: 50%;
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss4 .swiper-button-prev,
  .vitri_page .ss4 .swiper-button-next {
    width: 25px !important;
    height: 25px !important;
  }
}
.vitri_page .ss4 .swiper-button-prev:after,
.vitri_page .ss4 .swiper-button-next:after {
  display: none;
}
.vitri_page .ss4 .swiper-button-prev svg,
.vitri_page .ss4 .swiper-button-next svg {
  animation: blinkFade 2s ease-in-out infinite;
}
.vitri_page .ss4 .swiper-button-prev svg:hover path,
.vitri_page .ss4 .swiper-button-next svg:hover path {
  stroke: #E1C38B;
}
.vitri_page .ss4 .swiper-button-prev {
  left: 10px !important;
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss4 .swiper-button-prev {
    left: 5px !important;
  }
}
.vitri_page .ss4 .swiper-button-prev svg {
  transform: rotate(180deg);
}
.vitri_page .ss4 .swiper-button-next {
  right: 10px !important;
}
@media only screen and (max-width: 576px) {
  .vitri_page .ss4 .swiper-button-next {
    right: 5px !important;
  }
}
.vitri_page .ss4 .swiper1 {
  margin-bottom: 80px;
}
@media only screen and (max-width: 1024px) {
  .vitri_page .ss4 .swiper1 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .vitri_page .ss4 .swiper1 {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 769px) {
  .vitri_page .ss4 .swiper1 .swiper-button-next,
  .vitri_page .ss4 .swiper1 .swiper-button-prev {
    display: none;
  }
}
.vitri_page .ss4 .swiper1 .swiper-slide .img {
  aspect-ratio: 460/540;
  overflow: hidden;
}
.vitri_page .ss4 .swiper1 .swiper-slide .img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .vitri_page .ss4 .swiper1 .swiper-slide .img {
    font-size: 22px;
    aspect-ratio: 375/430;
  }
}
.vitri_page .ss4 .swiper1 .swiper-slide p {
  text-align: center;
  color: var(--WEB-2, #77121D);
  font-family: "1FTV-VIP-Arroem.otf";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 16.25px 10px 0;
}
@media only screen and (max-width: 1024px) {
  .vitri_page .ss4 .swiper1 .swiper-slide p {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .vitri_page .ss4 .swiper1 .swiper-slide p {
    font-size: 22px;
    padding: 12px 10px 0;
  }
}
.vitri_page .ss4 .content {
  padding: 0 8.3333333333%;
}
@media only screen and (min-width: 769px) {
  .vitri_page .ss4 .content .swiper-button-next,
  .vitri_page .ss4 .content .swiper-button-prev {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .vitri_page .ss4 .content {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .vitri_page .ss4 .content {
    padding: 0 0px;
  }
}
.vitri_page .ss4 .content .swiper-slide .img {
  aspect-ratio: 290/340;
  overflow: hidden;
}
.vitri_page .ss4 .content .swiper-slide .img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.vitri_page .ss4 .content .swiper-slide p {
  text-align: center;
  color: var(--WEB-2, #77121D);
  font-family: "1FTV-VIP-Arroem.otf";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 12px 10px 0;
}
@media only screen and (max-width: 1024px) {
  .vitri_page .ss4 .content .swiper-slide p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .vitri_page .ss4 .content .swiper-slide p {
    font-size: 16px;
    padding: 10px 10px 0;
  }
}

.page-product .title_logo {
  display: block;
  margin: 0 auto 27px;
  width: 34px;
}
.page-product .title_logo.product {
  margin-top: -38px;
}
@media only screen and (max-width: 1280px) {
  .page-product .title_logo.product {
    margin-top: -12px;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .title_logo {
    width: 26px;
    margin-bottom: 15px;
  }
  .page-product .title_logo.product {
    margin-top: 15px;
  }
}
.page-product .cm_option {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #77121D;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 24px;
  font-weight: 400;
  line-height: 52px;
}
.page-product .cm_option.product_option {
  margin-top: 24px;
}
@media only screen and (max-width: 1024px) {
  .page-product .cm_option {
    font-size: 22px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .cm_option {
    max-width: calc(100% - 30px);
    font-size: 20px;
    line-height: 44px;
    margin: 0 auto;
  }
  .page-product .cm_option.product_option {
    margin-top: 20px;
  }
}
.page-product .cm_option .left {
  width: 180px;
  height: 45px;
  background-color: #F7EAD5;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .page-product .cm_option .left {
    width: 180px;
    height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .cm_option .left {
    width: 125px;
    height: 38px;
  }
}
.page-product .cm_option .right {
  position: relative;
  width: 280px;
  height: 45px;
  background: #E5C895;
  padding-right: 60px;
  text-align: center;
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .page-product .cm_option .right {
    width: 260px;
    padding-right: 30px;
    height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .cm_option .right {
    max-width: calc(100% - 125px);
    height: 38px;
  }
}
.page-product .cm_option .right svg {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 26px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1024px) {
  .page-product .cm_option .right svg {
    width: 20px;
    right: 5px;
  }
}
.page-product .cm_option .right::before {
  position: absolute;
  content: "";
  right: 56px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 30px;
  background: #77121D;
}
@media only screen and (max-width: 1024px) {
  .page-product .cm_option .right::before {
    right: 30px;
    height: 20px;
  }
}
.page-product .cm_option .right .list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: auto;
  background-color: #F7EAD5;
  margin: 0;
  padding: 0;
  display: none;
}
.page-product .cm_option .right .list li {
  width: 100%;
  height: 40px;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 20px;
  font-weight: 400;
  line-height: 46px;
  border-bottom: 1px solid #77121D;
  padding: 0 60px 0 0;
}
.page-product .cm_option .right .list li:last-child {
  border-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  .page-product .cm_option .right .list li {
    font-size: 18px;
    padding: 0 30px 0 0;
    height: 36px;
    line-height: 40px;
  }
}
.page-product .cm_tab {
  display: flex;
  gap: 17px;
  margin: 0;
  padding: 0;
}
.page-product .cm_tab li {
  flex: 1;
  max-width: 128px;
  border: 1px solid #fff;
  background: transparent;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-family: "SVN-Poppins Regular.otf";
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
  transition: all 0.3s ease;
}
.page-product .cm_tab li:hover, .page-product .cm_tab li.active {
  background: #E1C38B;
  border: 1px solid #E1C38B;
  color: #77121D;
}
.page-product .subdivision_overview {
  margin: 27px 0 80px;
  padding: 0 8.3333333333%;
  background: #77121D;
  line-height: 0;
}
.page-product .subdivision_overview svg {
  width: 100%;
  height: auto;
  margin: -3px 0 -4px;
}
@media only screen and (min-width: 768px) {
  .page-product .subdivision_overview svg .sub {
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.5)) opacity(0.55);
    cursor: pointer;
  }
  .page-product .subdivision_overview svg .sub:hover {
    filter: opacity(1);
  }
  .page-product .subdivision_overview svg .sub:hover .sub_name {
    opacity: 1;
    transition: opacity 0.25s ease;
  }
  .page-product .subdivision_overview svg .sub:hover .sub_stroke {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 0.65s linear;
  }
  .page-product .subdivision_overview svg .sub:hover .sub_shadow {
    opacity: 1;
    transition: opacity 0.35s ease 0.35s;
  }
}
@media only screen and (min-width: 768px) {
  .page-product .subdivision_overview svg .sub_name,
  .page-product .subdivision_overview svg .sub_stroke,
  .page-product .subdivision_overview svg .sub_shadow {
    transition: none;
  }
  .page-product .subdivision_overview svg .sub_bg {
    pointer-events: none;
  }
  .page-product .subdivision_overview svg .sub_name {
    opacity: 0;
  }
  .page-product .subdivision_overview svg .sub_stroke {
    stroke-dasharray: 1500;
    stroke-dashoffset: 1500;
  }
  .page-product .subdivision_overview svg .sub_shadow {
    opacity: 0;
    transition-delay: 0.5s;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .subdivision_overview svg .sub_stroke {
    stroke-dasharray: 1500;
    stroke-dashoffset: 1500;
    animation: draw 3s linear infinite;
  }
}
@media only screen and (max-width: 1024px) {
  .page-product .subdivision_overview {
    padding: 0 30px;
    margin: 25px 0 60px;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .subdivision_overview {
    padding: 0;
    margin: 25px 0 40px;
  }
}
.page-product .subdivision_content {
  display: none;
  position: relative;
  padding-left: 23.6111111111%;
  padding-right: 8.3333333333%;
  margin-bottom: 75px;
  margin-top: 36px;
}
@media only screen and (max-width: 1024px) {
  .page-product .subdivision_content {
    padding-right: 30px;
    padding-left: 20.8333333333%;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .subdivision_content {
    margin-bottom: 55px;
    margin-top: 30px;
    padding: 0 15px;
  }
}
.page-product .subdivision_content h3 {
  position: absolute;
  color: #77121D;
  font-family: "1FTV-VIP-Dark-Moon.ttf";
  font-size: 100px;
  font-style: normal;
  font-weight: 400;
  bottom: 0;
  right: 76.3888888889%;
  transform: rotate(-90deg) translateX(100%);
  transform-origin: bottom right;
  display: inline-block;
  white-space: nowrap;
}
@media only screen and (max-width: 1024px) {
  .page-product .subdivision_content h3 {
    font-size: 78px;
    right: 79.1666666667%;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .subdivision_content h3 {
    display: none;
  }
}
.page-product .subdivision_content .swiper {
  position: relative;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1024px) {
  .page-product .subdivision_content .swiper {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .subdivision_content .swiper {
    margin-bottom: 25px;
  }
}
.page-product .subdivision_content .swiper .swiper-slide {
  line-height: 0;
}
.page-product .subdivision_content .swiper .swiper-slide img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
}
.page-product .subdivision_content .swiper .swiper-pagination {
  bottom: 15px;
}
.page-product .subdivision_content .swiper .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  margin: 0 5px;
  opacity: 1;
}
.page-product .subdivision_content .swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #77121D;
}
.page-product .subdivision_content .subdivision_des {
  width: 90%;
  color: #000;
  font-family: "SVN-Poppins Regular.otf";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}
@media only screen and (max-width: 1024px) {
  .page-product .subdivision_content .subdivision_des {
    font-size: 18px;
    width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 767px) {
  .page-product .subdivision_content .subdivision_des {
    font-size: 16px;
    width: 100%;
  }
}
.page-product .subdivision_content .subdivision_des p, .page-product .subdivision_content .subdivision_des ul {
  margin: 0 0 20px 0;
  padding: 0;
}
.page-product .subdivision_content .subdivision_des p:last-child, .page-product .subdivision_content .subdivision_des ul:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .page-product .subdivision_content .subdivision_des p, .page-product .subdivision_content .subdivision_des ul {
    margin: 0 0 15px 0;
  }
}
.page-product .product_content {
  display: none;
  background-color: #E1C38B;
  padding: 23px 0 16px;
  margin-top: 41px;
}
@media only screen and (max-width: 1024px) {
  .page-product .product_content {
    padding: 23px 15px 16px;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .product_content {
    margin-top: 30px;
    padding: 15px;
  }
}
.page-product .product_content .product_wrap {
  display: flex;
  gap: 9px;
}
@media only screen and (max-width: 1024px) {
  .page-product .product_content .product_wrap {
    flex-direction: column;
  }
}
.page-product .product_content .product_wrap .left {
  width: 42.0138888889%;
  background: #77121D;
  padding: 78px 3.4722222222% 32px 8.3333333333%;
  box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  .page-product .product_content .product_wrap .left {
    width: 100%;
    padding: 35px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .product_content .product_wrap .left {
    padding: 30px 15px 25px;
  }
}
.page-product .product_content .product_wrap .left .title {
  color: #FFF;
  font-family: "1FTV-VIP-Arroem.otf";
  font-size: 34px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 19px;
}
@media only screen and (max-width: 1024px) {
  .page-product .product_content .product_wrap .left .title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .product_content .product_wrap .left .title {
    font-size: 28px;
  }
}
.page-product .product_content .product_wrap .left .tab_content {
  display: none;
  margin-top: 45px;
  font-family: "SVN-Poppins Regular.otf";
  color: #fff;
  line-height: 1.4;
}
.page-product .product_content .product_wrap .left .tab_content ul {
  margin-bottom: 30px;
  padding-left: 18px;
}
.page-product .product_content .product_wrap .left .tab_content ul:last-child {
  margin-bottom: 0;
}
.page-product .product_content .product_wrap .left .tab_content ul li {
  list-style: disc;
  margin-bottom: 15px;
  font-size: 15px;
}
.page-product .product_content .product_wrap .left .tab_content ul li:last-child {
  margin-bottom: 0;
}
.page-product .product_content .product_wrap .left .tab_content p {
  font-size: 14px;
  line-height: 2.2;
}
@media only screen and (max-width: 1024px) {
  .page-product .product_content .product_wrap .left .tab_content {
    margin-top: 40px;
  }
  .page-product .product_content .product_wrap .left .tab_content ul {
    margin-bottom: 25px;
  }
  .page-product .product_content .product_wrap .left .tab_content p {
    line-height: 1.8;
  }
}
.page-product .product_content .product_wrap .right {
  width: 57.3611111111%;
}
@media only screen and (max-width: 1024px) {
  .page-product .product_content .product_wrap .right {
    width: 100%;
  }
}
.page-product .product_content .product_wrap .right .tab_img {
  display: none;
  width: 100%;
}
.page-product .product_content .product_wrap .right .tab_img .img_top {
  width: 100%;
  line-height: 0;
}
.page-product .product_content .product_wrap .right .tab_img .img_top img {
  width: 100%;
  aspect-ratio: 826/450;
  object-fit: cover;
}
.page-product .product_content .product_wrap .right .tab_img .img_bottom {
  position: relative;
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: center;
  z-index: 2;
  margin-top: -10%;
}
@media only screen and (max-width: 678px) {
  .page-product .product_content .product_wrap .right .tab_img .img_bottom {
    margin-top: -15%;
    gap: 10px;
  }
}
.page-product .product_content .product_wrap .right .tab_img .img_bottom a {
  display: block;
  width: 24.2494226328%;
  height: auto;
}
@media only screen and (max-width: 678px) {
  .page-product .product_content .product_wrap .right .tab_img .img_bottom a {
    width: 27.7136258661%;
  }
}
.page-product .product_content .product_wrap .right .tab_img .img_bottom img {
  width: 100%;
  aspect-ratio: 210/239;
  object-fit: cover;
}
.page-product .product_album {
  padding: 80px 8.3333333333% 75px;
}
@media only screen and (max-width: 1024px) {
  .page-product .product_album {
    padding: 70px 30px 75px;
  }
}
@media only screen and (max-width: 767px) {
  .page-product .product_album {
    padding: 45px 15px 55px;
  }
}
.page-product .product_album .list {
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .page-product .product_album .list {
    flex-direction: column;
  }
}
.page-product .product_album .list .item {
  display: block;
  position: relative;
  width: calc((100% - 40px) / 3);
  overflow: hidden;
  line-height: 0;
}
@media only screen and (max-width: 767px) {
  .page-product .product_album .list .item {
    width: 100%;
  }
}
.page-product .product_album .list .item::before {
  position: absolute;
  z-index: 1;
  content: "";
  width: 100%;
  height: 34.2465753425%;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(114, 117, 78, 0) 0.95%, #262C18 98.15%);
}
.page-product .product_album .list .item img {
  width: 100%;
  aspect-ratio: 408/292;
  object-fit: cover;
  transition: all 0.3s ease;
}
.page-product .product_album .list .item h3 {
  position: absolute;
  z-index: 3;
  bottom: 17px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  color: #FFF;
  font-family: "1FTV-VIP-Arroem.otf";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-product .product_album .list .item h3::before, .page-product .product_album .list .item h3::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  transition: all 0.3s ease;
}
.page-product .product_album .list .item h3::before {
  width: 90px;
  background-color: #fff;
}
.page-product .product_album .list .item h3::after {
  width: 0;
  background-color: #77121D;
}
.page-product .product_album .list .item:hover img {
  transform: scale(1.1);
}
.page-product .product_album .list .item:hover h3::after {
  width: 90px;
}

.page_decor {
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
  margin-top: -115px;
}
@media only screen and (min-width: 1600px) {
  .page_decor {
    margin-top: -145px;
  }
}
@media only screen and (max-width: 1024px) {
  .page_decor {
    margin-top: -68px;
  }
}
@media only screen and (max-width: 767px) {
  .page_decor {
    margin-top: -26px;
  }
}

.page-recruitment {
  position: relative;
}
.page-recruitment .wrap {
  padding: 0 8.3333333333% 96px;
}
@media only screen and (max-width: 1024px) {
  .page-recruitment .wrap {
    padding: 0 30px 70px;
  }
}
@media only screen and (max-width: 767px) {
  .page-recruitment .wrap {
    padding: 0 15px 45px;
  }
}
.page-recruitment .wrap .content {
  margin-bottom: 80px;
}
@media only screen and (max-width: 1024px) {
  .page-recruitment .wrap .content {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .page-recruitment .wrap .content {
    margin-bottom: 45px;
  }
}
.page-recruitment .wrap .content .swiper-slide {
  background: var(--Gray, #F2F2F2);
  height: auto;
}
.page-recruitment .wrap .content .swiper-slide .title {
  width: 100%;
  background: var(--Blue, #143C5A);
  padding: 14px;
  color: var(--White, #FFF);
  font-family: "Lato Semibold.ttf";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  letter-spacing: 0.32px;
  text-transform: uppercase;
  text-align: center;
  box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  .page-recruitment .wrap .content .swiper-slide .title {
    padding: 12px 10px;
    font-size: 14px;
  }
}
.page-recruitment .wrap .content .swiper-slide .des {
  padding: 24px;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .page-recruitment .wrap .content .swiper-slide .des {
    padding: 20px 15px;
  }
}
.page-recruitment .wrap .list {
  margin: 40px 0 80px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px 24px;
}
@media only screen and (max-width: 1024px) {
  .page-recruitment .wrap .list {
    gap: 20px 15px;
  }
}
@media only screen and (max-width: 820px) {
  .page-recruitment .wrap .list {
    margin: 30px 0 40px;
    gap: 24px 20px;
  }
}
.page-recruitment .wrap .list .item {
  display: block;
  width: calc((100% - 48px) / 3);
  background: var(--Gray, #F2F2F2);
  padding: 24px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  .page-recruitment .wrap .list .item {
    width: calc((100% - 30px) / 3);
    padding: 20px 15px;
  }
}
@media only screen and (max-width: 820px) {
  .page-recruitment .wrap .list .item {
    width: calc((100% - 20px) / 2);
    padding: 20px 15px;
  }
}
@media only screen and (max-width: 576px) {
  .page-recruitment .wrap .list .item {
    width: 100%;
  }
}
.page-recruitment .wrap .list .item .title {
  color: var(--Blue, #143C5A);
  font-family: "Lato Semibold.ttf";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
@media only screen and (max-width: 1024px) {
  .page-recruitment .wrap .list .item .title {
    font-size: 16px;
  }
}
.page-recruitment .wrap .list .item .btn {
  margin: 8px 0 36px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--Yellow, #FAB43A);
  font-family: "Lato Semibold.ttf";
  font-size: 14px;
  font-weight: 600;
  line-height: 0;
  letter-spacing: 0.14px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .page-recruitment .wrap .list .item .btn {
    font-size: 13px;
  }
  .page-recruitment .wrap .list .item .btn svg {
    width: 15px;
  }
}
.page-recruitment .wrap .list .item .intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-recruitment .wrap .list .item .intro .date,
.page-recruitment .wrap .list .item .intro .location {
  font-size: 14px;
  color: #4d4d4d;
  line-height: 0;
}
.page-recruitment .wrap .list .item .intro .location {
  display: flex;
  align-items: center;
  gap: 8px;
}
.page-recruitment .wrap .list .item:hover .btn {
  letter-spacing: 1px;
}
.page-recruitment .wrap .conclusion {
  background: var(--Gray, #F2F2F2);
  border-top: 2px solid #FAB43A;
  padding: 40px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .page-recruitment .wrap .conclusion {
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .page-recruitment .wrap .conclusion {
    padding: 30px 15px;
  }
}
@media only screen and (max-width: 576px) {
  .page-recruitment .wrap .conclusion {
    flex-direction: column;
    gap: 20px;
  }
}
.page-recruitment .wrap .conclusion .left {
  width: 47.5892857143%;
  color: var(--Blue, #143C5A);
  text-align: center;
  font-family: "Lato Bold.ttf";
  font-size: 32px;
  font-weight: 700;
  line-height: 140%; /* 44.8px */
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .page-recruitment .wrap .conclusion .left {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .page-recruitment .wrap .conclusion .left {
    font-size: 22px;
  }
}
@media only screen and (max-width: 576px) {
  .page-recruitment .wrap .conclusion .left {
    width: 100%;
  }
}
.page-recruitment .wrap .conclusion .left p {
  width: 375px;
  max-width: 100%;
  margin: 0 auto;
}
.page-recruitment .wrap .conclusion .right {
  width: 48.8392857143%;
  line-height: 0;
}
@media only screen and (max-width: 576px) {
  .page-recruitment .wrap .conclusion .right {
    width: 100%;
  }
}
.page-recruitment .wrap .conclusion .right img {
  width: 100%;
  aspect-ratio: 547/290;
  object-fit: cover;
}
.page-recruitment .wrap .filter {
  padding: 0 8.5%;
}
.page-recruitment .wrap .filter form {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 24px;
}
.page-recruitment .wrap .filter form .branch_filter {
  width: 100%;
  display: flex;
  gap: 50px;
}
.page-recruitment .wrap .filter form .branch_filter .branch-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--Yellow, #FAB43A);
  font-family: "Lato Semibold.ttf";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  cursor: pointer;
}
.page-recruitment .wrap .filter form .branch_filter .branch-item.active {
  text-decoration-line: underline;
}
.page-recruitment .wrap .filter form .key_filter,
.page-recruitment .wrap .filter form .career_filter {
  position: relative;
  width: calc((100% - 24px) / 2);
  border-bottom: 1px solid #FAB43A;
}
.page-recruitment .wrap .filter form .key_filter input,
.page-recruitment .wrap .filter form .key_filter select,
.page-recruitment .wrap .filter form .career_filter input,
.page-recruitment .wrap .filter form .career_filter select {
  width: 100%;
  padding: 0 25px 0 0;
  border: 0;
  box-shadow: none;
  outline: none;
  background: transparent;
  height: 43px;
  color: var(--Text, #4D4D4D);
  font-family: "Lato Regular.ttf";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  cursor: pointer;
  appearance: none;
}
.page-recruitment .wrap .filter form .key_filter svg,
.page-recruitment .wrap .filter form .career_filter svg {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.page-recruitment-detail .wrap {
  background: #F2F2F2;
  padding: 48px 8.3333333333%;
}
@media only screen and (max-width: 1024px) {
  .page-recruitment-detail .wrap {
    padding: 48px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .page-recruitment-detail .wrap {
    padding: 45px 15px;
    background: transparent;
  }
}
.page-recruitment-detail .content_page {
  background: #fff;
  padding: 60px;
}
@media only screen and (max-width: 1024px) {
  .page-recruitment-detail .content_page {
    padding: 40px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .page-recruitment-detail .content_page {
    padding: 0;
  }
}
.page-recruitment-detail .content_page .title {
  font-family: "Lato Semibold.ttf";
  color: var(--Blue, #143C5A);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
@media only screen and (max-width: 1024px) {
  .page-recruitment-detail .content_page .title {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .page-recruitment-detail .content_page .title {
    font-size: 24px;
  }
}
.page-recruitment-detail .content_page .btn_recruit {
  display: flex;
  align-items: center;
  gap: 16px;
  height: 42px;
  padding: 2px 24px 0;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-family: "Lato Semibold.ttf";
  font-weight: 600;
  line-height: 44px;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  transition: all 0.3s ease;
  border-radius: 30px;
  background: var(--Blue, #143C5A);
  cursor: pointer;
}
.page-recruitment-detail .content_page .btn_recruit:hover {
  background: var(--Blue, #FAB43A);
}
.page-recruitment-detail .top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .page-recruitment-detail .top {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
.page-recruitment-detail .top .title {
  width: 70%;
}
.page-recruitment-detail .top .share {
  display: flex;
  align-items: center;
  gap: 16px;
}
.page-recruitment-detail .top .share .item {
  cursor: pointer;
}
.page-recruitment-detail .top .share .item svg path {
  transition: all 0.3s ease;
}
.page-recruitment-detail .top .share .item svg:hover path {
  fill: #fab43a;
}
.page-recruitment-detail .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 34px;
  margin-bottom: 42px;
  border-bottom: 1px solid rgba(77, 77, 77, 0.6);
}
@media only screen and (max-width: 767px) {
  .page-recruitment-detail .bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding-bottom: 30px;
    margin-bottom: 32px;
  }
}
.page-recruitment-detail .bottom .excerpt {
  padding-left: 22px;
  margin: 0;
}
.page-recruitment-detail .bottom .excerpt li {
  list-style: disc;
  color: var(--Text, #4D4D4D);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.page-recruitment-detail .the-content {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid rgba(77, 77, 77, 0.6);
}
@media only screen and (max-width: 767px) {
  .page-recruitment-detail .the-content {
    padding-bottom: 30px;
    margin-bottom: 32px;
  }
}
.page-recruitment-detail .the-content p, .page-recruitment-detail .the-content ul, .page-recruitment-detail .the-content ol {
  margin: 0 0 16px;
}
.page-recruitment-detail .the-content p:last-child, .page-recruitment-detail .the-content ul:last-child, .page-recruitment-detail .the-content ol:last-child {
  margin: 0;
}
.page-recruitment-detail .the-content ul {
  padding-left: 22px;
}
.page-recruitment-detail .the-content ul li {
  list-style: disc;
  color: var(--Text, #4D4D4D);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.page-recruitment-detail .the-content ol {
  padding-left: 22px;
  margin: 0;
}
.page-recruitment-detail .the-content ol li {
  list-style: decimal;
  color: var(--Text, #4D4D4D);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.page-recruitment-detail .the-content .wp-block-image,
.page-recruitment-detail .the-content .wp-caption {
  width: 100% !important;
  margin-bottom: 16px;
}
.page-recruitment-detail .the-content .wp-block-image img,
.page-recruitment-detail .the-content .wp-caption img {
  margin: 0 auto 12px;
  display: block;
  max-width: 100%;
}
.page-recruitment-detail .the-content .wp-block-image p, .page-recruitment-detail .the-content .wp-block-image figcaption,
.page-recruitment-detail .the-content .wp-caption p,
.page-recruitment-detail .the-content .wp-caption figcaption {
  text-align: center;
  margin: 0;
}
.page-recruitment-detail .the-content h2, .page-recruitment-detail .the-content h3, .page-recruitment-detail .the-content strong {
  font-family: "Lato Semibold.ttf";
  font-weight: 600;
  margin: 0 0 12px;
}
.page-recruitment-detail .the-content h2:last-child, .page-recruitment-detail .the-content h3:last-child, .page-recruitment-detail .the-content strong:last-child {
  margin: 0;
}
.page-recruitment-detail .the-content h3, .page-recruitment-detail .the-content strong {
  font-size: 18px;
}
.page-recruitment-detail .the-content h2 {
  font-size: 20px;
  margin-bottom: 16px;
}
.page-recruitment-detail .the-content img {
  margin: 0 auto 16px;
  display: block;
  max-width: 100%;
}
.page-recruitment-detail .the-content a {
  color: #4d4d4d;
  text-decoration: underline;
}
.page-recruitment-detail .application form {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .page-recruitment-detail .application form {
    margin-top: 32px;
  }
}
.page-recruitment-detail .application .form-field-all {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 48px;
}
@media only screen and (max-width: 1024px) {
  .page-recruitment-detail .application .form-field-all {
    gap: 30px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .page-recruitment-detail .application .form-field-all {
    gap: 0;
  }
}
.page-recruitment-detail .application .form-field-all .item {
  width: calc((100% - 48px) / 2);
}
@media only screen and (max-width: 1024px) {
  .page-recruitment-detail .application .form-field-all .item {
    width: calc((100% - 30px) / 2);
  }
}
@media only screen and (max-width: 767px) {
  .page-recruitment-detail .application .form-field-all .item {
    width: 100%;
  }
}
.page-recruitment-detail .application .form-field-all .item:nth-of-type(2) .form_group {
  margin-bottom: 0;
  flex-wrap: wrap;
}
.page-recruitment-detail .application .form-field-all .item:nth-of-type(2) .form_group label {
  width: 100%;
}
.page-recruitment-detail .application .form-field-all .form_group {
  position: relative;
  margin-bottom: 20px;
  position: relative;
  border-bottom: 1px solid #FAB43A;
  padding-bottom: 10px;
  display: flex;
  align-items: baseline;
}
.page-recruitment-detail .application .form-field-all .form_group label {
  color: var(--Text, #4D4D4D);
  font-family: "Lato Regular.ttf";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  white-space: nowrap;
}
.page-recruitment-detail .application .form-field-all .form_group input,
.page-recruitment-detail .application .form-field-all .form_group textarea {
  flex: 1;
  outline: none;
  box-shadow: none;
  padding: 0 15px;
  background: transparent;
  border: 0;
  font-family: "Lato Semibold.ttf";
  font-size: 16px;
}
.page-recruitment-detail .application .form-field-all .form_group input {
  height: 24px;
}
.page-recruitment-detail .application .form-field-all .form_group textarea {
  height: 118px;
  width: 100%;
}
.page-recruitment-detail .application .form-field-all .btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
}
@media only screen and (max-width: 1024px) {
  .page-recruitment-detail .application .form-field-all .btn {
    gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .page-recruitment-detail .application .form-field-all .btn {
    flex-direction: column;
    margin-top: 36px;
    gap: 40px;
  }
}
.page-recruitment-detail .application .form-field-all .btn .btn_submit_application {
  outline: none;
  box-shadow: none;
  border: 0;
  margin-bottom: 10px;
}
.page-recruitment-detail .application .form-field-all .btn .btn-upload {
  width: 174px;
  padding: 9px 16px;
  border-radius: 30px;
  transition: all 0.3s ease;
  border: 1px solid var(--Blue, #143C5A);
  color: var(--Blue, #143C5A);
  text-align: center;
  font-family: "Lato Semibold.ttf";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: 0.16px;
  cursor: pointer;
  text-transform: uppercase;
}
.page-recruitment-detail .application .form-field-all .btn .btn-upload:hover {
  border: 1px solid #fab43a;
  color: #fab43a;
}
.page-recruitment-detail .application .form-field-all .btn .file-upload {
  position: relative;
}
.page-recruitment-detail .application .form-field-all .btn .js_upload_name_letter {
  font-size: 14px;
  position: absolute;
  top: 140%;
  left: 0;
  line-height: 1;
}
.page-recruitment-detail .application ._error_msg,
.page-recruitment-detail .application .file_error {
  position: absolute;
  top: 100%;
  right: 0;
  color: red;
  font-size: 12px;
  font-style: italic;
}
.page-recruitment-detail .application .file_error {
  top: 140%;
  line-height: 1;
}
.page-recruitment-detail .application .frm-mes {
  color: #143C5A;
  margin-top: 10px;
  font-weight: 600;
}

.detail_page .content_page {
  padding: 48px 8.3333333333% 96px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .detail_page .content_page {
    padding: 48px 30px 60px;
  }
}
@media only screen and (max-width: 767px) {
  .detail_page .content_page {
    padding: 45px 15px 50px;
  }
}
.detail_page .content_page .title {
  width: 997px;
  max-width: 100%;
  margin: 0 auto;
  color: #143C5A;
  text-align: center;
  font-family: "Lato Semibold.ttf";
  font-size: 24px;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .detail_page .content_page .title {
    font-size: 20px;
  }
}
.detail_page .content_page .intro {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  color: #4D4D4D;
  font-size: 16px;
  line-height: 1;
  margin: 24px 0 48px;
}
@media only screen and (max-width: 576px) {
  .detail_page .content_page .intro {
    flex-direction: column;
    gap: 12px;
    margin: 22px 0 36px;
  }
}
.detail_page .content_page .intro .date {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-right: 12px;
  border-right: 1px solid #4d4d4d;
}
@media only screen and (max-width: 576px) {
  .detail_page .content_page .intro .date {
    padding-right: 0;
    border-right: 0;
  }
}
.detail_page .content_page .intro .share {
  display: flex;
  align-items: center;
  gap: 13px;
}
.detail_page .content_page .intro .share .item {
  cursor: pointer;
}
.detail_page .content_page .intro .share .item svg path {
  transition: all 0.3s ease;
}
.detail_page .content_page .intro .share .item svg:hover path {
  fill: #fab43a;
}
.detail_page .content_page .the-content p, .detail_page .content_page .the-content ul, .detail_page .content_page .the-content ol, .detail_page .content_page .the-content .wp-caption, .detail_page .content_page .the-content h2, .detail_page .content_page .the-content h3 {
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .detail_page .content_page .the-content p, .detail_page .content_page .the-content ul, .detail_page .content_page .the-content ol, .detail_page .content_page .the-content .wp-caption, .detail_page .content_page .the-content h2, .detail_page .content_page .the-content h3 {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .detail_page .content_page .the-content p, .detail_page .content_page .the-content ul, .detail_page .content_page .the-content ol, .detail_page .content_page .the-content .wp-caption, .detail_page .content_page .the-content h2, .detail_page .content_page .the-content h3 {
    margin-bottom: 15px;
  }
}
.detail_page .content_page .the-content p:last-child, .detail_page .content_page .the-content ul:last-child, .detail_page .content_page .the-content ol:last-child, .detail_page .content_page .the-content .wp-caption:last-child, .detail_page .content_page .the-content h2:last-child, .detail_page .content_page .the-content h3:last-child {
  margin-bottom: 0;
}
.detail_page .content_page .the-content ul, .detail_page .content_page .the-content ol {
  padding-left: 20px;
}
.detail_page .content_page .the-content ul li, .detail_page .content_page .the-content ol li {
  margin-bottom: 5px;
}
.detail_page .content_page .the-content ul li:last-child, .detail_page .content_page .the-content ol li:last-child {
  margin-bottom: 0;
}
.detail_page .content_page .the-content ul li {
  list-style: disc;
}
.detail_page .content_page .the-content ol li {
  list-style: decimal;
}
.detail_page .content_page .the-content .wp-block-image,
.detail_page .content_page .the-content .wp-caption {
  width: 100% !important;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .detail_page .content_page .the-content .wp-block-image,
  .detail_page .content_page .the-content .wp-caption {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .detail_page .content_page .the-content .wp-block-image,
  .detail_page .content_page .the-content .wp-caption {
    margin-bottom: 15px;
  }
}
.detail_page .content_page .the-content .wp-block-image img,
.detail_page .content_page .the-content .wp-caption img {
  margin: 0 auto 15px;
  display: block;
  max-width: 100%;
}
.detail_page .content_page .the-content .wp-block-image p, .detail_page .content_page .the-content .wp-block-image figcaption,
.detail_page .content_page .the-content .wp-caption p,
.detail_page .content_page .the-content .wp-caption figcaption {
  text-align: center;
  margin: 0;
}
.detail_page .content_page .the-content h2, .detail_page .content_page .the-content h3, .detail_page .content_page .the-content strong {
  font-family: "Lato Semibold.ttf";
  font-weight: 600;
}
.detail_page .content_page .the-content img {
  margin: 0 auto 24px;
  display: block;
  max-width: 100%;
}
@media (max-width: 1024px) {
  .detail_page .content_page .the-content img {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .detail_page .content_page .the-content img {
    margin-bottom: 15px;
  }
}
.detail_page .content_page .the-content a {
  color: #4d4d4d;
  text-decoration: underline;
}
.detail_page .content_page .other {
  margin-top: 96px;
}
@media (max-width: 1024px) {
  .detail_page .content_page .other {
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .detail_page .content_page .other {
    margin-top: 45px;
  }
}
.detail_page .content_page .other .list {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media only screen and (max-width: 1024px) {
  .detail_page .content_page .other .list {
    gap: 30px;
  }
}
.detail_page .content_page .other .list .item {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .detail_page .content_page .other .list .item {
    flex-direction: column;
    gap: 8px;
  }
}
.detail_page .content_page .other .list .item .text {
  width: 64%;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .detail_page .content_page .other .list .item .text {
    width: 100%;
    order: 2;
  }
}
.detail_page .content_page .other .list .item .text h3 {
  color: var(--Blue, #143C5A);
  font-family: "Lato Semibold.ttf";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 25.2px */
  letter-spacing: 0.72px;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .detail_page .content_page .other .list .item .text h3 {
    font-size: 16px;
  }
}
.detail_page .content_page .other .list .item .text .date {
  color: #4d4d4d;
  margin: 16px 0 24px;
}
@media only screen and (max-width: 1024px) {
  .detail_page .content_page .other .list .item .text .date {
    margin: 12px 0 18px;
  }
}
@media only screen and (max-width: 767px) {
  .detail_page .content_page .other .list .item .text .date {
    font-size: 13px;
    margin: 8px 0 12px;
  }
}
.detail_page .content_page .other .list .item .text .excerpt {
  color: #000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .detail_page .content_page .other .list .item .text .excerpt {
    font-size: 14px;
  }
}
.detail_page .content_page .other .list .item .thumbnail {
  width: 32%;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .detail_page .content_page .other .list .item .thumbnail {
    width: 100%;
    order: 1;
  }
}
.detail_page .content_page .other .list .item .thumbnail img {
  width: 100%;
  aspect-ratio: 384/200;
  object-fit: cover;
  transition: all 0.3s ease;
}
.detail_page .content_page .other .list .item:hover .text h3 {
  color: #FAB43A;
}
.detail_page .content_page .other .list .item:hover .thumbnail img {
  transform: scale(1.1);
}

.page-new .wrap {
  padding: 48px 8.3333333333% 80px;
}
@media only screen and (max-width: 1024px) {
  .page-new .wrap {
    padding: 48px 30px 60px;
  }
}
@media only screen and (max-width: 767px) {
  .page-new .wrap {
    padding: 45px 15px 45px;
  }
}
.page-new .sidebar {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 14px 50px 13px;
  box-sizing: border-box;
  background: var(--Blue, #143C5A);
}
@media only screen and (max-width: 1024px) {
  .page-new .sidebar {
    padding: 14px 15px 13px 40px;
  }
}
@media only screen and (max-width: 900px) {
  .page-new .sidebar {
    flex-direction: column;
    align-items: center;
    gap: 18px;
    padding: 20px 15px 15px 40px;
  }
}
.page-new .sidebar .logo {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FAB43A;
}
@media only screen and (max-width: 1024px) {
  .page-new .sidebar .logo {
    width: 40px;
  }
  .page-new .sidebar .logo img {
    width: 14px;
  }
}
.page-new .sidebar .cats {
  width: calc(100% - 300px);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 0;
}
@media only screen and (max-width: 1024px) {
  .page-new .sidebar .cats {
    width: calc(100% - 250px);
  }
}
@media only screen and (max-width: 900px) {
  .page-new .sidebar .cats {
    width: 100%;
    justify-content: center;
  }
}
.page-new .sidebar .cats .cat {
  padding: 0 2.5%;
  border-right: 1px solid #fff;
  color: var(--White, #FFF);
  font-family: "Lato Regular.ttf";
  font-size: 16px;
  line-height: 140%; /* 22.4px */
  letter-spacing: 0.32px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.page-new .sidebar .cats .cat.active {
  color: #FAB43A;
  font-family: "Lato Semibold.ttf";
}
.page-new .sidebar .cats .cat:hover {
  color: #FAB43A;
}
.page-new .sidebar .cats .cat:last-child {
  border-right: 0;
}
@media only screen and (max-width: 1024px) {
  .page-new .sidebar .cats .cat {
    font-size: 14px;
    padding: 0 15px;
  }
}
.page-new .sidebar form {
  display: flex;
  width: 280px;
  border-bottom: 1px solid #fff;
}
@media only screen and (max-width: 1024px) {
  .page-new .sidebar form {
    width: 230px;
  }
}
@media only screen and (max-width: 900px) {
  .page-new .sidebar form {
    margin-left: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .page-new .sidebar form {
    width: calc(100% - 30px);
  }
}
.page-new .sidebar form input,
.page-new .sidebar form button {
  background: transparent;
  outline: none;
  border: 0;
  box-shadow: none;
}
.page-new .sidebar form input {
  width: calc(100% - 22px);
  padding: 0 15px 0 0;
  color: var(--White, #FFF);
  font-family: "Lato Regular.ttf";
  font-size: 15px;
  font-style: italic;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
  letter-spacing: 0.3px;
}
.page-new .sidebar form input::placeholder {
  opacity: 0.6;
}
.page-new .sidebar form input:-moz-placeholder {
  opacity: 0.6;
}
@media only screen and (max-width: 1024px) {
  .page-new .sidebar form input {
    font-size: 14px;
  }
}
.page-new .sidebar form button {
  width: 22px;
  height: 23px;
  padding: 0 2px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.page-new .sidebar form button:hover {
  background: #FAB43A;
}
.page-new .news_list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 24px;
  margin-top: 48px;
}
@media only screen and (max-width: 1024px) {
  .page-new .news_list {
    gap: 24px 15px;
    margin-top: 36px;
  }
}
@media only screen and (max-width: 576px) {
  .page-new .news_list {
    gap: 24px;
  }
}
.page-new .news_list .item {
  width: calc((100% - 48px) / 3);
  background-color: #F2F2F2;
}
@media only screen and (max-width: 1024px) {
  .page-new .news_list .item {
    width: calc((100% - 30px) / 3);
  }
}
@media only screen and (max-width: 820px) {
  .page-new .news_list .item {
    width: calc((100% - 15px) / 2);
  }
}
@media only screen and (max-width: 576px) {
  .page-new .news_list .item {
    width: 100%;
  }
}
.page-new .news_list .item .thumbnail {
  width: 100%;
  overflow: hidden;
}
.page-new .news_list .item .thumbnail img {
  width: 100%;
  aspect-ratio: 384/250;
  object-fit: cover;
  transition: all 0.3s ease;
}
.page-new .news_list .item .text {
  padding: 24px 16px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  .page-new .news_list .item .text {
    padding: 15px 15px 20px;
  }
}
.page-new .news_list .item .text h3 {
  color: var(--Blue, #143C5A);
  font-family: "Lato Semibold.ttf";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 25.2px */
  letter-spacing: 0.72px;
  margin: 12px 0 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(77, 77, 77, 0.8);
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .page-new .news_list .item .text h3 {
    font-size: 16px;
    margin: 8px 0 10px;
    padding-bottom: 10px;
  }
}
.page-new .news_list .item .text .intro {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
@media only screen and (max-width: 1024px) {
  .page-new .news_list .item .text .intro {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}
.page-new .news_list .item .text .date {
  color: #4D4D4D;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.56px;
}
@media only screen and (max-width: 1024px) {
  .page-new .news_list .item .text .date {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .page-new .news_list .item .text .date {
    font-size: 13px;
  }
}
.page-new .news_list .item .text .cat {
  position: relative;
  padding-left: 9px;
  color: var(--Yellow, #FAB43A);
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.56px;
}
.page-new .news_list .item .text .cat::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #FAB43A;
}
.page-new .news_list .item .text .excerpt {
  color: #4D4D4D;
  font-size: 14px;
  line-height: 150%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .page-new .news_list .item .text .excerpt {
    font-size: 14px;
  }
}
.page-new .news_list .item:hover .text h3 {
  color: #FAB43A;
}
.page-new .news_list .item:hover .thumbnail img {
  transform: scale(1.1);
}

.page-intro .content-page {
  padding: 48px 8.3333333333% 120px;
}
@media only screen and (max-width: 1280px) {
  .page-intro .content-page {
    padding: 40px 30px 90px;
  }
}
@media only screen and (max-width: 768px) {
  .page-intro .content-page {
    padding: 40px 30px 60px;
  }
}
@media only screen and (max-width: 576px) {
  .page-intro .content-page {
    padding: 40px 15px 50px;
  }
}
.page-intro .content-page .exp {
  padding: 0 16.6666666667%;
  text-align: center;
  line-height: 150%;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1280px) {
  .page-intro .content-page .exp {
    padding: 0 8.3333333333%;
  }
}
@media only screen and (max-width: 768px) {
  .page-intro .content-page .exp {
    padding: 0;
  }
}
.page-intro .content-page > img {
  margin: 0 auto;
  display: block;
}
.page-intro .content-page .title {
  margin: 40px auto;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  font-family: "Lato Bold.ttf";
  width: max-content;
}
.page-intro .content-page .title .yel {
  color: var(--Yellow, #FAB43A);
  font-size: 24px;
}
@media only screen and (max-width: 1280px) {
  .page-intro .content-page .title .yel {
    font-size: 18px;
  }
}
@media only screen and (max-width: 576px) {
  .page-intro .content-page .title .yel {
    font-size: 16px;
  }
}
.page-intro .content-page .title .yel:nth-child(1) {
  padding-left: 108px;
}
@media only screen and (max-width: 576px) {
  .page-intro .content-page .title .yel:nth-child(1) {
    padding-left: 50px;
  }
}
.page-intro .content-page .title .xanh {
  color: var(--Blue, #143C5A);
  font-size: 45px;
}
@media only screen and (max-width: 1280px) {
  .page-intro .content-page .title .xanh {
    font-size: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .page-intro .content-page .title .xanh {
    font-size: 24px;
  }
}
.page-intro .content-page .title .xanh:last-child {
  padding-left: 185px;
}
@media only screen and (max-width: 576px) {
  .page-intro .content-page .title .xanh:last-child {
    padding-left: 100px;
  }
}
.page-intro .content-page .title div {
  display: flex;
  align-items: flex-end;
}
.page-intro .content-page .title div .yel {
  padding-bottom: 6px;
}
@media only screen and (max-width: 1280px) {
  .page-intro .content-page .title div .yel {
    padding-bottom: 4px;
  }
}
.page-intro .content-page .title div .xanh {
  margin-right: 12px;
}
@media only screen and (max-width: 1280px) {
  .page-intro .content-page .title div .xanh {
    margin-right: 6px;
  }
}
.page-intro .content-page .list {
  display: flex;
  flex-direction: column;
  margin-bottom: 96px;
}
@media only screen and (max-width: 1024px) {
  .page-intro .content-page .list {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 576px) {
  .page-intro .content-page .list {
    margin-bottom: 50px;
  }
}
.page-intro .content-page .list .item {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 576px) {
  .page-intro .content-page .list .item {
    flex-direction: column-reverse;
  }
}
.page-intro .content-page .list .item:last-child {
  margin-bottom: 0;
}
.page-intro .content-page .list .item .left {
  width: 48%;
  margin-right: 4%;
  aspect-ratio: 576/294;
}
@media only screen and (max-width: 768px) {
  .page-intro .content-page .list .item .left {
    margin-right: 2.3333333333%;
    aspect-ratio: 576/404;
  }
}
@media only screen and (max-width: 576px) {
  .page-intro .content-page .list .item .left {
    width: 100%;
    margin-right: 0;
  }
}
.page-intro .content-page .list .item .left img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.page-intro .content-page .list .item .right {
  width: 48%;
}
@media only screen and (max-width: 768px) {
  .page-intro .content-page .list .item .right {
    width: 49.6666666667%;
  }
}
@media only screen and (max-width: 576px) {
  .page-intro .content-page .list .item .right {
    width: 100%;
    margin-bottom: 20px;
  }
}
.page-intro .content-page .list .item .right .button {
  display: flex;
  align-items: center;
  height: 60px;
}
@media only screen and (max-width: 1280px) {
  .page-intro .content-page .list .item .right .button {
    height: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .page-intro .content-page .list .item .right .button {
    height: 40px;
  }
}
.page-intro .content-page .list .item .right .button .icon {
  width: 60px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--Yellow, #FAB43A);
}
@media only screen and (max-width: 1280px) {
  .page-intro .content-page .list .item .right .button .icon {
    height: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .page-intro .content-page .list .item .right .button .icon {
    height: 40px;
  }
}
.page-intro .content-page .list .item .right .button p {
  height: 100%;
  padding: 3px 24px 0;
  color: var(--White, #FFF);
  text-align: center;
  font-family: "Lato Bold.ttf";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  background: var(--Blue, #143C5A);
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1280px) {
  .page-intro .content-page .list .item .right .button p {
    font-size: 24px;
  }
}
@media only screen and (max-width: 768px) {
  .page-intro .content-page .list .item .right .button p {
    font-size: 18px;
  }
}
.page-intro .content-page .list .item .right > span {
  display: block;
  width: 100%;
  height: 1px;
  opacity: 0.7;
  background: var(--Text, #4D4D4D);
  margin: 24px 0 40px;
}
@media only screen and (max-width: 1280px) {
  .page-intro .content-page .list .item .right > span {
    margin: 24px 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .page-intro .content-page .list .item .right > span {
    margin: 16px 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .page-intro .content-page .list .item .right > span {
    margin: 10px 0 15px;
  }
}
.page-intro .content-page .slide_activiti {
  margin-top: 40px;
}
.page-intro .content-page .slide_activiti .swiper-slide {
  aspect-ratio: 384/490;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .page-intro .content-page .slide_activiti .swiper-slide.swiper-slide-active .abs p {
    transform: translateY(0);
    height: auto;
    padding-bottom: 24px;
  }
  .page-intro .content-page .slide_activiti .swiper-slide.swiper-slide-active .abs::after {
    background: rgba(0, 16, 29, 0.6);
    height: 100%;
  }
}
.page-intro .content-page .slide_activiti .swiper-slide:hover .abs p {
  transform: translateY(0);
  height: auto;
  padding-bottom: 24px;
}
.page-intro .content-page .slide_activiti .swiper-slide:hover .abs::after {
  background: rgba(0, 16, 29, 0.6);
  height: 100%;
}
.page-intro .content-page .slide_activiti .swiper-slide .abs {
  position: absolute;
  width: calc(100% - 32px);
  height: calc(100% - 32px);
  left: 50%;
  transform: translateX(-50%);
  bottom: 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 0;
  transition: all 0.5s ease;
  overflow: hidden;
}
.page-intro .content-page .slide_activiti .swiper-slide .abs:after {
  background: linear-gradient(180deg, rgba(0, 16, 29, 0) 11.61%, #00101D 100%);
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  right: 0;
  bottom: 0;
  height: 33.4763948498%;
  transition: all 0.5s ease;
  z-index: -1;
}
.page-intro .content-page .slide_activiti .swiper-slide .abs h3 {
  color: #FFF;
  text-align: center;
  font-family: "Lato Bold.ttf";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 26px */
  letter-spacing: 0.2px;
  margin-bottom: 12px;
}
@media only screen and (max-width: 1280px) {
  .page-intro .content-page .slide_activiti .swiper-slide .abs h3 {
    font-size: 16px;
  }
}
.page-intro .content-page .slide_activiti .swiper-slide .abs > img {
  display: block;
  margin: 0 auto 16px;
}
.page-intro .content-page .slide_activiti .swiper-slide .abs p {
  color: #fff;
  padding: 0 24px;
  transform: translateY(100%);
  transition: all 0.5s ease;
  height: 0;
}
@media only screen and (max-width: 1280px) {
  .page-intro .content-page .slide_activiti .swiper-slide .abs p {
    padding: 0 15px;
  }
}
.page-intro .content-page .slide_activiti .swiper-slide > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.page-intro .content-page .section3_intro .content {
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
  margin-top: 40px;
}
@media only screen and (max-width: 1024px) {
  .page-intro .content-page .section3_intro .content {
    gap: 24px;
    margin-top: 30px;
  }
}
.page-intro .content-page .section3_intro .content .item {
  width: calc((100% - 48px) / 2);
  background: var(--Gray, #F2F2F2);
}
@media only screen and (max-width: 1024px) {
  .page-intro .content-page .section3_intro .content .item {
    width: calc((100% - 24px) / 2);
  }
}
@media only screen and (max-width: 576px) {
  .page-intro .content-page .section3_intro .content .item {
    width: 100%;
  }
}
.page-intro .content-page .section3_intro .content .item .title {
  width: 100%;
  background: var(--Blue, #143C5A);
  padding: 14px 11px 8px;
  color: var(--White, #FAB43A);
  font-family: "Lato Bold.ttf";
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
  box-sizing: border-box;
  margin: 0;
}
@media only screen and (max-width: 1024px) {
  .page-intro .content-page .section3_intro .content .item .title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .page-intro .content-page .section3_intro .content .item .title {
    font-size: 20px;
  }
}
.page-intro .content-page .section3_intro .content .item .des {
  padding: 36px 40px 40px;
}
@media only screen and (max-width: 1024px) {
  .page-intro .content-page .section3_intro .content .item .des {
    padding: 20px 15px;
  }
}

.page-prj .content-page {
  padding: 48px 8.3333333333% 120px;
}
@media only screen and (max-width: 1280px) {
  .page-prj .content-page {
    padding: 40px 30px 90px;
  }
}
@media only screen and (max-width: 768px) {
  .page-prj .content-page {
    padding: 40px 30px 60px;
  }
}
@media only screen and (max-width: 576px) {
  .page-prj .content-page {
    padding: 40px 15px 50px;
  }
}
.page-prj .content-page .exp {
  padding: 0 16.6666666667%;
  text-align: center;
  line-height: 150%;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1280px) {
  .page-prj .content-page .exp {
    padding: 0 8.3333333333%;
  }
}
@media only screen and (max-width: 768px) {
  .page-prj .content-page .exp {
    padding: 0;
  }
}
@media only screen and (max-width: 576px) {
  .page-prj .content-page .exp {
    margin-bottom: 20px;
  }
}
.page-prj .content-page > img {
  margin: 0 auto;
  display: block;
}
.page-prj .content-page .cm-title {
  margin: 40px 0;
  text-align: center;
}
@media only screen and (max-width: 1280px) {
  .page-prj .content-page .cm-title {
    margin: 20px 0 24px;
  }
}
.page-prj .content-page .img_block {
  position: relative;
  width: 100%;
  aspect-ratio: 1200/560;
  margin-bottom: 24px;
}
@media only screen and (max-width: 576px) {
  .page-prj .content-page .img_block {
    aspect-ratio: 1200/760;
  }
}
.page-prj .content-page .img_block .abs {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  padding-bottom: 24px;
}
@media only screen and (max-width: 576px) {
  .page-prj .content-page .img_block .abs {
    padding-bottom: 5px;
  }
}
.page-prj .content-page .img_block .abs img {
  margin: 0 auto 16px;
  display: block;
  max-width: 102px;
}
@media only screen and (max-width: 576px) {
  .page-prj .content-page .img_block .abs img {
    max-width: 60px;
    margin: 0 auto 10px;
  }
}
.page-prj .content-page .img_block .abs p {
  color: var(--White, #FFF);
  text-align: center;
  font-family: "Lato Regular.ttf";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media only screen and (max-width: 576px) {
  .page-prj .content-page .img_block .abs p {
    font-size: 15px;
  }
}
.page-prj .content-page .img_block > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.page-prj .content-page > .cm-button {
  margin: 69px auto 0;
}
@media only screen and (max-width: 1280px) {
  .page-prj .content-page > .cm-button {
    margin: 40px auto 0;
  }
}
@media only screen and (max-width: 576px) {
  .page-prj .content-page > .cm-button {
    margin: 20px auto 0;
  }
}
.page-prj .content-page .other {
  margin-top: 96px;
}
@media only screen and (max-width: 1280px) {
  .page-prj .content-page .other {
    margin-top: 60px;
  }
}
.page-prj .content-page .other .cm-title {
  margin: 0 0 40px;
}
@media only screen and (max-width: 1280px) {
  .page-prj .content-page .other .cm-title {
    margin: 0 0 30px;
  }
}
@media only screen and (max-width: 576px) {
  .page-prj .content-page .other .cm-title {
    margin: 0 0 20px;
  }
}
.page-prj .content-page .other .list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.page-prj .content-page .other .list a {
  width: calc((100% - 72px) / 4);
  margin-right: 24px;
  margin-bottom: 24px;
}
.page-prj .content-page .other .list a:nth-of-type(4n + 4) {
  margin-right: 0;
}
@media only screen and (max-width: 1280px) {
  .page-prj .content-page .other .list a {
    width: calc((100% - 60px) / 4);
    margin-right: 20px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .page-prj .content-page .other .list a {
    width: calc((100% - 30px) / 2);
    margin-right: 20px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .page-prj .content-page .other .list a {
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page-prj .content-page .other .list a:nth-of-type(2n + 2) {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 1025px) {
  .page-prj .content-page .other .list a:hover .img img {
    transform: scale(1.1);
  }
}
.page-prj .content-page .other .list a .img {
  aspect-ratio: 282/200;
  width: 100%;
  margin: 0;
  overflow: hidden;
}
.page-prj .content-page .other .list a .img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: all 0.5s ease;
}
.page-prj .content-page .other .list a .desc {
  padding: 24px;
  background: var(--Gray, #F2F2F2);
  width: 100%;
}
@media only screen and (max-width: 1280px) {
  .page-prj .content-page .other .list a .desc {
    padding: 15px;
  }
}
.page-prj .content-page .other .list a .desc h3 {
  color: var(--Yellow, #FAB43A);
  font-family: "Lato Bold.ttf";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 28px */
  letter-spacing: 0.8px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1280px) {
  .page-prj .content-page .other .list a .desc h3 {
    font-size: 18px;
    margin-bottom: 5px;
  }
}
.page-prj .content-page .other .list a .desc .add {
  display: flex;
  align-items: center;
  margin: 24px 0 8px;
  color: var(--Yellow, #FAB43A);
}
@media only screen and (max-width: 1280px) {
  .page-prj .content-page .other .list a .desc .add {
    margin: 15px 0 5px;
  }
}
.page-prj .content-page .other .list a .desc .add .icon {
  width: 8px;
  margin-right: 6px;
}
.page-prj .content-page .other .list a .desc p {
  color: var(--Text, #4D4D4D);
}
.page-prj .content-page .other .list a .desc p:not(.loca) {
  min-height: 115px;
}
@media only screen and (max-width: 1280px) {
  .page-prj .content-page .other .list a .desc p:not(.loca) {
    min-height: 92px;
  }
}
.page-prj .content-page .other .list a .desc .loca {
  color: var(--Blue, #143C5A);
  margin-bottom: 16px;
  min-height: 45px;
}
.page-prj .content-page .other .list a .desc span {
  width: 100%;
  height: 1px;
  display: block;
  opacity: 0.6;
  background: var(--Text, #4D4D4D);
}
.page-prj .content-page .other > .cm-button {
  margin: 0 auto 0;
}

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