.banner-breadcrumb {    position: relative }
  .banner-breadcrumb .heading-banner {    margin-bottom: 0.8333333333333334rem }

@media (max-width: 768px) {
  .banner-breadcrumb .heading-banner {    margin-bottom: 0;    padding-top: 1.25rem;    --tw-text-opacity: 1;    color: rgb(243 112 33 / var(--tw-text-opacity, 1)) } }
  .banner-breadcrumb .rank-math-breadcrumb {    justify-content: flex-start !important }

@media (min-width: 768.1px) {
  .banner-breadcrumb .rank-math-breadcrumb p {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
    .banner-breadcrumb .rank-math-breadcrumb p a {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
    .banner-breadcrumb .rank-math-breadcrumb p span {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
    .banner-breadcrumb .rank-math-breadcrumb p .separator::after {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) } }
  .banner-breadcrumb .global-breadcrumb {    width: 100% }

@media (min-width: 768.1px) {
  .banner-breadcrumb .global-breadcrumb {    bottom: 0;    z-index: 50;    padding-bottom: 2.0833333333333335rem;    position: absolute;    left: 50%;    transform: translateX(-50%) } }

@media (min-width: 1200.1px) {
  .banner-breadcrumb .global-breadcrumb {    padding-bottom: 3.75rem } }
    .banner-breadcrumb .global-breadcrumb .heading-banner {    display: block }

.global-breadcrumb h2, .global-breadcrumb .heading-banner {    display: none }

.rank-math-breadcrumb {    height: auto;    min-height: 40px;    overflow-x: auto;    padding-top: 0.4166666666666667rem;    padding-bottom: 0.4166666666666667rem;    display: flex;    justify-content: flex-start;    align-items: center }

@media (min-width: 1024.1px) {
  .rank-math-breadcrumb {    height: 100% } }
  @media screen and (max-width: 768px) {
    .rank-math-breadcrumb {    justify-content: flex-start } }
  .rank-math-breadcrumb p {    position: relative;    margin-bottom: 0;    white-space: nowrap;    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(101 101 101 / var(--tw-text-opacity, 1));    display: flex;    justify-content: flex-start;
    align-items: center }

@media (max-width: 1024px) {
  .rank-math-breadcrumb p {    --tw-text-opacity: 1;    color: rgb(41 41 41 / var(--tw-text-opacity, 1)) } }
    @media screen and (max-width: 768px) {
      .rank-math-breadcrumb p {    justify-content: flex-start } }

@media (max-width: 768px) {
  .rank-math-breadcrumb p {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4 } }
    .rank-math-breadcrumb p * {    font-weight: 400 }
    .rank-math-breadcrumb p span {    white-space: nowrap;    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4 }
      .rank-math-breadcrumb p span * {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4 }

@media (max-width: 768px) {
  .rank-math-breadcrumb p span {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4 }
    .rank-math-breadcrumb p span * {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4 } }
    .rank-math-breadcrumb p .separator {
      margin: 0;
      padding: 0 12px;
      font-size: 0;
      width: auto;
      position: relative }

@media (min-width: 1600px) {
  .rank-math-breadcrumb p .separator {    padding-left: 0.8333333333333334rem;    padding-right: 0.8333333333333334rem } }
      @media screen and (max-width: 576px) {
        .rank-math-breadcrumb p .separator {    margin-left: 0;    margin-right: 0 } }
      .rank-math-breadcrumb p .separator:first-child {
        margin-left: 18px !important; }

@media (min-width: 1600px) {
  .rank-math-breadcrumb p .separator:first-child {    margin-right: 1.0416666666666667rem !important } }
      .rank-math-breadcrumb p .separator:after {
        content: "";
        pointer-events: none;
        z-index: 10;
        display: block;
        --tw-bg-opacity: 1;
        background-color: rgb(101 101 101 / var(--tw-bg-opacity, 1));
        font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);
        line-height: 1.4;
        font-weight: 400;        height: 18px;
        width: 1px; }
        @media screen and (max-width: 1024px) {
          .rank-math-breadcrumb p .separator:after {
            font-size: 14px;
            --tw-bg-opacity: 1;
            background-color: rgb(41 41 41 / var(--tw-bg-opacity, 1)) } }
        @media screen and (max-width: 576px) {
          .rank-math-breadcrumb p .separator:after {    left: -6px } }
    .rank-math-breadcrumb p a {    position: relative;    white-space: nowrap;    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    --tw-text-opacity: 1;    color: rgb(101 101 101 / var(--tw-text-opacity, 1)) }

@media (max-width: 1024px) {
  .rank-math-breadcrumb p a {    --tw-text-opacity: 1;    color: rgb(41 41 41 / var(--tw-text-opacity, 1)) } }
      @media screen and (max-width: 576px) {
        .rank-math-breadcrumb p a {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4 } }
      .rank-math-breadcrumb p a + .separator {
        margin: 0; }

.top-banner {    position: relative;    z-index: 20 }
  .top-banner a {    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 31.25% }
    .top-banner a::before {
      content: '';
      pointer-events: none;
      position: absolute;
      top: 0;
      z-index: 10;
      display: block;
      height: 100%;
      width: 100%;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
      transition: .4s all ease-in-out;      background: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 30.83%), linear-gradient(180deg, rgba(0, 0, 0, 0) 51.98%, rgba(0, 0, 0, 0.35) 100%); }
    .top-banner a img, .top-banner a picture, .top-banner a video, .top-banner a iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      -o-object-fit: cover;
         object-fit: cover;
      transition: .3s ease-in-out all; }

footer {    overflow: hidden }

@media (max-width: 1200px) {
  footer {    border-top-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(239 239 239 / var(--tw-border-opacity, 1)) } }
  footer .logo a {    display: flex;    justify-content: flex-start;    align-items: center;    height: 7.96875rem;
    width: auto }

@media (max-width: 1024px) {
  footer .logo a {    display: flex;    justify-content: center;    align-items: center;    height: 4.6875rem } }
    footer .logo a img {
      width: auto;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain; }
  footer address {    font-style: normal }
    footer address p {    margin-bottom: 0 }
    footer address li {    margin-bottom: 0.20833333333333334rem;    font-size: clamp(14px, calc(14 / 1920 * 100vw), 0.7291666666666667rem);    line-height: 1.4 }
      footer address li:first-child {    margin-bottom: 0.8333333333333334rem }
    footer address strong {    margin-left: 0.20833333333333334rem;    display: inline-block }
    footer address a {    display: inline-block }
      footer address a:hover {    text-decoration-line: underline }
        footer address a:hover * {    text-decoration-line: underline }

@media (max-width: 1024px) {
  footer .social {    justify-content: center } }

.footer-top .row {    align-items: center }

.social a {    --tw-bg-opacity: 1;    background-color: rgb(189 189 189 / var(--tw-bg-opacity, 1));  background-image: none !important }
  .social a:hover {    --tw-bg-opacity: 1;    background-color: rgb(243 112 33 / var(--tw-bg-opacity, 1));    transform: translateY(-7px) }
  .social a img {    max-width: 29px }

@media (min-width: 1600px) {
  .footer-middle .row {    margin-left: -1.6666666666666667rem;    margin-right: -1.6666666666666667rem } }

.footer-middle .col {    border-right-width: 1px;    border-color: rgb(27 24 25 / var(--tw-border-opacity, 1));    --tw-border-opacity: 0.1 }

@media (min-width: 1600px) {
  .footer-middle .col {    padding-left: 1.6666666666666667rem;    padding-right: 1.6666666666666667rem } }
  .footer-middle .col:last-child {    border-color: transparent }
    .footer-middle .col:last-child address li {    margin-bottom: 0.20833333333333334rem }

@media (max-width: 576px) {
  .copyright {    text-align: center } }

@media (min-width: 576.1px) {
  .footer-menu li {    border-right-width: 1px;    border-color: rgb(27 24 25 / var(--tw-border-opacity, 1));    --tw-border-opacity: 0.1 } }

.footer-menu li:last-child {    border-color: transparent }

.footer-menu li.active a, .footer-menu li:hover a, .footer-menu li.current-menu-item a {    --tw-text-opacity: 1;    color: rgb(243 112 33 / var(--tw-text-opacity, 1)) }

.footer-menu a {    display: flex;    padding-left: 1.0416666666666667rem;    padding-right: 1.0416666666666667rem;    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    font-weight: 600;    text-transform: uppercase;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-duration: 150ms;    transition: .4s all ease-in-out }

@media (min-width: 1200.1px) {
  .footer-menu a {    white-space: nowrap } }

@media (max-width: 576px) {
  .footer-menu a {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4 }
  .footer-menu ul {    align-items: center;    gap: 0.4166666666666667rem;    text-align: center;    display: flex;    flex-direction: column;    align-items: flex-start;    align-items: center;    justify-content: center } }

.policy-nav li {    border-right-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(129 129 129 / var(--tw-border-opacity, 1)) }
  .policy-nav li:last-child {    border-color: transparent }
  .policy-nav li.active a, .policy-nav li:hover a {    --tw-text-opacity: 1;    color: rgb(243 112 33 / var(--tw-text-opacity, 1)) }

.policy-nav a {    display: flex;    padding-left: 0.625rem;    padding-right: 0.625rem;    font-size: clamp(12px, calc(12 / 1920 * 100vw), 0.625rem);    line-height: 1.4;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1));    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-duration: 150ms;    transition: .4s all ease-in-out }

@media (max-width: 576px) {
  .policy-nav a {    text-align: center } }

.modulepager, .post-nav {    display: flex;    align-items: center;    justify-content: center;    padding-top: 2.0833333333333335rem;    padding-bottom: 0 }
  .modulepager ul, .post-nav ul {
    padding: 0;
    margin: 0;
    position: relative;
    gap: 0.8333333333333334rem;
    display: flex;
    justify-content: center;
    align-items: center }
    .modulepager ul li, .post-nav ul li {
      display: inline-block; }
      .modulepager ul li.active a, .modulepager ul li.active span, .modulepager ul li:hover a, .modulepager ul li:hover span, .post-nav ul li.active a, .post-nav ul li.active span, .post-nav ul li:hover a, .post-nav ul li:hover span {    --tw-bg-opacity: 1;    background-color: rgb(243 112 33 / var(--tw-bg-opacity, 1));    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
      .modulepager ul li span, .modulepager ul li a, .post-nav ul li span, .post-nav ul li a {
        transition: .3s all  ease-in-out;
        text-decoration: none;
        min-height: 40px;
        min-width: 40px;
        overflow: hidden;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
        font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);
        line-height: 1.4;
        font-weight: 600;
        --tw-text-opacity: 1;
        color: rgb(129 129 129 / var(--tw-text-opacity, 1));
        display: flex;
        justify-content: center;
        align-items: center;        width: 2.55208rem;
        height: 2.55208rem; }

@media (min-width: 1200.1px) {
  .modulepager ul li span, .modulepager ul li a, .post-nav ul li span, .post-nav ul li a {    border-top-left-radius: 1.0416666666666667rem;    border-bottom-right-radius: 1.0416666666666667rem } }
    .modulepager ul .next a, .post-nav ul .next a {    white-space: nowrap }

header {
  height: var(--header-height);
  overflow: visible !important }

@media (max-width: 1200px) {
  header {    --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) } }
  header::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    opacity: 0;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition: .4s all ease-in-out }

@media (max-width: 1200px) {
  header::after {    opacity: 1 } }
  header .container-fluid {    position: relative;    z-index: 30;    height: 100%;    display: flex;    justify-content: space-between;    align-items: center }

@media (max-width: 1200px) {
  header .container-fluid {    justify-content: flex-end } }
    @media screen and (min-width: 1200px) and (max-width: 1400px) {
      header .container-fluid {    padding-left: 0.8333333333333334rem !important;    padding-right: 0.8333333333333334rem !important } }
    @media screen and (min-width: 1400px) {
      header .container-fluid {
        padding: 0 4.16667rem; } }

@media (max-width: 1200px) {
  .homepage main {
    padding-top: 0 !important; }
  .homepage header {    --tw-shadow: 0 0 #0000;    --tw-shadow-colored: 0 0 #0000;    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) }
    .homepage header::after {    opacity: 0 }
  .homepage.minimize header, .homepage.overlay-bg header {    --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) }
    .homepage.minimize header::after, .homepage.overlay-bg header::after {    opacity: 1 }
  .homepage .home-footer {    display: none } }

.header-right {    padding-left: 0.8333333333333334rem }

.site-menu-toggle {    margin-top: 0;    margin-left: 1.0416666666666667rem;    overflow: hidden;    border-radius: 9999px;    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    display: flex;    justify-content: center;    align-items: center;  height: 40px;
  width: 40px;
  min-width: 40px }

@media (min-width: 1200.1px) {
  .site-menu-toggle {    display: none } }
  .site-menu-toggle .hamburger {    margin-top: 0.20833333333333334rem }

@media screen and (min-width: 1280px) and (max-width: 1680px) {
  .nav-brand {    padding-right: 0.8333333333333334rem } }

@media (max-width: 1200px) {
  .nav-brand {    left: 15px;    position: absolute;    top: 50%;    transform: translateY(-50%) } }

.nav-brand a {
  height: 60px;
  width: 100%;
  min-width: 50px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .4s all ease-in-out }
  @media screen and (max-width: 1200px) {
    .nav-brand a {
      width: 60px; } }
  @media screen and (min-width: 1200px) {
    .nav-brand a {    justify-content: flex-start;      height: 110px;
      max-width: 110px;
      width: 110px } }
  @media screen and (min-width: 4000px) {
    .nav-brand a {
      height: clamp(110px, calc(110/1920*100rem), calc(110/1920*100rem));
      max-width: clamp(110px, calc(110/1920*100rem), calc(110/1920*100rem));
      width: clamp(110px, calc(110/1920*100rem), calc(110/1920*100rem)); } }
  .nav-brand a img, .nav-brand a svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }

@media (min-width: 1200.1px) {
  .nav-brand a img, .nav-brand a svg {
    filter: brightness(0) invert(1); } }

@media (max-width: 768px) {
  .header-hotline {    display: none } }

