.top-banner {
  position: relative;
  overflow: hidden; }
  .top-banner a {
  position: relative; }

@media (min-width: 768px) {
  .top-banner a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 44.79167%; }
    .top-banner a img, .top-banner a picture {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);      width: 100%;
      height: 100%;
      object-fit: cover;
      -webkit-transition: .3s ease-in-out all;
      transition: .3s ease-in-out all; } }

@media (max-width: 767.9px) {
  .top-banner a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 100%; }
    .top-banner a img, .top-banner a picture {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);      width: 100%;
      height: 100%;
      object-fit: cover;
      -webkit-transition: .3s ease-in-out all;
      transition: .3s ease-in-out all; } }
  .top-banner .prev {
    left: 8.33333rem; }

@media (max-width: 1024px) {
  .top-banner .prev {
    z-index: 60;    left: 15px; } }
  .top-banner .next {
    right: 8.33333rem; }

@media (max-width: 1024px) {
  .top-banner .next {
    z-index: 60;    right: 15px; } }
  .top-banner .container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%); }

@media (max-width: 1024px) {
  .top-banner .container .txt {
    overflow: hidden;
    border-radius: calc(8/1920*100rem);
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-bg-opacity: 0.5;
    padding: calc(16/1920*100rem); }
  .top-banner .prev, .top-banner .next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); } }

.primary-banner {
  position: relative; }
  .primary-banner .swiper-slide {
  pointer-events: none;
  z-index: 0;
  height: auto; }
    .primary-banner .swiper-slide.swiper-slide-active {
  pointer-events: auto;
  z-index: 30; }
  .primary-banner .wrap .container {
  pointer-events: none; }
  .primary-banner .img {
  position: relative; }

@media (max-width: 767.9px) {
  .primary-banner .img a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 185.12821%; }
    .primary-banner .img a img, .primary-banner .img a picture, .primary-banner .img a video, .primary-banner .img a iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);      width: 100%;
      height: 100%;
      object-fit: cover;
      -webkit-transition: .3s ease-in-out all;
      transition: .3s ease-in-out all; } }

@media (min-width: 768px) {
  .primary-banner .img a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 44.79167%; }
    .primary-banner .img a img, .primary-banner .img a picture, .primary-banner .img a video, .primary-banner .img a iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);      width: 100%;
      height: 100%;
      object-fit: cover;
      -webkit-transition: .3s ease-in-out all;
      transition: .3s ease-in-out all; } }
  .primary-banner .video a.pause::after {
  opacity: 1; }
  .primary-banner .video a::after {
    content: '\f04b';
    pointer-events: none;
    z-index: 50;
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 9999px;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-bg-opacity: 0.5;
    font-family: 'Font Awesome 6 Pro';
    font-size: clamp(48px,calc(64/1920*100rem),64px);
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    opacity: 0;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    width: 7.8125rem;
    height: 7.8125rem;
    min-width: 7.8125rem; }
    @media screen and (max-width: 1024px) {
      .primary-banner .video a::after {
        width: 4.6875rem;
        height: 4.6875rem;
        min-width: 4.6875rem;
        font-size: clamp(26px,calc(32/1920*100rem),32px) } }
  .primary-banner .swiper-nav {
  pointer-events: none;
  z-index: 40;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%); }
  .primary-banner .prev, .primary-banner .next {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(10 82 158 / var(--tw-border-opacity, 1));    background: transparent; }

@media (max-width: 1024px) {
  .primary-banner .prev, .primary-banner .next {
    width: 44px;
    height: 95px; } }

@media (min-width: 1024.1px) {
  .primary-banner .prev, .primary-banner .next {
    height: 2.5rem;
    width: 2.5rem; } }
    @media screen and (max-width: 1024px) {
      .primary-banner .prev, .primary-banner .next {
    margin: 0 /* 0px */;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); } }
    .primary-banner .prev::before, .primary-banner .next::before {
  --tw-text-opacity: 1;
  color: rgb(10 82 158 / var(--tw-text-opacity, 1)); }
    .primary-banner .prev:hover, .primary-banner .next:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }

@media (max-width: 1024px) {
  .primary-banner .prev {
    left: calc(16/1920*100rem); }
  .primary-banner .next {
    right: calc(16/1920*100rem); } }

.social-network em, .social-network i {
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(10 82 158 / var(--tw-text-opacity, 1)); }

.social-network img, .social-network svg {
  height: 100%;
  max-height: 20px;
  width: 100%;
  max-width: 28px; }

@media (max-width: 767.9px) {
  .footer-menu {
    border-bottom-width: 1px;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    --tw-border-opacity: 0.2; }
    .footer-menu .headline {
    margin-bottom: 0 /* 0px */;
    padding-top: 8px;
    padding-bottom: 8px; }
    .footer-menu .title::after {
      content: '\f078';
      pointer-events: none;
      z-index: 10;
      display: block;
      font-family: 'Font Awesome 6 Pro';
      font-size: 16px;
      font-weight: 900;
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transition-duration: 150ms;
              transition-duration: 150ms;
      -webkit-transition: .4s all ease-in-out;
      transition: .4s all ease-in-out } }

.footer-menu.is-toggle {
  padding-bottom: 8px; }
  .footer-menu.is-toggle .title::after {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg); }

.footer-menu li:not(:last-child) {
  margin-bottom: calc(12/1920*100rem); }

.footer-menu li:hover a, .footer-menu li.active a {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline; }

.footer-menu a {
  font-size: 18px; }

@media (min-width: 768px) {
  .footer-menu a {
    font-size: clamp(14px,calc(16/1920*100rem),16px); } }

@media (max-width: 767.9px) {
  .footer-menu .content {
    display: none; } }

.footer-menu.is-toggle .content {
  display: block; }

@media (max-width: 767.9px) {
  .footer-bottom .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .footer-bottom .logo {
    padding-top: 12px;
    padding-bottom: 20px; } }

.footer-bottom .logo a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;  height: 48px;
  width: auto; }
  .footer-bottom .logo a img {
    width: auto;
    height: 100%;
    object-fit: contain; }

.mobile-footer-address p {
  margin-bottom: 0 /* 0px */; }

.mobile-footer-address li {
  border-bottom-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 0.2;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 18px; }
  .mobile-footer-address li * {
  font-size: 18px; }
  .mobile-footer-address li strong, .mobile-footer-address li b {
  margin-bottom: 8px;
  display: block;
  width: 100%;
  font-weight: 700; }

@media (max-width: 767.9px) {
  footer .block-wrap {
    padding: 0 /* 0px */; }
  footer .row {
    margin-top: 0 /* 0px */;
    margin-bottom: 0 /* 0px */; }
    footer .row .col {
    margin-top: 0 /* 0px */;
    margin-bottom: 0 /* 0px */; }
  footer .col:nth-child(3) {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; } }

@media (min-width: 1024.1px) {
  footer .col:not(:last-child) {
    border-right-width: 1px;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    --tw-border-opacity: 0.2; }
  footer .col:nth-child(1) {
    width: 23.7%; }
  footer .col:nth-child(2) {
    width: 32.8%; }
  footer .col:nth-child(3) {
    width: 24.5%; }
  footer .col:nth-child(4) {
    width: 19%; } }

footer .verify a {
  height: 60px;
  width: auto; }

@media (max-width: 767.9px) {
  footer .verify a {
    height: 48px; } }
  footer .verify a img {
    width: auto;
    height: 100%;
    object-fit: contain; }

.desktop-address address li {
  padding-left: 20px;
  position: relative;
  margin-bottom: calc(12/1920*100rem);
  display: block;
  font-size: clamp(14px,calc(16/1920*100rem),16px) }
  .desktop-address address li strong, .desktop-address address li b {
  font-weight: 700; }
  .desktop-address address li::before {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0 /* 0px */;
    top: 8px;
    z-index: 10;
    display: inline-block;
    height: 4px;
    width: 4px;
    min-width: 4px;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out }

.policy-nav li {
  position: relative; }
  .policy-nav li:hover a, .policy-nav li.active a {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline; }

@media (max-width: 767.9px) {
  .policy-nav li:first-child a {
    padding-left: 0 /* 0px */; } }

@media (min-width: 768px) {
  .policy-nav li:not(:last-child)::after {
    content: '';
    pointer-events: none;
    right: 0 /* 0px */;
    z-index: 10;
    display: block;
    height: 12px;
    width: 1px;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(129 129 129 / var(--tw-bg-opacity, 1));
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out } }

header {
  overflow: visible !important; }
  header::before {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0 /* 0px */;
    bottom: 0 /* 0px */;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background-color: rgba(255, 255, 255, 0.8); }
  header .container-fluid {
  position: relative; }

@media (max-width: 1200px) {
  header .container-fluid {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-bottom: 8px; } }
    header .container-fluid::after {
      content: '';
      pointer-events: none;
      bottom: 0 /* 0px */;
      z-index: 10;
      display: block;
      height: 1px;
      background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
      --tw-bg-opacity: 0.1;
      opacity: 0;
      -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transition-duration: 150ms;
              transition-duration: 150ms;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      -webkit-transition: .4s all ease-in-out;
      transition: .4s all ease-in-out;      width: calc( 100% - 30px); }

