.top-banner {    position: relative; }
  .top-banner a {    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 30%; }
    .top-banner a::after {
      content: '';
      pointer-events: none;
      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;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      transition: .4s all ease-in-out;      max-height: 16.66667rem;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); }
    .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: .3s ease-in-out all; }

.modulepager, .post-nav {    display: flex;    align-items: center;    justify-content: center;    padding-top: 1.875rem;    padding-bottom: 0; }
  .modulepager ul, .post-nav ul {
    padding: 0;
    margin: 0;
    position: relative;
    gap: 1.0416666666666667rem;
    display: flex;
    justify-content: center;
    align-items: center }
    .modulepager ul li, .post-nav ul li {
      display: inline-block; }
      .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 {    --tw-bg-opacity: 1;    background-color: rgb(4 85 164 / var(--tw-bg-opacity, 1));    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
      .modulepager ul li span, .modulepager ul li a, .post-nav ul li span, .post-nav ul li a {
        transition: .3s all  ease-in-out;
        text-decoration: none;
        overflow: hidden;
        border-radius: 0.25rem;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(4 85 164 / var(--tw-border-opacity, 1));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
        font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);
        line-height: 1.4;
        font-weight: 400;
        --tw-text-opacity: 1;
        color: rgb(4 85 164 / var(--tw-text-opacity, 1));
        display: flex;
        justify-content: center;
        align-items: center;        min-width: 40px;
        width: 40px;
        height: 40px; }
    .modulepager ul .next a, .post-nav ul .next a {    white-space: nowrap; }

.pages ul.pagination li, .modulepager ul.pagination li {
  background: transparent !important;
  border: none !important; }

.banner-breadcrumb {    position: relative;    overflow: hidden; }

@media (min-width: 1024.1px) {
  .banner-breadcrumb .global-breadcrumb {    bottom: 0;    z-index: 50;    width: 100%;    display: flex;    justify-content: flex-start;    align-items: center;    position: absolute;    left: 50%;    transform: translateX(-50%); }
    .banner-breadcrumb .global-breadcrumb .Module {    order: 2; }
    .banner-breadcrumb .global-breadcrumb ol {    position: relative;    order: 2;    width: 100%;    padding-top: 1.25rem;    padding-bottom: 1.25rem;    display: flex;    justify-content: flex-start;    align-items: center; }
      .banner-breadcrumb .global-breadcrumb ol li::after {
        background: rgba(255, 255, 255, 0.6) !important;
        opacity: 1 !important; }
      .banner-breadcrumb .global-breadcrumb ol li a.active {    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
        .banner-breadcrumb .global-breadcrumb ol li a.active * {    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
      .banner-breadcrumb .global-breadcrumb ol li:last-child a, .banner-breadcrumb .global-breadcrumb ol li:last-child span {    font-weight: 700 !important;    color: rgb(88 185 70 / var(--tw-text-opacity, 1)) !important;    --tw-text-opacity: 1 !important; }
      .banner-breadcrumb .global-breadcrumb ol li a {    color: rgb(255 255 255 / var(--tw-text-opacity, 1));    --tw-text-opacity: 0.6; }
        .banner-breadcrumb .global-breadcrumb ol li a span {    color: rgb(255 255 255 / var(--tw-text-opacity, 1));    --tw-text-opacity: 0.6; } }

.global-breadcrumb {    display: flex;    align-items: center;    justify-content: flex-start;  min-height: 50px; }

@media (max-width: 1024px) {
  .global-breadcrumb {    border-bottom-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(4 85 164 / var(--tw-border-opacity, 1));    padding-top: 0.20833333333333334rem;    padding-bottom: 0.20833333333333334rem; } }
  .global-breadcrumb .container {    position: relative;    display: flex;    height: 100%;    align-items: center;    min-height: 50px; }
  .global-breadcrumb ol {    margin: 0;    list-style-type: none;    padding: 0;    background: none !important;
    border-radius: 0 !important; }
    .global-breadcrumb ol li {    position: relative;    display: inline-flex;    font-size: clamp(14px, calc(14 / 1920 * 100vw), 0.7291666666666667rem);    line-height: 1; }
      .global-breadcrumb ol li:not(:last-child) {    margin-right: 1.875rem; }
      .global-breadcrumb ol li: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-weight: 300;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);        right: -0.83333rem;
        height: 14px;
        width: 1px; }

@media (min-width: 1024.1px) {
  .global-breadcrumb ol li:after {
    right: -0.9375rem; } }
        @media screen and (max-width: 1024px) {
          .global-breadcrumb ol li:after {
            font-size: 14px; } }
      .global-breadcrumb ol li:first-child {    padding-left: 0; }
        .global-breadcrumb ol li:first-child:after {
          right: -1.14583rem; }
      .global-breadcrumb ol li:last-child span, .global-breadcrumb ol li:last-child a {    font-weight: 700;    color: rgb(88 185 70 / var(--tw-text-opacity, 1));    --tw-text-opacity: 1; }
      .global-breadcrumb ol li:last-child:after {    display: none; }
      .global-breadcrumb ol li a, .global-breadcrumb ol li span {    font-size: clamp(14px, calc(14 / 1920 * 100vw), 0.7291666666666667rem);    line-height: 1.4;    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }

.solution-item .heading-4 {
  display: -webkit-box;
  font-size: clamp(17px, 1.04167rem, 1.04167rem);
  height: 2.91667rem;
  min-height: 47.6px;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.solution-item .headline {
  margin-bottom: 0.625rem !important; }

.solution-item .desc {
  display: -webkit-box;
  font-size: clamp(15px, 0.83333rem, 0.83333rem);
  height: 2.33333rem;
  min-height: 42px;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: 400 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(70 70 70 / var(--tw-text-opacity, 1)) !important;  font-family: "Be Vietnam Pro" !important; }
  .solution-item .desc * {    font-weight: 400 !important;    --tw-text-opacity: 1 !important;    color: rgb(70 70 70 / var(--tw-text-opacity, 1)) !important;    font-family: "Be Vietnam Pro" !important; }

.product-detail-page .top-banner, .news-detail-page .top-banner {    display: none; }

.product-detail-page .global-breadcrumb, .news-detail-page .global-breadcrumb {
  position: static !important;
  left: unset !important;
  top: unset !important;
  right: unset !important;
  bottom: unset !important;
  transform: none !important; }
  .product-detail-page .global-breadcrumb ol li:after, .news-detail-page .global-breadcrumb ol li:after {
    content: '';
    pointer-events: none;
    z-index: 10;
    display: block;
    font-weight: 300;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    --tw-bg-opacity: 1 !important;
    background-color: rgb(129 129 129 / var(--tw-bg-opacity, 1)) !important }
  .product-detail-page .global-breadcrumb ol li:last-child span, .product-detail-page .global-breadcrumb ol li:last-child a, .news-detail-page .global-breadcrumb ol li:last-child span, .news-detail-page .global-breadcrumb ol li:last-child a {    font-weight: 700;    --tw-text-opacity: 1 !important;    color: rgb(88 185 70 / var(--tw-text-opacity, 1)) !important; }
  .product-detail-page .global-breadcrumb ol li:last-child:after, .news-detail-page .global-breadcrumb ol li:last-child:after {    display: none; }
  .product-detail-page .global-breadcrumb ol li a, .product-detail-page .global-breadcrumb ol li span, .news-detail-page .global-breadcrumb ol li a, .news-detail-page .global-breadcrumb ol li span {    font-size: clamp(14px, calc(14 / 1920 * 100vw), 0.7291666666666667rem);    line-height: 1.4;    font-weight: 400;    --tw-text-opacity: 1 !important;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)) !important; }

.product-detail-page main, .news-detail-page main {
  background: linear-gradient(180deg, rgba(4, 85, 164, 0) 0%, rgba(4, 85, 164, 0.05) 100%); }

.product-list-page .newspager {    display: none; }

.productpager {    margin-top: 2.0833333333333335rem; }

.bg-wrap {    overflow: hidden;    border-radius: 1.0416666666666667rem;    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }

.product-chart img {    height: 100%;    -o-object-fit: contain;    object-fit: contain; }

.product-chart .item {    align-items: flex-start;    padding-left: 0 !important;    padding-right: 0 !important; }

@media (min-width: 1024.1px) {
  .product-chart .item {    padding-top: 2.0833333333333335rem !important;    padding-bottom: 2.0833333333333335rem !important; } }

.product-chart .icon {    margin-top: 0.20833333333333334rem; }

.product-chart .rows {    margin: 0;    padding: 0; }

@media (min-width: 1200.1px) {
  .product-chart .rows {    padding-left: 1.6666666666666667rem !important;    padding-right: 1.6666666666666667rem !important; } }
  .product-chart .rows .col {    margin-bottom: 0; }

@media (max-width: 1024px) {
  .product-chart .rows .col:not(:last-child) {    margin-bottom: 1.6666666666666667rem; } }

.product-detail-page main {
  background: #F3F6FB; }

.product-detail .price-wrap .discount {
  margin-left: 0.41667rem; }

.product-detail .price-wrap .label {
  margin: 0.41667rem 0.625rem 0 0; }

.product-detail .price-wrap .current {
  margin-bottom: 0.625rem; }

.product-detail .swiper-nav {    padding: 1.25rem !important; }

@media (max-width: 1024px) {
  .product-detail .col:first-child {    order: 2; }
  .product-detail .col:nth-child(2) {    order: 1; } }

.product-detail .product-thumb {    margin-top: 1.0416666666666667rem;    width: 100%; }

@media (max-width: 768px) {
  .product-detail .product-thumb {    margin-top: 1.6666666666666667rem; } }
  .product-detail .product-thumb .img {
    width: auto;
    height: 75px;
    overflow: hidden;
    border-radius: 0.25rem;
    border-width: 1px;
    border-color: transparent;
    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: 1200.1px) {
  .product-detail .product-thumb .img {
    height: 3.90625rem; } }
    .product-detail .product-thumb .img.video::after {
      content: '';
      pointer-events: none;
      z-index: 10;
      display: block;
      height: 100%;
      width: 100%;
      font-family: 'Font Awesome 6 Pro';
      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;      width: 40px;
      height: 32px;
      background: url("../img/icon/youtube.png");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
    .product-detail .product-thumb .img img {
      width: auto;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }

.product-detail .swiper-slide.swiper-slide-thumb-active .img {    --tw-border-opacity: 1;    border-color: rgb(4 85 164 / var(--tw-border-opacity, 1)); }

.product-detail .product-main {    width: 100%; }
  .product-detail .product-main .img {    border-radius: 1.6666666666666667rem;    padding: 0;    display: flex;    justify-content: center;    align-items: center; }
    .product-detail .product-main .img a.video::after {
      content: '\f144';
      pointer-events: none;
      z-index: 10;
      display: block;
      height: 100%;
      width: 100%;
      font-family: 'Font Awesome 6 Pro';
      opacity: 0.5;
      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 }

@media (max-width: 1024px) {
  .product-detail .product-main .img a {    width: 100%;    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 81.93146%; }
    .product-detail .product-main .img a img, .product-detail .product-main .img a svg {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      -o-object-fit: contain;
         object-fit: contain;
      transition: .3s ease-in-out all; } }

@media (min-width: 1024.1px) {
  .product-detail .product-main .img a {    height: 100%;    width: 100%;    display: flex;    justify-content: center;    align-items: center;    height: 27.60417rem; }
    .product-detail .product-main .img a img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain; } }
    .product-detail .product-main .img img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain; }

.product-detail .prev, .product-detail .next {    z-index: 50; }

@media (min-width: 1024.1px) {
  .product-detail .prev, .product-detail .next {
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;    left: unset !important;
    right: unset !important;
    position: relative !important;
    transform: none !important; } }

@media (max-width: 1024px) {
  .product-detail .prev, .product-detail .next {    position: absolute !important;    top: 50% !important;    transform: translateY(-50%) !important; } }

@media (min-width: 1024.1px) {
  .product-detail .prev {    margin-right: 1.25rem; } }

@media (max-width: 1024px) {
  .product-detail .prev {    left: 0; }
  .product-detail .next {    right: 0; } }

.product-detail .btn-primary {    width: 100%; }

.read-more-wrap.is-expand .btn.btn-tertiary .txt-1 {    display: none; }

.read-more-wrap.is-expand .btn.btn-tertiary .txt-2 {    display: block; }

.read-more-wrap.is-expand .btn.btn-tertiary .icon {
  transform: rotateX(-180deg); }

.read-more-wrap.is-expand .article {
  height: auto !important; }

.read-more-wrap .article {  overflow: hidden;
  transition: height 0.3s ease; }

.read-more-wrap .btn-read-more {    margin-top: 0.625rem; }
  .read-more-wrap .btn-read-more .txt-1 {    display: block; }
  .read-more-wrap .btn-read-more .txt-2 {    display: none; }
  .read-more-wrap .btn-read-more.hide {    display: none; }
  .read-more-wrap .btn-read-more span {    font-size: clamp(14px, calc(14 / 1920 * 100vw), 0.7291666666666667rem);    line-height: 1.4;    font-weight: 500; }

.product-detail-2 .tab-navs {    overflow-x: auto;  justify-content: flex-start; }
  .product-detail-2 .tab-navs ul {    display: flex;    justify-content: flex-start;    align-items: center; }
  .product-detail-2 .tab-navs li:hover a, .product-detail-2 .tab-navs li.active a {    --tw-border-opacity: 1;    border-color: rgb(88 185 70 / var(--tw-border-opacity, 1));    --tw-bg-opacity: 1;    background-color: rgb(88 185 70 / var(--tw-bg-opacity, 1));    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
  .product-detail-2 .tab-navs a {    height: 42px;    min-height: 42px;    overflow: hidden;    border-radius: 9999px;    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(4 85 164 / var(--tw-border-opacity, 1));    padding-left: 0.8333333333333334rem;    padding-right: 0.8333333333333334rem;    padding-top: 0.4166666666666667rem;    padding-bottom: 0.4166666666666667rem;    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    font-weight: 500;    --tw-text-opacity: 1;    color: rgb(4 85 164 / 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; }
  .product-detail-2 .tab-navs ul {    white-space: nowrap;    padding-bottom: 0.20833333333333334rem;    display: flex;    align-items: center;    justify-content: flex-start; }
    .product-detail-2 .tab-navs ul li:first-child {    padding-left: 0; }
  .product-detail-2 .tab-navs ul {
    justify-content: flex-start; }

.product-detail-2 .fullcontent {    text-align: left !important; }

.product-detail-3 .fullcontent {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem) !important;    line-height: 1.4 !important; }
  .product-detail-3 .fullcontent * {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem) !important;    line-height: 1.4 !important; }

@media (max-width: 768px) {
  .product-other .container {    padding-bottom: 60px; }
  .product-other .swiper-nav {    bottom: 0;    position: absolute;    left: 50%;    transform: translateX(-50%); } }

.product-other .product-item {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }

.table-specs table {
  width: 100%; }