.mobile-nav-wrap {    position: fixed;    left: 0;    height: 100vh;    width: 100%;    padding-left: 1.25rem;    padding-right: 1.25rem;    padding-top: 1.6666666666666667rem;    padding-bottom: 1.6666666666666667rem;  top: var(--header-height);
  z-index: 9999;
  transform: translateX(-100%);
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) }
  .mobile-nav-wrap::before {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition: .4s all ease-in-out;    background-color: #f5f5f5; }

@media (min-width: 768.1px) {
  .mobile-nav-wrap {
    width: 320px; } }
  @media screen and (min-width: 1200px) {
    .mobile-nav-wrap {    display: none } }
  .mobile-nav-wrap.is-open {
    transform: none; }
  .mobile-nav-wrap .close-menu {    position: relative;    z-index: 40;    display: flex;    justify-content: flex-start;    align-items: center }
    .mobile-nav-wrap .close-menu em, .mobile-nav-wrap .close-menu span {    font-weight: 700;    line-height: 1;    --tw-text-opacity: 1;    color: rgb(27 24 25 / var(--tw-text-opacity, 1)) }
    .mobile-nav-wrap .close-menu em {    font-size: clamp(26px, calc(30 / 1920 * 100vw), 1.5625rem);    line-height: 1.3 }
    .mobile-nav-wrap .close-menu span {    margin-left: 0.625rem;    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666667rem);    line-height: 1.4 }
  .mobile-nav-wrap .mobile-top-nav {    margin-bottom: 1.0416666666666667rem }

.news-detail .social-wrap {    display: flex;    flex-direction: column }
  @media screen and (max-width: 1024px) {
    .news-detail .social-wrap {    flex-direction: row;    justify-content: flex-start } }

.news-detail .type {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4;    font-weight: 400 }

.news-detail .fa-linkedin-in:before {
  content: '\f08c'; }

.news-detail .time-wrap.pb-3::after {
  content: '';
  pointer-events: none;
  left: 0;
  z-index: 10;
  display: block;
  height: 1px;
  width: 100%;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: .4s all ease-in-out;  background: #2D54C5; }

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

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

.news-detail .fullcontent {    border-top-width: 0 !important;    padding-top: 0 !important }
  .news-detail .fullcontent p {    margin-bottom: 0.4166666666666667rem }

.news-detail .ez-toc-icon-toggle-span {
  height: 20px !important; }

.news-detail #ez-toc-container {    margin-bottom: 3.125rem !important;    overflow: visible !important }
  .news-detail #ez-toc-container:after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: -25px;
    z-index: 10;
    display: block;
    height: 100%;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition: .4s all ease-in-out;
    height: 1px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1)) }

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

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

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

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

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

.fp-watermark {
  display: none !important; }

.ez-toc-list {    background-color: rgb(243 112 33 / var(--tw-bg-opacity, 1));    --tw-bg-opacity: 0.1 }
  .ez-toc-list li {    overflow: hidden;    border-radius: 0px;    --tw-bg-opacity: 1;    background-color: rgb(243 112 33 / var(--tw-bg-opacity, 1));    padding: 1.0416666666666667rem;    border: none !important }
    .ez-toc-list li::before {
      display: none !important; }
    .ez-toc-list li a:visited {    font-weight: 600 !important;    --tw-text-opacity: 1 !important;    color: rgb(27 24 25 / var(--tw-text-opacity, 1)) !important }
    .ez-toc-list li a:hover {    -webkit-background-clip: text !important;    -webkit-text-fill-color: transparent !important;    background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%) !important }
    .ez-toc-list li .ez-toc-link {    --tw-text-opacity: 1;    color: rgb(27 24 25 / var(--tw-text-opacity, 1)) }

.ez-toc-list-level-1 .ez-toc-heading-level-2 > .ez-toc-link {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem) !important;    line-height: 1.4 !important;    --tw-text-opacity: 1 !important;    color: rgb(27 24 25 / var(--tw-text-opacity, 1)) !important }

.ez-toc-list-level-4 {    padding-top: 0.8333333333333334rem !important }

.toc-wrap {    position: sticky;    left: 0 }

#ez-toc-container {    overflow: hidden !important;    border-radius: 0.4166666666666667rem !important;    border-style: none !important;    padding: 0 !important;  width: 100% !important;
  background: #F370211A !important }
  #ez-toc-container.toc_close .ez-toc-icon-toggle-span::after {
    content: '\f068';
    pointer-events: none;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    font-family: 'Font Awesome 6 Pro';
    --tw-text-opacity: 1;
    color: rgb(27 24 25 / var(--tw-text-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition: .4s all ease-in-out }
  #ez-toc-container .ez-toc-list li:not(:last-child) {    margin-bottom: 1.0416666666666667rem }
  #ez-toc-container .ez-toc-heading-1 {    margin-bottom: 1.0416666666666667rem }
  #ez-toc-container .ez-toc-title-container {    position: relative;    display: flex;    width: 100%;    justify-content: flex-start;    border-top-left-radius: 0.4166666666666667rem;    border-top-right-radius: 0.4166666666666667rem;    background-color: transparent;    padding: 1.25rem }
  #ez-toc-container .ez-toc-title {    order: 1 !important;    font-size: clamp(20px, calc(24 / 1920 * 100vw), 1.25rem) !important;    line-height: 1.35 !important;    font-weight: 600 !important;    --tw-text-opacity: 1 !important;    color: rgb(27 24 25 / var(--tw-text-opacity, 1)) !important;    margin-bottom: 2px !important }
  #ez-toc-container .ez-toc-title-toggle {    right: 1.25rem;    order: 1;    --tw-text-opacity: 1;    color: rgb(27 24 25 / var(--tw-text-opacity, 1));    position: absolute;    top: 50%;    transform: translateY(-50%) }
  #ez-toc-container .ez-toc-heading-level-3:not(:last-child) {    margin-bottom: 0.4166666666666667rem !important }
  #ez-toc-container .ez-toc-heading-level-3 .ez-toc-link {
    text-transform: none !important;
    font-weight: 400;
    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem) !important;
    line-height: 1.4 !important }
  #ez-toc-container .ez-toc-icon-toggle-span::after {
    content: '\2b';
    pointer-events: none;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    font-family: 'Font Awesome 6 Pro';
    --tw-text-opacity: 1;
    color: rgb(27 24 25 / var(--tw-text-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition: .4s all ease-in-out }
  #ez-toc-container .ez-toc-icon-toggle-span svg {
    width: 2.08333rem;
    height: 2.08333rem;
    fill: #ffffff !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
    opacity: 0 !important }
  #ez-toc-container .ez-toc-js-icon-con {    position: static !important;    border-style: none !important }
    #ez-toc-container .ez-toc-js-icon-con > span {    position: static !important }
    #ez-toc-container .ez-toc-js-icon-con .ez-toc-icon-toggle-span {    position: static !important }
  #ez-toc-container .arrow-unsorted-368013 {    right: 0.8333333333333334rem !important;    z-index: 20 !important;    position: absolute !important;    top: 50% !important;    transform: translateY(-50%) !important;    width: 1.66667rem !important;
    height: 1.66667rem !important;
    background: url("../img/icon/chevron-down.svg") !important;
    background-repeat: no-repeat !important;
    background-size: 16px 18px !important;
    background-position: center !important }
    #ez-toc-container .arrow-unsorted-368013 path {    display: none }
  #ez-toc-container a.ez-toc-toggle {
    padding: 0 !important;
    margin: 0 !important; }
  #ez-toc-container .ez-toc-list {    background-color: transparent !important;    padding-left: 1.25rem !important;    padding-right: 1.25rem !important;    padding-bottom: 0.4166666666666667rem !important }
    #ez-toc-container .ez-toc-list li {    background-color: transparent !important;      padding-left: 0;      position: relative;      margin-bottom: 0.4166666666666667rem;      display: block }
  #ez-toc-container .ez-toc-btn:focus {
    outline: none !important; }

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

.ez-toc-counter nav ul li a {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem) !important;    line-height: 1.4 !important;    text-transform: uppercase !important;    --tw-text-opacity: 1 !important;    color: rgb(27 24 25 / var(--tw-text-opacity, 1)) !important }
  .ez-toc-counter nav ul li a::before {
    display: none !important; }

.news-list {    overflow: hidden;  background: linear-gradient(180deg, #FFFFFF 0%, #FFF1E8 100%) }
  .news-list .zone-nav ul {
    list-style-type: none;
    display: flex;
    gap: 1.25rem }

@media (min-width: 1200.1px) {
  .news-list .zone-nav ul {    gap: 2.0833333333333335rem } }

@media (max-width: 1024px) {
  .news-list .zone-nav {    overflow-x: auto }
    .news-list .zone-nav ul {    white-space: nowrap;    padding-bottom: 0.20833333333333334rem;    display: flex;    align-items: center;      justify-content: flex-start }
      .news-list .zone-nav ul li:first-child {    padding-left: 0 } }
  .news-list .zone-nav li:first-child {    margin-left: auto }
  .news-list .zone-nav li:last-child {    margin-right: auto }
  .news-list .zone-nav li.active a, .news-list .zone-nav li:hover a {    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%) }
  .news-list .zone-nav a {    overflow: hidden;    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    font-weight: 700;    text-transform: uppercase;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-duration: 150ms;    display: flex;    justify-content: center;    align-items: center;    transition: .4s all ease-in-out }

@media (min-width: 576.1px) {
  .about-1 .scrollbar-wrap {
    max-height: 100%; } }

@media (max-width: 576px) {
  .about-1 .scrollbar-wrap {
    max-height: 15.625rem; } }

.about-1 .desc strong {    margin-left: 0.20833333333333334rem;    margin-right: 0.20833333333333334rem;    display: inline-block;    font-weight: 600;    text-transform: uppercase;    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%) }

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

@media (max-width: 576px) {
  .about-2 .scrollbar-wrap {
    max-height: 15.625rem; } }

@media (max-width: 1024px) {
  .about-2 .txt, .about-2 .img {    grid-column: span 2 / span 2 } }

.about-2 .item:first-child {    padding-top: 0 }

.about-2 .item:not(:last-child) {    margin-bottom: 0.8333333333333334rem;    border-bottom-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(239 239 239 / var(--tw-border-opacity, 1)) }

.about-3 .scrollbar-wrap {    padding-right: 2px;  max-height: 15.625rem }

.about-3 .tablet-block .item {    display: flex;    height: 100%;    flex-direction: column }
  .about-3 .tablet-block .item .icon {
    flex: 0 0 auto;
    width: 100% }
  .about-3 .tablet-block .item .overlay {
    flex: 0 1  auto;
    height: 100% }

.about-4 {
  background: linear-gradient(180deg, rgba(255, 119, 12, 0) 0%, rgba(255, 119, 12, 0.05) 100%); }
  .about-4 .heading::before {
    content: '';
    pointer-events: none;
    position: absolute;
    z-index: 10;
    display: inline-block;
    height: 100%;
    width: 100%;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition: .4s all ease-in-out;    bottom: 74%;
    width: 8.07292rem;
    height: 6.45833rem;
    background: url("../img/icon/quotes.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    right: 105%; }

@media (max-width: 1200px) {
  .about-4 .heading::before {
    width: 4.6875rem;
    height: 4.6875rem;
    bottom: 62%; } }

@media (max-width: 576px) {
  .about-4 .heading::before {
    width: 3.33333rem;
    height: 3.33333rem;
    bottom: 50%; } }

@media (min-width: 1200.1px) {
  .about-4 .txt-block {    width: 66.666667%;    max-width: 43.75rem } }

.about-5 .heading {
  font-size: 4.0625rem; }

.about-5 .btn-view-more-toggle em {
  transform: rotateX(180deg); }

.about-5 .btn-view-more-toggle.is-close em {
  transform: none; }

.about-5 .txt-wrap li:not(:last-child) {    margin-bottom: 1.25rem }

.about-5 .zone-desc strong, .about-5 .zone-desc span {    margin-left: 1px;    margin-right: 1px;    font-weight: 600 }

.about-5 .zone-desc span {    --tw-text-opacity: 1;    color: rgb(243 112 33 / var(--tw-text-opacity, 1)) }

.about-5 .zone-desc p {    margin-bottom: 0.20833333333333334rem }

.about-5 .dash-group::after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 1px;
  width: 100%;
  background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out }

.about-5 .desc strong {    font-weight: 600;    text-transform: uppercase }

.about-5 .bottom-row .col:nth-child(1) .desc strong {    --tw-text-opacity: 1;    color: rgb(243 112 33 / var(--tw-text-opacity, 1)) }

.about-5 .bottom-row .col:nth-child(2) .desc strong {    --tw-text-opacity: 1;    color: rgb(0 166 81 / var(--tw-text-opacity, 1)) }

.about-5 .heading-5 {    cursor: pointer }

.about-5 .view-more-group {    display: none }

@media (max-width: 768px) {
  .about-5 .row {    justify-content: center } }

.about-6 {    position: relative;    z-index: 40;    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) }
  .about-6 .col:first-child .item {    padding-left: 0 }
  .about-6 .col:last-child .item {    border-style: none }

@media (max-width: 768px) {
  .about-6 .col:nth-child(2) {    border-color: transparent } }

@media (max-width: 576px) {
  .about-6 .col {    border-color: transparent } }

.about-7 {    position: relative;    z-index: 60 }
  .about-7 .block-padding {    padding-left: 1.25rem;    padding-right: 1.25rem }

@media (min-width: 1200.1px) {
  .about-7 .block-padding {    padding-left: 3.75rem } }

@media (min-width: 1600px) {
  .about-7 .block-padding {    padding-left: 4.166666666666667rem } }
  .about-7 .init-swiper {
    --spv: 2; }

@media (min-width: 768.1px) {
  .about-7 .init-swiper {
    --spv: 2; } }

@media (min-width: 1024.1px) {
  .about-7 .init-swiper {
    --spv: 3.8; } }
  .about-7 .swiper {    overflow: visible }
  .about-7 .icon {
    display: flex;
    height: 5.20833rem;
    width: auto; }
    .about-7 .icon img {
      width: auto;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain; }

.about-8 {    position: relative;    z-index: 60;    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) }

@media (max-width: 768px) {
  .about-8 .container-xxl {    padding-bottom: 70px }
    .about-8 .container-xxl .swiper-nav {    bottom: 0;    z-index: 40;    position: absolute;    left: 50%;    transform: translateX(-50%) } }
  @media screen and (max-width: 576px) {
    .about-8 {
      --spv: 2 !important; } }
  @media screen and (max-width: 400px) {
    .about-8 {
      --spv: 1 !important; } }

.page-template-template_research .about-9 {
  display: none !important; }

.about-9 .swiper-wrapper {
  transition-timing-function: linear; }

.about-9 .img a {
  height: 4.42708rem;
  width: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem }
  .about-9 .img a img {
    width: auto;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }

