.top-banner {
  position: relative;
}
.top-banner a {
  position: relative;
}
@media (min-width: 1024.1px) {
  .top-banner a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 50%;
  }
  .top-banner a img, .top-banner a svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    transition: 0.3s ease-in-out all;
  }
}
@media (max-width: 1024px) {
  .top-banner a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 114.4278606965%;
  }
  .top-banner a img, .top-banner a svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    transition: 0.3s ease-in-out all;
  }
}

.global-breadcrumb {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));
}
.global-breadcrumb h2, .global-breadcrumb .heading-banner {
  display: none;
}

.rank-math-breadcrumb {
  height: auto;
  min-height: 44px;
  overflow-x: auto;
  padding-top: 0.4166666666666667rem;
  padding-bottom: 0.4166666666666667rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 2.3958333333rem;
}
@media screen and (max-width: 768px) {
  .rank-math-breadcrumb {
    justify-content: flex-start;
  }
}
.rank-math-breadcrumb p {
  position: relative;
  margin-bottom: 0;
  white-space: nowrap;
  font-size: clamp(14px, calc(16 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.8333333333333334rem);
  line-height: 1.4;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1));
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1024px) {
  .rank-math-breadcrumb p {
    --tw-text-opacity: 1;
    color: rgb(129 129 129 / var(--tw-text-opacity, 1));
  }
}
@media screen and (max-width: 768px) {
  .rank-math-breadcrumb p {
    justify-content: flex-start;
  }
}
@media (max-width: 768px) {
  .rank-math-breadcrumb p {
    font-size: clamp(14px, calc(16 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.8333333333333334rem);
    line-height: 1.4;
  }
}
.rank-math-breadcrumb p * {
  font-weight: 400;
}
.rank-math-breadcrumb p span {
  white-space: nowrap;
  font-size: clamp(14px, calc(16 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.8333333333333334rem);
  line-height: 1.4;
}
.rank-math-breadcrumb p span * {
  font-size: clamp(14px, calc(16 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.8333333333333334rem);
  line-height: 1.4;
}
@media (max-width: 768px) {
  .rank-math-breadcrumb p span {
    font-size: clamp(14px, calc(16 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.8333333333333334rem);
    line-height: 1.4;
  }
  .rank-math-breadcrumb p span * {
    font-size: clamp(14px, calc(16 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.8333333333333334rem);
    line-height: 1.4;
  }
}
.rank-math-breadcrumb p .separator {
  margin: 0;
  padding: 0 8px;
  font-size: 0;
  width: auto;
  position: relative;
}
@media (min-width: 1600px) {
  .rank-math-breadcrumb p .separator {
    padding-left: 0.4166666666666667rem;
    padding-right: 0.4166666666666667rem;
  }
}
@media screen and (max-width: 1024px) {
  .rank-math-breadcrumb p .separator {
    margin-left: 0;
    margin-right: 0;
  }
}
.rank-math-breadcrumb p .separator:first-child {
  margin-left: 18px !important;
}
@media (min-width: 1600px) {
  .rank-math-breadcrumb p .separator:first-child {
    margin-right: 1.0416666666666667rem !important;
  }
}
.rank-math-breadcrumb p .separator:after {
  content: "";
  pointer-events: none;
  z-index: 10;
  display: block;
  --tw-bg-opacity: 1;
  background-color: rgb(129 129 129 / var(--tw-bg-opacity, 1));
  font-size: clamp(14px, calc(16 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.8333333333333334rem);
  line-height: 1.4;
  font-weight: 400;
  height: 16px;
  width: 1px;
}
@media screen and (max-width: 1024px) {
  .rank-math-breadcrumb p .separator:after {
    font-size: 14px;
    --tw-bg-opacity: 1;
    background-color: rgb(129 129 129 / var(--tw-bg-opacity, 1));
    left: -6px;
  }
}
.rank-math-breadcrumb p .last {
  font-weight: 700 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(12 92 37 / var(--tw-text-opacity, 1)) !important;
}
.rank-math-breadcrumb p .last:not(:last-child) {
  font-weight: 400 !important;
}
.rank-math-breadcrumb p a {
  position: relative;
  white-space: nowrap;
  font-size: clamp(14px, calc(16 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.8333333333333334rem);
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1));
}
@media (max-width: 1024px) {
  .rank-math-breadcrumb p a {
    --tw-text-opacity: 1;
    color: rgb(129 129 129 / var(--tw-text-opacity, 1));
  }
}
@media screen and (max-width: 1024px) {
  .rank-math-breadcrumb p a {
    font-size: clamp(14px, calc(16 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.8333333333333334rem);
    line-height: 1.4;
  }
}
.rank-math-breadcrumb p a + .separator {
  margin: 0;
}
.rank-math-breadcrumb p a:first-child {
  font-size: 0;
}
.rank-math-breadcrumb p a:first-child:before {
  font-family: 'Material Symbols Outlined';
  font-size: clamp(18px, calc(20 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 1.0416666666666667rem);
  line-height: 1.4;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1));
  content: "\e88a";
}

header {
  height: var(--header-height);
  border-bottom-color: transparent;
}
header::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 9;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  height: 100%;
  width: 100%;
}
header::after {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  opacity: 0;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out;
}
@media (max-width: 1200px) {
  header::after {
    opacity: 1;
  }
}
@media (min-width: 1600px) {
  header .container-xxl {
    padding: 0 8.3333333333rem;
  }
}

.site-menu-toggle {
  margin-top: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  min-width: 40px;
}
.site-menu-toggle .hamburger {
  margin-top: 0.20833333333333334rem;
}
@media (min-width: 1200.1px) {
  .site-menu-toggle {
    display: none;
  }
}

@media (max-width: 1200px) {
  .nav-brand {
    z-index: 50;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.nav-brand a {
  height: 50px;
  width: 100%;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .4s all ease-in-out;
}
@media screen and (min-width: 1200px) {
  .nav-brand a {
    justify-content: flex-start;
    height: clamp(64px, calc(64 / var(--design-width, 1920) * var(--design-vw, 100vw)), calc(64 / var(--design-width, 1920) * var(--design-vw, 100vw)));
  }
}
.nav-brand a img, .nav-brand a svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.mobile-nav-wrap {
  position: fixed;
  left: 0;
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.6666666666666667rem;
  padding-bottom: 1.6666666666666667rem;
  top: var(--header-height);
  bottom: 0;
  height: calc(100vh - var(--header-height));
  height: calc(100dvh - var(--header-height));
  z-index: 9999;
  background-color: #f5f5f5;
  padding-bottom: calc(2rem + env(safe-area-inset-bottom, 0px));
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transform: translateX(-100%);
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mobile-nav-wrap::before {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out;
  background-color: #f5f5f5;
}
@media (min-width: 768.1px) {
  .mobile-nav-wrap {
    width: 320px;
  }
}
@media screen and (min-width: 1200px) {
  .mobile-nav-wrap {
    display: none;
  }
}
.mobile-nav-wrap.is-open {
  transform: none;
}
.mobile-nav-wrap .close-menu {
  position: relative;
  z-index: 40;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.mobile-nav-wrap .close-menu em, .mobile-nav-wrap .close-menu span {
  font-weight: 700;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(235 35 41 / var(--tw-text-opacity, 1));
}
.mobile-nav-wrap .close-menu em {
  font-size: clamp(26px, calc(30 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 1.5625rem);
  line-height: 1.3;
}
.mobile-nav-wrap .close-menu span {
  margin-left: 0.625rem;
  font-size: clamp(18px, calc(20 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 1.0416666666666667rem);
  line-height: 1.4;
}
.mobile-nav-wrap .mobile-top-nav {
  display: none;
}
.mobile-nav-wrap .mobile-top-nav .close-menu {
  display: none !important;
}
.mobile-nav-wrap .btn-booking {
  position: relative;
  z-index: 50;
  margin-top: 2.0833333333333335rem;
  display: flex;
  --tw-bg-opacity: 1;
  background-color: rgb(235 35 41 / var(--tw-bg-opacity, 1));
  padding-top: 0.4166666666666667rem;
  padding-bottom: 0.4166666666666667rem;
  padding-left: 1.6666666666666667rem;
  padding-right: 1.6666666666666667rem;
}
.mobile-nav-wrap .btn-booking em, .mobile-nav-wrap .btn-booking i {
  background: white !important;
  margin-right: 0.4166666666666667rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(235 35 41 / var(--tw-text-opacity, 1)) !important;
}
.mobile-nav-wrap .btn-booking span {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media (max-width: 768px) {
  .mobile-nav-wrap .btn-booking span {
    display: block;
  }
}

.header-btn-group {
  position: relative;
  border-radius: 1.0416666666666667rem;
}
@media (max-width: 1024px) {
  .header-btn-group {
    padding-left: 0.625rem;
  }
}
.header-btn-group::before, .header-btn-group::after {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 9999px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
@media (max-width: 1200px) {
  .header-btn-group::before, .header-btn-group::after {
    border-color: rgb(12 92 37 / var(--tw-border-opacity, 1));
    --tw-border-opacity: 0.4;
  }
}
.header-btn-group:before {
  opacity: 0;
  border: 1px solid rgba(32, 32, 32, 0.4);
}
@media (max-width: 1200px) {
  .header-btn-group:before {
    display: none;
  }
}

.page-template-template_home footer {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));
}

footer {
  background: linear-gradient(278deg, #0C5C25 -38.71%, #138D38 83.79%, #138E39 104.86%);
}
footer .dash {
  height: 1px;
}
footer address {
  text-align: left;
  font-size: clamp(14px, calc(16 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.8333333333333334rem);
  line-height: 1.4;
  font-style: normal;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
footer address * {
  font-size: clamp(14px, calc(16 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.8333333333333334rem);
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
footer address strong {
  margin-right: 0.20833333333333334rem;
  white-space: nowrap;
  font-weight: 700;
}
footer address strong * {
  font-weight: 700;
}
footer address ul, footer address ol {
  display: block;
}
footer address li {
  margin-bottom: 0.625rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 576px) {
  footer address li {
    display: block;
  }
}
footer address li:first-child:before {
  display: none;
}
footer address p {
  margin-bottom: 0;
}
footer address a:hover {
  text-decoration-line: underline;
}
footer .top-row {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
footer .top-row .col {
  border-right-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 0.2;
}
@media (max-width: 1024px) {
  footer .top-row .col {
    border-style: none;
  }
}
@media (min-width: 1024.1px) {
  footer .top-row .col {
    padding-left: 2.0833333333333335rem;
    padding-right: 2.0833333333333335rem;
  }
}
footer .top-row .col:first-child {
  padding-left: 0;
}
@media (max-width: 576px) {
  footer .top-row .col:first-child {
    border-bottom-width: 1px;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    --tw-border-opacity: 0.2;
  }
}
footer .top-row .col:last-child {
  border-style: none;
  padding-right: 0;
}
@media (max-width: 1024px) {
  footer .bottom-row {
    flex-direction: column-reverse;
    gap: 1.25rem;
    text-align: center;
  }
}
footer .qr-code .txt {
  padding-top: 0.4166666666666667rem;
  padding-bottom: 0.4166666666666667rem;
}
footer .qr-code p {
  margin-bottom: 0;
}

@media (max-width: 576px) {
  .footer-menu {
    border-bottom-width: 1px;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    --tw-border-opacity: 0.2;
    padding-bottom: 18px;
  }
  .footer-menu ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 0.8333333333333334rem;
  }
}
@media (min-width: 576.1px) {
  .footer-menu li:not(:last-child) {
    margin-bottom: 0.4166666666666667rem;
  }
}
.footer-menu li a {
  position: relative;
  font-size: clamp(14px, calc(16 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.8333333333333334rem);
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out;
}
@media (max-width: 576px) {
  .footer-menu li a {
    padding-bottom: 2px;
    font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
    line-height: 1.4;
  }
}
.footer-menu li a::after {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 1px;
  width: 100%;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.8;
  opacity: 0;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out;
}
@media (max-width: 576px) {
  .footer-menu li a::after {
    --tw-bg-opacity: 0.6;
  }
}
.footer-menu li:hover a::after, .footer-menu li.current-menu-item a::after, .footer-menu li.current-category-ancestor a::after, .footer-menu li.current-menu-ancestor a::after, .footer-menu li.current-menu-parent a::after, .footer-menu li.current-category-parent a::after, .footer-menu li.current-money-map-category-ancestor a::after, .footer-menu li.current-post-ancestor a::after, .footer-menu li.current-project-ancestor a::after {
  opacity: 1;
}

.social a {
  height: 40px;
  width: 40px;
  min-width: 40px;
  flex-direction: column-reverse;
  border-radius: 0.625rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.2;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .4s all ease-in-out;
}
@media (min-width: 1600px) {
  .social a {
    width: clamp(40px, calc(48 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 2.5rem);
    height: clamp(40px, calc(48 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 2.5rem);
    min-width: 40px;
    min-height: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .social a > em,.social a > i,.social a > svg {
    max-width: 100%;
    max-height: 100%;
    display: block;
    font-size: inherit;
  }
  .social a > img,.social a picture > img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    display: block;
  }
  @media (max-width: 1200px) {
    .social a {
      width: 40px;
      height: 40px;
      min-width: 40px;
      min-height: 40px;
    }
  }
}
.social a i, .social a em {
  font-size: clamp(20px, calc(24 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 1.25rem);
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.social a:hover {
  transform: translateY(-5px);
}

.policy-nav {
  width: 100%;
}
.policy-nav li:last-child::after {
  display: none;
}
.policy-nav li:hover a, .policy-nav li.active a {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(41 41 41 / var(--tw-border-opacity, 1));
}
.policy-nav li::after {
  content: "|";
  position: relative;
  z-index: 10;
  margin-left: 0.20833333333333334rem;
  margin-right: 0.20833333333333334rem;
  display: inline-block;
  height: 100%;
  width: 100%;
  font-size: clamp(14px, calc(14 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.7291666666666667rem);
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(41 41 41 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out;
}

.map-wrap {
  display: block;
  height: 14.1145833333rem;
  min-height: 270px;
  overflow: hidden;
  border-radius: 0.625rem;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .map-wrap {
    height: 400px;
  }
}
@media screen and (max-width: 576px) {
  .map-wrap {
    height: 300px;
  }
}
.map-wrap iframe {
  display: inline-block;
  height: 100%;
  width: 100%;
}

.copyright p {
  margin-bottom: 0;
}

.otgs-development-site-front-end {
  display: none !important;
}

.modulepager, .post-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 2.5rem;
  padding-bottom: 0;
}
.modulepager ul, .post-nav ul {
  padding: 0;
  margin: 0;
  position: relative;
  gap: 0.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1200.1px) {
  .modulepager ul, .post-nav ul {
    gap: 1.0416666666666667rem;
  }
}
.modulepager ul li, .post-nav ul li {
  display: inline-block;
}
.modulepager ul li span, .modulepager ul li a, .post-nav ul li span, .post-nav ul li a {
  position: relative;
  isolation: isolate;
}
.modulepager ul li span::after, .modulepager ul li a::after, .post-nav ul li span::after, .post-nav ul li a::after {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: -1;
  border-radius: inherit;
  transition: opacity 0.4s ease-in-out;
  border: 2px solid transparent;
  background: linear-gradient(90deg, #0C5C25 0%, #138E39 100%) padding-box, linear-gradient(90deg, #6BC186 0%, #05521D 100%) border-box;
  box-shadow: 0 0 16px 0 rgba(107, 193, 134, 0.5);
}
.modulepager ul li span:hover::after, .modulepager ul li a:hover::after, .post-nav ul li span:hover::after, .post-nav ul li a:hover::after {
  opacity: 1;
}
.modulepager ul li span:hover, .modulepager ul li a:hover, .post-nav ul li span:hover, .post-nav ul li a:hover {
  box-shadow: 0 0 16px 0 rgba(107, 193, 134, 0.5);
}
.modulepager ul li span, .modulepager ul li a, .post-nav ul li span, .post-nav ul li a {
  transition: 0.3s all ease-in-out;
  text-decoration: none;
  border-radius: var(--Spacing-21, 84px);
  border: 1px solid #0C5C25;
  min-height: 40px;
  min-width: 40px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
  line-height: 1.4;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(12 92 37 / var(--tw-text-opacity, 1));
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1024.1px) {
  .modulepager ul li span, .modulepager ul li a, .post-nav ul li span, .post-nav ul li a {
    width: clamp(40px, calc(48 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 2.5rem);
    height: clamp(40px, calc(48 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 2.5rem);
    min-width: 40px;
    min-height: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .modulepager ul li span > em,.modulepager ul li span > i,.modulepager ul li span > svg, .modulepager ul li a > em, .modulepager ul li a > i, .modulepager ul li a > svg, .post-nav ul li span > em, .post-nav ul li span > i, .post-nav ul li span > svg, .post-nav ul li a > em, .post-nav ul li a > i, .post-nav ul li a > svg {
    max-width: 100%;
    max-height: 100%;
    display: block;
    font-size: inherit;
  }
  .modulepager ul li span > img,.modulepager ul li span picture > img, .modulepager ul li a > img, .modulepager ul li a picture > img, .post-nav ul li span > img, .post-nav ul li span picture > img, .post-nav ul li a > img, .post-nav ul li a picture > img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    display: block;
  }
  @media (max-width: 1200px) {
    .modulepager ul li span, .modulepager ul li a, .post-nav ul li span, .post-nav ul li a {
      width: 40px;
      height: 40px;
      min-width: 40px;
      min-height: 40px;
    }
  }
}
.modulepager ul li.active a, .modulepager ul li.active span, .modulepager ul li:hover a, .modulepager ul li:hover span, .post-nav ul li.active a, .post-nav ul li.active span, .post-nav ul li:hover a, .post-nav ul li:hover span {
  border-color: transparent;
  background-image: linear-gradient(90deg, #0C5C25 0%, #138E39 100%);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  box-shadow: 0 0 16px 0 rgba(107, 193, 134, 0.5);
}
.modulepager ul li.active a::after, .modulepager ul li.active span::after, .modulepager ul li:hover a::after, .modulepager ul li:hover span::after, .post-nav ul li.active a::after, .post-nav ul li.active span::after, .post-nav ul li:hover a::after, .post-nav ul li:hover span::after {
  opacity: 1;
}
.modulepager ul .next a, .post-nav ul .next a {
  white-space: nowrap;
}

.gioithieu-1 .card {
  background: radial-gradient(100% 100% at 24.72% 100%, #007D27 0%, #0C5C25 100%);
  border-radius: 1.6666666667rem;
}
@media (max-width: 1024px) {
  .gioithieu-1 .card .img {
    margin-bottom: 1.6666666666666667rem;
  }
  .gioithieu-1 .card .img a {
    padding-top: 45%;
  }
  .gioithieu-1 .card .img a img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (max-width: 768px) {
  .gioithieu-1 .card .img a {
    padding-top: 105%;
  }
}
.gioithieu-1 .card img {
  -o-object-fit: contain;
     object-fit: contain;
  top: unset !important;
  bottom: 0 !important;
}
@media (min-width: 1200.1px) {
  .gioithieu-1 .card img {
    max-height: 26.0416666667rem;
  }
}
.gioithieu-1 .quotes {
  background-image: url("../img/icon/qoutes.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  height: 38px;
  width: 30px;
  min-width: 30px;
}
@media (min-width: 1600px) {
  .gioithieu-1 .quotes {
    height: 1.6666666666666667rem;
    width: 2.03125rem;
    min-width: 2.03125rem;
  }
}
.gioithieu-1 .zone-desc {
  font-weight: 400;
}
.gioithieu-1 .zone-desc * {
  font-weight: 400;
}
.gioithieu-1 .zone-desc strong {
  margin-right: 0.20833333333333334rem;
  font-weight: 700;
}
.gioithieu-1 .zone-desc strong * {
  font-weight: 700;
}
.gioithieu-1 .scrollbar-wrap {
  max-height: 22.9166666667rem;
}

.about-hover-section .media {
  pointer-events: none;
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 19 / var(--tw-bg-opacity, 1));
}
.about-hover-section .media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 10;
  background-color: rgb(17 17 19 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.3;
}
.about-hover-section .media .media-item {
  opacity: 0;
  transition: opacity 900ms ease-in-out 900ms;
}
.about-hover-section .media .media-item.is-active {
  z-index: 2;
  opacity: 1;
  transition: opacity 900ms ease-in-out 0s;
}
.about-hover-section .media img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  transition: opacity 600ms ease-in-out;
}
.about-hover-section .media img[data-loaded=true] {
  opacity: 1;
}
@media (min-width: 1024.1px) {
  .about-hover-section .desc {
    max-width: 51.04166666666667rem;
  }
  .about-hover-section .col:first-child {
    width: 20rem;
  }
}
.about-hover-section nav.list button {
  border-color: transparent;
  text-align: left;
  color: rgb(255 255 255 / 0.6);
  white-space: nowrap;
  border-bottom-width: 2px;
  padding-bottom: 0.625rem;
}
@media (max-width: 1024px) {
  .about-hover-section nav.list button {
    font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
    line-height: 1.4;
  }
}
@media (min-width: 1024.1px) {
  .about-hover-section nav.list button {
    border-bottom-width: 0;
    padding-bottom: 0;
  }
}
.about-hover-section nav.list button[aria-selected=true] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (max-width: 1024px) {
  .about-hover-section nav.list button[aria-selected=true] {
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(225 170 57 / var(--tw-border-opacity, 1));
  }
}
@media (min-width: 1024.1px) {
  .about-hover-section nav.list button[aria-selected=true] {
    border-left-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(225 170 57 / var(--tw-border-opacity, 1));
    padding-left: 1.0416666666666667rem;
  }
}
@media (max-width: 1024px) {
  .about-hover-section nav.list {
    padding-bottom: 0.20833333333333334rem;
  }
  .about-hover-section nav.list::-webkit-scrollbar {
    height: 2px;
  }
  .about-hover-section nav.list::-webkit-scrollbar-thumb {
    background-color: rgb(255 255 255 / 0.4);
  }
}
.about-hover-section .panels {
  display: grid;
}
.about-hover-section .heading-2 {
  text-transform: none;
}
.about-hover-section .panel {
  grid-area: 1/1;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transform: translateY(0.8333333333rem);
  transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s 0.5s;
}
.about-hover-section .panel[hidden] {
  display: block !important;
}
.about-hover-section .panel.active {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
  transform: none;
  transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s 0s;
}

.about-choose-us .item {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out;
}
.about-choose-us .item:hover {
  --tw-border-opacity: 1;
  border-color: rgb(225 170 57 / var(--tw-border-opacity, 1));
}
.about-choose-us .item:hover .icon .img-default {
  opacity: 0;
}
.about-choose-us .item:hover .icon .img-hover {
  opacity: 1;
}
.about-choose-us .item:hover .counter {
  background-position: 0% 100%;
}
.about-choose-us .item:hover .heading-4 {
  --tw-text-opacity: 1;
  color: rgb(225 170 57 / var(--tw-text-opacity, 1));
}
@media (max-width: 1024px) {
  .about-choose-us .item {
    border-style: none;
  }
}
.about-choose-us .icon {
  position: relative;
  flex: none;
  width: clamp(56px, calc(64 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 3.3333333333333335rem);
  height: clamp(56px, calc(64 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 3.3333333333333335rem);
  min-width: 56px;
  min-height: 56px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.about-choose-us .icon > em,.about-choose-us .icon > i,.about-choose-us .icon > svg {
  max-width: 100%;
  max-height: 100%;
  display: block;
  font-size: inherit;
}
.about-choose-us .icon > img,.about-choose-us .icon picture > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
@media (max-width: 1200px) {
  .about-choose-us .icon {
    width: 56px;
    height: 56px;
    min-width: 56px;
    min-height: 56px;
  }
}
.about-choose-us .icon img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
.about-choose-us .icon img.img-hover {
  opacity: 0;
}
.about-choose-us .icon img.img-default {
  opacity: 1;
}
.about-choose-us .counter {
  background: linear-gradient(180deg, rgba(12, 92, 37, 0.2) 0%, rgba(12, 92, 37, 0) 50%, rgba(225, 170, 57, 0.5) 50%, rgba(225, 170, 57, 0.05) 100%);
  background-size: 100% 200%;
  background-position: 0% 0%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: background-position 0.4s ease;
}
@media (min-width: 1200.1px) {
  .about-choose-us .counter {
    line-height: 0.8;
  }
}
@media (max-width: 1024px) {
  .about-choose-us .heading-4 br {
    display: none;
  }
}

@media (min-width: 1200.1px) {
  .about-number {
    padding: 7.1875rem 0;
  }
}
.about-number .heading-2 {
  text-transform: none;
  line-height: 1;
}
@media (max-width: 1200px) {
  .about-number .heading-2 {
    font-size: clamp(20px, calc(24 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 1.25rem);
    line-height: 1.35;
  }
}
.about-number .box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-items: flex-end;
}
.about-number .counter sup {
  font-size: clamp(44px, calc(56 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 2.916666666666667rem);
  line-height: 1.15;
}
@media (max-width: 1200px) {
  .about-number .counter sup {
    font-size: clamp(26px, calc(30 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 1.5625rem);
    line-height: 1.3;
  }
}
.about-number .content {
  min-height: 0;
}
.about-number .heading-4 {
  font-weight: 700;
}

.duan-view-360 .media {
  --tw-bg-opacity: 1;
  background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
}
.duan-view-360 .play-360 {
  z-index: 10;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(12 92 37 / var(--tw-bg-opacity, 1));
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 5.2083333333rem;
  height: 5.2083333333rem;
}
.duan-view-360 .play-360::before, .duan-view-360 .play-360::after, .duan-view-360 .play-360 .sonar::before, .duan-view-360 .play-360 .sonar::after {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
  border-radius: 9999px;
  border-width: 20px;
  --tw-border-opacity: 1;
  border-color: rgb(12 92 37 / var(--tw-border-opacity, 1));
  opacity: 0.5;
  animation: sonar 2s infinite ease-out;
}
.duan-view-360 .play-360::after {
  animation-delay: 0.5s;
}
.duan-view-360 .play-360 .sonar {
  pointer-events: none;
  position: absolute;
  inset: 0;
}
.duan-view-360 .play-360 .sonar::before {
  animation-delay: 1s;
}
.duan-view-360 .play-360 .sonar::after {
  animation-delay: 1.5s;
}
.duan-view-360 .play-360 svg, .duan-view-360 .play-360 img {
  max-width: 2.6041666667rem;
  position: relative;
  z-index: 900;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@keyframes sonar {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
.duan-du-an-khu-dan-cu {
  position: relative;
  min-height: 44.84375rem;
}
@media (min-width: 1024.1px) {
  .duan-du-an-khu-dan-cu {
    height: 44.84375rem;
  }
}
.duan-du-an-khu-dan-cu .headling-3 {
  margin-bottom: 0;
  line-height: 1.1;
}
@media (min-width: 1024.1px) {
  .duan-du-an-khu-dan-cu .back-swiper {
    position: absolute;
    inset: 0;
    z-index: 0;
  }
}
.duan-du-an-khu-dan-cu .swiper-wrapper,
.duan-du-an-khu-dan-cu .swiper-slide {
  height: 100% !important;
}
@media (max-width: 1024px) {
  .duan-du-an-khu-dan-cu .img {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 44.7916666667%;
  }
  .duan-du-an-khu-dan-cu .img img, .duan-du-an-khu-dan-cu .img svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    transition: 0.3s ease-in-out all;
  }
}
@media (min-width: 1024.1px) {
  .duan-du-an-khu-dan-cu .img {
    height: 100%;
    width: 100%;
  }
  .duan-du-an-khu-dan-cu .img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.duan-du-an-khu-dan-cu .panel {
  position: relative;
  z-index: 10;
}
@media (max-width: 1024px) {
  .duan-du-an-khu-dan-cu .panel {
    display: flex;
    height: 100%;
    flex-direction: column-reverse;
  }
}
@media (min-width: 1024.1px) {
  .duan-du-an-khu-dan-cu .panel {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-items: flex-end;
    gap: 1.25rem;
  }
}
@media (max-width: 1024px) {
  .duan-du-an-khu-dan-cu .swiper-nav {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.duan-du-an-khu-dan-cu .card {
  position: relative;
  gap: 2.0833333333333335rem;
}
.duan-du-an-khu-dan-cu .card::after {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 10px;
  width: 100%;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out;
  background: linear-gradient(270deg, #E1AA39 38.61%, #0C5C25 60.12%);
}
.duan-du-an-khu-dan-cu .desc p {
  margin-bottom: 0;
}
.duan-du-an-khu-dan-cu hr {
  width: 100%;
  border-width: 0;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
}
.duan-du-an-khu-dan-cu .heading-3 {
  margin-bottom: 0;
}

.hatang-list .block-wrap:nth-child(even) {
  background: rgba(12, 92, 37, 0.05);
}
.hatang-list .heading-2 {
  text-transform: none !important;
}

.item-infrastructure .panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding: 0.8333333333rem;
}
.item-infrastructure .box {
  border-radius: 0.4166666666666667rem;
  border-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 0.2;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  backdrop-filter: blur(10px);
  padding: 1.25rem;
}
@media (max-width: 1024px) {
  .item-infrastructure .txt-grid {
    grid-template-rows: 1fr;
  }
}
.item-infrastructure:hover .box {
  background: linear-gradient(92deg, rgba(12, 92, 37, 0.2) 1.7%, rgba(0, 37, 11, 0.2) 100%);
}
.item-infrastructure:hover .txt-grid {
  grid-template-rows: 1fr;
}

.duan-detail-1 hr {
  width: 100%;
  border-width: 0;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
}
.duan-detail-1 .divider {
  flex: none;
  align-self: stretch;
  background: #EFEFEF;
  width: 1px;
  min-height: 10.4166666667rem;
}
.duan-detail-1 .wrap.init-swiper {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.duan-detail-1 .wrap.init-swiper .swiper-slide {
  width: 49.5833333333rem;
  max-width: 100%;
}
.duan-detail-1 .list tr {
  --tw-border-opacity: 1 !important;
  border-color: rgb(239 239 239 / var(--tw-border-opacity, 1)) !important;
}
.duan-detail-1 .list td:nth-child(2) {
  padding-left: 0.4166666666666667rem;
  text-align: left;
}
.duan-detail-1 .swiper-example-center {
  --center-slide-w: 68%;
}
@media (max-width: 576px) {
  .duan-detail-1 .swiper-example-center {
    --center-slide-w: 100%;
  }
}
.duan-detail-1 .swiper-example-center {
  --mr: r(12px) !important;
}
.duan-detail-1 .swiper-example-center .swiper-slide {
  width: var(--center-slide-w);
}
.duan-detail-1 .swiper-example-center .swiper-slide:not(.swiper-slide-active) {
  transform: scale(0.96);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.duan-detail-1 .swiper-example-center .swiper-slide:not(.swiper-slide-active) .img {
  position: relative;
  border-radius: 0.625rem;
  opacity: 0.5;
}
.duan-detail-1 .swiper-example-center .swiper-slide:not(.swiper-slide-active) .img::after {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 0.625rem;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.6;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out;
}
.duan-detail-1 .swiper-example-center .swiper-slide-active {
  opacity: 1;
  transform: scale(1);
}
@media (min-width: 1200.1px) {
  .duan-detail-1 .swiper-example-center .swiper-nav .prev {
    left: 4.7916666667rem;
  }
  .duan-detail-1 .swiper-example-center .swiper-nav .next {
    right: 4.7916666667rem;
  }
}
.duan-detail-1 .heading-7 {
  margin-bottom: 0;
  font-size: clamp(14px, calc(16 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.8333333333333334rem);
  line-height: 1.4;
}

.duan-khach-hang-noi-bat .card {
  gap: 1.25rem;
  padding: 1.0416666667rem;
  border-radius: 1.0416666667rem;
  display: flex;
  height: 100%;
  flex-direction: column;
}
.duan-khach-hang-noi-bat .card .img {
  flex: 0 0 auto;
  width: 100%;
}
.duan-khach-hang-noi-bat .card .content {
  flex: 0 1 auto;
  height: 100%;
}
.duan-khach-hang-noi-bat .img {
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  display: flex;
  justify-content: center;
  align-items: center;
  height: 8.2291666667rem;
  padding: 0.4166666667rem 1.25rem;
  border-radius: 0.625rem;
}
.duan-khach-hang-noi-bat .img img {
  height: 100%;
  max-height: 100%;
  width: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.duan-khach-hang-noi-bat i, .duan-khach-hang-noi-bat em {
  font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
}
.duan-khach-hang-noi-bat .heading-5 {
  display: -webkit-box;
  font-size: clamp(16px, 1.0416666667rem, 1.0416666667rem);
  height: 4.375rem;
  min-height: 67.2px;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.circle-side-placement {
  background: rgba(12, 92, 37, 0.05);
}
.circle-side-placement .desc p {
  margin-bottom: 0;
}
.circle-side-placement .diagram {
  display: flex;
  flex-direction: column;
  gap: 0.8333333333rem;
}
@media (min-width: 768.1px) {
  .circle-side-placement .diagram {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    -moz-column-gap: 0.8333333333rem;
         column-gap: 0.8333333333rem;
    row-gap: 1.25rem;
  }
}
@media (min-width: 1024.1px) {
  .circle-side-placement .diagram {
    grid-template-columns: minmax(0, 22.9166666667rem) auto minmax(0, 22.9166666667rem);
    grid-template-areas: ". top ." "left orb right";
    justify-content: center;
    align-items: stretch;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
    row-gap: 1.0416666667rem;
  }
}
.circle-side-placement .orb {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 27.0833333333rem;
  max-width: 100%;
  aspect-ratio: 520/523;
  container-type: inline-size;
  container-name: orb;
}
@media (min-width: 768.1px) {
  .circle-side-placement .orb {
    grid-column: 1/-1;
  }
}
@media (min-width: 1024.1px) {
  .circle-side-placement .orb {
    grid-column: auto;
    grid-area: orb;
    margin-inline: 0;
  }
}
.circle-side-placement .orb-art {
  pointer-events: none;
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.circle-side-placement .branding-info {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 60%;
  max-width: 60%;
  gap: 0.9375rem;
  gap: 3.5cqi;
}
.circle-side-placement .logo {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.circle-side-placement .logo img {
  width: 12.2395833333rem;
  max-width: 43.5cqi;
  height: auto;
}
.circle-side-placement .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
}
.circle-side-placement .rail {
  display: flex;
  flex-direction: column;
  padding-top: 1.4583333333333335rem;
  gap: 0.8333333333rem;
}
@media (min-width: 1024.1px) {
  .circle-side-placement .rail {
    justify-content: space-between;
    gap: 2.6041666667rem 0.625rem;
    height: 100%;
  }
}
.circle-side-placement .rail.is-left .wrap {
  text-align: right;
}
@media (max-width: 768px) {
  .circle-side-placement .rail.is-left .card {
    display: flex;
    flex-direction: row-reverse;
  }
  .circle-side-placement .rail.is-left .card .wrap {
    text-align: left;
  }
}
@media (min-width: 1024.1px) {
  .circle-side-placement .rail.is-left {
    grid-area: left;
    align-items: flex-end;
  }
  .circle-side-placement .rail.is-left .card:nth-child(1) {
    width: 22.9166666667rem;
    translate: 1.5625rem 0;
    max-width: 105%;
  }
  .circle-side-placement .rail.is-left .card:nth-child(2) {
    width: 21.4583333333rem;
  }
  .circle-side-placement .rail.is-left .card:nth-child(3) {
    width: 22.4479166667rem;
    translate: 0.9375rem 0;
  }
  .circle-side-placement .rail.is-left .card:nth-child(4) {
    width: 22.4479166667rem;
    translate: 5.46875rem 0;
  }
}
.circle-side-placement .rail.is-right .wrap {
  text-align: left;
}
@media (min-width: 1024.1px) {
  .circle-side-placement .rail.is-right {
    grid-area: right;
    align-items: flex-start;
  }
  .circle-side-placement .rail.is-right .card:nth-child(1) {
    width: 22.9166666667rem;
    translate: -1.5625rem 0;
    max-width: 105%;
  }
  .circle-side-placement .rail.is-right .card:nth-child(2) {
    width: 21.4583333333rem;
  }
  .circle-side-placement .rail.is-right .card:nth-child(3) {
    width: 22.4479166667rem;
    translate: -0.9375rem 0;
  }
  .circle-side-placement .rail.is-right .card:nth-child(4) {
    width: 22.4479166667rem;
    translate: -5.46875rem -0.9375rem;
  }
}
.circle-side-placement .card {
  display: flex;
  width: 100%;
  align-items: center;
  box-shadow: 0px 4px 4px 0px rgba(31, 34, 39, 0.0784313725);
  gap: 0.8333333333rem;
  padding: 1.0416666667rem 0.8333333333rem;
  min-width: 0;
}
@media (min-width: 1024.1px) {
  .circle-side-placement .card {
    width: 22.9166666667rem;
    max-width: 100%;
  }
}
.circle-side-placement .card.is-flip {
  flex-direction: row;
}
.circle-side-placement .card.is-stack {
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.8333333333rem;
}
.circle-side-placement .card.is-stack .wrap {
  text-align: center;
}
.circle-side-placement .card.is-top {
  max-width: 22.9166666667rem;
  margin-inline: auto;
}
@media (min-width: 768.1px) {
  .circle-side-placement .card.is-top {
    grid-column: 1/-1;
  }
}
@media (min-width: 1024.1px) {
  .circle-side-placement .card.is-top {
    grid-column: auto;
    grid-area: top;
    justify-self: center;
    width: 22.9166666667rem;
    margin-inline: 0;
  }
}
.circle-side-placement .wrap {
  display: flex;
  min-width: 0;
  flex: 1 1 0%;
  flex-direction: column;
  gap: 0.2083333333rem;
}
.circle-side-placement .icon {
  flex: none;
}
.circle-side-placement .icon img {
  max-width: 2.6041666667rem;
}
.circle-side-placement .icon em, .circle-side-placement .icon i {
  font-size: clamp(28px, calc(36 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 1.875rem);
  line-height: 1.3;
}

.swiper-sync-1 .wrap {
  position: relative;
  width: 100%;
  min-width: 0;
}
.swiper-sync-1 .swiper-thumb {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
.swiper-sync-1 .swiper-thumb .swiper-slide {
  height: auto;
  cursor: pointer;
}
.swiper-sync-1 .swiper-thumb .swiper-slide .item {
  width: 100%;
  overflow: hidden;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5.3645833333rem;
  padding: 0.4166666667rem 1.25rem;
  border-radius: 0.625rem;
}
.swiper-sync-1 .swiper-thumb .swiper-slide .img {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-sync-1 .swiper-thumb .swiper-slide .img img {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  filter: grayscale(100%);
  opacity: 0.65;
}
.swiper-sync-1 .swiper-thumb .swiper-slide:hover .item, .swiper-sync-1 .swiper-thumb .swiper-slide.swiper-slide-thumb-active .item {
  --tw-border-opacity: 1;
  border-color: rgb(225 170 57 / var(--tw-border-opacity, 1));
  opacity: 1;
}
.swiper-sync-1 .swiper-thumb .swiper-slide:hover .img img, .swiper-sync-1 .swiper-thumb .swiper-slide.swiper-slide-thumb-active .img img {
  filter: grayscale(0%);
  opacity: 1;
}
.swiper-sync-1 .swiper-main {
  min-width: 0;
  flex: 1 1 0%;
}
@media screen and (min-width: 1024px) and (max-width: 1600px) {
  .swiper-sync-1 .swiper-main .row .col:nth-child(2) {
    width: 65%;
  }
}
.swiper-sync-1 .swiper-main .img {
  height: 100%;
  width: 100%;
}
.swiper-sync-1 .swiper-main .img-wrap {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-sync-1 .swiper-main .img-wrap img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.swiper-sync-1 .card {
  padding: 2.0833333333rem;
  border-radius: 0.625rem;
  min-height: 22.9166666667rem;
}
.swiper-sync-1 .inner .row {
  justify-content: space-between;
}
.swiper-sync-1 .inner .icon {
  flex: none;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8.4375rem;
  height: 4.7395833333rem;
  padding: 0.4166666667rem 1.25rem;
  border-radius: 0.625rem;
}
.swiper-sync-1 .inner img {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.swiper-sync-1 hr {
  width: 100%;
  border-width: 0;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
}
.swiper-sync-1 .heading-4 {
  font-weight: 400;
}
.swiper-sync-1 .quotes {
  background-image: url("../img/icon/qoutes-2.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  height: 20px;
  width: 28px;
  min-width: 28px;
}
@media (min-width: 1600px) {
  .swiper-sync-1 .quotes {
    height: 1.0416666666666667rem;
    width: 1.4583333333333335rem;
    min-width: 1.4583333333333335rem;
  }
}

.duan-khach-hang-oi-tac .content {
  margin-left: auto;
  margin-right: auto;
  max-width: 43.645833333333336rem;
}
.duan-khach-hang-oi-tac .wrap {
  overflow: hidden;
  border-radius: 1.0416666667rem;
}
.duan-khach-hang-oi-tac .box {
  width: 100%;
}
.duan-khach-hang-oi-tac .swiper-slide {
  width: 12.5rem;
  margin-right: 1.0416666667rem;
}
.duan-khach-hang-oi-tac .item {
  height: 8.3333333333rem;
  padding-inline: 2.0833333333rem;
  border-radius: 1.0416666667rem;
}
.duan-khach-hang-oi-tac .img {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.duan-khach-hang-oi-tac .img img {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.hatang-detail-1 hr {
  margin: 0;
  width: 100%;
  border-width: 0;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
}
@media (min-width: 1024.1px) {
  .hatang-detail-1 hr {
    height: auto;
    width: 1px;
    align-self: stretch;
    border-top-width: 0;
    border-left-width: 1px;
  }
}
.hatang-detail-1 .zone-desc p::not(:last-child) {
  margin-bottom: 1.0416666666666667rem;
}
.hatang-detail-1 .heading-1 sup {
  font-size: clamp(20px, calc(24 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 1.25rem);
  line-height: 1.35;
  top: -1.0416666667rem;
}
@media (max-width: 1024px) {
  .hatang-detail-1 .block-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.hatang-detail-1 .swiper-example-center {
  --center-slide-w: 47.9%;
}
@media (max-width: 576px) {
  .hatang-detail-1 .swiper-example-center {
    --center-slide-w: 100%;
  }
}
.hatang-detail-1 .swiper-example-center .swiper-slide {
  width: var(--center-slide-w);
}
.hatang-detail-1 .swiper-example-center .swiper-slide:not(.swiper-slide-active) {
  transform: scale(1);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.hatang-detail-1 .swiper-example-center .swiper-slide:not(.swiper-slide-active) .img a {
  background: #d9d9d9;
}
.hatang-detail-1 .swiper-example-center .swiper-slide:not(.swiper-slide-active) .img a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;
  opacity: 0.7;
  mix-blend-mode: luminosity;
  pointer-events: none;
}
.hatang-detail-1 .swiper-example-center .swiper-slide:not(.swiper-slide-active) .img a img {
  mix-blend-mode: luminosity;
}
@media (max-width: 1024px) {
  .hatang-detail-1 .swiper-example-center .swiper-slide:not(.swiper-slide-active) .img a img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.hatang-detail-1 .swiper-example-center .swiper-slide-active {
  opacity: 1;
  transform: scale(1);
}
@media (min-width: 1200.1px) {
  .hatang-detail-1 .prev {
    left: calc((100% - var(--center-slide-w)) / 2 - 5.2083333333rem - var(--mr));
  }
  .hatang-detail-1 .next {
    right: calc((100% - var(--center-slide-w)) / 2 - 5.2083333333rem - var(--mr));
  }
}
.hatang-detail-1 hr {
  display: none;
}
@media (min-width: 1200.1px) {
  .hatang-detail-1 .row .col:not(:last-child) {
    border-right-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));
  }
}
.hatang-detail-1 .heading-7 {
  font-size: clamp(14px, calc(16 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.8333333333333334rem);
  line-height: 1.4;
}
.hatang-detail-1 .item .heading-1, .hatang-detail-1 .item .heading-5 {
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .hatang-detail-1 .col:not(:last-child) .item {
    padding-bottom: 1.4583333333333335rem;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));
  }
}

.hatang-other .img {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hatang-other .img img {
  -o-object-fit: cover;
     object-fit: cover;
}

.recruit-2 .card {
  height: 100%;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out;
}
.recruit-2 .card:hover {
  --tw-border-opacity: 1;
  border-color: rgb(12 92 37 / var(--tw-border-opacity, 1));
}

.investor-list .card {
  display: flex;
  flex-direction: column;
}
.investor-list .inner {
  display: flex;
  align-items: center;
  gap: 0.4166666666666667rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(129 129 129 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.625rem 0.8333333333rem;
}
.investor-list .item {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 220 220 / var(--tw-border-opacity, 1));
}
.investor-list .btn-download span, .investor-list .btn-download i {
  --tw-text-opacity: 1;
  color: rgb(12 92 37 / var(--tw-text-opacity, 1));
}
.investor-list .btn-download .icon {
  --tw-border-opacity: 1;
  border-color: rgb(12 92 37 / var(--tw-border-opacity, 1));
}
.investor-list .btn-download:hover span, .investor-list .btn-download:hover i {
  --tw-text-opacity: 1;
  color: rgb(12 92 37 / var(--tw-text-opacity, 1));
}
.investor-list .title-wrap {
  margin-bottom: 0;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 220 220 / var(--tw-border-opacity, 1));
  padding-bottom: 1.6666666666666667rem;
}

.home-about::after {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out;
  top: -15px;
  background: linear-gradient(270deg, rgba(19, 142, 57, 0.08) 0%, rgba(19, 142, 57, 0.04) 26.88%, rgba(255, 234, 184, 0.08) 67.4%, rgba(19, 142, 57, 0.02) 100%);
  max-height: 45.3125rem;
}
.home-about .item {
  background-color: var(--color-code);
}
.home-about .swiper-slide:first-child .img {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 60px;
}
@media (min-width: 1024px) {
  .home-about .swiper-slide:first-child .img {
    border-top-right-radius: 5.2083333333rem;
  }
}
@media (min-width: 1600px) {
  .home-about .swiper-slide:first-child .img {
    border-top-right-radius: 10.4166666667rem;
  }
}
.home-about .swiper-slide:nth-child(odd) .img {
  border-top-left-radius: 60px;
}
@media (min-width: 1024px) {
  .home-about .swiper-slide:nth-child(odd) .img {
    border-top-left-radius: 5.2083333333rem;
  }
}
@media (min-width: 1600px) {
  .home-about .swiper-slide:nth-child(odd) .img {
    border-top-left-radius: 10.4166666667rem;
  }
}
.home-about .swiper-slide:nth-child(even) .img {
  margin-top: 0;
  border-bottom-left-radius: 60px;
}
@media (min-width: 1024px) {
  .home-about .swiper-slide:nth-child(even) .img {
    border-bottom-left-radius: 5.2083333333rem;
  }
}
@media (min-width: 1600px) {
  .home-about .swiper-slide:nth-child(even) .img {
    border-bottom-left-radius: 10.4166666667rem;
  }
}
.home-about .swiper-slide:nth-child(even) .item {
  flex-direction: column-reverse;
  justify-content: space-between;
}

.primary-banner {
  position: relative;
  z-index: 50;
  overflow: visible;
}
@media screen and (max-width: 1200px) {
  .primary-banner {
    padding: 0 !important;
  }
}
.primary-banner .swiper {
  width: 100%;
}
.primary-banner .swiper-slide {
  width: 100% !important;
  margin-right: 0 !important;
}
.primary-banner .swiper-wrapper {
  height: auto;
}
.primary-banner .wrap {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .primary-banner .wrap {
    position: static;
  }
}
@media (max-width: 768px) {
  .primary-banner .wrap .container-xxl {
    top: 42%;
  }
}
@media (max-width: 576px) {
  .primary-banner .wrap .container-xxl {
    top: 40%;
  }
}
.primary-banner .desktop {
  display: none;
}
@media (min-width: 768.1px) {
  .primary-banner .desktop {
    display: block;
  }
}
.primary-banner .mobile {
  display: block;
}
@media (min-width: 768.1px) {
  .primary-banner .mobile {
    display: none;
  }
}
.primary-banner .swiper-slide {
  pointer-events: none;
  height: auto;
  z-index: 1;
}
.primary-banner .swiper-slide .btn-wrap {
  opacity: 0;
}
.primary-banner .swiper-slide:hover .img::before {
  opacity: 0.1;
}
.primary-banner .swiper-slide.swiper-slide-active {
  z-index: 2;
  pointer-events: auto;
}
.primary-banner .swiper-slide.swiper-slide-active .btn-wrap.is-visible {
  animation: fd-in 1.9s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
.primary-banner .img {
  position: relative;
  z-index: 20;
}
.primary-banner .img a::after {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out;
}
@media screen and (max-width: 767px) {
  .primary-banner .img a::after {
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    --tw-bg-opacity: 0.4;
  }
}
@media screen and (min-width: 767.1px) {
  .primary-banner .img a::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.36) 100%);
  }
}
@media screen and (max-width: 767px) {
  .primary-banner .img a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 179.1044776119%;
  }
  .primary-banner .img a img, .primary-banner .img a picture, .primary-banner .img a video, .primary-banner .img a iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    transition: 0.3s ease-in-out all;
  }
}
@media screen and (min-width: 767.1px) {
  .primary-banner .img a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 50%;
  }
  .primary-banner .img a img, .primary-banner .img a picture, .primary-banner .img a video, .primary-banner .img a iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    transition: 0.3s ease-in-out all;
  }
}
.primary-banner .img a video, .primary-banner .img a .video-js {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.primary-banner .img a video, .primary-banner .img a .video-js .vjs-tech {
  -o-object-fit: cover;
     object-fit: cover;
}
.primary-banner .pause-track {
  pointer-events: auto;
  margin: 0;
  cursor: pointer;
  transition: 0.3s all ease-in-out;
}
.primary-banner .pause-track::after {
  content: "\f04c";
  pointer-events: none;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.4;
  font-family: 'Font Awesome 6 Pro';
  font-size: clamp(14px, calc(16 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.8333333333333334rem);
  line-height: 1.4;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .4s all ease-in-out;
}
.primary-banner .pause-track.is-paused::after {
  content: "\f04b";
}
.primary-banner .progress-track {
  width: 100%;
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
  backface-visibility: hidden;
}
@keyframes banner-progress-fill {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
.primary-banner .heading-3 {
  margin-bottom: 0.8333333333333334rem;
  font-weight: 400;
}
.primary-banner .heading-3 * {
  font-weight: 400;
}
@media (min-width: 1024.1px) {
  .primary-banner .heading-3 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  .primary-banner .heading-3 * {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
@media (max-width: 768px) {
  .primary-banner .heading-3 {
    font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
    line-height: 1.4;
  }
  .primary-banner .heading-3 * {
    font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
    line-height: 1.4;
  }
}
@media (max-width: 576px) {
  .primary-banner .heading-3 {
    font-size: 16px;
  }
  .primary-banner .heading-3 * {
    font-size: 16px;
  }
  .primary-banner .heading-3 br {
    display: none;
  }
}
.primary-banner .banner-2 {
  text-transform: uppercase;
  line-height: 1.2;
}
.primary-banner .banner-2 * {
  text-transform: uppercase;
}
.primary-banner .banner-2 {
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
@media (max-width: 1024px) {
  .primary-banner .banner-2 {
    margin-top: 0.8333333333333334rem;
    margin-bottom: 0.8333333333333334rem;
    font-size: clamp(40px, calc(48 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 2.5rem);
    line-height: 1.25;
  }
  .primary-banner .banner-2 * {
    font-size: clamp(40px, calc(48 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 2.5rem);
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .primary-banner .banner-2 br {
    display: none;
  }
}
.primary-banner .txt {
  padding-bottom: 3.125rem;
}
@media (min-width: 1024.1px) {
  .primary-banner .txt {
    padding-bottom: 8.3333333333rem;
  }
}
@media (min-width: 1200.1px) {
  .primary-banner .txt {
    padding-bottom: 9.375rem;
  }
}
.primary-banner .navigation-wrap {
  padding-bottom: 3.6458333333333335rem;
}
@media screen and (max-width: 576px) {
  .primary-banner .navigation-wrap {
    padding-bottom: 1.0416666666666667rem;
  }
}
@media (min-width: 1200.1px) {
  .primary-banner .bg-wrap {
    max-width: 30.7291666667rem;
  }
}
.primary-banner .progress {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 10px;
  overflow: hidden;
  background-color: #e9ecef;
  border-radius: 4px;
  width: 100%;
}
.primary-banner .progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  transition: width 0.6s ease;
  left: 0;
  height: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 576px) {
  .primary-banner .swiper-nav {
    gap: 0.4166666666666667rem;
  }
}
.primary-banner .swiper-nav .prev, .primary-banner .swiper-nav .next {
  background: none !important;
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4);
  pointer-events: auto !important;
  background-color: transparent !important;
}
.primary-banner .swiper-nav .prev:hover, .primary-banner .swiper-nav .next:hover {
  box-shadow: none;
  border-style: none;
  background-image: linear-gradient(90deg, #0C5C25 0%, #138E39 100%);
}
.primary-banner .swiper-nav .prev:hover:after, .primary-banner .swiper-nav .next:hover:after {
  opacity: 1;
}
.primary-banner .swiper-nav .prev::before, .primary-banner .swiper-nav .next::before {
  content: "";
  pointer-events: none;
  z-index: 50;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
  line-height: 1;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: .4s all ease-in-out;
  font-family: "icomoon" !important;
  width: 12px;
  height: 21px;
  background-repeat: no-repeat !important;
  background-size: auto auto !important;
  background-position: center center !important;
}
@media screen and (min-width: 1200px) {
  .primary-banner .swiper-nav .prev::before, .primary-banner .swiper-nav .next::before {
    height: 1.0416666666666667rem;
    width: 0.625rem;
    font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
    line-height: 1.4;
  }
}
.primary-banner .swiper-nav .prev.swiper-button-disabled, .primary-banner .swiper-nav .next.swiper-button-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.primary-banner .swiper-nav .prev::before {
  content: "\e900";
}
.primary-banner .swiper-nav .next::before {
  content: "\e901";
}
.primary-banner .vjs-control-bar {
  display: none !important;
}
.primary-banner .zone-desc {
  margin-top: 0.8333333333333334rem;
}

.investor-nav {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.investor-nav .wrap {
  display: flex;
  align-items: center;
  gap: 1.0416666666666667rem;
  overflow-x: auto;
}
.investor-nav .item {
  position: relative;
  flex: none;
  white-space: nowrap;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .4s all ease-in-out;
}
.investor-nav .item::after {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 1px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(12 92 37 / var(--tw-bg-opacity, 1));
  opacity: 0;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out;
}
.investor-nav .item:hover, .investor-nav .item.active {
  --tw-text-opacity: 1;
  color: rgb(12 92 37 / var(--tw-text-opacity, 1));
  opacity: 0.7;
}
.investor-nav .item:hover::after, .investor-nav .item.active::after {
  opacity: 1;
}
.investor-nav hr {
  height: 0.625rem;
  width: 1px;
  flex: none;
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(129 129 129 / var(--tw-bg-opacity, 1));
}

@media (min-width: 1200.1px) {
  .home-contact {
    padding: 7.2916666667rem 0 4.6875rem;
  }
}
.home-contact .row {
  justify-content: space-between;
}
.home-contact .media::before, .home-contact .media::after {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out;
}
.home-contact .media::before {
  background: linear-gradient(0deg, #000000 14.43%, rgba(0, 0, 0, 0.949247) 29.82%, rgba(0, 0, 0, 0.8) 47.01%, rgba(0, 0, 0, 0.6) 70.27%, rgba(0, 0, 0, 0) 100%);
  background-blend-mode: multiply;
  opacity: 0.3;
  height: 9.21875rem;
  bottom: 3.28125rem;
}
.home-contact .media::after {
  z-index: 40;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%);
}
.home-contact .media video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.home-contact .wrap-form input,
.home-contact .wrap-form textarea {
  width: 100%;
  border-radius: 0.625rem;
  border-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 0.6;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  padding: 0.8333333333rem 1.0416666667rem;
}
.home-contact .wrap-form textarea {
  min-height: 91px;
  height: 4.7395833333rem;
}
.home-contact .wrap-form .form-group {
  margin-bottom: 0.625rem;
}
.home-contact .wrap-form .btn-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(12 92 37 / var(--tw-text-opacity, 1));
}
.home-contact .content .btn-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(12 92 37 / var(--tw-text-opacity, 1));
}

.home-location .content {
  align-items: flex-start;
}
.home-location .top-block .row {
  justify-content: flex-end;
  gap: 1.875rem;
}
@media (min-width: 1024.1px) {
  .home-location .top-block .col:nth-child(1) {
    width: 23%;
  }
  .home-location .top-block .col:nth-child(2) {
    width: 61.7%;
  }
  @media screen and (max-width: 1600px) {
    .home-location .top-block .col:nth-child(2) {
      width: 66.7%;
    }
  }
  @media screen and (max-width: 1400px) {
    .home-location .top-block .col:nth-child(2) {
      width: 67%;
    }
  }
}
.home-location .card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.4166666666666667rem;
  justify-content: flex-start;
}
.home-location .line {
  min-width: 0;
  flex: 1 1 0%;
  --tw-bg-opacity: 1;
  background-color: rgb(12 92 37 / var(--tw-bg-opacity, 1));
  height: 1px;
}
.home-location p {
  margin-bottom: 0;
}
@media (min-width: 1200.1px) {
  .home-location .container-xxl {
    max-width: 89.5833333333rem;
  }
}

.home-investor {
  --flex-card-overlay: rgba(0, 0, 0, 0.5);
  --flex-card-overlay-active: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}
.home-investor .flex-options {
  gap: 1.0416666666666667rem;
}
.home-investor .card-option {
  border-radius: 0.625rem;
}
.home-investor .card-option:nth-child(1) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.home-investor .card-option:nth-child(3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.home-investor .card-option.is-active .img-wrap a::before {
  opacity: 0.5;
}
.home-investor .card-option.is-active .heading-3 {
  opacity: 1;
}
.home-investor .card-option .heading-3 {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: clamp(26px, calc(30 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 1.5625rem);
  line-height: 1.3;
  font-weight: 700;
  opacity: 0;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.home-investor .desktop-block .txt {
  padding: 2.0833333333333335rem;
}
.home-investor .desktop-block .bottom {
  padding: 0.8333333333333334rem;
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  background-color: rgba(12, 92, 37, 0.6) !important;
  backdrop-filter: blur(20px);
}
.home-investor .desktop-block .card-option.is-active {
  flex-grow: 2.28 !important;
}
.home-investor .heading-3 {
  font-weight: 700;
}
.home-investor .tablet-block .txt {
  padding-top: 0.8333333333333334rem;
}

.home-news .tab-nav .list li, .home-news .zone-nav .list li, .home-news .lists .list li {
  position: relative;
  padding-left: 0.8333333333333334rem;
  padding-right: 0.8333333333333334rem;
}
.home-news .tab-nav .list li:last-child::after, .home-news .zone-nav .list li:last-child::after, .home-news .lists .list li:last-child::after {
  display: none;
}
.home-news .tab-nav .list li::after, .home-news .zone-nav .list li::after, .home-news .lists .list li::after {
  content: "";
  pointer-events: none;
  right: 0;
  z-index: 10;
  display: block;
  height: 8px;
  width: 1px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: .4s all ease-in-out;
  background: #D1D3D4;
}
.home-news .tab-nav .list li a, .home-news .zone-nav .list li a, .home-news .lists .list li a {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0.15625rem 0;
}
.home-news .tab-nav .list li a::after, .home-news .zone-nav .list li a::after, .home-news .lists .list li a::after {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 1px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(12 92 37 / var(--tw-bg-opacity, 1));
  opacity: 0;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out;
}
.home-news .tab-nav .list li.active a, .home-news .tab-nav .list li:hover a, .home-news .zone-nav .list li.active a, .home-news .zone-nav .list li:hover a, .home-news .lists .list li.active a, .home-news .lists .list li:hover a {
  --tw-text-opacity: 1;
  color: rgb(12 92 37 / var(--tw-text-opacity, 1));
}
.home-news .tab-nav .list li.active a::after, .home-news .tab-nav .list li:hover a::after, .home-news .zone-nav .list li.active a::after, .home-news .zone-nav .list li:hover a::after, .home-news .lists .list li.active a::after, .home-news .lists .list li:hover a::after {
  opacity: 1;
}
.home-news .tab-nav .list li.active a span, .home-news .tab-nav .list li:hover a span, .home-news .zone-nav .list li.active a span, .home-news .zone-nav .list li:hover a span, .home-news .lists .list li.active a span, .home-news .lists .list li:hover a span {
  --tw-text-opacity: 1;
  color: rgb(12 92 37 / var(--tw-text-opacity, 1));
}
@media (max-width: 768px) {
  .home-news .tab-nav, .home-news .zone-nav, .home-news .lists {
    overflow-x: auto;
  }
  .home-news .tab-nav ul, .home-news .zone-nav ul, .home-news .lists ul {
    white-space: nowrap;
    padding-bottom: 0.20833333333333334rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .home-news .tab-nav ul li:first-child, .home-news .zone-nav ul li:first-child, .home-news .lists ul li:first-child {
    padding-left: 0;
  }
  .home-news .tab-nav .list, .home-news .zone-nav .list, .home-news .lists .list {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    justify-content: safe center;
  }
}
.home-news .block-wrap {
  margin-top: 2.0833333333333335rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(12 92 37 / var(--tw-border-opacity, 1));
}
@media (min-width: 1024.1px) {
  .home-news .col:first-child .list {
    padding-right: 1.4583333333333335rem;
  }
  .home-news .col:last-child .list {
    padding-left: 1.4583333333333335rem;
  }
}
.home-news .news-item .heading-5 {
  display: -webkit-box;
  font-size: clamp(17px, 1.0416666667rem, 1.0416666667rem);
  height: 2.9166666667rem;
  min-height: 47.6px;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.home-tin-tuc.news-list .news-item.big {
  margin: 0;
  flex-wrap: nowrap;
  --tw-bg-opacity: 1;
  background-color: rgb(235 35 41 / var(--tw-bg-opacity, 1));
  padding: 0;
}
.home-tin-tuc.news-list .news-item.big .col {
  margin: 0;
  padding: 0;
}
.home-tin-tuc .tab-nav .list li {
  position: relative;
  padding-left: 0.8333333333333334rem;
  padding-right: 0.8333333333333334rem;
}
.home-tin-tuc .tab-nav .list li::after {
  content: "";
  pointer-events: none;
  right: 0;
  z-index: 10;
  display: block;
  height: 8px;
  width: 1px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: .4s all ease-in-out;
  background: #D1D3D4;
}
.home-tin-tuc .tab-nav .list li:last-child::after {
  display: none;
}
.home-tin-tuc .tab-nav .list li a {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-top: 0.20833333333333334rem;
  padding-bottom: 0.20833333333333334rem;
}
.home-tin-tuc .tab-nav .list li a::after {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 1px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(12 92 37 / var(--tw-bg-opacity, 1));
  opacity: 0;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out;
}
.home-tin-tuc .tab-nav .list li.active a, .home-tin-tuc .tab-nav .list li:hover a {
  --tw-text-opacity: 1;
  color: rgb(12 92 37 / var(--tw-text-opacity, 1));
}
.home-tin-tuc .tab-nav .list li.active a::after, .home-tin-tuc .tab-nav .list li:hover a::after {
  opacity: 1;
}
.home-tin-tuc .tab-nav .list li.active a span, .home-tin-tuc .tab-nav .list li:hover a span {
  --tw-text-opacity: 1;
  color: rgb(12 92 37 / var(--tw-text-opacity, 1));
}
@media (max-width: 768px) {
  .home-tin-tuc .tab-nav {
    overflow-x: auto;
  }
  .home-tin-tuc .tab-nav ul {
    white-space: nowrap;
    padding-bottom: 0.20833333333333334rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .home-tin-tuc .tab-nav ul li:first-child {
    padding-left: 0;
  }
  .home-tin-tuc .tab-nav .list {
    flex-wrap: nowrap;
    justify-content: flex-start;
    white-space: nowrap;
  }
}
.home-tin-tuc .tab-item {
  width: 100%;
}
.home-tin-tuc .tab-item:not(.active) {
  display: none;
}
.home-tin-tuc .item, .home-tin-tuc .card {
  display: flex;
  flex-direction: column;
}
.home-tin-tuc .item .media, .home-tin-tuc .card .media {
  width: 100%;
  overflow: hidden;
}
.home-tin-tuc .item .media a, .home-tin-tuc .card .media a {
  width: 100%;
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 140.350877193%;
}
.home-tin-tuc .item .media a img, .home-tin-tuc .item .media a picture, .home-tin-tuc .item .media a video, .home-tin-tuc .item .media a iframe, .home-tin-tuc .card .media a img, .home-tin-tuc .card .media a picture, .home-tin-tuc .card .media a video, .home-tin-tuc .card .media a iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s ease-in-out all;
}
.home-tin-tuc .item .media img, .home-tin-tuc .card .media img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-tin-tuc .card .media a {
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 123.0769230769%;
}
.home-tin-tuc .card .media a img, .home-tin-tuc .card .media a picture, .home-tin-tuc .card .media a video, .home-tin-tuc .card .media a iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s ease-in-out all;
}
.home-tin-tuc .card .content {
  gap: 1.25rem;
}
.home-tin-tuc .card .wrap {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
@media (min-width: 1024.1px) {
  .home-tin-tuc .row {
    margin: 0 -1.0416666667rem;
  }
  .home-tin-tuc .row .col {
    padding: 0 1.0416666667rem;
  }
}

.news-item .content {
  display: flex;
  flex-direction: column;
}
.news-item:hover .heading-5 {
  --tw-text-opacity: 1;
  color: rgb(12 92 37 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024.1px) {
  .news-item.big {
    padding: 0 1.5625rem;
  }
}

.news-other .news-item .content {
  padding-left: 0.8333333333333334rem;
  padding-right: 0.8333333333333334rem;
}

.home-partner {
  --mr: r(24px);
}
.home-partner .init-swiper + .init-swiper .swiper-wrapper {
  animation-direction: reverse;
}
.home-partner .init-swiper {
  --mr: clamp(20px, calc(20 / var(--design-width, 1920) * var(--design-vw, 100vw)), calc(20 / var(--design-width, 1920) * var(--design-vw, 100vw)));
}
.home-partner .swiper-slide {
  width: auto;
}
.home-partner .item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  width: 12.5rem;
  height: 8.3333333333rem;
  padding: 0 2.0833333333rem;
}
.home-partner .item img {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.home-product {
  --flex-card-overlay: rgba(0, 0, 0, 0.5);
  --flex-card-overlay-active: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}
@media (max-width: 768px) {
  .home-product .scrollbar-wrap {
    max-height: 100%;
  }
}
.home-product .txt {
  pointer-events: none;
}
@media (min-width: 1200.1px) {
  .home-product .container-fluid {
    padding-left: 1.0416666666666667rem;
    padding-right: 1.0416666666666667rem;
  }
}
.home-product .card-option {
  border-radius: 0.625rem;
}
.home-product .card-option.is-active .img-wrap a::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.5 !important;
}
.home-product .card-option.is-active .heading-3 {
  font-size: clamp(28px, calc(36 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 1.875rem);
  line-height: 1.3;
}
.home-product .card-option.is-active .heading-3 * {
  font-size: clamp(28px, calc(36 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 1.875rem);
  line-height: 1.3;
}
.home-product .heading-3 {
  font-size: clamp(20px, calc(24 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 1.25rem);
  font-weight: 700;
  line-height: 1.35;
}
.home-product .heading-3 * {
  font-size: clamp(20px, calc(24 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 1.25rem);
  font-weight: 700;
  line-height: 1.35;
}
.home-product .card-option.is-active {
  flex-grow: 4.48 !important;
}
.home-product .flex-options {
  gap: 1.0416666666666667rem;
}
.home-product .desc ul li:before {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
@media (min-width: 1024.1px) {
  .home-product .desc ul li:before {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
@media (max-width: 1024px) {
  .home-product .img-wrap {
    overflow: hidden;
    border-radius: 0.625rem;
  }
}
.home-product .icon {
  height: 40px;
  min-height: 40px;
  width: 40px;
  min-width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1024px) {
  .home-product .icon {
    display: none;
  }
}
@media (min-width: 1200.1px) {
  .home-product .icon {
    width: clamp(40px, calc(48 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 2.5rem);
    height: clamp(40px, calc(48 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 2.5rem);
    min-width: 40px;
    min-height: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .home-product .icon > em,.home-product .icon > i,.home-product .icon > svg {
    max-width: 100%;
    max-height: 100%;
    display: block;
    font-size: inherit;
  }
  .home-product .icon > img,.home-product .icon picture > img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    display: block;
  }
  @media (max-width: 1200px) {
    .home-product .icon {
      width: 40px;
      height: 40px;
      min-width: 40px;
      min-height: 40px;
    }
  }
}
@media (min-width: 1600px) {
  .home-product .icon {
    width: clamp(56px, calc(64 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 3.3333333333333335rem);
    height: clamp(56px, calc(64 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 3.3333333333333335rem);
    min-width: 56px;
    min-height: 56px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .home-product .icon > em,.home-product .icon > i,.home-product .icon > svg {
    max-width: 100%;
    max-height: 100%;
    display: block;
    font-size: inherit;
  }
  .home-product .icon > img,.home-product .icon picture > img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    display: block;
  }
  @media (max-width: 1200px) {
    .home-product .icon {
      width: 56px;
      height: 56px;
      min-width: 56px;
      min-height: 56px;
    }
  }
  .home-product .icon svg {
    max-width: 1.5625rem;
  }
}
.home-product .desktop-block .txt {
  padding: 1.25rem;
}
.home-product .bottom {
  padding-left: 0.8333333333333334rem;
  padding-right: 0.8333333333333334rem;
  padding-top: 0.4166666666666667rem;
  padding-bottom: 0.4166666666666667rem;
}
.home-product .tablet-block .txt {
  padding-top: 1.6666666666666667rem;
}
.home-product .heading-3 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.home-product .heading-3 * {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (max-width: 1024px) {
  .home-product .heading-3 {
    --tw-text-opacity: 1;
    color: rgb(12 92 37 / var(--tw-text-opacity, 1));
  }
  .home-product .heading-3 * {
    --tw-text-opacity: 1;
    color: rgb(12 92 37 / var(--tw-text-opacity, 1));
  }
}

.text-clip-reveal {
  --clip-img: none;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .text-clip-reveal {
    min-height: 50rem;
    height: auto !important;
    max-height: 100% !important;
  }
}
@media (max-width: 576px) {
  .text-clip-reveal {
    min-height: 874px;
  }
}
@media (min-width: 1024.1px) {
  .text-clip-reveal {
    height: 55.2083333333rem;
  }
}
@media (min-width: 1200.1px) {
  .text-clip-reveal {
    height: 50rem;
  }
}
.text-clip-reveal .clip-text {
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.5;
  font-size: 3.125rem;
  white-space: nowrap;
  background: var(--clip-img) center/cover no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform-origin: center center;
  transform-style: preserve-3d;
  will-change: transform, opacity;
}
@media (max-width: 768px) {
  .text-clip-reveal .clip-text {
    font-size: 1.25rem;
  }
}
.text-clip-reveal .clip-bg {
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: 1;
  background: var(--clip-img) center/cover no-repeat;
}
.text-clip-reveal .clip-bg > .container {
  opacity: 0;
}
.text-clip-reveal .heading-1 {
  width: 100%;
}

.home-utility::after {
  content: "";
  pointer-events: none;
  left: 0;
  top: 4.583333333333334rem;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: .4s all ease-in-out;
  background: url("../img/bg/home-global-bg.webp");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  max-height: 45.1041666667rem;
}
.home-utility .card {
  width: 100%;
}
.home-utility .img-wrap {
  background-color: #fff;
}
.home-utility .img {
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 0.625rem;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  background-color: #fff;
}
.home-utility .zoom-in img {
  transform: none;
  height: calc(100% + 1px);
}
.home-utility .zoom-in:hover img {
  transform: scale(1.07);
}
.home-utility .icon {
  left: -1px;
  bottom: -1px;
  z-index: 999;
  height: 60px;
  width: 60px;
  min-width: 60px;
}
@media (min-width: 1200.1px) {
  .home-utility .icon {
    width: clamp(68px, calc(80 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 4.166666666666667rem);
    height: clamp(68px, calc(80 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 4.166666666666667rem);
    min-width: 68px;
    min-height: 68px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .home-utility .icon > em,.home-utility .icon > i,.home-utility .icon > svg {
    max-width: 100%;
    max-height: 100%;
    display: block;
    font-size: inherit;
  }
  .home-utility .icon > img,.home-utility .icon picture > img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    display: block;
  }
  @media (max-width: 1200px) {
    .home-utility .icon {
      width: 68px;
      height: 68px;
      min-width: 68px;
      min-height: 68px;
    }
  }
}
.home-utility .icon i, .home-utility .icon em {
  --tw-text-opacity: 1;
  color: rgb(225 170 57 / var(--tw-text-opacity, 1));
  font-size: 28px;
}
@media (min-width: 1200.1px) {
  .home-utility .icon i, .home-utility .icon em {
    font-size: 2.0833333333rem;
  }
}
.home-utility .icon img {
  max-width: 2.0833333333333335rem;
}

@media (max-width: 1024px) {
  .news-detail .heading-1 {
    font-size: clamp(28px, calc(36 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 1.875rem);
    line-height: 1.3;
  }
}
.news-detail .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 1024px) {
  .news-detail .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 1200px) {
  .news-detail .container-fluid > .row .col {
    width: 100%;
  }
  .news-detail .container-fluid > .row .col:nth-child(2) {
    display: none;
  }
}
.news-detail .container-fluid > .row .col img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1200px) {
  .news-detail .container-fluid > .row .col img {
    display: none;
  }
}
@media (max-width: 1024px) {
  .news-detail .container {
    max-width: 100%;
  }
}
@media (min-width: 1024.1px) {
  .news-detail .img {
    border-top-left-radius: 0.8333333333333334rem;
    border-bottom-left-radius: 0.8333333333333334rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media (max-width: 1200px) {
  .news-detail .content {
    margin-bottom: 0.8333333333333334rem;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1200.1px) {
  .news-detail .content {
    margin-left: auto;
    width: 100%;
    padding-right: 2.0833333333333335rem;
    max-width: 43.75rem;
  }
}
@media (min-width: 1600px) {
  .news-detail .content {
    max-width: 36.9791666667rem;
  }
}

.news-other .news-item {
  padding: 0;
}

.lienhe-list .heading-2 {
  text-align: left;
}
.lienhe-list .dealer-list {
  padding: 1.6666666667rem 1.25rem 1.6666666667rem 1.25rem;
  background: rgba(0, 166, 80, 0.0392156863);
  border-radius: 0.625rem;
}
.lienhe-list .scrollbar-wrap {
  max-height: 32.8645833333rem;
}
.lienhe-list .heading-6 {
  font-size: clamp(18px, calc(20 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 1.0416666666666667rem);
  line-height: 1.4;
}
.lienhe-list .card {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 220 220 / var(--tw-border-opacity, 1));
  padding-top: 1.0416666666666667rem;
  padding-bottom: 1.0416666666666667rem;
}
.lienhe-list .card:first-child {
  padding-top: 0;
}
.lienhe-list .card .icon {
  min-width: 20px;
}
@media (min-width: 1600px) {
  .lienhe-list .card .icon {
    min-width: 1.0416666666666667rem;
  }
}
.lienhe-list .card .desc strong {
  margin-right: 0.20833333333333334rem;
  white-space: nowrap;
  font-weight: 700;
}
.lienhe-list .card .desc strong * {
  font-weight: 700;
}
.lienhe-list .card .desc ul, .lienhe-list .card .desc ol {
  display: block;
}
.lienhe-list .card .desc li {
  margin-bottom: 0.625rem;
  font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
  line-height: 1.4;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.lienhe-list .card .desc li * {
  font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
  line-height: 1.4;
}
.lienhe-list .card .desc li:first-child:before {
  display: none;
}
.lienhe-list .card .desc p {
  margin-bottom: 0;
}
.lienhe-list .card .desc a:hover {
  text-decoration-line: underline;
}
.lienhe-list .card .btn {
  justify-content: flex-start;
}
.lienhe-list .card .btn:hover .desc {
  text-decoration-line: underline;
}
.lienhe-list .icon em, .lienhe-list .icon i {
  font-size: clamp(14px, calc(16 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.8333333333333334rem);
  line-height: 1.4;
}
.lienhe-list .wrap-form .wpcf7-form {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 26px;
}
.lienhe-list .wrap-form .form-group input,
.lienhe-list .wrap-form .form-group textarea {
  height: auto;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.0416666666666667rem;
  padding-right: 1.0416666666666667rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1));
}
.lienhe-list .wrap-form .form-group input::-moz-placeholder, .lienhe-list .wrap-form .form-group textarea::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1));
}
.lienhe-list .wrap-form .form-group input::placeholder,
.lienhe-list .wrap-form .form-group textarea::placeholder {
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1));
}
.lienhe-list .wrap-form .form-group textarea {
  resize: none;
  border-radius: 0.4166666666666667rem;
  min-height: 11.8229166667rem;
}
@media (max-width: 1024px) {
  .lienhe-list .list {
    gap: 20px;
  }
  .lienhe-list .list .content .desc {
    margin-bottom: 1.0416666666666667rem;
  }
}

.contact-info .card {
  border-radius: 0.4166666666666667rem;
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  box-shadow: 0 16px 24px 0 rgba(31, 34, 39, 0.06);
}
.contact-info .card:hover {
  --tw-border-opacity: 1;
  border-color: rgb(12 92 37 / var(--tw-border-opacity, 1));
}
.contact-info .item .heading-7 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.contact-info .item a:hover {
  text-decoration-line: underline;
}
.contact-info .ico {
  min-width: 36px;
}
@media (min-width: 1200.1px) {
  .contact-info .ico {
    min-width: 1.875rem;
  }
}
.contact-info .ico img {
  width: -moz-fit-content;
  width: fit-content;
  -o-object-fit: contain;
     object-fit: contain;
}
.contact-info .qr-code {
  width: clamp(68px, calc(80 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 4.166666666666667rem);
  height: clamp(68px, calc(80 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 4.166666666666667rem);
  min-width: 68px;
  min-height: 68px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.contact-info .qr-code > em,.contact-info .qr-code > i,.contact-info .qr-code > svg {
  max-width: 100%;
  max-height: 100%;
  display: block;
  font-size: inherit;
}
.contact-info .qr-code > img,.contact-info .qr-code picture > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
@media (max-width: 1200px) {
  .contact-info .qr-code {
    width: 68px;
    height: 68px;
    min-width: 68px;
    min-height: 68px;
  }
}
.contact-info .desc {
  font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
  line-height: 1.4;
}
.contact-info .desc * {
  font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
  line-height: 1.4;
}

.news-list .news-item.big {
  padding: 0;
}

.lienhe-lien-he {
  padding-top: 0.8333333333333334rem;
}
.lienhe-lien-he .wrap {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.4166666666666667rem;
}
.lienhe-lien-he .heading-1 {
  margin-bottom: 0;
}

.lienhe-ket-noi-voi-chung-toi .heading-1 {
  margin-bottom: 1.25rem;
}

.other-recruit-wrap {
  position: sticky;
}

@media (min-width: 768.1px) {
  .recruit-detail .row .col:nth-child(1) {
    width: 37.5%;
  }
  .recruit-detail .row .col:nth-child(2) {
    width: 58%;
  }
}
.recruit-detail .table-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.recruit-detail .table-wrap td {
  width: 100%;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 220 220 / var(--tw-border-opacity, 1));
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: clamp(14px, calc(16 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.8333333333333334rem);
  line-height: 1.4;
}
@media (min-width: 576.1px) {
  .recruit-detail .table-wrap td {
    padding-top: 0.4166666666666667rem;
    padding-bottom: 0.4166666666666667rem;
  }
}
@media (min-width: 768.1px) {
  .recruit-detail .table-wrap td {
    width: 50%;
  }
}
@media screen and (max-width: 1024px) {
  .recruit-detail .table-wrap table {
    white-space: normal;
  }
}
@media screen and (max-width: 768px) {
  .recruit-detail .table-wrap table tr {
    display: flex;
    flex-wrap: wrap;
  }
  .recruit-detail .table-wrap table tr td {
    display: block;
    width: 100%;
  }
}
.recruit-detail .table-wrap table tr td {
  font-size: clamp(14px, calc(16 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.8333333333333334rem);
  line-height: 1.4;
}
.recruit-detail .table-wrap table tr td:first-child {
  font-size: clamp(14px, calc(16 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.8333333333333334rem);
  line-height: 1.4;
  font-weight: 700;
}
.recruit-detail .table-wrap table tr:last-child td {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 220 220 / var(--tw-border-opacity, 1));
}
.recruit-detail .table-wrap table tr:last-child td:first-child {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(235 35 41 / var(--tw-text-opacity, 1));
}
.recruit-detail .table-wrap table tr p {
  margin-bottom: 0;
  font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
  line-height: 1.4;
}
.recruit-detail .table-wrap table tr p span, .recruit-detail .table-wrap table tr p strong {
  display: inline-block;
  width: 50%;
}
.recruit-detail .table-wrap table tr p * {
  font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
  line-height: 1.4;
}
.recruit-detail .btn {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.other-recruit .recruit-item {
  border-bottom: 1px solid #d9d9d9;
}
.other-recruit .recruit-item:last-child {
  border-bottom-color: transparent;
}
.other-recruit .timeline em {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 300;
  color: #2F2D30;
}
.other-recruit .timeline span {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  color: #2F2D30;
}
.other-recruit .timeline strong {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(235 35 41 / var(--tw-text-opacity, 1));
}

.swiper-example-marquee .box {
  width: 100%;
}
.swiper-example-marquee .swiper-slide {
  width: auto;
}
.swiper-example-marquee .init-swiper.mr-responsive {
  --mr: 12px;
}
@media (min-width: 768.1px) {
  .swiper-example-marquee .init-swiper.mr-responsive {
    --mr: 32px;
  }
}
.swiper-example-marquee .marquee-card {
  border-radius: 0.4166666666666667rem;
  background: linear-gradient(135deg, #f0f4ff 0%, #e8eef9 100%);
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.swiper-example-marquee .marquee-card__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.1666666667rem;
  padding-inline: 1.25rem;
}
.swiper-example-marquee .marquee-card span {
  font-family: Google Sans Flex;
  font-size: clamp(18px, calc(20 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 1.0416666666666667rem);
  line-height: 1.4;
  font-weight: 400;
  line-height: 140%;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out;
}
.swiper-example-marquee .marquee-card span * {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out;
}
.swiper-example-marquee .marquee-card span {
  white-space: nowrap;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(12 92 37 / var(--tw-text-opacity, 1));
}

.swiper-example-normal .normal-card {
  overflow: hidden;
  border-radius: 0.625rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.swiper-example-normal .normal-card__img {
  overflow: hidden;
}
.swiper-example-normal .normal-card__img img {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 400/260;
}
.swiper-example-normal .normal-card__txt {
  display: flex;
  flex-direction: column;
  gap: 0.4166666666666667rem;
  padding: 1.0416666667rem;
}

.swiper-example-shadow .shadow-card {
  overflow: hidden;
  border-radius: 0.625rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.08);
}
.swiper-example-shadow .shadow-card__img {
  overflow: hidden;
}
.swiper-example-shadow .shadow-card__img img {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 4/3;
}
.swiper-example-shadow .shadow-card__txt {
  display: flex;
  flex-direction: column;
  gap: 0.4166666666666667rem;
  padding: 1.0416666667rem;
}

.recruit-1 .media img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.recruit-1 .media::after {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out;
  background: rgba(0, 166, 80, 0.0392156863);
}
.recruit-1 .panel {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: none;
}
@media (min-width: 1024.1px) {
  .recruit-1 .panel {
    display: block;
    width: 75%;
  }
}
.recruit-1 .content {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.625rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.3;
  min-height: 35.41666666666667rem;
  padding: 1.0416666666666667rem;
}
@media (min-width: 1024.1px) {
  .recruit-1 .content {
    max-width: 31.25rem;
    padding-top: 4.166666666666667rem;
    padding-bottom: 4.166666666666667rem;
  }
}
.recruit-1 .heading-5 {
  font-size: clamp(20px, calc(24 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 1.25rem);
  line-height: 1.35;
}
.recruit-1 .desc {
  font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
  line-height: 1.4;
}

.swiper-example-center {
  --center-slide-w: 50%;
}
@media (max-width: 576px) {
  .swiper-example-center {
    --center-slide-w: 60%;
  }
}
.swiper-example-center .swiper-slide {
  width: var(--center-slide-w);
}
.swiper-example-center .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.5;
  transform: scale(0.92);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.swiper-example-center .swiper-slide-active {
  opacity: 1;
  transform: scale(1);
}
.swiper-example-center .peek-card {
  overflow: hidden;
  border-radius: 0.625rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.swiper-example-center .peek-card__img {
  overflow: hidden;
}
.swiper-example-center .peek-card__img img {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
}
.swiper-example-center .peek-card__txt {
  display: flex;
  flex-direction: column;
  gap: 0.4166666666666667rem;
  padding: 1.0416666667rem;
}

.swiper-example-spv .spv-card {
  overflow: hidden;
  border-radius: 0.625rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.swiper-example-spv .spv-card__img {
  position: relative;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1));
  aspect-ratio: 16/10;
}
.swiper-example-spv .spv-card__img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 100%;
}
.swiper-example-spv .spv-card__img img:not([src]),
.swiper-example-spv .spv-card__img img[src=""] {
  --tw-bg-opacity: 1;
  background-color: rgb(220 220 220 / var(--tw-bg-opacity, 1));
}
.swiper-example-spv .spv-card__badge {
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
  border-radius: 0.4166666666666667rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.20833333333333334rem;
  padding-bottom: 0.20833333333333334rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  background: rgba(0, 0, 0, 0.55);
}
.swiper-example-spv .spv-card__txt {
  display: flex;
  flex-direction: column;
  gap: 0.4166666666666667rem;
  padding: 1.0416666667rem;
}

.tuyendung-moi-truong-lam-viec .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
  text-align: center;
  padding-left: 1.0416666666666667rem;
  padding-right: 1.0416666666666667rem;
  padding-top: 2.0833333333333335rem;
  padding-bottom: 2.0833333333333335rem;
}
.tuyendung-moi-truong-lam-viec .img {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.6458333333333335rem;
  width: 3.6458333333333335rem;
}
.tuyendung-moi-truong-lam-viec .img img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.tuyendung-moi-truong-lam-viec .desc {
  font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
  line-height: 1.4;
}
.tuyendung-moi-truong-lam-viec .desc * {
  font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
  line-height: 1.4;
}

.otgs-development-site-front-end {
  display: none !important;
}

.recruit-list .ajax-btn-wrap.disble-btn {
  display: none;
}
.recruit-list .btn span {
  white-space: nowrap;
}
.recruit-list table {
  overflow: hidden;
  border-radius: 0.625rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border-collapse: collapse !important;
}
.recruit-list table thead th {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 220 220 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(12 92 37 / var(--tw-bg-opacity, 1));
  padding-left: 1.0416666666666667rem;
  padding-right: 1.0416666666666667rem;
  padding-top: 0.4166666666666667rem;
  padding-bottom: 0.4166666666666667rem;
  text-align: center;
  font-size: clamp(14px, calc(16 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.8333333333333334rem);
  line-height: 1.4;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.recruit-list table thead th * {
  font-size: clamp(14px, calc(16 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.8333333333333334rem);
  line-height: 1.4;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.recruit-list table thead th:last-child {
  border-top-right-radius: 0.625rem;
}
.recruit-list table thead th:nth-child(1) {
  text-align: center;
  width: 90px;
  max-width: 90px;
  border-top-left-radius: 0.625rem;
}
.recruit-list table thead th:nth-child(2) {
  width: 42.5%;
  text-align: left;
}
.recruit-list table thead th:nth-child(3), .recruit-list table thead th:nth-child(4), .recruit-list table thead th:nth-child(5) {
  width: 17.4%;
}
@media (min-width: 1200.1px) {
  .recruit-list table thead th:nth-child(4) {
    padding-left: 0.20833333333333334rem;
    padding-right: 0.20833333333333334rem;
  }
  .recruit-list table thead th {
    font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
    line-height: 1.4;
  }
  .recruit-list table thead th * {
    font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
    line-height: 1.4;
  }
}
.recruit-list table tbody tr:nth-child(even) td {
  --tw-bg-opacity: 1;
  background-color: rgb(241 243 244 / var(--tw-bg-opacity, 1));
}
.recruit-list table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 0.625rem;
}
.recruit-list table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0.625rem;
}
.recruit-list table tbody tr:hover td:nth-child(1), .recruit-list table tbody tr:hover .title {
  --tw-text-opacity: 1;
  color: rgb(12 92 37 / var(--tw-text-opacity, 1));
}
.recruit-list table tbody tr:hover td:nth-child(1) *, .recruit-list table tbody tr:hover .title * {
  font: inherit;
}
.recruit-list table tbody tr td {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 220 220 / var(--tw-border-opacity, 1));
  padding-left: 1.0416666666666667rem;
  padding-right: 1.0416666666666667rem;
  padding-top: 0.4166666666666667rem;
  padding-bottom: 0.4166666666666667rem;
  text-align: center;
  font-size: clamp(18px, calc(20 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 1.0416666666666667rem);
  line-height: 1.4;
}
.recruit-list table tbody tr td * {
  font-size: clamp(18px, calc(20 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 1.0416666666666667rem);
  line-height: 1.4;
}
.recruit-list table tbody tr td:nth-child(1) {
  text-align: center;
  width: 90px;
  max-width: 90px;
}
.recruit-list table tbody tr td:nth-child(2) {
  width: 42.5%;
  text-align: left;
}
.recruit-list table tbody tr td:nth-child(3), .recruit-list table tbody tr td:nth-child(4), .recruit-list table tbody tr td:nth-child(5) {
  width: 17.4%;
}
.recruit-list table tbody tr td:nth-child(3) {
  text-align: left;
}
.recruit-list table tbody tr td:hover a {
  --tw-text-opacity: 1;
  color: rgb(12 92 37 / var(--tw-text-opacity, 1));
}
.recruit-list table tbody tr td:hover .btn .ico {
  --tw-bg-opacity: 1;
  background-color: rgb(12 92 37 / var(--tw-bg-opacity, 1));
}
.recruit-list table tbody tr td:hover .btn .ico em, .recruit-list table tbody tr td:hover .btn .ico i {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.recruit-list .custom-select {
  width: 100%;
}
.recruit-list .custom-select::after {
  font-family: 'Font Awesome 6 Pro';
  font-size: clamp(14px, calc(16 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.8333333333333334rem);
  line-height: 1.4;
  font-weight: 300;
  content: "\f078";
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.recruit-list .custom-select select {
  border-style: none;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.recruit-list .custom-select select option {
  --tw-text-opacity: 1;
  color: rgb(41 41 41 / var(--tw-text-opacity, 1));
}
.recruit-list .table-wrap {
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .recruit-list .table-wrap {
    overflow-x: auto;
  }
  .recruit-list .table-wrap table {
    border-spacing: 0 !important;
    border-collapse: separate !important;
    width: 100%;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .recruit-list .table-wrap table {
    white-space: nowrap;
  }
}
.recruit-list .ajax-btn-wrap .btn.btn-primary span, .recruit-list .ajax-btn-wrap .btn.btn-primary em, .recruit-list .ajax-btn-wrap .btn.btn-primary i {
  font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
  line-height: 1.4;
  font-weight: 400;
}
.recruit-list .ajax-btn-wrap .btn.btn-primary span {
  text-transform: none !important;
}
.recruit-list .ajax-btn-wrap .btn.btn-primary:hover span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.tuyendung-ct-frame-1000004187 {
  display: none;
}

.tuyendung-ct-frame-1000004188 {
  display: none;
}

@media (max-width: 1200px) {
  .tuyendung-ct-mo-ta-cong-viec .row .col {
    width: 100%;
  }
}
.tuyendung-ct-mo-ta-cong-viec .card {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.25rem 2.0833333333rem;
}
.tuyendung-ct-mo-ta-cong-viec .panel {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.tuyendung-ct-mo-ta-cong-viec .panel .header {
  display: flex;
  align-items: center;
  padding: 1.0416666667rem 1.25rem;
}
.tuyendung-ct-mo-ta-cong-viec .panel .list .item {
  display: flex;
  flex-direction: column;
  gap: 0.8333333333333334rem;
  padding: 1.25rem;
}
.tuyendung-ct-mo-ta-cong-viec .panel .list .item .box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
}
.tuyendung-ct-mo-ta-cong-viec .panel .list hr {
  margin: 0;
  display: block;
  height: 1px;
  width: 100%;
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(189 189 189 / var(--tw-bg-opacity, 1));
}
.tuyendung-ct-mo-ta-cong-viec .wrap-form .wpcf7-form {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 26px 20px;
}
@media screen and (min-width: 2000px) {
  .tuyendung-ct-mo-ta-cong-viec .wrap-form .wpcf7-form {
    gap: 1.3541666667rem 1.0416666667rem;
  }
}
@media (min-width: 768.1px) {
  .tuyendung-ct-mo-ta-cong-viec .wrap-form .wpcf7-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.tuyendung-ct-mo-ta-cong-viec .wrap-form .form-group input,
.tuyendung-ct-mo-ta-cong-viec .wrap-form .form-group select {
  height: auto;
  width: 100%;
  border-radius: 9999px;
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.0416666666666667rem;
  padding-right: 1.0416666666666667rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1));
}
.tuyendung-ct-mo-ta-cong-viec .wrap-form .form-group input::-moz-placeholder, .tuyendung-ct-mo-ta-cong-viec .wrap-form .form-group select::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1));
}
.tuyendung-ct-mo-ta-cong-viec .wrap-form .form-group input::placeholder,
.tuyendung-ct-mo-ta-cong-viec .wrap-form .form-group select::placeholder {
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1));
}
.tuyendung-ct-mo-ta-cong-viec .wrap-form .form-group .custom-select {
  width: 100%;
}
.tuyendung-ct-mo-ta-cong-viec .wrap-form .form-group .custom-select span {
  width: 100%;
}
@media (max-width: 1024px) {
  .tuyendung-ct-mo-ta-cong-viec .wrap-form .form-group .custom-select::after {
    right: 1.25rem;
    font-size: clamp(14px, calc(16 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.8333333333333334rem);
    line-height: 1.4;
  }
}
.tuyendung-ct-mo-ta-cong-viec .wrap-form .form-group.is-locked input {
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1));
}
.tuyendung-ct-mo-ta-cong-viec .wrap-form .form-group.is-upload .box {
  position: relative;
}
.tuyendung-ct-mo-ta-cong-viec .wrap-form .form-group.is-upload input[type=file] {
  position: absolute;
  inset: 0;
  z-index: 10;
  cursor: pointer;
  opacity: 0;
}
.tuyendung-ct-mo-ta-cong-viec .wrap-form .form-group.is-upload label {
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.0416666666666667rem;
  padding-right: 1.0416666666666667rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: clamp(14px, calc(16 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.8333333333333334rem);
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1));
}
.tuyendung-ct-mo-ta-cong-viec .fullcontent h2 {
  font-size: clamp(18px, calc(20 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 1.0416666666666667rem);
  line-height: 1.4;
}
.tuyendung-ct-mo-ta-cong-viec .fullcontent h2 * {
  font-size: clamp(18px, calc(20 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 1.0416666666666667rem);
  line-height: 1.4;
}

.tuyendung-ct-1 hr {
  margin: 0;
  display: block;
  height: 1px;
  width: 100%;
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.tuyendung-ct-1 .row {
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .tuyendung-ct-1 .row {
    gap: 0.20833333333333334rem;
  }
  .tuyendung-ct-1 .row .col {
    width: 100%;
  }
}
@media (min-width: 1024.1px) {
  .tuyendung-ct-1 .row .col:first-child {
    width: 48.5%;
  }
  .tuyendung-ct-1 .row .col:nth-child(2) {
    width: 45.8%;
  }
}
@media (max-width: 1024px) {
  .tuyendung-ct-1 .img {
    margin-bottom: 1.6666666666666667rem;
  }
}
.tuyendung-ct-1 .list .desc {
  font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
  line-height: 1.4;
}
.tuyendung-ct-1 .heading-5 {
  font-size: clamp(20px, calc(24 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 1.25rem);
  line-height: 1.35;
}
.tuyendung-ct-1 .heading-2 {
  text-transform: none;
}
.tuyendung-ct-1 .fullcontent {
  font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
  line-height: 1.4;
}
.tuyendung-ct-1 .fullcontent * {
  font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
  line-height: 1.4;
}
.tuyendung-ct-1 .fullcontent ul li {
  font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
  line-height: 1.4;
}
.tuyendung-ct-1 .fullcontent ul li * {
  font-size: clamp(16px, calc(18 / 1920 * var(--design-vw, calc(100vw - var(--scrollbar-width, 0px)))), 0.9375rem);
  line-height: 1.4;
}

.other-job .list {
  border-bottom-right-radius: 0.625rem;
  border-bottom-left-radius: 0.625rem;
  border-width: 1px;
  border-top-width: 0;
  --tw-border-opacity: 1;
  border-color: rgb(220 220 220 / var(--tw-border-opacity, 1));
}

.vitri-detail-2 {
  --flex-card-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(12, 92, 37, 0.85) 100%);
  --flex-card-overlay-active: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(12, 92, 37, 0.9) 100%);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.vitri-detail-2 .card-option {
  border-radius: 0.625rem;
}
.vitri-detail-2 .card-option .heading-4 {
  text-align: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out;
}
.vitri-detail-2 .card-option .bottom {
  max-height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: none !important;
  border: none !important;
  filter: none !important;
  backdrop-filter: none !important;
}
.vitri-detail-2 .card-option .img-wrap a::after {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out;
  background: linear-gradient(180deg, rgba(12, 92, 37, 0) 0%, rgba(12, 92, 37, 0.77) 27.98%, #0C5C25 52.68%);
  max-height: 12.2916666667rem;
}
.vitri-detail-2 .card-option.is-active {
  flex-grow: 2.56 !important;
}
.vitri-detail-2 .card-option.is-active .img-wrap a::before {
  opacity: 0;
}
.vitri-detail-2 .card-option.is-active .img-wrap a::after {
  opacity: 1;
}
.vitri-detail-2 .card-option.is-active .txt {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.vitri-detail-2 .card-option.is-active .heading-4 {
  margin-bottom: 0.8333333333333334rem;
  text-align: left;
}
.vitri-detail-2 .card-option.is-active .bottom {
  max-height: 10.4166666667rem;
}
.vitri-detail-2 .desktop-block .txt {
  height: 100%;
  align-items: flex-end;
  padding-left: 1.6666666666666667rem;
  padding-right: 1.6666666666666667rem;
  padding-bottom: 1.25rem;
}
.vitri-detail-2 .tablet-block .img-wrap {
  overflow: hidden;
  border-radius: 0.625rem;
}
.vitri-detail-2 .tablet-block .txt {
  padding-top: 0.8333333333333334rem;
}

.tuyendung-ct-truong-phong-kiem-soat-noi-bo .wrap {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.4166666666666667rem;
}

@media (min-width: 768.1px) {
  .vitri-gallery .title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 1024.1px) {
  .vitri-gallery .container-fluid {
    padding-left: 5.208333333333334rem;
    padding-right: 5.208333333333334rem;
  }
}
@media (max-width: 768px) {
  .vitri-gallery {
    padding-bottom: 100px;
  }
  .vitri-gallery .nav-wrapper {
    bottom: 2.5rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}

.location-map-wrap .map-wrap {
  height: 35.4166666667rem;
}
@media (max-width: 1024px) {
  .location-map-wrap .map-wrap {
    height: 30.2083333333rem;
  }
}

.flex-card {
  --flex-duration: 1s;
  --flex-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --flex-content-duration: 0.6s;
  --flex-content-delay: 0.16s;
}
@media (prefers-reduced-motion: reduce) {
  .flex-card {
    --flex-duration: 0.01s;
    --flex-content-duration: 0.01s;
    --flex-content-delay: 0s;
  }
}
.flex-card .swiper-pagination {
  background-color: transparent !important;
}
.flex-card .desktop-block .img-wrap a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 33.3333333333rem;
}
.flex-card .desktop-block .img-wrap a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.flex-card .desktop-block .img-wrap a:before {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  background: var(--flex-card-overlay);
  transition: background var(--flex-duration) var(--flex-ease);
}
.flex-card .desktop-block .flex-options {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
}
.flex-card .desktop-block .card-option {
  flex: 1 1 0%;
  min-width: 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: flex-grow var(--flex-duration) var(--flex-ease);
}
.flex-card .desktop-block .card-option:not(.is-active) .heading-3 .icon {
  opacity: 0;
}
.flex-card .desktop-block .card-option.is-active {
  flex-grow: 3.25;
}
.flex-card .desktop-block .card-option.is-active .bottom {
  opacity: 1;
}
.flex-card .desktop-block .card-option.is-active .img-wrap a::before {
  background: var(--flex-card-overlay-active);
}
.flex-card .desktop-block .card-option.is-active .heading-3 .icon {
  opacity: 1;
}
.flex-card .desktop-block .card-option .card-label {
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
}
.flex-card .desktop-block .card-option .txt {
  display: flex;
  height: auto;
  align-items: flex-start;
}
.flex-card .desktop-block .card-option .bottom {
  opacity: 0;
  transition: 0.8s all ease-in-out;
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.2;
  backdrop-filter: blur(20px);
}
.flex-card .desktop-block .card-option .heading-3 {
  width: 100%;
  gap: 0.8333333333333334rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-card .desktop-block .card-option .heading-3 .icon {
  pointer-events: none;
  z-index: 10;
  flex: none;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  width: 1.0416666667rem;
  height: 1.0416666667rem;
  opacity: 0;
  transition: opacity var(--flex-content-duration) var(--flex-ease) var(--flex-content-delay);
}
.flex-card .desktop-block .card-option .heading-3 .icon img,
.flex-card .desktop-block .card-option .heading-3 .icon svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.flex-card .tablet-block .init-swiper {
  --spv: 1.2;
  --mr: 12px;
}
@media (min-width: 768.1px) {
  .flex-card .tablet-block .init-swiper {
    --spv: 2;
    --mr: 16px;
  }
}
.flex-card .tablet-block .img-wrap a:before {
  content: none;
  display: none;
}
@media (max-width: 768px) {
  .flex-card .tablet-block .img-wrap a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 67.7966101695%;
  }
  .flex-card .tablet-block .img-wrap a img, .flex-card .tablet-block .img-wrap a svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    transition: 0.3s ease-in-out all;
  }
}
@media (min-width: 768.1px) {
  .flex-card .tablet-block .img-wrap a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 76.1904761905%;
  }
  .flex-card .tablet-block .img-wrap a img, .flex-card .tablet-block .img-wrap a svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    transition: 0.3s ease-in-out all;
  }
}
@media (max-width: 768px) {
  .flex-card .tablet-block .heading-3 {
    font-size: 20px;
  }
}
.flex-card .content-wrap {
  position: relative;
  z-index: 40;
}
.flex-card .desc p {
  margin-bottom: 0;
}

@media (min-width: 1024.1px) {
  .hoatdong-list .media-big .img::before {
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(270deg, rgba(12, 92, 37, 0) 32.12%, rgba(12, 92, 37, 0.89) 57.53%, #0C5C25 80.24%);
  }
}
.hoatdong-list .media-big .content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.8333333333333334rem;
  width: 100%;
  max-width: 33.85416666666667rem;
  padding: 3.3333333333333335rem;
}
@media (max-width: 1024px) {
  .hoatdong-list .media-big .content {
    position: relative;
    inset: auto;
    width: 100%;
    max-width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(12 92 37 / var(--tw-bg-opacity, 1));
    padding: 1.25rem;
  }
}
.hoatdong-list .media-big .heading-3 {
  display: flex;
  font-weight: 700;
}
.hoatdong-list .media-item .content {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.6666666666666667rem;
  padding-top: 1.0416666666666667rem;
  padding-bottom: 1.0416666666666667rem;
  padding-left: 0.20833333333333334rem;
  padding-right: 0.20833333333333334rem;
}
@media (min-width: 1024.1px) {
  .hoatdong-list .media-item .content {
    gap: 2.916666666666667rem;
  }
}
@media (min-width: 576.1px) {
  .hoatdong-list .media-item .heading-5 {
    display: -webkit-box;
    font-size: clamp(16px, 1.0416666667rem, 1.0416666667rem);
    height: 2.9166666667rem;
    min-height: 44.8px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
.hoatdong-list .media-item:hover .heading-5 {
  --tw-text-opacity: 1;
  color: rgb(12 92 37 / var(--tw-text-opacity, 1));
}
/*# sourceMappingURL=main.min.css.map */