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

footer .social-network .label {    white-space: nowrap; }

@media screen and (max-width: 1400px) {
  footer .social-network {    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-align: start;    -webkit-align-items: flex-start;    -ms-flex-align: start;    align-items: flex-start; }
    footer .social-network .label {    margin-bottom: calc(12/1920*100rem); } }

footer .social-network a:hover {    -webkit-transform: none;    transform: none;    --tw-bg-opacity: 1;    background-color: rgb(236 32 39 / var(--tw-bg-opacity, 1)); }
  footer .social-network a:hover em, footer .social-network a:hover i {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
  footer .social-network a:hover img, footer .social-network a:hover svg {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1); }

footer .headline {    margin-bottom: calc(16/1920*100rem);    border-bottom-width: 1px;    border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1));    --tw-border-opacity: 0.2;    padding-bottom: calc(16/1920*100rem);    font-size: clamp(16px,calc(18/1920*100rem),18px);    text-transform: uppercase; }

@media screen and (max-width: 1024px) {
  footer .footer-menu {    display: none; } }

footer .footer-menu li {    margin-bottom: calc(12/1920*100rem); }
  footer .footer-menu li.active a, footer .footer-menu li:hover a {    -webkit-text-decoration-line: underline;    text-decoration-line: underline; }

footer .footer-menu a {    font-size: clamp(14px,calc(16/1920*100rem),16px);    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) {
  footer .footer-wrap .headline {    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; } }