.dealer-network address {    display: flex;    flex-direction: column;    font-style: normal }
  .dealer-network address p {    margin-bottom: 0 }
  .dealer-network address li {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-duration: 150ms;    display: flex;    justify-content: flex-start;    align-items: center;    transition: .4s all ease-in-out;    align-items: flex-start }
    .dealer-network address li * {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-duration: 150ms;    transition: .4s all ease-in-out }
    .dealer-network address li:not(:last-child) {    margin-bottom: 0.625rem }
  .dealer-network address em, .dealer-network address i {    margin-right: 0.4166666666666667rem;    display: inline-block;    width: 20px;    min-width: 20px;    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4;    font-weight: 300;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)) }
  .dealer-network address a {    display: inline-block }
    .dealer-network address a:hover {    text-decoration-line: underline }

.dealer-network .heading-4 {    position: relative;    margin-bottom: 0.8333333333333334rem;    padding-bottom: 0.4166666666666667rem;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-duration: 150ms;    transition: .4s all ease-in-out }
  .dealer-network .heading-4::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 2px;
    width: 100%;
    max-width: 20px;
    --tw-bg-opacity: 1;
    background-color: rgb(243 112 33 / var(--tw-bg-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition: .4s all ease-in-out }

.dealer-network .dealer-list {
  padding: 0.9375rem 1.25rem 0 1.25rem; }

.dealer-network .row {    margin: 0;    padding: 0 }
  .dealer-network .row .col {    margin: 0;    padding: 0 }

@media (min-width: 1024.1px) {
  .dealer-network .row .col {
    width: 68%; }
    .dealer-network .row .col:first-child {
      width: 32% !important; } }

.dealer-network .block-wrap {    overflow: hidden;    border-radius: 0.625rem;    --tw-bg-opacity: 1;    background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1)) }

.dealer-network .scrollbar-wrap {
  max-height: 400px; }

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

.dealer-network .item {    position: relative;    margin-bottom: 0.8333333333333334rem;    overflow: hidden;    border-radius: 0.625rem;    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    padding: 1.25rem }
  .dealer-network .item::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition: .4s all ease-in-out;    background: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%); }
  .dealer-network .item.is-active, .dealer-network .item:hover {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
    .dealer-network .item.is-active::after, .dealer-network .item:hover::after {    opacity: 1 }
    .dealer-network .item.is-active .heading-4, .dealer-network .item:hover .heading-4 {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
      .dealer-network .item.is-active .heading-4::after, .dealer-network .item:hover .heading-4::after {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) }
    .dealer-network .item.is-active li, .dealer-network .item:hover li {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
      .dealer-network .item.is-active li *, .dealer-network .item:hover li * {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }

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

.develope-safety .desc p {    margin-bottom: 1.25rem }
  .develope-safety .desc p:last-child {    margin-bottom: 0 }

@media (max-width: 576px) {
  .develope-safety .heading-1 span {    margin-left: 0.20833333333333334rem } }

@media (max-width: 768px) {
  .related-news .container-xxl {    position: relative;    padding-bottom: 70px }
    .related-news .container-xxl .swiper-nav {    bottom: 0;    z-index: 40;    position: absolute;    left: 50%;    transform: translateX(-50%) }
  .related-news.type-2 .container-xxl {    padding-bottom: 0 } }

.develope-petal {
  height: 42.1875rem; }

@media (max-width: 576px) {
  .develope-petal {
    height: 26.5625rem; } }
  .develope-petal .container-flower {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);    height: 31.25rem;
    width: 31.25rem; }

@media (max-width: 1024px) {
  .develope-petal .container-flower {
    height: 34.47917rem;
    width: 34.375rem; } }

@media (max-width: 768px) {
  .develope-petal .container-flower {
    height: 28.125rem;
    width: 25rem; } }

@media (max-width: 576px) {
  .develope-petal .container-flower {
    height: 17.70833rem;
    width: 17.70833rem; } }
    .develope-petal .container-flower.is-interactive .petal-title {    opacity: 1 }
  .develope-petal .droplet-wrap .box {    height: 100%;    width: 100%;    box-shadow: 0px 16px 24px 0px #1F22274D;
    -webkit-mask-image: url("../img/mask/mask-2.svg");
    mask-image: url("../img/mask/mask-2.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    -webkit-mask-position: bottom;
            mask-position: bottom }
    .develope-petal .droplet-wrap .box::before {
      content: '';
      pointer-events: none;
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 50;
      display: block;
      height: 100%;
      width: 100%;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
      transition: .4s all ease-in-out;      background: #00000080;
      animation: fd-in 5s ease both;
      animation-delay: 5s; }
    .develope-petal .droplet-wrap .box::after {
      content: '';
      pointer-events: none;
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 50;
      display: block;
      height: 100%;
      width: 100%;      background: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%); }
  .develope-petal .droplet-wrap.is-visible {
    animation: spinner-petal 3s ease-out;
    animation-fill-mode: forwards; }
    .develope-petal .droplet-wrap.is-visible .img a img {
      animation: counter-spin 3s ease-out;
      animation-fill-mode: forwards; }
  .develope-petal .droplet-wrap {
    height: 14.0625rem;
    width: 14.0625rem;
    --target-scale: 1;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: right bottom;
    opacity: 0;
    animation-fill-mode: forwards !important;
    transition: transform 0.3s ease;
    animation: none; }

@media (min-width: 768.1px) {
  .develope-petal .droplet-wrap {
    top: 50px;
    left: 50px; } }

@media (max-width: 768px) {
  .develope-petal .droplet-wrap {
    height: 12.5rem;
    width: 12.5rem; } }

@media (max-width: 576px) {
  .develope-petal .droplet-wrap {
    height: 9.375rem;
    width: 9.375rem; } }
    .develope-petal .droplet-wrap .box {
      -webkit-mask-image: url("../img/mask/mask-2.svg");
      mask-image: url("../img/mask/mask-2.svg"); }
      .develope-petal .droplet-wrap .box::after {
        background: linear-gradient(90deg, #FFB800 0%, #FF710D 85.28%); }
  .develope-petal .droplet-wrap.is-visible {
    animation: spinner-petal 3s ease-out;
    animation-fill-mode: forwards; }
  .develope-petal .droplet-wrap.is-visible:nth-child(1) {
    animation-delay: 0s; }
  .develope-petal .droplet-wrap.is-visible:nth-child(2) {
    animation-delay: 0.1s; }
  .develope-petal .droplet-wrap.is-visible:nth-child(3) {
    animation-delay: 0.2s; }
  .develope-petal .droplet-wrap.is-visible:nth-child(4) {
    animation-delay: 0.3s; }
  .develope-petal .droplet-wrap.is-visible:nth-child(5) {
    animation-delay: 0.4s; }
  .develope-petal .droplet-wrap:nth-child(1) {
    --rot: 320deg;
    animation-delay: 0s; }
  .develope-petal .droplet-wrap:nth-child(2) {
    --rot: 248deg;
    animation-delay: 0.1s; }
  .develope-petal .droplet-wrap:nth-child(3) {
    --rot: 176deg;
    animation-delay: 0.2s; }
  .develope-petal .droplet-wrap:nth-child(4) {
    --rot: 104deg;
    animation-delay: 0.3s; }
  .develope-petal .droplet-wrap:nth-child(5) {
    --rot: 32deg;
    animation-delay: 0.4s; }
  .develope-petal .petal-title {
    position: absolute;
    z-index: 100;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
    transform: rotate(calc(var(--rot) * -1));
    transform-origin: center center;
    pointer-events: auto;
    cursor: pointer;
    height: -moz-fit-content;
    height: fit-content;
    text-align: right;
    opacity: 0;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition: .4s all ease-in-out }

@media (max-width: 768px) {
  .develope-petal .petal-title {    display: none } }
    .develope-petal .petal-title .line-1, .develope-petal .petal-title .line-2 {    display: block;    width: -moz-fit-content;    width: fit-content;    white-space: nowrap;    line-height: 130% }

@media (max-width: 1024px) {
  .develope-petal .petal-title .line-1, .develope-petal .petal-title .line-2 {    font-size: clamp(20px, calc(24 / 1920 * 100vw), 1.25rem);    line-height: 1.35 } }
    .develope-petal .petal-title .line-1 {    margin-bottom: 0 }
    .develope-petal .petal-title a {
      text-decoration: none;
      display: inline-block;
      transition: transform 0.3s ease; }
      .develope-petal .petal-title a:hover {
        transform: scale(1.05); }
    .develope-petal .petal-title p {
      margin: 0;
      line-height: 1.1;
      white-space: nowrap; }
  .develope-petal .droplet-wrap:nth-child(1) .line-2, .develope-petal .droplet-wrap:nth-child(1) .line-1 {    margin-left: auto }

@media (min-width: 768.1px) {
  .develope-petal .droplet-wrap:nth-child(1) .petal-title {
    top: -3.125rem;
    left: -8.85417rem; } }

@media (min-width: 1024.1px) {
  .develope-petal .droplet-wrap:nth-child(1) .petal-title {
    top: -6.25rem;
    left: -12.5rem; } }

@media (min-width: 1200.1px) {
  .develope-petal .droplet-wrap:nth-child(1) .petal-title {
    top: -5.20833rem;
    left: -13.02083rem; } }
  @media screen and (min-width: 1400px) {
    .develope-petal .droplet-wrap:nth-child(1) .petal-title {
      top: -4.16667rem;
      left: -10.41667rem; } }
  .develope-petal .droplet-wrap:nth-child(2) .line-2 {    margin-left: auto }
  .develope-petal .droplet-wrap:nth-child(2) .petal-title {
    bottom: 18.75rem;
    left: 3.125rem; }

@media (min-width: 768.1px) {
  .develope-petal .droplet-wrap:nth-child(3) .petal-title {
    top: 2.08333rem;
    left: -13.54167rem; } }

@media (min-width: 1024.1px) {
  .develope-petal .droplet-wrap:nth-child(3) .petal-title {
    top: 2.08333rem;
    left: -19.79167rem; } }

@media (min-width: 1600px) {
  .develope-petal .droplet-wrap:nth-child(3) .petal-title {
    top: 2.08333rem;
    left: -16.66667rem; } }
  .develope-petal .droplet-wrap:nth-child(3) .petal-title .line-1, .develope-petal .droplet-wrap:nth-child(3) .petal-title .line-2 {    text-align: right }

@media (min-width: 768.1px) {
  .develope-petal .droplet-wrap:nth-child(4) .petal-title {
    top: -3.125rem;
    left: -5.20833rem; } }

@media (min-width: 1024.1px) {
  .develope-petal .droplet-wrap:nth-child(4) .petal-title {
    top: -4.16667rem;
    left: -8.33333rem; } }

@media (min-width: 1200.1px) {
  .develope-petal .droplet-wrap:nth-child(4) .petal-title {
    top: -5.20833rem;
    left: -7.29167rem; } }
  @media screen and (min-width: 1400px) {
    .develope-petal .droplet-wrap:nth-child(4) .petal-title {
      top: -5.20833rem;
      left: -7.29167rem; } }

@media (min-width: 1600px) {
  .develope-petal .droplet-wrap:nth-child(4) .petal-title {
    left: -5.20833rem; } }
  .develope-petal .droplet-wrap:nth-child(4) .petal-title .line-1, .develope-petal .droplet-wrap:nth-child(4) .petal-title .line-2 {    text-align: right }
  .develope-petal .droplet-wrap:nth-child(5) .line-1, .develope-petal .droplet-wrap:nth-child(5) .line-2 {    margin-left: auto;    text-align: right }

@media (min-width: 768.1px) {
  .develope-petal .droplet-wrap:nth-child(5) .petal-title {
    top: 9.375rem;
    left: -16.14583rem; } }

@media (min-width: 1024.1px) {
  .develope-petal .droplet-wrap:nth-child(5) .petal-title {
    top: 11.45833rem;
    left: -23.95833rem; } }

@media (min-width: 1200.1px) {
  .develope-petal .droplet-wrap:nth-child(5) .petal-title {
    top: 11.45833rem;
    left: -23.4375rem; } }
  @media screen and (min-width: 1400px) {
    .develope-petal .droplet-wrap:nth-child(5) .petal-title {
      top: 11.45833rem;
      left: -20.3125rem; } }

@keyframes spinner-petal {
  0% {
    opacity: 0;
    transform: rotate(0deg) scale(0.01); }
  100% {
    opacity: 1;
    transform: rotate(var(--rot)) scale(var(--target-scale)); } }

@keyframes counter-spin {
  0% {
    transform: rotate(0deg) scale(1.3); }
  100% {
    transform: rotate(calc(var(--rot) * -1)) scale(1.3); } }

.research-card {    padding-bottom: 0 }
  .research-card .item {    height: 100%;    display: flex;    flex-direction: column }
    .research-card .item .img {
      flex: 0 0 auto;
      width: 100% }
    .research-card .item .txt {
      flex: 0 1  auto;
      height: 100% }
    .research-card .item .bg-wrap {    height: 100% }
  .research-card .txt {    bottom: 0;    left: 0;    z-index: 50;    position: absolute;    left: 50%;    transform: translateX(-50%) }

.research-2 .img {    width: 100% }
  .research-2 .img::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    --tw-bg-opacity: 0.35;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition: .4s all ease-in-out }

.research-2 .block-wrap {
  max-width: 50rem; }

.research-2 .swiper-slide-active .img::after {    opacity: 0 }

.research-2 .swiper-slide-active .img-src {    padding: 0 }

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

@media (min-width: 1024.1px) {
  .research-2 .img-src {    width: 100%;    padding-top: 1.6666666666666667rem;    padding-bottom: 1.6666666666666667rem;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-duration: 150ms;    transition: .4s all ease-in-out;    display: flex;
    height: 31.25rem } }

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

.research-2 .img-src img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

@media (min-width: 1024.1px) {
  .research-2 .prev {
    left: -11.45833rem; }
  .research-2 .next {
    right: -11.45833rem; } }

@media (max-width: 1024px) {
  .research-2 .swiper-nav.white .next, .research-2 .swiper-nav.white .prev {    --tw-border-opacity: 1;    border-color: rgb(129 129 129 / var(--tw-border-opacity, 1)) }
    .research-2 .swiper-nav.white .next::before, .research-2 .swiper-nav.white .prev::before {    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)) } }

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

.research-4 .tab-nav::-webkit-scrollbar {
  background: #D9D9D9;
  height: 3px !important;
  border-radius: 3px; }

.research-4 .tab-nav::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px #D9D9D9;
  background-color: #D9D9D9;
  border-radius: 3px; }

.research-4 .tab-nav::-webkit-scrollbar-thumb {
  background-color: #F37021;
  border-radius: 30px !important; }
  @media screen and (max-width: 1024px) {
    .research-4 .tab-nav::-webkit-scrollbar-thumb {
      height: auto; } }