.table-specs tr td {    border-bottom-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(246 246 246 / 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.4166666666666667rem;    padding-bottom: 0.4166666666666667rem;    text-align: left;    font-size: clamp(14px, calc(14 / 1920 * 100vw), 0.7291666666666667rem);    line-height: 1.4; }
  .table-specs tr td * {    font-size: clamp(14px, calc(14 / 1920 * 100vw), 0.7291666666666667rem);    line-height: 1.4; }
  .table-specs tr td:first-child {    min-width: 140px;    background-color: rgb(4 85 164 / var(--tw-bg-opacity, 1));    --tw-bg-opacity: 0.2;    font-weight: 700;    --tw-text-opacity: 1;    color: rgb(4 85 164 / var(--tw-text-opacity, 1)); }

.toggle-wrap {
  padding-top: 0.625rem !important; }

.toggle-item {    overflow: hidden;    padding-top: 1.25rem;    padding-bottom: 1.25rem;    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-bottom: 1px solid #DCDCDC; }
  .toggle-item:first-child {
    border-top: 1px solid #DCDCDC; }
  .toggle-item .number {    margin-right: 0.625rem;    min-width: 32px;    line-height: 1; }
  .toggle-item .txt {    display: flex;    justify-content: flex-start;    align-items: center; }
  .toggle-item .title {    border-color: transparent;    padding: 0;    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    font-weight: 700;    display: flex;    justify-content: space-between;    align-items: center; }
    .toggle-item .title * {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    font-weight: 700; }
    .toggle-item .title .ico em {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    font-weight: 300; }

@media (min-width: 1024.1px) {
  .toggle-item .title .ico em {    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666667rem);    line-height: 1.4; } }
  .toggle-item .article {
    display: grid;
    grid-template-rows: 0fr;
    transition: .4s grid-template-rows ease; }
    .toggle-item .article > div {
      overflow: hidden; }
  .toggle-item.is-toggle {    padding-top: 0.625rem;    padding-bottom: 0.625rem; }
    .toggle-item.is-toggle .title * {    --tw-text-opacity: 1;    color: rgb(4 85 164 / var(--tw-text-opacity, 1)); }
    .toggle-item.is-toggle .title span {    --tw-text-opacity: 1;    color: rgb(4 85 164 / var(--tw-text-opacity, 1));      -webkit-line-clamp: unset; }
    .toggle-item.is-toggle .ico em {    --tw-text-opacity: 1;    color: rgb(4 85 164 / var(--tw-text-opacity, 1)); }
      .toggle-item.is-toggle .ico em:before {
        content: '\f068'; }
    .toggle-item.is-toggle .article {
      grid-template-rows: 1fr;
      margin-top: 0.4166666666666667rem }
  .toggle-item:hover .title * {    --tw-text-opacity: 1;    color: rgb(4 85 164 / var(--tw-text-opacity, 1)); }
  .toggle-item:hover .title span {    --tw-text-opacity: 1;    color: rgb(4 85 164 / var(--tw-text-opacity, 1));    -webkit-line-clamp: unset; }

@media (max-width: 1024px) {
  .chart-partner {
    padding: 0 !important; } }

.other-news .post {    padding-left: 0.8333333333333334rem; }

.filter-toggle {    position: fixed;    top: 50%;    right: 5px;    z-index: 99;    height: 36px;    width: 36px;    overflow: hidden;    border-radius: 0.25rem;    --tw-bg-opacity: 1;    background-color: rgb(88 185 70 / var(--tw-bg-opacity, 1));    display: flex;    justify-content: center;    align-items: center; }

@media (min-width: 1024.1px) {
  .filter-toggle {    display: none; } }
  .filter-toggle em {    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666667rem);    line-height: 1.4;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

.filter-item .title {
  padding: 0.625rem 1.25rem; }

.filter-item:not(:last-child) {    margin-bottom: 1.25rem; }

.filter-item a {    position: relative;    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;    align-items: center;    transition: .4s all ease-in-out;    justify-content: flex-start !important;    padding-left: 0 !important;    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem) !important;    line-height: 1.4 !important;    font-weight: 400 !important;  background-image: none !important; }
  .filter-item a:not(:last-child) {    margin-bottom: 0.625rem; }

@media (min-width: 1200.1px) {
  .filter-item a:not(:last-child) {    margin-bottom: 1.0416666666666667rem; } }
  .filter-item a::before {
    content: '\f0c8';
    pointer-events: none;
    z-index: 10;
    margin-right: 8px;
    display: block;
    font-family: 'Font Awesome 6 Pro';
    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666667rem);
    line-height: 1.4;
    font-weight: 400;
    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;
    width: 1.0416666666666667rem;
    height: 1.0416666666666667rem;
    min-width: 1.0416666666666667rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden }
  .filter-item a > em::before,.filter-item a > i::before,.filter-item a > svg::before {    max-width: 100%;    max-height: 100%;    display: block;    font-size: inherit; }
  .filter-item a::before {    transition: .4s all ease-in-out; }
  .filter-item a.active {    font-weight: 700 !important;    --tw-text-opacity: 1 !important;    color: rgb(88 185 70 / var(--tw-text-opacity, 1)) !important; }
    .filter-item a.active:before {
      content: '\f14a';
      --tw-text-opacity: 1;
      color: rgb(88 185 70 / var(--tw-text-opacity, 1)) }
  .filter-item a:hover {    --tw-text-opacity: 1;    color: rgb(88 185 70 / var(--tw-text-opacity, 1)); }

.filter-item .wrap {
  padding: 0.625rem 1.25rem; }