footer .footer-wrap .icon {    position: relative;    margin-left: calc(8/1920*100rem);    -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) {
  footer .footer-wrap .icon {    display: none; } }
  footer .footer-wrap .icon::before {
    content: '\f078';
    pointer-events: none;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    font-family: 'Font Awesome 6 Pro';
    font-size: clamp(14px,calc(16/1920*100rem),16px);
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(178 224 243 / 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 .frm-msg {    margin-bottom: calc(12/1920*100rem);    font-size: clamp(14px,calc(16/1920*100rem),16px);    line-height: 1.5;  color: #DCDCDC; }
  footer .frm-msg * {
    font: inherit;
    color: #DCDCDC; }

footer address {    font-size: clamp(14px,calc(16/1920*100rem),16px);    font-style: normal; }
  footer address p {    margin-bottom: 0 /* 0px */; }
  footer address * {
    font: inherit; }
  footer address a:hover {    -webkit-text-decoration-line: underline;    text-decoration-line: underline; }

footer .name {    padding-top: calc(8/1920*100rem);    font-size: clamp(20px,calc(24/1920*100rem),24px);    font-weight: 700;    text-transform: uppercase;    line-height: 1; }

@media (max-width: 1024px) {
  footer .name {    margin-bottom: calc(16/1920*100rem); } }
  footer .name * {
    font: inherit; }

footer .copyright {    margin-top: calc(4/1920*100rem);    font-size: clamp(12px,calc(14/1920*100rem),14px);    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(178 224 243 / var(--tw-text-opacity, 1)); }
  footer .copyright * {
    font: inherit; }

footer .logo 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: 2.91667rem;
  width: auto; }
  footer .logo a img {
    width: auto;
    height: 100%;
    object-fit: contain; }

footer .policy-nav ul {    -webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    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; }
  @media screen and (max-width: 576px) {
    footer .policy-nav ul {    row-gap: calc(12/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; } }

footer .policy-nav li {    border-right-width: 1px;    --tw-border-opacity: 1;    border-right-color: rgb(255 255 255 / var(--tw-border-opacity, 1));    padding-left: calc(12/1920*100rem);    padding-right: calc(12/1920*100rem); }
  footer .policy-nav li:last-child {    border-style: none;    padding-right: 0 /* 0px */; }
  footer .policy-nav li.active a, footer .policy-nav li:hover a {    -webkit-text-decoration-line: underline;    text-decoration-line: underline; }

footer .policy-nav a {    font-size: clamp(14px,calc(16/1920*100rem),16px);    text-transform: capitalize;    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; }

.footer-middle .title-wrap {    margin-bottom: calc(16/1920*100rem);    border-bottom-width: 1px;    border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1));    --tw-border-opacity: 0.2;    padding-bottom: calc(16/1920*100rem); }

@media (max-width: 768px) {
  .footer-middle .title-wrap {    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; } }

.footer-middle .headline {    margin-bottom: 0 /* 0px */;    border-style: none;    padding-bottom: 0 /* 0px */; }

@media (max-width: 768px) {
  .footer-middle .headline {    padding-top: calc(32/1920*100rem); } }

.footer-middle .column:last-child {    border-right-color: transparent; }

.footer-middle li {    --tw-text-opacity: 1;    color: rgb(178 224 243 / var(--tw-text-opacity, 1)); }
  .footer-middle li * {    --tw-text-opacity: 1;    color: rgb(178 224 243 / var(--tw-text-opacity, 1)); }

.social-network .label {    margin-right: calc(16/1920*100rem);    font-size: clamp(12px,calc(14/1920*100rem),14px);    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(178 224 243 / var(--tw-text-opacity, 1)); }
  .social-network .label * {
    font: inherit; }

.social-network .wrap, .social-network .ModuleContent {    gap: 10px;    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; }

.social-network a {    overflow: hidden;    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;    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: 40px;
  height: 40px; }
  .social-network a em, .social-network a i {    font-size: clamp(14px,calc(16/1920*100rem),16px);    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(0 88 187 / 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; }
  .social-network a img, .social-network a svg {
    max-width: 32px; }
  .social-network a:hover {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px); }

.social-network.vertical .wrap {    gap: calc(16/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) {
  .social-network.vertical .wrap {    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; } }

.social-network.vertical a {    --tw-bg-opacity: 1;    background-color: rgb(234 240 248 / var(--tw-bg-opacity, 1)); }
  .social-network.vertical a em, .social-network.vertical a i {    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); }

.banner-breadcrumb {    position: relative;    overflow: hidden; }
  @media screen and (max-width: 1024px) {
    .banner-breadcrumb .global-breadcrumb h2 {
      display: none !important; } }

@media (min-width: 1024.1px) {
  .banner-breadcrumb .global-breadcrumb {    bottom: 0 /* 0px */;    z-index: 50;    width: 100%;    border-color: transparent;    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;    left: 50%;    -webkit-transform: translateX(-50%);    transform: translateX(-50%); }
    .banner-breadcrumb .global-breadcrumb .container {    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;    -webkit-box-align: start;    -webkit-align-items: flex-start;    -ms-flex-align: start;    align-items: flex-start; }
      .banner-breadcrumb .global-breadcrumb .container::after {    display: none; }
    .banner-breadcrumb .global-breadcrumb h2 {    display: none; }
  @media (min-width: 1024.1px) {
    .banner-breadcrumb .global-breadcrumb h2 {    -webkit-box-ordinal-group: 2;    -webkit-order: 1;    -ms-flex-order: 1;    order: 1;    margin-bottom: calc(16/1920*100rem);    display: block;    font-size: clamp(26px,calc(32/1920*100rem),32px);    font-weight: 700;    text-transform: uppercase;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } }
  @media (min-width: 1200.1px) {
    .banner-breadcrumb .global-breadcrumb h2 {
      font-size: 2.91667rem; } }
    .banner-breadcrumb .global-breadcrumb .Module {    -webkit-box-ordinal-group: 3;    -webkit-order: 2;    -ms-flex-order: 2;    order: 2; }
    .banner-breadcrumb .global-breadcrumb ol {    position: relative;    -webkit-box-ordinal-group: 3;    -webkit-order: 2;    -ms-flex-order: 2;    order: 2;    width: 100%;    padding-bottom: calc(20/1920*100rem);    padding-top: calc(12/1920*100rem); }
      .banner-breadcrumb .global-breadcrumb ol::after {
        content: '';
        pointer-events: none;
        position: absolute;
        top: 0 /* 0px */;
        z-index: 10;
        display: block;
        height: 1px;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
        --tw-bg-opacity: 0.5;
        -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;        width: 8000px;
        left: -200%; }
      .banner-breadcrumb .global-breadcrumb ol li::after {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1));        background: white !important;
        opacity: 1 !important; }
      .banner-breadcrumb .global-breadcrumb ol li a.active {    font-weight: 700;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
        .banner-breadcrumb .global-breadcrumb ol li a.active * {    font-weight: 700;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
      .banner-breadcrumb .global-breadcrumb ol li:first-child span, .banner-breadcrumb .global-breadcrumb ol li:first-child a {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
      .banner-breadcrumb .global-breadcrumb ol li:first-child:after {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
      .banner-breadcrumb .global-breadcrumb ol li:first-child:before {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
      .banner-breadcrumb .global-breadcrumb ol li:last-child {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
      .banner-breadcrumb .global-breadcrumb ol li a {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
        .banner-breadcrumb .global-breadcrumb ol li a span {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } }

.global-breadcrumb {    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;  min-height: 50px; }
  .global-breadcrumb .container {    position: relative;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    height: 100%;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    padding-top: calc(4/1920*100rem);    padding-bottom: calc(4/1920*100rem);    min-height: 50px; }
  .global-breadcrumb ol {    list-style-type: none;    padding: 0 /* 0px */; }
    .global-breadcrumb ol li {    position: relative;    display: -webkit-inline-box;    display: -webkit-inline-flex;    display: -ms-inline-flexbox;    display: inline-flex;    line-height: 1;      font-size: 16px; }
      .global-breadcrumb ol li:not(:last-child) {    margin-right: calc(32/1920*100rem); }
      .global-breadcrumb ol li:after {
        content: '';
        pointer-events: none;
        z-index: 10;
        display: block;
        --tw-bg-opacity: 1;
        background-color: rgb(129 129 129 / var(--tw-bg-opacity, 1));
        font-weight: 300;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);        right: -1.04167rem;
        height: 14px;
        width: 1px; }

@media (min-width: 1024.1px) {
  .global-breadcrumb ol li:after {
    right: -0.9375rem; } }
        @media screen and (max-width: 1024px) {
          .global-breadcrumb ol li:after {
            font-size: 14px; } }
        .global-breadcrumb ol li a.active:after {    font-weight: 700;    --tw-text-opacity: 1;    color: rgb(0 72 146 / var(--tw-text-opacity, 1)); }
          .global-breadcrumb ol li a.active *:after {    font-weight: 700;    --tw-text-opacity: 1;    color: rgb(0 72 146 / var(--tw-text-opacity, 1)); }
      .global-breadcrumb ol li:first-child {    padding-left: 0 /* 0px */; }
        .global-breadcrumb ol li:first-child:after {
          right: -1.14583rem; }
      .global-breadcrumb ol li:last-child:after {    display: none; }
      .global-breadcrumb ol li:last-child a {    font-weight: 700;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
      .global-breadcrumb ol li a, .global-breadcrumb ol li span {    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1));        font-size: 16px; }

body.overlay-bg {    overflow: hidden; }

@media (min-width: 1200.1px) {
  body.normal-header main, body.minimize main, body.news-detail-page main, body.recruitment-detail-page main, body.application-detail-page main, body.product-detail-page main {
    padding-top: 80px !important; } }

body.normal-header .nav-brand img, body.minimize .nav-brand img, body.news-detail-page .nav-brand img, body.recruitment-detail-page .nav-brand img, body.application-detail-page .nav-brand img, body.product-detail-page .nav-brand img {
  -webkit-filter: none !important;
          filter: none !important; }

@media (min-width: 1200.1px) {
  body .container-fluid {
    padding: 0 2.08333rem; } }

@media screen and (min-width: 1600px) {
  body .container-fluid {
    padding: 0 5.20833rem; } }

header {
  z-index: 9998 !important; }

.fancybox__container {
  z-index: 9999 !important; }

.header-right {    z-index: 50; }

@media (max-width: 1200px) {
  .header-right {    width: 100%; } }

@media (min-width: 1200.1px) {
  .header-right {    position: relative;    --tw-bg-opacity: 1;    background-color: rgb(0 88 187 / var(--tw-bg-opacity, 1)); }
    .header-right::before, .header-right::after {
      content: '';
      pointer-events: none;
      position: absolute;
      top: 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 }
    .header-right::before {    height: 100%;    width: 110px;    --tw-bg-opacity: 1;    background-color: rgb(0 88 187 / var(--tw-bg-opacity, 1));      left: -109px;
      -webkit-clip-path: polygon(53.67% 50.625%, 53.67% 50.625%, 56.404% 42.241%, 59.961% 34.351%, 64.191% 27.046%, 68.943% 20.419%, 74.067% 14.561%, 79.412% 9.563%, 84.828% 5.516%, 90.165% 2.513%, 95.273% 0.643%, 100% 0%, 100% 100%, 0% 100%, 0% 100%, 10.003% 99.424%, 18.574% 97.806%, 25.863% 95.174%, 32.021% 91.554%, 37.2% 86.974%, 41.549% 81.461%, 45.22% 75.042%, 48.364% 67.745%, 51.13% 59.597%, 53.67% 50.625%);
              clip-path: polygon(53.67% 50.625%, 53.67% 50.625%, 56.404% 42.241%, 59.961% 34.351%, 64.191% 27.046%, 68.943% 20.419%, 74.067% 14.561%, 79.412% 9.563%, 84.828% 5.516%, 90.165% 2.513%, 95.273% 0.643%, 100% 0%, 100% 100%, 0% 100%, 0% 100%, 10.003% 99.424%, 18.574% 97.806%, 25.863% 95.174%, 32.021% 91.554%, 37.2% 86.974%, 41.549% 81.461%, 45.22% 75.042%, 48.364% 67.745%, 51.13% 59.597%, 53.67% 50.625%); }
    .header-right::after {    left: 0 /* 0px */;    width: 100vw;    --tw-bg-opacity: 1;    background-color: rgb(0 88 187 / var(--tw-bg-opacity, 1)); } }

@media screen and (max-width: 1200px) {
  .header-contact {    display: none; }
    .header-contact em {    font-size: clamp(22px,calc(26/1920*100rem),26px);    font-weight: 300;    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); } }

.nav-brand {    z-index: 30; }

@media (min-width: 1200.1px) {
  .nav-brand {    padding-right: calc(80/1920*100rem); } }
  @media screen and (max-width: 1200px) {
    .nav-brand {    z-index: 999;    position: absolute;    top: 50%;    left: 50%;    -webkit-transform: translate(-50%,-50%);    transform: translate(-50%,-50%); } }
  .nav-brand .Module {    z-index: 100; }
  .nav-brand::after {
    content: '';
    pointer-events: none;
    position: absolute;
    right: 0 /* 0px */;
    bottom: 0 /* 0px */;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100vw;
    --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 }
  .nav-brand a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    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;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out }

@media (min-width: 1200.1px) {
  .nav-brand a {
    height: 40px; } }
    @media screen and (min-width: 1600px) {
      .nav-brand a {
        height: 48px; } }
    .nav-brand a img, .nav-brand a svg {
      width: 100%;
      height: 100%;
      object-fit: contain; }

.site-menu-toggle {    margin-top: calc(4/1920*100rem);    height: 40px;    width: 40px;    min-width: 40px;    border-radius: 0.25rem;    --tw-bg-opacity: 1;    background-color: rgb(0 88 187 / var(--tw-bg-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 (min-width: 1200.1px) {
  .site-menu-toggle {    display: none; } }

@media (max-width: 1200px) {
  .site-menu-toggle {    -webkit-box-ordinal-group: 4;    -webkit-order: 3;    -ms-flex-order: 3;    order: 3; } }
  .site-menu-toggle .hamburger {    margin-top: calc(4/1920*100rem); }

.mobile-nav-wrap {    position: fixed;    top: 0 /* 0px */;    left: 0 /* 0px */;    height: 100%;    height: 100vh;    width: 100%;    overflow-y: auto;    --tw-bg-opacity: 1;    background-color: rgb(0 72 146 / var(--tw-bg-opacity, 1));    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); }

@media (min-width: 768.1px) {
  .mobile-nav-wrap {
    width: 320px; } }
  @media screen and (min-width: 1200px) {
    .mobile-nav-wrap {    display: none; } }
  .mobile-nav-wrap.is-open {
    -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(12/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-contact {    margin-top: calc(20/1920*100rem);    width: 100%;    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-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; }
    .mobile-nav-wrap .header-contact em {    font-weight: 900; }

.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(24/1920*100rem);    padding-bottom: 0 /* 0px */; }
  @media screen and (max-width: 1024px) {
    .modulepager {
      padding-bottom: 30px; } }
  .modulepager ul {
    padding: 0;
    margin: 0;
    position: relative; }
    .modulepager ul li {
      display: inline-block;
      padding: 0 10px; }
      .modulepager ul li.active a, .modulepager ul li.active span {    --tw-border-opacity: 1;    border-color: rgb(0 88 187 / var(--tw-border-opacity, 1));    --tw-bg-opacity: 1;    background-color: rgb(0 88 187 / var(--tw-bg-opacity, 1));    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
      .modulepager ul li:hover a, .modulepager ul li:hover span {    --tw-border-opacity: 1;    border-color: rgb(0 88 187 / var(--tw-border-opacity, 1));    --tw-bg-opacity: 1;    background-color: rgb(0 88 187 / 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: 48px;
        height: 48px;
        text-decoration: none;
        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));
        font-size: clamp(16px,calc(18/1920*100rem),18px);
        font-weight: 700;
        --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;
        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 (max-width: 1024px) {
          .modulepager ul li span, .modulepager ul li a {
            height: 32px;
            width: 32px; } }
    .modulepager ul .next a {
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      white-space: nowrap }

.home-about .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: 4.16667rem;
  width: auto; }
  @media screen and (max-width: 1440px) {
    .home-about .icon {
      height: 3.125rem; } }
  .home-about .icon img {
    width: auto;
    height: 100%;
    object-fit: contain; }

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

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

.home-about .txt-wrap {    padding-left: calc(20/1920*100rem);    padding-right: calc(20/1920*100rem); }

@media (max-width: 1200px) {
  .home-about .txt-wrap {    padding-top: calc(40/1920*100rem);    padding-bottom: calc(40/1920*100rem); } }

@media (min-width: 1200.1px) {
  .home-about .txt-wrap {    padding-left: 100px;    padding-right: 100px; } }

.home-about .btn {    --tw-border-opacity: 1;    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); }

.home-about .zone-desc {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  padding-right: 10px;
  overflow-y: auto;
  max-height: auto; }
  @media screen and (max-width: 1500px) {
    .home-about .zone-desc {
      max-height: 15.625rem; } }

.home-about .zone-desc::-webkit-scrollbar {
  background: #D5E0EC;
  width: 4px !important;
  height: 4px !important;
  border-radius: 4px; }

.home-about .zone-desc::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px #D5E0EC;
  background-color: #D5E0EC;
  border-radius: 4px; }

.home-about .zone-desc::-webkit-scrollbar-thumb {
  background-color: #005BAA;
  border-radius: 30px !important; }
  @media screen and (max-width: 1024px) {
    .home-about .zone-desc::-webkit-scrollbar-thumb {
      height: auto; } }

@-moz-document url-prefix() {
  .home-about .zone-desc {
    scrollbar-width: thin;
    scrollbar-color: #005BAA #D5E0EC; } }

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

@media (max-width: 768px) {
  .home-about .img {    width: 50%; } }

@media (min-width: 768.1px) {
  .home-about .img {    width: 100%; } }
  .home-about .img a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 100%; }
    .home-about .img a img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      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: 768px) {
  .home-about .txt {    height: 100%;    width: 50%; } }

@media (min-width: 768.1px) {
  .home-about .txt {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 100%; }
    .home-about .txt .box {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; } }

.home-about .item {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;  background: var(--color-code); }
  @media screen and (min-width: 1024px) and (max-width: 1440px) {
    .home-about .item .zone-title {    font-size: clamp(40px,calc(48/1920*100rem),48px); } }
  @media screen and (max-width: 1440px) {
    .home-about .item .zone-title {    margin-top: calc(8/1920*100rem);    margin-bottom: calc(8/1920*100rem); } }

@media (max-width: 768px) {
  .home-about .item {    -webkit-box-orient: horizontal;    -webkit-box-direction: normal;    -webkit-flex-direction: row;    -ms-flex-direction: row;    flex-direction: row; } }

@media (min-width: 768.1px) {
  .home-about .item {    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column; }
    .home-about .item:nth-child(2) {    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; } }
  @media screen and (min-width: 1440px) {
    .home-about .item:nth-child(2) .zone-title, .home-about .item:nth-child(3) .zone-title {
      font-size: 4.16667rem; } }
  .home-about .item:nth-child(3) .zone-title, .home-about .item:nth-child(3) .desc {    --tw-text-opacity: 1 !important;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)) !important; }
  @media screen and (max-width: 576px) {
    .home-about .item .desc {    font-size: clamp(14px,calc(16/1920*100rem),16px); }
      .home-about .item .desc * {    font-size: clamp(14px,calc(16/1920*100rem),16px); } }

.home-about .counter {    margin-top: calc(24/1920*100rem);    margin-bottom: calc(24/1920*100rem);    font-size: clamp(34px,calc(40/1920*100rem),40px);    line-height: 1; }

@media (min-width: 1024.1px) {
  .home-about .counter {    font-size: clamp(48px,calc(56/1920*100rem),56px); } }

@media (min-width: 1400.1px) {
  .home-about .counter {    font-size: clamp(48px,calc(64/1920*100rem),64px);    line-height: .8; } }

.home-about .padding-wrap {    padding: calc(20/1920*100rem); }

.home-investor {    position: relative; }
  .home-investor::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0 /* 0px */;
    bottom: 0 /* 0px */;
    z-index: 20;
    display: block;
    height: 100%;
    width: 100%;
    background-color: rgb(0 0 0 / 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 }
  .home-investor .container {    position: relative;    z-index: 40; }
  .home-investor .txt {
    -webkit-transition: .3s all  ease-in-out;
    transition: .3s all  ease-in-out; }
    .home-investor .txt::before, .home-investor .txt::after {
      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 }
    .home-investor .txt::before {
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); }
    .home-investor .txt::after {    opacity: 0;      background: -webkit-linear-gradient(296.57deg, #004892 0%, rgba(0, 115, 215, 0.8) 83.33%);      background: linear-gradient(153.43deg, #004892 0%, rgba(0, 115, 215, 0.8) 83.33%); }
  .home-investor .item {    overflow: hidden;    border-radius: calc(24/1920*100rem); }
    .home-investor .item:hover .txt::after {    opacity: 1; }
    .home-investor .item:hover .btn {
      height: 2.5rem;
      min-height: 40px;
      margin-top: calc(12/1920*100rem);
      opacity: 1 }
  .home-investor #headerQuoteContainerLarge {    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; }
  .home-investor .btn {    pointer-events: auto;    height: 0 /* 0px */;    min-height: 0 /* 0px */;    width: -webkit-fit-content;    width: -moz-fit-content;    width: fit-content;    --tw-border-opacity: 1;    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));    background-color: transparent;    padding: 0 /* 0px */;    padding-left: calc(20/1920*100rem);    padding-right: calc(20/1920*100rem);    opacity: 0; }
    .home-investor .btn::after {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
    .home-investor .btn span {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
    .home-investor .btn .icon:before {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
    .home-investor .btn:hover span {    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); }
    .home-investor .btn:hover .icon:before {    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); }
  .home-investor .iframe-wrap {    height: 100%;    width: 100%; }
    .home-investor .iframe-wrap .Module, .home-investor .iframe-wrap .ModuleContent {    height: 100%;    width: 100%; }
      @media screen and (max-width: 1024px) {
        .home-investor .iframe-wrap .Module, .home-investor .iframe-wrap .ModuleContent {
          height: 460px; } }
    .home-investor .iframe-wrap .ModuleContent > div {    height: 100%;    overflow-y: scroll;      max-height: 24.47917rem; }
      @media screen and (max-width: 1600px) {
        .home-investor .iframe-wrap .ModuleContent > div {
          max-height: 24.21875rem; } }
    .home-investor .iframe-wrap iframe {    width: 100%; }

.primary-banner {    position: relative;    z-index: 10;    overflow: hidden; }
  @media screen and (max-width: 1200px) {
    .primary-banner {
      padding: 0 !important; } }
  .primary-banner .wrap {    position: relative; }
    @media screen and (max-width: 1024px) {
      .primary-banner .wrap {    position: static; } }
    .primary-banner .wrap .container {    pointer-events: none; }
  .primary-banner .container {    z-index: 50; }

@media (max-width: 1024px) {
  .primary-banner .container {    top: 0 /* 0px */;    padding-top: calc(60/1920*100rem);    position: absolute;    left: 50%;    -webkit-transform: translateX(-50%);    transform: translateX(-50%); } }

@media (min-width: 1024.1px) {
  .primary-banner .container {    position: absolute;    top: 50%;    left: 50%;    -webkit-transform: translate(-50%,-50%);    transform: translate(-50%,-50%); } }
  .primary-banner .swiper-slide {    height: auto; }
    .primary-banner .swiper-slide.swiper-slide-active .block-title, .primary-banner .swiper-slide.swiper-slide-active .zone-desc, .primary-banner .swiper-slide.swiper-slide-active .btn-wrap {    opacity: 0;      -webkit-animation: fade-in 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.7s both;      animation: fade-in 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.7s both; }
  .primary-banner .block-title {    text-align: center;    font-size: clamp(34px,calc(40/1920*100rem),40px);    font-weight: 700;    color: #4DEEFF; }

@media (min-width: 1200.1px) {
  .primary-banner .block-title {
    font-size: 3.33333rem; } }
  .primary-banner .txt-wrap {    pointer-events: none;    position: relative;    z-index: 30;    width: 100%;    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; }
  .primary-banner .img {    position: relative; }
    .primary-banner .img a {
      position: relative;
      display: block;
      height: 0;
      overflow: hidden;
      padding-top: 45.83333%; }
      .primary-banner .img a img, .primary-banner .img a picture, .primary-banner .img a video, .primary-banner .img a iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        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;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 0.6;
    font-family: 'Font Awesome 6 Pro';
    font-size: clamp(40px,calc(48/1920*100rem),48px);
    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: 5.20833rem;
    height: 5.20833rem;
    min-width: 5.20833rem; }
    @media screen and (max-width: 1024px) {
      .primary-banner .video a::after {
        width: 3.33333rem;
        height: 3.33333rem;
        min-width: 3.33333rem;
        font-size: clamp(20px,calc(24/1920*100rem),24px) } }
  .primary-banner .swiper-nav {    pointer-events: none;    padding: 0 !important; }
  @media screen and (max-width: 1024px) {
    .primary-banner .prev, .primary-banner .next {    z-index: 50;    position: absolute;    top: 50%;    -webkit-transform: translateY(-50%);    transform: translateY(-50%); } }
  .primary-banner .prev:hover, .primary-banner .next:hover {    --tw-bg-opacity: 1;    background-color: rgb(236 32 39 / var(--tw-bg-opacity, 1)); }
    .primary-banner .prev:hover::before, .primary-banner .next:hover::before {
      -webkit-transform: scale(1.3);
              transform: scale(1.3); }

@media (min-width: 1024.1px) {
  .primary-banner .prev {    left: 40px; } }
  @media screen and (max-width: 1024px) {
    .primary-banner .prev {    left: 0 /* 0px */; } }

@media (min-width: 1024.1px) {
  .primary-banner .next {    right: 40px; } }
  @media screen and (max-width: 1024px) {
    .primary-banner .next {    right: 0 /* 0px */; } }

.home-delopement {    overflow: hidden; }

@media (min-width: 1200.1px) {
  .home-delopement {
    padding: 10.41667rem 0; } }
  .home-delopement .row {    -webkit-box-pack: start;    -webkit-justify-content: flex-start;    -ms-flex-pack: start;    justify-content: flex-start; }

@media (min-width: 1024.1px) {
  .home-delopement .circle-wrap {
    width: 29.16667rem;
    min-width: 29.16667rem;
    height: 29.16667rem;
    padding: calc(80/1920*100rem) } }
  @media screen and (max-width: 1024px) {
    .home-delopement .circle-wrap {    border-radius: 0px;    padding-left: calc(20/1920*100rem);    padding-right: calc(20/1920*100rem);    padding-top: calc(40/1920*100rem);    padding-bottom: calc(40/1920*100rem); } }
  @media screen and (min-width: 1280px) and (max-width: 1440px) {
    .home-delopement .block-title {    font-size: clamp(30px,calc(36/1920*100rem),36px); } }
  @media screen and (min-width: 1024px) and (max-width: 1280px) {
    .home-delopement .block-title {    font-size: clamp(26px,calc(32/1920*100rem),32px); } }
  @media screen and (max-width: 768px) {
    .home-delopement .block-title {    font-size: clamp(26px,calc(32/1920*100rem),32px); } }
  .home-delopement .btn {    background-color: transparent; }
  @media screen and (min-width: 1280px) and (max-width: 1440px) {
    .home-delopement .zone-desc {    font-size: clamp(14px,calc(16/1920*100rem),16px); }
      .home-delopement .zone-desc * {    font-size: clamp(14px,calc(16/1920*100rem),16px); } }
  @media screen and (min-width: 1024px) and (max-width: 1280px) {
    .home-delopement .zone-desc {    font-size: clamp(12px,calc(14/1920*100rem),14px); }
      .home-delopement .zone-desc * {    font-size: clamp(12px,calc(14/1920*100rem),14px); } }

.home-news .btn {    --tw-bg-opacity: 1;    background-color: rgb(234 240 248 / var(--tw-bg-opacity, 1)); }

.home-product {    position: relative; }

@media (max-width: 1200px) {
  .home-product {    padding-bottom: 0 /* 0px */; } }
  .home-product::after {
    content: '';
    pointer-events: none;
    position: absolute;
    right: 0 /* 0px */;
    top: 0 /* 0px */;
    z-index: 10;
    display: block;
    -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/bg/home-product-1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right;
    width: 13.125rem;
    height: 18.48958rem; }
    @media screen and (max-width: 1024px) {
      .home-product::after {
        width: 120px;
        height: 120px; } }
  .home-product .grid-swiper {    position: relative; }

@media (min-width: 1024.1px) {
  .home-product .grid-swiper {
    padding-right: 60px; } }
    .home-product .grid-swiper .swiper-slide {    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; }
    .home-product .grid-swiper .swiper-nav {    position: static;    z-index: 30;    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: 1024px) {
  .home-product .grid-swiper .swiper-nav {
    padding-top: 20px !important; } }
    .home-product .grid-swiper .prev, .home-product .grid-swiper .next {    pointer-events: auto;    border-radius: 9999px;    background-color: transparent;    -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;      height: 20px;
      width: 20px; }
      .home-product .grid-swiper .prev::before, .home-product .grid-swiper .next::before {    font-size: clamp(14px,calc(16/1920*100rem),16px);    --tw-text-opacity: 1;    color: rgb(220 220 220 / var(--tw-text-opacity, 1)); }
      .home-product .grid-swiper .prev:hover::before, .home-product .grid-swiper .next:hover::before {    --tw-text-opacity: 1;    color: rgb(20 72 102 / var(--tw-text-opacity, 1)); }

@media (min-width: 1200.1px) {
  .home-product .grid-swiper .prev {
    left: -2.60417rem !important; }
  .home-product .grid-swiper .next {
    right: 1.04167rem !important; } }
  .home-product .row {    -webkit-box-pack: justify;    -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between; }

@media (min-width: 1200.1px) {
  .home-product .product-zone-thumb {
    padding: 0 4.16667rem; } }
  .home-product .product-zone-thumb .img {    overflow: hidden;    border-radius: calc(24/1920*100rem);    --tw-bg-opacity: 1;    background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1)); }
    .home-product .product-zone-thumb .img img {    object-fit: contain; }
  .home-product .product-zone-thumb .prev, .home-product .product-zone-thumb .next {
    top: 37%;
    height: 2.5rem;
    width: 2.5rem; }
    .home-product .product-zone-thumb .prev::before, .home-product .product-zone-thumb .next::before {    font-size: clamp(18px,calc(20/1920*100rem),20px); }
  @media screen and (max-width: 1024px) {
    .home-product .product-zone-thumb .swiper-nav {    padding-top: calc(32/1920*100rem) !important;    padding-bottom: calc(32/1920*100rem) !important; } }
  .home-product .product-zone-thumb .headline a {    width: 100%;    font-size: clamp(14px,calc(16/1920*100rem),16px);    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; }
  .home-product .product-zone-thumb .swiper-slide.swiper-slide-thumb-active .txt {    --tw-border-opacity: 1;    border-color: rgb(0 88 187 / var(--tw-border-opacity, 1)); }
  .home-product .product-zone-thumb .swiper-slide.swiper-slide-thumb-active .headline a {    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); }
  .home-product .product-zone-main .figure {    position: relative;    overflow: hidden;    border-radius: calc(24/1920*100rem);    padding: calc(40/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;    min-height: 27.08333rem; }

@media (min-width: 1024.1px) {
  .home-product .product-zone-main .figure {
    padding: 2.60417rem 4.79167rem; } }
    .home-product .product-zone-main .figure::after {
      content: '';
      pointer-events: none;
      position: absolute;
      left: 0 /* 0px */;
      bottom: 0 /* 0px */;
      z-index: 10;
      display: block;
      height: 100%;
      width: 100%;
      opacity: 0.5;
      -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(right, rgba(0, 0, 0, 0) 35.36%, rgba(0, 0, 0, 0.5) 100%);      background: linear-gradient(270deg, rgba(0, 0, 0, 0) 35.36%, rgba(0, 0, 0, 0.5) 100%); }
      @media screen and (max-width: 1024px) {
        .home-product .product-zone-main .figure::after {    opacity: 0.8; } }
  .home-product .product-zone-main .txt {
    max-width: 30.20833rem; }

@media (min-width: 576.1px) {
  .home-product .product-zone-main .scrollbar-wrap {
    max-height: 100%; } }
  @media screen and (max-width: 576px) {
    .home-product .product-zone-main .scrollbar-wrap {
      max-height: 15.625rem; } }
  .home-product .desc, .home-product .block-title, .home-product .desc, .home-product .title {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
  .home-product .desc {    font-size: clamp(16px,calc(18/1920*100rem),18px); }
    .home-product .desc * {    font-size: clamp(16px,calc(18/1920*100rem),18px); }
    .home-product .desc ol, .home-product .desc ul {    padding-left: calc(12/1920*100rem); }
    .home-product .desc li {    font-size: clamp(14px,calc(16/1920*100rem),16px); }
      .home-product .desc li * {    font-size: clamp(14px,calc(16/1920*100rem),16px); }
  .home-product .list {    padding-top: calc(12/1920*100rem);    font-size: clamp(14px,calc(16/1920*100rem),16px);    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
    .home-product .list * {    font-size: clamp(14px,calc(16/1920*100rem),16px);    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
    .home-product .list ul li::before {    top: 8px;    height: 3px;    width: 3px;    min-width: 3px;    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
    .home-product .list ul ul li::before {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
    .home-product .list a:hover {    -webkit-text-decoration-line: underline;    text-decoration-line: underline; }
  .home-product .swiper-block-wrap {    padding-top: calc(40/1920*100rem); }
  .home-product .img-wrap {    padding: calc(16/1920*100rem);    height: 100px;
    width: 100px; }
    @media screen and (max-width: 420px) {
      .home-product .img-wrap {    padding: calc(32/1920*100rem);        height: 95px;
        width: 95px; } }
    @media screen and (min-width: 1024px) {
      .home-product .img-wrap {    padding: calc(24/1920*100rem); } }
    @media screen and (min-width: 1400px) and (max-width: 1600px) {
      .home-product .img-wrap {
        height: 5.20833rem;
        width: 5.20833rem; } }
    @media screen and (min-width: 1200px) and (max-width: 1400px) {
      .home-product .img-wrap {
        height: 5.72917rem;
        width: 5.72917rem; } }
    .home-product .img-wrap img {
      width: auto;
      height: 100%;
      object-fit: contain; }
    .home-product .img-wrap:hover img {
      -webkit-transform: scale(1.4);
              transform: scale(1.4); }
  .home-product .two-swiper {    padding: calc(32/1920*100rem); }

.home-project {
  box-shadow: 4px 4px 20px 0px #00000014;
  padding-bottom: 80px }

@media (min-width: 1200.1px) {
  .home-project {    padding-bottom: 120px; }
  .home-project .container-fluid {    padding-left: 100px;    padding-right: 100px; } }
  .home-project .txt {
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); }
  .home-project .swiper-pagination {
    bottom: -15px; }

@media (min-width: 1200.1px) {
  .home-project .swiper-pagination {
    bottom: -20px; } }
    .home-project .swiper-pagination .swiper-pagination-bullet {
      background: #DCDCDC !important;
      opacity: 1 important;
      width: 40px !important;
      height: 4px !important;
      z-index: 9999 !important; }
      .home-project .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 1 !important;
        background: #004892 !important; }
  .home-project .item {    overflow: hidden;    border-radius: calc(24/1920*100rem); }
    .home-project .item:hover .btn {
      height: 2.5rem;
      min-height: 40px;
      margin-top: calc(16/1920*100rem);
      opacity: 1 }
  .home-project .btn {    pointer-events: auto;    height: 0 /* 0px */;    min-height: 0 /* 0px */;    width: -webkit-fit-content;    width: -moz-fit-content;    width: fit-content;    --tw-border-opacity: 1;    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));    background-color: transparent;    padding: 0 /* 0px */;    padding-left: calc(20/1920*100rem);    padding-right: calc(20/1920*100rem);    opacity: 0; }
    .home-project .btn::after {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
    .home-project .btn span {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
    .home-project .btn .icon:before {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
    .home-project .btn:hover span {    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); }
    .home-project .btn:hover .icon:before {    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); }

.home-support {
  background: #EAF0F8; }
  .home-support .item {    padding-top: calc(40/1920*100rem);    padding-bottom: calc(40/1920*100rem);    box-shadow: 4px 4px 15px 4px #00000014; }
    @media screen and (max-width: 576px) {
      .home-support .item {    -webkit-box-orient: vertical;    -webkit-box-direction: reverse;    -webkit-flex-direction: column-reverse;    -ms-flex-direction: column-reverse;    flex-direction: column-reverse;    text-align: center; } }
  .home-support span {
    color: #0B538F; }
  .home-support .icon {    margin-left: 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;    height: 3.125rem;
    width: 3.125rem;
    min-width: 3.125rem; }

@media (max-width: 576px) {
  .home-support .icon {    margin-bottom: calc(12/1920*100rem); } }

@media (min-width: 1200.1px) {
  .home-support .icon {
    mi-width: 60px; } }
    .home-support .icon img {
      width: auto;
      height: 100%;
      object-fit: contain; }
    .home-support .icon em {    font-size: clamp(40px,calc(48/1920*100rem),48px);    font-weight: 300;      color: #0B538F; }

@media (min-width: 1200.1px) {
  .home-support .icon em {
    font-size: 3.125rem; } }
  .home-support .item:hover {    --tw-bg-opacity: 1;    background-color: rgb(0 88 187 / var(--tw-bg-opacity, 1)); }
    .home-support .item:hover em, .home-support .item:hover i {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
    .home-support .item:hover img {
      -webkit-filter: brightness(0) invert(1);
              filter: brightness(0) invert(1); }
    .home-support .item:hover span {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

.investor-zone-page {    --tw-bg-opacity: 1;    background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1)); }

.investor-zone .title-wrapper {    margin-bottom: calc(36/1920*100rem); }

@media (min-width: 1200.1px) {
  .investor-zone .title-wrapper {    margin-bottom: calc(52/1920*100rem); } }

.investor-zone .report-item-3 {
  border-bottom: 1px dashed #cbd0d4; }
  .investor-zone .report-item-3:last-child {    border-color: transparent; }

@media (min-width: 1024.1px) {
  .investor-zone .report-item-3 {    padding-top: calc(20/1920*100rem);    padding-bottom: calc(32/1920*100rem); } }
  .investor-zone .report-item-3:first-child {    padding-top: 0 /* 0px */; }

.investor-zone .filter-item {    width: -webkit-fit-content;    width: -moz-fit-content;    width: fit-content; }
  .investor-zone .filter-item .custom-select {    max-width: 140px; }
  .investor-zone .filter-item select {    width: 140px;    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: 1200.1px) {
  .investor-zone .zone-nav li {
    padding: 0 1.5625rem !important; } }

.investor-zone .zone-nav li.active a, .investor-zone .zone-nav li:hover a {
  text-shadow: 1px 0 0 #fff; }

.investor-zone .zone-nav .container {    overflow-x: auto; }
  @media screen and (min-width: 1800px) {
    .investor-zone .zone-nav .container {    overflow: hidden; } }

.investor-zone .zone-nav a {    height: 100%;    font-size: clamp(18px,calc(20/1920*100rem),20px);    --tw-text-opacity: 0.8; }

.investor-zone .zone-nav .container::-webkit-scrollbar {
  background: #D5E0EC;
  height: 4px !important;
  border-radius: 4px; }

.investor-zone .zone-nav .container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px #D5E0EC;
  background-color: #D5E0EC;
  border-radius: 4px; }

.investor-zone .zone-nav .container::-webkit-scrollbar-thumb {
  background-color: #005BAA; }

@-moz-document url-prefix() {
  .investor-zone .zone-nav .container {
    scrollbar-width: thin;
    scrollbar-color: #005BAA #D5E0EC; } }

@media (min-width: 1200.1px) {
  .develope-1 {
    padding-bottom: 6.25rem; } }

.develope-1 .row {    -webkit-box-pack: justify;    -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between; }

.develope-1 .img {    overflow: hidden;    border-radius: calc(24/1920*100rem); }

.develope-1 .btn span {    --tw-text-opacity: 1;    color: rgb(14 83 143 / var(--tw-text-opacity, 1)); }

.develope-1 .btn em {    margin-left: calc(16/1920*100rem);    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); }

.develope-1 .btn:hover span {    -webkit-text-decoration-line: underline;    text-decoration-line: underline; }

.develope-1 .btn:hover em {    -webkit-transform: none;    transform: none; }

@media (min-width: 1200.1px) {
  .develope-2 .container-fluid {    padding-left: calc(60/1920*100rem);    padding-right: calc(60/1920*100rem); } }

.develope-2 .txt {    padding-top: calc(40/1920*100rem); }

@media (min-width: 1200.1px) {
  .develope-2 .txt {    padding-top: calc(96/1920*100rem); } }

@media screen and (max-width: 768px) {
  .develope-2 .img a {
    padding-top: 75%; } }

@media screen and (max-width: 576px) {
  .develope-2 .img a {
    padding-top: 105%; } }

.develope-2 .block-wrap {    overflow: hidden;    border-radius: calc(24/1920*100rem); }
  .develope-2 .block-wrap::after {
    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;    max-width: 52.76042rem;
    background: -webkit-linear-gradient(left, rgba(0, 72, 146, 0.9) 18.53%, rgba(0, 72, 146, 0.735563) 57.71%, rgba(0, 72, 146, 0.3) 83.17%, rgba(0, 72, 146, 0) 100%);
    background: linear-gradient(90deg, rgba(0, 72, 146, 0.9) 18.53%, rgba(0, 72, 146, 0.735563) 57.71%, rgba(0, 72, 146, 0.3) 83.17%, rgba(0, 72, 146, 0) 100%); }

.develope-2 .cards-stacking {    position: -webkit-sticky;    position: sticky;    top: 120px;    left: 0 /* 0px */;    z-index: 50;  margin-top: -2px; }

.develope-4 .tab-nav {    position: relative;    margin-bottom: calc(40/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;    overflow-x: auto; }
  .develope-4 .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; }
    .develope-4 .tab-nav ul li:first-child {    padding-left: 0 /* 0px */; }
  .develope-4 .tab-nav ul {    gap: calc(32/1920*100rem);    padding-bottom: 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; }
  .develope-4 .tab-nav a {    overflow: hidden;    border-radius: 9999px;    border-width: 1px;    border-color: transparent;    --tw-bg-opacity: 1;    background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));    padding-left: calc(16/1920*100rem);    padding-right: calc(16/1920*100rem);    padding-top: calc(8/1920*100rem);    padding-bottom: calc(8/1920*100rem);    -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; }
  .develope-4 .tab-nav li.active a, .develope-4 .tab-nav li:hover a {
    text-shadow: 1px 0 0 #0058BB;
    --tw-border-opacity: 1;
    border-color: rgb(0 88 187 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 88 187 / var(--tw-text-opacity, 1)) }

.develope-3 {
  background-size: contain !important;
  background-position: bottom !important;
  background-repeat: no-repeat !important;
  overflow: hidden;
  padding-bottom: calc(72/1920*100rem) }

@media (min-width: 1200.1px) {
  .develope-3 {
    padding: 3.64583rem 0 2.60417rem; } }
  .develope-3 .svg-map {    position: relative;    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;    max-height: 44.53125rem;
    width: auto; }
    .develope-3 .svg-map::after {
      content: '';
      pointer-events: none;
      position: absolute;
      left: 0 /* 0px */;
      bottom: 60px;
      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;      max-width: 28.64583rem;
      max-height: 11.97917rem;
      background: url("../img/icon/cloud.png");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      -webkit-animation: shake-horizontal 120s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
              animation: shake-horizontal 120s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both; }
    .develope-3 .svg-map img, .develope-3 .svg-map svg {
      width: auto;
      height: 100%;
      object-fit: contain;
      position: relative;
      z-index: 30 }

@media (min-width: 1200.1px) {
  .develope-3 .txt {
    padding-top: 3.38542rem; }
  .develope-3 .desc {    position: relative;    z-index: 70;    margin-right: auto;    overflow: hidden;    border-radius: calc(16/1920*100rem);    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    --tw-bg-opacity: 0.5;    padding: calc(24/1920*100rem);    max-width: 35.41667rem; } }
  .develope-3 .number-wrap {
    margin: 1.25rem 0; }

@media (max-width: 1024px) {
  .develope-3 .number-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: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center; } }

@media (min-width: 1024.1px) {
  .develope-3 .number-wrap {    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;    margin: 2.08333rem 0 2.60417rem; } }
  .develope-3 .counter {
    font-size: 3.75rem;
    font-weight: 700;
    line-height: 1;    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(top, #FFDDAE 0%, #E3B023 100%);
    background-image: linear-gradient(180deg, #FFDDAE 0%, #E3B023 100%); }
    .develope-3 .counter * {
      font-size: 3.75rem;
      font-weight: 700;      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-image: -webkit-linear-gradient(top, #FFDDAE 0%, #E3B023 100%);
      background-image: linear-gradient(180deg, #FFDDAE 0%, #E3B023 100%); }

@media (min-width: 1200.1px) {
  .develope-3 .counter {    line-height: 1;    font-size: 6.66667rem; }
    .develope-3 .counter * {
      font-size: 6.66667rem; } }
    .develope-3 .counter span {    font-size: clamp(26px,calc(32/1920*100rem),32px);    font-weight: 700; }
      .develope-3 .counter span * {    font-size: clamp(26px,calc(32/1920*100rem),32px);    font-weight: 700; }
  .develope-3 .path-g {    pointer-events: auto; }
    .develope-3 .path-g path {    pointer-events: auto; }
    .develope-3 .path-g:hover .st0 {
      fill: #0058BB; }
    .develope-3 .path-g:hover .st1 {    stroke: #ffffff; }
    .develope-3 .path-g:hover .st2 {
      fill: white; }
    .develope-3 .path-g:hover > text {    opacity: 1; }
    .develope-3 .path-g .st0, .develope-3 .path-g .st1, .develope-3 .path-g .st2 {
      -webkit-transition: .3s all  ease-in-out;
      transition: .3s all  ease-in-out; }

@media (min-width: 1200.1px) {
  .develope-3 .svg-map {
    margin-left: -50px; } }

html:lang(vi) .en-version {    display: none; }

html:lang(vi) .vn-version {    display: block; }

html:lang(en) .en-version {    display: block; }

html:lang(en) .vn-version {    display: none; }

.investor-stock .iframe-wrap {    height: 100%;    width: 100%; }
  .investor-stock .iframe-wrap .Module, .investor-stock .iframe-wrap .ModuleContent {    height: 100%;    width: 100%; }
    @media screen and (max-width: 1024px) {
      .investor-stock .iframe-wrap .Module, .investor-stock .iframe-wrap .ModuleContent {
        height: 450px; } }
  .investor-stock .iframe-wrap .ModuleContent > div {    height: 100%; }
  .investor-stock .iframe-wrap iframe {    width: 100%; }

.investor-stock .zone-title {
  color: #24528f; }
  .investor-stock .zone-title * {
    color: #24528f; }

.investor-stock .code {    font-size: clamp(16px,calc(18/1920*100rem),18px);    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); }

@media (max-width: 1024px) {
  .investor-stock .code {    margin-top: calc(16/1920*100rem); } }
  .investor-stock .code * {
    font: inherit; }

.investor-stock .block-wrap li {    padding-top: calc(20/1920*100rem);    padding-bottom: calc(20/1920*100rem);  border-bottom: 1px solid #EFEFEF; }
  .investor-stock .block-wrap li:first-child {    padding-top: 0 /* 0px */; }

.investor-stock .block-wrap p {    margin-bottom: 0 /* 0px */;    font-size: clamp(16px,calc(18/1920*100rem),18px);    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(41 41 41 / var(--tw-text-opacity, 1)); }
  .investor-stock .block-wrap p * {    display: block;    font-size: clamp(16px,calc(18/1920*100rem),18px);    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(41 41 41 / var(--tw-text-opacity, 1)); }

.investor-stock .block-wrap strong {    margin-top: calc(12/1920*100rem);    font-size: clamp(20px,calc(24/1920*100rem),24px);    font-weight: 700;    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); }
  .investor-stock .block-wrap strong * {
    font: inherit; }

.invest-1 {    padding-bottom: 0 /* 0px */; }
  .invest-1 #app {    overflow: hidden; }
  .invest-1 h1 {    margin-bottom: calc(20/1920*100rem); }
  .invest-1 .iframe-wrap {
    display: block;
    height: 39.58333rem;
    overflow: hidden;    text-align: center;
    width: 100%; }
    @media screen and (max-width: 1024px) {
      .invest-1 .iframe-wrap {
        height: 400px; } }
    @media screen and (max-width: 576px) {
      .invest-1 .iframe-wrap {
        height: 1200px; } }
    .invest-1 .iframe-wrap iframe, .invest-1 .iframe-wrap img {    display: inline-block;    height: 100%;    width: 100%; }
    .invest-1 .iframe-wrap img {    display: none; }

@media screen and (max-width: 460px) {
  .about-section-wrap .invest-3 .swiper .swiper-slide {    width: 50% !important; } }

.invest-2 .report-item-3 {
  border-bottom: 1px dashed #0058BB; }
  .invest-2 .report-item-3:nth-last-child(1), .invest-2 .report-item-3:nth-last-child(2) {    border-color: transparent; }

.title-wrapper {    position: relative;    margin-bottom: calc(28/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; }

@media (min-width: 1200.1px) {
  .title-wrapper {    margin-bottom: calc(44/1920*100rem); } }
  .title-wrapper .block-title {    margin-bottom: 0 /* 0px */; }
  @media screen and (max-width: 1024px) {
    .title-wrapper {    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    text-align: center; } }

@media (min-width: 1200.1px) {
  .invest-3 {
    padding-bottom: 7.29167rem; } }

.invest-3 .four-swiper .swiper {    margin: calc(calc(12/1920*100rem) * -1);    margin-left: calc(calc(24/1920*100rem) * -1);    margin-right: calc(calc(24/1920*100rem) * -1);    padding: calc(12/1920*100rem);    padding-left: calc(8/1920*100rem);    padding-right: calc(8/1920*100rem); }
  @media screen and (max-width: 1200px) {
    .invest-3 .four-swiper .swiper {    margin-left: calc(calc(20/1920*100rem) * -1);    margin-right: calc(calc(20/1920*100rem) * -1); } }
  .invest-3 .four-swiper .swiper .swiper-slide {    height: auto;    padding-left: calc(12/1920*100rem);    padding-right: calc(12/1920*100rem); }
    @media screen and (max-width: 1200px) {
      .invest-3 .four-swiper .swiper .swiper-slide {
        padding: 0 10px; } }

.invest-3 .report-item-2 {    height: 100%; }

.invest-3 .btn.btn-secondary::after {
  background: white !important; }

.invest-3 .btn.btn-secondary:hover {    --tw-border-opacity: 1;    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); }
  .invest-3 .btn.btn-secondary:hover span, .invest-3 .btn.btn-secondary:hover .icon::before {    --tw-text-opacity: 1 !important;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)) !important; }

.invest-4.second {    padding-top: 0 /* 0px */; }

@media (min-width: 1024.1px) {
  .invest-4.second .row {    -webkit-box-orient: horizontal;    -webkit-box-direction: reverse;    -webkit-flex-direction: row-reverse;    -ms-flex-direction: row-reverse;    flex-direction: row-reverse; } }

.invest-4 .report-item .icon {    margin-top: calc(8/1920*100rem); }
  .invest-4 .report-item .icon em {    display: none; }
  .invest-4 .report-item .icon::after {
    content: '';
    pointer-events: none;
    z-index: 10;
    display: block;
    height: 40px;
    width: 32px;
    -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/pdf.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left; }

@media (max-width: 768px) {
  .invest-4 .title-wrapper {    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;    -webkit-box-align: end;    -webkit-align-items: flex-end;    -ms-flex-align: end;    align-items: flex-end; } }

@media (min-width: 768.1px) {
  .invest-4 .title-wrapper {    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; } }

.invest-4 .filter-item {
  max-width: 10.41667rem; }

@media (max-width: 768px) {
  .invest-4 .filter-item {    margin-top: calc(24/1920*100rem); } }

.report-item {    -webkit-box-align: start;    -webkit-align-items: flex-start;    -ms-flex-align: start;    align-items: flex-start;    border-top-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));    padding-top: calc(20/1920*100rem);    padding-bottom: calc(20/1920*100rem); }
  .report-item:last-child {    border-bottom-width: 1px; }
  .report-item .icon {    margin-right: calc(32/1920*100rem); }
    .report-item .icon em {    font-size: clamp(26px,calc(32/1920*100rem),32px);    font-weight: 100; }
  .report-item .btn span, .report-item .btn .icon::before, .report-item .btn em {    --tw-text-opacity: 1;    color: rgb(14 83 143 / var(--tw-text-opacity, 1)); }
  .report-item .btn:hover em {    -webkit-transform: none;    transform: none; }
  .report-item .btn:hover span {    -webkit-text-decoration-line: underline;    text-decoration-line: underline; }

.report-item-2 .img a {
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 138.70968%; }
  .report-item-2 .img a img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    -webkit-transition: .3s ease-in-out all;
    transition: .3s ease-in-out all; }

.report-item-2 .btn span, .report-item-2 .btn .icon::before, .report-item-2 .btn em {    --tw-text-opacity: 1;    color: rgb(14 83 143 / var(--tw-text-opacity, 1)); }

.report-item-2 .btn:hover em {    -webkit-transform: none;    transform: none; }

.report-item-2 .btn:hover span {    -webkit-text-decoration-line: underline;    text-decoration-line: underline; }

.report-item-2 .headline a {    text-align: center;    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;  display: -webkit-box;
  font-size: clamp(17px, 1.04167rem, 20px);
  height: 2.70833rem;
  min-height: 44.2px;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.report-item-2:hover .headline a {    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); }

.report-item-3 {    overflow: hidden;    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;  -webkit-box-align: start;  -webkit-align-items: flex-start;  -ms-flex-align: start;  align-items: flex-start; }
  @media screen and (max-width: 576px) {
    .report-item-3 {    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-align: start;    -webkit-align-items: flex-start;    -ms-flex-align: start;    align-items: flex-start; } }
  .report-item-3 .btn-wrap {    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;    -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; }
    @media screen and (max-width: 576px) {
      .report-item-3 .btn-wrap {    padding-top: calc(16/1920*100rem); } }

@media (min-width: 576.1px) {
  .report-item-3 .btn-wrap {    padding-left: calc(20/1920*100rem); } }
  .report-item-3:hover .title a {
    text-shadow: 1px 0 0  #004892; }

.investor-company-information {    padding-top: calc(60/1920*100rem);    padding-bottom: calc(60/1920*100rem); }

@media (min-width: 1200.1px) {
  .investor-company-information {    padding-top: calc(80/1920*100rem);    padding-bottom: calc(80/1920*100rem); } }

.develop-detail {    overflow: hidden;    padding-top: calc(64/1920*100rem); }
  .develop-detail .block-title {    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; }
  .develop-detail .fullcontent h6, .develop-detail .fullcontent h5 {    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); }
    .develop-detail .fullcontent h6 *, .develop-detail .fullcontent h5 * {    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); }
  .develop-detail .bottom-row {    margin: 0 /* 0px */;    --tw-bg-opacity: 1;    background-color: rgb(0 88 187 / var(--tw-bg-opacity, 1));    padding: 0 /* 0px */;    margin-top: 4.16667rem; }
    .develop-detail .bottom-row * {    margin: 0 /* 0px */;    padding: 0 /* 0px */; }
    .develop-detail .bottom-row .img {    height: 100%;    width: 100%;    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;      max-height: 34.375rem; }
      .develop-detail .bottom-row .img img {    height: 100%;    width: 100%; }
    .develop-detail .bottom-row .col-lg-4 {    position: relative; }
      .develop-detail .bottom-row .col-lg-4::after {
        content: '';
        pointer-events: none;
        position: absolute;
        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;        left: 2.08333rem;
        top: -2.08333rem;
        background: url("../img/icon/quote.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        max-width: 6.5625rem;
        max-height: 5.72917rem; }
    .develop-detail .bottom-row .txt {    position: relative;      padding: 5.20833rem 0 3.64583rem 2.08333rem; }

@media (min-width: 1200.1px) {
  .develop-detail .bottom-row .txt {
    max-width: 22.91667rem; } }
  .develop-detail .logo {    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: 20px;
    width: auto; }
    .develop-detail .logo img {
      width: auto;
      height: 100%;
      object-fit: contain; }
  .develop-detail .caption {    margin-bottom: calc(24/1920*100rem);    border-bottom-width: 1px;    border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1));    --tw-border-opacity: 0.4;    padding-bottom: calc(24/1920*100rem);    font-size: clamp(20px,calc(24/1920*100rem),24px);    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
    .develop-detail .caption * {    font-size: clamp(24px,calc(28/1920*100rem),28px); }

@media (min-width: 1200.1px) {
  .develop-detail .caption {    margin-bottom: calc(36/1920*100rem);    padding-bottom: calc(36/1920*100rem); } }
  .develop-detail .caption {
    max-height: 19.27083rem;
    padding-right: 4px;
    overflow-y: auto; }
  .develop-detail .caption::-webkit-scrollbar {
    background: #D5E0EC;
    width: 4px !important;
    border-radius: 4px; }
  .develop-detail .caption::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px #D5E0EC;
    background-color: #D5E0EC;
    border-radius: 4px; }
  .develop-detail .caption::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 30px !important; }
    @media screen and (max-width: 1024px) {
      .develop-detail .caption::-webkit-scrollbar-thumb {
        height: auto; } }

@-moz-document url-prefix() {
  .develop-detail .caption {
    scrollbar-width: thin;
    scrollbar-color: #fff #D5E0EC; } }
  .develop-detail .img img {    height: 100%;    width: 100%;    object-fit: cover; }

.other-develop-news {    padding-top: 0 /* 0px */;    padding-bottom: calc(60/1920*100rem); }

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

.news-detail .pdf-iframe {
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 141%;
  margin-bottom: calc(24/1920*100rem) }
  .news-detail .pdf-iframe img, .news-detail .pdf-iframe picture, .news-detail .pdf-iframe video, .news-detail .pdf-iframe iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    -webkit-transition: .3s ease-in-out all;
    transition: .3s ease-in-out all; }

.news-detail .stick-wrap {    position: -webkit-sticky;    position: sticky;    top: 110px;    right: 0 /* 0px */;    z-index: 50; }

.news-detail .time-wrap time {    padding-right: calc(8/1920*100rem); }

.news-detail .time-wrap::after {
  content: '';
  pointer-events: none;
  left: 0 /* 0px */;
  z-index: 10;
  display: block;
  height: 1px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(0 88 187 / 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-detail .briefcontent {    font-size: clamp(14px,calc(16/1920*100rem),16px);    font-weight: 300;    font-style: italic; }
  .news-detail .briefcontent * {    font-size: clamp(14px,calc(16/1920*100rem),16px);    font-weight: 300;    font-style: italic; }

.news-detail .mobile-block {    display: block; }

@media (min-width: 576.1px) {
  .news-detail .mobile-block {    display: none; } }

.news-detail .tablet-block {    display: none; }

@media (min-width: 1200.1px) {
  .news-detail .tablet-block {    display: block; } }

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

.gallery-list .grid-layout {
  display: grid; }

@media (min-width: 768.1px) {
  .gallery-list .grid-layout {
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto auto auto;
    gap: 2.08333rem 2.08333rem;
    grid-template-areas: "item-1 item-1 item-2" "item-1 item-1 item-3" "item-4 item-6 item-6" "item-5 item-6 item-6"; } }

@media (max-width: 768px) {
  .gallery-list .grid-layout {    grid-template-columns: repeat(2, minmax(0, 1fr));    gap: calc(20/1920*100rem); } }

@media (max-width: 576px) {
  .gallery-list .grid-layout {    grid-template-columns: repeat(1, minmax(0, 1fr)); } }

.gallery-list .gallery-item {    overflow: hidden;    border-radius: calc(24/1920*100rem); }
  .gallery-list .gallery-item .txt {
    background: -webkit-linear-gradient(bottom, #000000 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end }

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

@media (min-width: 1024.1px) {
  .gallery-list .gallery-item .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: 13.54167rem;
    width: 100%;
    object-fit: cover; }
    .gallery-list .gallery-item .img a img {
      width: 100%;
      height: 100%; } }

@media (min-width: 768.1px) {
  .gallery-list .gallery-item:nth-child(1) {
    grid-area: item-1; } }

@media (min-width: 1024.1px) {
  .gallery-list .gallery-item:nth-child(1) .txt {
    max-height: 12.23958rem; }
  .gallery-list .gallery-item:nth-child(1) .img a {
    height: 29.94792rem; } }

@media (min-width: 768.1px) {
  .gallery-list .gallery-item:nth-child(2) {
    grid-area: item-2; }
  .gallery-list .gallery-item:nth-child(3) {
    grid-area: item-3; }
  .gallery-list .gallery-item:nth-child(4) {
    grid-area: item-4; }
  .gallery-list .gallery-item:nth-child(5) {
    grid-area: item-5; }
  .gallery-list .gallery-item:nth-child(6) {
    grid-area: item-6; } }

@media (min-width: 1024.1px) {
  .gallery-list .gallery-item:nth-child(6) .txt {
    max-height: 12.23958rem; }
  .gallery-list .gallery-item:nth-child(6) .img a {
    height: 29.94792rem; } }
  .gallery-list .gallery-item em {    margin-right: calc(12/1920*100rem);    font-size: clamp(26px,calc(32/1920*100rem),32px);    font-weight: 300;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

.news-list {    overflow: hidden; }
  @media screen and (max-width: 1024px) {
    .news-list .zone-nav-2 {    margin-bottom: calc(32/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;      overflow-x: auto; }
      .news-list .zone-nav-2 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-list .zone-nav-2 ul li:first-child {    padding-left: 0 /* 0px */; } }
  .news-list .zone-nav-2 ul {
    list-style-type: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex }
    @media screen and (max-width: 1024px) {
      .news-list .zone-nav-2 ul {    -webkit-box-pack: start;    -webkit-justify-content: flex-start;    -ms-flex-pack: start;    justify-content: flex-start; } }
  .news-list .zone-nav-2 li {    padding-left: calc(40/1920*100rem) !important;    padding-right: calc(40/1920*100rem) !important; }
    .news-list .zone-nav-2 li:not(:last-child)::after {
      content: '';
      pointer-events: none;
      right: 0 /* 0px */;
      z-index: 10;
      display: block;
      height: 25px;
      width: 1px;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
      --tw-bg-opacity: 0.5;
      -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 .zone-nav-2 li.active a, .news-list .zone-nav-2 li:hover a {    --tw-border-opacity: 1;    border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1));    --tw-text-opacity: 1;      text-shadow: 1px 0 0 #fff; }
  .news-list .zone-nav-2 a {    margin-top: calc(4/1920*100rem);    overflow: hidden;    font-size: clamp(18px,calc(20/1920*100rem),20px);    font-weight: 400;    line-height: 1;    --tw-text-opacity: 0.8;    -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 */; } }

@media (min-width: 768.1px) {
  .news-list .col:nth-child(1), .news-list .col:nth-child(2) {    width: 50%; }
    .news-list .col:nth-child(1) .news-item .txt, .news-list .col:nth-child(2) .news-item .txt {    padding-bottom: calc(16/1920*100rem); }
    .news-list .col:nth-child(1) .news-item .headline a, .news-list .col:nth-child(2) .news-item .headline a {    font-size: clamp(18px,calc(20/1920*100rem),20px); } }
  .news-list .news-item .txt {    padding-bottom: calc(36/1920*100rem); }

.video-item {    cursor: pointer;    overflow: hidden;    border-radius: calc(24/1920*100rem); }

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

@media (max-width: 576px) {
  .side-news {    margin-bottom: calc(20/1920*100rem); } }

@media (min-width: 576.1px) {
  .side-news {    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; } }
  .side-news:last-child {    border-bottom-color: transparent; }
  .side-news .headline {    padding-top: calc(8/1920*100rem); }

@media (min-width: 576.1px) {
  .side-news .headline a {    overflow: hidden;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 3; } }
  .side-news .img {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
    .side-news .img a {    overflow: hidden;    border-radius: calc(24/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; }
      .side-news .img a img {
        width: 100%;
        height: 100%;
        object-fit: cover; }

@media (min-width: 576.1px) {
  .side-news .img a {
    width: 9.63542rem;
    min-width: 9.63542rem;
    max-width: 9.63542rem;
    height: 6.04167rem; } }
  .side-news .txt {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 100%;
    padding-top: calc(16/1920*100rem) }

@media (min-width: 576.1px) {
  .side-news .txt {    padding-left: calc(20/1920*100rem);    padding-top: calc(4/1920*100rem); } }

.news-item {    overflow: hidden;    border-radius: calc(24/1920*100rem); }
  .news-item .txt {    padding-top: calc(8/1920*100rem); }
  .news-item .headline a {
    display: inline-block; }

.recruit-detail {    padding-top: calc(48/1920*100rem); }
  .recruit-detail .section-title {    font-size: clamp(24px,calc(28/1920*100rem),28px); }
  .recruit-detail time {    font-size: clamp(16px,calc(18/1920*100rem),18px);    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
  .recruit-detail .deadline {    border-left-width: calc(2/1920*100rem);    --tw-border-opacity: 1;    border-left-color: rgb(236 32 39 / var(--tw-border-opacity, 1));    padding-left: calc(8/1920*100rem);    font-size: clamp(14px,calc(16/1920*100rem),16px);    font-weight: 400;    line-height: 1.25;    --tw-text-opacity: 1;    color: rgb(0 0 0 / var(--tw-text-opacity, 1)); }
    @media screen and (max-width: 1024px) {
      .recruit-detail .deadline {    margin-bottom: calc(40/1920*100rem);    line-height: 1.625; } }
    .recruit-detail .deadline * {
      font: inherit; }
    .recruit-detail .deadline strong, .recruit-detail .deadline span {    margin-left: calc(4/1920*100rem);    margin-right: calc(4/1920*100rem);    display: inline-block;    font-weight: 700; }
    .recruit-detail .deadline strong {    --tw-text-opacity: 1;    color: rgb(0 72 146 / var(--tw-text-opacity, 1)); }
    .recruit-detail .deadline span {    --tw-text-opacity: 1;    color: rgb(236 32 39 / var(--tw-text-opacity, 1)); }
  .recruit-detail .table-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: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center; }

@media (min-width: 576.1px) {
  .recruit-detail .table-wrap {    gap: calc(24/1920*100rem); } }
    @media screen and (max-width: 576px) {
      .recruit-detail .table-wrap {    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column; } }

@media (min-width: 1200.1px) {
  .recruit-detail .table-wrap {    -webkit-column-gap: calc(40/1920*100rem);    -moz-column-gap: calc(40/1920*100rem);    column-gap: calc(40/1920*100rem);    padding-top: calc(4/1920*100rem); } }
    .recruit-detail .table-wrap td {    padding-top: calc(8/1920*100rem);    padding-bottom: calc(8/1920*100rem);    font-size: clamp(16px,calc(18/1920*100rem),18px); }

@media (min-width: 576.1px) {
  .recruit-detail .table-wrap td {    padding-top: calc(12/1920*100rem);    padding-bottom: calc(12/1920*100rem); } }
      .recruit-detail .table-wrap td * {
        font: inherit; }
      .recruit-detail .table-wrap td:nth-child(1) {    white-space: nowrap;    padding-left: 0 /* 0px */;    padding-right: calc(20/1920*100rem);    font-weight: 600; }
        .recruit-detail .table-wrap td:nth-child(1) * {    font-weight: 600; }
        @media screen and (max-width: 576px) {
          .recruit-detail .table-wrap td:nth-child(1) {
            min-width: 8.33333rem;
            max-width: 8.33333rem;
            width: 8.33333rem;
            white-space: normal } }

@media (min-width: 576.1px) {
  .recruit-detail .table-wrap tr:last-child td {    padding-bottom: 0 /* 0px */; } }
    .recruit-detail .table-wrap tr:first-child td {    border-top-color: transparent; }
    @media screen and (max-width: 1024px) {
      .recruit-detail .table-wrap table {    white-space: normal; } }
    @media screen and (max-width: 576px) {
      .recruit-detail .table-wrap table:nth-child(2) tr:first-child td {    border-top-width: 1px;    --tw-border-opacity: 1;    border-top-color: rgb(246 246 246 / var(--tw-border-opacity, 1)); } }
    .recruit-detail .table-wrap table:nth-child(2) tr:last-child td:last-child {    font-weight: 700;    --tw-text-opacity: 1;    color: rgb(236 32 39 / var(--tw-text-opacity, 1)); }
      .recruit-detail .table-wrap table:nth-child(2) tr:last-child td:last-child * {    --tw-text-opacity: 1;    color: rgb(236 32 39 / var(--tw-text-opacity, 1)); }
  .recruit-detail address {    margin-bottom: 0 /* 0px */;    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; }
    .recruit-detail address p {    margin-bottom: 0 /* 0px */; }
    .recruit-detail address li {    margin-bottom: calc(12/1920*100rem);    font-size: clamp(16px,calc(18/1920*100rem),18px);    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; }
      .recruit-detail address li * {
        font: inherit; }
    .recruit-detail address em, .recruit-detail address i {    display: inline-block;    width: 20px;    font-family: 'Font Awesome 6 Pro';    font-size: clamp(18px,calc(20/1920*100rem),20px);    font-weight: 300;    --tw-text-opacity: 1;    color: rgb(0 72 146 / var(--tw-text-opacity, 1)); }
    .recruit-detail address .icon {    margin-right: calc(12/1920*100rem);    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; }
      .recruit-detail address .icon img {
        max-width: 24px; }
    .recruit-detail address a {    display: inline-block; }
      .recruit-detail address a:hover {    --tw-text-opacity: 1;    color: rgb(0 72 146 / var(--tw-text-opacity, 1));    -webkit-text-decoration-line: underline;    text-decoration-line: underline; }
  .recruit-detail .btn-group .btn {    width: 100%; }
    .recruit-detail .btn-group .btn span {    line-height: 1.25; }
    .recruit-detail .btn-group .btn:nth-child(2) {
      margin-top: 12px !important; }
    @media screen and (max-width: 1400px) {
      .recruit-detail .btn-group .btn.btn-secondary span {    font-size: clamp(14px,calc(16/1920*100rem),16px); } }

@media (min-width: 1024.1px) {
  .recruit-detail .wrap-form {    grid-template-columns: repeat(4, minmax(0, 1fr)); } }
  .recruit-detail .wrap-form .frm-btnwrap {    -webkit-box-pack: start !important;    -webkit-justify-content: flex-start !important;    -ms-flex-pack: start !important;    justify-content: flex-start !important; }
  @media screen and (max-width: 768px) {
    .recruit-detail .wrap-form .form-group {
      grid-column: span 4 / span 4; } }
  .recruit-detail .wrap-form .form-group input, .recruit-detail .wrap-form .form-group textarea, .recruit-detail .wrap-form .form-group select {    border-color: transparent; }
  .recruit-detail .wrap-form .form-group.disabled input, .recruit-detail .wrap-form .form-group.disabled textarea, .recruit-detail .wrap-form .form-group.disabled select {    pointer-events: none;    --tw-bg-opacity: 1;    background-color: rgb(220 220 220 / var(--tw-bg-opacity, 1)); }
  @media screen and (max-width: 1024px) {
    .recruit-detail .txt {    border-color: transparent; } }
  .recruit-detail .other-recruit {
    box-shadow: 4px 4px 20px 0px #00000014; }
  .recruit-detail .block-wrap:last-child {    margin-bottom: 0 /* 0px */; }
  .recruit-detail .block-wrap .sub-title {    margin-bottom: calc(20/1920*100rem); }
  .recruit-detail .block-wrap ul, .recruit-detail .block-wrap ol {    padding-left: calc(8/1920*100rem); }

.recruit-item {    padding-top: calc(20/1920*100rem);    padding-bottom: calc(20/1920*100rem); }

@media (min-width: 1200.1px) {
  .recruit-item {    padding-top: calc(24/1920*100rem);    padding-bottom: calc(24/1920*100rem); } }
  .recruit-item:last-child {    border-bottom-color: transparent;    padding-bottom: 0 /* 0px */; }
  .recruit-item .headline {    margin-bottom: calc(12/1920*100rem); }
    .recruit-item .headline a {
      overflow: hidden;
      display: -webkit-box;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
  .recruit-item .timeline {    font-size: clamp(16px,calc(18/1920*100rem),18px);    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
    .recruit-item .timeline * {
      font: inherit; }
    .recruit-item .timeline span {    margin-left: calc(8/1920*100rem);    font-weight: 700;    --tw-text-opacity: 1;    color: rgb(236 32 39 / var(--tw-text-opacity, 1)); }
      .recruit-item .timeline span * {
        font: inherit; }

.recruit-page .modulepager {    display: none; }

.recruit-1 .row {    -webkit-box-pack: justify;    -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between; }

.recruit-1 .img {    overflow: hidden;    border-radius: calc(24/1920*100rem); }

.recruit-2 {
  background: url("../img/bg/recruit-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .recruit-2 img {    object-fit: contain; }
  .recruit-2 .item {    height: 100%; }
    .recruit-2 .item .headline {    padding-left: calc(16/1920*100rem);    padding-right: calc(16/1920*100rem); }
  @media screen and (max-width: 460px) {
    .recruit-2 .three-swiper .swiper-slide {    width: 50% !important; }
    .recruit-2 .headline {    overflow: hidden;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 3; } }

.recruit-3 .icon {    height: 60px;    width: 60px;    min-width: 60px; }

.recruit-3 .desc {    overflow: hidden;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2; }

@media screen and (max-width: 1600px) {
  .recruit-4 .title-wrapper {    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    text-align: center; } }

.recruit-4 .filter-wrap {    gap: calc(36/1920*100rem); }

@media (max-width: 1200px) {
  .recruit-4 .filter-wrap {    width: 100%; } }

.recruit-4 .filter-item {    width: -webkit-fit-content;    width: -moz-fit-content;    width: fit-content; }

@media (max-width: 1200px) {
  .recruit-4 .filter-item {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    width: 100%;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-align: start;    -webkit-align-items: flex-start;    -ms-flex-align: start;    align-items: flex-start; }
    .recruit-4 .filter-item .label {    margin-bottom: calc(12/1920*100rem);    width: 100%;    text-align: left;    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; } }
  .recruit-4 .filter-item .custom-select {    max-width: 240px; }

@media (max-width: 1200px) {
  .recruit-4 .filter-item .custom-select {    max-width: 100%; } }
  .recruit-4 .filter-item select {    width: 240px;    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: 1200px) {
  .recruit-4 .filter-item select {    width: 100%; } }

.recruit-4 .table-wrap {    overflow: hidden;  border: 1px solid #e0e0e0; }
  @media screen and (max-width: 1200px) {
    .recruit-4 .table-wrap {    overflow-x: auto; } }

.recruit-4 .ajax-btn-wrap .btn-secondary:hover .icon {    -webkit-transform: none;    transform: none; }

.recruit-4 .ajax-btn-wrap .btn-secondary .icon:before {    font-size: clamp(14px,calc(16/1920*100rem),16px);  content: '\f063'; }

.recruit-4 .btn span {    white-space: nowrap; }

.recruit-4 table {    width: 100%;  padding: 2px; }
  @media screen and (max-width: 576px) {
    .recruit-4 table thead {    display: none; } }
  .recruit-4 table thead th {    height: 100%;    white-space: nowrap;    --tw-bg-opacity: 1;    background-color: rgb(0 88 187 / var(--tw-bg-opacity, 1));    padding: calc(16/1920*100rem);    text-align: center;    font-size: clamp(16px,calc(18/1920*100rem),18px);    font-weight: 700;    text-transform: uppercase;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1));    min-height: 50px;
    font-family: "Saira", sans-serif; }
    .recruit-4 table thead th:first-child {
      min-width: 60px;
      width: 60px; }
    .recruit-4 table thead th:nth-child(2) {    text-align: left; }

@media (min-width: 1200.1px) {
  .recruit-4 table thead th {    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(239 239 239 / var(--tw-border-opacity, 1)); } }

@media screen and (max-width: 576px) {
  .recruit-4 tbody tr {    display: block; } }

.recruit-4 tbody tr:hover a {    --tw-text-opacity: 1;    color: rgb(0 72 146 / var(--tw-text-opacity, 1));  text-shadow: 1px 0 0 #004892; }

.recruit-4 tbody tr td {    cursor: pointer;    padding-left: calc(20/1920*100rem);    padding-right: calc(20/1920*100rem);    padding-top: calc(12/1920*100rem);    padding-bottom: calc(12/1920*100rem);    text-align: center;    font-size: clamp(16px,calc(18/1920*100rem),18px);    -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 (min-width: 1200.1px) {
  .recruit-4 tbody tr td {    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(239 239 239 / var(--tw-border-opacity, 1)); } }

@media (min-width: 576.1px) {
  .recruit-4 tbody tr td {
    border-bottom: 1px solid #e0e0e0; } }
  .recruit-4 tbody tr td:first-child {
    min-width: 60px;
    width: 60px; }
  .recruit-4 tbody tr td:nth-child(2) {    text-align: left;    width: 18.75rem; }
  .recruit-4 tbody tr td:nth-child(3) {
    width: 6.25rem; }
  .recruit-4 tbody tr td:nth-child(6) {    --tw-text-opacity: 1;    color: rgb(236 32 39 / var(--tw-text-opacity, 1)); }
    .recruit-4 tbody tr td:nth-child(6) * {    --tw-text-opacity: 1;    color: rgb(236 32 39 / var(--tw-text-opacity, 1)); }
  @media screen and (max-width: 576px) {
    .recruit-4 tbody tr td {    padding-left: calc(16/1920*100rem);    padding-right: calc(16/1920*100rem);    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: 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; }
      .recruit-4 tbody tr td:first-child {    padding-top: calc(16/1920*100rem); }
      .recruit-4 tbody tr td:last-child {    padding-bottom: calc(16/1920*100rem);        border-bottom: 1px solid #e0e0e0; }
        .recruit-4 tbody tr td:last-child::before {    display: none; }
      .recruit-4 tbody tr td::before {
        content: attr(data-attr) ":";
        pointer-events: none;
        z-index: 10;
        margin-right: calc(8/1920*100rem);
        display: block;
        text-align: left;
        font-weight: 700;
        text-transform: capitalize;
        -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: 20px;
        width: 150px; } }

.product-catalouge {    padding-top: calc(40/1920*100rem); }
  .product-catalouge .custom-select select {
    border-color: #0057ba;
    width: 320px; }
  @media screen and (max-width: 576px) {
    .product-catalouge .filter-wrap {    width: 100%; }
    .product-catalouge .filter-item {    display: block;    width: 100%; }
      .product-catalouge .filter-item label {    margin-bottom: calc(16/1920*100rem);    display: block; }
      .product-catalouge .filter-item .custom-select {    width: 100%; }
        .product-catalouge .filter-item .custom-select select {    width: 100%; } }

.catalouge-item .headline a {
  display: -webkit-box;
  font-size: clamp(17px, 1.04167rem, 20px);
  height: 2.70833rem;
  min-height: 44.2px;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.catalouge-detail .df-container {
  height: 44.27083rem !important; }

.catalouge-detail .title {    text-align: center;    font-size: clamp(20px,calc(24/1920*100rem),24px);    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(51 51 51 / var(--tw-text-opacity, 1)); }
  .catalouge-detail .title:hover {    -webkit-text-decoration-line: underline;    text-decoration-line: underline; }

.catalouge-detail .txt {    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;  margin-top: 1.04167rem; }

@media (min-width: 1024.1px) {
  .catalouge-detail .txt {
    margin-top: 1.5625rem; } }

.other-guide .side-news:not(:last-child) {    margin-bottom: calc(32/1920*100rem); }

.other-guide .side-news .txt {    padding-top: 0 /* 0px */; }

@media (max-width: 1024px) {
  .other-guide .side-news .txt {    padding-top: calc(4/1920*100rem); } }

.other-guide .side-news .headline {    padding-top: 0 /* 0px */; }

.other-guide .iframe-wrap .img a {
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 62.5%; }
  .other-guide .iframe-wrap .img a img, .other-guide .iframe-wrap .img a picture, .other-guide .iframe-wrap .img a video, .other-guide .iframe-wrap .img a iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    -webkit-transition: .3s ease-in-out all;
    transition: .3s ease-in-out all; }

.product-detail .social-network {
  display: none !important; }

@media (min-width: 1024.1px) {
  .product-detail .swiper-nav .prev, .product-detail .swiper-nav .next {    height: 20px;    background-color: transparent;    position: absolute;    left: 50%;    -webkit-transform: translateX(-50%);    transform: translateX(-50%); }
    .product-detail .swiper-nav .prev:before, .product-detail .swiper-nav .next:before {    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); }
  .product-detail .swiper-nav .prev {    top: 0 /* 0px */ !important; }
    .product-detail .swiper-nav .prev:before {
      content: '\f077'; }
  .product-detail .swiper-nav .next {
    top: unset !important;
    bottom: 0 /* 0px */ !important }
    .product-detail .swiper-nav .next:before {
      content: '\f078'; } }

.product-detail .row {
  margin: 0  !important; }
  .product-detail .row .col {
    padding: 0 !important;
    margin-bottom: 0 !important; }
  @media screen and (max-width: 576px) {
    .product-detail .row {    margin: 0 /* 0px */;    padding: 0 /* 0px */; }
      .product-detail .row .col {    margin: 0 /* 0px */;    padding: 0 /* 0px */; } }

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

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

@media (max-width: 1024px) {
  .product-detail .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 .col:nth-child(2) {
    width: calc( 100% - 80px); } }

.product-detail .social-network a {    --tw-bg-opacity: 1;    background-color: rgb(234 240 248 / var(--tw-bg-opacity, 1)); }

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

@media (min-width: 1024.1px) {
  .product-detail .product-thumb {
    max-width: 80px;
    padding-top: 40px;
    padding-bottom: 40px }
  .product-detail .product-thumb .swiper {
    height: 22.39583rem; } }
  .product-detail .product-thumb .img {
    height: 80px;
    width: auto;
    padding: calc(16/1920*100rem) }
    .product-detail .product-thumb .img img {
      width: auto;
      height: 100%;
      object-fit: contain; }

.product-detail .swiper-slide.swiper-slide-thumb-active .img {    border-width: calc(2/1920*100rem);    --tw-border-opacity: 1;    border-color: rgb(236 32 39 / var(--tw-border-opacity, 1)); }

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

@media (max-width: 1024px) {
  .product-detail .product-main {    margin-bottom: calc(32/1920*100rem); } }

@media (min-width: 1024.1px) {
  .product-detail .product-main {    padding-left: calc(32/1920*100rem); } }
  .product-detail .product-main .swiper {    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(239 239 239 / var(--tw-border-opacity, 1)); }
  .product-detail .product-main .img {    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: 1024px) {
  .product-detail .product-main .img {    padding: calc(32/1920*100rem); }
    .product-detail .product-main .img a {    width: 100%;      position: relative;
      display: block;
      height: 0;
      overflow: hidden;
      padding-top: 100%; }
      .product-detail .product-main .img a img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        object-fit: cover;
        -webkit-transition: .3s ease-in-out all;
        transition: .3s ease-in-out all; } }

@media (min-width: 1024.1px) {
  .product-detail .product-main .img a {    height: 100%;    width: 100%;    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: 25rem; }
    .product-detail .product-main .img a img {
      width: auto;
      height: 100%;
      object-fit: contain; } }
    .product-detail .product-main .img img {
      width: 100%;
      height: 100%;
      object-fit: contain; }

.product-detail .desc p strong {    margin-top: calc(16/1920*100rem);    margin-bottom: calc(16/1920*100rem);    display: inline-block; }

.product-detail .desc p {    margin-bottom: 0 /* 0px */; }

.product-detail .table-block table {    width: 100%; }
  .product-detail .table-block table tr:first-child td:nth-child(2) {    font-size: clamp(26px,calc(32/1920*100rem),32px); }
    .product-detail .table-block table tr:first-child td:nth-child(2) * {    font-size: clamp(26px,calc(32/1920*100rem),32px); }
  .product-detail .table-block table tr:not(:last-child) td {    padding-bottom: calc(12/1920*100rem); }
  .product-detail .table-block table tr td {    font-size: clamp(16px,calc(18/1920*100rem),18px); }
    .product-detail .table-block table tr td * {    font-size: clamp(16px,calc(18/1920*100rem),18px); }
    .product-detail .table-block table tr td:first-child {    width: 120px; }

@media (min-width: 576.1px) {
  .product-detail .table-block table tr td:first-child {    width: 150px; } }
    .product-detail .table-block table tr td:last-child {    font-weight: 700;    --tw-text-opacity: 1;    color: rgb(1 84 143 / var(--tw-text-opacity, 1)); }
      .product-detail .table-block table tr td:last-child * {    font-weight: 700;    --tw-text-opacity: 1;    color: rgb(1 84 143 / var(--tw-text-opacity, 1)); }

.product-detail .online-store a {    overflow: hidden;    border-radius: 0.25rem;    border-radius: calc(12/1920*100rem);    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    padding: calc(12/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;  height: 3.64583rem;
  width: auto; }
  .product-detail .online-store a img {
    width: auto;
    height: 100%;
    object-fit: contain; }

.product-detail .btn.btn-secondary span {    font-weight: 700; }

.product-detail .btn-primary {    padding-left: calc(28/1920*100rem);    padding-right: calc(28/1920*100rem); }
  .product-detail .btn-primary span {    font-size: clamp(16px,calc(18/1920*100rem),18px); }
  .product-detail .btn-primary .icon {    margin-left: 10px; }

.product-detail .product-attributes {    margin-top: calc(24/1920*100rem);    margin-bottom: calc(24/1920*100rem);    border-top-width: 1px;    border-bottom-width: 1px;    --tw-border-opacity: 1;    border-top-color: rgb(220 220 220 / var(--tw-border-opacity, 1));    border-bottom-color: rgb(220 220 220 / var(--tw-border-opacity, 1));    padding-top: calc(16/1920*100rem);    padding-bottom: calc(16/1920*100rem); }

.product-detail .filter-item:not(:last-child) {    margin-bottom: calc(12/1920*100rem); }

.product-detail .filter-item span {    margin-right: calc(20/1920*100rem);    display: inline-block;    width: 200px;    min-width: 200px;    font-size: clamp(14px,calc(16/1920*100rem),16px);    font-weight: 700;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }

@media screen and (max-width: 576px) {
  .product-detail .filter-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;    -webkit-box-align: start;    -webkit-align-items: flex-start;    -ms-flex-align: start;    align-items: flex-start; }
    .product-detail .filter-item span {    margin-bottom: calc(12/1920*100rem);    font-size: clamp(16px,calc(18/1920*100rem),18px); } }

.product-detail .price-block .box {    --tw-bg-opacity: 1;    background-color: rgb(0 72 146 / var(--tw-bg-opacity, 1)); }
  .product-detail .price-block .box.no-tax {    --tw-bg-opacity: 1;    background-color: rgb(234 240 248 / var(--tw-bg-opacity, 1)); }
    .product-detail .price-block .box.no-tax .title {    --tw-text-opacity: 1;    color: rgb(41 41 41 / var(--tw-text-opacity, 1)); }
    .product-detail .price-block .box.no-tax .price {    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); }

.product-detail .price-block .title, .product-detail .price-block .price {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

.product-detail .price-block .title {    margin-bottom: calc(8/1920*100rem);    font-size: clamp(16px,calc(18/1920*100rem),18px);    font-weight: 400; }

.product-detail .price-block .price {    font-size: clamp(26px,calc(32/1920*100rem),32px);    font-weight: 700;    line-height: 1; }

.product-detail .btn-secondary .icon::before {
  content: '\f019'; }

.product-detail-2 {    padding-top: 0 /* 0px */; }
  .product-detail-2 .item-file .img {    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; }
  .product-detail-2 .tab-item {    margin-top: calc(32/1920*100rem);    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(178 224 243 / var(--tw-border-opacity, 1));    padding: calc(24/1920*100rem); }

@media (min-width: 1200.1px) {
  .product-detail-2 .tab-item {    padding: calc(40/1920*100rem); } }
  .product-detail-2 .product-tab-nav {    position: -webkit-sticky;    position: sticky;    top: 80px;    left: 0 /* 0px */;    z-index: 70; }
  .product-detail-2 .fullcontent h5 {    margin-bottom: calc(16/1920*100rem);    border-bottom-width: 1px;    --tw-border-opacity: 1;    border-bottom-color: rgb(0 88 187 / var(--tw-border-opacity, 1));    padding-bottom: calc(12/1920*100rem);    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); }
  .product-detail-2 .fullcontent p {    margin-bottom: calc(12/1920*100rem); }
  .product-detail-2 table {    margin-top: calc(16/1920*100rem) !important;    margin-bottom: calc(16/1920*100rem) !important;    border-width: 1px !important;    --tw-border-opacity: 1 !important;    border-color: rgb(152 152 152 / var(--tw-border-opacity, 1)) !important;    width: 100% !important; }
    .product-detail-2 table thead th {    height: 100%;    border-collapse: collapse;    white-space: nowrap;    --tw-bg-opacity: 1;    background-color: rgb(0 88 187 / var(--tw-bg-opacity, 1));    padding: calc(16/1920*100rem);    text-align: center;    font-size: clamp(16px,calc(18/1920*100rem),18px);    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1));    border-width: 1px !important;    --tw-border-opacity: 1 !important;    border-color: rgb(152 152 152 / var(--tw-border-opacity, 1)) !important;      min-height: 50px; }
      .product-detail-2 table thead th:first-child {
        min-width: 60px; }
    .product-detail-2 table tbody tr:nth-child(even) td {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    --tw-text-opacity: 1;    color: rgb(41 41 41 / var(--tw-text-opacity, 1)); }
    .product-detail-2 table tbody tr:hover .title {    --tw-text-opacity: 1;    color: rgb(0 72 146 / var(--tw-text-opacity, 1)); }
    .product-detail-2 table tbody tr td {    border-collapse: collapse;    cursor: pointer;    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    padding-left: calc(20/1920*100rem);    padding-right: calc(20/1920*100rem);    padding-top: calc(16/1920*100rem);    padding-bottom: calc(16/1920*100rem);    text-align: center;    font-size: clamp(16px,calc(18/1920*100rem),18px);    --tw-text-opacity: 1;    color: rgb(41 41 41 / 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;    border-width: 1px !important;    --tw-border-opacity: 1 !important;    border-color: rgb(152 152 152 / var(--tw-border-opacity, 1)) !important; }
      .product-detail-2 table tbody tr td:first-child {
        min-width: 60px;
        --tw-border-opacity: 1 !important;
        border-color: rgb(152 152 152 / var(--tw-border-opacity, 1)) !important;
        --tw-bg-opacity: 1 !important;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
        --tw-text-opacity: 1 !important;
        color: rgb(41 41 41 / var(--tw-text-opacity, 1)) !important }
    .product-detail-2 table tbody tr:last-child td:first-child {    --tw-border-opacity: 1;    border-color: rgb(152 152 152 / var(--tw-border-opacity, 1)); }

.product-tab-nav {
  z-index: 999;
  position: -webkit-sticky;
  position: sticky;
  left: 0 /* 0px */;
  --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 }
  @media screen and (max-width: 1200px) {
    .product-tab-nav {
      top: 60px !important; } }
  .product-tab-nav a {    border-bottom-width: 1px;    border-color: transparent;    padding-top: calc(12/1920*100rem);    padding-bottom: calc(12/1920*100rem);    font-size: clamp(18px,calc(20/1920*100rem),20px);    --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;    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-tab-nav .tab-nav {    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;    overflow-x: auto; }
    .product-tab-nav .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; }
      .product-tab-nav .tab-nav ul li:first-child {    padding-left: 0 /* 0px */; }
    .product-tab-nav .tab-nav ul {    gap: calc(32/1920*100rem);    padding-bottom: 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; }
    .product-tab-nav .tab-nav li.active a, .product-tab-nav .tab-nav li:hover a {
      text-shadow: 1px 0 0 #0058BB;
      --tw-border-opacity: 1;
      border-color: rgb(0 88 187 / var(--tw-border-opacity, 1));
      --tw-text-opacity: 1;
      color: rgb(0 88 187 / var(--tw-text-opacity, 1)) }

.product-other {    padding-top: calc(64/1920*100rem); }
  .product-other .swiper-slide {    height: auto; }
    @media screen and (max-width: 460px) {
      .product-other .swiper-slide {    width: 50% !important; } }
  .product-other .product-item {    height: 100%;    --tw-border-opacity: 1;    border-color: rgb(255 255 255 / var(--tw-border-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-other .product-item:hover {    --tw-border-opacity: 1;    border-color: rgb(0 88 187 / var(--tw-border-opacity, 1)); }
    .product-other .product-item .txt {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
    @media screen and (max-width: 576px) {
      .product-other .product-item .desc {
        display: -webkit-box;
        font-size: clamp(15px, 0.9375rem, 18px);
        height: 2.4375rem;
        min-height: 39px;
        line-height: 1.3;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; }
        .product-other .product-item .desc * {
          display: -webkit-box;
          font-size: clamp(15px, 0.9375rem, 18px);
          height: 2.4375rem;
          min-height: 39px;
          line-height: 1.3;
          overflow: hidden;
          text-overflow: ellipsis;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2; } }
    .product-other .product-item .desc p + p {
      display: none !important; }

@media screen and (max-width: 576px) {
  .product-list {    padding-top: calc(24/1920*100rem); } }

.product-list .filter-item .custom-select {
  width: 240px; }

@media screen and (max-width: 576px) {
  .product-list .filter-item {    width: 100%; }
    .product-list .filter-item .custom-select {    width: 100%; }
    .product-list .filter-item select {    width: 100%;    --tw-text-opacity: 1;    color: rgb(41 41 41 / var(--tw-text-opacity, 1)); } }

.product-list .side-nav {    --tw-bg-opacity: 1;    background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1)); }
  .product-list .side-nav > .nav > .nav-link > .nav-menu {    margin-bottom: calc(12/1920*100rem); }
  .product-list .side-nav > .nav > .nav-link > .title {    padding-bottom: calc(8/1920*100rem); }
  .product-list .side-nav .nav {    padding-top: calc(12/1920*100rem);    padding-bottom: calc(12/1920*100rem);    padding-left: calc(20/1920*100rem);    padding-right: calc(20/1920*100rem); }
    .product-list .side-nav .nav > .nav-link.active > .title {    --tw-border-opacity: 1;    border-color: rgb(0 72 146 / var(--tw-border-opacity, 1)); }
    .product-list .side-nav .nav > .nav-link > .title {    border-bottom-width: 1px;    border-bottom-color: transparent; }
    .product-list .side-nav .nav .nav-menu .nav-menu li {    padding-bottom: 6px !important; }
      .product-list .side-nav .nav .nav-menu .nav-menu li.active a, .product-list .side-nav .nav .nav-menu .nav-menu li:hover a {    -webkit-text-decoration-line: underline;    text-decoration-line: underline; }
    .product-list .side-nav .nav .nav-menu .nav-menu ul {
      padding-top: 4px !important;
      padding-bottom: 0 !important; }
    .product-list .side-nav .nav .nav-menu .nav-menu a {
      text-shadow: none !important; }
  .product-list .side-nav .nav-link.active > a, .product-list .side-nav .nav-link.active > .title > a {    font-size: clamp(16px,calc(18/1920*100rem),18px);    --tw-text-opacity: 1;    color: rgb(0 72 146 / var(--tw-text-opacity, 1));    text-shadow: 1px 0 0 #004892; }
  .product-list .side-nav .nav-link.active > .title > .icon:before {    --tw-text-opacity: 1;    color: rgb(0 72 146 / var(--tw-text-opacity, 1));    -webkit-transform: rotateX(180deg);    transform: rotateX(180deg); }
  .product-list .side-nav .nav-link:hover > a, .product-list .side-nav .nav-link:hover > .title > a {    font-size: clamp(16px,calc(18/1920*100rem),18px);    --tw-text-opacity: 1;    color: rgb(0 72 146 / var(--tw-text-opacity, 1));    text-shadow: 1px 0 0 #004892; }
  .product-list .side-nav .nav-link.active .nav-menu {    display: block; }
  .product-list .side-nav .nav-link .title {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    width: 100%;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: justify;    -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between;    -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-list .side-nav .nav-link > a, .product-list .side-nav .nav-link > .title > a {    font-size: clamp(16px,calc(18/1920*100rem),18px);    --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;    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; }
  .product-list .side-nav .icon {    position: relative;    font-size: clamp(16px,calc(18/1920*100rem),18px);    font-weight: 300;    line-height: 1;    --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;    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;    -webkit-transition: .4s all ease-in-out;    transition: .4s all ease-in-out;    height: 30px;
    width: 52px; }
    .product-list .side-nav .icon::before {
      content: '\f078';
      pointer-events: none;
      z-index: 10;
      height: 100%;
      width: 100%;
      padding-right: calc(4/1920*100rem);
      font-family: 'Font Awesome 6 Pro';
      -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: 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;
      -webkit-transition: .4s all ease-in-out;
      transition: .4s all ease-in-out }
  .product-list .side-nav .nav-menu {    display: none;    width: 100%; }
    .product-list .side-nav .nav-menu ul {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    padding-left: calc(16/1920*100rem);    padding-right: calc(16/1920*100rem);    padding-top: calc(16/1920*100rem);    padding-bottom: calc(16/1920*100rem);    padding-right: 0 /* 0px */; }
    .product-list .side-nav .nav-menu li {    padding-bottom: calc(12/1920*100rem) !important; }
      .product-list .side-nav .nav-menu li:last-child {
        padding-bottom: 0 !important; }
      .product-list .side-nav .nav-menu li:not(:last-child) a {    margin-bottom: 0 /* 0px */; }
      .product-list .side-nav .nav-menu li.active > a, .product-list .side-nav .nav-menu li.active > .title > a {    font-size: clamp(16px,calc(18/1920*100rem),18px);    --tw-text-opacity: 1;    color: rgb(0 72 146 / var(--tw-text-opacity, 1));        text-shadow: 1px 0 0 #004892; }
      .product-list .side-nav .nav-menu li.active > .title > .icon:before {    --tw-text-opacity: 1;    color: rgb(0 72 146 / var(--tw-text-opacity, 1));        -webkit-transform: rotateX(180deg);        transform: rotateX(180deg); }
      .product-list .side-nav .nav-menu li:hover > a, .product-list .side-nav .nav-menu li:hover > .title > a {    font-size: clamp(16px,calc(18/1920*100rem),18px);    --tw-text-opacity: 1;    color: rgb(0 72 146 / var(--tw-text-opacity, 1));        text-shadow: 1px 0 0 #004892; }
    .product-list .side-nav .nav-menu a {    width: 100%;    padding: 0 /* 0px */;    font-size: clamp(16px,calc(18/1920*100rem),18px);    font-weight: 400;    line-height: 1.3;    -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;      color: #444; }

.side-nav-mobile {    margin-top: calc(32/1920*100rem);    margin-bottom: calc(32/1920*100rem);    margin-top: 0 /* 0px */;    overflow: hidden;    border-radius: calc(24/1920*100rem); }

@media (min-width: 1200.1px) {
  .side-nav-mobile {    margin-top: calc(48/1920*100rem);    margin-bottom: calc(48/1920*100rem); } }
  .side-nav-mobile .title-nav {    padding-left: calc(20/1920*100rem);    padding-right: calc(20/1920*100rem);    padding-top: calc(16/1920*100rem);    padding-bottom: calc(16/1920*100rem); }
    .side-nav-mobile .title-nav em {    font-size: clamp(18px,calc(20/1920*100rem),20px);    font-weight: 400;    -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 (min-width: 1024.1px) {
  .side-nav-mobile .title-nav em {    display: none; } }
    .side-nav-mobile .title-nav span {    font-size: clamp(18px,calc(20/1920*100rem),20px);    font-weight: 700;    line-height: 1;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

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

@media (max-width: 1200px) {
  .side-nav-mobile .title-nav span::after {    display: none; } }
  .side-nav-mobile.is-active .title-nav em {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg); }

@media screen and (max-width: 1024px) {
  .mobile-filter {    pointer-events: none;    position: fixed;    top: 60px;    left: 0 /* 0px */;    height: 100%;    width: 100%;    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    padding: calc(32/1920*100rem);    padding-top: calc(24/1920*100rem);    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;    z-index: 90; } }

.mobile-filter.is-open {    pointer-events: auto;    opacity: 1; }

.mobile-filter .close-filter {    display: none; }
  @media screen and (max-width: 1024px) {
    .mobile-filter .close-filter {    bottom: 80px;    height: 40px;    overflow: hidden;    border-radius: 0.25rem;    --tw-bg-opacity: 1;    background-color: rgb(236 32 39 / var(--tw-bg-opacity, 1));    font-weight: 500;    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;    left: 50%;    -webkit-transform: translateX(-50%);    transform: translateX(-50%);      width: 96%; } }
  .mobile-filter .close-filter span {    font-size: clamp(16px,calc(18/1920*100rem),18px);    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

.filter-toggle {    position: fixed;    top: 50%;    left: 5px;    z-index: 40;    height: 36px;    width: 36px;    overflow: hidden;    border-radius: 0.25rem;    --tw-bg-opacity: 1;    background-color: rgb(20 72 102 / var(--tw-bg-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 (min-width: 1024.1px) {
  .filter-toggle {    display: none; } }
  .filter-toggle em {    font-size: clamp(18px,calc(20/1920*100rem),20px);    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

.filter-box {    margin-top: calc(24/1920*100rem);    overflow: hidden;    border-radius: calc(24/1920*100rem); }

@media (min-width: 1200.1px) {
  .filter-box {    margin-top: calc(40/1920*100rem); } }
  .filter-box .title {    --tw-bg-opacity: 1;    background-color: rgb(0 72 146 / var(--tw-bg-opacity, 1));    padding-left: calc(20/1920*100rem);    padding-right: calc(20/1920*100rem);    padding-top: calc(12/1920*100rem);    padding-bottom: calc(12/1920*100rem); }
    .filter-box .title span {    font-size: clamp(18px,calc(20/1920*100rem),20px);    font-weight: 700;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
  .filter-box .wrap {    --tw-bg-opacity: 1;    background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));    padding: calc(20/1920*100rem); }
  .filter-box a {    position: relative;    font-size: clamp(16px,calc(18/1920*100rem),18px);    --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: 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; }
    .filter-box a:before {    margin-right: 10px;    display: block;    font-family: 'Font Awesome 6 Pro';    --tw-text-opacity: 1;    color: rgb(220 220 220 / var(--tw-text-opacity, 1));      content: '\f0c8';
      z-index: 9;
      height: 14px;
      width: 16px;
      -webkit-transition: .3s all ease-in-out;
      transition: .3s all ease-in-out; }
    .filter-box a.active {    font-weight: 700;    --tw-text-opacity: 1;    color: rgb(0 72 146 / var(--tw-text-opacity, 1)); }
      .filter-box a.active:before {
        content: '\f14a';
        font-weight: 900;
        --tw-text-opacity: 1;
        color: rgb(0 72 146 / var(--tw-text-opacity, 1)) }
    .filter-box a:not(:last-child) {    margin-bottom: calc(20/1920*100rem); }

.product-item {    --tw-bg-opacity: 1;    background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)); }
  .product-item .img {    --tw-bg-opacity: 1;    background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)); }
    .product-item .img img {    object-fit: contain; }
  .product-item:hover {    --tw-border-opacity: 1;    border-color: rgb(0 149 255 / var(--tw-border-opacity, 1)); }
  .product-item .desc {
    display: -webkit-box;
    font-size: clamp(13px, 0.72917rem, 14px);
    height: 3.0625rem;
    min-height: 54.6px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; }
  .product-item .btn {    --tw-bg-opacity: 1;    background-color: rgb(242 251 255 / var(--tw-bg-opacity, 1)); }
    @media screen and (max-width: 576px) {
      .product-item .btn {    padding-left: calc(12/1920*100rem);    padding-right: calc(12/1920*100rem); }
        .product-item .btn span {    font-size: clamp(12px,calc(14/1920*100rem),14px); }
        .product-item .btn .icon::before {    font-size: clamp(12px,calc(14/1920*100rem),14px); } }
  .product-item .txt {    height: 100%;    --tw-bg-opacity: 1;    background-color: rgb(242 251 255 / var(--tw-bg-opacity, 1)); }

.pricing-page {    padding-bottom: calc(72/1920*100rem); }
  .pricing-page .zone-nav-2 {    margin-bottom: 0 /* 0px */; }
    .pricing-page .zone-nav-2 a {    color: rgb(255 255 255 / var(--tw-text-opacity, 1));    --tw-text-opacity: 0.8; }
    .pricing-page .zone-nav-2 li {    position: relative; }
      .pricing-page .zone-nav-2 li:not(:last-child)::after {
        content: '';
        pointer-events: none;
        right: 0 /* 0px */;
        z-index: 10;
        display: block;
        height: 24px;
        width: 1px;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
        --tw-bg-opacity: 0.5;
        -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 }
      .pricing-page .zone-nav-2 li.active a, .pricing-page .zone-nav-2 li:hover a {    --tw-border-opacity: 1;    border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1));    --tw-text-opacity: 1; }
    @media screen and (max-width: 576px) {
      .pricing-page .zone-nav-2 {    overflow-x: auto; }
        .pricing-page .zone-nav-2 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; }
          .pricing-page .zone-nav-2 ul li:first-child {    padding-left: 0 /* 0px */; } }
  .pricing-page .table-wrap {    border-radius: calc(20/1920*100rem);    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(220 220 220 / var(--tw-border-opacity, 1)); }
  .pricing-page table {    width: 100%;    border-radius: calc(20/1920*100rem);    border-collapse: collapse;
    border-spacing: 0;
    border-style: hidden;
    padding: 2px; }
    .pricing-page table thead th {    height: 100%;    border-collapse: collapse;    white-space: nowrap;    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(0 88 187 / var(--tw-bg-opacity, 1));    padding: calc(16/1920*100rem);    text-align: center;    font-size: clamp(18px,calc(20/1920*100rem),20px);    font-weight: 700;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1));      min-height: 50px; }
      .pricing-page table thead th:first-child {
        min-width: 60px;
        width: 60px; }
      .pricing-page table thead th:nth-child(2) {    border-right-color: transparent;    text-align: left; }
  .pricing-page tbody tr:nth-child(even) td {    --tw-bg-opacity: 1;    background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1)); }
  .pricing-page tbody tr:hover .title {    --tw-text-opacity: 1;    color: rgb(0 72 146 / var(--tw-text-opacity, 1)); }
  .pricing-page tbody tr td {    border-collapse: collapse;    cursor: pointer;    border-width: 1px;    border-color: transparent;    --tw-border-opacity: 1;    border-color: rgb(220 220 220 / var(--tw-border-opacity, 1));    padding-left: calc(20/1920*100rem);    padding-right: calc(20/1920*100rem);    padding-top: calc(16/1920*100rem);    padding-bottom: calc(16/1920*100rem);    text-align: center;    font-size: clamp(18px,calc(20/1920*100rem),20px);    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;    -webkit-transition: .4s all ease-in-out;    transition: .4s all ease-in-out; }
    .pricing-page tbody tr td:first-child {
      min-width: 60px;
      width: 60px; }
    .pricing-page tbody tr td:nth-child(2) {    border-right-color: transparent;    text-align: left; }
    .pricing-page tbody tr td:nth-child(3) {    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)); }
    .pricing-page tbody tr td:nth-child(3), .pricing-page tbody tr td:nth-child(4) {
      width: 8.33333rem; }
  .pricing-page .btn em {    margin-left: calc(12/1920*100rem);    height: 24px;    width: 24px;    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/file-download.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
    .pricing-page .btn em:before {    opacity: 0; }
  .pricing-page .btn span {    white-space: nowrap; }

@media screen and (max-width: 576px) {
  .product-zone .img a {
    padding-top: 75%; } }

.product-zone .item {    position: relative;    overflow: hidden;    border-radius: calc(24/1920*100rem); }
  .product-zone .item:hover .txt-grid {
    grid-template-rows: 1fr; }
  .product-zone .item:hover .txt:before {    opacity: 0; }
  .product-zone .item:hover .txt:after {    opacity: 1; }
  @media screen and (max-width: 576px) {
    .product-zone .item .btn-wrap {    padding-top: calc(12/1920*100rem); } }

.product-zone .scrollbar-wrap {    pointer-events: auto;    padding-top: calc(8/1920*100rem);    padding-bottom: calc(16/1920*100rem); }
  @media screen and (max-width: 576px) {
    .product-zone .scrollbar-wrap {
      max-height: 7.29167rem; } }

.product-zone .txt {    pointer-events: none;    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;    -webkit-box-align: start;    -webkit-align-items: flex-start;    -ms-flex-align: start;    align-items: flex-start;    -webkit-box-pack: end;    -webkit-justify-content: flex-end;    -ms-flex-pack: end;    justify-content: flex-end; }
  .product-zone .txt::after {
    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: -webkit-linear-gradient(top, rgba(0, 72, 146, 0) 1.37%, rgba(0, 72, 146, 0.5) 53.88%, #004892 100%);    background: linear-gradient(180deg, rgba(0, 72, 146, 0) 1.37%, rgba(0, 72, 146, 0.5) 53.88%, #004892 100%);    opacity: 0 }

.product-zone .desc {    font-size: clamp(14px,calc(16/1920*100rem),16px); }
  .product-zone .desc * {    font-size: clamp(14px,calc(16/1920*100rem),16px); }
  .product-zone .desc ul, .product-zone .desc ol {    pointer-events: auto;    margin-top: calc(12/1920*100rem); }
    .product-zone .desc ul li, .product-zone .desc ol li {    pointer-events: auto;    font-size: clamp(14px,calc(16/1920*100rem),16px); }
      .product-zone .desc ul li *, .product-zone .desc ol li * {    font-size: clamp(14px,calc(16/1920*100rem),16px); }
      .product-zone .desc ul li::before, .product-zone .desc ol li::before {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
      .product-zone .desc ul li:hover a, .product-zone .desc ol li:hover a {    -webkit-text-decoration-line: underline;    text-decoration-line: underline; }
    .product-zone .desc ul a, .product-zone .desc ol a {    pointer-events: auto; }

.product-zone .btn {    background-color: transparent; }
  .product-zone .btn::after {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
  .product-zone .btn:hover span, .product-zone .btn:hover em, .product-zone .btn:hover .icon::before {    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); }

.product-zone .caption {    font-size: clamp(14px,calc(16/1920*100rem),16px);    font-weight: 700; }
  .product-zone .caption * {    font-size: clamp(14px,calc(16/1920*100rem),16px);    font-weight: 700; }

.txt-grid {
  display: grid;
  grid-template-rows: 0fr;
  -webkit-transition: .4s grid-template-rows ease;
  transition: .4s grid-template-rows ease; }
  .txt-grid > div {
    overflow: hidden; }

.ability-1 .img {    overflow: hidden;    border-radius: calc(24/1920*100rem); }

@media screen and (max-width: 1024px) {
  .ability-1 .row {    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; } }

.ability-1 address {    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;    border-top-width: 1px;    --tw-border-opacity: 1;    border-top-color: rgb(220 220 220 / var(--tw-border-opacity, 1));    padding-top: calc(12/1920*100rem);    padding-bottom: calc(12/1920*100rem);    font-style: normal; }
  .ability-1 address p {    margin-bottom: 0 /* 0px */; }
  .ability-1 address li {    margin-bottom: calc(12/1920*100rem);    font-size: clamp(16px,calc(18/1920*100rem),18px);    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; }
    .ability-1 address li:last-child {    margin-bottom: 0 /* 0px */; }
    .ability-1 address li * {    font-size: clamp(16px,calc(18/1920*100rem),18px); }
    .ability-1 address li span, .ability-1 address li a {    --tw-text-opacity: 0.8; }
    .ability-1 address li strong {    margin-bottom: calc(4/1920*100rem) !important;    display: block !important;    font-weight: 700 !important;    --tw-text-opacity: 1 !important; }
  .ability-1 address em, .ability-1 address i {    margin-right: calc(8/1920*100rem);    display: inline-block;    width: 20px;    font-size: clamp(18px,calc(20/1920*100rem),20px);    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); }
  .ability-1 address a {    display: inline-block; }
    .ability-1 address a:hover {    -webkit-text-decoration-line: underline;    text-decoration-line: underline; }

.ability-1 .chart-wrap {    margin-bottom: calc(12/1920*100rem);    display: grid;    grid-template-columns: repeat(2, minmax(0, 1fr));    gap: calc(16/1920*100rem); }

@media (min-width: 576.1px) {
  .ability-1 .chart-wrap {    gap: calc(32/1920*100rem); } }

.ability-1 .title {    margin-bottom: calc(12/1920*100rem);    font-size: clamp(16px,calc(18/1920*100rem),18px);    font-weight: 700; }

.ability-1 .counter {    margin-bottom: calc(8/1920*100rem);    font-size: clamp(40px,calc(48/1920*100rem),48px);    font-weight: 500;    line-height: 1;    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); }
  .ability-1 .counter * {
    font: inherit; }

.ability-2::before, .ability-2::after {
  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 }

.ability-2::before {
  background: #EAF0F8CC; }

.ability-2::after {
  content: '';
  opacity: 0.1;  background: url("../img/bg/ability-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.ability-2 .txt {    z-index: 30;    width: 100%;    padding-top: calc(16/1920*100rem);    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; }

.ability-2 .desc {    font-size: clamp(14px,calc(16/1920*100rem),16px); }
  .ability-2 .desc * {    font-size: clamp(14px,calc(16/1920*100rem),16px); }

.ability-2 .swiper-slide.swiper-slide-active .txt {    opacity: 1; }

:root {
  --swiper-image-ratio: 140%;
  --swiper-width: 20%;
  --scaling: .7; }

.large-center-swiper .img {    height: 100%;    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
  .large-center-swiper .img a {    position: relative;    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: 410px;
    width: auto; }
    .large-center-swiper .img a::after {
      content: '';
      pointer-events: none;
      position: absolute;
      left: 0 /* 0px */;
      bottom: 0 /* 0px */;
      z-index: 30;
      display: block;
      height: 100%;
      width: 100%;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
      --tw-bg-opacity: 0.8;
      -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 }
    .large-center-swiper .img a img {    position: relative;    z-index: 20;      width: auto;
      height: 100%;
      object-fit: cover; }

.large-center-swiper .swiper-slide {
  padding: 0 10px;
  -webkit-transition: .3s all  ease-in-out;
  transition: .3s all  ease-in-out; }
  @media screen and (min-width: 1024px) {
    .large-center-swiper .swiper-slide {    width: 33.333333%; } }
  @media screen and (min-width: 1600px) {
    .large-center-swiper .swiper-slide {
      width: var(--swiper-width); } }
  .large-center-swiper .swiper-slide .item {    height: 100%;    -webkit-transition: .3s all  ease-in-out;    transition: .3s all  ease-in-out;
    -webkit-transform: scale(0.95, 0.875) translateZ(0);
            transform: scale(0.95, 0.875) translateZ(0); }
    .large-center-swiper .swiper-slide .item .wrap {
      -webkit-transition: .3s all  ease-in-out;
      transition: .3s all  ease-in-out;
      height: auto }
      .large-center-swiper .swiper-slide .item .wrap .box {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        text-align: center;
        height: auto;
        overflow: visible }
        .large-center-swiper .swiper-slide .item .wrap .box img {
          -webkit-transform: scale(1, 1);
                  transform: scale(1, 1); }
  .large-center-swiper .swiper-slide.swiper-slide-active .txt {    opacity: 1; }
  .large-center-swiper .swiper-slide.swiper-slide-active .item {
    -webkit-transform: scale(1, 1) translateZ(0) !important;
            transform: scale(1, 1) translateZ(0) !important; }
    .large-center-swiper .swiper-slide.swiper-slide-active .item .wrap {
      -webkit-transform: scale(1) !important;
              transform: scale(1) !important; }
      .large-center-swiper .swiper-slide.swiper-slide-active .item .wrap img {
        -webkit-transform: scale(1) !important;
                transform: scale(1) !important; }
  .large-center-swiper .swiper-slide.swiper-slide-active .img a {
    border: 15px solid transparent;
    -webkit-border-image: -webkit-linear-gradient(296.58deg, #DCDCDC 0%, #F7F7F7 16.4%, #FCFCFC 49.05%, #F3F3F3 83.77%, #DCDCDC 100%) 1;
            border-image: linear-gradient(153.42deg, #DCDCDC 0%, #F7F7F7 16.4%, #FCFCFC 49.05%, #F3F3F3 83.77%, #DCDCDC 100%) 1; }
    @media screen and (max-width: 1024px) {
      .large-center-swiper .swiper-slide.swiper-slide-active .img a {
        border: 10px solid transparent; } }
    .large-center-swiper .swiper-slide.swiper-slide-active .img a::after {    opacity: 0; }

.ability-3 .desc {    --tw-text-opacity: 1 !important;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; }
  .ability-3 .desc * {    --tw-text-opacity: 1 !important;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; }

.ability-3 .item {    overflow: hidden;    border-radius: calc(24/1920*100rem); }

.ability-3 .img {    overflow: hidden;    border-radius: calc(24/1920*100rem); }

.ability-3 .single-swiper {
  margin: 0 !important;
  padding: 0 !important; }
  .ability-3 .single-swiper .swiper {
    margin: 0 !important;
    padding: 0 !important; }

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

.ability-3 .txt {    height: -webkit-fit-content;    height: -moz-fit-content;    height: fit-content;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    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;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); }

@media (min-width: 1200.1px) {
  .ability-3 .txt {
    padding-top: 7.8125rem;
    padding-bottom: 3.85417rem; } }

.ability-3 .swiper-pagination {    position: absolute;    left: 0 /* 0px */;    width: -webkit-fit-content;    width: -moz-fit-content;    width: fit-content;    padding-left: calc(40/1920*100rem);    padding-right: calc(40/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;  bottom: 40px !important; }

@media (min-width: 1200.1px) {
  .ability-3 .swiper-pagination {    padding-left: calc(72/1920*100rem);    padding-right: calc(72/1920*100rem); } }

.ability-4 .img {    overflow: hidden;    border-radius: calc(24/1920*100rem); }

.ability-4 .btn .icon:before {
  content: '\e094'; }

.contact-us {
  background: -webkit-linear-gradient(top, #EAF0F8 0%, rgba(234, 240, 248, 0) 100%);
  background: linear-gradient(180deg, #EAF0F8 0%, rgba(234, 240, 248, 0) 100%); }
  .contact-us address {    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 */;    width: 100%; }
    .contact-us address li {    margin-bottom: calc(16/1920*100rem);    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-align: start;    -webkit-align-items: flex-start;    -ms-flex-align: start;    align-items: flex-start;    font-size: clamp(16px,calc(18/1920*100rem),18px);    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1));    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: 1200.1px) {
  .contact-us address li {    margin-bottom: calc(28/1920*100rem); } }
      .contact-us address li:last-child {    margin-bottom: 0 /* 0px */; }
      .contact-us address li * {    font-size: clamp(16px,calc(18/1920*100rem),18px);    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
      .contact-us address li span, .contact-us address li a {    --tw-text-opacity: 0.8; }
      .contact-us address li strong {    margin-bottom: calc(4/1920*100rem) !important;    display: block !important;    font-weight: 700 !important;    --tw-text-opacity: 1 !important; }
    .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 a {    display: inline-block; }
      .contact-us address a:hover {    -webkit-text-decoration-line: underline;    text-decoration-line: underline; }
    .contact-us address ul {    width: 100%; }
      .contact-us address ul ol, .contact-us address ul ul {    width: 100%; }
        .contact-us address ul ol li, .contact-us address ul ul li {    position: relative;    margin-bottom: 0 /* 0px */;    padding-left: calc(16/1920*100rem);    text-align: left;    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 ul ol li:not(:last-child), .contact-us address ul ul li:not(:last-child) {    margin-bottom: calc(4/1920*100rem); }
          .contact-us address ul ol li::before, .contact-us address ul ul li::before {
            content: '';
            pointer-events: none;
            position: absolute;
            left: 0 /* 0px */;
            top: 6px;
            z-index: 10;
            display: inline-block;
            height: 5px;
            width: 5px;
            min-width: 5px;
            border-radius: 9999px;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
            --tw-bg-opacity: 0.8;
            -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 }
  .contact-us .title-gradient {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(top, rgba(0, 91, 170, 0.15) -57.61%, rgba(0, 91, 170, 0.1) 34.03%, rgba(0, 91, 170, 0) 123.21%);
    background-image: linear-gradient(180deg, rgba(0, 91, 170, 0.15) -57.61%, rgba(0, 91, 170, 0.1) 34.03%, rgba(0, 91, 170, 0) 123.21%);
    width: 100vw;
    white-space: nowrap;
    font-family: 'SVN-Gilroy';
    font-size: clamp(48px,calc(56/1920*100rem),56px);
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1 }

@media (min-width: 1200.1px) {
  .contact-us .title-gradient {
    padding-top: 2.08333rem;
    font-size: 7.8125rem;
    line-height: .8 } }
  .contact-us .block-title {    line-height: 1.2; }

@media (min-width: 1024.1px) {
  .contact-us .bg-wrap {
    margin-top: -3.125rem; } }
  @media screen and (max-width: 1550px) {
    .contact-us .title {    font-size: clamp(18px,calc(20/1920*100rem),20px); } }
  @media screen and (max-width: 1400px) {
    .contact-us .title {    font-size: clamp(16px,calc(18/1920*100rem),18px); } }
  .contact-us .title .Module {    padding: 0 /* 0px */;    opacity: 1; }
  .contact-us .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: 2.70833rem;
    width: auto; }
    .contact-us .logo a img, .contact-us .logo a svg {
      width: auto;
      height: 100%;
      object-fit: contain; }
  .contact-us .frm-captcha {
    width: 100% !important;
    -webkit-column-gap: 60px !important;
       -moz-column-gap: 60px !important;
            column-gap: 60px !important; }
    .contact-us .frm-captcha .frm-captcha-input {
      width: 100% !important; }
      .contact-us .frm-captcha .frm-captcha-input input {
        max-width: 100% !important;
        margin: 0 !important; }
  .contact-us .RadCaptcha {
    width: auto !important; }

.contact-map .row {    margin: 0 /* 0px */;    padding: 0 /* 0px */; }
  .contact-map .row .col {    margin: 0 /* 0px */;    padding: 0 /* 0px */; }

.contact-map .bg-wrap {    overflow: hidden;    border-radius: calc(24/1920*100rem); }

.contact-map .scrollbar-wrap {    padding-right: 0 /* 0px */;  max-height: 44.27083rem; }
  @media screen and (max-width: 1024px) {
    .contact-map .scrollbar-wrap {
      height: 400px; } }
  @media screen and (max-width: 576px) {
    .contact-map .scrollbar-wrap {
      height: 300px; } }

.contact-map .map-wrap {    height: 100%; }
  .contact-map .map-wrap a {
    display: block;
    height: 46.66667rem;
    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%; }

.contact-map address {    font-style: normal; }
  .contact-map address li {    font-size: clamp(16px,calc(18/1920*100rem),18px);    font-weight: 400;    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-map address li:not(:last-child) {    margin-bottom: calc(12/1920*100rem); }
    .contact-map address li * {    font-size: clamp(16px,calc(18/1920*100rem),18px);    font-weight: 400; }
    .contact-map address li p {    margin-bottom: 0 /* 0px */; }
    .contact-map address li a {    display: block;      word-break: break-all; }
      .contact-map address li a:hover {    -webkit-text-decoration-line: underline;    text-decoration-line: underline; }
    .contact-map address li em, .contact-map address li i {    margin-right: calc(12/1920*100rem);    display: inline-block;    width: 20px;    font-size: clamp(18px,calc(20/1920*100rem),20px);    font-weight: 300;    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); }

.contact-map .item {    overflow: hidden;    border-radius: calc(24/1920*100rem);    border-width: 1px;    border-color: transparent;    --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;  -webkit-box-align: start !important;  -webkit-align-items: flex-start !important;  -ms-flex-align: start !important;  align-items: flex-start !important; }

@media (min-width: 576.1px) {
  .contact-map .item {    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; } }
  .contact-map .item.active {    --tw-border-opacity: 1;    border-color: rgb(0 88 187 / var(--tw-border-opacity, 1)); }
    .contact-map .item.active .sub-title {    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); }

@media (min-width: 576.1px) {
  .contact-map .item .img {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; } }
  .contact-map .item .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; }
    .contact-map .item .img a img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

@media (min-width: 576.1px) {
  .contact-map .item .img {
    width: 10.52083rem;
    min-width: 10.52083rem;
    max-width: 10.52083rem;
    height: 10rem; } }
  .contact-map .item .txt {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }

@media (max-width: 1024px) {
  .contact-map .item .txt {    padding-top: calc(20/1920*100rem);    padding-left: calc(20/1920*100rem); } }

@media (min-width: 1024.1px) {
  .contact-map .item .txt {    padding-left: calc(28/1920*100rem); } }

.about-history .history-thumb {    position: relative; }
  .about-history .history-thumb .swiper {    z-index: 40; }
  .about-history .history-thumb::after {
    content: '';
    pointer-events: none;
    bottom: 11px;
    z-index: 10;
    display: block;
    height: 2px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(239 239 239 / 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 }
  .about-history .history-thumb .dot {    bottom: 0 /* 0px */;    z-index: 30;    height: 23px;    width: 23px;    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;    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;    left: 50%;    -webkit-transform: translateX(-50%);    transform: translateX(-50%);    -webkit-transition: .4s all ease-in-out;    transition: .4s all ease-in-out; }
    .about-history .history-thumb .dot::after {
      content: '';
      pointer-events: none;
      z-index: 10;
      display: block;
      height: 12px;
      width: 12px;
      border-radius: 9999px;
      --tw-bg-opacity: 1;
      background-color: rgb(189 189 189 / 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 }
  .about-history .history-thumb .year {    height: 30px; }
  .about-history .history-thumb .swiper-slide-thumb-active .dot {
    background: url("../img/icon/radio-2.png");
    background-repeat: no-repeat !important;
    background-size: 22px 22px !important;
    background-position: center; }
    .about-history .history-thumb .swiper-slide-thumb-active .dot::after {    opacity: 0; }
  .about-history .history-thumb .swiper-slide-thumb-active .year {    font-size: clamp(20px,calc(24/1920*100rem),24px);    font-weight: 700;    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); }
  .about-history .history-thumb .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;    -webkit-box-pack: justify;    -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between; }

.about-history .history-main {    position: relative; }
  .about-history .history-main .item {    height: 100%;    overflow: hidden;    border-radius: calc(24/1920*100rem); }
  .about-history .history-main .img {    overflow: hidden;    border-radius: calc(24/1920*100rem); }
  .about-history .history-main .desc {    width: 100%;    border-top-width: 1px;    border-bottom-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(0 88 187 / var(--tw-border-opacity, 1));    padding-top: calc(16/1920*100rem);    padding-bottom: calc(16/1920*100rem);    max-height: 9.375rem; }
  .about-history .history-main .swiper {    margin-left: calc(calc(12/1920*100rem) * -1);    margin-right: calc(calc(12/1920*100rem) * -1);    padding-left: calc(12/1920*100rem);    padding-right: calc(12/1920*100rem); }

@media (min-width: 1200.1px) {
  .about-2 .container-fluid {
    padding: 0 100px; } }

.about-2 .item {
  background: var(--color-code);
  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;
  overflow: hidden;
  border-radius: calc(24/1920*100rem) }
  .about-2 .item .img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100% }
  .about-2 .item .txt {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1  auto;
        -ms-flex: 0 1  auto;
            flex: 0 1  auto;
    height: 100% }

.about-2 .desc ul li, .about-2 .desc ol li {    margin-bottom: calc(8/1920*100rem);    line-height: 1.25; }
  .about-2 .desc ul li::before, .about-2 .desc ol li::before {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }

.about-3 .img-ratio img {    object-fit: contain; }

.about-4 {    --tw-bg-opacity: 1;    background-color: rgb(0 88 187 / var(--tw-bg-opacity, 1)); }

@media (min-width: 1024.1px) {
  .about-4 .block-wrap {    padding-left: calc(24/1920*100rem); } }
  .about-4 .block-title {    border-bottom-width: 1px;    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));    --tw-border-opacity: 0.3;    padding-bottom: calc(16/1920*100rem); }

@media (min-width: 1200.1px) {
  .about-4 .block-title {    margin-bottom: calc(60/1920*100rem); } }
  .about-4 .tab-nav li {    margin-bottom: calc(16/1920*100rem); }

@media (min-width: 1200.1px) {
  .about-4 .tab-nav li {    margin-bottom: calc(24/1920*100rem); } }
    .about-4 .tab-nav li:hover a, .about-4 .tab-nav li.active a {    --tw-text-opacity: 1; }
      .about-4 .tab-nav li:hover a::after, .about-4 .tab-nav li.active a::after {    opacity: 1; }
  .about-4 .tab-nav a {    width: 100%;    font-size: clamp(18px,calc(20/1920*100rem),20px);    font-weight: 700;    color: rgb(255 255 255 / var(--tw-text-opacity, 1));    --tw-text-opacity: 0.5;    -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; }
    .about-4 .tab-nav a::after {
      content: '\f178';
      pointer-events: none;
      z-index: 10;
      margin-left: calc(48/1920*100rem);
      display: block;
      height: 100%;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      font-family: 'Font Awesome 6 Pro';
      font-size: clamp(18px,calc(20/1920*100rem),20px);
      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;
      -webkit-transition: .4s all ease-in-out;
      transition: .4s all ease-in-out }
  .about-4 .desc ul li::before {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
  .about-4 .img {    overflow: hidden;    border-radius: calc(24/1920*100rem); }

.about-5 .swiper {    margin: calc(calc(4/1920*100rem) * -1);    padding: calc(4/1920*100rem); }

.about-5 .icon {    margin-left: auto;    margin-right: auto;    padding: calc(32/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;  height: 7.29167rem;
  width: 7.29167rem;
  min-width: 7.29167rem; }
  @media screen and (max-width: 360px) {
    .about-5 .icon {
      height: 6.25rem;
      width: 6.25rem;
      min-width: 6.25rem; } }
  .about-5 .icon img {
    width: auto;
    height: 100%;
    object-fit: contain; }

@media (max-width: 1024px) {
  .about-6 {    padding-bottom: 40px; } }

.about-6 .swiper-nav {
  margin-top: 20px !important; }

@media (min-width: 1024.1px) {
  .about-6 .swiper-nav {    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;    margin-top: 32px !important; } }

@media screen and (max-width: 1024px) {
  .about-6 .swiper-nav.normal .prev {    margin-right: calc(12/1920*100rem) !important; } }

.about-6 .img {    overflow: hidden;    border-radius: calc(24/1920*100rem); }
  .about-6 .img::after {
    content: '\f04b';
    pointer-events: none;
    left: 0 /* 0px */;
    bottom: 0 /* 0px */;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 88 187 / var(--tw-bg-opacity, 1));
    font-family: 'Font Awesome 6 Pro';
    font-size: clamp(40px,calc(48/1920*100rem),48px);
    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;
    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: 100px;
    height: 100px; }
    @media screen and (max-width: 1200px) {
      .about-6 .img::after {    font-size: clamp(26px,calc(32/1920*100rem),32px);        width: 64px;
        height: 64px; } }

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

.about-6 .txt-wrap {    margin-top: auto;    margin-bottom: auto; }

.sticky-nav {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));  z-index: 9995 !important; }

.about-page .zone-nav li {
  padding: 0 20px !important; }
  .about-page .zone-nav li:first-child {
    padding-left: 0 !important; }
  .about-page .zone-nav li:last-child {
    padding-right: 0 !important; }
  .about-page .zone-nav li::after {    display: none; }

.about-page .zone-nav .container::-webkit-scrollbar {
  background: #D5E0EC;
  height: 5px !important;
  border-radius: 5px; }

.about-page .zone-nav .container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px #D5E0EC;
  background-color: #D5E0EC;
  border-radius: 2px; }

.about-page .zone-nav .container::-webkit-scrollbar-thumb {
  background-color: #005BAA; }

@-moz-document url-prefix() {
  .about-page .zone-nav .container {
    scrollbar-width: thin;
    scrollbar-color: #005BAA #D5E0EC; } }

.about-1 {    --tw-bg-opacity: 1;    background-color: rgb(0 88 187 / var(--tw-bg-opacity, 1)); }
  .about-1 .img {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    height: 100%;    -webkit-box-align: end;    -webkit-align-items: flex-end;    -ms-flex-align: end;    align-items: flex-end; }

@media (min-width: 1200.1px) {
  .about-1 .img {    padding-left: calc(40/1920*100rem); } }

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

@media (min-width: 1024.1px) {
  .about-1 .img a {    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;    height: 21.875rem;
    width: auto;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
    .about-1 .img a img {
      width: auto;
      height: auto;
      object-fit: contain; } }
  .about-1 .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: 64px;
    width: 64px;
    min-width: 64px; }

@media (min-width: 576.1px) {
  .about-1 .icon {    margin-right: calc(20/1920*100rem); } }
    .about-1 .icon img {
      width: auto;
      height: 100%;
      object-fit: contain; }
  .about-1 .counter {    overflow-wrap: break-word;    font-size: clamp(34px,calc(40/1920*100rem),40px);    font-weight: 700;    line-height: 1;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

@media (min-width: 576.1px) {
  .about-1 .counter {    font-size: clamp(48px,calc(56/1920*100rem),56px); } }

@media (min-width: 1200.1px) {
  .about-1 .counter {
    font-size: 4.375rem; } }
  .about-1 .item {    -webkit-box-align: start;    -webkit-align-items: flex-start;    -ms-flex-align: start;    align-items: flex-start; }

@media (min-width: 768.1px) {
  .about-1 .item:first-child {    padding-left: calc(20/1920*100rem); } }
    .about-1 .item:last-child {    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center; }
    @media screen and (max-width: 576px) {
      .about-1 .item {    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; }
        .about-1 .item .txt {    padding-left: 0 /* 0px */;    padding-right: 0 /* 0px */;    padding-top: calc(20/1920*100rem);    text-align: center; } }
  .about-1 .chart-wrap {
    border-top: 4px solid #0095FF; }
    @media screen and (max-width: 1024px) {
      .about-1 .chart-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: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;        -webkit-flex-wrap: wrap;        -ms-flex-wrap: wrap;        flex-wrap: wrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start; }
        .about-1 .chart-wrap .item {    width: 45%; } }

.dealer-network .list_system {
  max-height: 710px;
  padding-right: 15px;
  overflow-y: auto; }

.dealer-network .list_system::-webkit-scrollbar {
  background: #fff;
  width: 8px !important;
  border-radius: 8px; }

.dealer-network .list_system::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 8px #fff;
  background-color: #fff;
  border-radius: 8px; }

.dealer-network .list_system::-webkit-scrollbar-thumb {
  background-color: #B0B5BE;
  border-radius: 30px !important; }
  @media screen and (max-width: 1024px) {
    .dealer-network .list_system::-webkit-scrollbar-thumb {
      height: auto; } }

@-moz-document url-prefix() {
  .dealer-network .list_system {
    scrollbar-width: thin;
    scrollbar-color: #B0B5BE #fff; } }

.dealer-network .bg-wrap {    overflow: hidden;    border-radius: 0px;    border-top-left-radius: calc(24/1920*100rem);    border-top-right-radius: calc(24/1920*100rem); }

@media (min-width: 1024.1px) {
  .dealer-network .frm-btnwrap {
    margin-top: 0 !important; } }

@media (max-width: 1024px) {
  .dealer-network .frm-btnwrap {    width: 100%; }
  .dealer-network .frm-btnwrap .frm-btn {    width: 100%; } }

.dealer-network .frm-btnwrap .frm-btn input[type='submit'] {    width: 180px;    --tw-border-opacity: 1;    border-color: rgb(0 149 255 / var(--tw-border-opacity, 1));    --tw-bg-opacity: 1;    background-color: rgb(0 149 255 / var(--tw-bg-opacity, 1));    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1));  padding-left: 1.45833rem !important; }

@media (max-width: 1024px) {
  .dealer-network .frm-btnwrap .frm-btn input[type='submit'] {    width: 100%; } }

.dealer-network .frm-btnwrap .frm-btn::after {    right: 40px;    font-size: clamp(16px,calc(18/1920*100rem),18px);    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

.dealer-network .frm-btnwrap .frm-btn:hover input[type='submit'] {    --tw-border-opacity: 1;    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    --tw-text-opacity: 1;    color: rgb(0 149 255 / var(--tw-text-opacity, 1)); }

.dealer-network .frm-btnwrap .frm-btn:hover::after {    --tw-text-opacity: 1;    color: rgb(0 149 255 / var(--tw-text-opacity, 1)); }

.dealer-network .block-wrap {    overflow: hidden;    border-bottom-right-radius: calc(24/1920*100rem);    border-bottom-left-radius: calc(24/1920*100rem);    border-top-left-radius: 0;    border-top-right-radius: 0; }
  .dealer-network .block-wrap .row {    margin: 0 /* 0px */;    padding: 0 /* 0px */; }
    .dealer-network .block-wrap .row .col {    margin: 0 /* 0px */;    padding: 0 /* 0px */; }

.dealer-network .dealer-list {    padding-left: calc(24/1920*100rem);    padding-right: calc(24/1920*100rem);    padding-top: calc(16/1920*100rem);    padding-bottom: calc(16/1920*100rem); }

.dealer-network .scrollbar-wrap {    padding: calc(24/1920*100rem);    padding-top: calc(16/1920*100rem);    padding-bottom: calc(16/1920*100rem);  max-height: 23.4375rem; }

@media (min-width: 1024.1px) {
  .dealer-network .scrollbar-wrap {
    max-height: 36.45833rem; } }

.dealer-network .clinic_list.active .item {    --tw-border-opacity: 1;    border-color: rgb(0 88 187 / var(--tw-border-opacity, 1)); }

.dealer-network .dealer-item {
  box-shadow: 4px 4px 20px 0px #00000014;
  border-width: 1px;
  border-color: transparent;
  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; }
  .dealer-network .dealer-item:hover {    --tw-border-opacity: 1;    border-color: rgb(0 88 187 / var(--tw-border-opacity, 1)); }
  .dealer-network .dealer-item .headline {    text-transform: uppercase; }
  .dealer-network .dealer-item ul li:first-child {    text-transform: uppercase; }

.dealer-network .icon {    margin-right: calc(12/1920*100rem);    overflow: hidden;    border-radius: 0.25rem;    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(245 245 245 / var(--tw-border-opacity, 1));    padding: 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;  height: 3.75rem;
  width: 3.75rem;
  min-width: 3.75rem; }
  .dealer-network .icon img {
    width: auto;
    height: 100%;
    object-fit: contain; }

.dealer-network address {    font-style: normal; }
  .dealer-network address p {    margin-bottom: 0 /* 0px */; }
  .dealer-network address li {    font-size: clamp(14px,calc(16/1920*100rem),16px);    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; }
    .dealer-network address li:not(:last-child) {    margin-bottom: calc(12/1920*100rem); }
    .dealer-network address li * {    font-size: clamp(14px,calc(16/1920*100rem),16px); }
  .dealer-network address em, .dealer-network address i {    margin-right: calc(8/1920*100rem);    margin-top: 2px;    display: inline-block;    width: 20px;    min-width: 20px;    font-size: clamp(16px,calc(18/1920*100rem),18px);    font-weight: 300;    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); }

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

.dealer-network .filter-item input {    height: 48px !important;    width: 100% !important;    border-radius: 9999px !important;    border-width: 1px !important;    --tw-border-opacity: 1 !important;    border-color: rgb(178 224 243 / var(--tw-border-opacity, 1)) !important;    --tw-bg-opacity: 1 !important;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;    padding-left: calc(24/1920*100rem) !important;    padding-right: calc(24/1920*100rem) !important;    font-size: clamp(16px,calc(18/1920*100rem),18px) !important;    --tw-text-opacity: 1 !important;    color: rgb(41 41 41 / var(--tw-text-opacity, 1)) !important; }
  .dealer-network .filter-item input::-webkit-input-placeholder {    --tw-text-opacity: 1;    color: rgb(41 41 41 / var(--tw-text-opacity, 1)); }
  .dealer-network .filter-item input::-moz-placeholder {    --tw-text-opacity: 1;    color: rgb(41 41 41 / var(--tw-text-opacity, 1)); }
  .dealer-network .filter-item input:-ms-input-placeholder {    --tw-text-opacity: 1;    color: rgb(41 41 41 / var(--tw-text-opacity, 1)); }
  .dealer-network .filter-item input::-ms-input-placeholder {    --tw-text-opacity: 1;    color: rgb(41 41 41 / var(--tw-text-opacity, 1)); }
  .dealer-network .filter-item input::placeholder {    --tw-text-opacity: 1;    color: rgb(41 41 41 / var(--tw-text-opacity, 1)); }

@media (min-width: 1024.1px) {
  .filter-wrap {    gap: calc(16/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; } }

@media screen and (max-width: 1024px) {
  .filter-wrap {    gap: calc(20/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; } }

.filter-item {    width: 100%;    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; }
  .filter-item select, .filter-item input[type='text'] {    height: 48px;    width: 100%;    border-radius: 9999px;    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(178 224 243 / var(--tw-border-opacity, 1));    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    padding-left: calc(24/1920*100rem);    padding-right: calc(24/1920*100rem);    font-size: clamp(16px,calc(18/1920*100rem),18px);    --tw-text-opacity: 1;    color: rgb(41 41 41 / var(--tw-text-opacity, 1)); }
    .filter-item select *, .filter-item input[type='text'] * {    font-size: clamp(16px,calc(18/1920*100rem),18px);    --tw-text-opacity: 1;    color: rgb(41 41 41 / var(--tw-text-opacity, 1)); }
  .filter-item .custom-select::after {
    content: '\f078';
    font-family: 'Font Awesome 6 Pro';
    pointer-events: none;
    right: 20px;
    z-index: 10;
    font-size: clamp(14px,calc(16/1920*100rem),16px);
    font-weight: 300;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(41 41 41 / 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;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    height: 8px;
    width: 16px; }

@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .dealer-block .filter-item select, .dealer-block .filter-item input[type='text'] {    font-size: clamp(12px,calc(14/1920*100rem),14px); } }

.dealer-block .filter-wrap {    margin-bottom: calc(40/1920*100rem); }

.dealer-block .frm-btnwrap {    margin-top: 0 /* 0px */; }
  .dealer-block .frm-btnwrap .frm-btn input[type='submit'] {    --tw-border-opacity: 1;    border-color: rgb(0 149 255 / var(--tw-border-opacity, 1));    --tw-bg-opacity: 1;    background-color: rgb(0 149 255 / var(--tw-bg-opacity, 1)); }
  .dealer-block .frm-btnwrap .frm-btn:hover::after {    --tw-text-opacity: 1;    color: rgb(0 149 255 / var(--tw-text-opacity, 1)); }
  .dealer-block .frm-btnwrap .frm-btn:hover input[type='submit'] {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    --tw-text-opacity: 1;    color: rgb(0 149 255 / var(--tw-text-opacity, 1)); }

.dealer-block .filter-item input[type='text'] {    height: 48px;    border-radius: 24px;    --tw-border-opacity: 1;    border-color: rgb(234 240 248 / var(--tw-border-opacity, 1));    --tw-bg-opacity: 1;    background-color: rgb(234 240 248 / var(--tw-bg-opacity, 1));    padding-left: calc(20/1920*100rem);    padding-right: calc(20/1920*100rem); }

.dealer-block .filter-item select {    --tw-border-opacity: 1;    border-color: rgb(234 240 248 / var(--tw-border-opacity, 1));    --tw-bg-opacity: 1;    background-color: rgb(234 240 248 / var(--tw-bg-opacity, 1)); }

.dealer-block .table-res table {    overflow: hidden;    border-radius: calc(16/1920*100rem); }

.dealer-block .table-res thead th {    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));    --tw-bg-opacity: 1;    background-color: rgb(0 88 187 / var(--tw-bg-opacity, 1));    padding-left: calc(12/1920*100rem);    padding-right: calc(12/1920*100rem);    padding-top: calc(16/1920*100rem);    padding-bottom: calc(16/1920*100rem);    font-size: clamp(14px,calc(16/1920*100rem),16px);    font-weight: 700;    text-transform: uppercase;    line-height: 1;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
  .dealer-block .table-res thead th * {
    font: inherit; }
  .dealer-block .table-res thead th:first-child {    padding-left: calc(16/1920*100rem);    padding-right: calc(16/1920*100rem); }

.dealer-block .table-res tbody td {    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));    --tw-bg-opacity: 1;    background-color: rgb(234 240 248 / var(--tw-bg-opacity, 1));    padding: calc(12/1920*100rem);    font-size: clamp(14px,calc(16/1920*100rem),16px); }
  .dealer-block .table-res tbody td * {
    font: inherit; }
  .dealer-block .table-res tbody td:first-child {    text-align: center; }
  .dealer-block .table-res tbody td:nth-child(2), .dealer-block .table-res tbody td:nth-child(6), .dealer-block .table-res tbody td:nth-child(7) {
    width: 15%; }
  .dealer-block .table-res tbody td:nth-child(3) {
    width: 17%; }
  .dealer-block .table-res tbody td:nth-child(4) {
    width: 22%; }
  .dealer-block .table-res tbody td:nth-child(5) {
    width: 10%; }

@media screen and (max-width: 768px) {
  .dealer-block .modulepager {    overflow-x: auto;    -webkit-box-pack: start;    -webkit-justify-content: flex-start;    -ms-flex-pack: start;    justify-content: flex-start; }
    .dealer-block .modulepager 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; }
      .dealer-block .modulepager ul li:first-child {    padding-left: 0 /* 0px */; }
    .dealer-block .modulepager .pagination {    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; } }

.dealer-block .custom-select select {    font-size: clamp(14px,calc(16/1920*100rem),16px); }
  .dealer-block .custom-select select option {    font-size: clamp(14px,calc(16/1920*100rem),16px); }

.invoice-section-iframe .iframe-wrap, .invoice-section-iframe .ModuleContent {
  display: block;
  height: 39.58333rem;
  overflow: hidden;  text-align: center;
  width: 100%; }
  @media screen and (max-width: 1024px) {
    .invoice-section-iframe .iframe-wrap, .invoice-section-iframe .ModuleContent {
      height: 400px; } }
  @media screen and (max-width: 576px) {
    .invoice-section-iframe .iframe-wrap, .invoice-section-iframe .ModuleContent {
      height: 1200px; } }
  .invoice-section-iframe .iframe-wrap iframe, .invoice-section-iframe .iframe-wrap img, .invoice-section-iframe .ModuleContent iframe, .invoice-section-iframe .ModuleContent img {    display: inline-block;    height: 100%;    width: 100%; }
  .invoice-section-iframe .iframe-wrap img, .invoice-section-iframe .ModuleContent img {    display: none; }

.user-policy .side-nav {    overflow: hidden;    border-radius: calc(16/1920*100rem);    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
  .user-policy .side-nav li.active a, .user-policy .side-nav li:hover a {    --tw-text-opacity: 1;    color: rgb(236 32 39 / var(--tw-text-opacity, 1)); }
  .user-policy .side-nav li:not(:last-child) {    border-bottom-width: 1px;    --tw-border-opacity: 1;    border-bottom-color: rgb(239 239 239 / var(--tw-border-opacity, 1)); }
  .user-policy .side-nav a {    padding-top: calc(12/1920*100rem);    padding-bottom: calc(12/1920*100rem);    padding-left: calc(20/1920*100rem);    padding-right: calc(20/1920*100rem);    font-weight: 700;    text-transform: capitalize;    -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; }

.faq-page main {
  overflow: visible !important; }

.support-list .block-wrap {    position: -webkit-sticky;    position: sticky;    top: 100px;    right: 0 /* 0px */;    z-index: 100; }

.support-list .block-wrap::after {
  content: '';
  pointer-events: none;
  position: absolute;
  right: 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;  width: 10.9375rem;
  height: 9.375rem;
  background: url("../img/bg/support-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.support-list .wrap-form {    position: relative;    z-index: 40; }

.support-list .frm-captcha {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical  !important;
  -webkit-box-direction: normal  !important;
  -webkit-flex-direction: column  !important;
      -ms-flex-direction: column  !important;
          flex-direction: column  !important;
  width: 100% !important;
  margin-top: 24px !important; }
  .support-list .frm-captcha .frm-captcha-input input {
    height: 2.5rem;
    min-height: 40px;
    margin: 0 !important;
    padding-left: calc(20/1920*100rem);
    padding-right: calc(20/1920*100rem) }
  .support-list .frm-captcha .rcRefreshImage:before {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

.support-list .frm-btnwrap .frm-btn input[type='submit'] {    --tw-border-opacity: 1;    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    --tw-text-opacity: 1;    color: rgb(0 72 146 / var(--tw-text-opacity, 1)); }

.support-list .frm-btnwrap .frm-btn::after {
  content: '\f061';
  font-size: clamp(16px,calc(18/1920*100rem),18px);
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(0 72 146 / var(--tw-text-opacity, 1)) }

.support-list .frm-btnwrap .frm-btn:hover input[type='submit'] {    --tw-border-opacity: 1;    border-color: rgb(0 72 146 / var(--tw-border-opacity, 1));    --tw-bg-opacity: 1;    background-color: rgb(0 72 146 / var(--tw-bg-opacity, 1));    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

.support-list .frm-btnwrap .frm-btn:hover::after {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

.toggle-item {    margin-bottom: calc(24/1920*100rem);    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    overflow: hidden;    border-radius: calc(16/1920*100rem);    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));    padding: calc(24/1920*100rem);    -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; }
  .toggle-item.is-toggle {    --tw-border-opacity: 1;    border-color: rgb(0 88 187 / var(--tw-border-opacity, 1)); }
    .toggle-item.is-toggle .title {    margin-bottom: calc(16/1920*100rem);    --tw-border-opacity: 1;    border-bottom-color: rgb(0 88 187 / var(--tw-border-opacity, 1));    padding-bottom: calc(12/1920*100rem);    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); }
      .toggle-item.is-toggle .title * {    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1)); }
      .toggle-item.is-toggle .title span {
        -webkit-line-clamp: unset;
        font-weight: 700 }
    .toggle-item.is-toggle .article {    display: block; }
    .toggle-item.is-toggle .icon::after {    --tw-text-opacity: 1;    color: rgb(0 88 187 / var(--tw-text-opacity, 1));      -webkit-transform: rotateX(-180deg);      transform: rotateX(-180deg); }
  .toggle-item .title {    border-bottom-width: 1px;    border-bottom-color: transparent;    font-size: clamp(18px,calc(20/1920*100rem),20px);    font-weight: 400;    -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: 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;    -webkit-transition: .4s all ease-in-out;    transition: .4s all ease-in-out; }
    .toggle-item .title * {
      font: inherit; }
    .toggle-item .title p {    margin-bottom: 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;      -webkit-box-align: start;      -webkit-align-items: flex-start;      -ms-flex-align: start;      align-items: flex-start; }
    .toggle-item .title .number {    margin-right: calc(8/1920*100rem);    width: -webkit-fit-content;    width: -moz-fit-content;    width: fit-content; }
  .toggle-item .icon {    position: relative;    overflow: hidden;    border-radius: 9999px;    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;    width: 24px;
    height: 34px;
    min-width: 24px; }
    .toggle-item .icon::after {
      content: '\f078';
      pointer-events: none;
      z-index: 30;
      display: block;
      height: 100%;
      width: 100%;
      font-family: 'Font Awesome 6 Pro';
      font-size: clamp(20px,calc(24/1920*100rem),24px);
      font-weight: 300;
      -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 }
  .toggle-item .article {    display: none;    padding: 0 /* 0px */; }
  .toggle-item .fullcontent {    font-size: clamp(16px,calc(18/1920*100rem),18px); }
    .toggle-item .fullcontent * {    font-size: clamp(16px,calc(18/1920*100rem),18px); }

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