@-moz-document url-prefix() {
  .research-4 .tab-nav {
    scrollbar-width: thin;
    scrollbar-color: #F37021 #D9D9D9; } }

.research-4 .tab-nav {    overflow-x: auto }
  .research-4 .tab-nav ul {    white-space: nowrap;    padding-bottom: 0.20833333333333334rem;    display: flex;    align-items: center;    justify-content: flex-start }
    .research-4 .tab-nav ul li:first-child {    padding-left: 0 }
  .research-4 .tab-nav li:first-child a {    padding-left: 0 }
  .research-4 .tab-nav li.active a, .research-4 .tab-nav li:hover a {    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%) }

@media screen and (max-width: 768px) {
  .research-4 .init-swiper {
    --spv: 2; } }

@media screen and (max-width: 576px) {
  .research-4 .init-swiper {
    --spv: 1.5; } }

.research-4 .swiper-slide::after {
  content: '';
  pointer-events: none;
  position: absolute;
  top: 0;
  right: -2.916666666666667rem;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 100%;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out;  max-height: 20.83333rem; }
  @media screen and (min-width: 1400px) {
    .research-4 .swiper-slide::after {    right: -2.0833333333333335rem } }

.page-template-template_develope footer, .tax-product_cat footer, .page-template-template_research footer, .single-career footer, .page-template-default footer {    border-top-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(239 239 239 / var(--tw-border-opacity, 1)) }

.flex-card-section .img-wrap a::after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.5;  transition: .4s all  ease-in-out; }

@media (min-width: 768.1px) {
  .flex-card-section .img-wrap a {    display: flex;    justify-content: center;    align-items: center;    width: auto;
    height: 33.33333rem }
    .flex-card-section .img-wrap a img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; } }

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

@media (min-width: 1600px) {
  .flex-card-section .txt {    min-width: 900px } }

.flex-card-section .bg-wrap::after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.2;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out;  border: 1.5px solid rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px); }

@media (min-width: 576.1px) {
  .flex-card-section .bg-wrap::after {    border-radius: 0.625rem } }

.flex-card-section .flex-options {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
  height: -moz-fit-content;
  height: fit-content;
  width: 100% }

.flex-card-section .swiper-pagination {    background-color: transparent !important }

.card-option {
  transform: scale(1);
  background-size: cover;
  position: relative;
  width: 24.8%;
  overflow: hidden;
  cursor: pointer;
  transition: .6s all ease-in-out; }
  .card-option:not(.is-active) {
    flex-grow: 1; }
  .card-option.is-active {
    flex-grow: 10000;
    transform: scale(1);
    width: 50%; }
    .card-option.is-active .img-wrap a::after {    opacity: 0 }
    .card-option.is-active .txt {    opacity: 1 }
  .card-option .card-label {    height: -moz-fit-content;    height: fit-content;    width: 100%;    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95) }
  .card-option .txt {    display: flex;    height: auto;    align-items: flex-end }
  .card-option .bg-wrap {    height: -moz-fit-content !important;    height: fit-content !important }

@media (max-width: 1200px) {
  .card-option .bg-wrap {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 66.66667%; }
    .card-option .bg-wrap img, .card-option .bg-wrap svg {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      -o-object-fit: cover;
         object-fit: cover;
      transition: .3s ease-in-out all; } }

.intro {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) }
  .intro span {    display: none !important }
  .intro img {    opacity: 0 }
  .intro svg {    width: 100% }
  .intro .svg-generate {    opacity: 0 }

.intro {
  z-index: 99999; }

@media (min-width: 1024.1px) {
  .intro .logo {
    max-width: 31.25rem; } }
  .intro .image-svg.image-absolute .svg-generate {    z-index: 30;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%) }
    .intro .image-svg.image-absolute .svg-generate svg {
      max-width: 31.25rem; }

.section-hexagon .row {    margin-left: 0;    margin-right: 0;    flex-wrap: wrap }
  .section-hexagon .row .col {    padding-left: 0;    padding-right: 0 }

.section-hexagon .hex-wrapper {
  aspect-ratio: 265/235;
  width: 13.80208rem;
  position: relative;
  z-index: 40 }

@media (max-width: 576px) {
  .section-hexagon .hex-wrapper {
    width: 11.45833rem;
    margin-left: auto;
    margin-right: auto } }

@media (min-width: 1024.1px) {
  .section-hexagon .hex-wrapper::before {
    content: '';
    pointer-events: none;
    position: absolute;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition: .4s all ease-in-out;    right: -3.85417rem;
    top: 3.02083rem;
    max-width: 5.52083rem;
    max-height: 2.96875rem;
    background: url("../img/icon/arrow-down.svg");
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important; } }

.section-hexagon .title-wrap {
  max-width: 13.80208rem; }

.section-hexagon .hex-mask-style {
  background: var(--step-color);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 265 235'%3E%3Cpath d='M185.912 234.976H78.1687C69.4833 234.976 61.4815 230.356 57.1388 222.844L3.25703 129.621C-1.08568 122.108 -1.08568 112.868 3.25703 105.356L57.1388 12.1325C61.4815 4.62 69.5034 0 78.1687 0H185.912C194.597 0 202.599 4.62 206.942 12.1325L260.824 105.356C265.166 112.868 265.166 122.108 260.824 129.621L206.942 222.844C202.599 230.356 194.577 234.976 185.912 234.976Z' /%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 265 235'%3E%3Cpath d='M185.912 234.976H78.1687C69.4833 234.976 61.4815 230.356 57.1388 222.844L3.25703 129.621C-1.08568 122.108 -1.08568 112.868 3.25703 105.356L57.1388 12.1325C61.4815 4.62 69.5034 0 78.1687 0H185.912C194.597 0 202.599 4.62 206.942 12.1325L260.824 105.356C265.166 112.868 265.166 122.108 260.824 129.621L206.942 222.844C202.599 230.356 194.577 234.976 185.912 234.976Z' /%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center; }

.section-hexagon .second-hex {
  max-width: 10.3125rem;
  max-height: 9.27083rem; }

@media (max-width: 576px) {
  .section-hexagon .second-hex {
    max-width: 8.75rem;
    max-height: 8.22917rem; } }

.section-hexagon .third-hex {
  top: 1.71875rem;
  left: 1.97917rem;
  max-width: 10.41667rem;
  max-height: 10.625rem;
  opacity: 0.5;
  mix-blend-mode: multiply; }

@media (max-width: 576px) {
  .section-hexagon .third-hex {
    top: 1.5625rem;
    left: 1.66667rem;
    max-width: 9.27083rem;
    max-height: 8.33333rem; } }

@media (max-width: 1024px) {
  .section-hexagon .row {    justify-content: center } }

@media (min-width: 1024.1px) {
  .section-hexagon .row {    flex-wrap: nowrap;    justify-content: space-between } }

@media (max-width: 1024px) {
  .section-hexagon .col {    width: 33.333333%;    display: flex;    justify-content: center;    align-items: center } }

@media (max-width: 768px) {
  .section-hexagon .col {    width: 50% } }

.section-hexagon .col:last-child .hex-wrapper::before {    opacity: 0 }

@media (min-width: 1024.1px) {
  .section-hexagon .col:nth-child(even) {
    padding-top: 11.77083rem; } }

.section-hexagon .col:nth-child(even) .hex-wrapper::before {
  top: unset !important;
  bottom: 2.91667rem;
  background: url("../img/icon/arrow-up.svg"); }

@media (min-width: 1024.1px) {
  .section-hexagon .col:nth-child(even) .box {    display: flex;    flex-direction: column-reverse }
  .section-hexagon .col:nth-child(even) .heading-3 {    margin-top: 1.0416666666666667rem;    margin-bottom: 0 } }

.research-page .img a {    overflow: hidden;  border-radius: 1.66667rem 0 1.66667rem 0 }

@media (min-width: 576.1px) {
  .research-page .img a {
    border-radius: 2.5rem 0 2.5rem 0; } }

@media (min-width: 1024.1px) {
  .research-page .img a {
    border-radius: 5rem 0 5rem 0; } }

.research-page .content-block:nth-child(even) {
  background: url("../img/bg/reseve-bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .research-page .content-block:nth-child(even) .img a {    overflow: hidden;    border-radius: 0 1.66667rem 0 1.66667rem }

@media (min-width: 576.1px) {
  .research-page .content-block:nth-child(even) .img a {
    border-radius: 0 2.5rem 0 2.5rem; } }

@media (min-width: 1024.1px) {
  .research-page .content-block:nth-child(even) .img a {
    border-radius: 0 5rem 0 5rem; } }

.section-reserve.develope-2 .content-block:nth-child(even) {
  background: none; }
  .section-reserve.develope-2 .content-block:nth-child(even) .toggle-item-hover {    --tw-border-opacity: 1;    border-color: rgb(239 239 239 / var(--tw-border-opacity, 1)) }

@media (min-width: 1024.1px) {
  .section-reserve.develope-2 .content-block:nth-child(even) .row {    flex-direction: row } }
  .section-reserve.develope-2 .content-block:nth-child(even) .img a {    overflow: hidden;    border-radius: 1.66667rem 0 1.66667rem 0 }

@media (min-width: 576.1px) {
  .section-reserve.develope-2 .content-block:nth-child(even) .img a {
    border-radius: 2.5rem 0 2.5rem 0; } }

@media (min-width: 1024.1px) {
  .section-reserve.develope-2 .content-block:nth-child(even) .img a {
    border-radius: 5rem 0 5rem 0; } }

.section-reserve.develope-2 .content-block:nth-child(odd) {
  background: url("../img/bg/reseve-bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .section-reserve.develope-2 .content-block:nth-child(odd) .toggle-item-hover {    --tw-border-opacity: 1;    border-color: rgb(239 239 239 / var(--tw-border-opacity, 1)) }

@media (min-width: 1024.1px) {
  .section-reserve.develope-2 .content-block:nth-child(odd) .row {    flex-direction: row-reverse } }
  .section-reserve.develope-2 .content-block:nth-child(odd) .img a {    overflow: hidden;    border-radius: 0 1.66667rem 0 1.66667rem }

@media (min-width: 576.1px) {
  .section-reserve.develope-2 .content-block:nth-child(odd) .img a {
    border-radius: 0 2.5rem 0 2.5rem; } }

@media (min-width: 1024.1px) {
  .section-reserve.develope-2 .content-block:nth-child(odd) .img a {
    border-radius: 0 5rem 0 5rem; } }

@media (max-width: 1024px) {
  .section-reserve .row .col:nth-child(1) {    order: 2 }
  .section-reserve .row .col:nth-child(2) {    order: 1 } }

@media (min-width: 1024.1px) {
  .section-reserve .row {    margin-left: -2.0833333333333335rem;    margin-right: -2.0833333333333335rem }
    .section-reserve .row .col {    padding-left: 2.0833333333333335rem;    padding-right: 2.0833333333333335rem } }

.section-reserve .content-block:nth-child(even) {
  background: url("../img/bg/reseve-bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .section-reserve .content-block:nth-child(even) .toggle-item-hover {    --tw-border-opacity: 1;    border-color: rgb(220 220 220 / var(--tw-border-opacity, 1)) }

@media (min-width: 1024.1px) {
  .section-reserve .content-block:nth-child(even) .row {    flex-direction: row-reverse } }
  .section-reserve .content-block:nth-child(even) .img a {    overflow: hidden;    border-radius: 0 1.66667rem 0 1.66667rem }

@media (min-width: 576.1px) {
  .section-reserve .content-block:nth-child(even) .img a {
    border-radius: 0 2.5rem 0 2.5rem; } }

@media (min-width: 1024.1px) {
  .section-reserve .content-block:nth-child(even) .img a {
    border-radius: 0 5rem 0 5rem; } }

.section-reserve .content-wrap {    display: flex;    height: 100%;    flex-direction: column;    align-items: flex-start;    justify-content: center }

@media (max-width: 1024px) {
  .section-reserve .content-wrap {    padding-top: 1.0416666666666667rem } }

.section-reserve .toggle-item-hover {
  transition: .3s all  ease-in-out;
  pointer-events: auto;
  position: relative;
  display: flex;
  cursor: pointer;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));  list-style: none; }
  .section-reserve .toggle-item-hover::before {
    content: '\f061';
    pointer-events: none;
    z-index: 20;
    margin-right: 1.25rem;
    display: inline-block;
    font-family: 'Font Awesome 6 Pro';
    font-size: clamp(20px, calc(24 / 1920 * 100vw), 1.25rem);
    line-height: 1.35;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(129 129 129 / var(--tw-text-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    width: 24px;
    height: 24px;
    min-width: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden }
  .section-reserve .toggle-item-hover > em::before,.section-reserve .toggle-item-hover > i::before,.section-reserve .toggle-item-hover > svg::before {    max-width: 100%;    max-height: 100%;    display: block;    font-size: inherit }
  .section-reserve .toggle-item-hover::before {    transition: .4s all ease-in-out }
  .section-reserve .toggle-item-hover:last-child {    padding-bottom: 0 }
    .section-reserve .toggle-item-hover:last-child.is-active {    padding-bottom: 0 }
  .section-reserve .toggle-item-hover .wrap {    width: 100%;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-duration: 150ms;    transition: .4s all ease-in-out;    align-items: flex-start }
  .section-reserve .toggle-item-hover .article {
    overflow: hidden;
    display: grid;
    grid-template-rows: 0fr;
    transition: .4s grid-template-rows ease; }
    .section-reserve .toggle-item-hover .article .article-content {
      min-height: 0;
      visibility: hidden;
      transition: visibility 0.3s; }
  .section-reserve .toggle-item-hover.is-active::before {    --tw-text-opacity: 1;    color: rgb(243 112 33 / var(--tw-text-opacity, 1)) }
  .section-reserve .toggle-item-hover.is-active .article {
    grid-template-rows: 1fr; }
    .section-reserve .toggle-item-hover.is-active .article .article-content {
      visibility: visible; }
  .section-reserve .toggle-item-hover.is-active .heading-4 {    --tw-text-opacity: 1;    color: rgb(243 112 33 / var(--tw-text-opacity, 1)) }
  .section-reserve .toggle-item-hover .desc {    padding-top: 0.20833333333333334rem }
    .section-reserve .toggle-item-hover .desc a:hover {    --tw-text-opacity: 1;    color: rgb(243 112 33 / var(--tw-text-opacity, 1));    text-decoration-line: underline }

.section-reserve .block-tab-wrap {
  position: relative;
  overflow: hidden !important;
  transition: none !important; }

.section-reserve .tab-item-hover {    position: relative;    z-index: 100;    width: 100%;    opacity: 0 }

.section-reserve .img a {
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 83.33333%; }
  .section-reserve .img a img, .section-reserve .img a svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    transition: .3s ease-in-out all; }

.product-list .desc {
  max-width: 57.29167rem; }

.product-list-2 .product-figure {    padding-right: 2px }

.product-list-2 .modulepager {    display: flex;    justify-content: flex-start;    align-items: center }
  .product-list-2 .modulepager a {    --tw-bg-opacity: 1;    background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1)) }

.product-list-2 .facetwp-template {    margin-top: 2.0833333333333335rem }

.product-list-2 .tilte-wrap .img a {
  display: flex;
  height: 10.41667rem;
  width: auto; }
  .product-list-2 .tilte-wrap .img a img {
    width: auto;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }

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

.product-figure .img-wrap {    border-radius: 1.0416666666666667rem;    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));    padding: 0;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-duration: 150ms;    transition: .4s all ease-in-out }
  .product-figure .img-wrap .img {
    padding: 1.5625rem; }
    .product-figure .img-wrap .img a {    border-radius: 1.0416666666666667rem }

.product-figure:hover .img-wrap {    border-color: transparent;    background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%) }
  .product-figure:hover .img-wrap .img {    padding: 1.0416666666666667rem }
    .product-figure:hover .img-wrap .img img {
      transform: none !important; }