.facetwp-slider-reset {    margin-top: 1.0416666666666667rem;    height: 2.0833333333333335rem;    cursor: pointer;    overflow: hidden;    border-radius: 0.4166666666666667rem;    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(4 85 164 / var(--tw-border-opacity, 1));    --tw-bg-opacity: 1;    background-color: rgb(4 85 164 / var(--tw-bg-opacity, 1));    padding-top: 0.4166666666666667rem;    padding-bottom: 0.4166666666666667rem;    padding-left: 1.0416666666666667rem;    padding-right: 1.0416666666666667rem;    font-size: clamp(14px, calc(16 / 1920 * 100vw), 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;  min-height: 40px; }
  .facetwp-slider-reset:hover {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    --tw-text-opacity: 1;    color: rgb(4 85 164 / var(--tw-text-opacity, 1)); }

.copyright {    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;    --tw-text-opacity: 0.5 !important; }

@media (max-width: 1024px) {
  .mobile-filter-wrap {    pointer-events: auto;    position: fixed;    left: 0;    z-index: 999;    height: 100vh;    width: 100%;    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    opacity: 1;    top: var(--header-height);
    transition: .5s all  ease-in-out;
    padding: 50px 0 0 0;
    transform: translateX(-100%); }
    .mobile-filter-wrap .block-wrap {    display: flex;    align-items: flex-start; }
  .mobile-filter-wrap .filter-block {    height: 100vh;    width: 100%;    border-left-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(220 220 220 / var(--tw-border-opacity, 1));    padding: 0 16px 20px 20px; } }

.mobile-filter-wrap.is-open {    transform: none; }

@media (min-width: 1024.1px) {
  .mobile-filter-wrap .btn-apply {    display: none !important; } }

.mobile-filter-wrap .scrollbar-wrap {    overflow: visible;    padding-right: 0; }

@media (max-width: 1024px) {
  .mobile-filter-wrap .scrollbar-wrap {
    max-height: calc( 100vh - 150px); } }

@media (min-width: 1024.1px) {
  .mobile-filter-wrap .scrollbar-wrap {
    max-height: 100%; } }

.close-filter {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0.8333333333333334rem;
  z-index: 20;
  margin-left: auto;
  padding-top: 0.4166666666666667rem;
  display: flex;
  justify-content: center;
  align-items: center }

@media (min-width: 1024.1px) {
  .close-filter {    display: none; } }
  .close-filter em {    font-size: clamp(36px, calc(48 / 1920 * 100vw), 2.5rem);    line-height: 1.25; }

@media (max-width: 1200px) {
  .view-sort-wrap {    justify-content: center; } }

.view-sort-wrap .custom-select::after {    height: -moz-fit-content;    height: fit-content;    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4;    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(4 85 164 / var(--tw-text-opacity, 1)); }

.view-sort-wrap .custom-select select {    height: 36px;    border-radius: 9999px;    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(4 85 164 / var(--tw-border-opacity, 1));    padding-left: 1.25rem;    padding-right: 1.25rem;    padding-right: 30px;    font-size: clamp(14px, calc(14 / 1920 * 100vw), 0.7291666666666667rem);    line-height: 1.4; }
  .view-sort-wrap .custom-select select option {    font-size: clamp(14px, calc(14 / 1920 * 100vw), 0.7291666666666667rem);    line-height: 1.4; }

.active-filter-list {
  display: none !important; }

.remove-filter span {    white-space: nowrap; }

.remove-filter::after {
  content: '\f00d';
  pointer-events: none;
  z-index: 10;
  margin-top: 0.20833333333333334rem;
  margin-left: 10px;
  display: block;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: 'Font Awesome 6 Pro';
  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 }

.facetwp-facet .noUi-target {
  box-shadow: none;
  border: none;
  background: none !important; }

.facetwp-facet .facetwp-slider-label {    margin-bottom: 1.6666666666666667rem !important;    width: 100% !important;    font-size: clamp(14px, calc(14 / 1920 * 100vw), 0.7291666666666667rem) !important;    line-height: 1.4 !important;    font-weight: 700 !important;    --tw-text-opacity: 1 !important;    color: rgb(4 85 164 / var(--tw-text-opacity, 1)) !important;    display: flex !important;    justify-content: space-between !important;    align-items: center !important; }

.facetwp-facet .noUi-connect {    height: 4px;    --tw-bg-opacity: 1;    background-color: rgb(4 85 164 / var(--tw-bg-opacity, 1)); }

.facetwp-facet .noUi-connects {    height: 4px;    border-radius: 9999px;  background: #B61A2533; }

.facetwp-facet .noUi-horizontal .noUi-handle {
  background: url("../img/icon/dot.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 20px;
  height: 20px;
  box-shadow: none;
  border: none;
  top: -8px; }
  .facetwp-facet .noUi-horizontal .noUi-handle:before, .facetwp-facet .noUi-horizontal .noUi-handle:after {    display: none; }

.facetwp-facet-price {    display: flex !important;    flex-direction: column !important; }
  .facetwp-facet-price .facetwp-slider-wrap {    order: 2; }
  .facetwp-facet-price .facetwp-slider-label {    order: 1; }
  .facetwp-facet-price div:nth-child(3) {    order: 3; }

.history-page .timeline .milestone .event strong, .history-page .timeline .milestone .event strong * {
  font-size: 0.875rem;
  position: relative;
  padding: 15px 8px; }

.history-page .timeline .milestone .event > strong, .history-page .timeline .milestone .event > p > strong {
  padding-left: 0 !important; }

.sidebar-category, .news-video, .news-daily, .newsimg, .ceocol, .awardcol .img {    overflow: hidden;    border-radius: 0.8333333333333334rem; }

.news-detail-page .top-banner {    display: none; }

.news-detail-page .newsdetailpager, .news-detail-page .commentpanel {
  display: none !important; }

.hot-news, .newsgroup {    padding-left: 15px;    padding-right: 15px; }

@media (max-width: 1024px) {
  .news-page {    padding-bottom: 0 !important; } }

.news-page .content table {
  width: 100% !important; }

@media (max-width: 1024px) {
  .news-page .modulepager {
    padding: 0 !important;
    margin-bottom: 1.5625rem !important; } }

.middle-fullwidth {    width: 100% !important;    padding: 0 !important; }

.news-detail {    overflow: visible; }
  .news-detail .social-wrap {    display: flex;    flex-direction: column; }
    @media screen and (max-width: 1024px) {
      .news-detail .social-wrap {    flex-direction: row;    justify-content: flex-start; } }
  .news-detail .type {    font-size: clamp(14px, calc(14 / 1920 * 100vw), 0.7291666666666667rem);    line-height: 1.4;    font-weight: 500;    --tw-text-opacity: 1;    color: rgb(88 185 70 / var(--tw-text-opacity, 1)); }
  .news-detail time {    padding-left: 1.25rem;    padding-right: 1.25rem;    font-size: clamp(14px, calc(14 / 1920 * 100vw), 0.7291666666666667rem);    line-height: 1.4;    font-weight: 500;    --tw-text-opacity: 1;    color: rgb(41 41 41 / var(--tw-text-opacity, 1)); }
    .news-detail time:before {    display: none; }
  .news-detail #ez-toc-container ul li::before {    display: none; }
  .news-detail .time-wrap {    display: flex;    justify-content: flex-start;    align-items: center; }
    .news-detail .time-wrap::after {
      content: '';
      pointer-events: none;
      left: 0;
      z-index: 10;
      display: block;
      height: 1px;
      width: 100%;
      --tw-bg-opacity: 1;
      background-color: rgb(4 85 164 / var(--tw-bg-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;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      transition: .4s all ease-in-out }
  .news-detail .briefcontent {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4;    font-weight: 700; }
    .news-detail .briefcontent * {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4;    font-weight: 700; }
  .news-detail .social {    position: sticky;    gap: 0.4166666666666667rem;    display: flex;    justify-content: flex-start;    align-items: center; }

@media (min-width: 1024.1px) {
  .news-detail .social {
    top: 10px;
    left: -60px;
    position: absolute; } }
    .news-detail .social a {    overflow: hidden;    border-radius: 9999px;    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(4 85 164 / var(--tw-border-opacity, 1));    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-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;      width: 2.5rem;
      height: 2.5rem; }
      .news-detail .social a em {    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666667rem);    line-height: 1.4;    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(4 85 164 / 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; }
      .news-detail .social a:hover {    --tw-bg-opacity: 1;    background-color: rgb(4 85 164 / var(--tw-bg-opacity, 1)); }
        .news-detail .social a:hover em {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
  .news-detail .news-other {    position: sticky;    right: 0;    z-index: 50;    top: var(--header-height) !important; }

@media (max-width: 1200px) {
  .news-other {    padding-top: 0; } }

@media screen and (max-width: 576px) {
  .news-other .swiper-nav {    padding-top: 0.8333333333333334rem; } }

.side-news {    height: -moz-fit-content;    height: fit-content;    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;  align-items: flex-start !important; }

@media (max-width: 576px) {
  .side-news {    margin-bottom: 1.0416666666666667rem; } }

@media (min-width: 576.1px) {
  .side-news {    padding-top: 1.25rem;    padding-bottom: 1.25rem;    display: flex;    justify-content: flex-start;    align-items: center;    border-bottom: 1px solid #D9D9D9; } }
  .side-news:last-child {    border-bottom-color: transparent; }
  .side-news:first-child {    padding-top: 0; }
  .side-news time {    margin: 0;    margin-top: 0.20833333333333334rem;    padding: 0;    font-weight: 400;    color: #656565; }
  .side-news .headline a {
    display: -webkit-box;
    font-size: clamp(14px, 0.72917rem, 0.72917rem);
    height: 2.04167rem;
    min-height: 39.2px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; }
  .side-news:hover .headline a {    --tw-text-opacity: 1;    color: rgb(4 85 164 / var(--tw-text-opacity, 1)); }
  .side-news .img {
    flex: 1 0 auto; }
    .side-news .img a {    overflow: hidden;    border-radius: 0.4166666666666667rem;    display: flex;    justify-content: center;    align-items: center; }
      .side-news .img a img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }

@media (min-width: 576.1px) {
  .side-news .img a {
    width: 5.20833rem;
    min-width: 5.20833rem;
    max-width: 5.20833rem;
    height: 3.64583rem; } }
  .side-news .txt {
    flex: 0 1 auto;
    width: 100%;
    padding-top: 0.8333333333333334rem }

@media (max-width: 576px) {
  .side-news .txt {    padding-bottom: 0; } }

@media (min-width: 576.1px) {
  .side-news .txt {    margin-left: 1.0416666666666667rem;    padding-top: 0; } }

.contact-map .ModuleContent {
  display: block;
  height: 576px;
  overflow: hidden;  text-align: center;
  width: 100%; }
  @media screen and (max-width: 1024px) {
    .contact-map .ModuleContent {
      height: 400px; } }
  @media screen and (max-width: 576px) {
    .contact-map .ModuleContent {
      height: 300px; } }
  .contact-map .ModuleContent iframe {    display: inline-block;    height: 100%;    width: 100%; }

.contact-form .frm-btn input[type=submit] {    display: flex;    overflow: hidden;    border-radius: 0.4166666666666667rem; }

.contact-form .form-group {
  margin-bottom: 23px !important; }
  .contact-form .form-group .fa-exclamation-triangle {    margin-top: 0.20833333333333334rem;    padding-left: 0.20833333333333334rem;    color: red;
    font-size: 0.9375rem;
    display: block;
    position: absolute;
    left: 0;
    right: unset;
    text-indent: unset !important;
    width: auto;
    height: auto;
    top: unset !important;
    line-height: normal;
    text-align: left;
    font-family: "Be Vietnam Pro" !important;
    font-size: 12px !important; }
    .contact-form .form-group .fa-exclamation-triangle::after {
      display: none !important; }
    .contact-form .form-group .fa-exclamation-triangle:before {    width: -moz-fit-content;    width: fit-content;    font-family: 'Font Awesome 6 Pro';      position: static !important; }

.contact-form div.RadUpload_Simple .ruRemove {
  margin-left: 10px !important;
  width: 90px !important;
  background: red !important;
  color: white !important; }

.contact-form .frm-thanks {    --tw-text-opacity: 1 !important;    color: rgb(4 85 164 / var(--tw-text-opacity, 1)) !important; }

.news-detail-page {    overflow: visible; }
  .news-detail-page .top-block-container > section {    overflow: visible; }

.cmszone > a {    display: none; }

@media (max-width: 1024px) {
  .cmszone .sidebarcol:first-child {    margin-top: 2.0833333333333335rem; } }

.modulepager {    padding-bottom: 2.0833333333333335rem;    padding-top: 0; }

.commentpanel {
  display: none; }

.side-nav-mobile {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
  .side-nav-mobile .title-nav {    --tw-bg-opacity: 1;    background-color: rgb(4 85 164 / var(--tw-bg-opacity, 1));    display: flex;    justify-content: space-between;    align-items: center;    padding: 0.625rem 1.25rem; }
    .side-nav-mobile .title-nav em {    font-size: clamp(20px, calc(24 / 1920 * 100vw), 1.25rem);    line-height: 1.35;    font-weight: 400;    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 (min-width: 1024.1px) {
  .side-nav-mobile .title-nav em {    display: none; } }

@media (max-width: 1200px) {
  .side-nav-mobile .title-nav span {    padding-bottom: 0; } }
    .side-nav-mobile .title-nav span::after {
      content: '';
      pointer-events: none;
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 10;
      display: block;
      height: 3px;
      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 (max-width: 1200px) {
  .side-nav-mobile .title-nav span::after {    display: none; } }
  .side-nav-mobile.is-active .title-nav em {
    transform: rotateX(-180deg); }

.side-nav {    padding-left: 0.8333333333333334rem;    padding-right: 0.8333333333333334rem;    padding-top: 1.25rem;    padding-bottom: 1.25rem; }
  @media screen and (max-width: 1024px) {
    .side-nav {    display: none; } }
  .side-nav .nav .nav-link {    padding-bottom: 1.0416666666666667rem; }
  .side-nav .nav-link {    display: block;    width: 100%; }
    .side-nav .nav-link:hover > a, .side-nav .nav-link:hover .title > a, .side-nav .nav-link.active > a, .side-nav .nav-link.active .title > a {    font-weight: 700;    --tw-text-opacity: 1;    color: rgb(88 185 70 / var(--tw-text-opacity, 1)); }
    .side-nav .nav-link:hover .icon:before, .side-nav .nav-link.active .icon:before {    --tw-text-opacity: 1;    color: rgb(88 185 70 / var(--tw-text-opacity, 1));      transform: rotateX(-180deg); }
    .side-nav .nav-link.active .nav-menu {
      grid-template-rows: 1fr; }
    .side-nav .nav-link .title {    display: flex;    width: 100%;    align-items: center;    justify-content: space-between;    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; }
    .side-nav .nav-link > a, .side-nav .nav-link .title > a {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4;    font-weight: 400;    --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; }
  .side-nav .icon {    position: relative;    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    font-weight: 300;    line-height: 1;    --tw-text-opacity: 1;    color: rgb(1 84 143 / 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;    height: 30px;
    width: 52px; }
    .side-nav .icon::before {
      content: '\f0d7';
      pointer-events: none;
      z-index: 10;
      height: 100%;
      width: 100%;
      font-family: 'Font Awesome 6 Pro';
      font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
      line-height: 1.4;
      font-weight: 900;
      --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;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: .4s all ease-in-out }
  .side-nav .nav-menu {    width: 100%;    padding-left: 1.4583333333333335rem;    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.4s ease; }
    .side-nav .nav-menu > ul {    overflow: hidden; }
    .side-nav .nav-menu li {    margin-bottom: 0.8333333333333334rem; }
      .side-nav .nav-menu li:first-child {    margin-top: 1.0416666666666667rem; }
      .side-nav .nav-menu li:not(:last-child) a {    margin-bottom: 0; }
      .side-nav .nav-menu li.active > a, .side-nav .nav-menu li:hover > a {    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(88 185 70 / var(--tw-text-opacity, 1)); }
    .side-nav .nav-menu a {    width: 100%;    padding-top: 0;    padding-bottom: 0;    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    font-weight: 400;    line-height: 1.3;    --tw-text-opacity: 1;    color: rgb(129 129 129 / 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: flex-start;    align-items: center;    transition: .4s all ease-in-out; }

.product-zone .icon {    display: flex;    justify-content: center;    align-items: center;  height: 4.16667rem;
  width: 4.16667rem;
  min-width: 4.16667rem; }
  .product-zone .icon img {
    width: auto;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }

.product-zone .item {
  background: #176CBE; }
  .product-zone .item.is-active, .product-zone .item:hover {    --tw-bg-opacity: 1;    background-color: rgb(88 185 70 / var(--tw-bg-opacity, 1)); }

.about-vision {
  background-image: var(--bg);
  background-attachment: fixed;
  background-position: center top;
  background-size: cover; }
  .about-vision .visionimg {    display: flex;    justify-content: center;    align-items: center; }

.about-ceo .ceocv {
  margin-top: 4px; }

.topbar.scroll-to-fixed-fixed {
  top: var(--header-height); }

.contact-page ul li:not(:last-child) {    margin-bottom: 0.625rem; }

.news-list {    overflow: hidden; }
  @media screen and (max-width: 1024px) {
    .news-list .zone-nav {    margin-bottom: 1.6666666666666667rem;    display: flex; } }
  .news-list .zone-nav ul {
    list-style-type: none;
    display: flex;
    gap: 1.6666666666666667rem }
  .news-list .zone-nav li:first-child {    margin-left: auto; }
  .news-list .zone-nav li:last-child {    margin-right: auto; }
  .news-list .zone-nav li.active a, .news-list .zone-nav li:hover a {    text-decoration-line: underline; }
  .news-list .zone-nav a {    overflow: hidden;    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    font-weight: 700;    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: 576.1px) {
  .news-list .news-item-side .txt {    padding-top: 0; } }

.news-item-side {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-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;  align-items: flex-start !important; }

@media (min-width: 576.1px) {
  .news-item-side {    display: flex;    justify-content: flex-start;    align-items: center; } }
  .news-item-side .headline {    margin-top: 0.4166666666666667rem;    margin-bottom: 0.4166666666666667rem; }
  @media screen and (min-width: 1024px) and (max-width: 1600px) {
    .news-item-side .desc {    display: none; } }

@media (min-width: 576.1px) {
  .news-item-side .img {    margin-right: 0.8333333333333334rem;    flex: 1 0 auto; } }
  .news-item-side .img a {    overflow: hidden;    border-radius: 0.4166666666666667rem;    display: flex;    justify-content: center;    align-items: center; }
    .news-item-side .img a img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }

@media (min-width: 576.1px) {
  .news-item-side .img a {
    width: 10.41667rem;
    min-width: 10.41667rem;
    max-width: 10.41667rem;
    height: 7.08333rem; } }
  .news-item-side .txt {
    flex: 0 1 auto;
    padding-top: 1.0416666666666667rem }

@media (min-width: 1024.1px) {
  .news-item-side .txt {    padding-right: 0.8333333333333334rem; }
  .news-big .img a {    display: flex;    justify-content: center;    align-items: center;    height: 23.54167rem;
    width: 100%; }
    .news-big .img a img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; } }

.product-list {
  background: linear-gradient(180deg, rgba(4, 85, 164, 0) 0%, rgba(4, 85, 164, 0.05) 100%); }
  .product-list .custom-select {    height: auto;    padding: 0;    border: none; }

.view-sort select {    min-width: 100px; }

.alphabet-sort select {    min-width: 220px; }

.sortable-item {    display: flex;    align-items: center; }
  .sortable-item .label {    margin-right: 0.625rem;    white-space: nowrap;    font-weight: 400; }
  .sortable-item .custom-select select {    height: 40px;    width: 100%;    overflow: hidden;    --tw-bg-opacity: 1;    background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));    padding-left: 1.25rem;    padding-right: 1.25rem;    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(41 41 41 / var(--tw-text-opacity, 1)); }
    .sortable-item .custom-select select * {
      font: inherfit; }
    .sortable-item .custom-select select option {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4; }
      .sortable-item .custom-select select option * {
        font: inherfit; }
  .sortable-item .custom-select::after {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4;    font-weight: 300;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }

.product-item {    position: relative;    display: flex;    height: 100%;    flex-direction: column;    overflow: hidden;    border-radius: 1.0416666666666667rem;  box-shadow: 4px 4px 20px 0px #00000014; }
  .product-item:hover .overlay {
    transform: translate(-50%, 0); }
  .product-item .txt {
    flex: 0 1  auto;
    height: 100% }
  .product-item .img {    width: 100%;    overflow: visible;    flex: 0 0 auto; }
    .product-item .img img {    -o-object-fit: contain;    object-fit: contain; }
  .product-item .headline {    margin-bottom: 0.20833333333333334rem; }
    .product-item .headline a {
      display: -webkit-box;
      font-size: clamp(17px, 1.04167rem, 1.04167rem);
      height: 2.91667rem;
      min-height: 47.6px;
      line-height: 1.4;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }
  .product-item .overlay {    pointer-events: none;    position: absolute;    bottom: 0;    left: 50%;    z-index: 50;    height: 100%;    width: 100%;    border-radius: 1.0416666666666667rem;    border-width: 10px;    --tw-border-opacity: 1;    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));    padding-left: 1.25rem;    padding-right: 1.25rem;    padding-top: 1.6666666666666667rem;    padding-bottom: 1.6666666666666667rem;    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;    transform: translate(-50%, 110%);
    background: linear-gradient(360deg, #223A7A 0%, #0EABFC 64.12%, #0094DF 114.24%);
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .product-item .overlay .btn-wrap {
      flex: 0 0 auto;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center }
    .product-item .overlay .top {
      flex: 0 1  auto;
      height: auto }
  .product-item .spec-list {    display: flex;    height: 100%;    align-items: center;    justify-content: center; }
  .product-item table {    width: 100%; }
    .product-item table td {    padding-top: 0.4166666666666667rem;    padding-bottom: 0.4166666666666667rem;    font-size: clamp(14px, calc(14 / 1920 * 100vw), 0.7291666666666667rem);    line-height: 1.4;    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1));      border-top: 1px dashed rgba(255, 255, 255, 0.2); }
      .product-item table td:last-child {    text-align: right;    font-weight: 700; }
  .product-item .btn.btn-primary.white {    pointer-events: auto;    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));    background-color: transparent; }
    .product-item .btn.btn-primary.white span {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

.contact-us address {    margin-bottom: 0.8333333333333334rem;    display: flex;    flex-direction: column;    font-style: normal; }
  .contact-us address p {    margin-bottom: 0; }
  .contact-us address li {    margin-bottom: 0.4166666666666667rem;    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    font-weight: 500;    display: flex;    justify-content: flex-start;    align-items: center;    align-items: flex-start; }
    .contact-us address li * {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    font-weight: 500; }
  .contact-us address em, .contact-us address i {    margin-right: 0.4166666666666667rem;    display: inline-block;    width: 20px;    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666667rem); }
  .contact-us address ul {    border-top-width: 1px;    padding-top: 1.0416666666666667rem;    padding-bottom: 1.0416666666666667rem; }
  .contact-us address a {    display: inline-block; }
    .contact-us address a:hover {    text-decoration-line: underline; }

.contact-us .title {    font-weight: 700; }

.contact-us .bg-wrap {    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }

.contact-us .frm-msg {    font-size: clamp(14px, calc(14 / 1920 * 100vw), 0.7291666666666667rem); }
  .contact-us .frm-msg * {    font-size: clamp(14px, calc(14 / 1920 * 100vw), 0.7291666666666667rem); }

.contact-map .map-wrap {    height: 100%; }
  .contact-map .map-wrap a {
    display: block;
    height: 550px;
    overflow: hidden;    text-align: center;
    width: 100%; }
    @media screen and (max-width: 1024px) {
      .contact-map .map-wrap a {
        height: 400px; } }
    @media screen and (max-width: 576px) {
      .contact-map .map-wrap a {
        height: 300px; } }
    .contact-map .map-wrap a iframe {    display: inline-block;    height: 100%;    width: 100%; }

.primary-banner {    position: relative;    z-index: 10;    overflow: hidden; }
  @media screen and (max-width: 1200px) {
    .primary-banner {
      padding: 0 !important; } }
  .primary-banner .bg-wrap {    overflow: visible;    box-shadow: none; }
  .primary-banner .wrap {    position: relative; }
    @media screen and (max-width: 1024px) {
      .primary-banner .wrap {    position: static; } }
  .primary-banner .swiper-slide {    pointer-events: none;    height: auto;    z-index: -1; }
    .primary-banner .swiper-slide:hover .img::before {    opacity: 0.1; }
    .primary-banner .swiper-slide.swiper-slide-active {
      z-index: 999;
      pointer-events: auto }
  .primary-banner .img {    position: relative;    z-index: 20; }
    @media screen and (max-width: 767.1px) {
      .primary-banner .img a {
        position: relative;
        display: block;
        height: 0;
        overflow: hidden;
        padding-top: 177.77778%; }
        .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: .3s ease-in-out all; } }
    @media screen and (min-width: 768px) {
      .primary-banner .img a {
        position: relative;
        display: block;
        height: 0;
        overflow: hidden;
        padding-top: 37.5%; }
        .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: .3s ease-in-out all; } }
    .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;      opacity: 0.2;
      background: linear-gradient(272deg, #223A7A 0%, #0EABFC 56.12%, #0094DF 100%); }
  .primary-banner .btn.btn-primary:nth-child(1) {    border-radius: 0.4166666666666667rem; }
  .primary-banner .btn.btn-primary:nth-child(2) {    border-color: transparent; }

.home-chart ul {    flex-wrap: wrap;    display: flex;    justify-content: flex-start;    align-items: center; }
  .home-chart ul li {    padding-left: 0.20833333333333334rem;    padding-right: 0.20833333333333334rem;    line-height: 1.3; }
    .home-chart ul li:first-child {    padding-left: 0; }
    .home-chart ul li:not(:last-child) {    border-right-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); }

@media (min-width: 1024.1px) {
  .home-chart .item {    padding-left: 2.7083333333333335rem; } }

.home-chart .rows {    margin: 0;    padding: 0; }

.home-chart .col {    margin: 0;    padding: 0;    border-top-width: 1px;    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));    --tw-border-opacity: 0.25; }
  .home-chart .col:not(:last-child) .item {    border-right-width: 1px;    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));    --tw-border-opacity: 0.25; }
  .home-chart .col:hover::before {    opacity: 0; }
  .home-chart .col:hover::after {    opacity: 1; }
  .home-chart .col::before, .home-chart .col::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-chart .col:before {    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));    --tw-bg-opacity: 0.1;    backdrop-filter: blur(20px); }

