@font-face {
  font-family: "NotoSansSC ExtraBold";
  font-style: normal;
  src: url("/wp-content/themes/koreanbay/fonts/NotoSansSC-ExtraBold.ttf")
    format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansSC";
  font-weight: normal;
  font-style: normal;
  src: url("/wp-content/themes/koreanbay/fonts/NotoSansSC.ttf")
    format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansSC Bold";
  font-weight: normal;
  font-style: normal;
  src: url("/wp-content/themes/koreanbay/fonts/NotoSansSC-Bold.ttf")
    format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansSC-Black";
  font-weight: normal;
  font-style: normal;
  src: url("/wp-content/themes/koreanbay/fonts/NotoSansSC-Black.ttf")
    format("truetype");
  font-display: swap;
}
.h6,
h6 {
  opacity: 1;
}
#logo img {
  padding: 0px 0;
  padding-top: 8px;
}
.container {
  padding-left: 0px;
  padding-right: 0px;
}
html[lang="zh-CN"] {
  white-space: normal;
  word-break: keep-all;
}
html[lang="zh-CN"] .home h2.site-banner__title {
  max-width: 1100px;
}
.home h2.site-banner__title {
  max-width: 1200px;
}
.nutmau .btn::before {
  border: 1px solid #0a0b09;
}
.nutmaut .btn::before {
  border: 1px solid #ffffff;
}
.cttdung .site-banner__subtitle + * {
  margin-top: 0px;
}
.cttdung .site-banner__txt {
  color: var(--Dark-D1, #0a0b09);

  /* Body/B1 */
  font-family: "NotoSansSC";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
  text-transform: none;
}
.cttdung h2.subtitle {
  display: none;
}
.gianhap.section-black .btn::before {
  border-color: #0a0b09;
}
.override-cursor .follower {
  width: 28px;
  height: 28px;
  position: fixed;
  transform: translate(-50%, -50%);
  background-color: rgba(205, 215, 255, 0.4);
  background-color: rgba(205, 76, 237, 0.2);
  border: 2px solid transparent;
  border-radius: 100%;
  z-index: 998;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
.override-cursor .custom-cursor1 {
  width: 12px;
  height: 12px;
  position: fixed;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  background: rgba(205, 76, 237, 0.6);
  border-radius: 100%;
  opacity: 0.9;
  z-index: 999;
  pointer-events: none;
  transition: width ease 0.25s, height ease 0.25s, opacity ease 2s;
}
.override-cursor,
.override-cursor *,
.override-cursor a {
  /* cursor: none !important;*/
}
.nav > li > a,
h4,
h5,
h6 {
  font-family: "NotoSansSC", sans-serif;
}
li {
  margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
}
blockquote,
dl,
figure,
form,
ol,
p,
pre,
ul {
  margin-bottom: 0;
}
.section-black .flickity-button[disabled] svg path {
  fill: #0a0b09;
}
.button.icon.is-small {
  border-width: 0;
}
.flh a {
  text-decoration: none;
  color: #0a0b09;
  color: var(--Dark-D1, #0a0b09);
  font-feature-settings: "liga" off, "clig" off;
  font-family: "NotoSansSC";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 150% */
  letter-spacing: 0.2px;
}
html[lang="zh-CN"] .looping-txt__txt--faux-1 [data-txt],
html[lang="zh-CN"] .looping-txt__txt--faux-2 [data-txt],
html[lang="zh-CN"] .looping-txt__txt--faux-3 [data-txt],
html[lang="zh-CN"] .looping-txt__txt--faux-4 [data-txt],
html[lang="zh-CN"] .usp-rows__item::before,
html[lang="zh-CN"] h1,
html[lang="zh-CN"] .h1,
html[lang="zh-CN"] h2,
html[lang="zh-CN"] .h2,
html[lang="zh-CN"] h3,
html[lang="zh-CN"] .h3,
html[lang="zh-CN"] h4,
html[lang="zh-CN"] .h4,
html[lang="zh-CN"] h5,
html[lang="zh-CN"] .h5,
h6,
html[lang="zh-CN"] .h6 {
  font-family: "NotoSansSC-Black";
}
.looping-txt__txt--faux-1 [data-txt],
.looping-txt__txt--faux-2 [data-txt],
.looping-txt__txt--faux-3 [data-txt],
.looping-txt__txt--faux-4 [data-txt],
.usp-rows__item::before,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: Phudu;
}
.btn,
.gform_wrapper .gform_page_footer .button,
.gform_wrapper .gform_page_footer button,
.txt-styles .wp-block-button__link,
.txt-styles .wp-block-file__button,
input[type="submit"],
button {
  background: #0a0b09;
}
div.wpforms-container-full input[type="date"],
div.wpforms-container-full input[type="datetime"],
div.wpforms-container-full input[type="datetime-local"],
div.wpforms-container-full input[type="email"],
div.wpforms-container-full input[type="month"],
div.wpforms-container-full input[type="number"],
div.wpforms-container-full input[type="password"],
div.wpforms-container-full input[type="range"],
div.wpforms-container-full input[type="search"],
div.wpforms-container-full input[type="tel"],
div.wpforms-container-full input[type="text"],
div.wpforms-container-full input[type="time"],
div.wpforms-container-full input[type="url"],
div.wpforms-container-full input[type="week"],
div.wpforms-container-full select,
div.wpforms-container-full textarea,
.wp-core-ui div.wpforms-container-full input[type="date"],
.wp-core-ui div.wpforms-container-full input[type="datetime"],
.wp-core-ui div.wpforms-container-full input[type="datetime-local"],
.wp-core-ui div.wpforms-container-full input[type="email"],
.wp-core-ui div.wpforms-container-full input[type="month"],
.wp-core-ui div.wpforms-container-full input[type="number"],
.wp-core-ui div.wpforms-container-full input[type="password"],
.wp-core-ui div.wpforms-container-full input[type="range"],
.wp-core-ui div.wpforms-container-full input[type="search"],
.wp-core-ui div.wpforms-container-full input[type="tel"],
.wp-core-ui div.wpforms-container-full input[type="text"],
.wp-core-ui div.wpforms-container-full input[type="time"],
.wp-core-ui div.wpforms-container-full input[type="url"],
.wp-core-ui div.wpforms-container-full input[type="week"],
.wp-core-ui div.wpforms-container-full select,
.wp-core-ui div.wpforms-container-full textarea {
  background-color: #e6e6e3;
  background-clip: padding-box;
  border-radius: 4px;
  border-color: #e6e6e3;
}
.wpforms-container .wpforms-field-label,
.wp-core-ui div.wpforms-container .wpforms-field-label {
  font-weight: 400;
}
html[lang="zh-CN"] .looping-txt__inner h2 {
  font-family: "NotoSansSC-Black";
}
.looping-txt__inner h2 {
  color: var(--Primary-900, #0a0b09);
  font-family: Phudu;
  font-size: 90px;
  font-style: normal;
  font-weight: 400;
  line-height: 128px;
  text-transform: uppercase;
}
html[lang="zh-CN"] .btn .btn__txt {
  font-family: "NotoSansSC";
}
.btn .btn__txt {
  color: var(--Secondary-White, #fff);
  text-align: center;
  font-family: "NotoSansSC";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  text-transform: uppercase;
}
.txt-styles--small * + .btn {
  margin-top: 16px;
}
.col {
  padding: 0 0px 0px;
}
.ux-menu-link__link {
  min-height: 1px;
  padding-bottom: 0;
  padding-top: 0;
}
#section1 .projects-featured__item:nth-child(1),
#section1
  .projects-featured__item:nth-child(1)
  .projects-featured__item-info::before {
  background-color: rgb(184, 231, 255);
}
#section1 .projects-featured__item:nth-child(2),
#section1
  .projects-featured__item:nth-child(2)
  .projects-featured__item-info::before {
  background-color: #fff0a7;
}
#section1 .projects-featured__item:nth-child(3),
#section1
  .projects-featured__item:nth-child(3)
  .projects-featured__item-info::before {
  background-color: #f7d5ff;
}
.project-preview--feat .project-preview__title,
.project-preview--feat .project-preview__type,
.project-preview--feat .project-preview__btn a,
.project-preview--feat .project-preview__btn p {
  color: #fff;
}
.col.aprojects {
  padding: 0 0px 0px !important;
}
.projects-featured__item-info {
  width: 34.5263157895%;
  position: relative;
  padding-right: 3.5789473684%;
  z-index: 1;
  flex-basis: 34.5263157895%;
  max-width: 34.5263157895%;
  height: 100vh;
  /*@supports (min-height: 100svh) {
              min-height: 100svh;
          }
  
          @supports (min-height: 100dvh) {
              min-height: 100dvh;
          }
  
          @supports (min-height: 100lvh) {
              min-height: 100lvh;
          }*/
}
.aprojects {
  width: 65.4736842105%;
  flex-basis: 65.4736842105%;
  max-width: 65.4736842105%;
}

#section1 .row .section {
  padding-left: 0;
  padding-right: 0;
}
.site-header__inner {
  display: block;
}
ul.site-menu {
  margin-bottom: 0;
}
ul.site-menu li {
  margin-bottom: 0;
  height: 36px;
}
[data-nav-highlight-marker] {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  background: #0a0b09;
  opacity: 0.5;
  pointer-events: none;
  border-radius: 999px;
  transition: width ease 0.35s, transform ease 0.35s, opacity ease 0.35s;
}
.dv.section-black h3 {
  color: var(--Dark-D1, #0a0b09);
}
.dv.section-black .subtitle::before {
  background-color: #0a0b09;
}
html[lang="zh-CN"] .site-banner__title span {
  font-family: "NotoSansSC-Black";
}
html[lang="zh-CN"] .home1 .site-banner__title span {
  font-family: "NotoSansSC-Black";
}

.site-banner__title span {
  color: #A80808;
  font-family: Phudu;
  font-size: 90px;
  font-style: normal;
  font-weight: 700;
  line-height: 128px;
  text-transform: uppercase;
}
h2.site-banner__title {
  margin-bottom: 40px;
}
.secttd1 h2.site-banner__title {
  margin-bottom: 0px;
}
html[lang="zh-CN"] .bnh .col-inner p {
  font-family: "NotoSansSC";
}
.bnh .col-inner p {
  color: var(--Dark-D1, #0a0b09);

  /* Body/B0 */
  font-family: "NotoSansSC";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px; /* 142.857% */
}
.site-banner--simple .site-banner__inner {
  padding-bottom: 0;
}
html[lang="zh-CN"] h3.h5 a {
  font-family: "NotoSansSC-Black";
}
.projects-featured-outer .h5 {
  font-size: 56px;
}
.projects-featured-outer h3.h5 a {
  color: var(--Primary-900, #0a0b09);
  font-family: Phudu;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px; /* 142.857% */
  text-transform: uppercase;
}
html[lang="zh-CN"] .projects-featured__item-excerpt {
  font-family: "NotoSansSC";
}
.projects-featured__item-excerpt {
  color: var(--Dark-D1, #0a0b09);

  /* Body/B2 */
  font-family: "NotoSansSC";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
html[lang="zh-CN"] .subtitle,
.gform_submission_error,
html[lang="zh-CN"] .site-menu .sub-menu .menu-item-has-children > a {
  font-family: "NotoSansSC";
}
.subtitle,
.gform_submission_error,
.site-menu .sub-menu .menu-item-has-children > a {
  color: var(--Primary-900, #0a0b09);
  font-family: "NotoSansSC";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
  text-transform: uppercase;
}
.subtitle::before,
.gform_submission_error::before,
.site-menu .sub-menu .menu-item-has-children > a::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  /* background-image: url('/images/iconlogo.png'); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.subtitle::before,
.gform_submission_error::before,
.site-menu .sub-menu .menu-item-has-children > a::before {
  background-color: transparent;
}
.subtitle:nth-child(n) {
  font-size: 24px;
}
.txt-styles * + p,
.txt-styles p + * {
  margin-top: 20px;
}
html[lang="zh-CN"] .looping-txt__txt--faux-1 [data-txt],
html[lang="zh-CN"] .looping-txt__txt--faux-2 [data-txt],
html[lang="zh-CN"] .looping-txt__txt--faux-3 [data-txt],
html[lang="zh-CN"] .looping-txt__txt--faux-4 [data-txt] {
  font-family: "NotoSansSC-Black";
}
.looping-txt__txt--faux-1 [data-txt],
.looping-txt__txt--faux-2 [data-txt],
.looping-txt__txt--faux-3 [data-txt],
.looping-txt__txt--faux-4 [data-txt] {
  color: var(--Primary-900, #0a0b09);
  font-family: Phudu;
  font-size: 90px;
  font-style: normal;
  font-weight: 400;
  line-height: 128px; /* 142.222% */
  text-transform: uppercase;
}
.looping-txt__txt--faux-1.looping-txt__txt--faux-1::before,
.looping-txt__txt--faux-1.looping-txt__txt--faux-3::before,
.looping-txt__txt--faux-2.looping-txt__txt--faux-1::before,
.looping-txt__txt--faux-2.looping-txt__txt--faux-3::before,
.looping-txt__txt--faux-3.looping-txt__txt--faux-1::before,
.looping-txt__txt--faux-3.looping-txt__txt--faux-3::before,
.looping-txt__txt--faux-4.looping-txt__txt--faux-1::before,
.looping-txt__txt--faux-4.looping-txt__txt--faux-3::before {
  background: #0a0b09 url(/images/gesture-1.png) center / 70px no-repeat;
  filter: invert(0);
}
.looping-txt__txt--faux-1.looping-txt__txt--faux-2::before,
.looping-txt__txt--faux-1.looping-txt__txt--faux-4::before,
.looping-txt__txt--faux-2.looping-txt__txt--faux-2::before,
.looping-txt__txt--faux-2.looping-txt__txt--faux-4::before,
.looping-txt__txt--faux-3.looping-txt__txt--faux-2::before,
.looping-txt__txt--faux-3.looping-txt__txt--faux-4::before,
.looping-txt__txt--faux-4.looping-txt__txt--faux-2::before,
.looping-txt__txt--faux-4.looping-txt__txt--faux-4::before {
  background: #0a0b09 url(/images/gesture-2.png) center / 70px no-repeat;
  filter: invert(0);
}
@keyframes looping-icon-1 {
  0% {
    transform: translate(-50%, -50%) scaleX(1);
    background-image: url("/images/gesture-1.png");
  }
  45% {
    transform: translate(-50%, -50%) scaleX(1);
    background-image: url("/images/gesture-1.png");
  }
  50% {
    transform: translate(-50%, -50%) scaleX(-1);
    background-image: url("/images/gesture-2-flipped.png");
  }
  95% {
    transform: translate(-50%, -50%) scaleX(-1);
    background-image: url("/images/gesture-2-flipped.png");
  }
  100% {
    transform: translate(-50%, -50%) scaleX(1);
    background-image: url("/images/gesture-1.png");
  }
}
@keyframes looping-icon-2 {
  0% {
    transform: translate(-50%, -50%) scaleX(1);
    background-image: url("/images/gesture-2.png");
  }
  45% {
    transform: translate(-50%, -50%) scaleX(1);
    background-image: url("/images/gesture-2.png");
  }
  50% {
    transform: translate(-50%, -50%) scaleX(-1);
    background-image: url("/images/gesture-1-flipped.png");
  }
  95% {
    transform: translate(-50%, -50%) scaleX(-1);
    background-image: url("/images/gesture-1-flipped.png");
  }
  100% {
    transform: translate(-50%, -50%) scaleX(1);
    background-image: url("/images/gesture-2.png");
  }
}
html[lang="zh-CN"] .col.video-quote__txt .col-inner {
  font-family: "NotoSansSC";
}
.col.video-quote__txt .col-inner {
  margin-left: 0;
  margin-right: auto;
  width: 323px;
  color: var(--Dark-1, #0a0b09);

  /* Body/B2 */
  font-family: "NotoSansSC";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.video-quote__txt .p2 {
  margin-top: 16px;
}
.col.video-quote__txt .col-inner p.p3 {
  color: #7b7d7c;
  margin-top: 4px;
}
/* .section.dark,
.section-black,
.bg-black {
  background: var(--Linear, linear-gradient(180deg, #01064e 0%, #000338 100%));
} */
html[lang="zh-CN"] .txt-content__main h2 .h4 {
  font-family: "NotoSansSC-Black";
}
.txt-content__main h2 .h4 {
  color: var(--Secondary-Background, #fff);

  /* Heading/H3 */
  font-family: Phudu;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
}
html[lang="zh-CN"] .txt-content__main h2 .h4 span {
  font-family: "NotoSansSC-Black";
}
.txt-content__main h2 .h4 span {
  color: var(--Secondary-Background, #fff);

  /* Heading/H3 */
  font-family: Phudu;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px; /* 142.857% */
  text-transform: uppercase;
}
.txt-content__main .des {
  margin-top: 20px;
}
html[lang="zh-CN"] .txt-content__main .des p {
  font-family: "NotoSansSC";
}
.txt-content__main .des p {
  color: var(--Secondary-Background, #fff);

  /* Body/B1 */
  font-family: "NotoSansSC";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
}
.thanhvienh .mb-medium {
  margin-bottom: 0;
  margin-top: 0;
}
.thanhvienh .scroll-logos:nth-child(n + 2) {
}
.scroll-logos {
  margin-bottom: 60px;
}
.thanhvienh .scroll-logos {
  margin-bottom: 0px;
}
.txt-heart::before {
  content: "M";
  display: inline-block;
  background: url(/images/bhoat.png) center / contain no-repeat;
  color: rgba(0, 0, 0, 0);
  width: 100px;
}
html[lang="zh-CN"] footer h2 {
  font-family: "NotoSansSC-Black";
  max-width: 100%;
}
footer h2 {
  color: var(--Primary-900, #0a0b09);

  /* Heading/H3 */
  font-family: Phudu;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
}
html[lang="zh-CN"] footer h2 span {
  font-family: "NotoSansSC-Black";
}
footer h2 span {
  color: var(--Primary-900, #0a0b09);

  /* Heading/H3 */
  font-family: Phudu;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px; /* 142.857% */
  text-transform: uppercase;
}
.logox h2 span span.txt-heart {
}
.logox h2 span span.txt-heart span {
  font-size: 0;
  line-height: 0;
}
footer .txt-styles * + .btn {
  margin-top: 24px;
  border: 1px solid #e6e6e3;
}
.txt-styles .menuf {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
.diachif h6.subtitle {
  color: var(--Dark-D1, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  text-transform: uppercase;
  padding-left: 0px;
}
.diachif h6.subtitle::before {
  /*width:8px;height:8px;background-image: url(/images/Ellipse1.png);top: 4px;*/
}
.menuf .ux-menu-link__text {
  color: var(--Dark-D1, #0a0b09);

  /* Heading/H7 */
  font-family: Phudu;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 140% */
  text-transform: uppercase;
}
footer .site-footer__inner {
  margin-bottom: 4px;
}
.marquee {
  display: flex;
  /* overflow: hidden;*/
  white-space: nowrap;
  box-sizing: border-box;
  animation: scrollMarquee 100s linear infinite;
}

.marquee span {
  padding-right: 50px; /* Khoảng cách giữa hai đoạn văn bản */
}

@keyframes scrollMarquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

/* Tạm dừng hiệu ứng khi di chuột vào */
.marquee:hover {
  /* animation-play-state: paused;*/
}
html[lang="vi"] .copyright-footer span p.pfvn {
  display: block;
}
html[lang="en-GB"] .copyright-footer span p.pfen {
  display: block;
}
html[lang="zh-CN"] .copyright-footer span p.pfko {
  display: block;
}
html[lang="zh-CN"] .copyright-footer span p {
  font-family: "NotoSansSC";
}
.copyright-footer span p {
  color: var(--Dark-D6, #7b7d7c);
  font-feature-settings: "liga" off, "clig" off;

  /* Body/B3 */
  font-family: "NotoSansSC";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.2px;
  display: none;
}
.absolute-footer {
  padding: 32px 0 32px;
}
.addresses {
  gap: 60px;
}
html[lang="zh-CN"] .site-footer__row {
  font-family: "NotoSansSC";
}
.site-footer__row {
  justify-content: space-between;
}
.addresses__colo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.addresses__colo p {
  color: var(--Dark-D1, #0a0b09);

  /* Body/B2 */
  font-family: "NotoSansSC";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 144.444% */
}
.col + .col.cot2f .col-inner {
  margin-left: auto;
  margin-right: 0;
  max-width: 380px;
}
html[lang="en-GB"] .col + .col.cot2f .col-inner {
  max-width: 365px;
  margin-right: 30px;
}
html[lang="zh-CN"] .col + .col.cot2f .col-inner {
  max-width: 365px;
  margin-right: 30px;
}
html[lang="zh-CN"] .addresses__colo p.adds {
  /*font-family:"NotoSansSC";*/
}
.addresses__colo p.adds {
  color: var(--Dark-D1, #0a0b09);
  font-feature-settings: "liga" off, "clig" off;

  /* Body/B3 */
  font-family: "NotoSansSC";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.2px;
}
.site-banner--background-color .site-banner__inner {
  max-width: 1200px;
}
.gt .site-banner__title {
  width: 1089px;
}
.gt h2.site-banner__title {
  margin-bottom: 0;
}
.flickity-slider > div:not(.col) {
  width: 30.9473684211% !important;
}
.flickity-prev-next-button {
  padding: 9px 14px;
  background-color: rgba(0, 6, 110, 1);
  border: 1px solid rgba(0, 6, 110, 1);
  border-radius: 99px;
  transition: background-color ease 0.35s, border-color ease 0.35s;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-transform: none;
  color: rgba(0, 6, 110, 1);
}
.flickity__progressbar-inner {
  background: rgba(0, 6, 110, 1);
}
.flickity-prev-next-button:disabled,
button.flickity-prev-next-button[disabled] {
  opacity: 1 !important;
  left: unset;
  background: rgba(18, 18, 18, 0.1) !important;
  position: unset;
  width: 56px;
  height: 32px;
}
.flickity-prev-next-button.previous {
  left: unset;
  transform: translateX(20%);
  position: unset;
  width: 56px;
  height: 32px;
}
.flickity-prev-next-button.next {
  right: unset;
  transform: translateX(-20%);
  position: unset;
  width: 56px;
  height: 32px;
}
button {
  min-height: 0.5em;
}
.flickity-prev-next-button {
  opacity: 1;
}
.flic .flickity {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
.flickity-slider {
  height: 100%;
  position: unset;
  width: auto;
}
html[lang="zh-CN"] .desf p {
  font-family: "NotoSansSC";
}
.desf p {
  color: var(--Dark-D1, #0a0b09);

  /* Body/B2 */
  font-family: "NotoSansSC";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.flicbox .flickity__item {
  display: flex;
  width: 282px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.thongtin {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.thongtin h3.flickity__name {
  font-size: 40px;
  line-height: 56px;
}
.thongtin.box-text {
  font-size: unset;
  padding-bottom: 0;
  padding-top: 12px;
  position: relative;
  width: 100%;
}
.thongtin.box-text .box-text-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /*gap: 2px;*/
  align-self: stretch;
}
html[lang="zh-CN"] .thongtin .flickity__name span {
  font-family: "NotoSansSC-Black";
}
.thongtin .flickity__name span {
  color: var(--Secondary-Text, #0a0b09);
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px; /* 150% */
  text-transform: uppercase;
}
html[lang="zh-CN"] .thongtin .flickity__title {
  font-family: "NotoSansSC";
}
.thongtin .flickity__title {
  color: var(--Secondary-Text, #0a0b09);
  font-feature-settings: "liga" off, "clig" off;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px; /* 150% */
  letter-spacing: 0.2px;
}
html[lang="zh-CN"] .thongtin .flickity__description {
  font-family: "NotoSansSC";
}
.thongtin .flickity__description {
  color: var(--Secondary-Text, #0a0b09);
  font-feature-settings: "liga" off, "clig" off;

  /* Body/B4 */
  font-family: "NotoSansSC";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 142.857% */
  letter-spacing: 0.2px;
}
.flicbox .flickity-slider > div:not(.col) {
  width: 282px !important;
}
.flicbox .flickity {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
html[lang="zh-CN"] .dv.section-black {
  font-family: "NotoSansSC";
}
.dv.section-black {
  background: rgb(184, 231, 255);
}
.dv.section-black .h3 {
  color: var(--Dark-D1, #0a0b09);
  font-family: "NotoSansSC";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
  text-transform: uppercase;
}
html[lang="zh-CN"] .scroll-cols__heading.h6 {
  font-family: "NotoSansSC-Black";
}
.scroll-cols__heading.h6 {
  color: var(--Dark-D1, #0a0b09);

  /* Heading/H5 */
  font-family: Phudu;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px; /* 137.5% */
  text-transform: uppercase;
}
html[lang="zh-CN"] p.scroll-cols__txt {
  font-family: "NotoSansSC";
}
p.scroll-cols__txt {
  color: var(--Dark-D1, #0a0b09);
  font-feature-settings: "liga" off, "clig" off;

  /* Body/B3 */
  font-family: "NotoSansSC";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.2px;
}
.section-black .scroll-cols__heading-icon svg * {
  fill: rgba(10, 11, 9, 1);
}
html[lang="zh-CN"] .accordion__side h2.h6 {
  font-family: "NotoSansSC-Black";
}
.accordion__side h2.h6 {
  color: var(--Dark-D1, #0a0b09);

  /* Heading/H5 */
  font-family: Phudu;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px; /* 137.5% */
  text-transform: uppercase;
}
html[lang="zh-CN"] .accordion__side h2.h6 span {
  font-family: "NotoSansSC-Black";
}
.accordion__side h2.h6 span {
  color: var(--Dark-D1, #0a0b09);

  /* Heading/H5 */
  font-family: Phudu;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px; /* 137.5% */
  text-transform: uppercase;
}
html[lang="zh-CN"] .accordion__side p.h6 {
  font-family: "NotoSansSC-Black";
}
.accordion__side p.h6 {
  color: var(--Dark-D1, #0a0b09);
  /* Heading/H5 */
  font-family: Phudu;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px; /* 137.5% */
  text-transform: uppercase;
  opacity: 0.15;
}
.accordion__main h2 .h3 {
  width: 761px;
}
html[lang="zh-CN"] .accordion__main h2 .h3 span {
  font-family: "NotoSansSC-Black";
}
.accordion__main h2 .h3 span {
  color: var(--Primary-900, #a80808);

  /* Heading/H3 */
  font-family: Phudu;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px; /* 142.857% */
  text-transform: uppercase;
}
.section-black .flickity-button svg * {
  fill: #0a0b09;
}
.accordion.accordion__items {
  display: flex;
  flex-direction: column;
}
.accordion-title {
  border-top: none;
}
html[lang="zh-CN"] .accordion-title span {
  font-family: "NotoSansSC-Black";
}
.accordion-title span {
  color: var(--Dark-D1, #0a0b09);

  /* Heading/H5 */
  font-family: Phudu;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px; /* 137.5% */
  text-transform: uppercase;
}
html[lang="zh-CN"] .accordion-inner p {
  font-family: "NotoSansSC";
}
.accordion-inner p {
  color: var(--Dark-D1, #0a0b09);

  /* Body/B2 */
  font-family: "NotoSansSC";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.accordion-title.active {
  background-color: transparent;
  border-bottom: 1px solid #0a0b09;
}
.accordion .toggle {
  position: relative;
  width: 48px;
  height: 48px;
  overflow: hidden;
  border-radius: 100%;
  background-color: transparent;
  background: url(/images/Plus.png) no-repeat center / cover;
  transition: transform ease 0.35s, border-radius ease 0.35s;
}
.accordion .accordion-title.active .toggle {
}
.accordion .accordion-title.active .toggle:hover::before {
}
.accordion-title.plain {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.accordion .toggle::before {
}

.accordion .toggle:hover::before {
}
.accordion-title.plain {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.accordion .toggle {
  opacity: 1;
  margin-right: 0;
  margin-top: 0;
  top: 0;
  border: none;
}
.accordion-item:nth-child(1) .accordion-title {
}
.accordion-inner {
  padding: 24px 0 32px 0;
}
.accordion-title {
  padding: 32px 0 24px 0;
}
.accordion button::before {
  border: none;
}
.accordion button i {
  display: none;
}
.amk .col:nth-child(1) {
  padding-right: 20px;
}
.amk .col:nth-child(2) {
  padding-left: 20px;
}
.tdung {
  padding-top: 0px !important;
  margin-top: 92px;
}
.tdung .site-banner__imgs {
  margin-top: 49px;
}
html[lang="zh-CN"] .tdung .site-banner__title span {
  font-family: "NotoSansSC-Black";
}
.tdung .site-banner__title span {
  color: var(--Secondary-Background, #fff);
  text-align: center;
  font-family: Phudu;
  font-size: 90px;
  font-style: normal;
  font-weight: 700;
  line-height: 128px; /* 142.222% */
  text-transform: uppercase;
}
.tdung .btn .btn__txt {
  color: var(--Primary-900, #0a0b09);
  padding: 16px 24px;
}
.truyen .txt-styles * + .btn {
  margin-top: 20px;
}
.section-black .btn .btn__txt-extra {
  background: #0a0b09;
}
.bg-black .btn .btn__txt-extra {
  background: #0a0b09;
}
.truyen .btn--small .btn__txt {
  color: var(--Primary-900, #0a0b09);
}
html[lang="zh-CN"] .truyen h2 .h3 span {
  font-family: "NotoSansSC-Black";
}
.truyen h2 .h3 span {
  color: var(--Secondary-Background, #fff);

  /* Heading/H3 */
  font-family: Phudu;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px; /* 142.857% */
  text-transform: uppercase;
}
.truyen.section.dark,
.truyen.section-black {
  background: var(--Linear, linear-gradient(360deg, #01064e 0%, #000338 100%));
}
.life .txt-content__main h2 .h4 {
  color: var(--Primary-900, #0a0b09);
}
.life .txt-content__main h2 .h4 span {
  color: var(--Primary-900, #0a0b09);
}
.odai {
  max-width: 1094px;
}
.cottd {
  display: flex;
  width: 400px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
html[lang="zh-CN"] .life .h6 {
  font-family: "NotoSansSC-Black";
}
.life .h6 {
  color: var(--Dark-D1, #0a0b09);

  /* Heading/H5 */
  font-family: Phudu;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px; /* 137.5% */
  text-transform: uppercase;
}
html[lang="zh-CN"] .life .usp-cols__item p {
  font-family: "NotoSansSC";
}
.life .usp-cols__item p {
  color: var(--Dark-D1, #0a0b09);

  /* Body/B2 */
  font-family: "NotoSansSC";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.usp-cols__items li {
  margin-bottom: 0;
}
.wdai {
  max-width: 779px;
}
blockquote {
  border-left: none;
  color: #333;
  font-size: initial;
  font-style: unset;
  margin: auto;
  padding: initial;
  position: unset;
}
.testi {
  max-width: 1200px;
  margin: auto;
}
.flickity--testimonial .flickity__item:nth-child(n + 2) {
  margin-left: 24px;
}
.flickity--testimonial .flickity-slider > div:not(.col) {
  width: 282px !important;
}
.testimonial__img {
  width: 72px;
  background: #fff;
  border-radius: 100%;
}
.testimonial {
  padding: 24px;
}
.testimonial__quote-quotee {
  flex-grow: 1;
  font-style: normal;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  align-self: stretch;
}
.testimonial__header {
  gap: 12px;
  margin-bottom: 24px;
}
html[lang="zh-CN"] .testimonial__quote-quotee p:nth-child(1) {
  /*font-family:"NotoSansSC-Black";*/
}
.testimonial__quote-quotee p:nth-child(1) {
  color: var(--Primary-900, #0A0B09);
  font-feature-settings: "liga" off, "clig" off;

  /* Subtilte/S2 */
  font-family: Phudu;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px; /* 150% */
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
html[lang="zh-CN"] .testimonial__quote-quotee p:nth-child(2) {
  font-family: "NotoSansSC";
}
.testimonial__quote-quotee p:nth-child(2) {
  color: var(--Dark-D10, #0A0B09);
  font-feature-settings: "liga" off, "clig" off;

  /* Body/B4 */
  font-family: "NotoSansSC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.2px;
  opacity: 1;
}
html[lang="zh-CN"] .testimonial__quote-txt {
  font-family: "NotoSansSC";
}
p.testimonial__quote-txt {
  color: var(--Primary-900, #0A0B09) !important;
  font-feature-settings: "liga" off, "clig" off;

  /* Body/B4 */
  font-family: "NotoSansSC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.2px;
}
.section-black .testimonial {
  background-color: rgba(255, 255, 255, 0.06);
}
html[lang="zh-CN"] .gianhap h2 {
  font-family: "NotoSansSC-Black";
}
.gianhap h2 {
  color: var(--Secondary-Background, #fff);
  text-align: center;

  /* Heading/H2 */
  font-family: Phudu;
  font-size: 72px;
  font-style: normal;
  font-weight: 400;
  line-height: 100px; /* 138.889% */
  text-transform: uppercase;
}
html[lang="zh-CN"] .gianhap h2 span {
  font-family: "NotoSansSC";
}
.gianhap h2 span {
  color: var(--Secondary-Background, #fff);
  text-align: center;

  /* Heading/H2 */
  font-family: Phudu;
  font-size: 72px;
  font-style: normal;
  font-weight: 400;
  line-height: 100px; /* 138.889% */
  text-transform: uppercase;
}
.gianhap.section-black {
  background: var(--Linear, linear-gradient(310deg, #01064e 0%, #000338 100%));
}
.linktuyendung {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
/*html[lang="zh-CN"] .link-list__item-title{font-family:"NotoSansSC";}
  .link-list__item-title{
    color: var(--Secondary-Background, #FFF);
  font-family: "NotoSansSC";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; 
  text-transform: uppercase;
  }
  html[lang="zh-CN"] .link-list__item-strip-item{font-family:"NotoSansSC";}
  .link-list__item-strip-item{
      color: var(--Secondary-Background, #FFF);
  font-family: "NotoSansSC";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; 
  text-transform: uppercase;
  }*/
.linktuyendung .link-list__item ul {
  padding-top: 12px;
}
.link-list__item-logo::after,
.link-list__item-title::after,
.link-list__item-strip-item::after {
  content: "";
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-left: 60px;
  /* background: url(/images/bhoa.png) center / contain no-repeat;*/
  background: url(/images/ArrowRightW.png) center / contain no-repeat;
  filter: invert(0);
}
.section-black .link-list__item-strip-item::after {
  filter: invert(0);
}
html[lang="zh-CN"] .gianhap .btn__txt {
  font-family: "NotoSansSC";
}
.gianhap .btn__txt {
  color: var(--Primary-900, #0a0b09);
  text-align: center;
  font-family: "NotoSansSC";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  text-transform: uppercase;
}
.gianhap .text-right .btn {
  margin-right: 6px;
}
.gianhap .text-left .btn {
  margin-left: 6px;
}
.tdlh .section-content {
  padding-top: 80px;
  padding-bottom: 60px;
}
.ctlh .subtitle::before {
  background-color: rgb(10, 11, 9);
}
html[lang="zh-CN"] .ctlh p {
  font-family: "NotoSansSC";
}
.ctlh p {
  color: #0a0b09;

  /* Body/B2 */
  font-family: "NotoSansSC";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.ctlh .form__main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  flex-basis: 60% !important;
  max-width: 60% !important;
}
.ctlh .form__side {
  flex-basis: 36.167%;
  max-width: 36.167%;
}
.ctlh .addresses {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}
.ctlh .col:first-child .col-inner {
  margin-left: 0;
  margin-right: auto;
}
div.wpforms-container-full:not(:empty) {
  padding: 0;
  margin: 0;
  width: 100%;
}
.ctlh .subtitle {
  color: var(--Dark-D1, #0a0b09);
}
.ctlh .form__main .col-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  flex-shrink: 0;
}
.ctlh .form.section--huge {
  gap: 40px;
}
html[lang="zh-CN"] .flh .txt-content__main h2 {
  font-family: "NotoSansSC-Black";
}
.flh .txt-content__main h2 {
  color: var(--Primary-900, #0a0b09);

  /* Heading/H3 */
  font-family: Phudu;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
}
html[lang="zh-CN"] .flh .txt-content__main h2 span {
  font-family: "NotoSansSC-Black";
}
.flh .txt-content__main h2 {
  font-size: 56px;
  line-height: 80px;
}
.flh .txt-content__main h2 span {
  color: var(--Primary-900, #0a0b09);

  /* Heading/H3 */
  font-family: Phudu;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px; /* 142.857% */
  text-transform: uppercase;
}
.flh .subtitle::before {
  background-color: #0a0b09;
}
.hst .site-banner__inner {
  max-width: 1200px;
  margin: auto;
}
.hst .site-banner--archive .site-banner__inner {
  padding-bottom: 24px;
}
.hst.site-banner--archive .site-banner__links {
  margin-top: 24px;
}
.hst .mt-small {
  margin-top: 0px;
}
.hst .col-inner ul li {
  margin-left: 4px;
}
.hst .col-inner ul li:nth-child(1) {
  margin-left: 0px;
}
.fhst .txt-content__main h2 .h4 {
  color: var(--Primary-900, #0a0b09);
}
.fhst .txt-content__main h2 .h4 span {
  color: var(--Primary-900, #0a0b09);
}
html[lang="zh-CN"] .fhst .desf p {
  font-family: "NotoSansSC";
}
.fhst .desf p {
  color: var(--Dark-D1, #0a0b09);

  /* Body/B1 */
  font-family: "NotoSansSC";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
}
.fhst .desf {
  margin-top: 20px;
}
.hst .site-banner--archive .site-banner__inner {
  padding-bottom: 0px;
}
html[lang="zh-CN"] .hstft .des {
  font-family: "NotoSansSC";
}
.hstft .des {
  color: var(--Secondary-Background, #fff);

  /* Body/B2 */
  font-family: "NotoSansSC";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.hstft .subtitle {
  width: 300px;
}
.hstft .subtitle::before {
  top: 28px;
}
.project-preview--feat .project-preview__content {
  position: relative;
  z-index: 3;
}
.project-preview--feat .project-preview__content {
  grid-area: project;
}
#projects1 .project-preview--feat .project-preview__inner {
  height: auto;
  position: relative;
  display: grid;
  grid-template-areas: "project";
  grid-template-columns: 100%;
  grid-template-rows: 100%;
}
#projects2 .project-preview--feat .project-preview__inner {
  height: 100%;
  position: relative;
  display: grid;
  grid-template-areas: "project";
  grid-template-columns: 100%;
  grid-template-rows: 100%;
}
.project-preview--feat .project-preview__img {
  position: relative;
  height: 100%;
}
.site-banner--archive .site-banner__link a.active span {
  color: #fff;
}
.project-preview--feat .project-preview__img,
.project-preview--feat .project-preview__content {
  grid-area: project;
}
.project-preview--feat .project-preview__img::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
}
.project-preview--feat .project-preview__img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  object-position: bottom;
}
html[lang="zh-CN"] h3.project-preview__title {
  font-family: "NotoSansSC-Black";
}
h3.project-preview__title {
  color: var(--Secondary-Background, #fff);

  /* Heading/H2 */
  font-family: Phudu;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px; /* 138.889% */
  text-transform: uppercase;
}
html[lang="zh-CN"] h3.project-preview__title span {
  font-family: "NotoSansSC-Black";
}
h3.project-preview__title span {
  color: var(--Secondary-Background, #fff);

  /* Heading/H2 */
  font-family: Phudu;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px; /* 138.889% */
  text-transform: uppercase;
}
html[lang="zh-CN"] .project-preview__content .desc {
  font-family: "NotoSansSC";
}
.project-preview__content .desc {
  color: var(--Secondary-Background, #fff);

  /* Body/B1 */
  font-family: "NotoSansSC";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
  padding-top: 20px;
  padding-bottom: 16px;
  max-width: 1000px;
}
.nenv .accordion-title .toggle {
  position: relative;
  width: 48px;
  height: 48px;
  overflow: hidden;
  border-radius: 100%;
  background-color: transparent;
  background: url(/images/PlusCircle.png) no-repeat center / cover;
}
.nenv .accordion-title.active .toggle {
  position: relative;
  width: 48px;
  height: 48px;
  overflow: hidden;
  border-radius: 100%;
  background-color: transparent;
  background: url(/images/PlusCircle3.png) no-repeat center / cover;
}
.nenv .accordion .active .toggle:hover::before {
  transform: translateY(-100%);
  background-image: url(/images/PlusCircle.png);
}
.nenv .accordion-title .toggle::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent url(/images/PlusCircle3.png) no-repeat center / cover;
  transition: transform 0.35s ease;
}

.nenv .accordion-title .toggle:hover::before {
  transform: translateY(-100%);
  background: #fff0a7 url(/images/PlusCircle3.png);
}
.ncskh.nenv .accordion-title .toggle:hover::before {
  transform: translateY(-100%);
  background: #f7d5ff url(/images/PlusCircle3.png);
}
.ncskh.nenv .accordion-title.active .toggle:hover::before {
  background: #f7d5ff url(/images/PlusCircle.png);
}
div.wpforms-container-full button[type="submit"]:focus:after {
  display: none;
}
.wpforms-container .wpforms-form * {
  word-break: unset !important;
}
div.wpforms-container-full input[type="submit"]:hover,
div.wpforms-container-full input[type="submit"]:active,
div.wpforms-container-full button[type="submit"]:hover,
div.wpforms-container-full button[type="submit"]:active,
div.wpforms-container-full .wpforms-page-button:hover,
div.wpforms-container-full .wpforms-page-button:active,
.wp-core-ui div.wpforms-container-full input[type="submit"]:hover,
.wp-core-ui div.wpforms-container-full input[type="submit"]:active,
.wp-core-ui div.wpforms-container-full button[type="submit"]:hover,
.wp-core-ui div.wpforms-container-full button[type="submit"]:active,
.wp-core-ui div.wpforms-container-full .wpforms-page-button:hover,
.wp-core-ui div.wpforms-container-full .wpforms-page-button:active {
  background-color: #0a0b09 !important;
}
div.wpforms-container-full button[type="submit"]:not(:hover):not(:active) {
  background-color: #0a0b09 !important;
}
html[lang="zh-CN"] .wpforms-submit {
  font-family: "NotoSansSC" !important;
}
.wpforms-submit {
  color: var(--Secondary-White, #fff) !important;
  text-align: center !important;
  font-family: "NotoSansSC" !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 300 !important;
  line-height: 26px !important; /* 144.444% */
  text-transform: uppercase !important;
  display: flex !important;
  /*width: 120px!important;*/
  height: 58px !important;
  padding: 12px 0px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 4px !important;
  border-radius: 100px !important;
  background-color: #0a0b09 !important;
}
.wpforms-submit::before {
  border: 1px solid #0a0b09;
  z-index: 3;
}
/* Cấu hình cho phần tử chữ chính */
html[lang="zh-CN"] .wpforms-submit .btn__txtm {
  padding: 0;
}
.wpforms-submit .btn__txtm {
  border-radius: 100px !important;
  width: 100%;
  z-index: 2;
  transition: transform ease 0.35s; /* Hiệu ứng cho phần tử chữ chính */
  transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.35s ease,
    border-radius 0.35s ease; /* Thêm easing tùy chỉnh */
}

/* Cấu hình cho phần tử chữ phụ (hiển thị khi hover) */
html[lang="zh-CN"] .wpforms-submit .btn__txt-extram {
  /*writing-mode: vertical-lr;*/
}
.wpforms-submit .btn__txt-extram {
  width: 100%;
  background: #fff;
  transform: translateY(100%);
  padding: 12px 24px;
  position: absolute;
  color: #fff; /* Màu chữ phụ */
  z-index: 1;
  opacity: 0; /* Ban đầu ẩn chữ phụ */
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.35s ease,
    border-radius 0.35s ease; /* Thêm easing tùy chỉnh */
}
.wpforms-submit .btn__txtm,
.wpforms-submit .btn__txt-extram {
  text-transform: uppercase;
  font-size: 18px;
  line-height: 34px;
  padding: 12px 23px;
}
.fotd .wpforms-submit .btn__txtm {
  padding: 12px 44px;
}
div.wpforms-container-full
  .wpforms-field-file-upload
  .wpforms-uploader.wpforms-focus {
  box-shadow: none !important;
}
.wpforms-field.wpforms-field-file-upload {
  padding-top: 16px;
}
div.wpforms-container-full .wpforms-field-file-upload .wpforms-uploader {
  border-color: transparent !important;
}
div.wpforms-container div.wpforms-uploader {
  border: none !important;
  padding: 16px 0 8px 0 !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}
div.wpforms-container div.wpforms-uploader .dz-message {
  flex-direction: row !important;
  text-align: center !important;
  align-items: center !important;
}
div.wpforms-container div.wpforms-uploader .dz-message svg {
  display: none !important;
}
div.wpforms-container div.wpforms-uploader .dz-message::before {
  content: "";
  width: 17px;
  height: 17px;
  position: absolute;
  top: 26%;
  transform: translateY(-50%);
  background: url(/images/attachment.png) center / contain no-repeat;
  margin-top: 9px;
}
div.wpforms-container div.wpforms-uploader .dz-message .modern-title {
  display: none !important;
}
div.wpforms-container div.wpforms-uploader .dz-error-message span {
  display: none !important;
}
div.wpforms-container
  div.wpforms-uploader
  .dz-preview
  .dz-error-message
  span:not(:empty) {
  display: none !important;
  padding-top: 10px;
}
div.wpforms-container div.wpforms-uploader .dz-error-message::before {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding-left: 25px;
}
html:lang(vi)
  div.wpforms-container
  div.wpforms-uploader
  .dz-error
  .dz-error-message::before {
  content: "Dữ liệu không hợp lệ";
}
html:lang(en-GB)
  div.wpforms-container
  div.wpforms-uploader
  .dz-error
  .dz-error-message::before {
  content: "Invalid data";
}
html:lang(ko-KR)
  div.wpforms-container
  div.wpforms-uploader
  .dz-error
  .dz-error-message::before {
  content: "잘못된 데이터";
}
div.wpforms-container div.wpforms-uploader .dz-message::after {
  color: var(--Primary-900, #0a0b09);
  text-align: center;
  font-family: "NotoSansSC";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  padding-left: 24px;
}
html:lang(vi) div.wpforms-container div.wpforms-uploader .dz-message::after {
  content: "Tải CV của bạn";
}
html[lang="en-GB"]
  div.wpforms-container
  div.wpforms-uploader
  .dz-message::after {
  content: "Attach CV ";
}
html[lang="zh-CN"]
  div.wpforms-container
  div.wpforms-uploader
  .dz-message::after {
  content: "이력서 첨부";
}
/* Khi hover vào nút */
.wpforms-submit:hover .btn__txtm {
  transform: translateY(-100%); /* Di chuyển chữ chính lên trên khi hover */
  opacity: 0; /* Ẩn chữ chính */
}
.wpforms-submit:hover .btn__txt-extram {
  color: #0a0b09;
  transform: translateY(0); /* Di chuyển chữ phụ xuống dưới khi hover */
  opacity: 1; /* Hiển thị chữ phụ */
}

.wpforms-submit:hover .btn__txt-extram {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.wpforms-submit:not(:hover) .btn__txt-extram {
  transform: translateY(100%); /* Đưa chữ phụ về vị trí ban đầu */
  opacity: 0; /* Ẩn chữ phụ */
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.35s ease,
    border-radius 0.35s ease; /* Thêm easing tùy chỉnh */
}
.btn__txt-extram {
  pointer-events: none;
}
html[lang="zh-CN"] .wpforms-submit {
  padding: 12px 24px !important;
}
.button.disabled,
.button[disabled],
button.disabled,
button[disabled] {
  opacity: 1 !important;
  pointer-events: none;
  color: var(--Neutral-400, #afb1af) !important;
  background-color: #d4d5d2 !important;
  border: none !important;
}
button[disabled]::before {
  border: none;
}
.videohome {
  padding-top: 0 !important;
}
.videohome .wp-video {
  width: 100% !important;
}
.videohome .mejs-video {
  width: 100% !important;
}
.mejs-overlay-button {
  background: none !important;
}
.video-quote__video-btn.btn {
  background: #e6e6e3;
}
html[lang="zh-CN"] .video-quote__video-btn.btn .btn__txt {
  font-family: "NotoSansSC";
}
.video-quote__video-btn.btn .btn__txt {
  color: var(--Primary-900, #0a0b09);
  text-align: center;
  font-family: "NotoSansSC";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  text-transform: uppercase;
}
.video-quote__video-btn .btn__txt {
  padding: 12px 24px;
}
.video-quote__video-btn .btn__txt-extra {
  padding: 16px 24px;
}
.videohome .btn--light .btn__txt-extra {
  background-color: #0a0b09;
}
html[lang="zh-CN"] h3 .h6 {
  font-family: "NotoSansSC-Black";
}
h3 .h6 {
  color: var(--Dark-D1, #0a0b09);

  /* Heading/H5 */
  font-family: Phudu;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px; /* 137.5% */
  text-transform: uppercase;
}
html[lang="zh-CN"] .section--medium .txt-styles p {
  font-family: "NotoSansSC";
}
html[lang="en-GB"] .section--medium .txt-styles p {
  font-family: "Noto Sans", "NotoSansSC";
}
.section--medium .txt-styles p {
  color: var(--Dark-D1, #0a0b09);

  /* Body/B2 */
  font-family: "NotoSansSC";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.section--medium .txt-styles h3:not(:has(+ p)) + ul {
  padding-top: 20px; /* Điều chỉnh khoảng cách phù hợp */
}
html[lang="zh-CN"] .textch {
  font-family: "NotoSansSC";
}
.textch {
  color: var(--Dark-D1, #0a0b09);

  /* Body/B1 */
  font-family: "NotoSansSC";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
}
.tdform h3 .h6 {
  color: #0a0b09;
}
.hform {
  margin-top: 24px !important;
}
.projects-featured__item-inner {
  height: 100vh;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
html[lang="zh-CN"] p .txt-upper.txt-larger {
  font-family: "NotoSansSC";
}
p .txt-upper.txt-larger {
  color: #0a0b09;
  font-family: "NotoSansSC";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px; /* 142.857% */
  text-transform: uppercase;
}
.section {
  display: block;
}
html[lang="zh-CN"] .col.video-quote__txt .col-inner p {
  font-family: "NotoSansSC";
}
.col.video-quote__txt .col-inner p {
  /*	color: var(--Dark-1, #0A0B09);*/

  /* Body/B2 */
  font-family: "NotoSansSC";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.nvideoh .col:first-child .col-inner {
  margin-left: 0;
  margin-right: auto;
}
.nvideoh .col + .col .col-inner {
  margin-left: auto;
  margin-right: 0;
}
.site-footer .section-content {
  display: flex;
  padding: 80px 0 32px 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
}

footer .btn {
  background: var(--Dark-D12, #e6e6e3);
}
footer .btn .btn__txt {
  color: var(--Primary-900, #0a0b09);
}
.btn__txt-extra::before {
  content: attr(data-txt);
  color: #0a0b09;
}
.btn::before {
  border: none;
}
html[lang="zh-CN"] footer .addresses .subtitle {
  font-family: "NotoSansSC";
}
footer .addresses .subtitle {
  color: var(--Dark-D1, #0a0b09);
  font-family: "NotoSansSC";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
  text-transform: uppercase;
}
footer .addresses .subtitle::before {
  background: #0a0b09;
}
.gttienphong .subtitle {
  color: #0a0b09;
}
.gttienphong .subtitle::before {
}
.flickity--img .flickity__item:nth-child(n + 2) {
  margin-left: 40px;
}
.gtthanhvien .flickity--img .flickity__item:nth-child(n + 2) {
  margin-left: 24px;
}
.flh .txt-content__main .col-inner {
  padding-left: 60px;
}
.accordion__item {
  border-bottom: 1px solid rgba(10, 11, 9, 0.15);
}
.accordion__item.active {
  border-bottom: none;
  padding-bottom: 0;
}
.accordion__item.active .accordion-inner {
  padding-bottom: 0;
}
html[lang="zh-CN"] .site-banner--archive .site-banner__link-txt {
  font-family: "NotoSansSC";
}
.site-banner--archive .site-banner__link-txt {
  color: #141414;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "NotoSansSC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
.site-banner--archive .site-banner__link a {
  display: flex;
  height: 36px;
  padding: 4px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: var(--Dark-D12, #e6e6e3);
}
.dv .section-content {
  padding-top: 92px;
}
.dv .section-content .site-banner__inner {
  padding-top: 40px;
  padding-bottom: 40px;
}
.dv h2.site-banner__title {
  margin-bottom: 0;
}
.dv .section.section--huge {
  padding-top: 0;
  padding-bottom: 80px;
}
.dv .duans .col-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.dv .thongtin {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}
.dv .thongtin h3 {
  font-size: 24px;
  line-height: 36px;
}
.dv .thongtin h3 span {
  color: var(--Secondary-Text, #0a0b09);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px; /* 150% */
  text-transform: uppercase;
}
html[lang="en-GB"] .dv .thongtin p {
  font-family: "Noto Sans", "NotoSansSC";
}
.dv .thongtin p {
  color: var(--Secondary-Text, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  padding-bottom: 4px;
}
.col:first-child.imgduans .col-inner {
  max-width: 477px;
  margin-left: 0;
  margin-right: auto;
}
.boxdtn .col:first-child.imgduans .col-inner {
  max-width: 100%;
}
.col + .col.duans .col-inner {
  max-width: 648px;
  margin-left: auto;
  margin-right: 0;
}
.boxdtn .col + .col.duans .col-inner {
  max-width: 520px;
}
.flic h2 {
  padding-bottom: 40px;
}
.flic p.des {
  color: #0A0B09;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  text-align: left;
}
.subgt p.des {
  max-width: 826px;
}
.flicf2 {
  padding-top: 60px;
}
.subgt {
  display: flex;
  justify-content: flex-start;
  gap: 60px;
}
html[lang="zh-CN"] .subgt .textd {
  transform: rotate(0deg);
}
.subgt .textd {
  color: #0A0B09;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 142.857% */
  text-transform: uppercase;
  transform: rotate(180deg);
  writing-mode: vertical-rl;
}
.flicf2 .col:first-child .col-inner {
  max-width: 490px;
  margin-left: 0;
  margin-right: auto;
}
.flicf2 .col + .col .col-inner {
  max-width: 672px;
  margin-left: auto;
  margin-right: 0;
}
.cotanh .col-inner .row {
  display: flex;
  align-items: center;
  flex-flow: nowrap;
}
.animations-enabled .animate-img {
  will-change: transform, opacity;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}
.animations-enabled .animate-img.animated {
  opacity: 1;
  -webkit-transform: scaleY(1) translateY(0);
  transform: scaleY(1) translateY(0);
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.animations-enabled .animate-img--delay:nth-child(3n + 2) {
  margin-left: 12px;
}
.animations-enabled .animate-img--delay:nth-child(3n + 2).animated {
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.animations-enabled .animate-img--delay:nth-child(3n + 3) {
  margin-left: 12px;
}
.animations-enabled .animate-img--delay:nth-child(3n + 3).animated {
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s,
    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s,
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s,
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s,
    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
}
.animate-img .img-inner img {
  transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/*.animations-enabled .animate-img--delay:nth-child(3n + 2).animated {
      transition: opacity .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, 
                  -webkit-transform .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
      transition: opacity .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, 
                  transform .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
      transition: opacity .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, 
                  transform .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, 
                  -webkit-transform .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  }
  
  .animations-enabled .animate-img--delay:nth-child(3n + 3).animated {
      transition: opacity .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s, 
                  -webkit-transform .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
      transition: opacity .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s, 
                  transform .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
      transition: opacity .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s, 
                  transform .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s, 
                  -webkit-transform .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
  }*/

.gt .section-content {
  padding-top: 92px;
}
.gt .section-content .site-banner__inner {
  padding-top: 80px;
  padding-bottom: 40px;
}
.fgt {
  padding-bottom: 40px;
}
.fgt .large-4 {
  flex-basis: 31.333333%;
  max-width: 31.333333%;
}
.fgt .large-8 {
  flex-basis: 68.666667%;
  max-width: 68.666667%;
}
.fgt .col + .col .col-inner {
  margin-left: auto;
  margin-right: 0;
  max-width: 820px;
}
.fgt .col:first-child .col-inner {
  max-width: 310px;
  margin-left: 0;
  margin-right: auto;
}
.fgt p {
  color: var(--Dark-D1, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.daisu .h3 {
  padding-bottom: 24px;
}
.daisu .h3 span {
  color: var(--Secondary-Text, #0a0b09);
}
.daisu .section-content {
  padding-top: 60px;
}
.mtdesds {
  padding-bottom: 40px;
}
.mtdesds p {
  color: var(--Secondary-Text, #0a0b09);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
}
.hst .section-content {
  padding-top: 92px;
}
.hst .section-content .site-banner__inner {
  padding-top: 80px;
  padding-bottom: 40px;
}
.image-blur {
  filter: blur(0px);
  transition: filter 0.3s ease;
}
.feat-projects .image-overlay {
  position: relative;
}

.feat-projects .image-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3); /* Màu overlay */
  z-index: 1; /* Đặt lớp phủ lên trên ảnh */
  pointer-events: none;
  transition: background 0.3s ease;
}

.feat-projects .image-overlay:hover::after {
  background: rgba(0, 0, 0, 0.15); /* Giảm opacity khi hover */
}

.feat-projects .project-preview__img {
  position: relative;
  z-index: 0; /* Ảnh nằm bên dưới overlay */
}
.nutm .btn__txt {
  color: var(--Secondary-White, #fff);
  background: var(--Primary-900, #0a0b09);
}
.section-black .nutm .btn {
  background: var(--Primary-900, #0a0b09);
}
.section-black .nutm .btn .btn__txt-extra {
  background: #ffffff;
}
.section-black .nutm .btn .btn__txt-extra::before {
  color: var(--Primary-900, #0a0b09);
}
html[lang="zh-CN"] .wpforms-container .wpforms-field-label,
html[lang="zh-CN"] .wp-core-ui div.wpforms-container .wpforms-field-label {
  font-family: "NotoSansSC" !important;
}
.wpforms-container .wpforms-field-label,
.wp-core-ui div.wpforms-container .wpforms-field-label {
  color: var(--Secondary-Text, #0a0b09) !important;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "NotoSansSC" !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 300 !important;
  line-height: 24px !important;
  letter-spacing: 0.2px !important;
}
html[lang="zh-CN"] div.wpforms-container-full input[type="date"],
html[lang="zh-CN"] div.wpforms-container-full input[type="datetime"],
html[lang="zh-CN"] div.wpforms-container-full input[type="datetime-local"],
html[lang="zh-CN"] div.wpforms-container-full input[type="email"],
html[lang="zh-CN"] div.wpforms-container-full input[type="month"],
html[lang="zh-CN"] div.wpforms-container-full input[type="number"],
html[lang="zh-CN"] div.wpforms-container-full input[type="password"],
html[lang="zh-CN"] div.wpforms-container-full input[type="range"],
html[lang="zh-CN"] div.wpforms-container-full input[type="search"],
html[lang="zh-CN"] div.wpforms-container-full input[type="tel"],
div.wpforms-container-full input[type="text"],
html[lang="zh-CN"] div.wpforms-container-full input[type="time"],
div.wpforms-container-full input[type="url"],
html[lang="zh-CN"] div.wpforms-container-full input[type="week"],
div.wpforms-container-full select,
html[lang="zh-CN"] div.wpforms-container-full textarea,
.wp-core-ui div.wpforms-container-full input[type="date"],
html[lang="zh-CN"]
  .wp-core-ui
  div.wpforms-container-full
  input[type="datetime"],
html[lang="zh-CN"]
  .wp-core-ui
  div.wpforms-container-full
  input[type="datetime-local"],
html[lang="zh-CN"] .wp-core-ui div.wpforms-container-full input[type="email"],
html[lang="zh-CN"] .wp-core-ui div.wpforms-container-full input[type="month"],
html[lang="zh-CN"] .wp-core-ui div.wpforms-container-full input[type="number"],
html[lang="zh-CN"]
  .wp-core-ui
  div.wpforms-container-full
  input[type="password"],
html[lang="zh-CN"] .wp-core-ui div.wpforms-container-full input[type="range"],
html[lang="zh-CN"] .wp-core-ui div.wpforms-container-full input[type="search"],
html[lang="zh-CN"] .wp-core-ui div.wpforms-container-full input[type="tel"],
html[lang="zh-CN"] .wp-core-ui div.wpforms-container-full input[type="text"],
html[lang="zh-CN"] .wp-core-ui div.wpforms-container-full input[type="time"],
html[lang="zh-CN"] .wp-core-ui div.wpforms-container-full input[type="url"],
html[lang="zh-CN"] .wp-core-ui div.wpforms-container-full input[type="week"],
html[lang="zh-CN"] .wp-core-ui div.wpforms-container-full select,
html[lang="zh-CN"] .wp-core-ui div.wpforms-container-full textarea {
  font-family: "NotoSansSC" !important;
}
div.wpforms-container-full input[type="date"],
div.wpforms-container-full input[type="datetime"],
div.wpforms-container-full input[type="datetime-local"],
div.wpforms-container-full input[type="email"],
div.wpforms-container-full input[type="month"],
div.wpforms-container-full input[type="number"],
div.wpforms-container-full input[type="password"],
div.wpforms-container-full input[type="range"],
div.wpforms-container-full input[type="search"],
div.wpforms-container-full input[type="tel"],
div.wpforms-container-full input[type="text"],
div.wpforms-container-full input[type="time"],
div.wpforms-container-full input[type="url"],
div.wpforms-container-full input[type="week"],
div.wpforms-container-full select,
div.wpforms-container-full textarea,
.wp-core-ui div.wpforms-container-full input[type="date"],
.wp-core-ui div.wpforms-container-full input[type="datetime"],
.wp-core-ui div.wpforms-container-full input[type="datetime-local"],
.wp-core-ui div.wpforms-container-full input[type="email"],
.wp-core-ui div.wpforms-container-full input[type="month"],
.wp-core-ui div.wpforms-container-full input[type="number"],
.wp-core-ui div.wpforms-container-full input[type="password"],
.wp-core-ui div.wpforms-container-full input[type="range"],
.wp-core-ui div.wpforms-container-full input[type="search"],
.wp-core-ui div.wpforms-container-full input[type="tel"],
.wp-core-ui div.wpforms-container-full input[type="text"],
.wp-core-ui div.wpforms-container-full input[type="time"],
.wp-core-ui div.wpforms-container-full input[type="url"],
.wp-core-ui div.wpforms-container-full input[type="week"],
.wp-core-ui div.wpforms-container-full select,
.wp-core-ui div.wpforms-container-full textarea {
  color: var(--Secondary-Text, #0a0b09) !important;
  font-feature-settings: "liga" off, "clig" off;

  /* Body/B3 */
  font-family: "NotoSansSC" !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 300 !important;
  line-height: 24px !important; /* 150% */
  letter-spacing: 0.2px !important;
  height: 56px;
  margin-bottom: 0px !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-divider {
  margin-top: 0 !important;
  padding: 0px !important;
  border: none !important;
}
div.wpforms-container
  .wpforms-form
  .wpforms-field-layout
  .wpforms-layout-column-50,
div.wpforms-container
  .wpforms-form
  .wpforms-field-repeater
  .wpforms-layout-column-50 {
  width: 49.804%;
}
div.wpforms-container-full input[type="date"]:focus,
div.wpforms-container-full input[type="datetime"]:focus,
div.wpforms-container-full input[type="datetime-local"]:focus,
div.wpforms-container-full input[type="email"]:focus,
div.wpforms-container-full input[type="month"]:focus,
div.wpforms-container-full input[type="number"]:focus,
div.wpforms-container-full input[type="password"]:focus,
div.wpforms-container-full input[type="range"]:focus,
div.wpforms-container-full input[type="search"]:focus,
div.wpforms-container-full input[type="tel"]:focus,
div.wpforms-container-full input[type="text"]:focus,
div.wpforms-container-full input[type="time"]:focus,
div.wpforms-container-full input[type="url"]:focus,
div.wpforms-container-full input[type="week"]:focus,
div.wpforms-container-full select:focus,
div.wpforms-container-full textarea:focus,
.wp-core-ui div.wpforms-container-full input[type="date"]:focus,
.wp-core-ui div.wpforms-container-full input[type="datetime"]:focus,
.wp-core-ui div.wpforms-container-full input[type="datetime-local"]:focus,
.wp-core-ui div.wpforms-container-full input[type="email"]:focus,
.wp-core-ui div.wpforms-container-full input[type="month"]:focus,
.wp-core-ui div.wpforms-container-full input[type="number"]:focus,
.wp-core-ui div.wpforms-container-full input[type="password"]:focus,
.wp-core-ui div.wpforms-container-full input[type="range"]:focus,
.wp-core-ui div.wpforms-container-full input[type="search"]:focus,
.wp-core-ui div.wpforms-container-full input[type="tel"]:focus,
.wp-core-ui div.wpforms-container-full input[type="text"]:focus,
.wp-core-ui div.wpforms-container-full input[type="time"]:focus,
.wp-core-ui div.wpforms-container-full input[type="url"]:focus,
.wp-core-ui div.wpforms-container-full input[type="week"]:focus,
.wp-core-ui div.wpforms-container-full select:focus,
.wp-core-ui div.wpforms-container-full textarea:focus {
  box-shadow: unset !important;
  border-width: 0.5px !important;
  border-color: #e6e6e3 !important;
}
.wpforms-field-large,
.wpforms-field-medium {
  margin-bottom: 16px !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-divider h3 {
  font-size: 24px;
  line-height: 36px;
  margin: 0;
  padding-top: 40px;
  padding-bottom: 0px;
}
div.wpforms-container-full .wpforms-field-label {
  padding-top: 16px !important;
  margin-bottom: 4px !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-divider h3 span {
  color: var(--Secondary-Text, #0a0b09);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px; /* 150% */
  text-transform: uppercase;
}
.page-wrap .jcf-checkbox {
}
.page-wrap .jcf-radio {
}
.page-wrap .jcf-radio .jcf-radio {
  border: 2px solid #0202b1;
}
.page-wrap .jcf-radio .jcf-radio.jcf-unchecked {
  width: 24px;
  height: 24px;
  border: 2px solid #c2c3c0;
}
.wpforms-container input[type="checkbox"],
.wpforms-container input[type="radio"],
.wp-core-ui div.wpforms-container input[type="checkbox"],
.wp-core-ui div.wpforms-container input[type="radio"] {
  width: 24px !important;
  height: 24px !important;
  margin: 2px 10px 0 3px;
  display: inline-block;
  vertical-align: baseline;
  font-style: normal;
  font-weight: 400;
}
div.wpforms-container-full .wpforms-field-label-inline,
.wp-core-ui div.wpforms-container-full .wpforms-field-label-inline {
  color: var(--Secondary-Text, #0a0b09) !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 24px !important; /* 150% */
  letter-spacing: 0.2px;
  padding-left: 4px !important;
}
div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul,
div.wpforms-container-full .wpforms-field.wpforms-field-radio ul,
div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul,
div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul,
div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul {
  display: flex !important;
  padding: 0;
  gap: 40px !important;
  padding-top: 8px;
}
div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li,
div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li,
div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li,
div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li,
div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li {
  align-items: center !important;
}
div.wpforms-container-full .wpforms-field-textarea:last-child textarea {
  margin-top: 16px;
}
.page-wrap .jcf-radio .jcf-icon {
  background-color: #0202b1;
}
.cttdung .section-content {
  padding-top: 92px;
}
.cttdung .site-banner__title + * {
  margin-top: 24px;
}
div.wpforms-container-full .wpforms-form .wpforms-submit-container {
  margin-top: 40px !important;
}
.wpforms-field-file-upload .wpforms-field-label {
  margin-bottom: 12px !important;
}
.jcf-fake-input {
  font-size: 0 !important;
}
.jcf-file {
  height: 26px !important;
  padding: 0px 0px !important;
  justify-content: center !important;
  gap: 4px !important;
  border-radius: 100px !important;
  /* background: var(--Dark-D12, #E6E6E3)!important;*/
  align-items: center !important;
  margin-bottom: 0px !important;
}
.jcf-fake-input::before {
  content: "";
  width: 17px;
  height: 17px;
  position: absolute;
  top: 26%;
  transform: translateY(-50%);
  background: url(/images/attachment.png) center / contain no-repeat;
}
/* English */
html:lang(en) .jcf-fake-input::after {
  content: "Attach CV ";
}

/* Vietnamese */
html:lang(vi) .jcf-fake-input::after {
  content: "Tải CV của bạn";
}

/* Korean */
html:lang(ko) .jcf-fake-input::after {
  content: "이력서 첨부";
}

/* Hide original text */
.jcf-fake-input {
  color: transparent;
}

/* Add the translated content */
html[lang="zh-CN"] .jcf-fake-input::after {
  font-family: "NotoSansSC";
}
.jcf-fake-input::after {
  color: var(--Primary-900, #0a0b09);
  text-align: center;
  font-family: "NotoSansSC";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  padding-left: 24px;
}
.site-menu > .menu-item > .sub-menu:before {
  display: none;
}
.site-menu > .menu-item-has-children > a:after {
  display: none;
}
.nav-pills > li.active > a {
  background-color: transparent !important;
}
.navlang .nav-pills > li > a > span {
  display: none !important;
}
.pll-parent-menu-item .icon-angle-down:before {
  content: url(/images/CaretDown.png);
}
.pll-parent-menu-item .has-dropdown .icon-angle-down {
  font-size: 16px;
  margin-left: 8px;
  opacity: 1;
}
.navlang .pll-parent-menu-item {
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.nav-pills > li > a {
  padding: 0 !important;
}
.navlang .sub-menu.nav-dropdown {
  top: 50px;
  padding: 0;
  border: none;
}
html[lang="zh-CN"] .sub-menu li a span {
}
.sub-menu li a span {
  color: var(--Neutral-Text, #273243);
  font-feature-settings: "liga" off, "clig" off;
  font-family: "NotoSansSC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after,
.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before {
  opacity: 0;
  transition: opacity 0.25s;
}
.navlang .nav-dropdown.nav-dropdown-default > li > a {
  margin: 0 12px;
}
.navlang .nav-dropdown > li > a {
  padding: 12px 20px;
}
.addresses__colo {
  max-width: 380px;
}
/*html[lang="en-GB"] .addresses__colo {max-width: 330px;}
  html[lang="zh-CN"] .addresses__colo {max-width: 330px;}
  html[lang="en-GB"] .cot2f .addresses__colo {max-width: 365px;}
  html[lang="zh-CN"] .cot2f .addresses__colo {max-width: 365px;}*/
/*.link-list__item-strip-item::after{background: url(/images/iconlogo.png) center / contain no-repeat;}*/
.flickity-button[disabled] svg path {
  fill: #0a0b09;
}
.flic .flickity-prev-next-button:disabled {
  background: rgba(18, 18, 18, 0.1) !important;
}
button.flickity-prev-next-button[disabled] {
  background: #fff !important;
}
.gtthanhvien.section-black .flickity-button[disabled] svg path {
  fill: #0a0b09;
}
a[href="#pll_switcher"] {
  pointer-events: none;
  cursor: default; /* Thay đổi con trỏ thành mặc định */
}
html[lang="zh-CN"] .site-banner__content .site-banner__txt1 {
  font-family: "NotoSansSC";
}
.site-banner__content .site-banner__txt1 {
  margin-top: 24px;
  color: var(--Secondary-Text-2, #221f2a);

  /* Body/B1 */
  font-family: "NotoSansSC";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
}
#section-3.pv-large {
  padding-bottom: 0px;
}

.wpforms-error:before {
  display: none !important;
}
h2,
h3 {
  font-size: 56px;
}
.h3,
.h4 {
  font-size: 56px;
}
.endtd p {
  color: var(--Dark-D1, #0a0b09);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
}
.jcf-file[class*="jcf-extension-"] .jcf-fake-input {
  color: #000;
  font-size: 14px !important;
}
.jcf-file[class*="jcf-extension-"] .jcf-fake-input::before {
  display: none;
}
html[lang="zh-CN"] .thontinadd {
  font-family: "NotoSansSC";
}
.thontinadd {
  font-family: "NotoSansSC";
}
.thontinadd p {
  color: var(--Dark-D1, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  padding-bottom: 8px;
}
.thontinadd p.titf {
  font-weight: 600;
  padding-bottom: 0px;
}
.thontinadd p.titf2 {
  padding-top: 4px;
}
.looping-txt__innerold {
  display: flex;
  align-items: center;
  gap: 26.79px;
  justify-content: center;
}
.looping-txt__txtimg img {
  width: 80px;
  height: 80px;
}
html[lang="zh-CN"] .looping-txt__txtold span {
  font-family: "NotoSansSC-Black";
}
.looping-txt__txtold {
  font-size: 72px;
  font-weight: 400;
  white-space: nowrap;
}
.looping-txt__txtold span {
  color: var(--Primary-900, #0a0b09);

  /* Heading/H2 */
  font-family: Phudu;
  font-size: 72px;
  font-style: normal;
  font-weight: 400;
  line-height: 100px; /* 138.889% */
  text-transform: uppercase;
}
html[lang="zh-CN"] .intro .intro__bg-txt {
}
.intro .intro__bg-txt {
  color: var(--Primary-300, #a5b2ff);
  font-family: "NotoSansSC ExtraBold";
  font-size: 180px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
  opacity: 0.3;
}
.intro {
  position: relative;
  overflow: hidden;
  height: 29.59vh;
}
.intro__bg-txt {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  background-size: contain;
  -webkit-background-clip: text;
  background-clip: text;
  will-change: transform;
  transition: -webkit-transform 0.3s ease-out 0s;
  transition: transform 0.3s ease-out 0s;
  transition: transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s;
  font-weight: 700;
  white-space: nowrap;
  text-transform: uppercase;
  line-height: 80%;
  color: transparent;
}
.ctlh .addresses .subtitle {
  padding-left: 0;
}
.ctlh .addresses .subtitle::before {
  display: none;
}
.topimggt .section-content .row {
  display: flex;
  align-items: flex-end;
  gap: 40px;
  flex-flow: nowrap;
}
.topimggt .section-content .row .col .col-inner {
  width: 372px;
}
html[lang="zh-CN"] .txt-styles ul li {
  font-family: "NotoSansSC";
}
html[lang="en-GB"] .txt-styles ul li {
  font-family: "Noto Sans", "NotoSansSC";
}
.txt-styles ul li {
  color: var(--Dark-D1, #0a0b09);
  font-family: "NotoSansSC";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}
.section--medium ul ul {
  margin: 0 0 0 3em;
}
.section--medium ul {
  margin-top: 0;
}
.section--medium .txt-styles * + h3 {
  margin-top: 40px;
}
.absolute-footer {
  border-top: 1px solid #f0f0f0;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.absolute-footer .container {
  position: relative;
  overflow: hidden;
}
.site-footer {
  padding-top: 0;
}
.flh {
  padding-top: 0;
}
.gtthanhvien .thongtin h3 {
  font-size: 24px;
  line-height: 36px;
}
/* Thay đổi nội dung thông báo lỗi cho các thành phần có class "jcf-file" */
.jcf-file .wpforms-error::after {
  content: "File type is not allowed."; /* Thay thế bằng nội dung bạn muốn */
  display: inline-block;
}

/* Ẩn nội dung gốc nếu cần */
.jcf-file .wpforms-error {
  visibility: hidden;
  position: relative;
}
.wpforms-has-error em.wpforms-error {
  visibility: hidden;
  position: relative;
}
.wpforms-has-error .wpforms-field-large.wpforms-error {
  visibility: unset;
}
.jcf-file .wpforms-error::after {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
}
.wpforms-has-error .wpforms-error::after {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
/* Tiếng Việt */
html[lang="vi"] .jcf-file .wpforms-error::after {
  content: "Loại tệp không được phép.";
}
/* Tiếng Việt */
html[lang="vi"] .wpforms-has-error .wpforms-error::after {
  content: "Vui lòng nhập dữ liệu cho trường này";
}
/* Tiếng Anh */
html[lang="en-GB"] .jcf-file .wpforms-error::after {
  content: "File type is not allowed.";
}
/* Tiếng Anh */
html[lang="en-GB"] .wpforms-has-error .wpforms-error::after {
  content: "This field is required.";
}
/* Tiếng Hàn */
html[lang="zh-CN"] .jcf-file .wpforms-error::after {
  content: "허용되지 않는 파일 형식입니다.";
}
/* Tiếng Hàn */
html[lang="zh-CN"] .wpforms-has-error .wpforms-error::after {
  content: "请为此字段输入数据.";
}
.flickity-button {
  display: flex;
  align-items: center;
  justify-content: center;
}

.previous .fallback-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("/images/ArrowLeft.png") no-repeat center center;
  background-size: contain;
  text-indent: -9999px; /* Ẩn văn bản nếu bạn dùng hình ảnh */
}
.next .fallback-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("/images/ArrowRight.png") no-repeat center center;
  background-size: contain;
  text-indent: -9999px; /* Ẩn văn bản nếu bạn dùng hình ảnh */
}
.ttgiaovien {
  max-width: 980px;
  padding-top: 60px;
  padding-bottom: 24px;
}
.nutmaux .btn {
  color: var(--Primary-900, #0a0b09);
  background: var(--Dark-D12, #e6e6e3);
}
.nutmaux .btn .btn__txt {
  color: var(--Primary-900, #0a0b09);
}
.chumask {
  padding-top: 76px;
  padding-bottom: 76px;
}
.hthoc .section-content {
  padding-top: 80px;
  padding-bottom: 0px;
}
.shthoc {
  padding-top: 40px;
}
h2.h4 {
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px;
}
h2.h4 span {
  color: var(#A80808);
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px; /* 142.857% */
  text-transform: uppercase;
}
.vertical-tabs__tab-txt .h4 {
  font-size: 72px;
}
.vertical-tabs__tab-txt .h4 span {
  color: #A80808 !important;
  font-size: 72px;
  font-style: normal;
  font-weight: 700;
  line-height: 100px; /* 138.889% */
  text-transform: uppercase;
}
.vertical-tabs__tab span {
  color: #A80808 !important;
}
.vertical-tabs__tab-txt .txt-styles .h6 {
  font-size: 40px;
  margin-top: 8px;
  max-width: 360px;
}
html[lang="zh-CN"] .vertical-tabs__tab-txt .txt-styles .h6 span {
  font-family: "NotoSansSC-Black";
}
.vertical-tabs__tab-txt .txt-styles .h6 span {
  color: var(--Primary-900, #0A0B09) !important;

  /* Heading/H4 */
  font-family: Phudu;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px; /* 140% */
  text-transform: uppercase;
}
html[lang="en-GB"] .vertical-tabs__tab-txt .txt-styles .h6 span {
  font-size: 34px;
  line-height: 46px;
}
.vertical-tabs__tab-txt ul li {
  color: var(--Secondary-Background, #0A0B09);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.vertical-tabs__tab-txt .mtht p {
  color: var(--Secondary-Background, #fff);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.vertical-tabs__tab-txt .txt-styles h3 + * {
  margin-top: 24px;
}
.vertical-tabs__tab-img {
  max-width: 321px;
  max-width: 44.035%;
}
.vertical-tabs__tab {
  border-left: 1px solid #c1eaff;
}
.vertical-tabs__tab:last-child {
  border-right: 1px solid #c1eaff;
}
.vertical-tabs__tab-txt {
  width: 392px;
  margin-right: 0;
  max-width: 53.945205%;
}
.vertical-tabs__tab-info-title .h6 {
  font-size: 40px;
}
html[lang="zh-CN"] .vertical-tabs__tab-info-title .h6 span {
  font-family: "NotoSansSC-Black";
}
.vertical-tabs__tab-info-title .h6 span {
  color: var(--Primary-900, #0A0B09) !important;
  font-family: Phudu;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px; /* 140% */
  text-transform: uppercase;
}
html[lang="en-GB"] .vertical-tabs__tab-info-title .h6 span {
  font-size: 34px;
  line-height: 46px;
}
.vertical-tabs .h6 {
  font-family: Phudu;
  color: var(--Primary-900, #0A0B09);
}
.vertical-tabs__tab-info-title .h6 {
}
html[lang="zh-CN"] .shthoc .vertical-tabs__tab-info-title h3 {
  transform: rotate(0deg);
  writing-mode: vertical-lr;
}
.vertical-tabs__tab-info-title h3 {
  transform: rotate(180deg);
  writing-mode: vertical-rl;
  white-space: normal;
  max-height: 340px;
}
html[lang="en-GB"] .vertical-tabs__tab-info-title h3 {
  max-height: 355px;
}
.duans .btn {
  background: #0a0b09;
}
.duans .btn.btn--small .btn__txt {
  color: #fff;
}
.duans .btn .btn__txt-extra::before {
  color: #0a0b09;
}
.duans .btn.btn--small .btn__txt-extra {
  background: #fff;
}

.section-black .duanb .btn:nth-child(1) {
  background: #0a0b09;
}
.duanbutton.duanb .btn:nth-child(1).btn--small .btn__txt {
  color: #fff;
}
.section-black .duanbutton.duanb .btn:nth-child(1) .btn__txt-extra::before {
  color: #0a0b09;
}
.duanbutton.duanb .btn:nth-child(1).btn--small .btn__txt-extra {
  background: #fff;
}

.section-black .daotaon .btn:nth-child(2) {
  background: #0a0b09;
}
.duanbutton.daotaon .btn:nth-child(2).btn--small .btn__txt {
  color: #fff;
}
.section-black .duanbutton.daotaon .btn:nth-child(2) .btn__txt-extra::before {
  color: #0a0b09;
}
.duanbutton.daotaon .btn:nth-child(2).btn--small .btn__txt-extra {
  background: #fff;
}

.section-black .skvh .btn:nth-child(3) {
  background: #0a0b09;
}
.duanbutton.skvh .btn:nth-child(3).btn--small .btn__txt {
  color: #fff;
}
.section-black .duanbutton.skvh .btn:nth-child(3) .btn__txt-extra::before {
  color: #0a0b09;
}
.duanbutton.skvh .btn:nth-child(3).btn--small .btn__txt-extra {
  background: #fff;
}

.section-black .htgd .btn:nth-child(3) {
  background: #0a0b09;
}
.duanbutton.htgd .btn:nth-child(3).btn--small .btn__txt {
  color: #fff;
}
.section-black .duanbutton.htgd .btn:nth-child(3) .btn__txt-extra::before {
  color: #0a0b09;
}
.duanbutton.htgd .btn:nth-child(3).btn--small .btn__txt-extra {
  background: #fff;
}

.listnghe .h5 {
  font-size: 56px;
}
.listnghe .h5 span {
  color: var(--Secondary-Background, #0A0B09);
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px; /* 142.857% */
  text-transform: uppercase;
}
.duansub.anh2l .col:first-child {
  flex-basis: 53%;
  max-width: 53%;
}
.duansub.anh2l .col:last-child {
  flex-basis: 47%;
  max-width: 47%;
}
.duansub.anh2r .col:first-child {
  flex-basis: 47%;
  max-width: 47%;
}
.duansub.anh2r .col:last-child {
  flex-basis: 53%;
  max-width: 53%;
}
.duansub.anh2l .col:first-child.imgduans .col-inner {
  max-width: 626px;
  margin-left: 0;
  margin-right: auto;
}
.duansub.anh2r .col:last-child.imgduans .col-inner {
  max-width: 626px;
  margin-left: auto;
  margin-right: 0;
}
.duansub.anh2l .col + .col.duans .col-inner {
  max-width: 504px;
  margin-left: auto;
  margin-right: 0;
}
.duansub.anh2r .col:first-child .col-inner {
  max-width: 504px;
  margin-left: 0;
  margin-right: auto;
}
.alt-rows__img--large {
  max-width: 580px;
  max-width: 92.654%;
}
.duansub.anh2r .alt-rows__img--large {
  margin-left: 7.346%;
}
.alt-rows__img--small {
  right: 0;
  bottom: -35px;
  position: absolute;
  max-width: 50%;
}
.duansub.anh2r .alt-rows__img--small {
  left: 0;
  right: auto;
  bottom: -35px;
  position: absolute;
  max-width: 50%;
}
.alt-rows__img--small img {
  max-width: 272px;
}
.duansub.anh2r .alt-rows__img--small img {
  max-width: 293px;
}
.duansub .thongtin {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.duansub .thongtin h3 {
  font-size: 24px;
  line-height: 36px;
}
.duansub .thongtin h3 span {
  color: var(--Secondary-Text, #0a0b09);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
  text-transform: uppercase;
}
.duansub .thongtin p {
  color: var(--Secondary-Text, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.dv .duansub .duans .col-inner {
  gap: 40px;
}
.duansub.anh2r .thongtin {
  gap: 12px;
}
.duansub.anh2r .duans .col-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  flex-shrink: 0;
}
.chuden .h3 span {
  color: var(--Secondary-Text, #0a0b09);
}
.chuden .intro .intro__bg-txt {
  color: #52c4ff;
}
.dkda .section-content {
  padding-top: 80px;
}
.dkda .h5 {
  font-size: 56px;
  text-align: center;
}
.dkda .h5 span {
  color: var(--Secondary-Text, #0a0b09);
  text-align: center;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px; /* 142.857% */
  text-transform: uppercase;
}
.formw {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
}
.formw > p {
  color: #0a0b09;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.subp p {
  padding-top: 40px;
  color: var(--Secondary-Text, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.dkda.dkda2 .h5 {
  font-size: 56px;
  text-align: left;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.anhtop .col:first-child {
  max-width: 726px;
  flex-basis: 60.5%;
  max-width: 60.5%;
}
.anhtop .col:last-child {
  max-width: 434px;
  flex-basis: 39.5%;
  max-width: 39.5%;
}
.anhtop .col + .col .col-inner {
  max-width: 434px;
  margin-left: auto;
  margin-right: 0;
}
.lhtop .section-content {
  padding-top: 92px;
}
.lhtop .section-content .site-banner__inner {
  padding-top: 80px;
  padding-bottom: 40px;
}
.lhtop h1 {
  font-size: 90px;
}
.mtlh {
  max-width: 100%;
  padding-top: 40px;
  padding-bottom: 0px;
  color: var(--Secondary-Text, #0a0b09);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
}
.mtlh p {
  color: var(--Secondary-Text, #0a0b09);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
}
.projects-featured-outer h3.h5 {
  font-size: 40px;
}
.projects-featured-outer h3.h5 span {
  color: var(--Dark-D1, #0a0b09);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px; /* 142.857% */
  text-transform: uppercase;
}
.footer-wrapper h2.h4 span {
  color: var(--Dark-D1, #0a0b09);

  /* Heading/H3 */
  font-family: Phudu;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 84px; /* 140% */
  text-transform: uppercase;
}
html[lang="en-GB"] .footer-wrapper h2.h4 span {
  font-size: 40px;
  line-height: 63px;
}
html[lang="zh-CN"] .footer-wrapper h2.h4 span {
  font-size: 56px;
}
.projects-featured__item-info {
  width: 38.5263157895%;
  position: relative;
  padding-right: 3.5789473684%;
  z-index: 1;
  flex-basis: 38.5263157895%;
  max-width: 38.5263157895%;
  height: 100vh;
}
.projects-featured__item-excerpt {
  max-width: 502px;
}
.ctlh .section-content {
  padding-bottom: 60px;
}
.ctlh .muiten {
  color: var(--Primary-900, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 144.444% */
  padding-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ctlh .muiten::before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(/images/bhoa.png) center / contain no-repeat;
  filter: invert(0);
}
.ctlh p {
  color: var(--Dark-D1, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.section-black .nutdkgv .btn {
  background: #0a0b09;
  border: 1px solid #0a0b09;
}
.section-black .nutdkgv .btn .btn__txt-extra {
  background: #fff;
}
.tgv .site-banner__content .col-inner p {
  color: var(--Dark-D1, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 150% */
  padding-top: 16px;
  padding-bottom: 16px;
}
.tgv .section-content .site-banner__inner {
  padding-top: 80px;
  padding-bottom: 60px;
}
.section-black .nutdkgv .btn .btn__txt-extra::before {
  color: #0a0b09;
}
.boxgv .col:first-child {
  flex-basis: 32.333333%;
  max-width: 32.333333%;
}
.boxgv .col:last-child {
  flex-basis: 67.666667%;
  max-width: 67.666667%;
}
.boxgv .col:first-child .col-inner {
  max-width: 320px;
  margin-left: 0;
  margin-right: auto;
}
.boxgv .col:last-child .col-inner {
  max-width: 812px;
  margin-left: auto;
  margin-right: 0;
}
.tgv {
  padding-bottom: 80px !important;
}
.ctgv h3.h5 {
  font-size: 56px;
}
.ctgv h3.h5 span {
  color: var(--Primary-900, #0A0B09);
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px; /* 142.857% */
  text-transform: uppercase;
}
.itgv h3.h6 {
  font-size: 32px;
}
.itgv h3.h6 span {
  color: var(--Dark-D1, #0a0b09);

  /* Heading/H5 */
  font-family: Phudu;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px; /* 137.5% */
  text-transform: uppercase;
}
html[lang="zh-CN"] .itgv h3.h6 span {
  font-family: "NotoSansSC-Black";
}
.itgv p {
  color: var(--Dark-D1, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.itgv p.desp {
  padding-top: 18px;
  font-weight: 700;
}
.itgv {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  align-self: stretch;
}
.ctgv .col-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.titgv {
  padding-bottom: 8px;
}
.itgv h3 {
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(10, 11, 9, 0.1);
}
.giasu .boxgv .col:first-child {
  order: 1;
}
.giasu .boxgv .col:first-child .col-inner {
  max-width: 320px;
  margin-left: auto;
  margin-right: 0;
}
.buocdk .row.fbuocdk {
  margin-top: 24px;
  max-width: 71%;
  margin-right: 0;
}
.buocdk .fbuocdk p {
  color: var(--Dark-D1, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 150% */
  margin-top: 0px !important;
}
.buocdk h2.h4 span {
  color: var(--Primary-900, #0a0b09);
}
.buocdk p {
  color: var(--Dark-D1, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  margin-top: 12px !important;
}
.buocdk h3 span {
  font-size: 32px;
  line-height: 44px;
}
.buocdk h3 {
  padding-left: 56px;
}
.buocdk h3::before {
  content: "";
  position: absolute;
  left: 0;
  display: inline-block;
  width: 44px;
  height: 44px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.buocdk .usp-cols__item:nth-child(1) h3::before {
  background-image: url(/images/NumberCircleOne.png);
}
.buocdk .usp-cols__item:nth-child(2) h3::before {
  background-image: url(/images/NumberCircleTwo.png);
}
.buocdk .usp-cols__item:nth-child(3) h3::before {
  background-image: url(/images/NumberCircleThree.png);
}
.buocdk .usp-cols__item:nth-child(4) h3::before {
  background-image: url(/images/NumberCircleFour.png);
}
.gvnoibat {
  padding-top: 60px;
  padding-bottom: 40px;
}
.gvnoibat .itemgv {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.gvnoibat .itemgv .col-inner {
  width: 382px;
  /*height: 340px;*/
  padding: 32px 24px 24px 24px;
  background: rgba(255, 255, 255, 0.06);
}
.itemgv.col:first-child .col-inner {
  margin-left: 0;
  margin-right: auto;
  margin-bottom: 24px;
}
.itemgv.col:nth-child(2) .col-inner {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
}
.itemgv.col:nth-child(3) .col-inner {
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 24px;
}
.itemgv.col:nth-child(4) .col-inner {
  margin-left: 0;
  margin-right: auto;
}
.itemgv.col:nth-child(5) .col-inner {
  margin-left: auto;
  margin-right: auto;
}
.itemgv.col:nth-child(6) .col-inner {
  margin-left: auto;
  margin-right: 0;
}
.gvnoibatf p {
  color: var(--Primary-900, #0A0B09) !important;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
  padding-bottom: 24px;
}
.gvnoibatf .btn::before {
  border: 1px solid #0a0b09;
}
.gvnoibatf .btn {
  background: #fff;
}
.gvnoibatf .btn .btn__txt {
  color: #0a0b09;
}
.gvnoibatf .btn__txt-extra {
  background: #0a0b09;
}
.gvnoibatf .btn__txt-extra::before {
  color: #fff;
}
.secttdung1 p {
  color: var(--Dark-D1, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.secttd1 .site-banner__title + * {
  margin-top: 24px;
  color: var(--Dark-D1, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.secttd1 h2.h4 {
  padding: 40px 0;
}
.secttd1 h2.h4 span {
  color: var(--Dark-D1, #0a0b09);
}
.rtd .box-text-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}
.rtd .box-text-inner h3 {
  font-size: 32px;
  padding-top: 32px;
  padding-bottom: 12px;
}
.rtd .box-text-inner h3 span {
  color: var(--Dark-D1, #0a0b09);
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px; /* 137.5% */
  text-transform: uppercase;
}
.rtd .box-text {
  padding: 0;
}
.rtd p {
  margin: 0;
  text-align: left;
  color: var(--Dark-D1, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.rtd .col .col-inner {
  width: 389px;
}
.rtd .col:nth-child(1) .col-inner {
  margin-left: 0;
  margin-right: auto;
}
.rtd .col:nth-child(2) .col-inner {
  margin-left: auto;
  margin-right: auto;
}
.rtd .col:nth-child(3) .col-inner {
  margin-left: auto;
  margin-right: 0;
}
.danhsachtd h4 {
  font-size: 32px;
}
.danhsachtd h4 span {
  color: var(--Secondary-Background, #fff);
  font-family: Phudu;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px; /* 137.5% */
  text-transform: uppercase;
}
.danhsachtd ul li {
  color: var(--Dark-D11, #d4d5d2);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.danhsachtd .col-inner .link-list__item {
  /*   display: flex;
      flex-direction: row;
      align-items: flex-start;
      gap: 12px;*/
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.danhsachtd {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  align-self: stretch;
  padding-top: 60px;
}
.danhsachtd li {
  margin-bottom: 0px;
}
.ftuyendung p {
  color: var(--Secondary-Background, #fff);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
}
.ftuyendung .col-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.ftuyendung p:first-child {
  padding-bottom: 0px;
}
h3.accordion_title {
  font-size: 24px;
}
h3.accordion_title span {
  color: var(--Secondary-Text, #0a0b09);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px; /* 150% */
  text-transform: uppercase;
}
.scauhoi .txt-styles button + * {
  margin-top: 0;
}
.cauhoi .accordion-title {
  border-top: none;
}
.listcauhoi .accordion.cauhoi {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.listcauhoi .accordion-title {
  border-bottom: 1px solid rgba(10, 11, 9, 0.15);
  font-size: 100%;
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}
.listcauhoi .accordion-item span {
  color: var(--Secondary-Text, #0a0b09);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
  text-transform: uppercase;
  margin-right: 24px;
}
.scauhoi.section--medium {
  max-width: 1000px;
}
.op-7 {
  opacity: 1;
}
.box-blog-post .is-divider {
  display: none;
}
.post-item h5.post-title {
  font-size: 24px;
  max-width: 360px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.post-item h5.post-title span {
  color: var(--Secondary-Text, #0a0b09);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px; /* 150% */
  text-transform: uppercase;
}
.post-item .box-text p {
  margin-bottom: 0;
  margin-top: 0;
  opacity: 1;
}
.post-item .blog-post-inner {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.post-item .box-text {
  font-size: 24px;
  padding-bottom: 0;
  padding-top: 24px;
  position: relative;
  width: 100%;
}
.post-item .box-text-inner .cat-label {
  color: var(--Secondary-Text, #0a0b09);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.2px;
  text-transform: uppercase;
  max-width: 136px;
  text-align: left;
}
.tintuch .section-content {
  padding-top: 80px;
  padding-bottom: 40px;
}
.stintuch .section-content {
  padding-top: 0px;
  padding-bottom: 0px;
}
.stintuch .flickity-button {
  position: absolute !important;
  right: 0;
  display: flex;
  flex-direction: column-reverse;
  transition: opacity ease 0.3s;
  opacity: 1 !important;
}
.stintuch .row > div:not(.col):not([class^="col-"]):not([class*=" col-"]) {
  width: 104% !important;
}
.stintuch .flickity-prev-next-button.previous {
  margin-top: -8% !important;
  left: auto;
  right: 3.7%;
  transform: translateX(0%);
}
.stintuch .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
  margin-top: -14.5%;
}
.stintuch .flickity-prev-next-button.next {
  right: 3.7%;
  transform: translateX(0%);
}
.stintuch .flickity-prev-next-button.next {
  right: 3.7%;
  /* transform: translateX(-20%);*/
  position: unset;
  width: 72px;
  height: 72px;
}
.stintuch .post-item:not(.is-selected) {
  padding-left: 96px;
}
.stintuch .post-item:not(.is-selected) .image-cover {
  padding-top: 72% !important;
}
.stintuch .post-item:not(.is-selected) .box-text-inner .cat-label {
  max-width: 150px;
}
.flickity-prev-next-button {
  color: #0a0b09;
}
.slider-nav-circle .flickity-prev-next-button .arrow,
.slider-nav-circle .flickity-prev-next-button svg {
  border: 1px solid;
  border-radius: 100%;
}
.stintuch .flickity-prev-next-button.previous {
  left: auto;
  /* transform: translateX(20%); */
  position: unset;
  width: 72px;
  height: 72px;
}
.stintuch .large-columns-2 .flickity-slider > .col {
  flex-basis: 48.149%;
  max-width: 48.149%;
  flex-basis: 520px;
  max-width: 520px;
}
.flickity-button svg {
  display: none;
}
.flickity-button::before {
  content: "";
  position: absolute;
  width: 72px;
  height: 72px;
  display: block;
  background-color: transparent;
}
.stintuch .flickity-button.flickity-prev-next-button.next::before {
  background: url(/images/Component2.png) no-repeat center / cover;
}
.stintuch .flickity-button.flickity-prev-next-button.next:hover::before {
  background: #0a0b09 url(/images/Component3.png) no-repeat center / cover;
  transform: rotate(180deg);
}
.stintuch .flickity-button.flickity-prev-next-button.previous::before {
  background: url(/images/Component2.png) no-repeat center / cover;
  transform: rotate(180deg);
}
.stintuch .flickity-button.flickity-prev-next-button.previous:hover::before {
  background: #0a0b09 url(/images/Component3.png) no-repeat center / cover;
  transform: rotate(360deg);
}
.post-title .split-heading__line {
  /* display: contents;*/ /* Gỡ bỏ tác động layout của phần tử nhưng giữ nội dung */
}
.stintuch
  .post-title
  .split-heading__line:nth-child(1n + 2)
  .split-heading__word:first-child {
  /*margin-left: 0.2em;*/
}
.daisur {
  display: flex;
  flex-wrap: wrap; /* Cho phép phần tử xuống dòng khi hết chỗ */
  gap: 40px; /* Khoảng cách giữa các phần tử */
}
.daisur .col {
  flex-basis: 372px;
  max-width: 372px;
}
.daisur .col:nth-child(odd) {
  /* Các phần tử lẻ */
  margin-left: 0;
  margin-right: auto;
}

.daisur .col:nth-child(even) {
  /* Các phần tử chẵn */
  margin-left: auto;
  margin-right: 0;
}
.cotanh .col {
  opacity: 0;
  transform: translateY(50px); /* Di chuyển xuống */
  transition: transform 0.6s ease-out, opacity 0.6s ease-out;
}
.animations-enabled .animate-img {
  will-change: transform, opacity;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}
.cotanh .col:not(.visible) {
  opacity: 0; /* Bắt đầu ẩn */
  transform: translateY(50px); /* Di chuyển xuống */
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* Hiệu ứng xuất hiện lần lượt từ trái sang phải */
/*.cotanh .col.visible:nth-child(1) {
      -webkit-transform: scaleY(1) translateY(0);
      transform: scaleY(1) translateY(0);
      transition: opacity .8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform .8s cubic-bezier(0.165, 0.84, 0.44, 1);
      transition: opacity .8s cubic-bezier(0.165, 0.84, 0.44, 1), transform .8s cubic-bezier(0.165, 0.84, 0.44, 1);
      transition: opacity .8s cubic-bezier(0.165, 0.84, 0.44, 1), transform .8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform .8s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .cotanh .col.visible:nth-child(2) {
  transition: opacity .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, -webkit-transform .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
      transition: opacity .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, transform .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
      transition: opacity .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, transform .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, -webkit-transform .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  }
  
  .cotanh .col.visible:nth-child(3) {
      transition: opacity .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
      transition: opacity .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, transform .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
      transition: opacity .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, transform .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform .8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  }
  */
.daisur .col:not(.visible) {
  opacity: 0; /* Bắt đầu ẩn */
  transform: translateY(50px); /* Di chuyển xuống */
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.daisur .col.visible:nth-child(1) {
  -webkit-transform: scaleY(1) translateY(0);
  transform: scaleY(1) translateY(0);
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.daisur .col.visible:nth-child(2) {
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.daisur .col.visible:nth-child(3) {
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s,
    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s,
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s,
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s,
    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
}

.rtd .col:not(.visible) {
  opacity: 0; /* Bắt đầu ẩn */
  transform: translateY(50px); /* Di chuyển xuống */
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.rtd .col.visible:nth-child(1) {
  -webkit-transform: scaleY(1) translateY(0);
  transform: scaleY(1) translateY(0);
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.rtd .col.visible:nth-child(2) {
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.rtd .col.visible:nth-child(3) {
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s,
    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s,
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s,
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s,
    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
}

.anima .col:not(.visible) {
  opacity: 0; /* Bắt đầu ẩn */
  transform: translateY(50px); /* Di chuyển xuống */
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.anima .col.visible:nth-child(odd) {
  -webkit-transform: scaleY(1) translateY(0);
  transform: scaleY(1) translateY(0);
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.anima .col.visible:nth-child(even) {
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.artintuc .row.row-masonry .col.post-item {
  padding-bottom: 60px;
}
.artintuc .col.post-item .col-inner {
  max-width: 572px;
}
.artintuc .col.post-item:nth-child(odd) .col-inner {
  /* Các phần tử lẻ */
  margin-left: 0;
  margin-right: auto;
}

.artintuc .col.post-item:nth-child(even) .col-inner {
  /* Các phần tử chẵn */
  margin-left: auto;
  margin-right: 0;
}
.blog-wrapper .row .col.post-item {
  padding-bottom: 60px;
}
.blog-wrapper .col.post-item .col-inner {
  max-width: 572px;
}
.blog-wrapper .col.post-item:nth-child(odd) .col-inner {
  /* Các phần tử lẻ */
  margin-left: 0;
  margin-right: auto;
}

.blog-wrapper .col.post-item:nth-child(even) .col-inner {
  /* Các phần tử chẵn */
  margin-left: auto;
  margin-right: 0;
}
.nav.mentta > li > a {
  color: var(--Primary-900, #0a0b09);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  text-transform: uppercase;
  display: flex;
  height: 52px;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-color: currentColor;
}
.mttina {
  padding-top: 40px;
}
.col-inner ul.mentta li {
  margin-left: 8px;
}
.scauhoi h3 span {
  color: var(--Primary-900, #0a0b09);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px; /* 140% */
  text-transform: uppercase;
}
.accordion-title {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 30px;
  transition: background-color ease 0.4s, color ease 0.4s;
  z-index: 1;
}
.listcauhoi .accordion-title:before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #0a0b09;
  transition: width ease 0.4s;
  z-index: -1;
}
.listcauhoi .accordion-title.active {
  background-color: #0a0b09;
}
.listcauhoi .accordion-item .accordion-title:hover span {
  color: #fff;
}
.listcauhoi .accordion-item .accordion-title.active span {
  color: #fff;
}
.scauhoi .accordion .toggle {
  left: auto;
  right: 0;
  border-radius: 0;
  height: 24px;
  margin-right: 24px;
  top: 22px;
  width: 24px;
  font-size: 0;
}
.listcauhoi .accordion-title.active .toggle {
  left: auto;
  right: 0;
  border-radius: 0;
  height: 24px;
  margin-right: 24px;
  top: 22px;
  width: 24px;
  font-size: 0;
}
.listcauhoi .accordion-item .accordion-title:hover .toggle {
  background: white;
  mask-image: url(/images/Plus.png);
  mask-size: cover;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/images/Plus.png);
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  transition: filter 1s ease;
}
.listcauhoi .accordion-item .accordion-title.active .toggle {
  left: auto;
  right: 0;
  border-radius: 0;
  height: 24px;
  margin-right: 24px;
  top: 22px;
  width: 24px;
  font-size: 0;
  background: white;
  mask-image: url(/images/Minus.png);
  mask-size: cover;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/images/Minus.png);
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  transition: filter 1s ease;
}
.listcauhoi .accordion-item .accordion-inner {
  padding: 24px 0 24px 0;
  border-bottom: 1px solid rgba(10, 11, 9, 0.15);
}
.listcauhoi.txt-styles h3 + * {
  margin-top: 28px;
}
.csach.site-banner--simple .site-banner__content {
  padding-bottom: 40px;
}
.section--medium {
  max-width: 1000px;
}
.cauhoift {
  padding-top: 28px;
}
.cauhoift p {
  color: var(--Dark-D1, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.scauhoi .section-content {
  padding-top: 40px;
}

/* Đặt các tab theo hàng ngang */
.nghehot .vertical-tabs {
  display: flex;
  flex-direction: column; /* Đổi thành hàng ngang */
}

.nghehot .vertical-tabs__tab {
  display: flex;
  flex-direction: column; /* Đặt nội dung trong tab theo hàng ngang */
  align-items: center;
  margin-right: 0px; /* Khoảng cách giữa các tab */
  padding: 00px;
  cursor: pointer;
  border-bottom: 1px solid transparent;
  width: 100%;
}
.nghehot .vertical-tabs__tab.active {
  width: 100%;
}
.nghehot .vertical-tabs__tab-info-title h3 {
  transform: rotate(0deg);
  writing-mode: horizontal-tb;
  white-space: normal;
  max-height: 340px;
}
.nghehot .vertical-tabs__tab.active {
  border-bottom: 1px solid #c1eaff; /* Đổi màu khi active */
}

/* Ẩn nội dung tab không được chọn */
.nghehot .vertical-tabs__tab-content {
  display: none;
  margin-top: 20px; /* Khoảng cách giữa tab và nội dung */
  transition: opacity ease 0.6s;
}

.nghehot .vertical-tabs__tab-content.active {
  display: block;
  pointer-events: all;
  visibility: visible;
  transition: opacity ease 0.6s 0.6s;
}
.nghehot .vertical-tabs__tab.active .vertical-tabs__tab-content {
  display: block;
  pointer-events: all;
  visibility: visible;
  transition: opacity ease 0.6s 0.6s;
  padding-bottom: 24px;
}
/* Tùy chỉnh nội dung */
.nghehot .vertical-tabs__tab-info {
  flex: 1;
  text-align: left;
  align-items: start;
  padding-top: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(193, 234, 255, 0.3);
}

.nghehot .vertical-tabs__tab-img img {
  max-width: 100%;
  height: auto;
}
.nghehot .vertical-tabs__tab.active .vertical-tabs__tab-info-title {
  opacity: 1;
}
.nghehot .vertical-tabs__tab.active .vertical-tabs__tab-info {
  width: 100%;
  display: none;
}
.nghehot .vertical-tabs__tab-txt {
  width: 592px;
  margin-right: 0;
  max-width: 592px;
}
.nghehot .vertical-tabs__tab-img {
  max-width: 536px;
  transition: all 0.5s ease-out;
}
.nghehot .vertical-tabs__tab-img img {
  animation: slideUp 1s ease-out forwards;
}
.nghehot .vertical-tabs__tab {
  border-left: none;
}
.nghehot .vertical-tabs__tab:last-child {
  border-right: none;
}
.nghehot .vertical-tabs__tab-txt .txt-styles .h6 {
  font-size: 40px;
  margin-top: 8px;
  max-width: 100%;
}
.nghehot .mtht {
  color: var(--Primary-900, #0A0B09);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.nghehot .vertical-tabs__tab.active .vertical-tabs__tab-txt > span {
  visibility: visible;
}
.nghehot {
  padding-top: 20px;
}
.nghehot .vertical-tabs__tab-info-counter span span {
  color: #A80808;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px; /* 142.857% */
  text-transform: uppercase;
}
.nghehot .mb-micro {
  margin-bottom: 8px;
}
.nghehot .vertical-tabs__tab-txt .h4 span {
  color: #A80808;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px; /* 142.857% */
  text-transform: uppercase;
}
.nghehot .vertical-tabs__tab-txt .txt-styles h3 + * {
  margin-top: 16px;
}
.nghehot .vertical-tabs__tab-txt .h4 {
  font-size: 56px;
}
@keyframes slideUp {
  0% {
    bottom: -50px; /* Bắt đầu từ bên dưới */
    opacity: 0;
  }
  100% {
    bottom: 0; /* Kết thúc ở vị trí ban đầu */
    opacity: 1; /* Hiển thị hoàn toàn */
  }
}
.nghehot .vertical-tabs__tab-info-counter span.h4 {
  display: flex;
  flex-direction: row-reverse;
  gap: 12px;
  align-items: center !important;
  align-self: center !important;
  vertical-align: middle !important;
}
.nghehot .vertical-tabs__tab-info-counter span.h4:before {
  content: "";
  width: 32px;
  height: 32px;
  display: inline-block;
  background: url(/images/ArrowDown.png) center / contain no-repeat;
  filter: invert(0);
}
.nghehot .vertical-tabs__tab.active .vertical-tabs__tab-txt > span.h4 {
  display: flex;
  flex-direction: row-reverse;
  gap: 12px;
  align-items: center !important;
  align-self: center !important;
  vertical-align: middle !important;
  justify-content: flex-end;
}
.nghehot .vertical-tabs__tab.active .vertical-tabs__tab-txt > span.h4:before {
  content: "";
  width: 32px;
  height: 32px;
  display: inline-block;
  background: url(/images/ArrowUp.png) center / contain no-repeat;
  filter: invert(0);
}
.blog-wrapper.page-wrapper .mrtop {
  padding-bottom: 40px;
  padding-top: 40px;
}
.blog-wrapper .post-item h5.post-title {
  max-width: 400px;
}
.blog-wrapper .post-item .box-text-inner .cat-label {
  max-width: 146px;
}
/*.bai-viet-lien-quan{margin-top:15px}
  .bai-viet-lien-quan h3{font-size:17px;color:#000}
  .bai-viet-lien-quan ul{margin-bottom:0;display:inline-block;width:100%}
  .bai-viet-lien-quan ul li{list-style:none; width:33.33%; color:graytext; float:left;padding-left:4px; padding-right:5px; transition:transform .6s}
  .bai-viet-lien-quan ul li:hover{border-radius:4px;box-shadow:0 0 5px #eddfba;transform:scale(1.03)}
  .bai-viet-lien-quan ul li .box-image img{height:120px;border-radius:4px;object-fit:cover;object-position:center;margin-top:4px}
  .bai-viet-lien-quan h4{font-size:14px;font-weight:400;color:#000;line-height:19px;padding-top:7px;height:64px;overflow:hidden;text-align:center}
  .bai-viet-lien-quan ul li .box-image img{height:90px}*/
.blog-wrapper .tlienquan .row .col.post-item:nth-last-child(-n + 2) {
  padding-bottom: 0px;
}
.tlienquan {
  padding-top: 60px;
  padding-bottom: 60px;
  background: #b8e7ff;
}
.tlienquan h3 {
  font-size: 28px;
  text-align: center;
  padding-bottom: 40px;
}
html[lang="zh-CN"] .tlienquan h3 span {
  font-family: "NotoSansSC";
}
.tlienquan h3 span {
  color: var(--Secondary-Text, #0a0b09);
  font-family: "NotoSansSC";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px; /* 142.857% */
  text-transform: uppercase;
}
.blog-wrapper .row .row:not(.row-collapse) {
  padding-left: 0px;
  padding-right: 0px;
  margin-left: auto;
  margin-right: auto;
}
.pagination {
  margin-top: 0;
}
.page-wrap .jcf-select {
}
.page-wrap .jcf-select:not(.jcf-select-jcf-hidden) {
  visibility: hidden;
  display: none !important;
}
.pagination__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
.pagination__btn.disabled {
  opacity: 0;
  pointer-events: none;
}
.pagination__pages {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 12px;
}
.pagination__btn {
  display: inline-block;
  cursor: pointer;
  border: none;
  overflow: hidden;
}
html[lang="zh-CN"] .pagination__btn a {
  font-family: "NotoSansSC";
}
.pagination__btn a {
  color: var(--Secondary-Text, #0a0b09);
  font-feature-settings: "liga" off, "clig" off;
  font-family: "NotoSansSC";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
.pagination__btn--prev {
  left: 0;
  width: 120px;
}
.pagination__btn--next {
  right: 30px;
}
.page-wrap .jcf-select-opener,
.page-wrap span.select2-container .select2-selection .select2-selection__arrow,
span.select2-container .select2-selection .page-wrap .select2-selection__arrow {
  width: 26px;
  height: 26px;
}
.page-wrap .jcf-select-text {
  padding-right: 62px;
}
.jcf-select-text {
  height: 26px;
  padding: 0 0px;
}
.jcf-select-text {
  border: none;
  background: none;
}
.page-wrap .jcf-select.jcf-drop-active:not(.jcf-drop-flipped) .jcf-select-drop {
  padding-top: 26px;
}
.jcf-list-content {
  border: none;
}
html[lang="zh-CN"] .page-wrap .jcf-option,
html[lang="zh-CN"] .page-wrap .select2-results__option,
html[lang="zh-CN"] .page-wrap .jcf-optgroup-caption {
  font-family: "NotoSansSC";
}
.page-wrap .jcf-option,
.page-wrap .select2-results__option,
.page-wrap .jcf-optgroup-caption {
  min-height: 56px;
  padding: 16px 24px;
  color: var(--Secondary-Text, #0a0b09);
  text-align: center;
  font-family: "NotoSansSC";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}
html[lang="zh-CN"] .jcf-select-text {
  font-family: "NotoSansSC";
}
.jcf-option,
.jcf-optgroup-caption,
.jcf-select-text,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
input[type="file"],
textarea,
select {
  color: var(--Secondary-Text, #0a0b09);

  /* Body/B2 */
  font-family: "NotoSansSC";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.jcf-select-text .jcf-option-current {
  font-size: 16px;
  line-height: 24px;
}
.page-wrap .jcf-option {
  font-size: 16px;
  line-height: 24px;
}
.pagination__btn {
  /* display: none;*/
}
.page-wrap .jcf-list-content ul li {
  margin-bottom: 0;
}
.pagination1 {
  margin-left: auto;
  margin-right: auto;
}
.blog-wrapper .row .col.post-item:nth-last-child(-n + 2) {
  padding-bottom: 40px;
}
.pagination__btn a {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border: none;
  overflow: hidden;
  padding-bottom: 16px;
}
.blog-wrapper h4 .split-heading__line,
.blog-wrapper h4 .split-heading__word {
}
.blog-wrapper .single-page {
  display: flex;
  padding: 80px 80px 0px 80px;
  align-items: flex-start;
  gap: 40px;
}
.blog-wrapper .single-page .cttin {
  color: var(--Dark-D1, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.blog-wrapper .single-page .cttin h4 {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  padding-top: 24px;
  padding-bottom: 8px;
}
.blog-wrapper .single-page .cttin h4 span {
  color: var(--Dark-D1, #0a0b09);

  /* Heading/H6 */
  font-family: Phudu;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px; /* 150% */
  text-transform: uppercase;
}
.csidebar {
  display: flex;
  width: 220px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  flex-shrink: 0;
}
.single.single-post .header-bg-color {
  background-color: transparent;
  background-color: #fff;
}
.titlepost h1 {
  font-size: 56px;
}
.titlepost h1 span {
  color: var(--Secondary-Text, #0a0b09);
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px; /* 142.857% */
  text-transform: uppercase;
}
.anhspost {
  min-height: 80vh !important;
}

.single-post .mrtop {
  margin-top: -264px;
  position: relative;
  z-index: 3;
  background: #fff;
}
.postdt {
  color: var(--Secondary-Text, #0a0b09);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.2px;
  padding-bottom: 4px;
}
.postau {
  color: var(--Secondary-Text, #0a0b09);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.2px;
}
.despost {
  padding: 24px 0;
  display: none;
}
.titlepost {
  padding-bottom: 24px;
}
.entry-content.single-page .cttin .despost p {
  color: var(--Dark-D1, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 144.444% */
}
.entry-content.single-page .cttin {
  color: var(--Dark-D1, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.entry-content.single-page .cttin p {
  color: var(--Dark-D1, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.post {
  margin: 0 0 80px;
}
.feat-projects__item--title {
  padding-bottom: 60px;
}
.chuchay2 .section-content {
  padding-top: 80px;
  padding-bottom: 40px;
}
#wpforms-3848-field_17-container.wpforms-field-text {
  padding-top: 16px;
}
#wpforms-4137-field_17-container.wpforms-field-text {
  padding-top: 16px;
}
#wpforms-4140-field_17-container.wpforms-field-text {
  padding-top: 16px;
}
.formw1 {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
/* Transitions */
.large-video__slide,
.large-video__btn {
  transition: transform ease 2.5s;
}

.gallery-modal__direction svg * {
  transition: fill ease 0.6s;
}

.box-text a:not(.button),
.box-text h1,
.box-text h2,
.box-text h3,
.box-text h4,
.box-text h5,
.box-text h6 {
  line-height: normal;
  margin-bottom: 0;
  margin-top: 0;
}
#cmplz-document h2,
.site-banner--simple .site-banner__title,
.site-banner--img .site-banner__title,
h2,
.h2 {
  font-size: 4.5rem;
  font-size: 90px;
  line-height: 100%;
}
.ux-menu-link__link {
  align-items: baseline;
  border-bottom-color: #ececec;
  border-bottom-width: 0;
  color: currentColor;
  flex: 1;
  min-height: 1.5em;
  padding-bottom: 0;
  padding-top: 0;
  transition: all 0.2s;
}
.absolute-footer {
  padding: 32px 0 32px;
}

.feat-projects__item {
  position: sticky;
  top: 0;
  pointer-events: unset;
}
.feat-projects .btn {
  background: transparent;
  border: 1px solid #fff;
}
/* Title */
.home1 .site-banner__title span {
  color: var(--Primary-900, #0a0b09);
  text-align: center;
  font-size: 90px;
  font-weight: 400;
  line-height: 128px; /* 139.535% */
  text-transform: uppercase;
}
.home2 h2 {
  font-size: 72px;
  line-height: 100px;
  margin-bottom: 24px;
}
h3,
.h3 {
  font-size: 60px;
  line-height: 85px;
}
h4,
.h4 {
  font-size: 56px;
  line-height: 80px;
}
h5,
.h5 {
  font-size: 56px;
  line-height: 80px;
}
.xlhq h3 {
  max-width: 444px;
}
.sect4 .texth .col-inner {
  display: flex;
  max-width: 508px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex-shrink: 0;
  margin-left: 0;
  margin-right: auto;
}
.sect4 .imgh .img-inner {
  max-width: 580px;
}
.sect4 .sech2 .col-inner {
  margin-left: auto;
  margin-right: 0;
}
.sect4 .sech4 .col-inner {
  margin-left: auto;
  margin-right: 0;
}
.tintuch .h3 span {
  color: var(--Secondary-Text, #0a0b09);
}

.h3 span {
  color: var(--Secondary-Background, #a80808);
  text-align: center;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 85px; /* 138.889% */
  text-transform: uppercase;
}
.tcenter p {
  margin-left: auto;
  margin-right: auto;
}
.home2 p.des {
  max-width: 972px;
}
p.des {
  color: var(--Secondary-Background, #fff);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
}
.large-video-outer {
  padding-top: 60px;
}
.hest.dark {
  background: var(--Linear, linear-gradient(0deg, #01064e 0%, #000338 100%));
}
.titlehst {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.titlehst .site-banner__title span {
  color: var(--Secondary-Background, #fff);
}
.chuchay2 h2 {
  font-size: 72px;
  line-height: 100px;
  margin-bottom: 0px;
}
.intro .intro__bg-txt {
  color: var(--Dark-D7, #8b8d8c);
  font-size: 152px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
}
.sect4 .h5 span {
  color: var(--Dark-D1, #0a0b09);
  text-align: right;

  /* Heading/H4 */
  font-family: Phudu;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px; /* 140% */
  text-transform: uppercase;
}
.sect4 .txt-larger {
  color: var(--Dark-D1, #0a0b09);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px; /* 150% */
}
.sect4 .desc {
  color: var(--Dark-D1, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.topf .img .img-inner {
  max-width: 144.034px;
}
.animations-enabled [data-animate="img"][data-animated]::after {
  transform: scaleY(0);
  opacity: 0;
  transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s,
    opacity ease 0s 0.6s;
}
.animations-enabled [data-animate="img"]::after {
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  bottom: -1px;
  left: -1px;
  transform-origin: 50% 0;
  pointer-events: none;
  background-color: #ede9e2;
  z-index: 2;
}
.text-mask {
  text-align: center;
  font-family: Phudu;
  font-size: 172px;
  font-style: normal;
  font-weight: 400;
  line-height: 240px; /* 139.535% */
  text-transform: uppercase;
  color: transparent; /* Làm chữ trong suốt */
  -webkit-background-clip: text; /* Sử dụng ảnh nền cho text */
  background-clip: text;
  background-image: url("https://portal.koreanaireclass.kr/wp-content/uploads/2024/11/c96a598c1aa0954e522f87a237743037-scaled.webp"); /* Thay bằng URL ảnh nền */
  background-size: cover; /* Phủ đầy ảnh */
  background-position: center;
  background-attachment: fixed; /* Ảnh nền cố định */
  text-transform: uppercase; /* Viết hoa chữ */
  text-align: center; /* Căn giữa chữ */
}
.hatintuc .section-content {
  padding-top: 92px;
}
.hatintuc h2.site-banner__title {
  padding-top: 80px;
  margin-bottom: 0;
}
.mttina .col-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.mttina p {
  color: var(--Dark-D1, #0a0b09);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
}
.topf .img .img-inner {
  max-width: 144.034px;
}
.page-template-page-transparent-header .header-bg-color {
  background-color: transparent;
}
.sect4 h3.h5 {
  padding-bottom: 16px;
}
.btn,
.gform_wrapper .gform_page_footer .button,
.gform_wrapper .gform_page_footer button,
.txt-styles .wp-block-button__link,
.txt-styles .wp-block-file__button,
input[type="submit"],
button {
  font-family: "NotoSansSC";
}
.fatf p {
  color: var(--Secondary-Background, #fff);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
}
html[lang="zh-CN"] .ftuyendung p.cachut {
  font-family: "NotoSansSC-Black";
}
.ftuyendung p.cachut {
  color: var(--Secondary-Background, #fff);
  font-family: Phudu;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  text-transform: uppercase;
}
.listcate .btn {
  background: #fff;
}
.listcate .btn::before {
  border: 1px solid #0a0b09;
}
.listcate .btn .btn__txt {
  color: #0a0b09;
}
.listcate .btn__txt-extra {
  background: #0a0b09;
}
.listcate .btn__txt-extra::before {
  color: #fff;
}
body.blog .listcate .btn:first-child {
  background: #0a0b09;
}
body.blog .listcate .btn:first-child::before {
  border: 1px solid #0a0b09;
}
body.blog .listcate .btn:first-child .btn__txt {
  color: #fff;
}
body.blog .listcate .btn:first-child .btn__txt-extra {
  background: #fff;
}
body.blog .listcate .btn:first-child .btn__txt-extra::before {
  color: #0a0b09;
}
.listcate .btn.active {
  background: #0a0b09;
}
.listcate .btn.active::before {
  border: 1px solid #0a0b09;
}
.listcate .btn.active .btn__txt {
  color: #fff;
}
.listcate .btn.active .btn__txt-extra {
  background: #fff;
}
.listcate .btn.active .btn__txt-extra::before {
  color: #0a0b09;
}
.linktuyendung .link-list__item-inner {
  display: flex;
  position: relative;
  flex-direction: column;
}
.site-banner--simple1 .site-banner__title {
  font-size: 90px;
  line-height: 128px;
}
.cttdung .section-content .site-banner__inner {
  padding-top: 80px;
}
.cttdung .section-content .tcamon.site-banner__inner {
  padding-top: 120px;
}
.scroll-logos__row--4,
.scroll-logos__row-group--4 {
  width: 100%;
}
.tlienquan .flickity-button {
  display: none;
}
.csidebar .nguon {
  color: var(--Secondary-Text, #0a0b09);
  font-size: 16px;
  line-height: 24px; /* 150% */
}
.cttin ul li {
  color: var(--Dark-D1, #0a0b09);
  font-size: 18px;
  font-style: normal;
}
.cttin a {
  color: var(--Primary-600, #1412ff);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.site-menu > .menu-item.current-page-ancestor > a {
  background: #0a0b09;
  color: #fff;
}
.site-menu > .menu-item.current_page_parent > a {
  background: #0a0b09;
  color: #fff;
}
.site-menu > .menu-item.current-menu-item.current_page_parent > a {
  /*background: #E6E6E3;
      color: #fff;*/
}
.sect4 .btn::before {
  border: 1px solid #0a0b09;
}
.ndtdung {
  font-size: 18px;
  line-height: 26px;
}
.ndtdung h3 {
  font-size: 32px;
  line-height: 44px;
}
.ndtdung h3 span {
  color: var(--Dark-D1, #0a0b09);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px; /* 137.5% */
  text-transform: uppercase;
}
.cttdung1 .site-banner__title + * {
  margin-top: 32px;
}
.cttdung1 .site-banner__txt {
  color: var(--Dark-D1, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.ndtdung.section--medium .txt-styles h3 {
  margin-top: 32px;
  margin-bottom: 24px;
}
.ndtdung.section--medium .txt-styles * + h3 {
  margin-top: 32px;
  margin-bottom: 24px;
}
.ndtdung ul {
}
.ndtdung ul li {
  color: var(--Dark-D1, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.ndtdung .txt-styles ul:not([class]) li:not([class]) {
  margin: 0px 0 0px 25px;
}
.ndtdung .txt-styles p + p {
  margin-top: 0;
}
.pdtop8 {
  padding-top: 8px;
}
.pdtop12 {
  padding-top: 12px;
}
.cttdung1 .section-content {
  padding-top: 92px;
}
.cttdung1 .section-content .site-banner__inner {
  padding-top: 80px;
}
.destopt strong {
  font-weight: 700;
}
.ndtdung p {
  font-size: 18px;
  line-height: 26px;
}
.btn__txt-extra {
  white-space: unset;
}
.pll-parent-menu-item img {
  width: 30px;
}
.fotd .btn::before {
  border: 1px solid #0a0b09;
}
.projects-featured-outer .btn::before {
  border: 1px solid #0a0b09;
}
.home1 .fill {
  height: 60%;
}
.ctlh .section-content .row {
  display: flex;
  align-items: flex-start;
  gap: 100px 0;
  flex-flow: wrap;
  row-gap: 0;
  /*  column-gap: 88px;*/
}
/*html[lang="en-GB"] .ctlh .section-content .row{column-gap: 48px;}
  html[lang="zh-CN"] .ctlh .section-content .row{column-gap: 48px;}*/
/*.ctlh .section-content .large-2{
      flex-basis: max-content;
          max-width: max-content;
  }
  .ctlh .section-content .large-3{
      flex-basis: max-content;
          max-width: max-content;
  }
  .ctlh .section-content .large-7{
      flex-basis: max-content;
          max-width: max-content;
  }*/
.secttd1 .section-content {
  padding-top: 40px;
  padding-bottom: 80px;
}
.col-inner .linktuyendung ul {
  list-style: none;
}
.col-inner .linktuyendung ul li {
  margin-left: 0;
}
html[lang="zh-CN"] .vtgv span {
  font-family: "NotoSansSC-Black";
}
.vtgv {
  padding-top: 12px;
}
.vtgv span {
  color: var(--Secondary-Blue, #64cbff);

  /* Heading/H6 */
  font-family: Phudu;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
  text-transform: uppercase;
}
.lhchm {
  padding-top: 24px;
}
.ctlh h4 {
  font-size: 24px;
  line-height: 36px;
  padding-bottom: 8px;
}
.ctlh h4 span {
  color: var(--Primary-900, #0a0b09);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px; /* 150% */
  text-transform: uppercase;
}
.flh2 .section-content {
  padding-top: 96px;
}
.flh.flh2 h2 {
  max-width: 712px;
}
.flh.flh2 .subtitle:nth-child(n) {
  font-size: 24px;
  line-height: 36px;
}
.flh.flh2 .subtitle:nth-child(n) span {
  font-size: 24px;
  line-height: 36px;
}
.flh.flh2 .subtitle::before {
  top: 11px;
}
.topf > .col.medium-10 > .col-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.blogcatemt {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.taxonomy-description {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.taxonomy-description p {
  color: var(--Dark-D1, #0a0b09);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
}
.topf .img-inner img {
  padding-top: 15px;
}
.tvideok {
  padding-top: 120px;
  padding-bottom: 40px;
}
.anhbntd {
  padding-top: 92px;
}
.mask-logo {
  width: 100%;
  -webkit-mask: url("/images/Intersect.svg");
  mask: url("/images/Intersect.png");
  mask-repeat: repeat;
  mask-size: auto;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  padding-bottom: 16%;
  background: url("/images/imgmask.png") center bottom/1400px no-repeat;
  background: url("/images/imgmask.webp") center bottom/1400px no-repeat;
  background-attachment: scroll;
  background-attachment: fixed;
}
.video-wrap {
  position: relative;
  padding-bottom: 46.25%;
  height: 0;
}
.home2 .h3 span {
  color: var(--Primary-900, #a80808);
  text-align: center;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 85px; /* 138.889% */
  text-transform: uppercase;
}
.dtlienhe {
  padding-top: 40px;
}
.emlienhe {
  padding-top: 12px;
}
.emlienhe p,
.dtlienhe p {
  color: var(--Dark-D1, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.emlienhe p.titleb,
.dtlienhe p.titleb {
  display: flex;
  color: var(--Primary-900, #0a0b09);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 144.444% */
}
.emlienhe p img,
.dtlienhe p img {
  margin-right: 8px;
}
.emlienhe .icondt,
.dtlienhe .icondt {
  display: flex;
  gap: 12px;
}
/* CSS riêng cho Firefox */
@-moz-document url-prefix() {
  .vertical-tabs__tab-info-title h3 {
    block-size: 126px;
  }
  .text-mask {
    background-attachment: fixed;
    will-change: transform, background-position;
    transform: translateZ(0);
  }
}
@-moz-document url-prefix() {
  .text-mask {
    position: relative;
    z-index: 1;
    background-attachment: scroll; /* Firefox không hỗ trợ fixed chuẩn */
    background-position: center 0; /* Tùy chỉnh */
  }
}
@media (min-width: 1801px) {
  body:not(.no-touch) .site-banner--sticky-img .site-banner__content-inner {
    padding-bottom: 120px;
  }
}
/* Specific styles for Edge/IE */
@media (orientation: portrait) and (min-width: 1367px) {
  .feat-projects__item + .feat-projects__item .project-preview--feat {
    margin-top: -40px;
  }
}
@media (min-width: 1367px) {
  .project-preview--feat {
    padding: 40px;
  }
  .project-preview--feat .project-preview__content {
    padding: 80px;
  }
  .feat-projects__item--title + .feat-projects__item .project-preview--feat {
    margin-top: -40px;
  }
  .feat-projects__item:last-child .project-preview--feat {
    margin-bottom: -40px;
  }
}
@media (orientation: portrait) and (max-width: 1366px) and (min-width: 671px) {
  .feat-projects__item + .feat-projects__item .project-preview--feat {
    margin-top: -30px;
  }
}
@media (max-width: 1366px) and (min-width: 671px) {
  .project-preview--feat {
    padding: 30px;
  }
  .project-preview--feat .project-preview__content {
    padding: 60px;
  }
  .feat-projects__item--title + .feat-projects__item .project-preview--feat {
    margin-top: -30px;
  }
  .feat-projects__item:last-child .project-preview--feat {
    margin-bottom: -30px;
  }
}
@media (orientation: portrait) and (max-width: 670px) {
  .feat-projects__item + .feat-projects__item .project-preview--feat {
    margin-top: 0%;
  }
}
@media (max-width: 670px) {
  .project-preview--feat {
    padding: 4.5%;
    aspect-ratio: 16/9;
  }
  .project-preview--feat .project-preview__content {
    padding: 8.5416666667%;
  }
  .feat-projects__item--title + .feat-projects__item .project-preview--feat {
    margin-top: -5%;
  }
  .feat-projects__item:last-child .project-preview--feat {
    margin-bottom: -5%;
  }
}
.feat-projects__item {
  position: sticky;
  top: 0;
  pointer-events: none;
}
@media (min-width: 1801px) {
  .feat-projects__item--title {
    top: 120px;
  }
}
@media (max-width: 1800px) and (min-width: 1367px) {
  .feat-projects__item--title {
    top: 100px;
  }
}
@media (max-width: 1366px) and (min-width: 671px) {
  .feat-projects__item--title {
    top: 80px;
  }
}
@media (max-width: 670px) {
  .feat-projects__item--title {
    top: 60px;
  }
}
@media (min-width: 1801px) {
  .feat-projects__item--title {
    padding-bottom: 60px;
  }
}
@media (max-width: 1800px) and (min-width: 1367px) {
  .feat-projects__item--title {
    padding-bottom: 50px;
  }
}
@media (max-width: 1366px) and (min-width: 671px) {
  .feat-projects__item--title {
  }
}
@media (max-width: 670px) {
  .feat-projects__item--title {
    padding-bottom: 30px;
  }
}
.feat-projects__item--title.hide {
  opacity: 0;
}
@media (min-width: 1801px) {
  .post-type-archive-project .feat-projects__item--title,
  .tax-project_category .feat-projects__item--title {
    padding-bottom: 120px;
  }
}
@media (max-width: 1800px) and (min-width: 1367px) {
  .post-type-archive-project .feat-projects__item--title,
  .tax-project_category .feat-projects__item--title {
    padding-bottom: 100px;
  }
}
@media (max-width: 1366px) and (min-width: 671px) {
  .post-type-archive-project .feat-projects__item--title,
  .tax-project_category .feat-projects__item--title {
    padding-bottom: 80px;
  }
}
@media (max-width: 670px) {
  .post-type-archive-project .feat-projects__item--title,
  .tax-project_category .feat-projects__item--title {
    padding-bottom: 60px;
  }
}
@media screen and (prefers-reduced-motion: no-preference) {
  .feat-projects__item:not(:last-child)[style] .project-preview--feat {
    transform: scale(max(1 - var(--parallax-percent) * 0.15, 0));
  }
  body.no-touch
    [data-parallax].feat-projects__item:not(:last-child)[style]
    .project-preview__inner::before {
    opacity: var(--parallax-percent);
  }
}
@media (min-width: 451px) {
  .page-wrap .jcf-checkbox,
  .page-wrap .jcf-radio {
    width: 24px;
    height: 24px;
  }
  .page-wrap .jcf-radio .jcf-icon {
    width: 9px;
    height: 9px;
  }
}
@media not all and (hover: none),
  (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .pagination__pages {
    border-bottom: 2px solid #0a0b09;
  }
  .pagination__btn a:before {
    transition: width ease 0.25s;
    width: 100%;
    right: 0;
  }
  .pagination__btn a:before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    background: #0a0b09;
  }
  .pagination__btn a:after {
    transition: width ease 0.25s;
    width: 0;
    left: 0;
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    background: #0a0b09;
  }
  .pagination__btn a:hover:before {
    width: 0;
  }
  .pagination__btn a:hover:after {
    width: 100%;
    transition-delay: 0.4s;
  }
  .pagination__pages:hover {
    border-bottom: 2px solid #cbd1d2;
  }
  .jcf-file:hover .jcf-fake-input {
    background-color: transparent;
    border-color: transparent;
  }
  .accordion-title:hover:before {
    width: 100%;
  }
  .accordion-title:hover {
    color: #fff;
  }
}
@media (hover: none) and (pointer: coarse) {
  .nenv .accordion .accordion-title.active .toggle:hover::before {
    background-image: url(/images/PlusCircle3.png);
    transform: translateY(0);
    display: none;
  }
  .nenv .accordion-title .toggle:hover::before {
    transform: translateY(0);
    display: none;
  }
  .accordion .accordion-title.active .toggle:hover::before {
    display: none;
  }
  .accordion .toggle:hover::before {
    display: none;
  }
  .accordion .toggle::before {
    display: none;
  }
}
@media (min-width: 1001px) {
  .vertical-tabs__tab.active .vertical-tabs__tab-info-title {
    display: none;
  }
}

@media (min-width: 1024px) {
  html[lang="vi"] .txt-styles .menuf,
  html[lang="zh-CN"] .txt-styles .menuf {
    gap: 10px;
    display: block;
  }
  html[lang="vi"] .txt-styles .menuf .menu-item {
    display: inline-block;
    padding-right: 57px;
  }
  html[lang="vi"] .txt-styles .menuf .menu-item:last-child {
    padding-right: 0px;
  }
  html[lang="zh-CN"] .txt-styles .menuf .menu-item {
    display: inline-block;
    padding-right: 87px;
  }
  html[lang="zh-CN"] .txt-styles .menuf .menu-item:last-child {
    padding-right: 0px;
  }
}
@media (min-width: 1025px) {
  .txt-styles .menuf {
    gap: 10px;
    display: block;
  }
  html[lang="vi"] .txt-styles .menuf .menu-item {
    display: inline-block;
    padding-right: 125px;
  }
  html[lang="vi"] .txt-styles .menuf .menu-item:last-child {
    padding-right: 0px;
  }
  html[lang="zh-CN"] .txt-styles .menuf .menu-item {
    display: inline-block;
    padding-right: 155px;
  }
  html[lang="zh-CN"] .txt-styles .menuf .menu-item:last-child {
    padding-right: 0px;
  }
  html[lang="en-GB"] .txt-styles .menuf .menu-item {
    display: inline-block;
    padding-right: 19px;
  }
  html[lang="en-GB"] .txt-styles .menuf .menu-item:last-child {
    padding-right: 0px;
  }
}
@media screen and (max-width: 1920px) and (min-width: 1601px) {
  h2.site-banner__title,
  h1,
  .h1 {
    font-size: 72px;
  }
  .gform_validation_errors,
  .testimonial__header {
    margin-bottom: 40px;
  }
  .mb-small {
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 1601px) {
  .scroll-logos__row--4,
  .scroll-logos__row-group--4 {
    width: 64vw;
  }
}
@media screen and (max-width: 1600px) {
  .custom-cursor {
    width: 12px;
    height: 12px;
  }
  div.wpforms-container-full .wpforms-form label.wpforms-error,
  div.wpforms-container-full .wpforms-form em.wpforms-error {
    padding: 0 !important;
    margin-top: 4px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (max-width: 1023px) and (min-width: 671px) {
  .txt-styles .menuf .menu-item {
    flex: 1;
    text-align: center;
  }
}
@media screen and (max-width: 820px) and (min-width: 671px) {
  html[lang="en-GB"] .txt-styles .menuf {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    grid-template-rows: auto;
    gap: 0px;
  }
  html[lang="en-GB"] .txt-styles .menuf .menu-item {
    text-align: left;
  }
}
@media screen and (max-width: 1920px) and (min-width: 671px) {
  .blog-featured-title.featured-title {
    margin-top: 92px;
  }
  .project-preview--feat .project-preview__content {
    padding: 60px 100px;
  }
  div.wpforms-container-full .wpforms-field-label {
    margin-bottom: 4px !important;
  }
  .wpforms-container .wpforms-field {
    padding: 0px 0;
    position: relative;
  }
  .wpforms-field-large,
  .wpforms-field-medium {
    margin-bottom: 24px !important;
  }
  .wpforms-field-layout-rows.wpforms-field-large {
    margin-bottom: 0px !important;
  }
  .usp-cols__item:nth-child(n + 3) {
    margin-top: 16px;
  }
  .addresses__colo .mb-small {
    margin-bottom: 0px;
  }
  .site-banner--background-color .site-banner__inner,
  .site-banner--background-color-alternating .site-banner__inner,
  .contents,
  .pb-medium {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .projects-featured[data-parallax][style]
    .projects-featured__item:nth-last-child(3)
    .projects-featured__item-info {
    transform: translateX(calc(15vw * var(--parallax-percent)));
  }
  .projects-featured[data-parallax][style]
    .projects-featured__item:nth-last-child(2)
    .projects-featured__item-info {
    transform: translateX(calc(10vw * var(--parallax-percent)));
  }
  .projects-featured[data-parallax][style]
    .projects-featured__item:nth-last-child(1)
    .projects-featured__item-info {
    transform: translateX(calc(5vw * var(--parallax-percent)));
  }
}
@media screen and (max-width: 1440px) and (min-width: 1025px) {
  .lang-item img {
    width: 30px;
  }
  h3.h5 a {
    font-size: 54px;
  }
  html[lang="zh-CN"] h2.site-banner__title,
  h1,
  html[lang="zh-CN"] .h1 {
    font-family: "NotoSansSC-Black";
  }
  h2.site-banner__title,
  h1,
  .h1 {
    font-family: Phudu;
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: 100px;
    text-transform: uppercase;
  }
  html[lang="zh-CN"] .site-banner__txt,
  .project-intro__content p,
  html[lang="zh-CN"] .project-intro__content .gform_wrapper .gform_description,
  html[lang="zh-CN"] .gform_wrapper .project-intro__content .gform_description,
  html[lang="zh-CN"] .txt-larger {
    font-family: "NotoSansSC";
  }
  .site-banner__txt,
  .project-intro__content p,
  .project-intro__content .gform_wrapper .gform_description,
  .gform_wrapper .project-intro__content .gform_description,
  .txt-larger {
    color: #0a0b09;
    font-family: "NotoSansSC";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 142.857% */
  }
}
@media (max-width: 1366px) and (min-width: 671px) {
  .project-preview--feat {
    padding: 0 30px 30px 30px;
  }
  .jcf-fake-input::before {
    top: 26%;
    left: 0;
  }
  .txt-styles .menuf {
    gap: 10px;
  }
}
@media screen and (min-width: 1025px) {
  .lang-item img {
    width: 30px;
  }
  .jcf-fake-input::before {
    left: 0px;
  }
  .scroll-cols__txt {
    margin-top: 8px;
  }
  body.site-scroll--active .site-header .site-header__inner {
    height: 92px;
  }
  body.site-scroll--active .site-header {
    top: -92px;
  }
  html[lang="zh-CN"] .btn--small .btn__txt,
  html[lang="zh-CN"] .btn--small .btn__txt-extra {
    font-family: "NotoSansSC";
  }
  .btn--small .btn__txt,
  .btn--small .btn__txt-extra {
    padding: 12px 24px;
    text-align: center;
    font-family: "NotoSansSC";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
  }
  .duanbutton .btn--small .btn__txt,
  .duanbutton .btn--small .btn__txt-extra {
    color: #0a0b09;
  }
  .duanbutton .btn::before {
    border: 1px solid #0a0b09;
  }
  .duanbutton .col-inner {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    justify-content: center;
  }
  .feat-projects .btn--small .btn__txt,
  .feat-projects .btn--small .btn__txt-extra {
    padding: 13px 22px;
  }
  .txt-styles--small h1 + *,
  .txt-styles--small h2 + *,
  .txt-styles--small h3 + *,
  .txt-styles--small h4 + *,
  .txt-styles--small h5 + *,
  .txt-styles--small h6 + * {
    margin-top: 16px;
  }
  .scroll-cols__item {
    width: 21%;
    padding-bottom: 0;
  }
  .scroll-cols__item:last-child {
    width: 25%;
    padding-bottom: 0;
  }
  .usp-cols__items {
    width: 71%;
  }
  .usp-cols__item {
    width: 400px;
  }
  .usp-cols__item:nth-child(even) {
    margin-left: 80px;
  }
}
@media screen and (min-width: 1001px) {
  .site-menu > .menu-item > a {
    background-color: #e6e6e3;
  }
  .site-menu > .pll-parent-menu-item.menu-item > a {
    background-color: transparent;
  }
  html[lang="zh-CN"] .site-menu > .menu-item > a {
    font-family: "NotoSansSC";
  }
  .site-menu > .menu-item > a {
    color: var(--Background-White, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;
    font-family: "NotoSansSC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.2px;
    text-transform: uppercase;
  }
  .site-header__inner {
    height: 92px;
    transform: translateY(0%);
  }
  .site-menu {
    display: flex;
    gap: 4px;
  }
}

@media screen and (min-width: 769px) {
  .tdung .site-banner__title + * {
    margin-top: 24px;
  }
}

@media screen and (min-width: 671px) {
  .tcamon .site-banner__title span {
    font-size: 90px;
    line-height: 128px;
  }

  .site-banner__title span {
    font-size: 72px;
    line-height: 100px;
  }
  .secttd1 .site-banner__title span {
    font-size: 90px;
    line-height: 128px;
  }
  .lhtop h1 {
    font-size: 72px;
  }
  .subtitle::before,
  .gform_submission_error::before,
  .site-menu .sub-menu .menu-item-has-children > a::before {
    width: 12px;
    height: 12px;
  }
  .subtitle,
  .gform_submission_error,
  .site-menu .sub-menu .menu-item-has-children > a {
    padding-left: 24px;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .slider [data-animate],
  [data-animate] {
    opacity: 1 !important;
  }
  .slider [data-animate],
  [data-animate] {
    opacity: 1 !important;
  }
}
@media (min-width: 1025px) and (max-width: 1229px) {
  .mask-logo {
    width: 100%;
    padding-bottom: 16%;

    /* Mask setup */
    -webkit-mask: url(/images/Intersect.svg) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask: url(/images/Intersect.svg) no-repeat;
    mask-size: 100% 100%;

    /* Background setup */
    background: url(/images/imgmask.png) center bottom / 1400px no-repeat;
    background: url(/images/imgmask.webp) center bottom / 1400px no-repeat;

    /* Remove fixed background for iOS */
    background-attachment: scroll; /* Fallback */

    /* Animation for sliding effect */
    animation: slide-background 10s linear infinite;
  }

  /* Animation for sliding effect */
  @keyframes slide-background {
    0% {
      background-position: center bottom;
    }
    100% {
      background-position: center top;
    }
  }

  .section .section-content {
    width: 92%;
    margin-right: auto;
    margin-left: auto;
  }
  .rtd .col .col-inner {
    width: 98%;
  }
  .usp-cols__items {
    width: 100%;
  }
  .gvnoibat .itemgv .col-inner {
    width: 96%;
    height: auto;
  }
  .blog-wrapper .mrtop {
    max-width: 98%;
  }
  .blog-wrapper .col.post-item .col-inner {
    max-width: 98%;
  }
  .col + .col.duans .col-inner {
    max-width: 98%;
    margin-left: auto;
    margin-right: 0;
  }
  .nghehot .vertical-tabs__tab-txt {
    width: 50%;
    margin-right: 0;
    max-width: 50%;
  }
  .nghehot .vertical-tabs__tab-img {
    max-width: 50%;
    transition: all 0.5s ease-out;
  }
  .duansub.anh2l .col + .col.duans .col-inner {
    max-width: 96%;
    margin-left: auto;
    margin-right: 0;
  }
  .duansub.anh2r .col:first-child .col-inner {
    max-width: 96%;
    margin-left: 0;
    margin-right: auto;
  }
  .anhtop .col + .col .col-inner {
    max-width: 92%;
    margin-left: auto;
    margin-right: 0;
  }
  .footer-wrapper .topf .large-10 {
    flex-basis: 83.333333%;
    max-width: 83.333333%;
  }
  .topf h2.h4 {
    font-size: 32px;
    line-height: 44px;
  }
  .topf h2.h4 span {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
  }
  .blog-wrapper .tlienquan .row {
    max-width: 96%;
  }
  .sect4 .texth .col-inner {
    max-width: 96%;
  }
  .nvideoh .col:first-child .col-inner {
    max-width: 96%;
  }
  .flicf2 .col:first-child .col-inner {
    max-width: 92%;
    margin-left: 0;
    margin-right: auto;
  }
  .listcauhoi .accordion-item span {
    margin-right: 24px;
  }
  .listcauhoi .accordion-title.active {
    background-color: transparent;
    color: #fff;
  }
  .listcauhoi .accordion-title.active:before {
    width: 100%;
  }
  .listcauhoi .accordion-item .accordion-title:hover span {
    color: unset;
  }
  .anhbntd {
    padding-top: 92px;
  }
}
@media (max-width: 1024px) {
  .buocdk .row.fbuocdk {
    max-width: 100%;
  }
  .mask-logo {
    width: 100%;
    padding-bottom: 16%;

    /* Mask setup */
    -webkit-mask: url(/images/Intersect.svg) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask: url(/images/Intersect.svg) no-repeat;
    mask-size: 100% 100%;

    /* Background setup */
    background: url(/images/imgmask.png) center bottom / 1400px no-repeat;
    background: url(/images/imgmask.webp) center bottom / 1400px no-repeat;

    /* Remove fixed background for iOS */
    background-attachment: scroll; /* Fallback */

    /* Animation for sliding effect */
    animation: slide-background 10s linear infinite;
  }

  /* Animation for sliding effect */
  @keyframes slide-background {
    0% {
      background-position: center bottom;
    }
    100% {
      background-position: center top;
    }
  }

  .anhbntd {
    padding-top: 92px;
  }
  .listcauhoi .accordion-item .accordion-title:hover span {
    color: unset;
  }
  .listcauhoi .accordion-title.active:before {
    width: 100%;
  }
  .listcauhoi .accordion-title.active {
    background-color: transparent;
    color: #fff;
  }
  .post-item h5.post-title {
    max-width: 360px;
  }
  .blog-wrapper .tlienquan .row {
    max-width: 96%;
  }
  .projects-featured__item-inner {
    height: auto;
  }
  .projects-featured__item-info {
    height: auto;
  }

  .hform div.wpforms-container-full button[type="submit"] {
    margin-top: 9px;
  }
  .fgt .col:first-child .col-inner {
    max-width: 100%;
    margin-left: 0;
    margin-right: auto;
  }
  .subgt p.des {
    max-width: 100%;
  }
  .flicf2 .col:first-child .col-inner {
    max-width: 100%;
    margin-left: 0;
    margin-right: auto;
  }
  .lang-item img {
    width: 30px;
  }
  .off-canvas-center .nav-vertical > li.current-page-ancestor > a {
    background: var(--Primary-900, #0a0b09);
    color: var(--Secondary-Background, #fff);
  }
  .off-canvas-center .nav-vertical > li.current_page_parent > a {
    background: var(--Primary-900, #0a0b09);
    color: var(--Secondary-Background, #fff);
  }
  .ndtdung h3 {
    font-size: 20px;
    line-height: 28px;
  }
  .ndtdung h3 span {
    color: var(--Dark-D1, #0a0b09);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 137.5% */
    text-transform: uppercase;
  }
  .cttdung1 .site-banner__title + * {
    margin-top: 16px;
  }
  .cttdung1 .site-banner__txt {
    color: var(--Dark-D1, #0a0b09);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 144.444% */
  }
  .ndtdung.section--medium .txt-styles h3 {
    margin-top: 16px;
    margin-bottom: 12px;
  }
  .ndtdung.section--medium .txt-styles * + h3 {
    margin-top: 16px;
    margin-bottom: 12px;
  }
  .ndtdung ul {
  }
  .ndtdung ul li {
    color: var(--Dark-D1, #0a0b09);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 144.444% */
  }
  .ndtdung .txt-styles ul:not([class]) li:not([class]) {
    margin: 0px 0 0px 25px;
  }
  .ndtdung .txt-styles p + p {
    margin-top: 0;
  }
  .pdtop8 {
    padding-top: 4px;
  }
  .pdtop12 {
    padding-top: 12px;
  }
  .cttdung1 .section-content {
    padding-top: 32px;
  }
  .cttdung1 .section-content .site-banner__inner {
    padding-top: 0px;
  }
  .destopt strong {
    font-weight: 700;
  }
  .ndtdung p {
    font-size: 16px;
    line-height: 24px;
  }
  .topimggt .section-content .row .col:nth-child(1) {
    padding-right: 16px;
  }
  .topimggt .section-content .row .col:nth-child(2) {
    padding: 0 8px 0px;
  }
  .topimggt .section-content .row .col:nth-child(3) {
    padding-left: 16px;
  }
  .topimggt .section-content .row .col .col-inner {
    width: auto;
  }
  .topimggt .section-content .row {
    gap: 0;
  }
  div.wpforms-container-full .wpforms-form label.wpforms-error,
  div.wpforms-container-full .wpforms-form em.wpforms-error {
    padding: 0 !important;
    margin-top: 2px !important;
    padding-bottom: 0px !important;
  }
  div.wpforms-container-full .wpforms-form textarea {
    margin-bottom: 15px !important;
  }
  div.wpforms-container-full .wpforms-form .wpforms-submit-container {
    margin-top: 9px !important;
  }
  .header-main {
    height: 80px;
  }
  #logo img {
    padding-bottom: 8px;
    max-height: 80px;
  }
  .looping-txt__txtold {
    font-size: 40px;
    font-weight: 400;
  }
  .looping-txt__txtold span {
    font-size: 40px;
    line-height: 56px;
  }
  .looping-txt__txtimg img {
    width: 56px;
    height: 56px;
  }
  #logo img {
    padding-bottom: 8px;
  }
  .section .section-content {
    width: 92%;
    margin-right: auto;
    margin-left: auto;
  }
  .projects-featured__item-inner {
    max-width: 92%;
  }
  .col.video-quote__txt .col-inner {
    width: 100%;
    padding-right: 24px;
  }
  .site-footer__row .medium-6 {
    flex-basis: 100%;
    max-width: 100%;
  }
  html[lang="zh-CN"] .toggle-menu__txt-inactive {
    font-family: "NotoSansSC";
  }
  .toggle-menu__txt-inactive {
    color: var(--Dark-1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;
    font-family: "NotoSansSC";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.2px;
    text-transform: uppercase;
  }
  .mobile-nav .nav-icon .header-button a.icon {
    background-color: var(--Dark-D12, #e6e6e3);
    display: flex;
    padding: 7px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  html[lang="zh-CN"] .off-canvas-center .nav-vertical > li > a {
    font-family: "NotoSansSC";
  }
  .off-canvas-center .nav-vertical > li > a {
    color: var(--Dark-D1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;
    font-family: "NotoSansSC" !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.2px;
    text-transform: uppercase;
    border-radius: 100px;
    background: var(--Dark-D13, #f0f0f0);
    padding-bottom: 16px;
    padding-top: 16px;
  }
  .off-canvas-center .nav-vertical > li > a:hover {
    border-radius: 100px;
  }
  .mobile-nav .nav-icon .header-button a.icon .toggle-menu__txt-active {
    display: none;
  }
  .mfp-content .mobile-sidebar .sidebar-menu ul {
    gap: 8px;
  }
  .mfp-content .mobile-sidebar {
    padding: 32px 4% 0px;
  }
  .off-canvas-center.mfp-bg.mfp-ready {
    opacity: 1;
  }
  .mfp-bg {
    z-index: 2;
  }
  .off-canvas-center .mfp-content {
    padding-top: 0;
  }
  .off-canvas .sidebar-menu {
    padding: 0px 0;
  }
  .mfp-content {
    vertical-align: top;
  }
  .mfp-wrap {
    top: 80px !important;
  }
  html[lang="zh-CN"]
    .mobile-nav
    .nav-icon
    .header-button
    a.icon
    .toggle-menu__txt-active {
    font-family: "NotoSansSC";
  }
  .mobile-nav .nav-icon .header-button a.icon .toggle-menu__txt-active {
    color: var(--Dark-1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;
    font-family: "NotoSansSC";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.2px;
    text-transform: uppercase;
  }
  .mfp-wrap button {
    background: #e6e6e3;
    border-radius: 100px;
    top: 20px;
    right: 15px;
  }
  .mfp-wrap button::before {
    border: none;
    background-color: var(--Dark-D12, #e6e6e3);
    display: flex;
    padding: 7px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  .mfp-close svg {
    display: none;
  }
  .mfp-close::before {
    content: "Thoát";
    display: inline-block;
  }
  html[lang="zh-CN"] .mfp-ready .mfp-close {
    font-family: "NotoSansSC";
  }
  .mfp-ready .mfp-close {
    color: var(--Dark-1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;
    font-family: "NotoSansSC";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    opacity: 1;
  }
  .mobile-nav .button span {
    line-height: 16px;
  }
  .mfp-close {
    width: 84px;
    height: 32px;
  }
  h2.site-banner__title,
  h1,
  .h1 {
    font-size: 40px;
    font-weight: 400;
  }
  html[lang="zh-CN"] h3.h5 a {
    font-family: "NotoSansSC-Black";
  }
  h3.h5 a {
    color: var(--Primary-900, #0a0b09);
    font-family: Phudu;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    text-transform: uppercase;
  }
  .gt .site-banner__title {
    max-width: 100%;
  }
  .accordion__main h2 .h3 {
    max-width: 100%;
  }
  .hstft .subtitle {
    max-width: 100%;
  }
  .ctlh .form__main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    flex-basis: 100% !important;
    max-width: 1000% !important;
  }
  .ctlh .form__side {
    flex-basis: 100%;
    max-width: 100%;
  }
  .site-banner__title span {
    font-size: 56px;
    line-height: 80px;
  }
  .video-quote {
    flex-direction: unset;
  }
  .video-quote__txt {
    order: 0;
  }

  footer .large-6:nth-child(1) {
  }
  footer .large-6:nth-child(2) {
    /*  flex-basis: 43.5%;
          max-width: 43.5%;*/
  }
  .addresses {
    gap: 10px;
  }
  .addresses__colo {
    max-width: 100%;
  }
  .site-footer__row {
    column-gap: 5px;
  }
  .accordion__main h2 .h3 span {
    font-size: 40px;
    line-height: 56px;
  }
  .projects-featured__item {
    position: sticky;
    top: 0;
    overflow: hidden;
  }
  .nav.nav-vertical {
    flex-flow: wrap;
  }
  .off-canvas-center .nav-sidebar.nav-vertical > li.lang-item > a {
    padding-left: 24px;
    padding-right: 24px;
    background: transparent;
  }
  .off-canvas-center .nav-sidebar.nav-vertical > li.lang-item.current-lang > a {
    background: var(--Dark-D13, #f0f0f0);
  }
  .mobile-sidebar .lang-item {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: max-content;
    gap: 8px;
  }
  .mobile-sidebar .lang-item span {
    display: none;
  }
  .mobile-sidebar .lang-item.current-lang span {
    display: block;
  }
}
@media (max-width: 849px) {
  .topf .img .img-inner {
    max-width: 100px;
  }
  body {
    overflow-x: visible;
  }
  .ncskh.nenv .accordion-title .toggle:hover::before {
    transform: translateY(0);
  }
  .nenv .accordion-title .toggle {
    width: 36px;
    height: 36px;
  }
  .accordion .toggle {
    width: 36px;
    height: 36px;
  }
  .accordion .accordion-title.active .toggle {
    width: 36px;
    height: 36px;
  }
  .nenv .accordion .accordion-title.active .toggle:hover::before {
  }
  .nenv .accordion-title .toggle:hover::before {
  }
  .accordion .accordion-title.active .toggle:hover::before {
  }
  .accordion .toggle:hover::before {
  }
  .override-cursor .follower {
    display: none;
  }
  .override-cursor .custom-cursor1 {
    display: none;
  }
  body {
    overflow-x: visible;
  }
}
@media screen and (max-width: 1000px) and (min-width: 850px) {
  .hide-for-medium,
  [data-show="hide-for-medium"] {
    display: none !important;
  }
  .show-for-medium,
  [data-show="show-for-medium"] {
    display: block !important;
  }
  .lang-item img {
    width: 30px;
  }
  .off-canvas-center .nav-vertical > li.current-menu-item > a {
    background: var(--Primary-900, #0a0b09);
    color: var(--Secondary-Background, #fff);
  }
}
@media screen and (max-width: 960px) and (min-width: 671px) {
  html[lang="zh-CN"] .shthoc .vertical-tabs__tab-info-title h3 {
    transform: rotate(0deg);
    writing-mode: unset;
  }
  .projects-featured-outer h3.h5 span {
    font-size: 36px;
    line-height: 52px;
  }
  .listcate .category-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  .off-canvas-center .nav-vertical > li.current-menu-item > a {
    background: var(--Primary-900, #0a0b09);
    color: var(--Secondary-Background, #fff);
  }
  .section .section-content {
    width: 92%;
    margin-right: auto;
    margin-left: auto;
  }
  .projects-featured__item-inner {
    max-width: 92%;
  }
  .col.video-quote__txt .col-inner {
    width: 100%;
    padding-right: 24px;
  }
  .site-footer__row .medium-6 {
    flex-basis: 100%;
    max-width: 100%;
  }
  html[lang="zh-CN"] .toggle-menu__txt-inactive {
    font-family: "NotoSansSC";
  }
  .toggle-menu__txt-inactive {
    color: var(--Dark-1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;
    font-family: "NotoSansSC";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.2px;
    text-transform: uppercase;
  }
  .mobile-nav .nav-icon .header-button a.icon {
    background-color: var(--Dark-D12, #e6e6e3);
    display: flex;
    padding: 7px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  html[lang="zh-CN"] .off-canvas-center .nav-vertical > li > a {
    font-family: "NotoSansSC";
  }
  .off-canvas-center .nav-vertical > li > a {
    color: var(--Dark-D1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;
    font-family: "NotoSansSC" !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.2px;
    text-transform: uppercase;
    border-radius: 100px;
    background: var(--Dark-D13, #f0f0f0);
    padding-bottom: 16px;
    padding-top: 16px;
  }
  .off-canvas-center .nav-vertical > li > a:hover {
    border-radius: 100px;
  }
  .mobile-nav .nav-icon .header-button a.icon .toggle-menu__txt-active {
    display: none;
  }
  .mfp-content .mobile-sidebar .sidebar-menu ul {
    gap: 8px;
  }
  .mfp-content .mobile-sidebar {
    padding: 32px 4% 0px;
  }
  .off-canvas-center.mfp-bg.mfp-ready {
    opacity: 1;
  }
  .mfp-bg {
    z-index: 2;
  }
  .off-canvas-center .mfp-content {
    padding-top: 0;
  }
  .off-canvas .sidebar-menu {
    padding: 0px 0;
  }
  .mfp-content {
    vertical-align: top;
  }
  .mfp-wrap {
    top: 80px !important;
  }
  html[lang="zh-CN"]
    .mobile-nav
    .nav-icon
    .header-button
    a.icon
    .toggle-menu__txt-active {
    font-family: "NotoSansSC";
  }
  .mobile-nav .nav-icon .header-button a.icon .toggle-menu__txt-active {
    color: var(--Dark-1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;
    font-family: "NotoSansSC";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.2px;
    text-transform: uppercase;
  }
  .mfp-wrap button {
    background: #e6e6e3;
    border-radius: 100px;
    top: 20px;
    right: 15px;
  }
  .mfp-wrap button::before {
    border: none;
    background-color: var(--Dark-D12, #e6e6e3);
    display: flex;
    padding: 7px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  .mfp-close svg {
    display: none;
  }
  .mfp-close::before {
    content: "Thoát";
    display: inline-block;
  }
  html[lang="zh-CN"] .mfp-ready .mfp-close {
    font-family: "NotoSansSC";
  }
  .mfp-ready .mfp-close {
    color: var(--Dark-1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;
    font-family: "NotoSansSC";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    opacity: 1;
  }
  .mobile-nav .button span {
    line-height: 16px;
  }
  .mfp-close {
    width: 84px;
    height: 32px;
  }
  h2.site-banner__title,
  h1,
  .h1 {
    font-size: 40px;
    font-weight: 400;
  }
  html[lang="zh-CN"] h3.h5 a {
    font-family: "NotoSansSC-Black";
  }
  h3.h5 a {
    color: var(--Primary-900, #0a0b09);
    font-family: Phudu;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    text-transform: uppercase;
  }
  .gt .site-banner__title {
    max-width: 100%;
  }
  .accordion__main h2 .h3 {
    max-width: 100%;
  }
  .hstft .subtitle {
    max-width: 100%;
  }
  .ctlh .form__main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    flex-basis: 100% !important;
    max-width: 1000% !important;
  }
  .ctlh .form__side {
    flex-basis: 100%;
    max-width: 100%;
  }
  .site-banner__title span {
    font-size: 72px;
    line-height: 100px;
  }
  .video-quote {
    flex-direction: unset;
  }
  .video-quote__txt {
    order: 0;
  }
  .projects-featured__item-inner {
    /*flex-direction: unset;*/
    height: auto;
    flex-direction: unset;
  }
  .projects-featured__item,
  .projects-featured__item-info::before {
    background-color: var(--color);
  }
  .projects-featured__item-info::before {
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
  }
  .projects-featured__item-info {
    padding-left: 0%;
    order: 0;
    height: auto;
  }

  .projects-featured__item-img img {
    max-width: none;
    width: calc(100% + (100vw - 152.733118971%) / 2);
    height: 100%;
    width: calc(100% + (100vw - 80%)); /* Điều chỉnh giá trị để hợp lý hơn */
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
  }
  .projects-featured__item-img a {
    height: 100%;
    display: flex;
    position: relative;
  }
  .projects-featured__item-img {
    width: 61.4736842105%;
  }
  /*.projects-featured__item-inner{height:auto;}
    .projects-featured__item-info{height:auto;}
    .projects-featured__item-img a{height:auto;}*/
  .projects-featured__item-info {
    /*  padding-bottom: 10px;*/
  }
  .projects-featured__item-info {
    /*    padding-top: 10px;*/
  }
  .accordion__main h2 .h3 span {
    font-size: 40px;
    line-height: 56px;
  }
  .projects-featured__item {
    position: sticky;
    top: 0;
    overflow: hidden;
  }
  .nav.nav-vertical {
    flex-flow: wrap;
  }
  .off-canvas-center .nav-sidebar.nav-vertical > li.lang-item > a {
    padding-left: 24px;
    padding-right: 24px;
    background: transparent;
  }
  .off-canvas-center .nav-sidebar.nav-vertical > li.lang-item.current-lang > a {
    background: var(--Dark-D13, #f0f0f0);
  }
  .mobile-sidebar .lang-item {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: max-content;
    gap: 8px;
  }
  .mobile-sidebar .lang-item span {
    display: none;
  }
  .mobile-sidebar .lang-item.current-lang span {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .mfp-wrap {
    top: 80px !important;
    margin-top: 80px;
  }
  body.body-scroll-lock--active .mfp-wrap {
    top: 80px !important;
    margin-top: 0px;
  }
  .looping-txt__txtold {
    font-size: 32px;
    font-weight: 400;
  }
  .looping-txt__txtold span {
    font-size: 32px;
    line-height: 44px;
  }
  .looping-txt__txtimg img {
    width: 44px;
    height: 44px;
  }
}
@media screen and (max-width: 670px) {
  html[lang="zh-CN"] .shthoc .vertical-tabs__tab-info-title h3 {
    transform: rotate(0deg);
    writing-mode: unset;
  }
  .txt-styles * + p,
  .txt-styles .gform_wrapper * + .gform_description,
  .gform_wrapper .txt-styles * + .gform_description,
  .txt-styles p + *,
  .txt-styles .gform_wrapper .gform_description + *,
  .gform_wrapper .txt-styles .gform_description + *,
  .txt-styles * + .btn,
  .txt-styles .gform_wrapper .gform_page_footer * + .button,
  .gform_wrapper .gform_page_footer .txt-styles * + .button,
  .txt-styles .gform_wrapper .gform_page_footer * + button,
  .gform_wrapper .gform_page_footer .txt-styles * + button,
  .txt-styles * + .wp-block-button__link,
  .txt-styles * + .wp-block-file__button,
  .txt-styles * + input[type="submit"],
  .txt-styles * + button,
  .txt-styles .btn + *,
  .txt-styles .gform_wrapper .gform_page_footer .button + *,
  .gform_wrapper .gform_page_footer .txt-styles .button + *,
  .txt-styles .gform_wrapper .gform_page_footer button + *,
  .gform_wrapper .gform_page_footer .txt-styles button + *,
  .txt-styles .wp-block-button__link + *,
  .txt-styles .wp-block-file__button + *,
  .txt-styles input[type="submit"] + *,
  .txt-styles button + * {
    margin-top: 16px;
  }
  .txt-content__main .col-inner p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
  }
  .section .section-content {
    width: 92%;
    margin-right: auto;
    margin-left: auto;
  }

  html[lang="zh-CN"] .site-banner__title span {
    font-family: "NotoSansSC-Black";
  }
  html[lang="zh-CN"] .home1 .site-banner__title span {
    font-family: Phudu;
  }
  .site-banner__title span {
    /* Heading/H4 */
    color: #A80808;
    font-family: Phudu;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 140% */
    text-transform: uppercase;
  }
  html[lang="zh-CN"] .bnh.cotp .col-inner {
    display: flex;
  }
  .bnh .col-inner p {
    font-family: "NotoSansSC";
  }
  .bnh .col-inner p {
    color: var(--Dark-D1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;

    /* Body/B3 */
    font-family: "NotoSansSC";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.2px;
    margin-left: auto;
  }
  h3.h5 a {
    color: var(--Primary-900, #0a0b09);

    /* Heading/H5 */
    font-family: Phudu;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px; /* 137.5% */
    text-transform: uppercase;
  }
  .projects-featured__item-inner {
    max-width: 100%;
  }
  .projects-featured__item-info {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-right: 0;
    padding-left: 0;
    z-index: 1;
    flex-basis: 100%;
    max-width: 100%;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  html[lang="zh-CN"] .projects-featured__item-excerpt {
    font-family: "NotoSansSC";
  }
  .projects-featured__item-excerpt {
    color: var(--Dark-D1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;

    /* Body/B4 */
    font-family: "NotoSansSC";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 142.857% */
    letter-spacing: 0.2px;
  }
  .txt-styles h1 + *,
  .txt-styles h2 + *,
  .txt-styles h3 + *,
  .txt-styles h4 + *,
  .txt-styles h5 + *,
  .txt-styles h6 + * {
    margin-top: 12px;
  }
  .subtitle:nth-child(n) {
    font-size: 16px;
    line-height: 24px;
  }
  .subtitle::before,
  .gform_submission_error::before,
  .site-menu .sub-menu .menu-item-has-children > a::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    display: inline-block;
    border-radius: 99px;
    background-color: #0a0b09;
  }
  .txt-content__side + .txt-content__main {
    margin-top: 12px;
  }
  html[lang="zh-CN"] .subtitle,
  html[lang="zh-CN"] .gform_submission_error,
  html[lang="zh-CN"] .site-menu .sub-menu .menu-item-has-children > a {
    font-family: "NotoSansSC";
  }
  .subtitle,
  .gform_submission_error,
  .site-menu .sub-menu .menu-item-has-children > a {
    padding-left: 16px;
  }
  html[lang="zh-CN"] .site-banner__txt,
  .project-intro__content p,
  html[lang="zh-CN"] .project-intro__content .gform_wrapper .gform_description,
  html[lang="zh-CN"] .gform_wrapper .project-intro__content .gform_description,
  html[lang="zh-CN"] .txt-larger {
    font-family: "NotoSansSC";
  }
  html[lang="zh-CN"] .site-banner__txt,
  html[lang="zh-CN"] .project-intro__content p,
  .project-intro__content .gform_wrapper .gform_description,
  html[lang="zh-CN"] .gform_wrapper .project-intro__content .gform_description,
  html[lang="zh-CN"] .txt-larger {
    font-family: "NotoSansSC";
  }
  .site-banner__txt,
  .project-intro__content p,
  .project-intro__content .gform_wrapper .gform_description,
  .gform_wrapper .project-intro__content .gform_description,
  .txt-larger {
    color: #0a0b09;
    font-family: "NotoSansSC";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
  }
  .subtitle::before,
  .gform_submission_error::before,
  .site-menu .sub-menu .menu-item-has-children > a::before {
    width: 8px;
    height: 8px;
  }
  html[lang="zh-CN"] .looping-txt__txt--faux-1 [data-txt],
  html[lang="zh-CN"] .looping-txt__txt--faux-2 [data-txt],
  html[lang="zh-CN"] .looping-txt__txt--faux-3 [data-txt],
  html[lang="zh-CN"] .looping-txt__txt--faux-4 [data-txt] {
    font-family: "NotoSansSC-Black";
  }
  .looping-txt__txt--faux-1 [data-txt],
  .looping-txt__txt--faux-2 [data-txt],
  .looping-txt__txt--faux-3 [data-txt],
  .looping-txt__txt--faux-4 [data-txt] {
    color: var(--Primary-900, #0a0b09);

    /* Heading/H4 */
    font-family: Phudu;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px; /* 140% */
    text-transform: uppercase;
  }
  .col.video-quote__txt .col-inner {
    width: 100%;
  }
  html[lang="zh-CN"] .txt-content__main h2 .h4 span {
    font-family: "NotoSansSC-Black";
  }
  .txt-content__main h2 .h4 span {
    color: var(--Secondary-Background, #fff);

    /* Heading/H5 */
    font-family: Phudu;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px; /* 137.5% */
    text-transform: uppercase;
  }
  html[lang="zh-CN"] .des p {
    font-family: "NotoSansSC";
  }
  .des p {
    color: var(--Secondary-Background, #fff);
    font-feature-settings: "liga" off, "clig" off;

    /* Body/B4 */
    font-family: "NotoSansSC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.2px;
  }
  .txt-content__main .des p {
    font-size: 14px;
    line-height: 20px;
  }
  footer .large-6:nth-child(2) {
    /*  flex-basis: 50%;
          max-width: 50%;*/
  }
  html[lang="zh-CN"] footer h2 span {
    font-family: "NotoSansSC-Black";
  }
  footer h2 span {
    color: var(--Primary-900, #0a0b09);

    /* Heading/H5 */
    font-family: Phudu;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px; /* 137.5% */
    text-transform: uppercase;
  }
  .gt .site-banner__title {
    width: 100%;
  }
  .accordion__main h2 .h3 {
    width: 100%;
  }
  html[lang="zh-CN"] .accordion__main h2 .h3 span {
    font-family: "NotoSansSC-Black";
  }
  .accordion__main h2 .h3 span {
    color: var(--Primary-900, #0a0b09);

    /* Heading/H4 */
    font-family: Phudu;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px; /* 140% */
    text-transform: uppercase;
  }
  html[lang="zh-CN"] .tdung .site-banner__title span {
    font-family: "NotoSansSC-Black";
  }
  .tdung .site-banner__title span {
    color: var(--Secondary-Background, #fff);
    text-align: center;

    /* Heading/H4 */
    font-family: Phudu;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px; /* 140% */
    text-transform: uppercase;
  }
  html[lang="zh-CN"] .gianhap h2 span {
    font-family: "NotoSansSC-Black";
  }
  .gianhap h2 span {
    color: var(--Secondary-Background, #fff);
    text-align: center;

    /* Heading/H4 */
    font-family: Phudu;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px; /* 140% */
    text-transform: uppercase;
  }
  html[lang="zh-CN"] .flh .txt-content__main h2 {
    font-family: "NotoSansSC-Black";
  }
  .flh .txt-content__main h2 {
    color: var(--Primary-900, #0a0b09);

    /* Heading/H5 */
    font-family: Phudu;

    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
  }
  html[lang="zh-CN"] .flh .txt-content__main h2 span {
    font-family: "NotoSansSC-Black";
  }
  .flh .txt-content__main h2 {
    font-size: 32px;
    line-height: 44px;
  }
  .flh .txt-content__main h2 span {
    color: var(--Primary-900, #0a0b09);

    /* Heading/H5 */
    font-family: Phudu;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 137.5% */
    text-transform: uppercase;
  }
  .ctlh .form__side {
    flex-basis: 100%;
    max-width: 100%;
  }
  .ctlh .form__main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
  .site-header__inner,
  .site-header__menu:before {
    height: 80px;
  }
  .site-banner {
    margin-top: 80px;
  }
  h2.site-banner__title {
    margin-bottom: 16px;
  }
  .projects-featured__item-inner {
    flex-direction: column-reverse;
  }
  html[lang="zh-CN"] .btn .btn__txt {
    font-family: "NotoSansSC";
  }
  .btn .btn__txt {
    color: var(--Secondary-White, #fff);
    text-align: center;
    font-feature-settings: "liga" off, "clig" off;
    font-family: "NotoSansSC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.2px;
    text-transform: uppercase;
  }
  .btn--small .btn__txt,
  .btn--small .btn__txt-extra {
    display: flex;
    height: 36px;
    padding: 4px 24px;
    justify-content: center;
    align-items: center;
    gap: 4px;
  }

  .video-quote {
    flex-direction: column !important;
  }
  html[lang="zh-CN"] .col.video-quote__txt .col-inner p {
    font-family: "NotoSansSC";
  }
  .col.video-quote__txt .col-inner p {
    /*		color: var(--Dark-1, #0A0B09);*/
    font-family: "NotoSansSC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.2px;
  }
  .video-quote__txt .p2 {
    margin-top: 8px;
  }
  html[lang="zh-CN"] .col.video-quote__txt .col-inner p.p2 {
    font-family: "NotoSansSC";
  }
  .col.video-quote__txt .col-inner p.p2 {
    color: var(--Dark-1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;

    /* Body/B5 */
    font-family: "NotoSansSC";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.2px;
  }
  html[lang="zh-CN"] .col.video-quote__txt .col-inner p.p3 {
    font-family: "NotoSansSC";
  }
  .col.video-quote__txt .col-inner p.p3 {
    color: var(--Dark-D6, #7b7d7c);
    font-feature-settings: "liga" off, "clig" off;

    /* Body/B5 */
    font-family: "NotoSansSC";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.2px;
  }
  .video-quote__txt {
    margin-bottom: 24px;
  }
  .thanhvienh .mb-medium {
    margin-bottom: 32px;
    margin-top: 0px;
  }
  .txt-content__main h2 .h4 {
    font-size: 32px;
  }
  html[lang="zh-CN"] .txt-content__main .des {
    font-family: "NotoSansSC";
  }
  .txt-content__main .des {
    color: var(--Secondary-Background, #fff);
    font-feature-settings: "liga" off, "clig" off;

    /* Body/B4 */
    font-family: "NotoSansSC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.2px;
    margin-top: 12px;
  }
  .thanhvienh .scroll-logos {
    margin-bottom: 0;
    margin-top: 0;
  }
  .thanhvienh .scroll-logos:nth-child(n + 2) {
    margin-top: 0;
  }
  .flickity__controls,
  .site-banner--title-rows .site-banner__inner:nth-child(n + 2),
  .site-banner--archive .site-banner__links,
  .form__side > *:nth-child(n + 2),
  .usp-rows__item:nth-child(n + 2),
  .project-list__item:nth-child(n + 2),
  .scroll-logos__row:nth-child(n + 2),
  .scroll-logos:nth-child(n + 2),
  .project-previews__items--post-large .project-preview:nth-child(n + 2),
  .project-previews__items--large .project-preview:nth-child(n + 2),
  .large-quote__main footer:nth-child(n),
  .mt-medium {
    margin-top: 32px;
  }
  .scroll-logos__row-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
  }
  html[lang="zh-CN"] footer h2 span.h4 {
    font-family: "NotoSansSC-Black";
  }
  footer h2 span.h4 {
    color: var(--Primary-900, #0a0b09);

    /* Heading/H5 */
    font-family: Phudu;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px; /* 137.5% */
    text-transform: uppercase;
  }
  .txt-heart::before {
    font-size: 44px;
  }
  .site-footer__row .btn {
    border-radius: 100px;
    background: var(--Dark-D12, #e6e6e3);
  }
  html[lang="zh-CN"] .site-footer__row .btn::before {
    border: none;
  }
  .site-footer__row .btn .btn__txt {
    font-family: "NotoSansSC";
  }
  .site-footer__row .btn .btn__txt {
    color: var(--Primary-900, #0a0b09);
    text-align: center;
    font-feature-settings: "liga" off, "clig" off;
    font-family: "NotoSansSC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.2px;
    text-transform: uppercase;
  }
  .site-footer__addresses {
    margin-top: 32px;
  }
  .addresses .subtitle:nth-child(n) {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 4px;
  }
  .addresses .subtitle::before {
    top: 7px;
  }
  .addresses__colo {
    gap: 0px;
  }
  html[lang="zh-CN"] .addresses__colo p {
    font-family: "NotoSansSC";
  }
  .addresses__colo p {
    color: var(--Dark-D1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;
    font-family: "NotoSansSC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.2px;
  }
  .addresses {
    gap: unset;
  }
  .txt-styles .menuf {
    flex-direction: row;
    align-items: flex-start;
    gap: 0px;
    flex-wrap: wrap;
  }
  .menft .ux-menu {
    display: grid;
    grid-template-columns: 1.1fr 1fr; /* 2 cột đều */
    grid-template-rows: auto; /* Chiều cao tự động */
    gap: 0px;
  }
  /*.menuf .ux-menu-link:nth-child(1),.menuf .ux-menu-link:nth-child(2),.menuf .ux-menu-link:nth-child(3){
      grid-column: 1;
  }
  .menuf .ux-menu-link:nth-child(4),.menuf .ux-menu-link:nth-child(5){
       grid-column: 2;
  }*/
  .txt-styles .menuf .ux-menu-link:nth-child(1) {
    padding-bottom: 8px;
    grid-column: 1;
    grid-row: 1;
  }
  .txt-styles .menuf .ux-menu-link:nth-child(2) {
    padding-bottom: 8px;
    grid-column: 1;
    grid-row: 3;
  }
  .txt-styles .menuf .ux-menu-link:nth-child(3) {
    grid-column: 1;
    grid-row: 2;
  }
  .txt-styles .menuf .ux-menu-link:nth-child(4) {
    padding-bottom: 8px;
    grid-column: 2;
    grid-row: 1;
  }
  .txt-styles .menuf .ux-menu-link:nth-child(5) {
    padding-bottom: 8px;
    grid-column: 2;
    grid-row: 2;
  }
  .stintuch .large-columns-2 .flickity-slider > .col {
    max-width: 308px;
    padding-right: 12px;
  }
  .stintuch .large-columns-2 .flickity-slider > .col:not(.is-selected) {
  }
  .post-title .split-heading__line {
    display: contents;
  }
  .stintuch
    .post-title
    .split-heading__line:nth-child(1n + 2)
    .split-heading__word:first-child {
    margin-left: 0.2em;
  }
  .menuf .ux-menu-link__text {
    color: var(--Dark-D1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;
    font-family: "Phudu";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 142.857% */
    letter-spacing: 0.2px;
    text-transform: uppercase;
  }
  .menuf .ux-menu-link {
    padding-right: 0px;
  }
  .site-footer__inner .section-content {
    padding-top: 0px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
  }
  .absolute-footer {
    padding: 24px 0 40px;
  }
  html[lang="zh-CN"] .copyright-footer.marquee span {
    font-family: "NotoSansSC";
  }
  html[lang="zh-CN"] .copyright-footer.marquee span p {
    font-family: "NotoSansSC";
    font-size: 14px;
    line-height: 20px;
  }
  .copyright-footer.marquee span {
    display: none;
    color: var(--Dark-D6, #7b7d7c);
    font-feature-settings: "liga" off, "clig" off;

    /* Body/B5 */
    font-family: "NotoSansSC";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.2px;
    padding-right: 0;
    text-align: left;
  }
  .copyright-footer.marquee span p {
    font-family: "NotoSansSC";
    font-size: 14px;
    line-height: 20px;
  }
  .copyright-footer.marquee span:nth-child(1) {
    display: block;
  }
  .marquee {
    overflow: auto;
    animation: none;
    white-space: normal;
  }
  html[lang="zh-CN"] .video-quote__video-btn.btn .btn__txt {
    font-family: "NotoSansSC";
  }
  .video-quote__video-btn.btn .btn__txt {
    color: var(--Primary-900, #0a0b09);
    text-align: center;
    font-feature-settings: "liga" off, "clig" off;
    font-family: "NotoSansSC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.2px;
    text-transform: uppercase;
  }
  .video-quote__video-btn .btn__txt {
    display: inline-flex;
    height: 36px;
    padding: 4px 24px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
  }
  .video-quote__video-btn svg {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 4px;
  }
  .site-banner--image-cluster,
  .site-banner--simple .site-banner__inner,
  .pv-large {
    padding-bottom: 0;
  }
  .site-banner--image-cluster,
  .site-banner--simple .site-banner__inner,
  .pv-large {
    padding-top: 0;
  }
  .site-banner--title-rows .site-banner__title-rows,
  .site-banner--post .site-banner__inner,
  .site-banner--background-color .site-banner__inner,
  .site-banner--background-color-alternating .site-banner__inner,
  .site-banner--archive .site-banner__inner,
  .pt-large {
    padding-top: 32px;
  }
  .site-banner--background-color .site-banner__inner,
  .site-banner--background-color-alternating .site-banner__inner,
  .contents,
  .pb-medium {
    padding-bottom: 24px;
  }
  .flickity-slider > div:not(.col) {
    width: 82.7368421053% !important;
  }
  .flickity--img .flickity__controls {
    margin-top: 18px;
  }
  .gtthanhvien h2 {
    padding-top: 12px;
  }
  .gtthanhvien .mb-medium {
    margin-bottom: 16px;
  }
  .thongtin h3.flickity__name {
    font-size: 24px;
    line-height: 36px;
  }
  html[lang="zh-CN"] .thongtin .flickity__name span {
    font-family: "NotoSansSC-Black";
  }
  .thongtin .flickity__name span {
    color: var(--Secondary-Text, #0a0b09);

    /* Heading/H7 */
    font-family: Phudu;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 140% */
    text-transform: uppercase;
  }
  html[lang="zh-CN"] .thongtin .flickity__title {
    font-family: "NotoSansSC";
  }
  .thongtin .flickity__title {
    color: var(--Secondary-Text, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.2px;
    text-transform: unset;
  }
  html[lang="zh-CN"] .thongtin .flickity__description {
    font-family: "NotoSansSC";
  }
  .thongtin .flickity__description {
    color: var(--Secondary-Text, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;

    /* Body/B5 */
    font-family: "NotoSansSC";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.2px;
  }
  .thongtin {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
  }
  .gtthanhvien .flickity--img .flickity__item:nth-child(n + 2) {
    margin-left: 16px;
  }
  .flicbox .flickity-slider > div:not(.col) {
    width: 48% !important;
  }
  .flicbox .flickity__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .gtthanhvien .flickity--img .flickity__controls {
    margin-top: 12px;
  }
  html[lang="zh-CN"] .col.video-quote__txt .col-inner {
    font-family: "NotoSansSC";
  }
  .col.video-quote__txt .col-inner {
    color: var(--Dark-1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;

    /* Body/B4 */
    font-family: "NotoSansSC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.2px;
  }
  .gioithieuft .video-quote__txt .p2 {
    margin-top: 12px;
  }
  .dv .subtitle:nth-child(n) {
    font-size: 18px;
    line-height: 26px;
  }
  .dv .site-banner__subtitle + * {
    margin-top: 16px;
  }
  .dv.site-banner--background-color .site-banner__inner {
    padding-bottom: 0;
  }
  .dv .section {
    padding: 0px 0;
    padding-bottom: 8px;
  }
  html[lang="zh-CN"] .scroll-cols__heading.h6 {
    font-family: "NotoSansSC-Black";
  }
  .scroll-cols__heading.h6 {
    color: var(--Dark-D1, #0a0b09);

    /* Heading/H6 */
    font-family: Phudu;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 150% */
    text-transform: uppercase;
  }
  html[lang="zh-CN"] p.scroll-cols__txt {
    font-family: "NotoSansSC";
  }
  p.scroll-cols__txt {
    color: var(--Dark-D1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;

    /* Body/B4 */
    font-family: "NotoSansSC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.2px;
  }
  p.scroll-cols__txt {
    margin-top: 8px;
  }
  .scroll-cols__item {
    width: 48.2105263158%;
    padding-bottom: 24px;
  }
  .scroll-cols__item:nth-child(n + 3) {
    margin-top: 0;
  }
  html[lang="zh-CN"] .dv .scroll-cols__heading.h6 {
    font-family: "NotoSansSC-Black";
  }
  .dv .scroll-cols__heading.h6 {
    width: 140px;
  }
  .accordion__side h2.h6 span {
    color: var(--Dark-D1, #0a0b09);

    /* Heading/H6 */
    font-family: Phudu;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 150% */
    text-transform: uppercase;
  }
  html[lang="zh-CN"] .accordion__side p.h6 {
    font-family: "NotoSansSC-Black";
  }
  .accordion__side p.h6 {
    color: var(--Dark-D1, #0a0b09);

    /* Heading/H6 */
    font-family: Phudu;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 150% */
    text-transform: uppercase;
  }
  html[lang="zh-CN"] .accordion__main h2 .h3 span {
    font-family: "NotoSansSC-Black";
  }
  .accordion__main h2 .h3 span {
    color: var(--Primary-900, #0a0b09);

    /* Heading/H5 */
    font-family: Phudu;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px; /* 137.5% */
    text-transform: uppercase;
  }
  .col.accordion__side {
    padding-bottom: 12px;
  }
  html[lang="zh-CN"] .accordion-title span {
    font-family: "NotoSansSC-Black";
  }
  .accordion-title span {
    color: var(--Dark-D1, #0a0b09);

    /* Heading/H6 */
    font-family: Phudu;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 150% */
    text-transform: uppercase;
  }
  .accordion .toggle {
    width: 36px;
    height: 36px;
  }
  html[lang="zh-CN"] .accordion-inner p {
    font-family: "NotoSansSC";
  }
  .accordion-inner p {
    color: var(--Dark-D1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;

    /* Body/B4 */
    font-family: "NotoSansSC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.2px;
  }
  .accordion-inner {
    padding: 12px 0 0px 0;
  }
  .accordion-item:nth-child(1) .accordion-title {
  }
  .accordion-title {
    padding: 24px 0 12px 0;
  }
  .accordion__main .mb-small {
    margin-bottom: 24px;
  }
  .accordion__item.active {
    border-bottom: none;
  }
  .amk .col:nth-child(1) {
    padding-right: 0;
    padding-bottom: 16px;
  }
  .amk .col:nth-child(2) {
    padding-left: 0;
  }
  .hst.site-banner--archive .site-banner__links:not(.active) {
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: auto;
    position: unset;
    padding: 0;
    background: transparent;
  }
  .hst.site-banner--archive .site-banner__links {
    margin-top: 16px;
  }
  .site-banner--archive .site-banner__links-items::before {
    display: none;
  }
  .hst.site-banner--archive
    .site-banner__links:not(.active)
    .site-banner__link {
    transform: translateY(0px);
    opacity: 1;
  }
  .hst .col-inner ul li {
    margin-left: 0;
  }
  html[lang="zh-CN"] .hst.site-banner--archive .site-banner__link a {
    font-family: "NotoSansSC";
  }
  .hst.site-banner--archive .site-banner__link a {
    color: #141414;
    font-feature-settings: "liga" off, "clig" off;
    font-family: "NotoSansSC";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.2px;
    text-transform: uppercase;
  }
  .hst.site-banner--archive .site-banner__link a {
    padding: 8px 24px;
    border: none;
    background: var(--Dark-D12, #e6e6e3);
  }
  .site-banner--archive .site-banner__link a {
    display: inline-block;
    border-radius: 99px;
    text-transform: uppercase;
  }
  html[lang="zh-CN"] h3.project-preview__title span {
    font-family: "NotoSansSC-Black";
  }
  h3.project-preview__title span {
    color: var(--Secondary-Background, #fff);

    /* Heading/H6 */
    font-family: Phudu;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 150% */
    text-transform: uppercase;
  }
  html[lang="en-GB"] h3.project-preview__title span {
    font-size: 16px;
  }
  html[lang="zh-CN"] .project-preview__content .desc {
    font-family: "NotoSansSC";
  }
  .project-preview__content .desc {
    color: var(--Secondary-Background, #fff);
    font-feature-settings: "liga" off, "clig" off;

    /* Body/B4 */
    font-family: "NotoSansSC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.2px;
    padding-top: 8px;
    padding-bottom: 12px;
    max-width: 100%;
  }
  .project-preview--feat {
    padding-bottom: 0;
    padding-top: 0;
  }
  .fhst .subtitle:nth-child(n) {
    font-size: 18px;
    line-height: 26px;
  }
  .fhst .desf {
    margin-top: 10px;
  }
  html[lang="zh-CN"] .fhst .desf p {
    font-family: "NotoSansSC";
  }
  .fhst .desf p {
    color: var(--Dark-D1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;

    /* Body/B4 */
    font-family: "NotoSansSC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.2px;
  }
  .site-banner--archive .site-banner__link:nth-child(n + 2) {
    margin-top: 0;
  }
  .hst .col-inner ul li {
    margin-left: 0;
  }
  .hst .col-inner ul li {
    display: block;
    margin-right: 8px;
    margin-bottom: 8px;
    width: auto;
    float: left;
  }
  .tdung {
    padding-top: 172px !important;
    padding-bottom: 228px;
  }
  h1.site-banner__title {
    font-size: 40px;
  }
  .tdung.site-banner--image-cluster .site-banner__content {
    width: 92%;
    margin-right: auto;
    margin-left: auto;
  }
  .tdung .site-banner__title + * {
    margin-top: 24px;
  }
  .tdung .btn .btn__txt {
    display: flex;
    height: 36px;
    padding: 4px 24px;
    justify-content: center;
    align-items: center;
    gap: 4px;
  }
  html[lang="zh-CN"] .truyen h2 .h3 span {
    font-family: "NotoSansSC-Black";
  }
  .truyen h2 .h3 span {
    color: var(--Secondary-Background, #fff);

    /* Heading/H5 */
    font-family: Phudu;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px; /* 137.5% */
    text-transform: uppercase;
  }
  .truyen .subtitle:nth-child(n) {
    font-size: 24px;
    line-height: 36px;
    padding-left: 28px;
  }
  .truyen .subtitle::before {
    width: 12px;
    height: 12px;
    top: 12px;
  }
  .truyen h2 {
    font-size: 32px;
  }
  .truyen .txt-content__side + .txt-content__main {
    margin-top: 8px;
  }
  .mb-medium {
    margin-bottom: 24px;
  }
  html[lang="zh-CN"] .life .h6 {
    font-family: "NotoSansSC-Black";
  }
  .life .h6 {
    color: var(--Dark-D1, #0a0b09);

    /* Heading/H6 */
    font-family: Phudu;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 150% */
    text-transform: uppercase;
  }
  html[lang="zh-CN"] .life .usp-cols__item p {
    font-family: "NotoSansSC";
  }
  .life .usp-cols__item p {
    color: var(--Dark-D1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;

    /* Body/B4 */
    font-family: "NotoSansSC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.2px;
  }
  .life .txt-styles h3 + * {
    margin-top: 8px;
  }
  .usp-cols__item:nth-child(n + 2) {
    margin-top: 16px;
  }
  .txt-content__main h2 {
    font-size: 32px;
  }
  .testimonial__quote > p,
  .gform_wrapper .testimonial__quote > .gform_description {
    font-size: 14px;
  }
  blockquote {
    margin: initial;
  }
  .flickity__controls {
    margin-top: 16px;
  }
  .gianhap .txt-content__main .col-inner {
    width: 208px;
  }
  html[lang="zh-CN"] .link-list__item-title {
    font-family: "NotoSansSC";
  }
  .link-list__item-title {
    color: var(--Secondary-Background, #fff);
    font-feature-settings: "liga" off, "clig" off;
    font-family: "NotoSansSC";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.2px;
    text-transform: uppercase;
  }
  .link-list__item-inner {
    padding: 22px 0;
  }
  .gianhap .btn .btn__txt {
    color: var(--Primary-900, #0a0b09);
  }
  .gianhap .nutm .btn .btn__txt {
    color: #fff;
  }
  .gianhap {
    margin-bottom: -1px;
  }
  .tdung {
    margin-bottom: -1px;
  }
  .tdung .site-banner__imgs {
    margin-top: 0;
  }
  .site-banner--image-cluster .site-banner__img--img-1 {
    top: 41px;
  }
  .site-banner__img--img-1 {
    width: 42.578947%;
    left: 22px;
  }
  .site-banner--image-cluster .site-banner__img--img-2 {
    top: 0;
  }
  .site-banner__img--img-2 {
    width: 32%;
    left: 58.789474%;
  }
  .site-banner--image-cluster .site-banner__img--img-3 {
    top: 38.5%;
  }
  .site-banner--image-cluster .site-banner__img--img-3 img {
    aspect-ratio: 346 / 746;
  }
  .site-banner__img--img-3 {
    width: 27.8%;
  }
  .site-banner__img--img-4 {
    width: 42.678947%;
  }
  .site-banner--image-cluster .site-banner__img--img-4 {
    top: 53%;
  }
  .site-banner--image-cluster .site-banner__img--img-4 img {
    aspect-ratio: 588 / 365;
  }
  .site-banner__img--img-6 {
    width: 32.01%;
    left: 10.684211%;
  }
  .site-banner--image-cluster .site-banner__img--img-6 img {
    aspect-ratio: 1 / 0;
  }
  .site-banner--image-cluster .site-banner__img--img-6 {
    bottom: 5%;
  }
  .site-banner__img--img-5 {
    width: 42.747368%;
  }
  .site-banner--image-cluster .site-banner__img--img-5 img {
    aspect-ratio: 1 / 0;
  }
  .site-banner--image-cluster .site-banner__img--img-5 {
    bottom: 0;
    right: 6.263158%;
  }
  .tdlh .section-content {
    padding-top: 32px;
    padding-bottom: 24px;
  }
  .ctlh {
    margin-top: 0;
  }
  .ctlh .form.section--huge {
    gap: 0;
    flex-direction: column-reverse;
  }
  .ctlh .subtitle:nth-child(n) {
    font-size: 18px;
    line-height: 26px;
  }
  .ctlh .form__main .col-inner {
    gap: 16px;
  }
  .ctlh .subtitle::before {
    width: 12px;
    height: 12px;
    top: 5px;
  }
  .ctlh .subtitle {
    padding-left: 24px;
  }
  html[lang="zh-CN"] div.wpforms-container .wpforms-form .wpforms-field > * {
    font-family: "NotoSansSC";
  }
  div.wpforms-container .wpforms-form .wpforms-field > * {
    color: var(--Secondary-Text, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;

    /* Body/B4 */
    font-family: "NotoSansSC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.2px;
  }
  div.wpforms-container-full .wpforms-field-label {
    margin-bottom: 4px;
  }
  html[lang="zh-CN"] .wpforms-submit {
    font-family: "NotoSansSC" !important;
  }
  .wpforms-submit {
    display: flex;
    height: 36px !important;
    padding: 0px 0px !important;
    justify-content: center;
    align-items: center;
    gap: 4px !important;
    color: #fff !important;
    text-align: center;
    font-feature-settings: "liga" off, "clig" off;
    font-family: "NotoSansSC" !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: 20px !important; /* 142.857% */
    letter-spacing: 0.2px !important;
    text-transform: uppercase;
  }
  .ctlh .form__side {
    padding-top: 32px;
    margin-bottom: 0;
  }
  .wpforms-submit .btn__txtm {
    padding: 12px 24px;
  }
  .flh .subtitle:nth-child(n) {
    font-size: 18px;
    line-height: 26px;
  }
  .flh .subtitle:nth-child(n) span {
    font-size: 18px;
    line-height: 26px;
  }
  .flh .mb-medium {
    margin-bottom: 0;
  }
  .ctlh .addresses {
    display: flex;
    align-items: flex-start;
    gap: 16px;
  }
  .flh .subtitle::before {
    width: 8px;
    height: 8px;
  }
  .flh .subtitle {
    padding-left: 20px;
  }
  .wpforms-container .wpforms-field,
  .wp-core-ui div.wpforms-container .wpforms-field {
    padding: 0px 0;
  }
  div.wpforms-container
    .wpforms-form
    .wpforms-field-layout
    .wpforms-layout-column:not(.wpforms-layout-column-100)
    input[type="text"],
  div.wpforms-container
    .wpforms-form
    .wpforms-field-layout
    .wpforms-layout-column:not(.wpforms-layout-column-100)
    input[type="url"],
  div.wpforms-container
    .wpforms-form
    .wpforms-field-layout
    .wpforms-layout-column:not(.wpforms-layout-column-100)
    input[type="tel"],
  div.wpforms-container-full input[type="text"],
  div.wpforms-container
    .wpforms-form
    .wpforms-field-layout
    .wpforms-layout-column:not(.wpforms-layout-column-100)
    input[type="email"],
  div.wpforms-container-full input[type="email"],
  div.wpforms-container-full input[type="tel"] {
    margin-bottom: 16px;
  }
  div.wpforms-container-full .wpforms-form .wpforms-submit-container {
    margin-top: 16px;
  }
  html[lang="zh-CN"] .toggle-menu__txt-inactive {
    font-family: "NotoSansSC";
  }
  .toggle-menu__txt-inactive {
    color: var(--Dark-1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;
    font-family: "NotoSansSC";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.2px;
    text-transform: uppercase;
  }
  .mobile-nav .nav-icon .header-button a.icon {
    background-color: var(--Dark-D12, #e6e6e3);
    display: flex;
    padding: 7px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  html[lang="zh-CN"] .off-canvas-center .nav-vertical > li > a {
    font-family: "NotoSansSC";
  }
  .off-canvas-center .nav-vertical > li > a {
    color: var(--Dark-D1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;
    font-family: "NotoSansSC" !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.2px;
    text-transform: uppercase;
    border-radius: 100px;
    background: var(--Dark-D13, #f0f0f0);
    padding-bottom: 16px;
    padding-top: 16px;
    justify-content: flex-start;
  }
  .off-canvas-center .nav-vertical > li > a:hover {
    border-radius: 100px;
  }
  .mobile-nav .nav-icon .header-button a.icon .toggle-menu__txt-active {
    display: none;
  }
  .mfp-content .mobile-sidebar .sidebar-menu ul {
    gap: 8px;
  }
  .mfp-content .mobile-sidebar {
    padding: 32px 4% 0px;
  }
  .off-canvas-center.mfp-bg.mfp-ready {
    opacity: 1;
  }
  .mfp-bg {
    z-index: 2;
  }
  .off-canvas-center .mfp-content {
    padding-top: 0;
  }
  .off-canvas .sidebar-menu {
    padding: 0px 0;
  }
  body.body-scroll-lock--active .mfp-wrap {
    top: 80px !important;
  }
  .mfp-container,
  .mfp-wrap {
    height: auto;
  }
  html[lang="zh-CN"]
    .mobile-nav
    .nav-icon
    .header-button
    a.icon
    .toggle-menu__txt-active {
    font-family: "NotoSansSC";
  }
  .mobile-nav .nav-icon .header-button a.icon .toggle-menu__txt-active {
    color: var(--Dark-1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;
    font-family: "NotoSansSC";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.2px;
    text-transform: uppercase;
  }
  .mfp-wrap button {
    background: #e6e6e3;
    border-radius: 100px;
    top: 20px;
    right: 15px;
  }
  .mfp-wrap button::before {
    border: none;
    background-color: var(--Dark-D12, #e6e6e3);
    display: flex;
    padding: 7px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  .mfp-close svg {
    display: none;
  }
  .mfp-close::before {
    content: "Thoát";
    display: inline-block;
  }
  html[lang="zh-CN"] .mfp-ready .mfp-close {
    font-family: "NotoSansSC";
  }
  .mfp-ready .mfp-close {
    color: var(--Dark-1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;
    font-family: "NotoSansSC";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    opacity: 1;
  }
  .mobile-nav .button span {
    line-height: 16px;
  }
  .mfp-close {
    width: 89px;
    height: 32px;
    border: 1px solid var(--Primary-900, #0a0b09);
  }
  .feat-projects__item {
    position: sticky;
    top: 80px;
    pointer-events: none;
  }
  html[lang="zh-CN"] .looping-txt__inner h2 {
    font-family: "NotoSansSC-Black";
  }
  .looping-txt__inner h2 {
    color: var(--Primary-900, #0a0b09);
    font-family: Phudu;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    text-transform: uppercase;
  }
  .cttdung .section-content {
    padding-top: 32px;
    padding-bottom: 0px;
  }
  .cttdung h2 {
    display: none;
  }
  .cttdung .site-banner__subtitle + * {
    margin-top: 0;
    margin-bottom: 16px;
  }
  html[lang="zh-CN"] .cttdung .site-banner__txt {
    font-family: "NotoSansSC";
  }
  .cttdung .site-banner__txt {
    color: var(--Dark-D1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;

    /* Body/B3 */
    font-family: "NotoSansSC";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.2px;
    margin-top: 0;
  }
  html[lang="zh-CN"] h3 .h6 {
    font-family: "NotoSansSC-Black";
  }
  h3 .h6 {
    color: var(--Dark-D1, #0a0b09);

    /* Heading/H6 */
    font-family: Phudu;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px; /* 150% */
    text-transform: uppercase;
  }
  html[lang="zh-CN"] .section--medium .txt-styles p {
    font-family: "NotoSansSC";
  }
  .section--medium .txt-styles p {
    color: var(--Dark-D1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;

    /* Body/B4 */
    font-family: "NotoSansSC";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 142.857% */
    letter-spacing: 0.2px;
    margin-top: 8px;
  }
  .txt-styles .col-inner h3 {
    margin-top: 12px;
  }
  .endtd .section-content {
    padding-top: 24px;
    padding-bottom: 0;
  }
  .txt-styles .col-inner h3 .h6 span {
    font-size: 24px;
    line-height: 36px;
  }
  .ndtdung .txt-styles .col-inner h3 .h6 span {
    font-size: 20px;
    line-height: 28px;
  }
  .hform {
    margin-top: 12px !important;
  }
  .hstft .txt-styles .col-inner h3 {
    margin-top: 0;
    padding-bottom: 8px;
  }
  .hstft .subtitle {
    width: 100%;
  }
  .hstft .subtitle::before {
    top: 8px;
  }
  .hstft .txt-content__main .des {
    margin-top: 20px;
  }
  .projects-featured__item-inner {
    height: auto;
  }
  .gt .section-content {
    padding-top: 0;
  }
  .gt .section-content .site-banner__inner {
    padding-top: 32px;
    padding-bottom: 12px;
  }
  html[lang="zh-CN"] p .txt-upper.txt-larger {
    font-family: "NotoSansSC";
  }
  p .txt-upper.txt-larger {
    color: #0a0b09;
    font-family: "NotoSansSC";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
    text-transform: uppercase;
  }
  html[lang="zh-CN"] .desf p {
    font-family: "NotoSansSC";
  }
  .txt-content__main .col-inner .desf p {
    color: var(--Dark-D1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;

    /* Body/B4 */
    font-family: "NotoSansSC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.2px;
    text-transform: unset;
  }
  .gttienphong .txt-content__side + .txt-content__main {
    margin-top: 8px;
  }
  .gttienphong .txt-styles p + * {
    margin-top: 8px;
  }
  .hst .section-content {
    padding-top: 0;
  }
  .dv .section-content {
    padding-top: 0;
  }
  .td .section-content {
    padding-top: 0;
  }
  .gttienphong .section-content {
    padding-top: 24px;
    padding-bottom: 32px;
  }
  .gtthanhvien .txt-styles .col-inner h3 {
    margin-top: 0px;
  }
  html[lang="zh-CN"] .gtthanhvien .txt-content__main .des {
    font-family: "NotoSansSC";
  }
  .gtthanhvien .txt-content__main .des {
    color: var(--Secondary-Background, #fff);
    font-feature-settings: "liga" off, "clig" off;

    /* Body/B3 */
    font-family: "NotoSansSC";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.2px;
  }
  .dv .section.section--huge {
    padding-top: 0;
    padding-bottom: 8px;
  }
  .dv .section-content .site-banner__inner {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .hst .section-content .site-banner__inner {
    padding-top: 32px;
    padding-bottom: 24px;
  }
  html[lang="zh-CN"] .addresses__colo p.adds {
    font-family: "NotoSansSC";
  }
  .addresses__colo p.adds {
    color: var(--Dark-D1, #0a0b09);
    font-feature-settings: "liga" off, "clig" off;

    /* Body/B4 */
    font-family: "NotoSansSC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.2px;
  }
  .flh .subtitle::before {
    top: 8px;
  }
  footer .site-footer__inner {
    margin-bottom: 0;
  }
  .jcf-fake-input::before {
    content: "";
    width: 17px;
    height: 17px;
    position: absolute;
    top: 17%;
    transform: translateY(-50%);
    background: url(/images/attachment.png) center / contain no-repeat;
    left: 0px;
  }
  .off-canvas-center .nav-vertical > li > ul > li a {
    justify-content: left;
  }
  .dark .nav > li > a:hover {
    color: var(--Neutral-Text, #273243);
  }
  .off-canvas-center .nav-sidebar.nav-vertical > li .toggle {
    position: absolute;
    right: 0;
    top: 8px;
  }
  .projects-featured__item {
    position: sticky;
    top: 0;
    overflow: hidden;
  }
  .off-canvas-center .nav-vertical > li.current-menu-item > a {
    background: var(--Primary-900, #0a0b09);
    color: var(--Secondary-Background, #fff);
  }
  .nav.nav-vertical {
    flex-flow: wrap;
  }
  .off-canvas-center .nav-sidebar.nav-vertical > li.lang-item > a {
    padding-left: 24px;
    padding-right: 24px;
    background: transparent;
  }
  .off-canvas-center .nav-sidebar.nav-vertical > li.lang-item.current-lang > a {
    background: var(--Dark-D13, #f0f0f0);
  }
  .mobile-sidebar .lang-item {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: max-content;
    gap: 8px;
  }
  .mobile-sidebar .lang-item span {
    display: none;
  }
  .mobile-sidebar .lang-item.current-lang span {
    display: block;
  }
  .looping-txt__innerold {
    gap: 4px;
  }
  .looping-txt__txtold span {
    font-size: 20px;
    line-height: 32px;
  }
  .looping-txt__txtold {
    font-size: 20px;
    font-weight: 400;
  }
  .looping-txt__txtimg img {
    width: 20px;
    height: 20px;
  }
  .intro .intro__bg-txt {
    font-size: 72px;
    line-height: 100px;
  }
  .intro {
    height: 10vh;
    width: 116%;
    left: -4%;
  }
  .endtd p {
    color: var(--Dark-D1, #0a0b09);
    font-size: 16px;
    line-height: 24px;
  }
  .projects-featured-outer h3.h5 a {
    font-size: 32px;
    line-height: 44px;
  }
  .site-banner__content .site-banner__txt1 {
    margin-top: 16px;
    font-size: 16px;
    line-height: 24px;
  }
  .flh .txt-content__main .col-inner {
    padding-left: 0;
  }
  .copyright-footer.marquee {
    overflow: hidden;
  }
  .site-footer {
    padding-top: 40px;
  }
  .flh2 {
    height: 52vh;
    align-items: flex-end;
    display: flex;
  }
  .gtthanhvien .thongtin h3 {
    font-size: 20px;
    line-height: 28px;
  }
  html[lang="zh-CN"] footer h2 {
    max-width: 320px;
  }
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.scroll-content {
  animation: scroll var(--scroll-duration, 10s) linear infinite;
}

/* Video */
.large-video {
  position: relative;
  overflow: hidden;
}

.large-video__slide {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 50%;
  transform: translate(0vw, -50%);
  z-index: 1;
  overflow: hidden;
}

.large-video__slide:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.large-video__slide--left,
.large-video__slide--right {
  border-color: #fff;
}

.large-video__slide--left {
  left: 0;
  border-right: 0.4px solid;
}

.large-video__slide--right {
  right: 0;
  border-left: 0.4px solid;
}

.large-video__slide-img {
  position: absolute;
  top: 0;
  width: 1990px;
  height: 100%;
}

.large-video__btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  border-radius: 100%;
  overflow: hidden;
  fill: #fff;
}

.large-video__btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

.large-video__btn-bg {
  width: 1990px;
  height: 100vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -2;
  @supports (min-height: 100svh) {
    min-height: 100svh;
  }

  @supports (min-height: 100dvh) {
    min-height: 100dvh;
  }

  @supports (min-height: 100lvh) {
    min-height: 100lvh;
  }
}

.fluid-width-video-wrapper {
  width: 100%;
  height: 100vh;
  position: relative;
  padding: 0;
  @supports (min-height: 100svh) {
    min-height: 100svh;
  }

  @supports (min-height: 100dvh) {
    min-height: 100dvh;
  }

  @supports (min-height: 100lvh) {
    min-height: 100lvh;
  }
}

/* Video Stamp */
.video-stamp {
  position: relative;
  width: 104px;
  height: 104px;
  border: 1.3px solid white;
  border-radius: 50%;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease;
}

.video-stamp:hover {
  border-color: white;
  background-color: white;
}

.video-stamp:hover .play-button svg polygon {
  fill: black;
}

.video-stamp:hover .circle-image {
  filter: brightness(0);
}

.video-stamp:hover .play-button svg {
  fill: black;
}

/* Circle Image */
.circle-image {
  position: absolute;
  width: 104px;
  height: 104px;
  background: url("/images/texttron.png") no-repeat center;
  background-size: contain;
  animation: rotateImage 5s linear infinite;
}

/* Play Button */
.play-button {
  position: relative;
  z-index: 2;
  background-color: transparent;
  border-radius: 50%;
}

.play-button svg {
  width: 39px;
  height: 39px;
}

.play-button svg polygon {
  fill: white;
  width: 39px;
  height: 39px;
  transition: fill 0.3s ease;
}

/* Animation */
@keyframes rotateImage {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Hide Play Button on active */
.large-video.active .large-video__btn {
  display: none;
}

/* Video Embed */
.large-video__embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.large-video__slide--left .large-video__slide-img {
  left: 100%;
  transform: translateX(-50%);
}
.large-video__slide--right .large-video__slide-img {
  left: 0;
  transform: translateX(-50%);
}
/* Media Queries */
@media screen and (min-width: 1025px) {
  .large-video.active .large-video__slide--left {
    transform: translate(-100vw, -50%);
  }

  .large-video.active .large-video__slide--right {
    transform: translate(100vw, -50%);
  }

  .large-video.active .large-video__btn {
    transform: translate(100vw, -50%);
  }

  .large-video__slide-img,
  .large-video__btn-bg {
    background: center / 88vw no-repeat;
  }
}
@media (min-width: 1024px) {
}

@media screen and (max-width: 1024px) {
  .large-video__slide--left,
  .large-video__slide--right,
  .large-video__btn {
    opacity: 1;
  }

  .large-video.active .large-video__slide--left,
  .large-video.active .large-video__slide--right,
  .large-video.active .large-video__btn {
    opacity: 0;
  }
}

@media screen and (max-width: 1024px) and (min-width: 671px) {
  footer .diachif .medium-6:nth-child(1) .col-inner {
    width: 95%;
    margin-left: 0;
  }
  footer .diachif .medium-6:nth-child(2) .col-inner {
    width: 95%;
    margin-right: 0 !important;
  }
  html[lang="zh-CN"] .footer-wrapper h2.h4 span {
    font-size: 32px;
  }
  .cttdung1 .section-content {
    padding-top: 92px;
  }
  .cttdung1 .section-content .site-banner__inner {
    padding-top: 60px;
  }
  .listcauhoi .accordion-item span {
    margin-right: 24px;
  }
  .tgv .boxgv .col:last-child .col-inner {
    padding-left: 16px;
  }
  .giasu .boxgv .col:last-child .col-inner {
    padding-right: 16px;
  }
  .gvnoibat .medium-4 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .gvnoibat .itemgv:nth-child(odd) .col-inner {
    width: 98%;
    left: 0;
    right: auto;
    height: auto;
    padding: 32px 24px 24px 24px;
  }
  .gvnoibat .itemgv:nth-child(even) .col-inner {
    width: 98%;
    left: auto;
    right: 0;
    height: auto;
    padding: 32px 24px 24px 24px;
  }
  .itemgv.col:nth-child(3) .col-inner {
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 24px;
  }
  .itemgv.col:nth-child(4) .col-inner {
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 24px;
  }
  .itemgv.col:nth-child(5) .col-inner {
    margin-left: 0;
    margin-right: auto;
  }
  .site-header {
    position: fixed;
    background-color: transparent;
  }
  .rtd .col .col-inner {
    width: 96%;
  }
  .blog-wrapper.page-wrapper .mrtop {
    padding-bottom: 32px;
    padding-top: 32px;
    width: 92%;
    margin-right: auto;
    margin-left: auto;
  }
  .gallery-columns-2 .gallery-item,
  .large-columns-2 .flickity-slider > .col,
  .large-columns-2 > .col {
    flex-basis: 50%;
    max-width: 50%;
  }
  .blog-wrapper .col.post-item .col-inner {
    max-width: 98%;
  }
  .blog-wrapper .col.post-item:nth-child(odd) .col-inner {
    margin-left: 0;
    margin-right: auto;
  }
  .blog-wrapper .col.post-item:nth-child(even) .col-inner {
    margin-left: auto;
    margin-right: 0;
  }
  .blog-wrapper .post-item h5.post-title {
    max-width: 100%;
  }
  .blog-wrapper .single-page {
    padding: 32px;
    flex-direction: column;
  }
  .csidebar {
    width: 100%;
  }
  .duanbutton .btn {
    margin: 12px 0;
  }
  .duanbutton .btn .btn__txt {
    color: #0a0b09;
  }
  .col + .col.duans .col-inner {
    max-width: 100%;
    margin-left: auto;
    margin-right: 0;
    padding-left: 16px;
  }
  .topf h2.h4 {
    font-size: 32px;
    line-height: 44px;
  }
  .topf h2.h4 span {
    font-size: 32px;
    line-height: 44px;
  }
  .large-video__slide-img,
  .large-video__btn-bg {
    background: center / 92vw no-repeat;
  }
  .ctlh .medium-2 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .ctlh .medium-3 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .ctlh .medium-7 {
    flex-basis: 100%;
    max-width: 100%;
    padding-top: 32px;
  }
  .vertical-tabs__tab:first-child {
    border-top: none;
  }
  .vertical-tabs__tab {
    border-left: none;
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 0;
  }

  .vertical-tabs__tab-info-counter span {
    font-size: 32px;
    line-height: 44px;
  }

  .vertical-tabs__tab-info-counter.mb-micro {
    margin-bottom: 8px;
  }
  .vertical-tabs__tab-info-title .h6 {
    font-size: 20px;
  }
  .vertical-tabs__tab-info-title h3.h6 span {
    color: var(--Secondary-Background, #fff);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 140% */
    text-transform: uppercase;
  }
  .vertical-tabs__tab {
    padding-bottom: 16px;
    padding-top: 16px;
    border-bottom: 1px solid #c1eaff;
  }
  .vertical-tabs__tab:last-child {
    border-right: none;
  }
  .nghehot .vertical-tabs__tab-info {
    padding-top: 0;
    width: 100%;
  }
  .nghehot .vertical-tabs__tab-txt {
    width: 50%;
    margin-right: 0;
    max-width: 50%;
  }
  .vertical-tabs__tab-txt .txt-styles h3 + * {
    margin-top: 100px;
  }
  .vertical-tabs__tab-txt h3 {
    visibility: hidden;
  }
  .vertical-tabs__tab-txt .txt-styles .h6 {
    font-size: 20px;
    line-height: 28px;
  }
  .vertical-tabs__tab-txt .txt-styles .h6 span {
    font-size: 20px;
    line-height: 28px;
  }
  .nghehot .vertical-tabs__tab-txt .h4 {
    font-size: 32px;
    line-height: 44px;
  }
  .nghehot .vertical-tabs__tab-txt .h4 span {
    font-size: 32px;
    line-height: 44px;
  }
  .nghehot .vertical-tabs__tab-info-counter span span {
    font-size: 32px;
    line-height: 44px;
  }
  .intro .intro__bg-txt {
    font-size: 90px;
  }
  .duansub {
    display: flex;
    flex-direction: column;
  }
  .duansub.anh2l {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .duansub.anh2l .col:first-child {
    flex-basis: 100%;
    max-width: 100%;
  }
  .duansub.anh2l .col:last-child {
    padding-top: 32px;
    flex-basis: 100%;
    max-width: 100%;
  }
  .alt-rows__img--small img {
    max-width: 100%;
  }
  .alt-rows__img--small {
    max-width: 100%;
    bottom: -15px;
  }
  .duansub.anh2l .col + .col.duans .col-inner {
    max-width: 100%;
  }
  .duansub.anh2r .col:first-child .col-inner {
    max-width: 100%;
  }
  .duansub.anh2r .col:first-child {
    flex-basis: 100%;
    max-width: 100%;
  }
  .duansub.anh2r .col:last-child {
    padding-top: 60px;
    flex-basis: 100%;
    max-width: 100%;
  }
  .duansub.anh2r .alt-rows__img--large {
    margin-left: auto;
  }
  .duansub.anh2r .alt-rows__img--small img {
    max-width: 100%;
  }
  .duansub.anh2r .alt-rows__img--small {
    bottom: -15px;
    max-width: 100%;
  }
  .duansub.anh2l .col:first-child.imgduans .col-inner {
    max-width: 100%;
    margin-left: 0;
    margin-right: auto;
  }
  .duansub.anh2r .col:last-child.imgduans .col-inner {
    max-width: 100%;
    margin-left: auto;
    margin-right: 0;
  }
  .alt-rows__img--large {
    max-width: 580px;
    max-width: 88.654%;
  }
  .anhtop {
    display: flex;
    justify-content: space-between;
  }
  .anhtop .col:last-child {
    flex-basis: 36%;
    max-width: 36%;
  }
  .fgt {
    display: flex;
    flex-direction: column;
  }
  .fgt .large-4 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .fgt .large-8 {
    flex-basis: 100%;
    max-width: 100%;
    padding-top: 16px;
  }
  .fgt .col:first-child .col-inner {
    max-width: 100%;
    margin-left: 0;
    margin-right: auto;
  }
  .flicf2 .col:first-child .col-inner {
    max-width: 90%;
    margin-left: 0;
    margin-right: auto;
  }
  .flicf2 .col + .col .col-inner {
    max-width: 100%;
    margin-left: auto;
    margin-right: 0;
  }
  .daisur .col:nth-child(even) {
    margin-left: auto;
    margin-right: 0;
  }
  .daisur .col:nth-child(odd) {
    margin-left: 0;
    margin-right: auto;
  }
  .daisur .col {
    flex-basis: 47%;
    max-width: 47%;
  }
  .play-button svg polygon {
    transform: scale(0.5);
    transform-origin: center;
  }
  .sect4 .texth .col-inner {
    max-width: 94%;
  }
  .scroll-logos__row--4,
  .scroll-logos__row-group--4 {
    width: 180vw;
  }
  .stintuch .flickity-prev-next-button.previous {
    right: 12.7%;
    display: none;
  }
  .stintuch .flickity-prev-next-button.next {
    right: 12.7%;
    display: none;
  }
  .stintuch
    .slider-nav-push:not(.slider-nav-reveal)
    .flickity-prev-next-button {
    margin-top: -20.5%;
  }
  .fgt .col + .col .col-inner {
    margin-left: auto;
    margin-right: 0;
    max-width: 100%;
  }
  .text-mask {
    font-size: 120px;
  }
}
@media screen and (max-width: 1023px) and (min-width: 671px) {
  .vertical-tabs__tab-info-title h3 {
    transform: rotate(0deg);
    writing-mode: horizontal-tb;
    white-space: normal;
    max-height: 340px;
  }
}
@media screen and (max-width: 849px) and (min-width: 671px) {
  .blog-wrapper .col.post-item .col-inner {
    max-width: 100%;
  }
}
@media screen and (max-width: 670px) {
  .large-video-outer:nth-child(n):nth-child(n) {
    width: 100%;
  }

  .large-video__slide-img,
  .large-video__btn-bg {
    background: center / 100vw no-repeat;
  }
  .home1 .site-banner__title span {
    color: var(--Primary-900, #0a0b09);
    text-align: center;
    font-size: 40px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 56px !important; /* 140% */
    text-transform: uppercase;
  }
  html[lang="zh-CN"] .home1 .site-banner__title span {
    word-break: keep-all;
  }
  body:not(.no-touch) .site-banner--sticky-img .site-banner__inner {
    padding-top: 0;
  }
  .home2 h2 {
    font-size: 32px !important;
    line-height: 44px !important;
    margin-bottom: 16px !important;
  }
  h3,
  .h3 {
    font-size: 24px;
    line-height: 36px;
  }
  .h3 span {
    color: var(--Secondary-Background, #fff);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 137.5% */
    text-transform: uppercase;
  }
  p.des {
    color: var(--Secondary-Background, #fff);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
  }
  .large-video-outer {
    padding-top: 24px;
  }
  .play-button svg polygon {
    transform: scale(0.5);
    transform-origin: center;
  }
  .circle-image {
    width: 60px;
    height: 60px;
  }
  .feat-projects__item--title {
    padding-bottom: 30px;
  }
  .project-preview--feat .project-preview__content {
    padding: 12px 20px;
  }
  .btn--small .btn__txt-extra {
    display: none;
  }
  .chuchay2 .section-content {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .intro .intro__bg-txt {
    font-size: 38px;
  }
  .sect4 .h5 span {
    font-size: 24px;
    line-height: 36px;
  }
  .sect4 .texth h3.h5 {
    padding-top: 16px;
    padding-bottom: 8px;
  }
  .sect4 .sech1 .texth {
    order: 1;
  }
  .sect4 .sech1 .texth h3.h5 {
    padding-top: 16px;
    padding-bottom: 8px;
  }
  .sect4 .sech3 .texth {
    order: 1;
  }
  .sect4 .sech3 .texth h3.h5 {
    padding-top: 16px;
    padding-bottom: 8px;
  }
  .sect4 .desc {
    font-size: 16px;
    line-height: 24px;
  }
  .btn--small {
    padding: 0;
  }
  .stintuch .post-item:not(.is-selected) {
    padding-left: 0;
  }
  .post-item .blog-post-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .stintuch .post-item:not(.is-selected) .box-text-inner .cat-label {
    max-width: 100%;
  }
  .post-item h5.post-title {
    font-size: 20px;
    max-width: 100%;
    text-align: left;
  }
  .post-item h5.post-title span {
    font-size: 20px;
    line-height: 28px;
  }
  .topf .img .img-inner {
    max-width: 98px;
  }
  .topf h2.h4 {
    text-align: left;
    padding-top: 16px;
  }
  h2.h4 {
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
  }
  h2.h4 span {
    font-size: 32px;
    line-height: 44px;
  }
  .topf h2.h4 span {
    font-size: 32px;
    line-height: 44px;
  }
  html[lang="zh-CN"] .footer-wrapper h2.h4 span {
    font-size: 32px;
  }
  .diachif h6.subtitle::before {
    display: none;
  }
  .absolute-footer {
    padding: 20px 0 40px;
  }
  .fgt .large-4 {
    flex-basis: 100%;
    max-width: 100%;
    padding-top: 16px;
    order: 1;
  }
  .fgt .large-8 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .fgt {
    padding-bottom: 32px;
  }
  .subgt {
    gap: 0;
  }
  .subgt .textd {
    display: none;
  }
  .flic h2 {
    padding-bottom: 8px;
  }
  .flicf2 {
    padding-top: 32px;
  }
  .flicf2 p.des {
    padding-bottom: 16px;
  }
  .cotanh .row .row:not(.row-collapse) {
    margin-left: 0;
    margin-right: 0;
  }
  .daisu .section-content {
    padding-top: 32px;
  }
  .daisu .h3 {
    padding-bottom: 16px;
  }
  .daisur {
    gap: 16px;
  }
  .blog-wrapper .single-page {
    display: flex;
    padding: 32px 16px 0 16px;
    align-items: flex-start;
    gap: 16px;
    flex-direction: column;
  }
  .single-post .mrtop {
    width: 92% !important;
    margin-top: -200px;
    position: relative;
    z-index: 3;
    background: #fff;
  }
  .titlepost h1 {
    font-size: 24px;
  }
  .titlepost h1 span {
    font-size: 24px;
    line-height: 36px;
  }
  .boxgv .col:first-child {
    flex-basis: 100%;
    max-width: 100%;
  }
  .boxgv .col:last-child {
    flex-basis: 100%;
    max-width: 100%;
  }
  .ctgv h3.h5 {
    font-size: 24px;
  }
  .ctgv h3.h5 span {
    font-size: 24px;
    line-height: 36px;
  }
  .itgv h3.h6 {
    font-size: 20px;
  }
  .itgv h3.h6 span {
    font-size: 20px;
    line-height: 28px;
  }
  .giasu .boxgv .col:first-child .col-inner {
    max-width: 100%;
    margin-left: auto;
    margin-right: 0;
  }
  h2.h4 span {
    font-size: 32px;
    line-height: 44px;
  }
  .gvnoibat .itemgv .col-inner {
    width: 100%;
    height: auto;
    padding: 20px 12px;
  }
  .itemgv.col:first-child .col-inner {
    margin-bottom: 12px;
  }
  .itemgv.col:nth-child(2) .col-inner {
    margin-bottom: 12px;
  }
  .itemgv.col:nth-child(3) .col-inner {
    margin-bottom: 12px;
  }
  .itemgv.col:nth-child(4) .col-inner {
    margin-bottom: 12px;
  }
  .itemgv.col:nth-child(5) .col-inner {
    margin-bottom: 12px;
  }
  .itemgv.col:nth-child(2) .col-inner {
    margin-bottom: 0px;
  }
  .gvnoibat {
    padding-top: 12px;
    padding-bottom: 16px;
  }
  .gvnoibatf p {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 12px;
  }
  .lhtop .section-content {
    padding-top: 0;
  }
  .lhtop .section-content .site-banner__inner {
    padding-top: 32px;
    padding-bottom: 16px;
  }
  .mtlh {
    padding-top: 12px;
    padding-bottom: 0;
  }
  .ctlh .section-content {
    padding-bottom: 16px;
  }
  .dtlienhe {
    padding-top: 16px;
  }
  .ctlh .section-content .row {
  }
  .ctlh .section-content .row .col .col-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .ctlh p {
    font-size: 16px;
    line-height: 24px;
  }
  .ctlh .muiten {
    font-size: 16px;
    line-height: 24px;
  }
  .ctlh .muiten::before {
    width: 20px;
    height: 20px;
  }
  .mtlh p {
    font-size: 16px;
    line-height: 24px;
  }
  .projects-featured-outer h3.h5 {
    font-size: 24px;
  }
  .projects-featured-outer h3.h5 span {
    font-size: 24px;
    line-height: 36px;
  }
  .projects-featured__item-info .txt-styles * + .btn {
    argin-top: 12px;
  }
  .row.diachif {
    flex-direction: column;
    /*flex-flow: nowrap;*/
    margin-bottom: 0px;
  }
  .diachif .cot1f {
    padding-bottom: 12px;
  }
  .diachif h6.subtitle {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .diachif h6.subtitle span {
    font-size: 18px;
    line-height: 26px;
  }
  .addresses__colo {
    max-width: 100%;
  }
  .row.diachif .col .col-inner {
    max-width: 100%;
  }
  .row.diachif .col:first-child .col-inner {
    margin-left: 0;
    margin-right: auto;
  }
  .row.diachif .col:last-child .col-inner {
    margin-left: 0;
    margin-right: auto;
  }
  .site-footer .section-content {
    gap: 20px;
  }
  .site-footer {
    padding-bottom: 0;
  }
  /**hometop**/
  body:not(.no-touch) .site-banner--sticky-img .site-banner__img {
    margin-top: 0;
  }
  body:not(.no-touch) .site-banner--sticky-img .site-banner__content-inner {
    /*  min-height: 100vh;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  body:not(.no-touch) .site-banner--sticky-img .site-banner__content {
    /*  min-height: 100vh;*/
    padding-top: 0;
    padding-bottom: 0;
    position: sticky;
    top: 0;
  }
  body:not(.no-touch) .site-banner--sticky-img .site-banner__img {
    width: 100%;
    /*  height: 100vh;*/
    position: relative;
    /*   z-index: 700;*/
  }
  body:not(.no-touch) .site-banner--sticky-img .site-banner__img-figure {
    height: auto;
    position: relative;
    z-index: 1;
  }
  body.touch-device .site-banner--sticky-img .site-banner__img-inner {
    width: 100%;
    /* height: 100vh;*/
    will-change: top;
  }
  body.touch-device .site-banner--sticky-img .site-banner__img * {
    backface-visibility: hidden;
    perspective: 0px;
    transform: translateZ(0);
  }
  body.touch-device .site-banner--sticky-img .site-banner__img-container {
    width: 100%;
    height: -moz-max-content;
    /* height: max-content;*/
    will-change: top;
  }
  body.touch-device
    .site-banner--sticky-img
    .site-banner__img-inner.parallax-active,
  body
    .site-banner--sticky-img
    .site-banner__img-inner.parallax-active
    .site-banner__img-container {
    position: sticky;
    top: 0;
    transition: transform 0.3s ease;
    z-index: -1;
  }
  body.touch-device-old-b .site-banner--sticky-img .site-banner__img-figure {
    width: 100vw; /* Chiều rộng cố định theo viewport */
    /*  height: 100vh;*/ /* Chiều cao cố định theo viewport */
    max-width: 100%;
    max-height: 100vh;
    overflow: hidden;
    position: relative;
    left: 50%; /* Căn giữa theo chiều ngang */
    transform: translateX(-50%); /* Đảm bảo phần tử được căn giữa */
    will-change: transform, width, height; /* Chỉ thay đổi những thuộc tính cần thiết để tối ưu hiệu suất */
    transition: transform 0.3s ease; /* Thêm hiệu ứng mượt mà khi thay đổi kích thước */
  }
  body.touch-device .site-banner--sticky-img .site-banner__img-figure {
    width: calc(100% + (100vw - 100%) * (var(--parallax-percent)));
    height: calc(100% + (100vh - 100%) * (var(--parallax-percent)));
    max-width: 100vw;
    max-height: 100vh;
    overflow: hidden;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    will-change: width, height;
    @supports (max-height: 100svh) {
      max-height: 100svh;
    }

    @supports (max-height: 100dvh) {
      max-height: 100dvh;
    }

    @supports (max-height: 100lvh) {
      max-height: 100lvh;
    }
  }
  body.touch-device
    .site-banner--sticky-img
    .site-banner__img-figure.parallax-active {
    width: calc(100% + (100vw - 100%) * var(--parallax-percent));
    height: calc(100% + (100vh - 100%) * var(--parallax-percent)) !important;
  }

  body.touch-device .site-banner--sticky-img .site-banner__img-content {
    position: relative;
    aspect-ratio: 10 / 7;
  }
  body:not(.no-touch) .site-banner--sticky-img .site-banner__img-inner::before {
    display: none;
  }
  body:not(.no-touch) .site-banner--sticky-img .site-banner__img-inner::after {
    display: none;
  }
  body:not(.no-touch) .site-banner--sticky-img .site-banner__img::before {
    display: none;
  }
  body:not(.no-touch) .site-banner--sticky-img .site-banner__content-inner {
    padding-top: 0;
    padding-bottom: 0;
  }
  body1.touch-device .site-banner--sticky-img .site-banner__img-content {
    display: flex;
    justify-content: center; /* Căn giữa theo chiều ngang */
    align-items: center; /* Căn giữa theo chiều dọc */
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 520 / 600;
    /aspect-ratio: 600 / 600;
    width: 65.8333333333%;
    z-index: -1;
  }

  body.touch-device .site-banner__img-inner.parallax-active {
    transition: transform 0.3s ease; /* Hiệu ứng mượt mà khi thay đổi kích thước */
  }

  body.touch-device .site-banner__img-container {
    transform-origin: center center; /* Đảm bảo ảnh phóng to từ giữa */
  }

  body.touch-device .site-banner__img-container.parallax-active {
    transform: scale(
      1.2
    ); /* Ví dụ phóng to 1.2 lần khi lớp parallax-active được kích hoạt */
  }
  body.touch-device .site-banner--sticky-img .site-banner__img-figure img {
    height: 80%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .home1 {
    z-index: 1;
  }
  .home2 {
    z-index: 2;
  }
  /* Cập nhật .site-banner__img-container để làm cho ảnh "sticky" */
  body.touch-device
    .site-banner--sticky-img
    .site-banner__img-container.sticky {
    position: sticky;
    top: 0; /* Dính ảnh vào đầu trang khi đạt vị trí scroll */
    z-index: 10; /* Đảm bảo ảnh luôn nằm trên các phần tử khác */
  }

  /**endhometop**/
  .tvhrg {
    max-width: 230px;
    margin-left: auto;
    margin-right: auto;
  }
  .tintuch .section-content {
    padding-top: 32px;
    padding-bottom: 24px;
  }
  .stintuch
    .slider-nav-push:not(.slider-nav-reveal)
    .flickity-prev-next-button {
    display: none;
  }
  .stintuch .row > div:not(.col):not([class^="col-"]):not([class*=" col-"]) {
    width: 100% !important;
  }
  .post-item .box-text-inner .cat-label {
    max-width: 100%;
  }
  .stintuch
    .post-title
    .split-heading__line:nth-child(1n + 2)
    .split-heading__word:first-child {
    /*  margin-left: auto;*/
  }
  .blog-wrapper .post-item .box-text-inner .cat-label {
    max-width: 100%;
  }
  .post-item .box-text {
    padding-top: 12px;
  }
  .stintuch .post-item:not(.is-selected) .image-cover {
    padding-top: 56% !important;
  }
  .header-wrapper1 .container {
    padding-left: 0;
    padding-right: 0;
  }
  .fgt p {
    color: var(--Dark-D1, #0a0b09);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }
  .row .cotanh .row:not(.row-collapse) {
    margin-left: 0;
    margin-right: 0;
  }
  .daisu .h3 {
    font-size: 32px;
    line-height: 44px;
  }
  .daisu .h3 span {
    color: var(--Secondary-Text, #0a0b09);
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px; /* 137.5% */
    text-transform: uppercase;
  }
  .thongtin.box-text {
    padding-bottom: 0px;
    padding-top: 12px;
  }
  .hatintuc h2.site-banner__title {
    padding-top: 32px;
    margin-bottom: 24px;
  }
  .nav.mentta > li > a {
    color: var(--Primary-900, #0a0b09);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
    display: flex;
    height: 36px;
    padding: 4px 24px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-color: currentColor;
  }
  .mttina p {
    font-size: 16px;
    line-height: 24px;
  }
  .blog-wrapper .post-item .blog-post-inner {
    gap: 4px;
  }
  .blog-wrapper .row .col.post-item {
    padding-bottom: 20px;
  }
  .blog-wrapper .row .col.post-item:nth-last-child(-n + 2) {
    padding-bottom: 20px;
  }
  .blog-wrapper .nav-wrapper ul {
    gap: 8px;
  }
  .mttina {
    padding-top: 24px;
  }
  .tlienquan h3 span {
    font-size: 18px;
    line-height: 26px;
  }
  .tlienquan {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .tlienquan h3 {
    padding-bottom: 16px;
  }
  .projects-featured__item .txt-styles--small * + .btn {
    margin-top: 12px;
  }
  .tgv .site-banner__content .col-inner p {
    font-size: 16px;
    line-height: 24px;
  }
  .boxgv .col-inner > .img:not(:last-child) {
    margin-bottom: 12px;
  }
  .titgv {
    padding-bottom: 4px;
    padding-top: 24px;
  }
  .boxgv .col:first-child .col-inner {
    max-width: 100%;
  }
  .ctgv .col-inner {
    gap: 12px;
  }
  .itgv {
    gap: 8px;
  }
  .itgv h3 {
    padding-bottom: 8px;
  }
  .tgv {
    padding-bottom: 32px !important;
  }
  .ctgv .col-inner {
    gap: 12px;
  }
  .titgv {
    padding-bottom: 4px;
  }
  .giasu .titgv {
    padding-top: 0;
  }
  .giasu .ctgv {
    padding-bottom: 16px;
  }
  .buocdk .mb-medium {
    margin-bottom: 16px;
  }
  .buocdk .usp-cols ul {
    gap: 12px;
  }
  .buocdk .usp-cols ul li {
    display: flex;
    width: 343px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .buocdk h3::before {
    width: 36px;
    height: 36px;
    top: -2px;
  }
  .buocdk h3 {
    padding-left: 42px;
  }
  .buocdk p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 0px !important;
  }
  .dvnb1 h2.h4 span {
    font-size: 32px;
    line-height: 44px;
  }
  .testimonial__img {
    width: 60px;
  }
  .testimonial__quote-quotee p:nth-child(1) {
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
  }
  .testimonial__quote-quotee p:nth-child(2) {
    font-size: 12px;
    line-height: 16px;
  }
  .testimonial__header {
    gap: 12px;
    margin-bottom: 12px;
  }
  .cttdung .txt-styles .col-inner h3 {
    margin-top: 0;
  }
  .scauhoi h3 span {
    font-size: 24px;
    line-height: 36px;
  }
  .listcauhoi.txt-styles h3 + * {
    margin-top: 12px;
  }
  .listcauhoi .accordion.cauhoi {
    gap: 12px;
    padding-bottom: 24px;
  }
  .listcauhoi .accordion.cauhoi:last-child {
    padding-bottom: 0px;
  }
  .listcauhoi .accordion-item span {
    font-size: 20px;
    line-height: 28px;
    margin-right: 24px;
  }
  .listcauhoi .accordion-title {
    padding: 12px;
  }
  .scauhoi .accordion .toggle {
    left: auto;
    right: 0;
    border-radius: 0;
    top: 0;
    height: 100%;
    margin-right: 12px;
    width: 16px;
    font-size: 0;
    background: none;
    display: flex;
    align-items: center;
  }
  .scauhoi .txt-styles .col-inner h3 {
    margin-top: 0;
  }
  .cauhoift p {
    font-size: 16px;
    line-height: 24px;
  }

  .scauhoi.section--medium .txt-styles p {
    color: var(--Dark-D1, #0a0b09);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.2px;
  }
  .listcauhoi .accordion-item .accordion-inner {
    padding: 8px 0 12px 0;
  }
  .cauhoift {
    padding-top: 12px;
  }
  .listcauhoi .accordion-item .accordion-title:hover.active span {
    color: #fff;
  }
  .listcauhoi .accordion-item .accordion-title:hover span {
    color: #0a0b09;
  }
  .listcauhoi
    .accordion-item
    .accordion-title:hover.active
    .toggle
    .icon-angle-down:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0px;
    left: 0;
    background: url(/images/Minus.png) no-repeat center / cover;
    transition: transform ease 0.35s, border-radius ease 0.35s;
  }
  .listcauhoi
    .accordion-item
    .accordion-title:hover
    .toggle
    .icon-angle-down:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0px;
    left: 0;
    background: url(/images/Plus.png) no-repeat center / cover;
    transition: transform ease 0.35s, border-radius ease 0.35s;
    -webkit-mask-image: unset;
  }
  .accordion button i {
    display: block;
  }
  .accordion button i {
    top: 0;
    vertical-align: middle;
    width: 16px;
    height: 16px;
  }
  .listcauhoi .accordion-item .accordion-title .toggle .icon-angle-down:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0px;
    left: 0;
    background: url(/images/Plus.png) no-repeat center / cover;
    transition: transform ease 0.35s, border-radius ease 0.35s;
  }
  .listcauhoi .accordion-item .accordion-title.active .toggle {
    background: none;
    margin-right: 12px;
    top: 5px;
    width: 16px;
    height: 100%;
  }
  .listcauhoi .accordion-item .accordion-title:hover .toggle {
    left: auto;
    right: 0;
    border-radius: 0;
    top: 0;
    height: 100%;
    margin-right: 12px;
    width: 16px;
    font-size: 0;
    background: none;
    display: flex;
    align-items: center;
    -webkit-mask-image: unset;
  }
  .cttdung.site-banner--simple .site-banner__content {
    padding-top: 0;
  }
  .tdcs h1 {
    max-width: 340px;
    padding-bottom: 12px;
  }
  .csach.site-banner--simple .site-banner__content {
    padding-bottom: 4px;
  }
  .txt-styles ul li {
    font-size: 16px;
    line-height: 24px;
  }
  .txt-styles ul {
    margin-top: 0;
  }
  .page-template-page-transparent-header .site-header {
    background-color: transparent;
  }
  .secttd1 h2.site-banner__title {
    margin-bottom: 12px;
  }
  .secttd1 h2.site-banner__title {
    font-size: 32px;
    line-height: 44px;
  }
  .secttd1 .site-banner__title + * {
    margin-top: 0;
  }
  .secttd1 h2.h4 {
    padding: 16px 0;
    font-size: 24px;
    line-height: 36px;
  }
  .secttd1 h2.h4 .split-heading__line {
    font-size: 24px;
    line-height: 36px;
  }
  .rtd .col .col-inner {
    width: 100%;
  }
  .rtd .box-text-inner h3 span {
    font-size: 20px;
    line-height: 28px;
  }
  .rtd .box-text-inner h3 {
    font-size: 20px;
    padding-top: 8px;
    text-align: left;
  }
  .rtd .box-text-inner {
    gap: 4px;
  }
  .rtd .box-text.text-center {
    padding-left: 0;
    padding-right: 0;
  }
  .rtd p {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 16px;
  }
  .rtd .col:last-child p {
    padding-bottom: 0px;
  }
  h2.h4 span {
    font-size: 24px;
    line-height: 36px;
  }
  .cftdf h2.h4 span {
    font-size: 24px;
    line-height: 36px;
  }
  .danhsachtd h4 span {
    font-size: 20px;
    line-height: 28px;
  }
  .danhsachtd {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    padding-top: 16px;
  }
  .danhsachtd .col-inner ul li {
    margin-left: 0;
  }
  .danhsachtd ul {
    list-style: none;
  }
  .danhsachtd ul li {
    color: var(--Dark-D11, #d4d5d2);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.2px;
  }
  .danhsachtd .col-inner {
    gap: 8px;
    padding-bottom: 12px;
  }
  .ftuyendung p {
    font-size: 16px;
    line-height: 24px;
  }
  .ftuyendung .col-inner {
    gap: 8px;
  }
  .ftuyendung p:first-child {
    padding-bottom: 4px;
  }
  .cttdung.site-banner--simple .site-banner__title {
    text-align: left;
  }
  .duanbutton .col-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    align-self: stretch;
  }
  .dv h2.site-banner__title {
    font-size: 32px;
    line-height: 44px;
  }
  .dv.section-black .btn {
    /*   background: #0a0b09;
      border: 1px solid #0a0b09;*/
  }
  .dv.section-black .btn .btn__txt {
    color: #0a0b09;
    font-size: 14px;
    line-height: 20px;
  }
  .dv.section-black .duans .btn.btn--small .btn__txt {
    color: #fff;
  }
  .dv.section-black .nutdkgv .btn .btn__txt {
    color: #fff;
  }
  .dv.section-black .btn--small .btn__txt,
  .dv.section-black .btn--small .btn__txt-extra {
    height: 36px;
  }
  .dv .duans .col-inner {
    gap: 12px;
  }
  .duans {
    padding-top: 16px;
  }
  .dv .thongtin {
    gap: 12px;
  }
  .buocdk h3 span {
    font-size: 24px;
    line-height: 36px;
  }
  .hthoc .section-content {
    padding-top: 32px;
    padding-bottom: 0px;
  }
  .hthoc h2.h4 {
    font-size: 24px;
    line-height: 36px;
  }
  .vertical-tabs__tab:first-child {
    border-top: none;
  }
  .vertical-tabs__tab {
    border-left: none;
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 0;
  }

  .vertical-tabs__tab-info-counter span {
    font-size: 32px;
    line-height: 44px;
  }
  .vertical-tabs__tab-info-title h3 {
    transform: rotate(0deg);
    writing-mode: horizontal-tb;
    white-space: normal;
    max-height: 340px;
  }
  .vertical-tabs__tab-info-counter.mb-micro {
    margin-bottom: 8px;
  }
  .vertical-tabs__tab-info-title .h6 {
    font-size: 20px;
  }
  .vertical-tabs__tab-info-title h3.h6 span {
    color: var(--Secondary-Background, #fff);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 140% */
    text-transform: uppercase;
  }
  .shthoc {
    padding-top: 12px;
  }
  .vertical-tabs__tab-txt {
    width: 100%;
    margin-right: 0;
    max-width: 100%;
  }
  .vertical-tabs__tab-img {
    max-width: 100%;
    margin-top: 12px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }
  .vertical-tabs__tab-txt .txt-styles .h6 {
    display: none;
  }
  .vertical-tabs__tab {
    display: flex;
    flex-direction: column;
  }
  .vertical-tabs__tab-txt .txt-styles h3 + * {
    margin-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #c1eaff;
  }
  .vertical-tabs {
    display: flex;
    gap: 16px;
  }
  .vertical-tabs__tab.txt-content:not(.active) .vertical-tabs__tab-info {
    padding-bottom: 12px;
    border-bottom: 1px solid #c1eaff;
  }
  .vertical-tabs__tab:last-child {
    border-right: none;
  }
  .ttgiaovien {
    max-width: 100%;
    padding-top: 12px;
    padding-bottom: 24px;
  }
  .text-mask {
    font-size: 51.538px;
    line-height: 71.914px; /* 139.535% */
  }
  .chumask {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .dv .thongtin h3 {
    font-size: 20px;
    line-height: 28px;
  }
  .dv .thongtin h3 span {
    font-size: 20px;
    line-height: 28px;
  }
  .duans .col-inner {
    padding-top: 16px;
  }
  .dv .thongtin p {
    font-size: 16px;
    line-height: 24px;
  }
  .listnghe .h5 {
    font-size: 24px;
  }
  .listnghe .h5 span {
    font-size: 24px;
    line-height: 36px;
  }
  .nghehot .mtht {
    font-size: 16px;
    line-height: 24px;
  }
  .nnnoibat .vertical-tabs__tab-content-inner {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .nghehot .vertical-tabs__tab-txt {
    width: 100%;
    margin-right: 0;
    max-width: 100%;
  }
  .nghehot .vertical-tabs__tab.active .vertical-tabs__tab-txt > span.h4:before {
    width: 20px;
    height: 20px;
  }
  .nghehot .vertical-tabs__tab-txt .h4 {
    font-size: 32px;
  }
  .nghehot .vertical-tabs__tab-txt .h4 span {
    font-size: 32px;
    line-height: 44px;
  }
  .nghehot {
    padding-top: 24px;
  }
  .nghehot .vertical-tabs__tab-content {
    margin-top: 0;
  }
  .nghehot .vertical-tabs__tab-txt .txt-styles h3 + * {
    margin-top: 12px;
  }
  .nghehot .vertical-tabs__tab-txt .txt-styles .h6 {
    font-size: 20px;
    display: block;
  }
  .nghehot .vertical-tabs__tab-txt .txt-styles .h6 span {
    font-size: 20px;
    line-height: 28px;
  }
  .nghehot .vertical-tabs__tab-txt h3 {
    visibility: visible;
  }
  .nghehot .vertical-tabs__tab-info-counter span span {
    font-size: 32px;
    line-height: 44px;
  }
  .nghehot .vertical-tabs__tab-info-counter span.h4:before {
    width: 20px;
    height: 20px;
  }
  .nghehot .vertical-tabs__tab-info-counter span.h4 {
    gap: 8px;
  }
  .nghehot .vertical-tabs__tab-info {
    padding-top: 0;
    width: 100%;
  }
  .nghehot .vertical-tabs__tab.active .vertical-tabs__tab-content {
    padding-bottom: 0;
  }
  .nghehot .vertical-tabs__tab.active {
    border-bottom: none;
  }
  .duansub.anh2l {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .duansub.anh2l .col:first-child {
    flex-basis: 100%;
    max-width: 100%;
  }
  .duansub.anh2l .col:last-child {
    flex-basis: 100%;
    max-width: 100%;
  }
  .alt-rows__img--small img {
    max-width: 100%;
  }
  .alt-rows__img--small {
    max-width: 149px;
    bottom: -15px;
  }
  .duansub.anh2l .col + .col.duans .col-inner {
    max-width: 100%;
  }
  .duansub.anh2r .col:first-child .col-inner {
    max-width: 100%;
  }
  .duansub.anh2r .col:first-child {
    flex-basis: 100%;
    max-width: 100%;
  }
  .duansub.anh2r .col:last-child {
    flex-basis: 100%;
    max-width: 100%;
  }
  .duansub.anh2r .alt-rows__img--large {
    margin-left: auto;
  }
  .duansub.anh2r .alt-rows__img--small img {
    max-width: 100%;
  }
  .duansub.anh2r .alt-rows__img--small {
    bottom: -15px;
    max-width: 153px;
  }
  .chuden .h3 {
    font-size: 32px;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
  .chuden .h3 span {
    color: var(--Secondary-Text, #0a0b09);
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px; /* 137.5% */
  }
  .duansub.anh2r .thongtin {
    gap: 8px;
    padding-bottom: 0px;
  }
  .duansub.anh2r .thongtin:last-child {
    gap: 8px;
    padding-bottom: 16px;
  }
  .dkda .section-content {
    padding-top: 32px;
  }
  .dkda .h5 span {
    font-size: 32px;
    line-height: 44px;
  }
  .formw {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 16px;
  }
  .formw > p {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 16px;
  }
  div.wpforms-container-full .wpforms-form .wpforms-field-divider h3 {
    color: var(--Secondary-Text, #0a0b09);
    font-size: 24px;
    line-height: 36px;
    margin: 0;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .wpforms-container .wpforms-field-label,
  .wp-core-ui div.wpforms-container .wpforms-field-label {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .chuden .section-content {
    padding-bottom: 32px;
  }
  .dkda .h5 {
    font-size: 32px;
    text-align: center;
  }
  div.wpforms-container-full input[type="date"],
  div.wpforms-container-full input[type="datetime"],
  div.wpforms-container-full input[type="datetime-local"],
  div.wpforms-container-full input[type="email"],
  div.wpforms-container-full input[type="month"],
  div.wpforms-container-full input[type="number"],
  div.wpforms-container-full input[type="password"],
  div.wpforms-container-full input[type="range"],
  div.wpforms-container-full input[type="search"],
  div.wpforms-container-full input[type="tel"],
  div.wpforms-container-full input[type="text"],
  div.wpforms-container-full input[type="time"],
  div.wpforms-container-full input[type="url"],
  div.wpforms-container-full input[type="week"],
  div.wpforms-container-full select,
  div.wpforms-container-full textarea,
  .wp-core-ui div.wpforms-container-full input[type="date"],
  .wp-core-ui div.wpforms-container-full input[type="datetime"],
  .wp-core-ui div.wpforms-container-full input[type="datetime-local"],
  .wp-core-ui div.wpforms-container-full input[type="email"],
  .wp-core-ui div.wpforms-container-full input[type="month"],
  .wp-core-ui div.wpforms-container-full input[type="number"],
  .wp-core-ui div.wpforms-container-full input[type="password"],
  .wp-core-ui div.wpforms-container-full input[type="range"],
  .wp-core-ui div.wpforms-container-full input[type="search"],
  .wp-core-ui div.wpforms-container-full input[type="tel"],
  .wp-core-ui div.wpforms-container-full input[type="text"],
  .wp-core-ui div.wpforms-container-full input[type="time"],
  .wp-core-ui div.wpforms-container-full input[type="url"],
  .wp-core-ui div.wpforms-container-full input[type="week"],
  .wp-core-ui div.wpforms-container-full select,
  .wp-core-ui div.wpforms-container-full textarea {
    font-size: 14px !important;
    line-height: 20px !important;
    height: 48px;
  }
  div.wpforms-container-full .wpforms-field-label {
    padding-top: 12px !important;
    margin-bottom: 4px !important;
  }
  div.wpforms-container-full .wpforms-form .wpforms-field-divider h3 span {
    font-family: Phudu;
    font-size: 24px;
    line-height: 36px;
  }
  div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul,
  div.wpforms-container-full .wpforms-field.wpforms-field-radio ul,
  div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul,
  div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul,
  div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul {
    display: flex !important;
    padding: 0;
    gap: 12px !important;
    padding-top: 8px;
    flex-direction: column;
    padding-bottom: 16px;
  }
  .page-wrap .jcf-checkbox,
  .page-wrap .jcf-radio {
    width: 20px;
    height: 20px;
  }
  .page-wrap .jcf-radio .jcf-radio.jcf-unchecked {
    width: 20px;
    height: 20px;
    border: 2px solid #c2c3c0;
  }
  .wpforms-submit .btn__txtm,
  .wpforms-submit .btn__txt-extram {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
  }
  div.wpforms-container-full .wpforms-field-textarea:last-child textarea {
    margin-top: 2px;
    margin-bottom: 16px !important;
  }
  div.wpforms-container-full .wpforms-form .wpforms-submit-container {
    margin-top: 0px !important;
  }
  #wpforms-3844-field_20 {
    margin-bottom: 0px !important;
  }
  #wpforms-3844-field_26-container {
    padding-top: 16px !important;
  }
  .subp p {
    padding-top: 40px;
    font-size: 16px;
    line-height: 24px;
  }
  .hoptacto.dv .section-content .site-banner__inner {
    padding-top: 40px;
    padding-bottom: 16px;
  }
  .anhtop .col:first-child {
    flex-basis: 100%;
    max-width: 100%;
    padding-bottom: 12px;
  }
  .anhtop .col:last-child {
    flex-basis: 100%;
    max-width: 100%;
  }
  .dkda.dkda2 .h5 {
    font-size: 32px;
    text-align: center;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
  }
  #wpforms-3848-field_13 {
    padding-bottom: 0;
  }
  #wpforms-3848-field_14 {
    margin-bottom: 0px !important;
  }
  #wpforms-3848-field_17-container.wpforms-field-text {
    padding-top: 12px;
  }
  #wpforms-3848-field_18-container {
    padding-top: 16px !important;
    padding-bottom: 12px !important;
  }
  #wpforms-3848-field_16-container {
    padding-top: 16px !important;
  }
  .fatf p {
    color: var(--Secondary-Background, #fff);

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
  }
  .danhsachtd h4 {
    font-size: 20px;
  }
  .linktuyendung .link-list__item ul {
    padding-top: 8px;
  }
  .danhsachtd .col-inner .link-list__item {
    padding-bottom: 12px;
  }
  .linktuyendung {
    gap: 16px;
  }
  .link-list__item-logo::after,
  .link-list__item-title::after,
  .link-list__item-strip-item::after {
    width: 24px;
    height: 24px;
  }
  .listcate .category-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  .site-banner--simple1 .site-banner__title {
    font-size: 32px;
    line-height: 44px;
  }
  .cttdung .section-content .site-banner__inner {
    padding-top: 0px;
  }
  .flh2 .txt-content__side + .txt-content__main {
    margin-top: 16px;
  }
  .flh a {
    font-size: 16px;
    line-height: 24px; /* 150% */
  }
  .blog-wrapper.page-wrapper .mrtop {
    padding-bottom: 32px;
    padding-top: 32px;
    width: 92%;
    margin-right: auto;
    margin-left: auto;
  }
  .single-post .blog-wrapper.page-wrapper .mrtop {
    padding-bottom: 0px;
    padding-top: 0px;
  }
  .thongtin .flickity__description {
    font-size: 16px;
    line-height: 24px;
  }
  .thongtin .flickity__title {
    font-size: 18px;
    line-height: 26px;
  }
  .thongtin.box-text .box-text-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    align-self: stretch;
  }
  /* Đảm bảo các trạng thái không làm mất bo góc */
  .off-canvas-center .nav-vertical > li > a:focus,
  .off-canvas-center .nav-vertical > li > a:active {
    border-radius: 100px; /* Đặt lại giá trị bo góc */
    outline: none; /* Loại bỏ khung viền focus nếu không cần */
  }
  .remove-br {
    display: none;
  }
  .topf > .col.medium-10 > .col-inner {
    gap: 20px;
  }
  .diachif.row:not(.row-collapse) {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html[lang="zh-CN"] .logox h2 .split-heading__line {
    max-width: 312px;
  }
  .logox h2 .split-heading__line {
    max-width: 230px;
    margin-left: auto;
    margin-right: auto;
  }
  .site-banner--sticky-img .site-banner__img-content {
    max-width: 100%;
  }
  .tvideok {
    padding-top: 32px;
    padding-bottom: 16px;
  }
  .col.video-quote__txt .col-inner {
    width: 100%;
    padding-right: 0;
    padding-bottom: 16px;
  }
  div.wpforms-container
    .wpforms-form
    .wpforms-field:not(.wpforms-field-phone):not(
      .wpforms-field-select-style-modern
    ):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(
      .wpforms-field-layout
    ) {
    overflow-x: hidden;
    overflow-y: hidden !important;
  }
  h3.project-preview__title {
    font-size: 20px;
    line-height: 28px;
  }
  .csidebar .nguon {
    font-size: 14px;
    line-height: 20px;
  }
  .postdt .thoigian {
    font-size: 14px;
    line-height: 20px;
  }
  .entry-content.single-page .cttin p {
    font-size: 16px;
    line-height: 24px;
  }
  .listcauhoi .accordion-title.active {
    background-color: transparent;
    color: #fff;
  }
  .listcauhoi .accordion-title.active:before {
    width: 100%;
  }
  .anhbntd {
    padding-top: 80px;
  }
}

/**end670px**/
@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .large-video__slide--left,
  .large-video__slide--right,
  .large-video__btn {
    opacity: 1;
  }

  .large-video.active .large-video__slide--left,
  .large-video.active .large-video__slide--right,
  .large-video.active .large-video__btn {
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .large-video__slide--left,
  .large-video__slide--right,
  .large-video__btn {
    opacity: 1;
  }

  .large-video.active .large-video__slide--left,
  .large-video.active .large-video__slide--right,
  .large-video.active .large-video__btn {
    opacity: 0;
  }
}

/* Background fill */
.video-stamp [data-name="background"] {
  fill: transparent;
}

/* Slide Transformations */
.large-video__slide--left {
  left: 0;
}

.large-video__slide--right {
  right: 0;
}

.large-video__slide.slide-out-left {
  transform: translateX(-100%);
}

.large-video__slide.slide-out-right {
  transform: translateX(100%);
}

/* Responsive Styling */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
  .intro-overlap {
    width: calc(100% - 100px);
  }

  .video-stamp {
    width: 104px;
    height: 104px;
  }

  .usp-headings__item {
    margin-top: 30px;
  }
}
@media (min-width: 1023px) and (max-width: 1024px) {
  .vertical-tabs__tab {
    border-left: 1px solid #c1eaff;
  }
  .vertical-tabs__tab-txt h3 {
    visibility: visible;
  }
  .vertical-tabs__tab-info-title h3 {
    transform: rotate(180deg);
    writing-mode: vertical-rl;
    white-space: normal;
    max-height: 340px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 671px) {
  .video-stamp,
  .video-stamp svg {
    width: 104px;
    height: 104px;
  }

  .usp-headings__item {
    margin-top: 20px;
  }
}

@media screen and (max-width: 670px) and (min-width: 351px) {
  .video-stamp,
  .video-stamp svg {
    width: 104px;
    height: 104px;
  }
}

@media screen and (max-width: 670px) {
  .video-stamp,
  .video-stamp svg {
    width: 60px;
    height: 60px;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .animations-enabled .video-stamp [data-name="text"] {
    animation: stamp-spin-outer 12s infinite linear;
  }

  @keyframes stamp-spin-outer {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }
}

@media not all and (hover: none),
  (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .video-stamp:hover [data-name="text"] {
    color: transparent;
  }
}
@media screen and (prefers-reduced-motion: no-preference) {
  [data-animate="img"][data-animated]::after {
    transform: scaleY(0);
    opacity: 0;
    transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s,
      opacity ease 0s 0.6s;
  }
  [data-animate="words"] .split-heading__line {
    overflow: unset;
    line-height: 100%;
  }
}
@media screen and (prefers-reduced-motion: no-preference) {
  [data-animate="img"]::after {
    content: "";
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    position: absolute;
    bottom: -1px;
    left: -1px;
    transform-origin: 50% 0;
    pointer-events: none;
    background-color: #ede9e2;
    z-index: 2;
  }
  [data-animate="img"]::after {
    content: "";
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    position: absolute;
    bottom: -1px;
    left: -1px;
    transform-origin: 50% 0;
    pointer-events: none;
    background-color: #ede9e2;
    z-index: 2;
  }
  [data-animate="img"][data-animated]::after {
    transform: scaleY(0);
    opacity: 0;
    transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s,
      opacity ease 0s 0.6s;
  }
}
@supports (height: 100svh) {
  .home1 .fill {
    height: 100svh;
  }
  body:not(.no-touch) .site-banner--sticky-img .site-banner__content {
    max-height: 100svh;
  }
  body:not(.no-touch) .site-banner--sticky-img .site-banner__content-inner {
    max-height: 100svh; /* Áp dụng nếu trình duyệt hỗ trợ svh */
  }
  body:not(.no-touch) .site-banner--sticky-img .site-banner__content::before {
    height: 100svh;
  }
}

@supports (height: 100dvh) {
  .home1 .fill {
    height: 100dvh;
  }
  body:not(.no-touch) .site-banner--sticky-img .site-banner__content {
    max-height: 100dvh;
  }
  body:not(.no-touch) .site-banner--sticky-img .site-banner__content-inner {
    max-height: 100dvh; /* Ưu tiên nếu trình duyệt hỗ trợ dvh */
  }
  body:not(.no-touch) .site-banner--sticky-img .site-banner__content::before {
    height: 100dvh;
  }
}

@supports (height: 100lvh) {
  .home1 .fill {
    height: 100lvh;
  }
  body:not(.no-touch) .site-banner--sticky-img .site-banner__content {
    max-height: 100lvh;
  }
  body:not(.no-touch) .site-banner--sticky-img .site-banner__content-inner {
    max-height: 100lvh; /* Cao nhất nếu trình duyệt hỗ trợ lvh */
    /*    margin-top: -80px;*/
  }
  body:not(.no-touch) .site-banner--sticky-img .site-banner__content::before {
    height: 100lvh;
    width: 100%;
  }
  body:not(.no-touch) .site-banner--sticky-img .site-banner__img {
    width: 100%;
    /* height: 100lvh;*/
    position: relative;
    /*  z-index: 700;*/
  }
}
@media (hover: none) {
  .btn:hover {
    background-color: initial; /* Loại bỏ hiệu ứng hover */
  }
  .dark .nav > li > a:hover {
    color: var(--Neutral-Text, #273243);
  }
}
@media (pointer: coarse) {
  .btn:hover {
    background-color: initial; /* Loại bỏ hiệu ứng hover trên thiết bị cảm ứng */
    cursor: default;
  }
}