.product-figure .img {    padding: 0 }
  .product-figure .img img {    -o-object-fit: cover;    object-fit: cover }

.product-detail .prev-nav, .product-detail .next-nav {    pointer-events: auto;    z-index: 40;    height: 2.0833333333333335rem;    width: 2.0833333333333335rem;    border-radius: 9999px;    background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%);    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-duration: 150ms;    display: flex;    justify-content: center;    align-items: center;    transition: .4s all ease-in-out;  min-width: 40px;
  min-height: 40px;
  transition: .3s all  ease-in-out }

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

@media (max-width: 576px) {
  .product-detail .prev-nav, .product-detail .next-nav {
    top: 40%; } }

@media (min-width: 1200.1px) {
  .product-detail .prev-nav, .product-detail .next-nav {    z-index: 30;    position: absolute;    left: 50%;    transform: translateX(-50%) }
    .product-detail .prev-nav:hover, .product-detail .next-nav:hover {
      transform: scale(1.1) translateX(-50%); }
      .product-detail .prev-nav:hover::before, .product-detail .next-nav:hover::before {
        transform: scale(0.6); } }
  .product-detail .prev-nav::before, .product-detail .next-nav::before {    pointer-events: none;    z-index: 50;    height: -moz-fit-content;    height: fit-content;    width: -moz-fit-content;    width: fit-content;    font-family: 'Font Awesome 6 Pro';    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    font-weight: 100;    line-height: 1;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1));    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-duration: 150ms;    display: flex;    justify-content: center;    align-items: center;    transition: .4s all ease-in-out;    transition: .3s all  ease-in-out }

@media (min-width: 1024.1px) {
  .product-detail .prev-nav::before, .product-detail .next-nav::before {    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666667rem);    line-height: 1.4 } }
  .product-detail .prev-nav.swiper-button-disabled, .product-detail .next-nav.swiper-button-disabled {    pointer-events: none;    opacity: 0.5 }

@media (max-width: 1200px) {
  .product-detail .next-nav {    right: 0 } }

@media (min-width: 1200.1px) {
  .product-detail .next-nav {    bottom: 0.20833333333333334rem } }

.product-detail .next-nav::before {
  content: "\f054"; }

@media (min-width: 1200.1px) {
  .product-detail .next-nav::before {
    content: "\f078"; } }

@media (max-width: 1200px) {
  .product-detail .prev-nav {    left: 0 } }

@media (min-width: 1200.1px) {
  .product-detail .prev-nav {    top: 0.20833333333333334rem } }

.product-detail .prev-nav::before {
  content: "\f053"; }

@media (min-width: 1200.1px) {
  .product-detail .prev-nav::before {
    content: "\f077"; } }

.product-detail .top-row {    justify-content: center }

.product-detail .bottom-row {    margin: 0;    gap: 12px;    padding: 0 }
  @media screen and (max-width: 576px) {
    .product-detail .bottom-row {    position: relative }
      .product-detail .bottom-row .col {
        position: static; } }
  .product-detail .bottom-row .col {    margin: 0;    padding: 0 }

@media (max-width: 1200px) {
  .product-detail .bottom-row .col {    width: 100% }
  .product-detail .bottom-row .col:first-child {    order: 2 } }

@media (min-width: 1200.1px) {
  .product-detail .bottom-row .col:first-child {
    width: 72px;
    min-width: 72px; } }

@media (max-width: 1200px) {
  .product-detail .bottom-row .col:nth-child(2) {    order: 1 } }

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

@media (max-width: 768px) {
  .product-detail .product-main .img {    padding: 2.0833333333333335rem } }

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

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

.product-detail .product-main .img a img {    -o-object-fit: cover;    object-fit: cover }

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

@media (min-width: 1200.1px) {
  .product-detail .product-thumb {
    padding: 56px 0; } }

@media (max-width: 1200px) {
  .product-detail .product-thumb {
    max-height: 102px;
    margin-top: 1.0416666666666667rem;
    padding-top: 0.4166666666666667rem;
    padding-bottom: 0.4166666666666667rem;
    padding-left: 48px;
    padding-right: 48px } }

@media (max-width: 576px) {
  .product-detail .product-thumb {    padding-left: 0;    padding-right: 0;
    position: static } }
  .product-detail .product-thumb .swiper-slide-thumb-active .img::before {    opacity: 1 }
  .product-detail .product-thumb .swiper {    margin: 0 !important }

@media (min-width: 1024.1px) {
  .product-detail .product-thumb .swiper {    padding-bottom: 2px;    height: 16.82292rem } }
  .product-detail .product-thumb .is-icon-play a {    position: relative;    overflow: hidden }
    .product-detail .product-thumb .is-icon-play a::before, .product-detail .product-thumb .is-icon-play a::after {
      content: '';
      pointer-events: none;
      z-index: 50;
      min-height: 20px;
      min-width: 20px;
      overflow: hidden;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: .4s all ease-in-out }
    .product-detail .product-thumb .is-icon-play a:before {    width: 20px;    overflow: hidden;    border-radius: 0.25rem;    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));    --tw-bg-opacity: 0.2;      -webkit-backdrop-filter: blur(10px);      backdrop-filter: blur(10px) }
    .product-detail .product-thumb .is-icon-play a:after {    height: 10px;    min-height: 10px;    min-width: 10px;    font-family: 'Font Awesome 6 Pro';      content: '';
      background-image: url("data:image/svg+xml;charset=utf-8,<svg width='24' height='36' viewBox='0 0 24 36' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.5 0C2.25 0 3 0.75 3 1.5V34.5C3 35.3438 2.25 36 1.5 36C0.65625 36 0 35.3438 0 34.5V1.5C0 0.75 0.65625 0 1.5 0ZM22.5 0C23.25 0 24 0.75 24 1.5V34.5C24 35.25 23.25 36 22.5 36C21.6562 36 21 35.25 21 34.5V1.5C21 0.65625 21.6562 0 22.5 0Z' fill='white'/></svg>");
      background-repeat: no-repeat;
      background-size: contain !important;
      background-position: center }
  .product-detail .product-thumb .img::before, .product-detail .product-thumb .img::after {
    content: '';
    pointer-events: none;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 7px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .4s all ease-in-out }
  .product-detail .product-thumb .img::before {    background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%);    opacity: 0 }
  .product-detail .product-thumb .img::after {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    width: calc( 100% - 2px);
    height: calc( 100% - 2px) }
  .product-detail .product-thumb .img a {    position: relative;    z-index: 50;    overflow: hidden;    border-radius: 0px;    border-width: 4px;    --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));    display: flex;    justify-content: center;    align-items: center;    height: 72px;
    width: auto }

@media (min-width: 1200.1px) {
  .product-detail .product-thumb .img a {
    height: 3.33333rem; } }
    .product-detail .product-thumb .img a img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain; }
  .product-detail .product-thumb .swiper-slide.swiper-slide-thumb-active .img {    --tw-border-opacity: 1 !important;    border-color: rgb(38 102 51 / var(--tw-border-opacity, 1)) !important }

.product-detail .social a:hover {
  transform: translateY(-5px); }

.product-detail .shadow-wrap {
  box-shadow: 0px 16px 24px 0px #1F22270F;
  overflow: hidden;
  border-bottom-right-radius: 1.6666666666666667rem;
  border-bottom-left-radius: 1.6666666666666667rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) }

.product-detail .table-wrap {    position: relative }
  .product-detail .table-wrap table {    position: relative;    z-index: 20;    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) }

@media (max-width: 768px) {
  .product-detail .table-wrap tr {    display: flex;    flex-direction: column }
  .product-detail .table-wrap tr:not(:last-child) td:last-child {    padding-bottom: 0.8333333333333334rem } }

@media (min-width: 768.1px) {
  .product-detail .table-wrap tr:not(:last-child) td {    padding-bottom: 0.8333333333333334rem } }

@media (min-width: 1200.1px) {
  .product-detail .table-wrap tr:not(:last-child) {    padding-bottom: 1.25rem } }
  .product-detail .table-wrap tr:first-child td {    padding-top: 0 }
  .product-detail .table-wrap td {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4 }
    .product-detail .table-wrap td * {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4 }
    .product-detail .table-wrap td:first-child {    width: 100px;    padding-left: 0;    padding-right: 1.6666666666666667rem;    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%);      vertical-align: top;
      min-width: 12.5rem }

@media (max-width: 768px) {
  .product-detail .table-wrap td:first-child {    display: block;    width: 100% } }
      .product-detail .table-wrap td:first-child * {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%) }
    .product-detail .table-wrap td:nth-child(2) {    font-weight: 400 }
      .product-detail .table-wrap td:nth-child(2) * {    font-weight: 400 }

.product-detail .tab-nav ul {    gap: 10px }

.product-detail .tab-nav li:hover a, .product-detail .tab-nav li.active a {    background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%);    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1));  text-shadow: 1px 0 0 #fff }

.product-detail .tab-nav a {    border-top-left-radius: 1.0416666666666667rem;    border-top-right-radius: 1.0416666666666667rem;    --tw-bg-opacity: 1;    background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));    padding-left: 1.0416666666666667rem;    padding-right: 1.0416666666666667rem;    padding-top: 0.625rem;    padding-bottom: 0.625rem;    font-weight: 400;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-duration: 150ms;    transition: .4s all ease-in-out }

.product-detail .fullcontent img, .product-detail .fullcontent iframe {    border-radius: 1.0416666666666667rem }

.product-detail .fullcontent figure {    margin-left: auto;    margin-right: auto;    margin-top: 1.0416666666666667rem;    margin-bottom: 1.0416666666666667rem;    overflow: hidden;    border-radius: 1.0416666666666667rem }
  .product-detail .fullcontent figure img {    margin: 0;    overflow: hidden;    border-radius: 0px }
  .product-detail .fullcontent figure figcaption {    --tw-bg-opacity: 1;    background-color: rgb(220 220 220 / var(--tw-bg-opacity, 1));    padding-top: 0.20833333333333334rem;    padding-bottom: 0.20833333333333334rem;    text-align: center;    font-size: clamp(13px, calc(15 / 1920 * 100vw), 0.78125rem);    font-weight: 300;    font-style: italic;    display: flex;    justify-content: center;    align-items: center }

.product-faq .desc {    --tw-text-opacity: 1;    color: rgb(70 70 70 / var(--tw-text-opacity, 1)) }
  .product-faq .desc * {    --tw-text-opacity: 1;    color: rgb(70 70 70 / var(--tw-text-opacity, 1)) }

.product-faq .toggle-item {    cursor: pointer;    overflow: hidden;    border-radius: 0.4166666666666667rem;    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));  margin-bottom: 8px }
  .product-faq .toggle-item.is-toggle .title {    padding-bottom: 0.4166666666666667rem }
    .product-faq .toggle-item.is-toggle .title span {    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666667rem);    line-height: 1.4;    font-weight: 700;    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%) }
    .product-faq .toggle-item.is-toggle .title::after {
      content: '\f068';
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%) }
  .product-faq .toggle-item.is-toggle .article {    display: block }
  .product-faq .toggle-item .title {    display: flex;    width: 100%;    align-items: center;    justify-content: space-between;    padding-left: 0.8333333333333334rem;    padding-right: 0.8333333333333334rem;    padding-top: 1.25rem;    padding-bottom: 1.25rem }
    .product-faq .toggle-item .title .body-3 {    font-weight: 700 }
    .product-faq .toggle-item .title::after {
      content: '\2b';
      pointer-events: none;
      z-index: 10;
      display: flex;
      height: 100%;
      width: -moz-fit-content;
      width: fit-content;
      align-items: center;
      font-family: 'Font Awesome 6 Pro';
      font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666667rem);
      line-height: 1.4;
      font-weight: 300;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
      transition: .4s all ease-in-out }
  .product-faq .toggle-item .article {    position: relative;    display: none;    padding: 0.8333333333333334rem;    padding-bottom: 0.8333333333333334rem }
    .product-faq .toggle-item .article::after {
      content: '';
      pointer-events: none;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 10;
      display: block;
      height: 1px;
      width: 100%;
      background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%);
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
      transition: .4s all ease-in-out }

.cert-product-swiper {
  max-width: 18.22917rem; }

@media (max-width: 1024px) {
  .cert-product-swiper {    width: 100% } }
  .cert-product-swiper .ico {    margin-left: 0.4166666666666667rem;    margin-right: 0.4166666666666667rem;    width: 100%;    display: flex;    justify-content: center;    align-items: center;    height: 41px;
    max-height: 41px;
    width: 40px }
    .cert-product-swiper .ico img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .cert-product-swiper .swiper {
    overflow: hidden;
    width: 18.75rem; }
  .cert-product-swiper .swiper-wrapper {
    transition-timing-function: linear !important;
    width: 18.75rem; }
  .cert-product-swiper .swiper-slide {
    width: auto !important;
    flex-shrink: 0; }

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

.filter-toggle {    position: fixed;    top: 50%;    right: 5px;    z-index: 99;    height: 36px;    width: 36px;    overflow: hidden;    border-radius: 0.25rem;    background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%);    display: flex;    justify-content: center;    align-items: center }

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