@media (max-width: 1024px) {
  .home-chart .col:before {    opacity: 0; } }
  .home-chart .col:after {    opacity: 0;    background: linear-gradient(84deg, #0455A4 -11.76%, #248A89 49.45%, #6AFC4E 114%);
    backdrop-filter: blur(10px); }

@media (max-width: 1024px) {
  .home-chart .col:after {    opacity: 1; } }

.home-about {
  background: url("../img/bg/home-us-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .home-about .item {
    background: var(--color-code); }
  .home-about .img {
    border-top-right-radius: 6.25rem; }

@media (min-width: 768.1px) {
  .home-about .img {
    border-top-right-radius: 8.33333rem; } }

@media (min-width: 1200.1px) {
  .home-about .img {
    border-top-right-radius: 10.41667rem; } }
  .home-about .heading-3 {
    display: -webkit-box;
    font-size: clamp(20px, 1.25rem, 1.25rem);
    height: 1.75rem;
    min-height: 28px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; }
    .home-about .heading-3 * {
      display: -webkit-box;
      font-size: clamp(20px, 1.25rem, 1.25rem);
      height: 1.75rem;
      min-height: 28px;
      line-height: 1.4;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1; }
  .home-about .desc {
    display: -webkit-box;
    font-size: clamp(14px, 0.83333rem, 0.83333rem);
    height: 3.5rem;
    min-height: 58.8px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; }
    .home-about .desc * {
      display: -webkit-box;
      font-size: clamp(14px, 0.83333rem, 0.83333rem);
      height: 3.5rem;
      min-height: 58.8px;
      line-height: 1.4;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3; }
  .home-about .swiper-slide:nth-child(even) .item {    display: flex;    flex-direction: column-reverse; }
  .home-about .swiper-slide:nth-child(even) .img {
    border-top-right-radius: 0;
    border-bottom-left-radius: 6.25rem; }

@media (min-width: 768.1px) {
  .home-about .swiper-slide:nth-child(even) .img {
    border-bottom-left-radius: 8.33333rem; } }

@media (min-width: 1200.1px) {
  .home-about .swiper-slide:nth-child(even) .img {
    border-bottom-left-radius: 10.41667rem; } }
  .home-about .swiper-slide:nth-child(3) .img {
    border-top-right-radius: 0;
    border-top-left-radius: 6.25rem; }

@media (min-width: 768.1px) {
  .home-about .swiper-slide:nth-child(3) .img {
    border-top-left-radius: 8.33333rem; } }

@media (min-width: 1200.1px) {
  .home-about .swiper-slide:nth-child(3) .img {
    border-top-left-radius: 10.41667rem; } }

.contact-section::after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.35;
  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 }

.contact-section:hover::after {    --tw-bg-opacity: 0.2; }

.contact-section .grid {    padding: 0 !important; }

.home-develope .rows {    margin: 0;    gap: 4.166666666666667rem;    padding: 0; }

@media (max-width: 1200px) {
  .home-develope .img {
    border-top-right-radius: 5rem;
    border-bottom-left-radius: 5rem; } }

.home-develope .col {    margin: 0;    padding: 0; }
  .home-develope .col:nth-child(1), .home-develope .col:nth-child(4) {
    width: 27.27%; }
    .home-develope .col:nth-child(1) .img, .home-develope .col:nth-child(4) .img {
      border-top-left-radius: 8.33333rem;
      border-bottom-right-radius: 8.33333rem; }
  .home-develope .col:nth-child(2) {
    width: 13.63%; }
    .home-develope .col:nth-child(2) .img {
      border-top-right-radius: 5rem;
      border-bottom-left-radius: 5rem; }
  .home-develope .col:nth-child(3) {
    width: 18.18%; }
    @media screen and (max-width: 1800px) {
      .home-develope .col:nth-child(3) {
        width: 17.5%; } }
    .home-develope .col:nth-child(3) .item {    margin-top: auto;    display: flex;    flex-direction: column-reverse;    justify-content: flex-end; }
    .home-develope .col:nth-child(3) .img {
      border-top-left-radius: 5rem;
      border-bottom-right-radius: 5rem; }

.tab-navs ul {    gap: 0.8333333333333334rem; }

.tab-navs a {    height: 2.5rem;    min-height: 44px;    cursor: pointer;    border-width: 2px;    border-color: transparent;    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));  padding: 0.625rem 1.25rem; }