body.overlay-bg {
  overflow: hidden; }
  body.overlay-bg header {
  background-color: transparent; }
    body.overlay-bg header::before {
      content: '';
      pointer-events: none;
      position: absolute;
      left: 0 /* 0px */;
      bottom: 0 /* 0px */;
      z-index: 10;
      display: block;
      height: 100%;
      width: 100%;
      -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transition-duration: 150ms;
              transition-duration: 150ms;
      -webkit-transition: .4s all ease-in-out;
      transition: .4s all ease-in-out;      background-color: #f5f5f5; }
    body.overlay-bg header .container-fluid::after {
  opacity: 1; }

@media (max-width: 1200px) {
  .header-bottom {
    display: none !important; } }

.header-top .btn {
  height: 40px;
  min-height: 40px;
  padding-left: calc(16/1920*100rem);
  padding-right: calc(16/1920*100rem); }

@media (min-width: 1200.1px) {
  .header-top .btn {
    height: 28px;
    min-height: 28px;
    padding-left: calc(12/1920*100rem);
    padding-right: calc(12/1920*100rem); } }
  .header-top .btn span {
  font-size: clamp(14px,calc(16/1920*100rem),16px);
  font-weight: 700; }

@media (min-width: 1200.1px) {
  .header-top .btn span {
    font-size: clamp(12px,calc(14/1920*100rem),14px); } }
  .header-top .btn em, .header-top .btn i {
  margin-left: 6px;
  font-size: clamp(14px,calc(16/1920*100rem),16px); }

@media (min-width: 1200.1px) {
  .header-top .btn em, .header-top .btn i {
    font-size: clamp(13px,calc(15/1920*100rem),15px); } }

@media screen and (max-width: 1200px) {
  .header-top {
    display: none; } }

.nav-brand a {
  height: 40px;
  width: auto;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out }
  @media screen and (min-width: 1200px) {
    .nav-brand a {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;      height: 64px; } }

@media (min-width: 1600.1px) {
  .nav-brand a {
    min-width: 16.66667rem; } }
  .nav-brand a img, .nav-brand a svg {
    width: 100%;
    height: 100%;
    object-fit: contain; }

.mobile-nav-wrap {
  position: fixed;
  top: 80px;
  left: 0 /* 0px */;
  height: 100%;
  height: 100vh;
  width: 100%;
  padding-left: calc(24/1920*100rem);
  padding-right: calc(24/1920*100rem);
  padding-top: calc(32/1920*100rem);
  padding-bottom: calc(32/1920*100rem);  z-index: 9999;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .mobile-nav-wrap::before {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0 /* 0px */;
    bottom: 0 /* 0px */;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background-color: #f5f5f5; }

@media (min-width: 768px) {
  .mobile-nav-wrap {
    width: 320px; } }
  @media screen and (min-width: 1200px) {
    .mobile-nav-wrap {
    display: none; } }
  .mobile-nav-wrap.is-open {
    -webkit-transform: none;
            transform: none; }
  .mobile-nav-wrap .close-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
    .mobile-nav-wrap .close-menu em, .mobile-nav-wrap .close-menu span {
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
    .mobile-nav-wrap .close-menu em {
  font-size: clamp(26px,calc(32/1920*100rem),32px); }
    .mobile-nav-wrap .close-menu span {
  margin-left: calc(12/1920*100rem);
  font-size: clamp(18px,calc(20/1920*100rem),20px); }
  .mobile-nav-wrap .mobile-top-nav {
  margin-bottom: calc(20/1920*100rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .mobile-nav-wrap .header-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.top-primary-menu .nav {
  gap: calc(20/1920*100rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.top-primary-menu li:last-child a::after {
  display: none; }

.top-primary-menu li:hover a, .top-primary-menu li.current-menu-item a, .top-primary-menu li.current-category-ancestor a, .top-primary-menu li.current-menu-ancestor a, .top-primary-menu li.current-menu-parent a, .top-primary-menu li.current-category-parent a, .top-primary-menu li.current-money-map-category-ancestor a, .top-primary-menu li.current-post-ancestor a, .top-primary-menu li.current-project-ancestor a {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline; }

.top-primary-menu a {
  position: relative;
  padding-top: calc(4/1920*100rem);
  padding-bottom: calc(4/1920*100rem);
  font-size: 14px;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.global-breadcrumb {
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(239 244 250 / var(--tw-bg-opacity, 1)); }

.rank-math-breadcrumb {
  height: 100%;
  min-height: 40px;
  overflow-x: auto;
  padding-top: calc(8/1920*100rem);
  padding-bottom: calc(8/1920*100rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .rank-math-breadcrumb p {
  position: relative;
  margin-bottom: 0 /* 0px */;
  white-space: nowrap;
  font-size: clamp(14px,calc(16/1920*100rem),16px);
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1));
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }

@media (max-width: 767.9px) {
  .rank-math-breadcrumb p {
    font-size: 14px; } }
    .rank-math-breadcrumb p * {
  font-weight: 400; }
    .rank-math-breadcrumb p span {
  white-space: nowrap;
  font-size: clamp(14px,calc(16/1920*100rem),16px); }
      .rank-math-breadcrumb p span * {
  font-size: clamp(14px,calc(16/1920*100rem),16px); }

@media (max-width: 767.9px) {
  .rank-math-breadcrumb p span {
    font-size: 14px; }
    .rank-math-breadcrumb p span * {
    font-size: 14px; } }
    .rank-math-breadcrumb p .separator {
      margin: 0;
      padding: 0 16px;
      font-size: 0;
      width: auto;
      position: relative }
      @media screen and (max-width: 576px) {
        .rank-math-breadcrumb p .separator {
    margin-left: 0 /* 0px */;
    margin-right: 0 /* 0px */; } }
      .rank-math-breadcrumb p .separator:first-child {
        margin-left: 24px !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-weight: 400;        height: 12px;
        width: 1px; }
        @media screen and (max-width: 1024px) {
          .rank-math-breadcrumb p .separator:after {
            font-size: 14px;
            --tw-bg-opacity: 1;
            background-color: rgb(220 220 220 / var(--tw-bg-opacity, 1)) } }
        @media screen and (max-width: 576px) {
          .rank-math-breadcrumb p .separator:after {
    left: -6px; } }
    .rank-math-breadcrumb p .last {
      margin-top: 3px;
      --tw-text-opacity: 1;
      color: rgb(10 82 158 / var(--tw-text-opacity, 1)) }
    .rank-math-breadcrumb p a {
  position: relative;
  white-space: nowrap;
  font-size: clamp(14px,calc(16/1920*100rem),16px);
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
      @media screen and (max-width: 576px) {
        .rank-math-breadcrumb p a {
    margin-top: calc(4/1920*100rem);
    font-size: 14px; } }
      .rank-math-breadcrumb p a + .separator {
        margin: 0; }

.modulepager {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: calc(40/1920*100rem); }
  .modulepager ul {
    padding: 0 10px;
    margin: 0;
    position: relative; }
    .modulepager ul li {
      display: inline-block;
      padding: 0 6px; }
      .modulepager ul li.active a, .modulepager ul li.active span, .modulepager ul li:hover a, .modulepager ul li:hover span {
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(10 82 158 / 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 {
        width: 40px;
        height: 40px;
        text-decoration: none;
        border-radius: 8px;
        border-bottom-width: 1px;
        --tw-border-opacity: 1;
        border-bottom-color: rgb(10 82 158 / var(--tw-border-opacity, 1));
        font-size: 18px;
        --tw-text-opacity: 1;
        color: rgb(10 82 158 / var(--tw-text-opacity, 1));
        -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        -webkit-transition-duration: 150ms;
                transition-duration: 150ms;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-transition: .4s all ease-in-out;
        transition: .4s all ease-in-out }
  .modulepager .pagination {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  row-gap: calc(8/1920*100rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .modulepager .first, .modulepager .prev, .modulepager .next, .modulepager .last {
    width: 40px;
    min-width: 40px;
    height: 40px;
    text-decoration: none;
    font-size: clamp(16px,calc(18/1920*100rem),18px);
    --tw-text-opacity: 1;
    color: rgb(10 82 158 / var(--tw-text-opacity, 1));
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background: #144E8C0A;
    border: 1px solid #144E8C1F; }
    .modulepager .first.active, .modulepager .first:hover, .modulepager .prev.active, .modulepager .prev:hover, .modulepager .next.active, .modulepager .next:hover, .modulepager .last.active, .modulepager .last:hover {
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(0 66 147 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
    .modulepager .first em, .modulepager .first i, .modulepager .prev em, .modulepager .prev i, .modulepager .next em, .modulepager .next i, .modulepager .last em, .modulepager .last i {
  font-size: clamp(16px,calc(18/1920*100rem),18px);
  font-weight: 300; }
  .modulepager .first {
  border-top-left-radius: calc(8/1920*100rem);
  border-bottom-left-radius: calc(8/1920*100rem);
  border-right-color: transparent; }
  .modulepager .prev {
  border-top-right-radius: calc(8/1920*100rem);
  border-bottom-right-radius: calc(8/1920*100rem); }
  .modulepager .next {
  border-top-left-radius: calc(8/1920*100rem);
  border-bottom-left-radius: calc(8/1920*100rem); }
  .modulepager .last {
  border-top-right-radius: calc(8/1920*100rem);
  border-bottom-right-radius: calc(8/1920*100rem);
  border-left-color: transparent; }

.expert-list {
  background: -webkit-linear-gradient(top, #EFF4FA 0%, #E0EEFF 100%);
  background: linear-gradient(180deg, #EFF4FA 0%, #E0EEFF 100%); }
  .expert-list .row:not(:last-child) {
  margin-bottom: calc(20/1920*100rem); }

@media (min-width: 1200.1px) {
  .expert-list .row:not(:last-child) {
    margin-bottom: calc(40/1920*100rem); } }
  .expert-list .list ul {
    list-style-type: disc; }
  .expert-list .list li {
    padding-left: 28px;
    position: relative;
    display: block;
    font-size: clamp(20px,calc(24/1920*100rem),24px);
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(10 82 158 / var(--tw-text-opacity, 1)) }
    .expert-list .list li:not(:last-child) {
  margin-bottom: calc(20/1920*100rem); }
    .expert-list .list li * {
  font-size: clamp(20px,calc(24/1920*100rem),24px);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(10 82 158 / var(--tw-text-opacity, 1)); }
    .expert-list .list li::before {
      content: '';
      pointer-events: none;
      position: absolute;
      left: 0 /* 0px */;
      top: 6px;
      z-index: 10;
      display: inline-block;
      height: 16px;
      width: 16px;
      min-width: 16px;
      border-radius: 9999px;
      -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transition-duration: 150ms;
              transition-duration: 150ms;
      -webkit-transition: .4s all ease-in-out;
      transition: .4s all ease-in-out;      background: url("../img/icon/star.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
  .expert-list .img {
    margin: 0 -20px; }

.profile-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .profile-item .img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100% }
  .profile-item .txt {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1  auto;
        -ms-flex: 0 1  auto;
            flex: 0 1  auto;
    height: 100% }
  .profile-item .star {
  height: 23px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;    background: url("../img/icon/star-line.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center; }
  .profile-item .txt {
    -webkit-clip-path: polygon(3% 0, 97% 0, 100% 5%, 100% 96%, 97% 100%, 3% 100%, 0 95%, 0 5%);
            clip-path: polygon(3% 0, 97% 0, 100% 5%, 100% 96%, 97% 100%, 3% 100%, 0 95%, 0 5%); }
  .profile-item .name span {
  font-size: 24px;
  font-weight: 700;
  line-height: 1; }
  .profile-item .name strong {
  margin-left: calc(8/1920*100rem);
  font-size: 32px;
  font-weight: 800; }
  .profile-item .title {
  font-size: 24px;
  font-weight: 700; }
  .profile-item .img img {
  object-fit: contain; }

.expert-detail .profile-item {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content; }
  .expert-detail .profile-item .name span {
  font-size: 18px;
  font-weight: 700; }
  .expert-detail .profile-item .name strong {
  margin-left: calc(8/1920*100rem);
  font-size: 24px;
  font-weight: 800; }
  .expert-detail .profile-item .title {
  font-size: 18px;
  font-weight: 700; }

.expert-detail .title-2 {
  border-left-width: calc(3/1920*100rem); }

.expert-detail-2 .profile-item .name span {
  margin-top: 2px;
  font-size: 20px;
  font-weight: 400;
  line-height: .9; }

.expert-detail-2 .profile-item .name strong {
  margin-left: calc(8/1920*100rem);
  font-size: 24px;
  font-weight: 700; }

.expert-detail-2 .profile-item .title {
  font-size: 20px;
  font-weight: 800; }

.home-banner-2 {
  background: url("../img/bg/home-mobile-1.jpg");
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important; }

@media (min-width: 768px) {
  .home-banner-2 {
    background: url("../img/bg/home-desktop-1.jpg"); } }
  .home-banner-2::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0 /* 0px */;
    bottom: 0 /* 0px */;
    z-index: 100;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background: url("../img/overlay/2.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left bottom;
    max-width: 11.97917rem;
    max-height: 5.20833rem; }

@media (min-width: 768px) {
  .home-banner-2::after {
    max-width: 26.04167rem;
    max-height: 20.83333rem; } }

@media (min-width: 1024.1px) {
  .home-banner-2::after {
    z-index: 10;    max-width: 48.4375rem;
    max-height: 20.83333rem; } }

@media (min-width: 1200.1px) {
  .home-banner-2 .container-fluid {
    padding: 0 2.60417rem 0 9.375rem; } }
  .home-banner-2 .logo {
    height: 88px;
    width: auto; }

@media (min-width: 768px) {
  .home-banner-2 .logo {
    height: 10.41667rem; } }
    .home-banner-2 .logo img {
      width: auto;
      height: 100%;
      object-fit: contain; }
  .home-banner-2 .img {
  position: relative; }

@media (min-width: 1024.1px) {
  .home-banner-2 .img {
    margin-left: calc(calc(32/1920*100rem) * -1); } }
    .home-banner-2 .img a {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;      width: auto;
      height: 39.27083rem; }

@media (max-width: 767.9px) {
  .home-banner-2 .img a {
    height: 254px; } }
      .home-banner-2 .img a img {
        width: auto;
        height: 100%;
        object-fit: contain; }
  .home-banner-2 .block-wrap {
    background: #e6eff7; }
  .home-banner-2 .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;    height: 32px;
    width: auto; }
    .home-banner-2 .icon img {
      width: auto;
      height: 100%;
      object-fit: contain; }
  .home-banner-2 .list p {
  margin-bottom: 0 /* 0px */; }

@media (max-width: 767.9px) {
  .home-banner-2 .btn {
    width: 100%; } }
  .home-banner-2 .btn em {
  font-weight: 900; }
  .home-banner-2 .btn:first-child {
  padding-left: calc(32/1920*100rem);
  padding-right: calc(32/1920*100rem); }

@media (max-width: 576px) {
  .home-banner-2 .btn:first-child {
    max-width: 144px; } }
  .home-banner-2 .btn:nth-child(2) {
  padding-left: calc(24/1920*100rem);
  padding-right: calc(24/1920*100rem); }

@media (max-width: 767.9px) {
  .home-banner-2 .btn-secondary {
    height: 44px; }
    .home-banner-2 .btn-secondary span {
    font-size: 16px; } }

.home-banner-3 .container-fluid {
  padding: 0 /* 0px */; }

@media (min-width: 768px) {
  .home-banner-3 .container-fluid {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 1200.1px) {
  .home-banner-3 .container-fluid {
    padding: 0 5.20833rem; } }

.home-banner-3 .row {
  margin: 0 /* 0px */;
  padding: 0 /* 0px */; }

@media (max-width: 767.9px) {
  .home-banner-3 .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }
  .home-banner-3 .row .col {
  margin: 0 /* 0px */;
  padding: 0 /* 0px */; }

@media (max-width: 767.9px) {
  .home-banner-3 .img a {
    padding-top: 100%; } }

@media (min-width: 768px) {
  .home-banner-3 .item {
    border-radius: calc(16/1920*100rem); } }

@media (max-width: 767.9px) {
  .home-banner-3 .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }

@media (min-width: 768px) {
  .home-banner-3 .swiper {
    margin: 0 /* 0px */;
    padding: 0 /* 0px */; } }

.home-banner-3 .swiper-pagination {
  position: absolute !important;
  bottom: 0 /* 0px */ !important;
  left: 0 /* 0px */ !important;
  z-index: 60 !important;
  margin: 0 /* 0px */ !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  background-color: transparent !important; }

@media (max-width: 767.9px) {
  .home-banner-3 .swiper-pagination {
    padding-left: calc(32/1920*100rem);
    padding-bottom: calc(20/1920*100rem); } }

@media (min-width: 768px) {
  .home-banner-3 .swiper-pagination {
    padding-left: calc(32/1920*100rem);
    padding-bottom: calc(32/1920*100rem); } }
  .home-banner-3 .swiper-pagination .swiper-pagination-bullet {
  height: 4px;
  width: 24px;
  min-width: 24px;
  border-radius: calc(8/1920*100rem);
  background-color: rgb(10 82 158 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.5;
  opacity: 1;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out; }
    .home-banner-3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  display: inline-block;
  --tw-bg-opacity: 1; }

@media (min-width: 1024.1px) {
  .home-banner-3 .scrollbar-wrap {
    max-height: 9.375rem; } }

.home-about .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

@media (min-width: 768px) {
  .home-about .item {
    background: var(--color-code); } }
  .home-about .item:hover .btn-arrow {
  --tw-bg-opacity: 1;
  background-color: rgb(45 120 200 / var(--tw-bg-opacity, 1)); }
    .home-about .item:hover .btn-arrow em {
      -webkit-transition: .3s all  ease-in-out !important;
      transition: .3s all  ease-in-out !important;
      -webkit-transform: rotate(-25deg);
              transform: rotate(-25deg); }

.home-about .img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100% }

@media (max-width: 767.9px) {
  .home-about .img a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 39.10615%; }
    .home-about .img a img, .home-about .img a picture {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);      width: 100%;
      height: 100%;
      object-fit: cover;
      -webkit-transition: .3s ease-in-out all;
      transition: .3s ease-in-out all; } }

.home-about .txt {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1  auto;
      -ms-flex: 0 1  auto;
          flex: 0 1  auto; }

@media (max-width: 767.9px) {
  .home-about .txt {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 14px;
    padding-bottom: 14px;    background: -webkit-linear-gradient(top, rgba(0, 77, 157, 0) 0%, rgba(0, 77, 157, 0.42) 100%);    background: linear-gradient(180deg, rgba(0, 77, 157, 0) 0%, rgba(0, 77, 157, 0.42) 100%); } }

@media (min-width: 768px) {
  .home-about .txt {
    height: 100%;
    padding-right: 60px; }
  .home-about .btn-wrap {
    bottom: 0;
    right: 0;
    border-top-left-radius: 32px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-top: 10px;
    padding-left: 10px }
    .home-about .btn-wrap::before, .home-about .btn-wrap::after {
      content: "";
      position: absolute;
      background: transparent;
      box-shadow: 5px 5px 0 5px #fff;
      width: 20px;
      height: 20px; }
    .home-about .btn-wrap::before {
      bottom: 0;
      left: -20px;
      border-bottom-right-radius: 20px; }
    .home-about .btn-wrap::after {
      top: -20px;
      right: 0;
      border-bottom-right-radius: 20px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .home-news {
    padding-top: calc(60/1920*100rem);
    padding-bottom: calc(60/1920*100rem); } }

@media (min-width: 1024.1px) {
  .home-news .col:first-child {
    width: 65%; }
  .home-news .col:nth-child(2) {
    width: 35%; } }

@media (min-width: 1600.1px) {
  .home-product .container {
    max-width: calc(1270/1920*100rem); } }

.home-product .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;  height: 80px;
  width: 80px;
  min-width: 80px; }

@media (max-width: 767.9px) {
  .home-product .icon {
    height: 40px;
    width: 40px;
    min-width: 40px; } }
  .home-product .icon img {
    width: auto;
    height: 100%;
    object-fit: contain; }

@media (min-width: 768px) {
  .home-product .tab-link::after {
    content: '';
    pointer-events: none;
    bottom: 0 /* 0px */;
    z-index: 10;
    display: block;
    height: 0 /* 0px */;
    width: 100%;
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(10 82 158 / var(--tw-bg-opacity, 1));
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    -webkit-transition: .5s all  ease-in-out;    transition: .5s all  ease-in-out; } }

.home-product .tab-nav li .icon img {
  -webkit-transition: .3s all  ease-in-out;
  transition: .3s all  ease-in-out; }

.home-product .tab-nav li span, .home-product .tab-nav li em, .home-product .tab-nav li i {
  -webkit-transition: .3s all  ease-in-out;
  transition: .3s all  ease-in-out; }

@media (max-width: 767.9px) {
  .home-product .tab-nav li em, .home-product .tab-nav li i {
    display: none; } }

.home-product .tab-nav li:hover .tab-link::after, .home-product .tab-nav li.active .tab-link::after {
  width: 150%;
  height: 200%; }

@media (max-width: 767.9px) {
  .home-product .tab-nav li:hover .tab-link, .home-product .tab-nav li.active .tab-link {
    box-shadow: 4px 4px 40px 0px #00000014; } }

.home-product .tab-nav li:hover span, .home-product .tab-nav li.active span {
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px); }

@media (max-width: 767.9px) {
  .home-product .tab-nav li:hover span, .home-product .tab-nav li.active span {
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline; } }

@media (min-width: 768px) {
  .home-product .tab-nav li:hover .icon img, .home-product .tab-nav li.active .icon img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1); }
  .home-product .tab-nav li:hover span, .home-product .tab-nav li:hover em, .home-product .tab-nav li:hover i, .home-product .tab-nav li.active span, .home-product .tab-nav li.active em, .home-product .tab-nav li.active i {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    opacity: 1; }
    .home-product .tab-nav li:hover span *, .home-product .tab-nav li:hover em *, .home-product .tab-nav li:hover i *, .home-product .tab-nav li.active span *, .home-product .tab-nav li.active em *, .home-product .tab-nav li.active i * {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } }

.home-product .side-nav li:not(:last-child) {
  margin-bottom: calc(8/1920*100rem); }

.home-product .container-fluid {
  padding-left: 15px;
  padding-right: 15px; }

@media (min-width: 1024.1px) {
  .home-product .container-fluid {
    padding: 0 5.20833rem; } }
  .home-product .container-fluid .row {
  margin: 0 /* 0px */;
  margin-left: -12px;
  margin-right: -12px;
  padding: 0 /* 0px */; }
  .home-product .container-fluid .col {
  margin: 0 /* 0px */;
  padding: 0 /* 0px */;
  padding-left: 12px;
  padding-right: 12px; }

@media (min-width: 1024.1px) {
  .home-product .container-fluid .col:first-child {
    width: 320px; }
  .home-product .container-fluid .col:nth-child(2) {
    width: calc( 100% - 320px); } }

.product-item {
  border-radius: 10px 10px 28px 10px; }

@media (min-width: 768px) {
  .product-item {
    border-radius: 20px 20px 48px 20px; } }
  .product-item:hover {
  --tw-border-opacity: 1;
  border-color: rgb(45 120 200 / var(--tw-border-opacity, 1));    box-shadow: 4px 4px 40px 0px #00000014; }
  .product-item .title a {
    display: -webkit-box;
    font-size: clamp(20px, 1.04167rem, 20px);
    height: 2.70833rem;
    min-height: 52px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; }

@media (min-width: 768px) {
  .product-item .title a {
    display: -webkit-box;
    font-size: clamp(20px, 1.25rem, 24px);
    height: 3.25rem;
    min-height: 52px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; } }

.product-item-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .product-item-2 .img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100% }
  .product-item-2 .txt {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1  auto;
        -ms-flex: 0 1  auto;
            flex: 0 1  auto;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column }
    .product-item-2 .txt .btn-wrap {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      width: 100% }
    .product-item-2 .txt .top {
      -webkit-box-flex: 0;
      -webkit-flex: 0 1  auto;
          -ms-flex: 0 1  auto;
              flex: 0 1  auto;
      height: 100% }

@media (max-width: 767.9px) {
  .product-item-2 .type, .product-item-2 .desc {
    display: -webkit-box;
    font-size: clamp(16px, 0.83333rem, 16px);
    height: 2.16667rem;
    min-height: 41.6px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; } }

.home-science {
  background: url("../img/bg/home-mobile-2.jpg");
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important; }

@media (min-width: 768px) {
  .home-science {
    background: url("../img/bg/home-desktop-2.jpg"); } }
  .home-science .custom-select select {
  --tw-bg-opacity: 1;
  background-color: rgb(10 82 158 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
    .home-science .custom-select select option {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
  .home-science .custom-select::after {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

.science-item::after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: 0 /* 0px */;
  bottom: 0 /* 0px */;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.1;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;  -webkit-backdrop-filter: blur(20px);  backdrop-filter: blur(20px); }

.science-item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
  .science-item:hover time::after {
  --tw-bg-opacity: 1; }
  .science-item:hover .type::after {
  background-color: rgb(220 220 220 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 1;
  opacity: 1; }

.science-item .type::after {
  content: '';
  pointer-events: none;
  right: 0 /* 0px */;
  z-index: 10;
  display: block;
  height: 10px;
  width: 1px;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.25;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out }

.home-community .container-fluid {
  padding: 0 /* 0px */; }

.home-community .row, .home-community .col {
  margin: 0 /* 0px */;
  padding: 0 /* 0px */; }

.home-community .img a {
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 61.53846%; }
  .home-community .img a img, .home-community .img a picture {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: .3s ease-in-out all;
    transition: .3s ease-in-out all; }

.home-community .scrollbar-wrap {
  max-height: 10.9375rem; }

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

.news-detail .social-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media screen and (max-width: 1024px) {
    .news-detail .social-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; } }

.news-detail time {
  padding-left: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .news-detail time::before {
    content: '';
    pointer-events: none;
    z-index: 10;
    margin-right: 8px;
    display: block;
    height: 12px;
    width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(220 220 220 / var(--tw-bg-opacity, 1));
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out }

.news-detail #ez-toc-container ul li::before {
  display: none; }

.news-detail .social a {
  --tw-bg-opacity: 1;
  background-color: rgb(239 244 250 / var(--tw-bg-opacity, 1)); }
  .news-detail .social a em, .news-detail .social a i {
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(10 82 158 / var(--tw-text-opacity, 1)); }

.news-detail .briefcontent {
  font-size: clamp(20px,calc(24/1920*100rem),24px);
  font-weight: 700; }
  .news-detail .briefcontent * {
  font-size: clamp(20px,calc(24/1920*100rem),24px);
  font-weight: 700; }

.news-detail .social-network {
  gap: calc(8/1920*100rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

@media (min-width: 1024.1px) {
  .news-detail .social-network {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; } }
  .news-detail .social-network a {
  overflow: hidden;
  border-radius: 9999px;
  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(255 255 255 / var(--tw-bg-opacity, 1));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;    width: 2.5rem;
    height: 2.5rem; }
    .news-detail .social-network a em {
  font-size: clamp(18px,calc(20/1920*100rem),20px);
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out; }
    .news-detail .social-network a:hover em {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

.ez-toc-list li::before {
  display: none !important; }

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

.news-other .section-title {
  font-size: clamp(24px,calc(28/1920*100rem),28px);
  text-transform: none; }

@media (min-width: 1200.1px) {
  .news-other .section-title {
    font-size: clamp(34px,calc(40/1920*100rem),40px); } }

@media screen and (max-width: 576px) {
  .news-other .swiper-nav {
    padding-top: calc(16/1920*100rem); } }

@media (min-width: 1024.1px) {
  .news-other .prev, .news-other .next {
    top: 30%; } }

.news-other.commnunity-6 {
  padding-top: calc(60/1920*100rem); }

.news-item-4 time {
  margin: 0 /* 0px */;
  margin-bottom: calc(4/1920*100rem);
  padding: 0 /* 0px */;
  padding-bottom: calc(8/1920*100rem); }
  .news-item-4 time:before {
  display: none; }

.news-template-1 .news-mobile-big .title {
  display: -webkit-box;
  font-size: clamp(24px, 1.25rem, 24px);
  height: 3.25rem;
  min-height: 62.4px;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.news-template-1.mevabe-news .prev, .news-template-1.mevabe-news .next {
  top: 32%; }

@media screen and (max-width: 1024px) {
  .news-template-1.mevabe-news .tab-nav {
    overflow-x: auto; }
    .news-template-1.mevabe-news .tab-nav ul {
    white-space: nowrap;
    padding-bottom: calc(4/1920*100rem);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;      -webkit-box-pack: start;      -webkit-justify-content: flex-start;      -ms-flex-pack: start;      justify-content: flex-start; }
      .news-template-1.mevabe-news .tab-nav ul li:first-child {
    padding-left: 0 /* 0px */; }
    .news-template-1.mevabe-news .tab-nav ul {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; } }

.news-template-1::after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: 0 /* 0px */;
  bottom: 0 /* 0px */;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.1;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;  -webkit-backdrop-filter: blur(20px);  backdrop-filter: blur(20px); }

.news-template-1 .type::after {
  content: '';
  pointer-events: none;
  right: 0 /* 0px */;
  z-index: 10;
  display: block;
  height: 10px;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(220 220 220 / var(--tw-bg-opacity, 1));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out }

.news-list {
  overflow: hidden; }
  @media screen and (max-width: 1024px) {
    .news-list .zone-nav {
    margin-bottom: calc(32/1920*100rem);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }
  .news-list .zone-nav ul {
    list-style-type: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: calc(32/1920*100rem) }
  .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 {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline; }
  .news-list .zone-nav a {
  overflow: hidden;
  font-size: clamp(16px,calc(18/1920*100rem),18px);
  font-weight: 700;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out; }

@media (min-width: 576.1px) {
  .news-list .news-item-side .txt {
    padding-top: 0 /* 0px */; } }

.news-list-2 .row {
  margin-bottom: -20px; }
  .news-list-2 .row .col {
  margin-bottom: 20px; }

.news-list-2 .news-figure .time-wrap {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-color: rgb(220 220 220 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 1; }

.news-list-2 .news-figure .txt {
  padding: calc(24/1920*100rem); }

.news-list-2 .news-figure .img {
  padding: 0 /* 0px */; }

.news-list-2 .news-figure .section-title a {
  display: -webkit-box;
  font-size: clamp(28px, 1.66667rem, 32px);
  height: 6rem;
  min-height: 100.8px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; }

.side-news {
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;  -webkit-box-align: start !important;  -webkit-align-items: flex-start !important;  -ms-flex-align: start !important;  align-items: flex-start !important; }
  .side-news .img {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    width: 14.58333rem;
    min-width: 14.58333rem;
    max-width: 14.58333rem; }
    .side-news .img a {
  overflow: hidden;
  border-radius: calc(8/1920*100rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;      width: 14.58333rem;
      min-width: 14.58333rem;
      max-width: 14.58333rem;
      height: 187px; }
      .side-news .img a img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .side-news .txt {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }

.side-news-mobile {
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;  -webkit-box-align: start !important;  -webkit-align-items: flex-start !important;  -ms-flex-align: start !important;  align-items: flex-start !important; }
  .side-news-mobile .img {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    width: 140px;
    min-width: 140px;
    max-width: 140px;
    height: 93px; }
    .side-news-mobile .img a {
      width: 140px;
      min-width: 140px;
      max-width: 140px;
      height: 93px; }
      .side-news-mobile .img a img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .side-news-mobile .txt {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }

.news-big {
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;  -webkit-box-align: start !important;  -webkit-align-items: flex-start !important;  -ms-flex-align: start !important;  align-items: flex-start !important; }
  .news-big .img {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    min-width: 32.1875rem;
    max-width: 32.1875rem; }
    .news-big .img a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;      height: 386px;
      width: 100%; }
      .news-big .img a img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .news-big .txt {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  .news-big .type {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: calc(8/1920*100rem); }
    .news-big .type::after {
      content: '';
      pointer-events: none;
      right: 0 /* 0px */;
      z-index: 10;
      display: block;
      height: 10px;
      width: 1px;
      --tw-bg-opacity: 1;
      background-color: rgb(220 220 220 / var(--tw-bg-opacity, 1));
      -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transition-duration: 150ms;
              transition-duration: 150ms;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      -webkit-transition: .4s all ease-in-out;
      transition: .4s all ease-in-out }

.filter-item {
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out; }

@media (max-width: 1024px) {
  .filter-item {
    padding-top: 12px; }
    .filter-item:first-child {
    padding-top: 0 /* 0px */; } }

@media (min-width: 1024.1px) {
  .filter-item {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(220 220 220 / var(--tw-border-opacity, 1));
    padding-top: calc(12/1920*100rem); }
  .filter-item.is-toggle {
    padding-top: calc(28/1920*100rem); } }

@media (max-width: 1024px) {
  .filter-item .wrap {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px; } }

@media (max-width: 767.9px) {
  .filter-item .wrap {
    grid-template-columns: repeat(3, minmax(0, 1fr)); } }

@media (max-width: 576px) {
  .filter-item .wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  .filter-item .item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

@media (max-width: 1024px) {
  .filter-item .item {
    min-height: 44px;
    border-radius: 0.25rem;
    border-width: 1px;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(239 244 250 / var(--tw-bg-opacity, 1));
    padding: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
    font-size: 14px;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out; } }

@media (min-width: 1024.1px) {
  .filter-item .item {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .filter-item .item:not(:last-child) {
    margin-bottom: calc(12/1920*100rem); }
    .filter-item .item::before {
      content: '\f0c8';
      pointer-events: none;
      z-index: 10;
      margin-right: 8px;
      display: block;
      font-family: 'Font Awesome 6 Pro';
      font-size: 16px;
      --tw-text-opacity: 1;
      color: rgb(129 129 129 / var(--tw-text-opacity, 1));
      -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transition-duration: 150ms;
              transition-duration: 150ms;
      -webkit-transition: .4s all ease-in-out;
      transition: .4s all ease-in-out }
    .filter-item .item.active:before {
      content: '\f14a';
      font-weight: 900;
      --tw-text-opacity: 1;
      color: rgb(10 82 158 / var(--tw-text-opacity, 1));
      -webkit-text-decoration-line: none;
              text-decoration-line: none }
    .filter-item .item:hover span {
    --tw-text-opacity: 1;
    color: rgb(10 82 158 / var(--tw-text-opacity, 1));
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline; } }

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

@media (max-width: 1024px) {
  .mobile-filter-wrap .filter-block {
    height: 100vh;
    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 {
  -webkit-transform: none;
          transform: none; }

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

@media (max-width: 1024px) {
  .mobile-filter-wrap .scrollbar-wrap {
    padding-right: 0 /* 0px */;    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 /* 0px */;
  right: 0 /* 0px */;
  z-index: 20;
  margin-left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center }

@media (min-width: 1024.1px) {
  .close-filter {
    display: none; } }
  .close-filter em {
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(204 42 44 / var(--tw-text-opacity, 1));    font-size: 28px; }

.view-sort-wrap .custom-select::after {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 18px;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(10 82 158 / var(--tw-text-opacity, 1)); }

.view-sort-wrap .custom-select select {
  height: 32px;
  border-radius: 4px;
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1));
  padding-left: calc(16/1920*100rem);
  padding-right: calc(16/1920*100rem);
  padding-right: 50px;
  font-size: clamp(16px,calc(18/1920*100rem),18px);
  font-weight: 700; }
  .view-sort-wrap .custom-select select option {
  font-size: clamp(16px,calc(18/1920*100rem),18px);
  font-weight: 700; }

.view-sort-wrap .view-filter .custom-select {
  width: 80px; }

.view-sort-wrap .view-filter select {
  padding-right: 40px; }

.view-sort-wrap .sort-filter .custom-select {
  width: 200px; }

@media (min-width: 1024.1px) {
  .view-sort-wrap .sort-filter .custom-select {
    width: 125px; } }

.active-filter-list {
  overflow-x: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .active-filter-list .wrap {
  gap: 8px;
  white-space: nowrap;
  padding-bottom: calc(4/1920*100rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;    -webkit-box-pack: start;    -webkit-justify-content: flex-start;    -ms-flex-pack: start;    justify-content: flex-start; }

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

.remove-filter::after {
  content: '\f00d';
  pointer-events: none;
  z-index: 10;
  margin-top: calc(4/1920*100rem);
  margin-left: 10px;
  display: block;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(10 82 158 / var(--tw-text-opacity, 1));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out }

.product-figure .rating {
  gap: calc(4/1920*100rem); }
  .product-figure .rating em {
  font-size: 14px;    color: #FFC300; }

@media (max-width: 767.9px) {
  .product-figure .volume {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(8/1920*100rem);
    margin-top: calc(4/1920*100rem); } }

.product-figure .sub-title a {
  display: -webkit-box;
  font-size: clamp(20px, 1.25rem, 24px);
  height: 3.25rem;
  min-height: 52px;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.product-detail .product-main .img {
  padding: calc(40/1920*100rem); }

@media (max-width: 767.9px) {
  .product-detail .product-main .img a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 86.04651%; }
    .product-detail .product-main .img a img, .product-detail .product-main .img a picture {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);      width: 100%;
      height: 100%;
      object-fit: cover;
      -webkit-transition: .3s ease-in-out all;
      transition: .3s ease-in-out all; } }

@media (min-width: 768px) {
  .product-detail .product-main .img a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;    height: 38.54167rem;
    width: auto; }
    .product-detail .product-main .img a img {
      width: auto;
      height: 100%;
      object-fit: contain; } }
  .product-detail .product-main .img a img {
  object-fit: contain; }

.product-detail .product-thumb {
  width: 100%; }

@media (min-width: 1024.1px) {
  .product-detail .product-thumb {
    margin-top: auto;
    margin-bottom: auto; } }

@media (max-width: 1024px) {
  .product-detail .product-thumb {
    max-height: 100px; } }

@media (max-width: 576px) {
  .product-detail .product-thumb {
    position: static; } }

@media (min-width: 1024.1px) {
  .product-detail .product-thumb .swiper {
    height: 17.96875rem; } }
  .product-detail .product-thumb .img a {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;    height: 100px;
    width: auto; }

@media (min-width: 1024.1px) {
  .product-detail .product-thumb .img a {
    height: 5.20833rem; } }
    .product-detail .product-thumb .img a img {
      width: 100%;
      height: 100%;
      object-fit: contain; }
  .product-detail .product-thumb .swiper-slide.swiper-slide-thumb-active .img {
  --tw-border-opacity: 1;
  border-color: rgb(10 82 158 / var(--tw-border-opacity, 1)); }

.product-detail .row {
  margin: 0 /* 0px */;
  padding: 0 /* 0px */; }
  @media screen and (max-width: 576px) {
    .product-detail .row {
    position: relative; }
      .product-detail .row .col {
        position: static; } }
  .product-detail .row .col {
  margin: 0 /* 0px */;
  padding: 0 /* 0px */; }
    @media screen and (max-width: 1024px) {
      .product-detail .row .col {
    width: 100%; } }

@media (max-width: 1024px) {
  .product-detail .row .col:first-child {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; } }

@media (min-width: 1024.1px) {
  .product-detail .row .col:first-child {
    width: 100px;
    min-width: 100px; } }

@media (max-width: 1024px) {
  .product-detail .row .col:nth-child(2) {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; } }

@media (min-width: 1024.1px) {
  .product-detail .row .col:nth-child(2) {
    width: calc( 100% -  100px);
    min-width: calc( 100% -  100px); } }

.product-size-swiper .swiper-slide.is-active .wrap {
  --tw-border-opacity: 1;
  border-color: rgb(10 82 158 / var(--tw-border-opacity, 1)); }

.product-size-swiper .swiper-slide.is-active .volume {
  opacity: 1; }

@media (max-width: 767.9px) {
  .option-item .title {
    display: -webkit-box;
    font-size: clamp(14px, 0.72917rem, 14px);
    height: 2.84375rem;
    min-height: 54.6px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; } }

@media (min-width: 768px) {
  .option-item .title {
    margin-top: calc(12/1920*100rem);    display: -webkit-box;
    font-size: clamp(16px, 0.9375rem, 18px);
    height: 3.65625rem;
    min-height: 62.4px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; } }

.option-item .img {
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;  height: 100px;
  width: 100px; }
  .option-item .img img {
    width: auto;
    height: 100%;
    object-fit: contain; }

.option-item .volume {
  opacity: 0;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out; }

.product-detail-banner .icon a {
  overflow: hidden;  border: 4px solid transparent;
  border-radius: 15px;
  background: -webkit-linear-gradient(white, white) padding-box, -webkit-linear-gradient(top, #D08429 0%, #E5CD96 30%, #FFFFFF 60%, #E0AE2C 80%, #F5EC94 100%) border-box;
  background: linear-gradient(white, white) padding-box, linear-gradient(180deg, #D08429 0%, #E5CD96 30%, #FFFFFF 60%, #E0AE2C 80%, #F5EC94 100%) border-box;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box; }
  .product-detail-banner .icon a img {
  object-fit: contain; }

@media (max-width: 1024px) {
  .product-detail-2 .zone-title {
    text-transform: none; } }

@media (min-width: 1024.1px) {
  .product-detail-2 .item {
    margin-left: auto;
    width: 100%; }
  .product-detail-2 .img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; } }

.product-detail-2 .img a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;  height: 15.625rem;
  max-width: 15.625rem;
  width: auto; }

@media (max-width: 1024px) {
  .product-detail-2 .img a {
    height: 120px;
    max-width: 120px; } }
  .product-detail-2 .img a img {
    width: auto;
    height: 100%;
    object-fit: contain; }

.product-detail-2 .list {
  padding: 0 /* 0px */; }
  .product-detail-2 .list li {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(10 82 158 / var(--tw-border-opacity, 1));
  padding-top: calc(12/1920*100rem);
  padding-bottom: calc(12/1920*100rem);
  padding-left: 0 /* 0px */; }
    .product-detail-2 .list li::before {
  display: none; }
  .product-detail-2 .list strong {
  margin-bottom: 9px;
  display: block;
  width: 100%;
  font-size: 24px;
  --tw-text-opacity: 1;
  color: rgb(10 82 158 / var(--tw-text-opacity, 1)); }

@media (min-width: 1024.1px) {
  .product-detail-2 .list strong {
    margin-bottom: calc(20/1920*100rem);
    font-size: 32px; } }
  .product-detail-2 .list span {
  font-size: 20px;
  font-weight: 400; }

@media (min-width: 1200.1px) {
  .product-detail-2 .list span {
    font-size: 24px; } }

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

.product-detail-3 .logo {
  height: 8.33333rem;
  width: auto; }

@media (max-width: 1024px) {
  .product-detail-3 .logo {
    height: 92px; } }
  .product-detail-3 .logo img {
    width: auto;
    height: 100%;
    object-fit: contain; }

.product-detail-3 .video-player {
  box-shadow: 4px 4px 40px 0px #00000014; }

@media (min-width: 1024.1px) {
  .product-detail-3 .video-player {
    margin-right: -3.125rem; } }

.product-detail-3 .icon {
  height: 80px;
  width: auto;
  min-width: 100px; }
  .product-detail-3 .icon img {
    width: auto;
    height: 100%;
    object-fit: contain; }

.product-detail-3 .video-wrap a {
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 56.31579%; }
  .product-detail-3 .video-wrap a img, .product-detail-3 .video-wrap a picture, .product-detail-3 .video-wrap a video, .product-detail-3 .video-wrap a iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: .3s ease-in-out all;
    transition: .3s ease-in-out all; }

@media screen and (max-width: 420px) {
  .product-outstanding .swiper-slide {
    width: 50%; } }

.product-detail-3 {
  background: -webkit-linear-gradient(top, rgba(226, 240, 246, 0) 0%, #E2F0F6 100%);
  background: linear-gradient(180deg, rgba(226, 240, 246, 0) 0%, #E2F0F6 100%); }

@media (min-width: 1200.1px) {
  .product-detail-banner-2 {
    padding-top: calc(80/1920*100rem); } }

@media (min-width: 1024.1px) {
  .product-detail-banner-2 .container-fluid {
    padding: 0 4.16667rem; } }

.product-detail-banner-2 .img-bg img {
  height: 100%;
  width: 100%;
  object-fit: cover; }

@media (min-width: 1024.1px) {
  .product-detail-banner-2 .col:nth-child(1) {
    width: 32%; } }

@media screen and (max-width: 1024px) {
  .product-detail-banner-2 .col:nth-child(1) {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; } }

@media (min-width: 1024.1px) {
  .product-detail-banner-2 .col:nth-child(2) {
    width: 36%; } }

@media screen and (max-width: 1024px) {
  .product-detail-banner-2 .col:nth-child(2) {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; } }

@media (min-width: 1024.1px) {
  .product-detail-banner-2 .col:nth-child(3) {
    width: 32%; } }

@media screen and (max-width: 1024px) {
  .product-detail-banner-2 .col:nth-child(3) {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; } }

@media (max-width: 767.9px) {
  .product-detail-banner-2 .left, .product-detail-banner-2 .right {
    gap: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; } }

@media (min-width: 1024.1px) {
  .product-detail-banner-2 .left, .product-detail-banner-2 .right {
    gap: calc(20/1920*100rem);
    padding-top: calc(72/1920*100rem);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .product-detail-banner-2 .left, .product-detail-banner-2 .right {
    gap: calc(8/1920*100rem);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .product-detail-banner-2 .center {
    margin: calc(32/1920*100rem); } }

@media (min-width: 1024.1px) {
  .product-mevaba-1 .container-fluid {
    padding: 0 150px; } }

.product-mevaba-1 .prev, .product-mevaba-1 .next {
  z-index: 50;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.product-mevaba-1 .swiper-nav {
  padding: 0 /* 0px */; }

@media screen and (max-width: 460px) {
  .product-mevaba-1 .four-swiper .swiper-slide {
    width: 50%; } }

.product-tab-zone .swiper {
  padding: 20px 0 0 0; }

@media (min-width: 1024.1px) {
  .product-tab-zone .swiper {
    padding: 50px 0 0 0; } }

.product-tab-zone li.active a {
  -webkit-transform: translateY(-12px);
          transform: translateY(-12px); }

@media (min-width: 1200.1px) {
  .product-tab-zone li.active a {
    -webkit-transform: translateY(-42px);
            transform: translateY(-42px); } }

.product-tab-zone .icon {
  width: 100%;  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 100%; }
  .product-tab-zone .icon img, .product-tab-zone .icon picture {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);    width: 100%;
    height: 100%;
    object-fit: contain;
    -webkit-transition: .3s ease-in-out all;
    transition: .3s ease-in-out all; }

.product-news-mevabe .news-figure-2 .section-title a {
  display: -webkit-box;
  font-size: clamp(28px, 1.66667rem, 32px);
  height: 6rem;
  min-height: 100.8px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; }

.product-news-mevabe .news-figure-2 .zone-desc {
  display: -webkit-box;
  font-size: clamp(20px, 1.25rem, 24px);
  height: 4.875rem;
  min-height: 78px;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; }

.product-zone-list .container-fluid {
  padding: 0 /* 0px */; }

@media (min-width: 768px) {
  .product-zone-list .container-fluid {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 1200.1px) {
  .product-zone-list .container-fluid {
    padding: 0 5.20833rem; } }

.product-zone-list .row {
  margin: 0 /* 0px */;
  padding: 0 /* 0px */; }

@media (max-width: 767.9px) {
  .product-zone-list .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }
  .product-zone-list .row .col {
  margin: 0 /* 0px */;
  padding: 0 /* 0px */; }

@media (min-width: 1024.1px) {
  .product-zone-list .row .col:nth-child(1) {
    width: 33%; }
  .product-zone-list .row .col:nth-child(2) {
    width: 67%; } }

@media (max-width: 767.9px) {
  .product-zone-list .img a {
    padding-top: 100%; } }

@media (min-width: 768px) {
  .product-zone-list .item {
    border-radius: calc(16/1920*100rem); } }

@media (max-width: 767.9px) {
  .product-zone-list .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }

@media (min-width: 768px) {
  .product-zone-list .swiper {
    margin: 0 /* 0px */;
    padding: 0 /* 0px */; } }

.product-zone-list .swiper-pagination {
  position: absolute !important;
  bottom: 0 /* 0px */ !important;
  left: 0 /* 0px */ !important;
  z-index: 60 !important;
  margin: 0 /* 0px */ !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  background-color: transparent !important; }

@media (max-width: 767.9px) {
  .product-zone-list .swiper-pagination {
    padding-left: calc(32/1920*100rem);
    padding-bottom: calc(20/1920*100rem); } }

@media (min-width: 768px) {
  .product-zone-list .swiper-pagination {
    padding-left: calc(32/1920*100rem);
    padding-bottom: calc(32/1920*100rem); } }
  .product-zone-list .swiper-pagination .swiper-pagination-bullet {
  height: 4px;
  width: 24px;
  min-width: 24px;
  border-radius: calc(8/1920*100rem);
  background-color: rgb(10 82 158 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.5;
  opacity: 1;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out; }
    .product-zone-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  display: inline-block;
  --tw-bg-opacity: 1; }

@media (min-width: 1024.1px) {
  .product-zone-list .scrollbar-wrap {
    max-height: 8.33333rem; } }

.product-zone .product-zone-list:last-child {
  padding-bottom: 0 /* 0px */; }

.related-news .prev, .related-news .next {
  top: 25%; }

.news-item-3 .section-title a {
  display: -webkit-box;
  font-size: clamp(28px, 1.66667rem, 32px);
  height: 6rem;
  min-height: 100.8px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; }

.news-item-3 .zone-desc {
  display: -webkit-box;
  font-size: clamp(20px, 1.25rem, 24px);
  height: 4.5rem;
  min-height: 72px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; }

@media (min-width: 1024.1px) {
  .about-history .container-fluid {
    padding: 0 /* 0px */; } }

.history-thumb .swiper-slide.swiper-slide-thumb-active .year {
  font-size: clamp(34px,calc(40/1920*100rem),40px); }

.history-thumb .swiper-slide::after {
  content: '';
  pointer-events: none;
  position: absolute;
  right: 0 /* 0px */;
  bottom: 0 /* 0px */;
  z-index: 10;
  display: block;
  height: 100%;
  width: 13px;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;  background: url("../img/icon/arrow.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; }

.history-main .swiper, .history-main .swiper-wrapper {
  overflow: visible; }

.history-main .swiper-slide.swiper-slide-active .img a::after {
  opacity: 0; }

.history-main .swiper-slide.swiper-slide-active .txt {
  opacity: 1; }

@media (min-width: 1024.1px) {
  .history-main .prev, .history-main .next {
    position: absolute;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);    top: 35%; }
  .history-main .prev {
    left: -24px; }
  .history-main .next {
    right: -24px; } }

.history-main .img a::after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: 0 /* 0px */;
  bottom: 0 /* 0px */;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.75;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out }

.about-1 {
  background: url("../img/bg/about-mobile-1.png");
  background-repeat: no-repeat  !important;
  background-size: cover  !important;
  background-position: center bottom !important; }

@media (min-width: 768px) {
  .about-1 {
    background: url("../img/bg/about-desktop-1.jpg");
    padding-top: calc(60/1920*100rem);
    padding-bottom: calc(60/1920*100rem) } }

@media (min-width: 1200.1px) {
  .about-1 {
    padding: 6.66667rem 0 7.29167rem; } }

@media (max-width: 767.9px) {
  .about-1 {
    padding-bottom: 360px; } }

@media (max-width: 576px) {
  .about-1 .img {
    max-height: 276px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: 100% }
    .about-1 .img a img {
      max-height: 276px; } }
  .about-1 .img img {
  object-fit: contain; }

.about-2 {
  background: url("../img/bg/about-mobile-2.png");
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  background-position: center bottom !important;
  padding-bottom: 200px; }

@media (min-width: 768px) {
  .about-2 {
    background: url("../img/bg/about-desktop-2.png");
    padding-bottom: 40.88542rem; } }

@media (min-width: 576.1px) {
  .about-2 .img {
    max-height: 770px; }
    .about-2 .img a img {
      max-height: 770px; } }

@media (max-width: 576px) {
  .about-2 .img {
    max-height: 350px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: 100% }
    .about-2 .img a img {
      max-height: 350px; } }
  .about-2 .img img {
  object-fit: contain; }

.commnunity-1 {
  min-height: 42.1875rem; }

@media (min-width: 1200.1px) {
  .commnunity-1 .txt {
    max-width: 31.25rem; } }

.commnunity-2 .item::after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: 0 /* 0px */;
  bottom: 0 /* 0px */;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.2;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;  -webkit-backdrop-filter: blur(20px);  backdrop-filter: blur(20px); }

@media (max-width: 1024px) {
  .commnunity-2 .row {
    margin-bottom: calc(calc(8/1920*100rem) * -1); }
  .commnunity-2 .col {
    margin-bottom: calc(8/1920*100rem); } }

.commnunity-2 .col:nth-child(1) .item {
  text-align: right; }

.commnunity-2 .col:nth-child(1) .icon {
  margin-left: auto; }

.commnunity-2 .col:nth-child(3) .icon {
  margin-right: auto; }

.commnunity-2 .col:nth-child(3) .item {
  text-align: left; }

.commnunity-3 {
  padding-top: 0 /* 0px */; }

@media (min-width: 1024.1px) {
  .commnunity-3 {
    padding-top: calc(40/1920*100rem); } }
  .commnunity-3 .container-fluid {
  padding: 0 /* 0px */; }

@media (max-width: 1024px) {
  .commnunity-3 .txt {
    padding-left: calc(20/1920*100rem);
    padding-right: calc(20/1920*100rem); } }

@media (min-width: 1024.1px) {
  .commnunity-3 .txt {
    max-width: 40.625rem; } }

@media (min-width: 1600.1px) {
  .commnunity-3 .txt {
    max-width: 35.41667rem; } }
  .commnunity-3::after {
    content: '';
    pointer-events: none;
    position: absolute;
    right: 0 /* 0px */;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background: url("../img/overlay/cell.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center right;
    max-width: 16.77083rem;
    max-height: 27.60417rem;
    bottom: 4.16667rem; }

@media (max-width: 1024px) {
  .commnunity-3 .img a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 61.22449%; }
    .commnunity-3 .img a img, .commnunity-3 .img a picture {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);      width: 100%;
      height: 100%;
      object-fit: contain;
      -webkit-transition: .3s ease-in-out all;
      transition: .3s ease-in-out all; } }

@media (min-width: 1024.1px) {
  .commnunity-3 .img a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;    height: 35.9375rem;
    width: auto; }
    .commnunity-3 .img a img {
      width: auto;
      height: 100%;
      object-fit: contain; }
  .commnunity-4 {
    padding-bottom: calc(112/1920*100rem); } }

.commnunity-4 .zone-desc h3, .commnunity-4 .zone-desc h4, .commnunity-4 .zone-desc h5, .commnunity-4 .zone-desc h6 {
  --tw-text-opacity: 1;
  color: rgb(10 82 158 / var(--tw-text-opacity, 1)); }

.commnunity-4 .zone-desc ul li::before {
  top: 12px; }

.commnunity-4 .list ul, .commnunity-4 .list ol {
  padding-left: 0 /* 0px */; }

.commnunity-4 .list li {
  padding-left: 0 /* 0px */;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

@media (max-width: 576px) {
  .commnunity-4 .list li {
    margin-bottom: calc(16/1920*100rem);
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; } }
  .commnunity-4 .list li:before {
  display: none !important; }

.commnunity-4 .list .counter {
  min-width: 170px;
  white-space: nowrap; }

.commnunity-5 .img a {
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 46.42857%; }
  .commnunity-5 .img a img, .commnunity-5 .img a picture {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: .3s ease-in-out all;
    transition: .3s ease-in-out all; }

.commnunity-5 .zone-desc strong, .commnunity-5 .zone-desc b {
  --tw-text-opacity: 1;
  color: rgb(10 82 158 / var(--tw-text-opacity, 1)); }

@media (min-width: 768px) {
  .commnunity-5 .txt {
    max-width: 22.65625rem; } }

.commnunity-5 .txt .zone-desc strong, .commnunity-5 .txt .zone-desc b {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

.commnunity-5 .img::after {
  content: '';
  pointer-events: none;
  position: absolute;
  right: 0 /* 0px */;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;  background: url("../img/overlay/cell.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center right;
  max-width: 16.77083rem;
  max-height: 27.60417rem;
  bottom: 4.16667rem; }

.contact-us address {
  margin-bottom: calc(16/1920*100rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-style: normal; }
  .contact-us address p {
  margin-bottom: 0 /* 0px */; }
  .contact-us address li {
  margin-bottom: calc(8/1920*100rem);
  font-size: clamp(14px,calc(16/1920*100rem),16px);
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;    -webkit-box-align: start;    -webkit-align-items: flex-start;    -ms-flex-align: start;    align-items: flex-start; }
    .contact-us address li * {
  font-size: clamp(14px,calc(16/1920*100rem),16px);
  font-weight: 500; }
  .contact-us address em, .contact-us address i {
  margin-right: calc(8/1920*100rem);
  display: inline-block;
  width: 20px;
  font-size: clamp(18px,calc(20/1920*100rem),20px); }
  .contact-us address ul {
  border-top-width: 1px;
  padding-top: calc(20/1920*100rem);
  padding-bottom: calc(20/1920*100rem); }
  .contact-us address a {
  display: inline-block; }
    .contact-us address a:hover {
  -webkit-text-decoration-line: underline;
          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(12px,calc(14/1920*100rem),14px); }
  .contact-us .frm-msg * {
  font-size: clamp(12px,calc(14/1920*100rem),14px); }

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

.elderly-section-1::after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: 0 /* 0px */;
  top: 0 /* 0px */;
  z-index: 10;
  display: block;
  height: 38%;
  width: 100%;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;  background: -webkit-linear-gradient(top, #FFFFFF 0%, #FAF4C7 100%);  background: linear-gradient(180deg, #FFFFFF 0%, #FAF4C7 100%); }

@media (min-width: 768px) {
  .elderly-section-1::after {
    height: 52%; } }

@media (min-width: 1200.1px) {
  .elderly-section-1 .container-fluid {
    padding: 0 5.20833rem; } }

.elderly-section-1 .four-swiper {
  position: relative;
  z-index: 50; }
  .elderly-section-1 .four-swiper .swiper {
  margin: calc(calc(24/1920*100rem) * -1);
  margin-left: -4px;
  margin-right: -4px;
  padding: 0 /* 0px */;
  padding-top: calc(24/1920*100rem);
  padding-bottom: calc(24/1920*100rem); }
  .elderly-section-1 .four-swiper .swiper-slide {
    padding: 0 4px; }
    @media screen and (min-width: 375px) and (max-width: 460px) {
      .elderly-section-1 .four-swiper .swiper-slide {
    width: 50%; } }
    @media screen and (max-width: 375px) {
      .elderly-section-1 .four-swiper .swiper-slide {
    width: 100%; } }

@media (min-width: 1024.1px) {
  .elderly-section-2 .container-fluid {
    padding: 0 5.20833rem; } }

.elderly-section-2 .five-swiper {
  width: -webkit-fill-available; }

@media (max-width: 767.9px) {
  .elderly-section-2 .five-swiper {
    margin-right: -12px; } }
  .elderly-section-2 .five-swiper .swiper {
  margin: calc(calc(24/1920*100rem) * -1);
  margin-left: -6px;
  margin-right: -6px;
  padding: 0 /* 0px */;
  padding-top: calc(24/1920*100rem);
  padding-bottom: calc(24/1920*100rem); }
  .elderly-section-2 .five-swiper .swiper-slide {
    padding: 0 6px; }
    @media screen and (max-width: 768px) {
      .elderly-section-2 .five-swiper .swiper-slide {
    width: 33.333333%; } }
    @media screen and (max-width: 576px) {
      .elderly-section-2 .five-swiper .swiper-slide {
        width: 38%; } }

@media (max-width: 767.9px) {
  .elderly-section-2 .col:nth-child(2) {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .elderly-section-2 .col:nth-child(1) {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; } }

.elderly-section-2 .swiper-nav {
  padding: 0 /* 0px */; }

.elderly-section-2 .next {
  right: 0; }

@media (min-width: 768px) {
  .elderly-section-2 .next {
    right: -20px; } }

@media (min-width: 1024.1px) {
  .elderly-section-2 .next {
    right: -4.6875rem; } }

@media (min-width: 1200.1px) {
  .elderly-section-2 .next {
    right: -3.64583rem; } }

.elderly-section-2 .prev {
  left: -12px; }

@media (min-width: 768px) {
  .elderly-section-2 .prev {
    left: -20px; } }

@media (min-width: 1024.1px) {
  .elderly-section-2 .prev {
    left: -4.6875rem; } }

@media (min-width: 1200.1px) {
  .elderly-section-2 .prev {
    left: -3.64583rem; } }

.elderly-section-2 .next, .elderly-section-2 .prev {
  z-index: 200;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); }

@media (max-width: 1024px) {
  .elderly-section-2 .next, .elderly-section-2 .prev {
    z-index: 70;
    margin: 0 /* 0px */;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .elderly-product-contact {
    background: white !important; } }

@media (min-width: 1024.1px) {
  .elderly-product-contact {
    padding-bottom: 8.33333rem; } }

.elderly-product-contact .block-wrap {
  background: -webkit-linear-gradient(133.83deg, #002D80 0%, #0058B5 50%, #004293 100%);
  background: linear-gradient(316.17deg, #002D80 0%, #0058B5 50%, #004293 100%); }

@media (min-width: 1024.1px) {
  .elderly-product-contact .block-wrap {
    max-width: 35.41667rem; } }

.elderly-product-contact .container-fluid {
  padding: 0 /* 0px */; }

@media (min-width: 1200.1px) {
  .elderly-product-contact .container-fluid {
    padding: 0 5.20833rem; } }

.elderly-product-contact .btn-wrap .btn span {
  font-weight: 700; }

.elderly-product-contact .btn-wrap .btn em {
  font-weight: 700; }

.elderly-product-contact .wrap-form .btn span {
  font-weight: 500; }

.elderly-product-contact .wrap-form .btn em {
  font-weight: 700; }

.branding-list, .award-list {
  background: -webkit-linear-gradient(top, rgba(226, 240, 246, 0) 0%, #E2F0F6 50%, #E2F0F6 100%);
  background: linear-gradient(180deg, rgba(226, 240, 246, 0) 0%, #E2F0F6 50%, #E2F0F6 100%); }
  .branding-list::after, .award-list::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0 /* 0px */;
    bottom: 0 /* 0px */;
    z-index: 10;
    display: block;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    height: 22.91667rem;
    background: url("../img/bg/brading.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center bottom; }
  .branding-list .item-big, .award-list .item-big {
    box-shadow: 4px 4px 40px 0px #00000014; }
    .branding-list .item-big .scrollbar-wrap, .award-list .item-big .scrollbar-wrap {
      max-height: 6.25rem; }
    .branding-list .item-big .block-title a, .award-list .item-big .block-title a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

@media (min-width: 1024.1px) {
  .branding-list .item-big .block-title a, .award-list .item-big .block-title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; } }
  .branding-list .btn-secondary, .award-list .btn-secondary {
  padding-left: 40px;
  padding-right: 40px; }

.award-item {
  box-shadow: 4px 4px 40px 0px #00000014; }

@media (max-width: 767.9px) {
  .award-list .block-title {
    font-size: 32px; } }

.factory-1 .icon {
  height: 11.09375rem;
  width: auto; }

@media (max-width: 576px) {
  .factory-1 .icon {
    height: 90px; } }
  .factory-1 .icon img {
    width: auto;
    height: 100%;
    object-fit: contain; }

.factory-1 .row {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.factory-3 .zone-desc li {
  margin-bottom: 2px; }

.factory-3 .prev {
  left: 8px !important; }

.factory-3 .next {
  right: 8px  !important; }

@media (max-width: 1024px) {
  .factory-3 .prev, .factory-3 .next {
    z-index: 100;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); } }

.faq-list {
  background: -webkit-linear-gradient(top, #EFF4FA 0%, #E0EEFF 100%);
  background: linear-gradient(180deg, #EFF4FA 0%, #E0EEFF 100%); }

@media (max-width: 767.9px) {
  .khoa-hoc-dinh-duong {
    padding-top: 32px; } }

.khoa-hoc-dinh-duong .sticky-nav {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));  top: 140px !important; }

@media (min-width: 1200.1px) {
  .khoa-hoc-dinh-duong .sticky-nav {
    top: 160px !important; } }
  .khoa-hoc-dinh-duong .sticky-nav .block-wrap::after {
  display: none !important; }
  .khoa-hoc-dinh-duong .sticky-nav .prev::before, .khoa-hoc-dinh-duong .sticky-nav .next::before {
  --tw-text-opacity: 1;
  color: rgb(10 82 158 / var(--tw-text-opacity, 1)); }
  .khoa-hoc-dinh-duong .sticky-nav .item a::after {
  display: none !important; }

.khoa-hoc-dinh-duong .scroll-section-wrap section:nth-child(1) {
  padding-top: calc(20/1920*100rem); }

.khoa-hoc-dinh-duong .scroll-section-wrap section:nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: rgb(239 244 250 / var(--tw-bg-opacity, 1)); }

.khoa-hoc-dinh-duong .news-item-2 .section-title a {
  display: -webkit-box;
  font-size: clamp(28px, 1.66667rem, 32px);
  height: 4rem;
  min-height: 67.2px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.khoa-hoc-dinh-duong .news-item-2 .desc {
  display: -webkit-box;
  font-size: clamp(16px, 1.04167rem, 20px);
  height: 5.41667rem;
  min-height: 83.2px;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4; }

.retail-store .container-fluid {
  padding: 0 /* 0px */; }

.retail-store .btn-primary {
  height: 55px;
  padding-left: 40px;
  padding-right: 40px; }
  .retail-store .btn-primary span {
  margin-right: calc(20/1920*100rem);
  font-size: 24px; }
  .retail-store .btn-primary em, .retail-store .btn-primary i {
  font-size: 24px; }

.retail-store .row {
  margin: 0 /* 0px */;
  padding: 0 /* 0px */; }

.retail-store .col {
  margin: 0 /* 0px */;
  padding: 0 /* 0px */; }

@media (min-width: 1024.1px) {
  .retail-store .col:nth-child(1), .retail-store .col:nth-child(2) {
    width: 50%; } }
  @media screen and (min-width: 1360px) {
    .retail-store .col:nth-child(1) {
      width: 60%; }
    .retail-store .col:nth-child(2) {
      width: 40%; } }

.retail-store .img {
  z-index: 6;
  height: 100%;
  width: 100%; }

@media (min-width: 1024.1px) {
  .retail-store .img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%); } }
  .retail-store .img img {
  height: 100%;
  width: 100%;
  object-fit: cover; }

@media (max-width: 1024px) {
  .retail-store .img {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 65.32258%; }
    .retail-store .img img, .retail-store .img picture {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);      width: 100%;
      height: 100%;
      object-fit: cover;
      -webkit-transition: .3s ease-in-out all;
      transition: .3s ease-in-out all; } }

.retail-store .item {
  height: 113px;
  width: auto;
  padding: calc(16/1920*100rem) }
  .retail-store .item img {
    width: auto;
    height: 100%;
    object-fit: contain; }

.retail-store .txt {
  position: relative;
  z-index: 60;
  --tw-bg-opacity: 1;
  background-color: rgb(0 32 112 / var(--tw-bg-opacity, 1));
  padding-top: calc(60/1920*100rem);
  padding-bottom: calc(60/1920*100rem);
  padding-left: 15px;
  padding-right: 15px; }

@media (min-width: 1024.1px) {
  .retail-store .txt {
    background: url("../img/bg/retail-bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    padding: 5.20833rem 7.8125rem; } }

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