.filter-box {    overflow: hidden;    border-radius: 1.0416666666666667rem;    padding: 1.25rem;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-duration: 150ms;    transition: .4s all ease-in-out;  box-shadow: 0px 16px 24px 0px #1F22270F }

@media (min-width: 1200.1px) {
  .filter-box {    padding: 1.6666666666666667rem } }
  .filter-box:not(:last-child) {    margin-bottom: 1.25rem }

@media (min-width: 1024.1px) {
  .filter-box.is-toggle {    padding-top: 1.4583333333333335rem } }
  .filter-box .facetwp-facet {    margin-bottom: 0 }

@media (min-width: 1024.1px) {
  .filter-box .facetwp-facet {    padding-top: 1.4583333333333335rem } }

@media (max-width: 1024px) {
  .filter-box .facetwp-facet {    display: grid;    grid-template-columns: repeat(4, minmax(0, 1fr));    gap: 0.8333333333333334rem;    padding-top: 0.625rem;    padding-bottom: 0.625rem } }

@media (max-width: 768px) {
  .filter-box .facetwp-facet {    grid-template-columns: repeat(3, minmax(0, 1fr)) } }

@media (max-width: 576px) {
  .filter-box .facetwp-facet {    grid-template-columns: repeat(2, minmax(0, 1fr)) } }
  .filter-box .facetwp-facet.slider {    grid-template-columns: repeat(1, minmax(0, 1fr)) !important }
  .filter-box .facetwp-checkbox {    position: relative;    display: flex;    justify-content: flex-start;    align-items: center }

@media (max-width: 1024px) {
  .filter-box .facetwp-checkbox {    min-height: 44px;    border-radius: 0.25rem;    border-width: 1px;    border-color: transparent;    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    padding: 8px;    padding-top: 4px;    padding-bottom: 4px;    text-align: center;    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-duration: 150ms;    display: flex;    justify-content: center;    align-items: center;    transition: .4s all ease-in-out;    background-image: none !important }
    .filter-box .facetwp-checkbox::before {    display: none }
    .filter-box .facetwp-checkbox span {    margin-top: 0.20833333333333334rem }
    .filter-box .facetwp-checkbox.checked {    --tw-border-opacity: 1;    border-color: rgb(27 24 25 / var(--tw-border-opacity, 1)) } }

@media (min-width: 1024.1px) {
  .filter-box .facetwp-checkbox {    justify-content: flex-start !important;    padding-left: 0 !important;    background-image: none !important }
    .filter-box .facetwp-checkbox span {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    font-weight: 400 }
    .filter-box .facetwp-checkbox:not(:last-child) {    margin-bottom: 0.8333333333333334rem }
    .filter-box .facetwp-checkbox::before {
      content: '\f0c8';
      pointer-events: none;
      z-index: 10;
      margin-right: 8px;
      display: block;
      height: auto;
      width: auto;
      font-family: 'Font Awesome 6 Pro';
      font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666667rem);
      line-height: 1.4;
      font-weight: 300;
      --tw-text-opacity: 1;
      color: rgb(129 129 129 / var(--tw-text-opacity, 1));
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
      transition: .4s all ease-in-out }
    .filter-box .facetwp-checkbox.checked:before {
      content: '\f14a';
      font-weight: 900;
      text-decoration-line: none;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%) }
    .filter-box .facetwp-checkbox:hover span {    --tw-text-opacity: 1;    color: rgb(243 112 33 / var(--tw-text-opacity, 1)) } }
  .filter-box .facetwp-toggle {    grid-column: span 2 / span 2;    font-size: clamp(14px, calc(14 / 1920 * 100vw), 0.7291666666666667rem);    line-height: 1.4;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1));    border: none !important }
  .filter-box .facetwp-counter {    display: none }
  .filter-box .title {    position: relative }
    .filter-box .title::after {
      content: '';
      pointer-events: none;
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 10;
      display: block;
      height: 1px;
      width: 100%;
      background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%);
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
      transition: .4s all ease-in-out }
    .filter-box .title em, .filter-box .title i {    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666667rem);    line-height: 1.4;    font-weight: 300 }

.facetwp-slider-reset {    margin-top: 1.0416666666666667rem;    height: 2.0833333333333335rem;    cursor: pointer;    overflow: hidden;    border-radius: 0.4166666666666667rem;    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(27 24 25 / var(--tw-border-opacity, 1));    --tw-bg-opacity: 1;    background-color: rgb(27 24 25 / var(--tw-bg-opacity, 1));    padding-top: 0.4166666666666667rem;    padding-bottom: 0.4166666666666667rem;    padding-left: 1.0416666666666667rem;    padding-right: 1.0416666666666667rem;    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1));    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-duration: 150ms;    transition: .4s all ease-in-out;  min-height: 40px }
  .facetwp-slider-reset:hover {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    --tw-text-opacity: 1;    color: rgb(27 24 25 / var(--tw-text-opacity, 1)) }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.product-item {    height: 100%;    display: flex;    flex-direction: column }
  .product-item::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(243 112 33 / var(--tw-border-opacity, 1));
    opacity: 0;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition: .4s all ease-in-out;    height: 19.79167rem;
    border-radius: 0 1.66667rem 0 1.66667rem; }

@media (min-width: 576.1px) {
  .product-item::after {
    border-radius: 0 2.5rem 0 2.5rem; } }

@media (min-width: 1024.1px) {
  .product-item::after {
    border-radius: 0 4.16667rem 0 4.16667rem; } }
  .product-item:hover::after {    opacity: 1 }
  .product-item .img {
    flex: 0 0 auto;
    width: 100% }
  .product-item .txt {
    flex: 0 1  auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between }
    .product-item .txt .headline {
      flex: 0 0 auto;
      width: 100% }
    .product-item .txt .btn-wrap {
      flex: 0 1  auto; }

.woocommerce-ordering {
  display: none; }

.toggle-box .title-nav {
  align-items: flex-start;
  transition: .3s all  ease-in-out; }

@media (min-width: 1024.1px) {
  .toggle-box .title-nav {    pointer-events: none !important } }

@media (max-width: 1024px) {
  .toggle-box .title-nav::before {
    content: "\f078";
    pointer-events: none;
    position: absolute;
    top: 6px;
    right: 1.25rem;
    z-index: 10;
    display: block;
    font-family: 'Font Awesome 6 Pro';
    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666667rem);
    line-height: 1.4;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition: .4s all ease-in-out }
  .toggle-box .box-content {    display: none;    padding-bottom: 0.625rem }

.news-detail .time-wrap.toggle-box .box-content::after {
  content: '';
  pointer-events: none;
  left: 0;
  z-index: 10;
  display: block;
  height: 1px;
  width: 100%;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: .4s all ease-in-out;  background: #2D54C5; }
  .toggle-box.is-toggle .title::before {
    transform: rotateX(-180deg); }
  .toggle-box.is-toggle .box-content {    display: block } }

.product-side-nav {    margin-bottom: 1.0416666666666667rem }
  .product-side-nav .menu-item.is-active > a, .product-side-nav .menu-item.current-menu-item > a {    --tw-text-opacity: 1;    color: rgb(27 24 25 / var(--tw-text-opacity, 1)) }
  .product-side-nav .menu-item.is-active > .title, .product-side-nav .menu-item.current-menu-item > .title {    --tw-border-opacity: 1 !important;    border-bottom-color: rgb(27 24 25 / var(--tw-border-opacity, 1)) !important }
    .product-side-nav .menu-item.is-active > .title > a, .product-side-nav .menu-item.current-menu-item > .title > a {    --tw-text-opacity: 1;    color: rgb(27 24 25 / var(--tw-text-opacity, 1)) }
  .product-side-nav .menu-item.is-active > .sub-menu, .product-side-nav .menu-item.current-menu-item > .sub-menu {    display: block }

.side-nav .menu-item .title {    position: relative;    display: flex;    width: 100%;    align-items: center;    justify-content: space-between;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-duration: 150ms;    transition: .4s all ease-in-out;    pointer-events: auto !important }

.side-nav .icon {    pointer-events: auto;    position: relative;    font-weight: 300;    line-height: 1;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-duration: 150ms;    display: flex;    justify-content: flex-end;    align-items: center;    transition: .4s all ease-in-out;  height: 30px;
  width: 40px }
  .side-nav .icon::before {
    content: '\2b';
    pointer-events: auto;
    z-index: 10;
    height: 100%;
    width: 100%;
    font-family: 'Font Awesome 6 Pro';
    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666667rem);
    line-height: 1.4;
    --tw-text-opacity: 1;
    color: rgb(129 129 129 / var(--tw-text-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: .4s all ease-in-out }

.side-nav .sub-menu {    display: none;    width: 100%;    padding: 0.8333333333333334rem }

.side-nav > .nav > .menu-item.active > .title::after, .side-nav > .nav > .menu-item.is-active > .title::after {    background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%) }

.side-nav > .nav > .menu-item.active > .title > a, .side-nav > .nav > .menu-item.is-active > .title > a {    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%) }

.side-nav > .nav > .menu-item.active > .title > .icon:before, .side-nav > .nav > .menu-item.is-active > .title > .icon:before {
  content: '\f068';
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%);  transform: rotateX(-180deg); }

.side-nav > .nav > .menu-item:hover > .title::after {    background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%) }

.side-nav > .nav > .menu-item:hover > .title > a {    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%) }

.side-nav > .nav > .menu-item:not(:last-child) {    margin-bottom: 1.0416666666666667rem }

@media (min-width: 1200.1px) {
  .side-nav > .nav > .menu-item:not(:last-child) {    margin-bottom: 1.4583333333333335rem } }

.side-nav > .nav > .menu-item > .sub-menu {    overflow: hidden;    border-radius: 0.4166666666666667rem;    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) }

.side-nav > .nav > .menu-item > .title::after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 1px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(220 220 220 / var(--tw-bg-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out }

.side-nav > .nav > .menu-item > .title a {    padding-bottom: 0.4166666666666667rem;    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666667rem);    line-height: 1.4;    font-weight: 700;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1));    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-duration: 150ms;    display: flex;    justify-content: flex-start;    align-items: center;    transition: .4s all ease-in-out }

.side-nav > .nav > .menu-item > .sub-menu {    background-color: transparent;    padding-left: 0;    padding-right: 0;    padding-top: 1.0416666666666667rem;    padding-bottom: 0 }

@media (min-width: 1024.1px) {
  .side-nav > .nav > .menu-item > .sub-menu {    padding-top: 1.25rem } }
  .side-nav > .nav > .menu-item > .sub-menu > .menu-item:not(:last-child) .title {    margin-bottom: 0.8333333333333334rem }
  .side-nav > .nav > .menu-item > .sub-menu > .menu-item:hover > .title a, .side-nav > .nav > .menu-item > .sub-menu > .menu-item.active > .title a, .side-nav > .nav > .menu-item > .sub-menu > .menu-item.is-active > .title a {    --tw-text-opacity: 1;    color: rgb(243 112 33 / var(--tw-text-opacity, 1)) }
  .side-nav > .nav > .menu-item > .sub-menu > .menu-item > .title a {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    font-weight: 400;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-duration: 150ms;    transition: .4s all ease-in-out }

.primary-banner {    position: relative;    z-index: 10;    overflow: hidden }
  @media screen and (max-width: 1200px) {
    .primary-banner {
      padding: 0 !important; } }

@media (max-width: 1024px) {
  .primary-banner .txt {    padding-bottom: 2.0833333333333335rem;    padding-right: 2.0833333333333335rem } }
  .primary-banner .wrap {    position: relative }
    @media screen and (max-width: 1024px) {
      .primary-banner .wrap {    position: static } }
  .primary-banner .swiper-slide {    pointer-events: none;    height: auto;    z-index: -1 }
    .primary-banner .swiper-slide:hover .img::before {    opacity: 0.1 }
    .primary-banner .swiper-slide.swiper-slide-active {
      z-index: 999;
      pointer-events: auto }
  .primary-banner .img {    position: relative;    z-index: 20 }
    .primary-banner .img::before, .primary-banner .img::after {
      content: '';
      pointer-events: none;
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 10;
      display: block;
      height: 100%;
      width: 100%;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
      transition: .4s all ease-in-out }
    .primary-banner .img::before {
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 14.31%, rgba(0, 0, 0, 0.2) 100%); }
    .primary-banner .img::after {    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));    --tw-bg-opacity: 0.2 }

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

@media (min-width: 768.1px) {
  .primary-banner .img a {
    display: flex;
    height: 100vh;
    height: 100svh;
    width: 100%; }
    .primary-banner .img a img, .primary-banner .img a picture, .primary-banner .img a iframe, .primary-banner .img a video {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; } }

@media (min-width: 1200.1px) {
  .primary-banner .pause-track {
    width: 3.54167rem;
    min-width: 3.54167rem;
    height: 3.54167rem; } }
  .primary-banner .pause-track.paused::after {
    content: '\f04b'; }
  .primary-banner .pause-track::after {
    content: '\f04c';
    pointer-events: none;
    z-index: 50;
    display: block;
    width: 100%;
    overflow: hidden;
    font-family: 'Font Awesome 6 Pro';
    font-size: clamp(26px, calc(30 / 1920 * 100vw), 1.5625rem);
    line-height: 1.3;
    font-weight: 100;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .4s all ease-in-out }

@media (min-width: 1200.1px) {
  .primary-banner .pause-track::after {
    font-size: 2.5rem; } }
  .primary-banner .desktop {    display: none }

@media (min-width: 768.1px) {
  .primary-banner .desktop {    display: block } }
  .primary-banner .mobile {    display: block }

@media (min-width: 768.1px) {
  .primary-banner .mobile {    display: none } }

.primary-banner, .home-branding-list {
  position: relative;
  overflow: hidden; }

.scroll-container-snap {
  height: 100vh;
  overflow-y: scroll;
  scroll-snap-type: y mandatory; }

.fp-mimic {
  height: 100vh;
  width: 100%;
  overflow: hidden;
  position: relative;
  scroll-snap-align: start;
  scroll-snap-stop: always; }

.home-branding-list {    overflow: hidden }

@media (min-width: 1024.1px) {
  .home-branding-list {
    height: 44.79167rem; } }

@media (min-width: 1200.1px) {
  .home-branding-list {
    height: 50rem; } }

@media (max-width: 1024px) {
  .home-branding-list {    height: auto } }

@media (max-width: 1200px) {
  .home-branding-list {    height: auto !important } }
  .home-branding-list .scrollbar-wrap {
    height: 10.41667rem; }
  .home-branding-list .col:nth-child(2) {    display: flex;    justify-content: center;    align-items: center }

@media (max-width: 1024px) {
  .home-branding-list .heading-2 {    text-align: center }
    .home-branding-list .heading-2 br {    display: none } }
  .home-branding-list .box-wrap {    height: 100%;    width: auto }