@media (max-width: 768px) {
  .tab-navs {    overflow-x: auto; }
    .tab-navs ul {    white-space: nowrap;    padding-bottom: 0.20833333333333334rem;    display: flex;    align-items: center;      justify-content: flex-start; }
      .tab-navs ul li:first-child {    padding-left: 0; } }

.tab-navs li.active a, .tab-navs li:hover a {    --tw-border-opacity: 1;    border-color: rgb(4 85 164 / var(--tw-border-opacity, 1));    --tw-text-opacity: 1;    color: rgb(4 85 164 / var(--tw-text-opacity, 1)); }

.tab-navs.type-2 a {    --tw-bg-opacity: 1;    background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1)); }

.document-item {
  transition: .3s all  ease-in-out; }
  .document-item .txt {
    padding-bottom: 0.41667rem !important; }

@media (min-width: 1024.1px) {
  .document-item:hover {    --tw-bg-opacity: 1;    background-color: rgb(88 185 70 / var(--tw-bg-opacity, 1)); }
    .document-item:hover .heading-5 {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
    .document-item:hover .img a {
      height: 17.70833rem; }
      .document-item:hover .img a img {    overflow: hidden;    border-radius: 0.4166666666666667rem;    -o-object-fit: cover;    object-fit: cover; }
    .document-item:hover .txt-grid {
      grid-template-rows: 1fr; } }

@media (max-width: 1024px) {
  .document-item .txt-grid {
    grid-template-rows: 1fr;
    margin-top: 0.72917rem !important; } }
  .document-item .btn {    margin-left: auto;    margin-right: auto; }

@media (max-width: 1024px) {
  .document-item .btn {    --tw-border-opacity: 1;    border-color: rgb(4 85 164 / var(--tw-border-opacity, 1)); }
    .document-item .btn span {    --tw-text-opacity: 1;    color: rgb(4 85 164 / var(--tw-text-opacity, 1)); } }
  .document-item .img a {
    transition: .3s all  ease-in-out;
    border-radius: 0.4166666666666667rem }

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

@media (min-width: 1024.1px) {
  .document-item .img a {    display: flex;    height: 20.3125rem;
    width: 100%; }
    .document-item .img a img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain; } }
  .document-item .txt-grid {
    margin-top: 0 !important; }
  .document-item .btn-wrap {
    padding-top: 0.9375rem; }