@media (min-width: 1200.1px) {
  .home-branding-list .box-wrap {    width: 100%;    margin: 4.6875rem -7.29167rem 0 0 } }

@media (max-width: 1024px) {
  .home-branding-list .col:first-child {    order: 2 }
  .home-branding-list .col:nth-child(2) {    order: 1 } }
  .home-branding-list .icon {    display: flex;    justify-content: center;    align-items: center;    height: 6.66667rem;
    width: auto }

@media (max-width: 576px) {
  .home-branding-list .icon {
    height: 10.20833rem; } }
    .home-branding-list .icon img {
      width: auto;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain; }
  .home-branding-list .zone-desc::after {
    content: '';
    pointer-events: none;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 6px;
    width: 100%;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition: .4s all ease-in-out;    max-width: 13.54167rem;
    background: linear-gradient(90deg, #FEA403 0%, #94CD06 100%); }
  .home-branding-list .container-flower {
    margin: auto;
    height: 20.83333rem;
    width: 15.625rem;
    pointer-events: none;    transform-origin: center center;
    will-change: transform; }

@media (max-width: 576px) {
  .home-branding-list .container-flower {
    margin-right: -1.82292rem; } }
    .home-branding-list .container-flower.is-interactive {    pointer-events: auto }
      .home-branding-list .container-flower.is-interactive .droplet-wrap {    pointer-events: auto !important }
      .home-branding-list .container-flower.is-interactive .box::after {
        animation: fd-out .5s ease both; }

@media (min-width: 576.1px) {
  .home-branding-list .container-flower {
    height: 24.79167rem;
    width: 20.83333rem; } }

@media (min-width: 768.1px) {
  .home-branding-list .container-flower {
    height: 43.75rem;
    width: 41.66667rem; } }

@media (min-width: 1024.1px) {
  .home-branding-list .container-flower {
    height: 43.75rem;
    width: 43.75rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) } }
  .home-branding-list .item-hover {    display: none }
    .home-branding-list .item-hover.is-active {    display: block }
  .home-branding-list .droplet-wrap {
    --target-scale: 0.75;
    height: 10.20833rem;
    width: 8.33333rem;
    pointer-events: none;    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: right bottom;
    opacity: 0;
    animation: none !important;
    filter: drop-shadow(0px 16px 24px rgba(31, 34, 39, 0.3)); }
    .home-branding-list .droplet-wrap:not(:first-child) .first {
      animation-delay: 3s;
      animation: fd-in 1.5s ease both; }
      .home-branding-list .droplet-wrap:not(:first-child) .first a img {
        transform: rotate(36deg) scale(1.44) !important; }
    .home-branding-list .droplet-wrap:not(.is-first) .second img {
      transform: rotate(36deg); }
    .home-branding-list .droplet-wrap .box {    height: 100%;    width: 100%;      -webkit-mask-image: url("../img/mask/mask-2.svg");
      mask-image: url("../img/mask/mask-2.svg");
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 100% 100%;
              mask-size: 100% 100%;
      -webkit-mask-position: bottom;
              mask-position: bottom }
      .home-branding-list .droplet-wrap .box::before {
        content: '';
        pointer-events: none;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 50;
        display: block;
        height: 100%;
        width: 100%;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
        transition: .4s all ease-in-out;        background: #00000080;
        opacity: 1; }
      .home-branding-list .droplet-wrap .box::after {
        content: '';
        pointer-events: none;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 50;
        display: block;
        height: 100%;
        width: 100%;        background: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%); }

@media (min-width: 768.1px) {
  .home-branding-list .droplet-wrap {
    top: 50px;
    left: 50px; } }

@media (min-width: 576.1px) {
  .home-branding-list .droplet-wrap {
    height: 12.5rem;
    width: 10.41667rem; } }

@media (min-width: 768.1px) {
  .home-branding-list .droplet-wrap {
    height: 19.58333rem;
    width: 17.70833rem; } }
    .home-branding-list .droplet-wrap:first-child .first img {
      height: 55%;
      margin: 25% 0 0 -20%;
      transform: rotate(36deg) scale(1.46) !important; }
    .home-branding-list .droplet-wrap.is-first {
      --target-scale: 1;
      z-index: 5; }
      .home-branding-list .droplet-wrap.is-first .first {
        animation: none !important; }
        .home-branding-list .droplet-wrap.is-first .first img {
          height: 55%;
          margin: 25% 0 0 -20%;
          transform: rotate(36deg) scale(1.46) !important; }
      .home-branding-list .droplet-wrap.is-first .box::before {
        opacity: var(--overlay-opacity, 1); }
    .home-branding-list .droplet-wrap.is-visible {
      animation: none !important; }
      .home-branding-list .droplet-wrap.is-visible .img a img {
        animation: none !important; }
    .home-branding-list .droplet-wrap.is-active {
      transform: rotate(var(--rot)) scale(1) !important; }
      .home-branding-list .droplet-wrap.is-active .box::before {
        opacity: 0; }
      .home-branding-list .droplet-wrap.is-active .first {    opacity: 1 !important }
      .home-branding-list .droplet-wrap.is-active .second {    opacity: 0 !important }
      .home-branding-list .droplet-wrap.is-active:first-child .first {
        animation: none !important; }
        .home-branding-list .droplet-wrap.is-active:first-child .first img {
          height: 55%;
          margin: 25% 0 0 -20%; }
    .home-branding-list .droplet-wrap.is-hover {
      transform: rotate(var(--rot)) scale(1) !important; }
      .home-branding-list .droplet-wrap.is-hover .box::before {
        opacity: 0; }
      .home-branding-list .droplet-wrap.is-hover .first {    opacity: 1 !important }
      .home-branding-list .droplet-wrap.is-hover .second {    opacity: 0 !important }
      .home-branding-list .droplet-wrap.is-hover:first-child .first {
        animation: none !important; }
        .home-branding-list .droplet-wrap.is-hover:first-child .first img {
          height: 55%;
          margin: 25% 0 0 -20%; }
  .home-branding-list .img {    z-index: 20;    height: 100%;    width: 100%;    opacity: 0;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%) }
    .home-branding-list .img .first {    opacity: 0 }
    .home-branding-list .img .second {    opacity: 1 }
    .home-branding-list .img a {    height: 100%;    width: 100%;    display: flex;    justify-content: center;    align-items: center }
      .home-branding-list .img a img {    height: 100%;    width: 100%;    -o-object-fit: cover;    object-fit: cover;        will-change: transform }
  .home-branding-list .swiper img {
    filter: grayscale(1);
    transition: .3s all  ease-in-out; }
  .home-branding-list .swiper .swiper-slide:hover img {
    filter: grayscale(0); }
  .home-branding-list .droplet-wrap:nth-child(1) {
    --rot: 320deg; }
    .home-branding-list .droplet-wrap:nth-child(1).is-visible {
      transition-delay: 0s;
      transform: translate(-50%, 0) rotate(var(--rot)) scale(var(--target-scale, 0.75)); }
  .home-branding-list .droplet-wrap:nth-child(2) {
    --rot: 392deg; }
    .home-branding-list .droplet-wrap:nth-child(2).is-visible {
      transition-delay: 0.1s;
      transform: translate(-50%, 0) rotate(var(--rot)) scale(var(--target-scale, 0.75)); }
  .home-branding-list .droplet-wrap:nth-child(3) {
    --rot: 464deg; }
    .home-branding-list .droplet-wrap:nth-child(3).is-visible {
      transition-delay: 0.2s;
      transform: translate(-50%, 0) rotate(var(--rot)) scale(var(--target-scale, 0.75)); }
  .home-branding-list .droplet-wrap:nth-child(4) {
    --rot: 536deg; }
    .home-branding-list .droplet-wrap:nth-child(4).is-visible {
      transition-delay: 0.3s;
      transform: translate(-50%, 0) rotate(var(--rot)) scale(var(--target-scale, 0.75)); }
  .home-branding-list .droplet-wrap:nth-child(5) {
    --rot: 608deg; }
    .home-branding-list .droplet-wrap:nth-child(5).is-visible {
      transition-delay: 0.4s;
      transform: translate(-50%, 0) rotate(var(--rot)) scale(var(--target-scale, 0.75)); }

@keyframes spinner {
  0% {
    opacity: 0;
    transform: rotate(0deg) scale(0.01); }
  100% {
    opacity: 1;
    transform: rotate(var(--rot)) scale(var(--target-scale)); } }

@keyframes counter-spinner {
  0% {
    transform: rotate(0deg) scale(1.3); }
  100% {
    transform: rotate(calc(var(--rot) * -1)) scale(1.3); } }

@media (max-width: 1200px) {
  .home-branding-list .block-wrapper {    margin: 0 } }

html,
body {
  width: 100%; }

.main-content {
  position: relative;
  z-index: 2;
  background: #fff; }

.section {
  position: relative; }

.fp-overflow {
  width: 100%; }

@media (max-width: 1200px) {
  .contact-section {    padding-bottom: 3.125rem } }

.contact-section .wpcf7-form.sent .wpcf7-response-output, .contact-section .wpcf7-form.invalid .wpcf7-response-output {    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));    padding-left: 0.8333333333333334rem;    padding-right: 0.8333333333333334rem;    padding-top: 0.4166666666666667rem;    padding-bottom: 0.4166666666666667rem }

@media (max-width: 1024px) {
  .contact-section .container-xxl {    position: relative;    z-index: 30 } }

@media (min-width: 1024.1px) {
  .contact-section .block-wrap {
    max-width: 51.5625rem; } }

@media screen and (max-width: 1024px) {
  .contact-section .heading-1 {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
  .contact-section .img {    z-index: 10;    height: 100%;    width: 100%;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%) }
  .contact-section .img a {    height: 100%;    width: 100%;    display: flex;    justify-content: center;    align-items: center }
    .contact-section .img a img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; } }

@media (min-width: 1024.1px) {
  .contact-section .img a {
    display: flex;
    height: 36.97917rem;
    width: 100%; }
    .contact-section .img a img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; } }

.contact-section .desc {    display: none }

@media (min-width: 768.1px) {
  .contact-section .wrap-form .fa-exclamation-triangle, .contact-section .wrap-form .wpcf7-not-valid-tip {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
    .contact-section .wrap-form .fa-exclamation-triangle:before, .contact-section .wrap-form .wpcf7-not-valid-tip:before {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) } }

.page-template-contact .contact-section .desc {    display: block }

@media (max-width: 1024px) {
  .page-template-contact .contact-section .desc {    --tw-text-opacity: 1;    color: rgb(27 24 25 / var(--tw-text-opacity, 1)) } }

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

@media (max-width: 1200px) {
  .home-news .tab-nav ul {    justify-content: center } }

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

.home-news .tab-nav li.active a, .home-news .tab-nav li:hover a {    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%) }

.home-news .swiper-slide::after {
  content: '';
  pointer-events: none;
  position: absolute;
  top: 0;
  right: -2.916666666666667rem;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 100%;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out }
  @media screen and (min-width: 1400px) {
    .home-news .swiper-slide::after {    right: -2.0833333333333335rem } }

@media (max-width: 1200px) {
  .home-news .swiper-slide::after {    display: none } }

.home-news .swiper-pagination {    margin-top: 2.0833333333333335rem }

@media screen and (max-width: 1024px) {
  .home-news .time-cat .type * {    font-size: clamp(12px, calc(12 / 1920 * 100vw), 0.625rem);    line-height: 1.4 } }

.news-item .time-cat {    margin-bottom: 1.0416666666666667rem }

.home-product .row {    margin: 0;    justify-content: space-between;    padding: 0 }
  .home-product .row .col {    margin: 0;    padding: 0 }

.home-product .img {
  max-width: 41.92708rem; }

@media (min-width: 1024.1px) {
  .home-product .img {
    margin: -10.41667rem 0 0; } }

.home-product .tab-nav-hover ul {    gap: 2px;    display: flex;    justify-content: flex-end;    align-items: center;  align-items: flex-end }

@media (max-width: 576px) {
  .home-product .tab-nav-hover ul {    margin-bottom: 1.25rem;    display: flex;    width: 100%;    flex-direction: column;    gap: 0.4166666666666667rem }
    .home-product .tab-nav-hover ul li {    width: 100% }
    .home-product .tab-nav-hover ul a {    border-radius: 1.0416666666666667rem } }

.home-product .tab-nav-hover li.is-active a, .home-product .tab-nav-hover li:hover a {    padding-bottom: 1.875rem }

@media (max-width: 576px) {
  .home-product .tab-nav-hover li.is-active a, .home-product .tab-nav-hover li:hover a {    padding-top: 0.8333333333333334rem;    padding-bottom: 0.8333333333333334rem } }

.home-product .tab-nav-hover a {    text-transform: uppercase;  background: var(--color-code) }

@media (max-width: 576px) {
  .home-product .tab-nav-hover a {    padding-top: 0.8333333333333334rem;    padding-bottom: 0.8333333333333334rem } }

@media (min-width: 1200.1px) {
  .home-product .tab-nav-hover a {
    min-width: 12.5rem; } }

.home-product .tab-nav-hover .heading-5 {    font-weight: 600 !important }

.home-product .tab-content-container {
  position: relative;
  min-height: 31.25rem;
  transition: .3s all  ease-in-out;
  background: var(--color-code); }

@media (max-width: 1024px) {
  .home-product .tab-content-container {
    display: grid;
    overflow: hidden;
    min-height: 0;
    transition: background-color .3s ease-in-out; } }

.home-product .tab-item-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: transparent;
  display: none; }
  .home-product .tab-item-hover.is-active {
    display: block;
    position: relative; }

@media (max-width: 1024px) {
  .home-product .tab-item-hover {
    grid-area: 1 / 1;
    position: relative;
    top: auto;
    left: auto;
    display: block;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .4s ease-in-out, visibility .4s; }
    .home-product .tab-item-hover.is-active {
      visibility: visible;
      opacity: 1;
      pointer-events: auto;
      z-index: 2; }
    .home-product .tab-item-hover .tab-hover-image {
      animation: none; }
    .home-product .tab-item-hover .tab-hover-content {
      opacity: 1;
      transition: none; }
    .home-product .tab-item-hover.is-active .tab-hover-image {
      animation: none; } }

.tab-item-hover {
  display: none; }

@media (max-width: 1024px) {
  .tab-item-hover {    padding-bottom: 2.0833333333333335rem } }
  .tab-item-hover .tab-hover-image {
    animation: slide-in-left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

@media (min-width: 1200.1px) {
  .tab-item-hover .tab-hover-image {
    max-height: 31.25rem; } }

@media (max-width: 768px) {
  .tab-item-hover .tab-hover-image {    margin-top: 1.0416666666666667rem;    margin-bottom: 1.0416666666666667rem } }
    @media screen and (max-width: 1024.1px) {
      .tab-item-hover .tab-hover-image .img {    margin-left: auto;    margin-right: auto } }
    .tab-item-hover .tab-hover-image .img a {    display: flex;    align-items: flex-end;    justify-content: center;      height: 41.66667rem;
      width: auto }
      @media screen and (max-width: 1024px) {
        .tab-item-hover .tab-hover-image .img a {
          height: 31.25rem; } }
      @media screen and (max-width: 576px) {
        .tab-item-hover .tab-hover-image .img a {
          height: 20.83333rem; } }
      .tab-item-hover .tab-hover-image .img a img {
        width: auto;
        height: auto;
        -o-object-fit: contain;
           object-fit: contain; }

@media (max-width: 1200px) {
  .tab-item-hover .tab-hover-image .img a img {    height: 100% } }
  .tab-item-hover .tab-hover-content {    height: 100%;    opacity: 0;
    transition: .8s opacity  ease-in-out }

.tab-item-hover.is-active {
  display: block;
  z-index: 2; }
  .tab-item-hover.is-active .tab-hover-image {
    animation: slide-in-left 0.5s ease forwards; }
  .tab-item-hover.is-active .tab-hover-content {    opacity: 1 }

.home-partner .swiper-wrapper {
  transition-timing-function: linear;
  height: auto !important }

.home-partner .img a {
  height: 4.42708rem;
  width: auto; }
  .home-partner .img a img {
    width: auto;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }

.page-template-template_about .home-develope {    overflow: hidden }

@media (min-width: 1200.1px) {
  .page-template-template_about .home-develope {
    padding-top: 4.16667rem; } }

.home-develope {    overflow: hidden }

@media (min-width: 1200.1px) {
  .home-develope {
    padding-top: 8.33333rem; } }

@media (max-width: 1200px) {
  .home-develope .img {
    border-top-right-radius: 5rem;
    border-bottom-left-radius: 5rem; } }
  .home-develope .years {
    text-transform: none; }
  .home-develope .item {    height: 100% }

@media (max-width: 576px) {
  .home-develope .item .info-wrap {
    flex-direction: column; } }
  .home-develope .swiper-slide {    width: 100% }
    @media screen and (min-width: 576px) and (max-width: 1024px) {
      .home-develope .swiper-slide:nth-child(odd) {
        width: 65%; }
        .home-develope .swiper-slide:nth-child(odd) .img {
          border-radius: 0;
          border-top-left-radius: 5rem;
          border-bottom-right-radius: 5rem; }
      .home-develope .swiper-slide:nth-child(even) {
        width: 35%; }
        .home-develope .swiper-slide:nth-child(even) .item {    margin-top: auto;    display: flex;    flex-direction: column-reverse;    justify-content: flex-start;    padding-bottom: 2.0833333333333335rem }
        .home-develope .swiper-slide:nth-child(even) .img {
          border-radius: 0;
          border-top-right-radius: 5rem;
          border-bottom-left-radius: 5rem; } }

@media (min-width: 1024.1px) {
  .home-develope .swiper-slide:nth-child(3n+1) {
    width: 27.27%; }
  .home-develope .swiper-slide:nth-child(3n+2) {
    width: 13.63%; }
  .home-develope .swiper-slide:nth-child(3n) {
    width: 18.18%; }
    @media screen and (max-width: 1800px) {
      .home-develope .swiper-slide:nth-child(3n) {
        width: 17.5%; } }
    .home-develope .swiper-slide:nth-child(3n) .item {    margin-top: auto;    display: flex;    flex-direction: column-reverse;    justify-content: flex-start;    padding-bottom: 2.0833333333333335rem }
  .home-develope .swiper-slide:nth-child(odd) .img {
    border-radius: 0;
    border-top-left-radius: 5rem;
    border-bottom-right-radius: 5rem; }
  .home-develope .swiper-slide:nth-child(even) .img {
    border-radius: 0;
    border-top-right-radius: 5rem;
    border-bottom-left-radius: 5rem; }
  .home-develope .swiper-slide:first-child .img {
    border-top-left-radius: 8.33333rem;
    border-bottom-right-radius: 8.33333rem; }
  .home-develope .swiper-slide:nth-child(4) .img {
    border-top-right-radius: 8.33333rem;
    border-bottom-left-radius: 8.33333rem; } }

@media (min-width: 1200.1px) {
  .home-network {
    padding-top: var(--header-height); } }

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

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

.home-network .img:hover img {    opacity: 1 !important }

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

@media (min-width: 1200.1px) {
  .home-network .slide-number-vertical .swiper {
    height: 8.33333rem; } }

.home-network .swiper-slide-active .item {    opacity: 0;  animation: fade-in 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.7s both }

@media (min-width: 1200.1px) {
  .home-network .col:nth-child(1) {
    width: 44.44%; }
  .home-network .col:nth-child(2) {
    width: 55.56%; } }

@media (max-width: 576px) {
  .home-network .btn-wrap {    display: flex;    justify-content: center;    align-items: center }
    .home-network .btn-wrap .btn.btn-primary {    height: 36px;    min-height: 36px }
      .home-network .btn-wrap .btn.btn-primary em, .home-network .btn-wrap .btn.btn-primary i {    height: 36px;    min-height: 36px;    width: 36px;    min-width: 36px } }

@media screen and (max-width: 460px) {
  .home-network .number-wrap {
    grid-template-columns: repeat(1, minmax(0, 1fr)); } }

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

@media (max-width: 1024px) {
  .home-network .img-wrap {    padding-top: 1.0416666666666667rem } }

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

@media (max-width: 576px) {
  .home-network .sub-title {    text-align: center }
  .home-network .counter {    width: 100%;    text-align: center;    font-size: clamp(36px, calc(48 / 1920 * 100vw), 2.5rem);    line-height: 1.2;    display: flex;    justify-content: center;    align-items: center } }

.counter {    width: -moz-fit-content;    width: fit-content;    font-size: clamp(36px, calc(48 / 1920 * 100vw), 2.5rem);    line-height: 1.2;    font-weight: 800;    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%) }
  .counter sub {    bottom: 0;    margin-left: 3px;    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666667rem);    line-height: 1.4;    font-weight: 800;    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%) }
  .counter sup {    bottom: 0.20833333333333334rem;    font-size: clamp(12px, calc(12 / 1920 * 100vw), 0.625rem);    line-height: 1.4;    font-weight: 800;    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%) }

.line-svg {
  stroke-dasharray: 1200;
  stroke-dashoffset: 1200; }

@media (min-width: 1200.1px) {
  .recruit-1 .img {    padding-left: 3.541666666666667rem } }

@media (max-width: 768px) {
  .recruit-1 .col:first-child {    order: 2 }
  .recruit-1 .col:nth-child(2) {    order: 1 } }

.recruit-1 .heading-4 p {    margin-bottom: 0 }

.recruit-2 .item:hover .heading-4 {
  text-decoration: none; }

.recruit-2 .heading-4:hover {
  text-decoration: none; }

.recruit-2 .swiper {    padding-bottom: 0.4166666666666667rem }

.recruit-3 .swiper-slide::after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
  display: block;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: .4s all ease-in-out;  width: 5.41667rem;
  height: 4.0625rem;
  background: url("../img/icon/quotes-2.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; }

.recruit-3 .icon {
  width: 3.95833rem;
  min-width: 3.95833rem;
  height: 3.95833rem; }

@media (max-width: 1024px) {
  .recruit-3 .init-swiper {
    --spv: 1.5; } }

@media (max-width: 576px) {
  .recruit-3 .init-swiper {
    --spv: 1; } }

.recruit-list {    overflow: visible }
  .recruit-list.search-group-wrap {
    padding-bottom: 0 !important; }
    .recruit-list.search-group-wrap:before, .recruit-list.search-group-wrap::after {    display: none !important }
  .recruit-list .btn.btn-tertiary span {    white-space: nowrap }
  .recruit-list .block-wrap::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 1.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition: .4s all ease-in-out }
  .recruit-list table thead {
    position: sticky;
    top: 0; }
    .recruit-list table thead th {    --tw-bg-opacity: 1;    background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1));    padding-left: 1.0416666666666667rem;    padding-right: 1.0416666666666667rem;    padding-top: 0.8333333333333334rem;    padding-bottom: 0.8333333333333334rem;    text-align: center;    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    font-weight: 700;
      position: sticky;
      top: 0;
      z-index: 2;
      min-height: 48px;
      height: 2.96875rem }
      .recruit-list table thead th * {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    font-weight: 700;    text-transform: uppercase;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
      .recruit-list table thead th:nth-child(1) {    border-top-left-radius: 9999px;    border-bottom-left-radius: 9999px;    text-align: center;    text-transform: uppercase;        width: 74px;
        max-width: 74px;
        min-width: 74px }

@media (max-width: 576px) {
  .recruit-list table thead th:nth-child(1) {
    width: 50px;
    max-width: 50px;
    min-width: 50px; } }
      .recruit-list table thead th:nth-child(2) {
        width: 37%;
        text-align: left }
      .recruit-list table thead th:nth-child(3), .recruit-list table thead th:nth-child(4), .recruit-list table thead th:nth-child(5) {
        width: 20%; }
      .recruit-list table thead th:last-child {    border-top-right-radius: 9999px;    border-bottom-right-radius: 9999px }
  .recruit-list table tbody tr td {    border-bottom-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(220 220 220 / var(--tw-border-opacity, 1));    padding-left: 1.0416666666666667rem;    padding-right: 1.0416666666666667rem;    padding-top: 0.8333333333333334rem;    padding-bottom: 0.8333333333333334rem;    text-align: center;    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-duration: 150ms;    transition: .4s all ease-in-out;    min-height: 48px;
    height: 2.96875rem }
    .recruit-list table tbody tr td * {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-duration: 150ms;    transition: .4s all ease-in-out }
    .recruit-list table tbody tr td:nth-child(1) {    text-align: center;      width: 74px;
      max-width: 74px }

@media (max-width: 576px) {
  .recruit-list table tbody tr td:nth-child(1) {
    width: 50px;
    max-width: 50px;
    min-width: 50px; } }
    .recruit-list table tbody tr td:nth-child(2) {
      width: 37%;
      text-align: left }
    .recruit-list table tbody tr td:nth-child(3), .recruit-list table tbody tr td:nth-child(4), .recruit-list table tbody tr td:nth-child(5) {
      width: 20%; }
  .recruit-list table tbody tr:hover a, .recruit-list table tbody tr:hover td {    --tw-text-opacity: 1;    color: rgb(243 112 33 / var(--tw-text-opacity, 1)) }
  .recruit-list table tbody tr .btn {    width: 100% }

.ajax-btn-wrap.disble-btn {    display: none }

.recruit-detail {    overflow: visible }
  .recruit-detail .other-job {
    top: calc( var(--header-height) + 20px); }
  .recruit-detail .block-wrapper {    border-top-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(220 220 220 / var(--tw-border-opacity, 1));    padding-top: 1.25rem;    padding-bottom: 0.625rem }
  .news-detail .time-wrap.recruit-detail .block-wrapper::after {
  content: '';
  pointer-events: none;
  left: 0;
  z-index: 10;
  display: block;
  height: 1px;
  width: 100%;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: .4s all ease-in-out;  background: #2D54C5; }
    .recruit-detail .block-wrapper:first-child {    border-color: transparent;    padding-top: 0 }
  .recruit-detail .list-1 li {    display: flex;    justify-content: flex-start;    align-items: center }

@media (min-width: 768.1px) {
  .recruit-detail .list-1 li {    padding-left: 1.25rem;    padding-right: 1.25rem } }
    .recruit-detail .list-1 li:first-child {    padding-left: 0 }
    .recruit-detail .list-1 li:not(:last-child) {    border-right-width: 1px;    border-color: rgb(243 112 33 / var(--tw-border-opacity, 1));    --tw-border-opacity: 0.2 }
    .recruit-detail .list-1 li * {    display: flex;    justify-content: flex-start;    align-items: center;      align-items: flex-start }
  .recruit-detail .list-2 strong {    margin-bottom: 0.4166666666666667rem;    display: block;    font-weight: 700 }
  .recruit-detail .info-list li {    display: flex;    justify-content: flex-start;    align-items: center }
  .recruit-detail .info-list .icon {    min-height: 40px;    min-width: 40px }
  .recruit-detail .info-list .ico {    width: 20px;    min-width: 20px }
  .recruit-detail .info-list a:hover {    text-decoration-line: underline }
  .recruit-detail .info-list em, .recruit-detail .info-list i {    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666667rem);    line-height: 1.4;    --tw-text-opacity: 1;    color: rgb(243 112 33 / var(--tw-text-opacity, 1)) }
  .recruit-detail .info-list p {    margin-bottom: 0;    display: block }
  .recruit-detail .info-list address {    font-style: normal }
    .recruit-detail .info-list address li {    align-items: flex-start }
      .recruit-detail .info-list address li:not(:last-child) {    margin-bottom: 0.625rem }
    .recruit-detail .info-list address em, .recruit-detail .info-list address i {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }
  .recruit-detail .btn.btn-primary {    width: 100%;    justify-content: space-between }
    .recruit-detail .btn.btn-primary.white::after {    background-image: linear-gradient(105.88deg, #FFB800 0%, #FF710D 85.28%) }
    .recruit-detail .btn.btn-primary.white:hover:after {    opacity: 1 !important }
    .recruit-detail .btn.btn-primary.white:hover::before {    opacity: 0 }
    @media screen and (max-width: 420px) {
      .recruit-detail .btn.btn-primary span {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4 } }
    @media screen and (max-width: 390px) {
      .recruit-detail .btn.btn-primary span {    font-size: clamp(12px, calc(12 / 1920 * 100vw), 0.625rem);    line-height: 1.4 } }
  .recruit-detail .download-cv {    text-align: left;    display: none !important }
    .recruit-detail .download-cv span {    white-space: normal;    padding-right: 0.20833333333333334rem }
      @media screen and (max-width: 1800px) {
        .recruit-detail .download-cv span {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4 } }
  .recruit-detail .block-btn-wrap .heading-3 {    margin-bottom: 2.0833333333333335rem }

@media (min-width: 1024.1px) {
  .recruit-detail .block-btn-wrap {
    max-width: 27.08333rem; } }

.recruit-item em, .recruit-item i {    margin-right: 0.8333333333333334rem;    height: 20px;    width: 20px;    min-width: 20px;    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666667rem);    line-height: 1.4 }

.recruit-item .headline a {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

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