.home-news .block-grid {    height: 100%; }

.home-news .grid {
  padding: 0 !important;
  margin-bottom: 0 !important; }

@media (min-width: 1200.1px) {
  .home-news .title-wrap {    display: flex;    align-items: center;    justify-content: space-between; } }

.home-news .news-item {    height: 100%; }

.home-news .swiper-slide::after {
  content: '';
  pointer-events: none;
  position: absolute;
  top: 0;
  right: -2.916666666666667rem;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 100%;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-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 screen and (min-width: 1400px) {
    .home-news .swiper-slide::after {    right: -2.0833333333333335rem; } }

.home-news {
  background: #0455A40A; }

@media (min-width: 576.1px) {
  .home-news .column:nth-child(2) .news-item:nth-child(2) {    display: flex;    flex-direction: column-reverse; } }

time {
  display: block !important; }

.news-item {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
  .news-item .headline {    margin-top: 0.625rem;    margin-bottom: 0.625rem; }
  .news-item .heading-4 {
    display: -webkit-box;
    font-size: clamp(15px, 0.9375rem, 0.9375rem);
    height: 3.9375rem;
    min-height: 63px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; }
  .news-item .desc {
    display: -webkit-box;
    font-size: clamp(14px, 0.83333rem, 0.83333rem);
    height: 3.125rem;
    min-height: 52.5px;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-weight: 400 !important;
    --tw-text-opacity: 1 !important;
    color: rgb(70 70 70 / var(--tw-text-opacity, 1)) !important;    font-family: "Be Vietnam Pro" !important; }
    .news-item .desc * {
      display: -webkit-box;
      font-size: clamp(14px, 0.83333rem, 0.83333rem);
      height: 3.125rem;
      min-height: 52.5px;
      line-height: 1.25;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      font-weight: 400 !important;
      --tw-text-opacity: 1 !important;
      color: rgb(70 70 70 / var(--tw-text-opacity, 1)) !important;      font-family: "Be Vietnam Pro" !important; }
  .news-item.big .headline {    margin-top: 0.8333333333333334rem;    margin-bottom: 0.8333333333333334rem; }
  .news-item.big .heading-4 {
    display: -webkit-box;
    font-size: clamp(18px, 1.04167rem, 1.04167rem);
    height: 2.91667rem;
    min-height: 50.4px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; }
  .news-item.big .desc {
    display: -webkit-box;
    font-size: clamp(14px, 0.83333rem, 0.83333rem);
    height: 2.33333rem;
    min-height: 39.2px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: 400 !important;
    --tw-text-opacity: 1 !important;
    color: rgb(70 70 70 / var(--tw-text-opacity, 1)) !important;    font-family: "Be Vietnam Pro" !important; }
    .news-item.big .desc * {
      display: -webkit-box;
      font-size: clamp(14px, 0.83333rem, 0.83333rem);
      height: 2.33333rem;
      min-height: 39.2px;
      line-height: 1.4;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      font-weight: 400 !important;
      --tw-text-opacity: 1 !important;
      color: rgb(70 70 70 / var(--tw-text-opacity, 1)) !important;      font-family: "Be Vietnam Pro" !important; }

@media (max-width: 576px) {
  .news-item.big .img a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 75%; }
    .news-item.big .img a img, .news-item.big .img a svg {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      -o-object-fit: cover;
         object-fit: cover;
      transition: .3s ease-in-out all; } }

.home-network .number {
  background: var(--img-bg);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 4.6875rem;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 900 }

@media (min-width: 1200.1px) {
  .home-network .number {
    font-size: 6.66667rem; } }

.home-network .slide-number-vertical .swiper {
  height: 5.20833rem; }

@media (min-width: 1200.1px) {
  .home-network .slide-number-vertical .swiper {
    height: 8.33333rem; }
  .home-network .col:nth-child(1) {
    width: 44.44%; }
  .home-network .col:nth-child(2) {
    width: 55.56%; } }

.home-network .counter {    width: -moz-fit-content;    width: fit-content;    font-size: clamp(28px, calc(36 / 1920 * 100vw), 1.875rem);    line-height: 1.3;    font-weight: 800;    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%); }

@media (min-width: 1200.1px) {
  .home-network .counter {    font-size: clamp(36px, calc(48 / 1920 * 100vw), 2.5rem);    line-height: 1.2; } }
  .home-network .counter sub {    bottom: 0;    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666667rem);    line-height: 1.4;    font-weight: 800;    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%); }

.home-network .number-wrap .item:nth-child(odd) {    border-right-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(239 239 239 / var(--tw-border-opacity, 1)); }

.home-network .img-wrap a {
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 61.62162%; }
  .home-network .img-wrap a img, .home-network .img-wrap a svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: contain;
       object-fit: contain;
    transition: .3s ease-in-out all; }

.home-number .item {    position: relative; }
  .home-number .item::after {
    content: '';
    pointer-events: none;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    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;
    transition: .4s all ease-in-out;    background: rgba(0, 45, 114, 0.2); }

@media (max-width: 1024px) {
  .home-number .item::after {    right: -0.8333333333333334rem; } }

.home-number .col:last-child .item::after {    display: none; }

@media (max-width: 1024px) {
  .home-number .col:nth-child(2) .item::after {    display: none; } }

.home-partner {
  background: url("../img/bg/partner-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

@media (max-width: 1024px) {
  .home-partner {
    background-size: 150%; }
  .home-partner .auto-6 {
    --spv: 4; } }

@media (max-width: 768px) {
  .home-partner .auto-6 {
    --spv: 3; } }

@media (max-width: 576px) {
  .home-partner .auto-6 {
    --spv: 2; } }
  @media screen and (max-width: 420px) {
    .home-partner .auto-6 {
      --spv: 2; } }
  .home-partner .rows {    margin: 0;    margin-bottom: 0.8333333333333334rem;    justify-content: center;    gap: 0.8333333333333334rem;    padding: 0;    flex-wrap: nowrap; }
  .home-partner .item {
    height: 8.33333rem;
    width: 100%;
    overflow: hidden;
    border-radius: 1.0416666666666667rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 0.20833333333333334rem;
    display: flex;
    justify-content: center;
    align-items: center;    max-width: 12.5rem; }
    .home-partner .item .img {    height: 100%;    width: 100%;    border-radius: 0.8333333333333334rem;    padding: 0.8333333333333334rem;    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;      border: 1px solid #F6F6F6; }
    .home-partner .item a {    height: 100%;    width: 100%;    display: flex;    justify-content: center;    align-items: center;      width: auto; }
      .home-partner .item a img {
        width: auto;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain; }
    .home-partner .item:hover .img {
      border-color: #0455A4; }

.home-science {
  background: linear-gradient(180deg, rgba(4, 85, 164, 0.1) 0%, rgba(4, 85, 164, 0.05) 100%); }
  .home-science .p-2 {
    padding: 8px !important; }
  .home-science .big-science-item {    margin: 0;    display: flex;    padding: 0; }

@media (max-width: 768px) {
  .home-science .big-science-item {    flex-direction: column-reverse; } }
    .home-science .big-science-item .col {    margin: 0;    padding: 0; }

@media (max-width: 1024px) {
  .home-science .big-science-item .col {    height: 100%;    width: 100%; } }
    .home-science .big-science-item .img {    display: flex;    width: 100%;    justify-content: flex-end; }
      .home-science .big-science-item .img a {    width: 100%;        max-width: 47.44792rem; }
    .home-science .big-science-item .txt {    display: flex;    height: 100%;    flex-direction: column;    justify-content: space-between; }
      .home-science .big-science-item .txt .top {
        flex: 0 0 auto;
        width: 100% }
      .home-science .big-science-item .txt .btn-wrap {
        flex: 0 1  auto;
        margin-top: 1.0416666666666667rem;
        height: auto;
        padding-left: 0.8333333333333334rem }
    .home-science .big-science-item .desc {    font-weight: 400 !important;    --tw-text-opacity: 1 !important;    color: rgb(70 70 70 / var(--tw-text-opacity, 1)) !important;      font-family: "Be Vietnam Pro" !important; }
      .home-science .big-science-item .desc * {    font-weight: 400 !important;    --tw-text-opacity: 1 !important;    color: rgb(70 70 70 / var(--tw-text-opacity, 1)) !important;        font-family: "Be Vietnam Pro" !important; }
  .home-science .tab-navs li.active a {    background-color: transparent !important; }
  .home-science .btn-wrap {    padding-left: 0; }

.figure-item {    height: 100%; }

.science-item .headline {
  margin-top: 0.625rem !important;
  margin-bottom: 0.625rem !important; }

.science-item .heading-4 {
  display: -webkit-box;
  font-size: clamp(17px, 1.04167rem, 1.04167rem);
  height: 2.91667rem;
  min-height: 47.6px;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.science-item .desc {
  display: -webkit-box;
  font-size: clamp(14px, 0.83333rem, 0.83333rem);
  height: 2.33333rem;
  min-height: 39.2px;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: 400 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(70 70 70 / var(--tw-text-opacity, 1)) !important;  font-family: "Be Vietnam Pro" !important; }
  .science-item .desc * {
    display: -webkit-box;
    font-size: clamp(14px, 0.83333rem, 0.83333rem);
    height: 2.33333rem;
    min-height: 39.2px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: 400 !important;
    --tw-text-opacity: 1 !important;
    color: rgb(70 70 70 / var(--tw-text-opacity, 1)) !important;    font-family: "Be Vietnam Pro" !important; }

.about-vision .visioncol figure figcaption .visiondes, .about-award .awardlist .awardcol figure figcaption .des {
  line-height: 1.4; }

/*# sourceMappingURL=main.min.css.map */