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

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

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

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

@media (max-width: 767px) {
  .banner-breadcrumb.small .top-banner a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 100%; }
    .banner-breadcrumb.small .top-banner a img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      object-fit: cover;
      -webkit-transition: .3s ease-in-out all;
      transition: .3s ease-in-out all; } }
  .banner-breadcrumb.small .global-breadcrumb {
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    z-index: 99 !important; }

@media (min-width: 1024px) {
  .banner-breadcrumb.normal .global-breadcrumb {    bottom: 0;    z-index: 50;    width: 100%;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    position: absolute;    left: 50%;    -webkit-transform: translateX(-50%);    transform: translateX(-50%); } }
  @media screen and (max-width: 1024px) {
    .banner-breadcrumb .global-breadcrumb h2 {
      display: none !important; } }

@media (min-width: 1024px) {
  .banner-breadcrumb .global-breadcrumb {    padding-top: 40px;    padding-bottom: 40px; }
    .banner-breadcrumb .global-breadcrumb::after {
      content: '';
      pointer-events: none;
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 10;
      display: block;
      height: 100%;
      width: 100%;
      -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transition-duration: 150ms;
              transition-duration: 150ms;
      -webkit-transition: .4s all ease-in-out;
      transition: .4s all ease-in-out;      background: -webkit-linear-gradient(right, rgba(10, 112, 98, 0) 0%, rgba(10, 112, 32, 0.942308) 78.37%, #0A701C 100%);      background: linear-gradient(270deg, rgba(10, 112, 98, 0) 0%, rgba(10, 112, 32, 0.942308) 78.37%, #0A701C 100%);
      max-width: 86.45833rem; }
    .banner-breadcrumb .global-breadcrumb .container {    position: relative;    z-index: 30;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-align: start;    -webkit-align-items: flex-start;    -ms-flex-align: start;    align-items: flex-start; }
      .banner-breadcrumb .global-breadcrumb .container::after {    display: none; }
    .banner-breadcrumb .global-breadcrumb h2 {    display: none; }
  @media (min-width: 1024px) {
    .banner-breadcrumb .global-breadcrumb h2 {    -webkit-box-ordinal-group: 2;    -webkit-order: 1;    -ms-flex-order: 1;    order: 1;    margin-bottom: clamp(8px, 0.8333333333333334vw, 0.8333333333333334rem);    display: block;    font-size: clamp(40px, calc(48 / 1920 * 100vw), 2.5rem);    line-height: 1.2;    font-weight: 700;    text-transform: uppercase;    line-height: 120%;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } }
  @media (min-width: 1200px) {
    .banner-breadcrumb .global-breadcrumb h2 {    font-size: clamp(52px, calc(60 / 1920 * 100vw), 3.125rem);    line-height: 1.1; } }
    .banner-breadcrumb .global-breadcrumb .Module {    -webkit-box-ordinal-group: 3;    -webkit-order: 2;    -ms-flex-order: 2;    order: 2; }
    .banner-breadcrumb .global-breadcrumb ol {    position: relative;    -webkit-box-ordinal-group: 3;    -webkit-order: 2;    -ms-flex-order: 2;    order: 2;    width: 100%; }
      .banner-breadcrumb .global-breadcrumb ol li::after {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1));        background: rgba(255, 255, 255, 0.6) !important;
        opacity: 1 !important; }
      .banner-breadcrumb .global-breadcrumb ol li a.active {    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
        .banner-breadcrumb .global-breadcrumb ol li a.active * {    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
      .banner-breadcrumb .global-breadcrumb ol li:first-child span {
        font-size: 0 !important; }
      .banner-breadcrumb .global-breadcrumb ol li:first-child span, .banner-breadcrumb .global-breadcrumb ol li:first-child a {    color: rgb(255 255 255 / var(--tw-text-opacity, 1));    --tw-text-opacity: 0.6; }
        .banner-breadcrumb .global-breadcrumb ol li:first-child span:hover, .banner-breadcrumb .global-breadcrumb ol li:first-child a:hover {    --tw-text-opacity: 1;    color: rgb(239 239 239 / var(--tw-text-opacity, 1)); }
      .banner-breadcrumb .global-breadcrumb ol li:first-child:after {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
      .banner-breadcrumb .global-breadcrumb ol li:first-child a:before {    color: rgb(255 255 255 / var(--tw-text-opacity, 1));    --tw-text-opacity: 0.6; }
        .banner-breadcrumb .global-breadcrumb ol li:first-child a:hover:before {    --tw-text-opacity: 1; }
      .banner-breadcrumb .global-breadcrumb ol li:last-child {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
      .banner-breadcrumb .global-breadcrumb ol li a {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
        .banner-breadcrumb .global-breadcrumb ol li a span {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } }

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

@media (max-width: 1023px) {
  .global-breadcrumb {    border-bottom-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(65 146 79 / var(--tw-border-opacity, 1));    padding-top: 0;    padding-bottom: 0; } }
  .global-breadcrumb .container {    position: relative;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    height: 100%;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    min-height: 50px; }
  .global-breadcrumb ol {    list-style-type: none;    padding: 0; }
    .global-breadcrumb ol li {    position: relative;    display: -webkit-inline-box;    display: -webkit-inline-flex;    display: -ms-inline-flexbox;    display: inline-flex;    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666665rem);    line-height: 1; }
      .global-breadcrumb ol li:not(:last-child) {    margin-right: clamp(32px, 1.875vw, 1.875rem); }
      .global-breadcrumb ol li:after {
        content: '';
        pointer-events: none;
        z-index: 10;
        display: block;
        --tw-bg-opacity: 1;
        background-color: rgb(129 129 129 / var(--tw-bg-opacity, 1));
        font-weight: 300;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);        right: -0.83333rem;
        height: 14px;
        width: 1px; }

@media (min-width: 1024px) {
  .global-breadcrumb ol li:after {
    right: -0.9375rem; } }
        @media screen and (max-width: 1024px) {
          .global-breadcrumb ol li:after {
            font-size: 14px; } }
      .global-breadcrumb ol li:first-child {    padding-left: 0; }
        .global-breadcrumb ol li:first-child a {
          font-size: 0 !important; }
          .global-breadcrumb ol li:first-child a span {
            font-size: 0 !important; }
          .global-breadcrumb ol li:first-child a::before {
            content: "\f015";
            pointer-events: none;
            z-index: 10;
            display: block;
            height: 100%;
            width: 100%;
            font-family: 'Font Awesome 6 Pro';
            font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666665rem);
            line-height: 1.4;
            font-weight: 400;
            color: rgb(129 129 129 / var(--tw-text-opacity, 1));
            --tw-text-opacity: 0.6;
            -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
            transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
            -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            -webkit-transition-duration: 150ms;
                    transition-duration: 150ms;
            -webkit-transition: .4s all ease-in-out;
            transition: .4s all ease-in-out }
        .global-breadcrumb ol li:first-child:after {
          right: -1.14583rem; }
      .global-breadcrumb ol li:last-child:after {    display: none; }
      .global-breadcrumb ol li a, .global-breadcrumb ol li span {    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666665rem);    line-height: 1.4;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }

@media (min-width: 1024px) {
  .news-detail-page .top-banner, .recruitment-detail-page .top-banner {    height: 100%;    width: 100%;    position: absolute;    top: 50%;    left: 50%;    -webkit-transform: translate(-50%, -50%);    transform: translate(-50%, -50%); } }

.news-detail-page .global-breadcrumb, .recruitment-detail-page .global-breadcrumb {
  position: relative !important;
  bottom: unset !important;
  left: unset !important;
  z-index: 99 !important;
  -webkit-transform: none !important;
          transform: none !important; }

.product-detail-page .top-banner {    display: none !important; }

.product-detail-page .global-breadcrumb {
  position: relative !important;
  bottom: unset !important;
  left: unset !important;
  z-index: 99 !important;
  -webkit-transform: none !important;
          transform: none !important;
  background: none;
  padding: 3.125rem 0 0 0 !important; }

@media (min-width: 1200px) {
  .product-detail-page .global-breadcrumb {
    padding: 4.16667rem 0 0 0 !important; } }
  .product-detail-page .global-breadcrumb::after {    display: none; }
  .product-detail-page .global-breadcrumb h2 {    display: none; }
  .product-detail-page .global-breadcrumb ol li::after {    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1));    background: #818181 !important;
    opacity: 1 !important; }
  .product-detail-page .global-breadcrumb ol li a.active {    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
    .product-detail-page .global-breadcrumb ol li a.active * {    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
  .product-detail-page .global-breadcrumb ol li:first-child span {
    font-size: 0; }
  .product-detail-page .global-breadcrumb ol li:first-child span, .product-detail-page .global-breadcrumb ol li:first-child a {    color: rgb(129 129 129 / var(--tw-text-opacity, 1));    --tw-text-opacity: 1; }
    .product-detail-page .global-breadcrumb ol li:first-child span:hover, .product-detail-page .global-breadcrumb ol li:first-child a:hover {    --tw-text-opacity: 1;    color: rgb(239 239 239 / var(--tw-text-opacity, 1)); }
  .product-detail-page .global-breadcrumb ol li:first-child:after {    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
  .product-detail-page .global-breadcrumb ol li:first-child a:before {    color: rgb(129 129 129 / var(--tw-text-opacity, 1));    --tw-text-opacity: 1; }
    .product-detail-page .global-breadcrumb ol li:first-child a:hover:before {    --tw-text-opacity: 1; }
  .product-detail-page .global-breadcrumb ol li:last-child {    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
  .product-detail-page .global-breadcrumb ol li a {    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
    .product-detail-page .global-breadcrumb ol li a span {    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }

header {
  z-index: 999;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));  box-shadow: 0px 4px 4px 0px #1F222714; }
  @media screen and (min-width: 1200px) and (max-width: 1600px) {
    header {
      height: 100px !important; } }
  header .container {    height: 100%; }

@media (min-width: 1600px) {
  header .container {
    max-width: 83.33333rem; } }
  header .header-right {    height: 100%; }

@media screen and (min-width: 1200px) and (max-width: 1600px) {
  body:not(.homepage).minimize .header-bottom {    height: 84px; } }

body.homepage footer {
  display: none !important; }

body.homepage header {
  box-shadow: none; }

body.homepage #popup_6 .btn {
  outline: none !important;
  bottom: 50px !important;
  z-index: 60 !important;
  width: 242px !important;
  position: absolute !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important }
  @media screen and (max-width: 576px) {
    body.homepage #popup_6 .btn {    bottom: 25px; } }

body.homepage #popup_6 a {
  outline: none !important; }

body.overlay-bg {    overflow: hidden; }

@media (min-width: 1200px) {
  body.minimize header {
    height: 84px !important; }
  body.minimize .header-top {    height: 0;    opacity: 0; }
  body.minimize .searchbox {
    top: 84px; }
  body.minimize .nav-brand a {    height: clamp(40px, 4.166666666666666vw, 4.166666666666666rem); } }

.header-top {    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    -webkit-transition-duration: 150ms;    transition-duration: 150ms;    -webkit-transition: .4s all ease-in-out;    transition: .4s all ease-in-out; }
  @media screen and (max-width: 1200px) {
    .header-top {    height: 100%; }
      .header-top .container {    position: relative; } }

@media (max-width: 1199px) {
  .header-btn-document {    display: none; } }

@media (min-width: 1200px) {
  .header-btn-document {    margin-right: clamp(4px, 0.4166666666666667vw, 0.4166666666666667rem); } }

.header-btn-document .btn {    padding-left: clamp(8px, 0.8333333333333334vw, 0.8333333333333334rem);    padding-right: clamp(8px, 0.8333333333333334vw, 0.8333333333333334rem); }
  @media screen and (max-width: 1200px) {
    .header-btn-document .btn span, .header-btn-document .btn em {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } }

@media screen and (min-width: 1200px) and (max-width: 1600px) {
  .header-bottom {    height: 68px; } }

@media (min-width: 1200px) {
  .header-bottom .container {    padding-left: 120px; } }

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

.header-bottom .ModuleContent, .header-bottom .Module {    height: 100%; }

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

@media (min-width: 1200px) {
  .nav-brand {    overflow: hidden;    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } }

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

@media (min-width: 1200px) {
  .nav-brand a {    height: clamp(50px, 5.208333333333334vw, 5.208333333333334rem); } }
    .nav-brand a img, .nav-brand a svg {
      width: 100%;
      height: 100%;
      object-fit: contain; }

.header-contact {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4;    --tw-text-opacity: 1;    color: rgb(251 2 0 / var(--tw-text-opacity, 1)); }

@media (max-width: 1199px) {
  .header-contact {    margin-bottom: clamp(2px, 0.20833333333333334vw, 0.20833333333333334rem);    display: none; } }
  .header-contact em, .header-contact i {    height: clamp(32px, 2.083333333333333vw, 2.083333333333333rem);    width: clamp(32px, 2.083333333333333vw, 2.083333333333333rem);    min-width: clamp(32px, 2.083333333333333vw, 2.083333333333333rem);    --tw-bg-opacity: 1;    background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center; }

@media (max-width: 1199px) {
  .header-contact em, .header-contact i {    height: clamp(32px, 1.875vw, 1.875rem);    width: clamp(32px, 1.875vw, 1.875rem);    min-width: clamp(32px, 1.875vw, 1.875rem);    border-radius: 0.25rem;    --tw-bg-opacity: 1;    background-color: rgb(65 146 79 / var(--tw-bg-opacity, 1)); } }
  .header-contact span {    margin-left: clamp(4px, 0.4166666666666667vw, 0.4166666666666667rem);    font-weight: 700;    line-height: 140%; }

@media (max-width: 1199px) {
  .header-contact span {    display: none; } }
  .header-contact:hover em, .header-contact:hover i {    --tw-bg-opacity: 1;    background-color: rgb(251 2 0 / var(--tw-bg-opacity, 1));    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

@media (max-width: 1199px) {
  .header-social {    display: none; } }

.header-social .ModuleContent {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center; }

.header-social a {    height: clamp(32px, 1.875vw, 1.875rem);    width: clamp(32px, 1.875vw, 1.875rem);    min-width: clamp(32px, 1.875vw, 1.875rem);    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    -webkit-transition-duration: 150ms;    transition-duration: 150ms;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    -webkit-transition: .4s all ease-in-out;    transition: .4s all ease-in-out; }

@media (min-width: 1200px) {
  .header-social a {    height: clamp(32px, 2.083333333333333vw, 2.083333333333333rem);    width: clamp(32px, 2.083333333333333vw, 2.083333333333333rem);    min-width: clamp(32px, 2.083333333333333vw, 2.083333333333333rem); } }

.header-social em, .header-social i {    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));    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    -webkit-transition-duration: 150ms;    transition-duration: 150ms;    -webkit-transition: .4s all ease-in-out;    transition: .4s all ease-in-out; }

.header-social img {    max-width: clamp(8px, 0.8333333333333334vw, 0.8333333333333334rem); }

.header-social .fb {
  background: #1067E5; }

.header-social .yt {
  background: #FB0200; }

@media (max-width: 1199px) {
  .header-social {    margin-top: clamp(2px, 0.20833333333333334vw, 0.20833333333333334rem);    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    gap: 4px; } }

.modulepager, .post-nav {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    padding-top: clamp(32px, 2.083333333333333vw, 2.083333333333333rem);    padding-bottom: 0; }
  @media screen and (max-width: 1024px) {
    .modulepager, .post-nav {
      padding-bottom: 30px; } }
  .modulepager ul, .post-nav ul {
    padding: 0;
    margin: 0;
    position: relative; }
    .modulepager ul li, .post-nav ul li {
      display: inline-block;
      padding: 0 10px; }
      .modulepager ul li.active a, .modulepager ul li.active span, .modulepager ul li:hover a, .modulepager ul li:hover span, .post-nav ul li.active a, .post-nav ul li.active span, .post-nav ul li:hover a, .post-nav ul li:hover span {
        border: 1px solid transparent;
        -webkit-border-image: -webkit-linear-gradient(22.98deg, #9FA1A3 29.78%, #FFFFFF 54.04%, #CBCCCD 70.22%) 1;
                border-image: linear-gradient(67.02deg, #9FA1A3 29.78%, #FFFFFF 54.04%, #CBCCCD 70.22%) 1;
        --tw-bg-opacity: 1;
        background-color: rgb(43 55 141 / 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 {    overflow: hidden;    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(220 220 220 / var(--tw-border-opacity, 1));    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    font-weight: 700;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1));    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    -webkit-transition-duration: 150ms;    transition-duration: 150ms;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    -webkit-transition: .4s all ease-in-out;    transition: .4s all ease-in-out;        width: 40px;
        height: 40px;
        text-decoration: none; }
    .modulepager ul .next a, .post-nav ul .next a {
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      white-space: nowrap }

.Module-1389 {    height: 100%; }
  .Module-1389 .ModuleContent {    height: 100%; }
    .Module-1389 .ModuleContent .banner-container {    height: 100%; }
      .Module-1389 .ModuleContent .banner-container .swiper {    height: 100%; }
        .Module-1389 .ModuleContent .banner-container .swiper .wrap {    height: 100%; }
          .Module-1389 .ModuleContent .banner-container .swiper .wrap .img {    height: 100%; }

@media screen and (max-width: 1200px) {
  .home-banner {
    padding: 0 !important; } }

.primary-banner {    position: relative;    z-index: 10;    overflow: hidden; }
  @media screen and (max-width: 1200px) {
    .primary-banner {
      padding: 0 !important; } }
  .primary-banner .wrap {    position: relative; }
    @media screen and (max-width: 1024px) {
      .primary-banner .wrap {    position: static; } }
    .primary-banner .wrap .container-fluid {    bottom: 0;    z-index: 50;    position: absolute;    left: 50%;    -webkit-transform: translateX(-50%);    transform: translateX(-50%); }

@media (min-width: 1200px) {
  .primary-banner .wrap .container-fluid {
    padding: 0 8.33333rem; } }
  .primary-banner .swiper-slide {    pointer-events: none;    height: auto;    z-index: -1; }
    .primary-banner .swiper-slide.swiper-slide-active {
      z-index: 999;
      pointer-events: auto }
  .primary-banner .txt-wrap {    pointer-events: auto;    position: relative;    z-index: 50;    display: block;    padding-bottom: 7.29167rem; }

@media (max-width: 1023px) {
  .primary-banner .txt-wrap {
    padding-bottom: 8.33333rem; } }
    @media screen and (min-width: 1200px) {
      .primary-banner .txt-wrap {
        max-width: 56.25rem; } }
  .primary-banner .img {    position: relative;    z-index: 20; }
    .primary-banner .img::before {
      content: '';
      pointer-events: none;
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 10;
      display: block;
      height: 100%;
      width: 100%;
      -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transition-duration: 150ms;
              transition-duration: 150ms;
      -webkit-transition: .4s all ease-in-out;
      transition: .4s all ease-in-out;      background: -webkit-linear-gradient(top, rgba(10, 112, 98, 0) 0%, #0A701C 100%);      background: linear-gradient(180deg, rgba(10, 112, 98, 0) 0%, #0A701C 100%);
      max-height: 28.75rem; }

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

@media (min-width: 768px) {
  .primary-banner .img a {    height: 100%;    width: 100%;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center; }
    .primary-banner .img a img, .primary-banner .img a picture {
      width: 100%;
      height: calc( 100vh - 100px);
      object-fit: cover; } }
    @media screen and (min-width: 1600px) {
      .primary-banner .img a {
        height: calc( 100vh - 124px); } }
  .primary-banner .heading-2 {    font-size: clamp(26px, calc(30 / 1920 * 100vw), 1.5625rem);    line-height: 1.3; }

@media (max-width: 1199px) {
  .primary-banner .heading-2 {    font-size: clamp(20px, calc(24 / 1920 * 100vw), 1.25rem);    line-height: 1.4; } }
  .primary-banner .scrollbar-wrap {    pointer-events: auto;    position: relative;    z-index: 999999;
    max-height: calc( 20px  * 4.1); }

@media (min-width: 1200px) {
  .primary-banner .scrollbar-wrap {
    max-height: 6.25rem; } }

.swiper-text-sync .item::after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 4px;
  width: 100%;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.2;  -webkit-transition: 2s all  ease-in-out;  transition: 2s all  ease-in-out; }

.swiper-text-sync .swiper-slide.swiper-slide-thumb-active {    --tw-text-opacity: 1; }
  .swiper-text-sync .swiper-slide.swiper-slide-thumb-active .item::after {    width: 100%;    --tw-bg-opacity: 1; }
  .swiper-text-sync .swiper-slide.swiper-slide-thumb-active span {    --tw-text-opacity: 1; }

@media (min-width: 1200px) {
  .swiper-text-sync .container-fluid {
    padding: 0 8.33333rem; } }

.swiper-text-sync .swiper-slide {    width: 25% !important; }
  @media screen and (max-width: 1024px) {
    .swiper-text-sync .swiper-slide {    width: 33.333333% !important; } }
  @media screen and (max-width: 768px) {
    .swiper-text-sync .swiper-slide {    width: 50% !important; } }

.swiper-text-sync .swiper {    margin: 0;    margin-left: -16px;    margin-right: -16px;    padding: 0; }
  @media screen and (max-width: 1200px) {
    .swiper-text-sync .swiper {    margin-left: -10px;    margin-right: -10px; } }

.swiper-text-sync .swiper-slide {
  padding: 0 16px; }
  @media screen and (max-width: 1200px) {
    .swiper-text-sync .swiper-slide {
      padding: 0 10px; } }

@media (min-width: 1200px) {
  .home-about .container-fluid {    padding: 0; } }

.home-about .row {    margin: 0;    padding: 0; }

.home-about .col {    margin: 0;    padding: 0; }

@media (min-width: 1024px) {
  .home-about .col:nth-child(1) {
    width: 54%; }
  .home-about .col:nth-child(2) {
    width: 46%; } }

.home-about .img a {
  max-height: 40.625rem; }
  .home-about .img a img {
    object-fit: contain; }

.home-about .txt-wrap {    margin-left: auto;    padding-top: clamp(30px, 3.125vw, 3.125rem); }

@media (min-width: 1024px) {
  .home-about .txt-wrap {
    max-width: 41.66667rem; } }

.home-about .counter sup {
  top: -12px; }

@media screen and (max-width: 1400px) {
  .home-about .counter {    font-size: clamp(30px, calc(36 / 1920 * 100vw), 1.875rem);    line-height: 1.25; } }

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

.home-about .item-counter:nth-child(3), .home-about .item-counter:nth-child(6) {    padding-right: 0; }

@media (min-width: 576px) {
  .home-about .item-counter:nth-child(3)::after, .home-about .item-counter:nth-child(6)::after {    display: none; } }

.home-about .item-counter:nth-child(1), .home-about .item-counter:nth-child(4) {    padding-left: 0; }

.home-about .scrollbar-wrap {
  max-height: 4.16667rem; }

.footer {    padding-bottom: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem); }

@media (max-width: 575px) {
  .footer .block-wrapper {    padding-bottom: clamp(8px, 0.8333333333333334vw, 0.8333333333333334rem); } }

@media (min-width: 1200px) {
  .footer .block-wrapper {    padding-left: clamp(44px, 4.583333333333333vw, 4.583333333333333rem); } }
  .footer .cert-grid .ModuleContent {    display: grid;    grid-template-columns: repeat(3, minmax(0, 1fr));    gap: clamp(8px, 0.625vw, 0.625rem); }
  .footer .frm-msg {    margin-bottom: clamp(12px, 1.25vw, 1.25rem);    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
  .footer::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background: url("../img/bg/footer.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left bottom;
    max-width: 24.58333rem;
    max-height: 43.75rem; }

@media (max-width: 1199px) {
  .footer::after {
    max-height: 26.04167rem; }
  .footer {    padding-bottom: clamp(16px, 1.6666666666666667vw, 1.6666666666666667rem) !important; } }

@media (min-width: 1200px) {
  .footer .container-fluid {
    padding: 0 8.33333rem; } }
  .footer .partner-swiper .swiper-wrapper {
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear; }
  .footer .partner-swiper .img {    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
    .footer .partner-swiper .img a {    padding-left: clamp(8px, 0.8333333333333334vw, 0.8333333333333334rem);    padding-right: clamp(8px, 0.8333333333333334vw, 0.8333333333333334rem);    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;      height: 6.66667rem;
      width: auto; }
      .footer .partner-swiper .img a img {
        width: auto;
        height: 100%;
        object-fit: contain; }
  .footer .cert-item {    width: -webkit-fit-content;    width: -moz-fit-content;    width: fit-content; }
    .footer .cert-item .img a {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;      height: 3.75rem;
      width: 3.75rem; }
      .footer .cert-item .img a img {
        width: auto;
        height: 100%;
        object-fit: contain; }

@media (min-width: 1600px) {
  .footer address {    padding-right: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem); } }
  .footer address li {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    line-height: 140%;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: start;    -webkit-justify-content: flex-start;    -ms-flex-pack: start;    justify-content: flex-start;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-align: start;    -webkit-align-items: flex-start;    -ms-flex-align: start;    align-items: flex-start; }
    .footer address li:not(:last-child) {    margin-bottom: clamp(8px, 0.8333333333333334vw, 0.8333333333333334rem); }
    .footer address li * {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4; }
    .footer address li em, .footer address li i {    margin-right: clamp(4px, 0.4166666666666667vw, 0.4166666666666667rem);    margin-top: clamp(2px, 0.20833333333333334vw, 0.20833333333333334rem);    font-weight: 300;    line-height: 1; }
  .footer address a:hover {    -webkit-text-decoration-line: underline;    text-decoration-line: underline; }
  .footer .social .ModuleContent {    gap: clamp(4px, 0.4166666666666667vw, 0.4166666666666667rem);    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center; }

@media (min-width: 1200px) {
  .footer .social .ModuleContent {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: start;    -webkit-justify-content: flex-start;    -ms-flex-pack: start;    justify-content: flex-start;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center; } }
  .footer .social em, .footer .social i {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4;    --tw-text-opacity: 1;    color: rgb(65 146 79 / var(--tw-text-opacity, 1)); }
  .footer .social img {
    max-width: 18px; }
  .footer .social a {    height: clamp(32px, 2.083333333333333vw, 2.083333333333333rem);    width: clamp(32px, 2.083333333333333vw, 2.083333333333333rem);    min-width: clamp(32px, 2.083333333333333vw, 2.083333333333333rem);    overflow: hidden;    border-radius: 9999px;    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    -webkit-transition-duration: 150ms;    transition-duration: 150ms;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    -webkit-transition: .4s all ease-in-out;    transition: .4s all ease-in-out; }
    .footer .social a:hover {
      -webkit-transform: translateY(-4px);
              transform: translateY(-4px); }
  .footer .footer-menu li:hover a, .footer .footer-menu li.active a {    -webkit-text-decoration-line: underline;    text-decoration-line: underline; }
  .footer .footer-menu li:not(:last-child) {    margin-bottom: clamp(8px, 0.625vw, 0.625rem); }

@media screen and (min-width: 1600px) {
  .footer-middle .heading-4 {
    max-width: 16.14583rem; } }

@media (max-width: 1199px) {
  .footer-middle .row .col:nth-child(1) {    -webkit-box-ordinal-group: 5;    -webkit-order: 4;    -ms-flex-order: 4;    order: 4; }
  .footer-middle .row .col:nth-child(4) {    -webkit-box-ordinal-group: 4;    -webkit-order: 3;    -ms-flex-order: 3;    order: 3; } }

@media (min-width: 1200px) {
  .footer-middle .row .col:nth-child(1), .footer-middle .row .col:nth-child(3) {    width: 25%; }
  .footer-middle .row .col:nth-child(2) {
    width: 17.5%; }
  .footer-middle .row .col:nth-child(4) {
    width: 32.5%; } }

@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .footer-middle .row .col:nth-child(1) .heading-4 {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4; } }

.intro {    pointer-events: auto;    position: fixed;    top: 0;    left: 0;    right: 0;    bottom: 0;    height: 100%;    width: 100%;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;  z-index: 999999 !important; }
  @media screen and (max-width: 1200px) {
    .intro {
      display: none !important; } }
  .intro .image-svg {    max-width: 90%; }
  @media (min-width: 576px) {
    .intro .image-svg {    max-width: 50%; } }
  .intro img {    opacity: 0; }
  .intro .svg-generate {    height: 200px; }
    .intro .svg-generate svg {    height: 100%;    width: 100%; }
    @media screen and (max-width: 1024px) {
      .intro .svg-generate {    height: 150px; } }

.home-news {
  background: url("../img/bg/home-3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .home-news .side-news:not(:last-child) {    margin-bottom: clamp(12px, 1.25vw, 1.25rem); }
  .home-news .title-wrap .ModuleContent, .home-news .title-wrap .Module {    width: 100%;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: justify;    -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center; }

.news-big {    height: 100%;    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }

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

@media (min-width: 1024px) {
  .news-big .img a {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    height: 17.60417rem;
    width: 100%; }
    .news-big .img a img {
      width: 100%;
      height: 100%;
      object-fit: cover; } }
  @media screen and (min-width: 1400px) {
    .news-big .img a {
      height: 19.21875rem; } }
  .news-big .headline {
    display: -webkit-box;
    font-size: clamp(20px, 1.25rem, 1.25rem);
    height: 3.375rem;
    min-height: 54px;
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; }
  .news-big .desc {
    display: -webkit-box;
    font-size: clamp(15px, 0.9375rem, 0.9375rem);
    height: 2.625rem;
    min-height: 42px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; }

.news-big-2 {    height: 100%;    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
  .news-big-2 .img::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background: -webkit-linear-gradient(top, rgba(10, 112, 98, 0) 0%, #0A701C 100%);    background: linear-gradient(180deg, rgba(10, 112, 98, 0) 0%, #0A701C 100%);
    height: 17.70833rem; }

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

@media (min-width: 1024px) {
  .news-big-2 .img a {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    height: 40.625rem;
    width: 100%; }
    .news-big-2 .img a img {
      width: 100%;
      height: 100%;
      object-fit: cover; } }
  .news-big-2 .headline {
    display: -webkit-box;
    font-size: clamp(24px, 1.875rem, 1.875rem);
    height: 4.6875rem;
    min-height: 60px;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; }

@media (max-width: 575px) {
  .news-big-2 .headline {
    display: -webkit-box;
    font-size: clamp(20px, 1.45833rem, 1.45833rem);
    height: 3.64583rem;
    min-height: 50px;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; } }
  .news-big-2 .time-wrap .type::before {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }

.news-item-side {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    -webkit-transition-duration: 150ms;    transition-duration: 150ms;    -webkit-transition: .4s all ease-in-out;    transition: .4s all ease-in-out;  -webkit-box-align: start !important;  -webkit-align-items: flex-start !important;  -ms-flex-align: start !important;  align-items: flex-start !important; }

@media (min-width: 576px) {
  .news-item-side {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: start;    -webkit-justify-content: flex-start;    -ms-flex-pack: start;    justify-content: flex-start;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center; } }
  .news-item-side .headline {    margin-top: clamp(4px, 0.4166666666666667vw, 0.4166666666666667rem);    margin-bottom: clamp(4px, 0.4166666666666667vw, 0.4166666666666667rem); }
  @media screen and (min-width: 1024px) and (max-width: 1600px) {
    .news-item-side .desc {    display: none; } }

@media (min-width: 576px) {
  .news-item-side .img {    margin-right: clamp(8px, 0.8333333333333334vw, 0.8333333333333334rem);    -webkit-box-flex: 1;    -webkit-flex: 1 0 auto;    -ms-flex: 1 0 auto;    flex: 1 0 auto; } }
  .news-item-side .img a {    overflow: hidden;    border-radius: calc(8 / 1920 * 100vw);    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center; }
    .news-item-side .img a img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

@media (min-width: 576px) {
  .news-item-side .img a {
    width: 10.41667rem;
    min-width: 10.41667rem;
    max-width: 10.41667rem;
    height: 7.08333rem; } }
  .news-item-side .txt {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    padding-top: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem) }

@media (min-width: 1024px) {
  .news-item-side .txt {    padding-right: clamp(8px, 0.8333333333333334vw, 0.8333333333333334rem); } }

.side-news {    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    -webkit-transition-duration: 150ms;    transition-duration: 150ms;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: start;    -webkit-justify-content: flex-start;    -ms-flex-pack: start;    justify-content: flex-start;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    -webkit-transition: .4s all ease-in-out;    transition: .4s all ease-in-out;  -webkit-box-align: start !important;  -webkit-align-items: flex-start !important;  -ms-flex-align: start !important;  align-items: flex-start !important; }
  .side-news .img {    margin-right: clamp(12px, 1.25vw, 1.25rem);    -webkit-box-flex: 1;    -webkit-flex: 1 0 auto;    -ms-flex: 1 0 auto;    flex: 1 0 auto; }
    .side-news .img a {    overflow: hidden;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center; }
      .side-news .img a img {
        object-fit: cover;
        width: 13.02083rem;
        min-width: 13.02083rem;
        max-width: 13.02083rem;
        height: 7.34375rem; }

@media (max-width: 575px) {
  .side-news .img a img {
    width: 10.41667rem;
    min-width: 10.41667rem;
    max-width: 10.41667rem; } }
  .side-news .txt {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 100% }

@media (max-width: 575px) {
  .side-news .txt {    padding-top: clamp(4px, 0.4166666666666667vw, 0.4166666666666667rem); } }
  @media screen and (max-width: 1400px) {
    .side-news .desc {    display: none; } }

@media (max-width: 575px) {
  .side-news .time-wrap {    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-align: start;    -webkit-align-items: flex-start;    -ms-flex-align: start;    align-items: flex-start;    gap: 0; }
    .side-news .time-wrap .type::before {    display: none; } }

.time-wrap .type::before {
  content: '';
  pointer-events: none;
  left: -10px;
  z-index: 10;
  display: block;
  height: 2px;
  width: 2px;
  min-width: 2px;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(129 129 129 / var(--tw-bg-opacity, 1));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out }

.time-wrap time {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto; }
  .time-wrap time em, .time-wrap time span {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4; }

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

.home-field {
  background: #EDF4EC;
  position: relative;
  overflow: hidden }

@media (max-width: 1199px) {
  .home-field .Module-1391 {    padding-left: 15px;    padding-right: 15px; } }
  .home-field::after {
    content: '';
    pointer-events: none;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    max-height: 43.07292rem;
    max-width: 18.02083rem;
    background: url("../img/bg/home-2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right; }

@media (min-width: 1200px) {
  .home-field .container-fluid {
    padding: 0 8.33333rem; } }

@media (max-width: 1199px) {
  .home-field .swiper-nav {    margin-top: clamp(16px, 1.4583333333333333vw, 1.4583333333333333rem); } }
  .home-field .desc ul li {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
    .home-field .desc ul li * {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
    .home-field .desc ul li::before {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
  .home-field .swiper {    margin-left: -12px;    margin-right: -12px; }
    @media screen and (max-width: 1200px) {
      .home-field .swiper {    margin-left: -10px;    margin-right: -10px; } }
  .home-field .swiper-slide {
    padding: 0 12px; }
    @media screen and (max-width: 1200px) {
      .home-field .swiper-slide {
        padding: 0 10px; } }

.field-figure {
  box-shadow: 4px 8px 20px 0px #0000001F;
  background: -webkit-linear-gradient(280.95deg, #41924F 2.83%, #0C5919 91.9%);
  background: linear-gradient(169.05deg, #41924F 2.83%, #0C5919 91.9%);
  -webkit-transition: .3s all  ease-in-out !important;
  transition: .3s all  ease-in-out !important; }

@media (min-width: 1600px) {
  .field-figure {
    height: 31.35417rem; } }
  @media screen and (min-width: 1024px) and (max-width: 1600px) {
    .field-figure {
      height: 27.60417rem; } }

@media (max-width: 1023px) {
  .field-figure {
    box-shadow: 2px 4px 12px 0px #0000001F; } }
  .field-figure::after {
    content: '';
    pointer-events: none;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 4px;
    width: 100px;
    border-top-left-radius: calc(16 / 1920 * 100vw);
    border-top-right-radius: calc(16 / 1920 * 100vw);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    opacity: 0;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out }
  .field-figure .img {
    -webkit-transition: .35s all  ease-in-out;
    transition: .35s all  ease-in-out;
    display: block;
    height: 100%;
    width: 100% }
    .field-figure .img a {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;      height: 31.35417rem;
      width: auto; }
      .field-figure .img a img {
        width: 100%;
        height: 100%;
        object-fit: cover; }

@media (max-width: 1023px) {
  .field-figure {    border-radius: calc(24 / 1920 * 100vw);    padding: clamp(8px, 0.8333333333333334vw, 0.8333333333333334rem); }
    .field-figure::after {    opacity: 1; }
    .field-figure .btn-wrap {    pointer-events: auto;    opacity: 1; }
    .field-figure .text-grid {
      grid-template-rows: 1fr; }
      .field-figure .text-grid > div {
        -webkit-transform: translateY(0);
                transform: translateY(0); }
    .field-figure .img {    width: 100%; }
      .field-figure .img a {    overflow: hidden;    border-radius: calc(16 / 1920 * 100vw);        height: 15.10417rem; } }

@media (min-width: 1024px) {
  .field-figure:hover {    border-radius: calc(24 / 1920 * 100vw);    padding: clamp(8px, 0.8333333333333334vw, 0.8333333333333334rem); }
    .field-figure:hover::after {    opacity: 1; }
    .field-figure:hover .btn-wrap {    pointer-events: auto;    opacity: 1; }
    .field-figure:hover .text-grid {
      grid-template-rows: 1fr; }
      .field-figure:hover .text-grid > div {
        -webkit-transform: translateY(0);
                transform: translateY(0); }
    .field-figure:hover .img {    width: 100%; }
      .field-figure:hover .img a {    overflow: hidden;    border-radius: calc(16 / 1920 * 100vw);        height: 19.63542rem; }
        @media screen and (max-width: 1600px) {
          .field-figure:hover .img a {
            height: 15.10417rem; } } }
  .field-figure .headline a {    padding-top: 2px;    display: -webkit-box;
    font-size: clamp(18px, 1.25rem, 1.25rem);
    height: 1.625rem;
    min-height: 23.4px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; }
  .field-figure .headline sup {    top: -3px;    display: inline-block; }
  .field-figure .desc {    margin-top: clamp(8px, 0.8333333333333334vw, 0.8333333333333334rem);    margin-bottom: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);    display: -webkit-box;
    font-size: clamp(14px, 0.9375rem, 0.9375rem);
    height: 5.25rem;
    min-height: 78.4px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; }
    .field-figure .desc * {    --tw-text-opacity: 1;    color: rgb(61 61 61 / var(--tw-text-opacity, 1));      display: -webkit-box;
      font-size: clamp(14px, 0.9375rem, 0.9375rem);
      height: 5.25rem;
      min-height: 78.4px;
      line-height: 1.4;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4; }
  .field-figure .btn-wrap {
    -webkit-transition: .25s all  ease-in-out;
    transition: .25s all  ease-in-out; }

.text-grid {
  display: grid;
  grid-template-rows: 0fr;
  -webkit-align-content: end;
      -ms-flex-line-pack: end;
          align-content: end;
  -webkit-transition: .5s grid-template-rows ease;
  transition: .5s grid-template-rows ease; }
  .text-grid > div {
    overflow: hidden; }

.home-project::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.2;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out }

@media (min-width: 1200px) {
  .home-project .title-wrap {    pointer-events: none;    top: 180px;    z-index: 30;    padding-top: clamp(32px, 2.083333333333333vw, 2.083333333333333rem);    position: absolute;    left: 50%;    -webkit-transform: translateX(-50%);    transform: translateX(-50%);    padding: 0 8.33333rem; } }

@media screen and (min-width: 2000px) {
  .home-project .title-wrap {    top: clamp(50px, 5.208333333333334vw, 5.208333333333334rem); } }

@media (min-width: 1600px) {
  .home-project .title-wrap {
    top: 10.41667rem; } }

@media (min-width: 1200px) {
  .home-project .heading-1-up {
    max-width: 31%; } }

@media (min-width: 1600px) {
  .home-project .heading-1-up {
    max-width: 24%; } }

@media (max-width: 1199px) {
  .home-project .heading-1-up {    text-align: center;    --tw-text-opacity: 1;    color: rgb(65 146 79 / var(--tw-text-opacity, 1)); } }

.home-project .swiper-pagination {    margin-top: clamp(16px, 1.4583333333333333vw, 1.4583333333333333rem);    background-color: transparent; }

.home-project .mobile-btn {    display: none; }

@media (max-width: 1023px) {
  .home-project .mobile-btn {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center; }
  .home-project .btn-wrap {    display: none; } }

.flex-card-section .item {    position: relative; }

@media (min-width: 1200px) {
  .flex-card-section .img-wrap a {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    width: auto; }
    .flex-card-section .img-wrap a img {
      width: 100%;
      height: 100%;
      object-fit: cover; } }

@media screen and (min-width: 1200px) and (max-width: 1600px) {
  .flex-card-section .img-wrap a {
    height: calc( 100vh - 100px); } }

@media screen and (min-width: 1600px) {
  .flex-card-section .img-wrap a {
    height: calc( 100vh - 124px); } }

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

.flex-card-section .item {    position: relative;  height: inherit; }
  .flex-card-section .item::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;    -webkit-transition: .4s all  ease-in-out;    transition: .4s all  ease-in-out;
    background: rgba(0, 0, 0, 0.15); }

.flex-card-section .txt {    pointer-events: none;    z-index: 30;    height: 100%;    width: 100%;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    position: absolute;    top: 50%;    left: 50%;    -webkit-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);  -webkit-transition: .4s all  ease-in-out;  transition: .4s all  ease-in-out;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 0.83333rem 2.5rem 0.83333rem; }
  @media screen and (max-width: 1200px) {
    .flex-card-section .txt {    opacity: 1; } }
  @media screen and (max-width: 768px) {
    .flex-card-section .txt {
      padding: 1.5625rem 0.78125rem; } }

.flex-card-section .desc {
  margin: 1.04167rem 0; }

.flex-card-section .flex-options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow: hidden;
  height: 100%;
  width: 100% }
  @media screen and (max-width: 1200px) {
    .flex-card-section .flex-options {    display: none; } }

.flex-card-section .card-option {
  -webkit-transform: scale(1);
          transform: scale(1);
  background-size: cover;
  position: relative;
  width: 16.66%;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: .6s all ease-in-out;
  transition: .6s all ease-in-out; }
  .flex-card-section .card-option::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    opacity: 1;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background: -webkit-linear-gradient(bottom, #41924F 0%, rgba(65, 146, 79, 0.904646) 26.86%, rgba(65, 146, 79, 0.744388) 62.04%, rgba(65, 146, 79, 0) 100%);    background: linear-gradient(0deg, #41924F 0%, rgba(65, 146, 79, 0.904646) 26.86%, rgba(65, 146, 79, 0.744388) 62.04%, rgba(65, 146, 79, 0) 100%);
    max-height: 17.70833rem; }
  .flex-card-section .card-option:not(.active) {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .flex-card-section .card-option.active {
    -webkit-box-flex: 10000;
    -webkit-flex-grow: 10000;
        -ms-flex-positive: 10000;
            flex-grow: 10000;
    -webkit-transform: scale(1);
            transform: scale(1);
    width: 50%; }
    .flex-card-section .card-option.active .container {    opacity: 1; }
  .flex-card-section .card-option .card-label {    height: 100%;    width: 100%;    -webkit-transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95); }

.flex-card-section .txt-wrap {    height: 0;    overflow: hidden;  -webkit-transition: .4s all  ease-in-out;  transition: .4s all  ease-in-out; }
  .flex-card-section .txt-wrap .desc {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }

@media (min-width: 1200px) {
  .flex-card-section .three-swiper {    display: none; } }

@media screen and (max-width: 1200px) {
  .flex-card-section .three-swiper {    display: block; } }

.flex-card-section .three-swiper .swiper {    margin: 0;    padding: 0; }
  .flex-card-section .three-swiper .swiper .swiper-slide {    margin: 0;    padding: 0; }

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

.news-detail .briefcontent {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    font-weight: 500;    font-style: italic; }
  .news-detail .briefcontent * {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    font-weight: 500;    font-style: italic; }

.news-detail .social-network {
  top: 100px; }

@media (min-width: 1200px) {
  .news-detail .social-network {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; } }

@media (max-width: 1023px) {
  .news-detail .social-network {    -webkit-box-orient: horizontal;    -webkit-box-direction: normal;    -webkit-flex-direction: row;    -ms-flex-direction: row;    flex-direction: row;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: start;    -webkit-justify-content: flex-start;    -ms-flex-pack: start;    justify-content: flex-start;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    position: static !important;
    top: unset !important;
    left: unset !important; } }
  .news-detail .social-network.pre-fixed {
    top: 170px  !important; }
  .news-detail .social-network.reached-limit {
    top: 100px  !important;
    position: absolute !important;
    left: -60px !important; }
  .news-detail .social-network a {    height: clamp(32px, 2.083333333333333vw, 2.083333333333333rem);    width: clamp(32px, 2.083333333333333vw, 2.083333333333333rem);    min-width: clamp(32px, 2.083333333333333vw, 2.083333333333333rem);    overflow: hidden;    border-radius: 9999px;    --tw-bg-opacity: 1;    background-color: rgb(237 244 236 / var(--tw-bg-opacity, 1));    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    -webkit-transition-duration: 150ms;    transition-duration: 150ms;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    -webkit-transition: .4s all ease-in-out;    transition: .4s all ease-in-out; }
    .news-detail .social-network a em, .news-detail .social-network a i {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4;    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(65 146 79 / var(--tw-text-opacity, 1));    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    -webkit-transition-duration: 150ms;    transition-duration: 150ms;    -webkit-transition: .4s all ease-in-out;    transition: .4s all ease-in-out; }
    .news-detail .social-network a img, .news-detail .social-network a svg {    width: 100%;    max-width: 30px; }
    .news-detail .social-network a:hover {    --tw-bg-opacity: 1;    background-color: rgb(65 146 79 / var(--tw-bg-opacity, 1)); }
      .news-detail .social-network a:hover em, .news-detail .social-network a:hover i {    background-color: transparent;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
      .news-detail .social-network a:hover img {
        -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1); }

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

@media (max-width: 575px) {
  .news-list {    padding-top: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem); } }

@media (max-width: 767px) {
  .news-list .zone-nav {    overflow-x: auto; }
    .news-list .zone-nav ul {    white-space: nowrap;    padding-bottom: clamp(2px, 0.20833333333333334vw, 0.20833333333333334rem);    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;      -webkit-box-pack: start;      -webkit-justify-content: flex-start;      -ms-flex-pack: start;      justify-content: flex-start; }
      .news-list .zone-nav ul li:first-child {    padding-left: 0; } }

.news-list .zone-nav li.active a, .news-list .zone-nav li:hover a {    --tw-text-opacity: 1;    color: rgb(65 146 79 / var(--tw-text-opacity, 1)); }
  .news-list .zone-nav li.active a::after, .news-list .zone-nav li:hover a::after {    width: 100%; }

.news-list .zone-nav a {    padding-top: clamp(4px, 0.4166666666666667vw, 0.4166666666666667rem);    padding-bottom: clamp(4px, 0.4166666666666667vw, 0.4166666666666667rem); }
  .news-list .zone-nav a::after {
    content: '';
    pointer-events: none;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 4px;
    width: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(65 146 79 / var(--tw-bg-opacity, 1));
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out }

.news-list .top-col {    margin-left: calc(clamp(8px, 0.625vw, 0.625rem) * -1);    margin-right: calc(clamp(8px, 0.625vw, 0.625rem) * -1); }
  .news-list .top-col .col {    padding-left: clamp(8px, 0.625vw, 0.625rem);    padding-right: clamp(8px, 0.625vw, 0.625rem); }

@media (min-width: 1024px) {
  .news-list .top-col .col:nth-child(1), .news-list .top-col .col:nth-child(3) {
    width: 27.4%; } }

@media (max-width: 1023px) {
  .news-list .top-col .col:nth-child(1), .news-list .top-col .col:nth-child(3) {    -webkit-box-ordinal-group: 5;    -webkit-order: 4;    -ms-flex-order: 4;    order: 4; } }

@media (min-width: 1024px) {
  .news-list .top-col .col:nth-child(2) {
    width: 45.2%; } }

@media (max-width: 1023px) {
  .news-list .top-col .col:nth-child(2) {    -webkit-box-ordinal-group: 2;    -webkit-order: 1;    -ms-flex-order: 1;    order: 1; } }

.project-list-1 .container-fluid {    padding: 0; }

.project-list-1 .desc {    overflow: hidden;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 3; }

.project-list-1 .zone-desc {    --tw-border-opacity: 0.2; }
  .project-list-1 .zone-desc ul {    padding-top: clamp(8px, 0.8333333333333334vw, 0.8333333333333334rem);    padding-bottom: clamp(8px, 0.8333333333333334vw, 0.8333333333333334rem);    padding-left: 0; }
  .project-list-1 .zone-desc li {    padding-left: 0;    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: start;    -webkit-justify-content: flex-start;    -ms-flex-pack: start;    justify-content: flex-start;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center; }
    .project-list-1 .zone-desc li::before {    display: none; }
    .project-list-1 .zone-desc li * {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4; }
    .project-list-1 .zone-desc li em, .project-list-1 .zone-desc li i {    margin-right: clamp(8px, 0.8333333333333334vw, 0.8333333333333334rem);    font-family: 'Font Awesome 6 Pro';    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666665rem);    line-height: 1.4;    font-weight: 300; }

.project-list-1 .txt {
  background: -webkit-linear-gradient(280.95deg, #41924F 2.83%, #0C5919 91.9%);
  background: linear-gradient(169.05deg, #41924F 2.83%, #0C5919 91.9%); }

@media (max-width: 1023px) {
  .project-list-1 .txt {    height: 100%; } }

@media (min-width: 1200px) {
  .project-list-1 .txt {
    max-width: 22.91667rem; } }

@media (min-width: 768px) {
  .project-list-1 .scrollbar-wrap {
    max-height: 12.5rem; } }

.project-list-1 .swiper {    margin: 0;    padding: 0; }
  .project-list-1 .swiper .swiper-slide {    margin: 0;    padding: 0; }

@media (max-width: 1023px) {
  .project-list-1 .item {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    height: 100%;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column; }
    .project-list-1 .item .img {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      width: 100% }
  .project-list-1 .item .container {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1  auto;
        -ms-flex: 0 1  auto;
            flex: 0 1  auto;
    margin: 0;
    height: 100%;
    width: 100%;
    max-width: 100%;
    padding: 0 } }

@media (min-width: 1024px) {
  .project-list-1 .nav {    pointer-events: none;    z-index: 40;    position: absolute;    left: 50%;    -webkit-transform: translateX(-50%);    transform: translateX(-50%);    bottom: 6.25rem; }
  .project-list-1 .nav .swiper-nav {    gap: clamp(12px, 1.25vw, 1.25rem);    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: end;    -webkit-justify-content: flex-end;    -ms-flex-pack: end;    justify-content: flex-end;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center; } }

.project-list-1 .nav .swiper-nav .next {    margin: 0; }

.project-list-1 .prev, .project-list-1 .next {    pointer-events: auto; }

.project-list-1 .heading-3 a {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex; }

@media (min-width: 1024px) {
  .project-item .heading-3 {
    display: -webkit-box;
    font-size: clamp(20px, 1.25rem, 1.25rem);
    height: 5.0625rem;
    min-height: 81px;
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; } }

.project-item .desc li {    padding-left: 0;    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1));    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: start;    -webkit-justify-content: flex-start;    -ms-flex-pack: start;    justify-content: flex-start;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center; }
  .project-item .desc li:last-child {    margin-bottom: 0; }
  .project-item .desc li * {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
  .project-item .desc li::before {    display: none; }
  .project-item .desc li em, .project-item .desc li i {    margin-right: clamp(8px, 0.8333333333333334vw, 0.8333333333333334rem);    font-family: 'Font Awesome 6 Pro';    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666665rem);    line-height: 1.4;    font-weight: 300;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }

.project-deail-1 {    padding-top: 0; }

.project-deail-2 .fullcontent {    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666665rem);    line-height: 1.4; }
  .project-deail-2 .fullcontent * {
    font: inherit; }

.project-deail-3 .container-fluid {    padding: 0; }

@media (max-width: 1199px) {
  .project-deail-3 .txt {    padding: clamp(32px, 2.083333333333333vw, 2.083333333333333rem); } }

@media (max-width: 575px) {
  .project-deail-3 .txt {    padding-left: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);    padding-right: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem); } }

@media (min-width: 1200px) {
  .project-deail-3 .txt {    margin-left: clamp(32px, 3.3333333333333335vw, 3.3333333333333335rem);    max-width: 33.85417rem; } }

.project-deail-3 .desc ul li::before {    top: 10px;    height: 4px;    width: 4px;    min-width: 4px; }

@media (max-width: 1199px) {
  .project-deail-3 .scrollbar-wrap {
    max-height: 10.41667rem; } }

.project-deail-4 .prev {    left: 0; }

.project-deail-4 .next {    right: 0; }

.project-deail-4 .project-thumb .img a {
  height: 90px; }
  .project-deail-4 .project-thumb .img a img {    height: 100%;    width: 100%;    object-fit: cover; }

.project-deail-4 .project-thumb .swiper-slide.swiper-slide-thumb-active .img {    --tw-border-opacity: 1;    border-color: rgb(251 2 0 / var(--tw-border-opacity, 1)); }

@media (min-width: 1024px) {
  .project-other .project-item .heading-3 {
    display: -webkit-box;
    font-size: clamp(20px, 1.25rem, 1.25rem);
    height: 3.375rem;
    min-height: 54px;
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; } }

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

@media (min-width: 1024px) {
  .recruit-detail .block-wrappper {
    border-right: 1px solid #41924F80; } }

@media (min-width: 1200px) {
  .recruit-detail .block-content {    gap: clamp(32px, 2.5vw, 2.5rem); } }

.recruit-detail .heading-3 {    --tw-text-opacity: 1;    color: rgb(41 41 41 / var(--tw-text-opacity, 1)); }

.recruit-detail time {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }

.recruit-detail .table-wrap {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center; }
  .recruit-detail .table-wrap td {    width: 100%;    padding-top: clamp(4px, 0.4166666666666667vw, 0.4166666666666667rem);    padding-bottom: clamp(4px, 0.4166666666666667vw, 0.4166666666666667rem);    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4; }

@media (min-width: 576px) {
  .recruit-detail .table-wrap td {    padding-top: clamp(4px, 0.4166666666666667vw, 0.4166666666666667rem);    padding-bottom: clamp(4px, 0.4166666666666667vw, 0.4166666666666667rem); } }

@media (min-width: 768px) {
  .recruit-detail .table-wrap td {    width: 50%; } }
  @media screen and (max-width: 1024px) {
    .recruit-detail .table-wrap table {    white-space: normal; } }
  @media screen and (max-width: 768px) {
    .recruit-detail .table-wrap table tr {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;    flex-wrap: wrap; }
      .recruit-detail .table-wrap table tr td {    display: block;    width: 100%; } }

@media (min-width: 768px) {
  .recruit-detail .table-wrap table tr td:first-child {    padding-right: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem); }
  .recruit-detail .table-wrap table tr td:last-child {    padding-left: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem); } }
  .recruit-detail .table-wrap table tr:last-child td:last-child span {    font-weight: 700;    --tw-text-opacity: 1;    color: rgb(255 0 0 / var(--tw-text-opacity, 1)); }
  .recruit-detail .table-wrap table tr p {    margin-bottom: 0;    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4; }
    .recruit-detail .table-wrap table tr p span, .recruit-detail .table-wrap table tr p strong {    display: inline-block;    width: 50%; }
    .recruit-detail .table-wrap table tr p * {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4; }

.recruit-detail .ico {    margin-right: clamp(8px, 0.625vw, 0.625rem);    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: start;    -webkit-justify-content: flex-start;    -ms-flex-pack: start;    justify-content: flex-start;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;  height: 22px;
  width: auto; }
  .recruit-detail .ico img {
    width: auto;
    height: 100%;
    object-fit: contain; }
  .recruit-detail .ico em, .recruit-detail .ico i {    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666665rem);    line-height: 1.4;    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(65 146 79 / var(--tw-text-opacity, 1)); }

.recruit-detail address {    margin-bottom: 0;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    font-style: normal; }
  .recruit-detail address p {    margin-bottom: 0; }
  .recruit-detail address li {    margin-bottom: clamp(8px, 0.625vw, 0.625rem);    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: start;    -webkit-justify-content: flex-start;    -ms-flex-pack: start;    justify-content: flex-start;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-align: start;    -webkit-align-items: flex-start;    -ms-flex-align: start;    align-items: flex-start; }
    .recruit-detail address li * {
      font: inherit; }
  .recruit-detail address em, .recruit-detail address i {    display: inline-block;    height: 24px;    width: 20px;    min-width: 20px;    font-family: 'Font Awesome 6 Pro';    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666665rem);    line-height: 1.4;    font-weight: 300;    --tw-text-opacity: 1;    color: rgb(65 146 79 / var(--tw-text-opacity, 1)); }

@media (min-width: 1024px) {
  .recruit-detail address em, .recruit-detail address i {    height: clamp(12px, 1.25vw, 1.25rem);    width: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);    min-width: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem); } }
  .recruit-detail address .icon {    margin-right: clamp(8px, 0.625vw, 0.625rem);    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-align: start;    -webkit-align-items: flex-start;    -ms-flex-align: start;    align-items: flex-start; }
    .recruit-detail address .icon img {
      max-width: 1.25rem; }
  .recruit-detail address a {    display: inline-block; }
    .recruit-detail address a:hover {    -webkit-text-decoration-line: underline;    text-decoration-line: underline; }

.recruit-detail .txt {
  border-top-right-radius: 2.08333rem;
  border-bottom-left-radius: 2.08333rem; }

@media (min-width: 1200px) {
  .recruit-detail .txt {
    border-top-right-radius: 4.16667rem;
    border-bottom-left-radius: 4.16667rem; } }

.recruit-detail .btn-group .btn {    width: 100%; }
  .recruit-detail .btn-group .btn span {    line-height: 1.25; }
  .recruit-detail .btn-group .btn.btn-primary {    margin-bottom: clamp(8px, 0.625vw, 0.625rem);    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); }
  @media screen and (max-width: 1400px) {
    .recruit-detail .btn-group .btn.btn-secondary span {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4; } }
  @media screen and (max-width: 350px) {
    .recruit-detail .btn-group .btn.btn-secondary span {    font-size: clamp(13px, calc(14 / 1920 * 100vw), 0.7291666666666666rem);    line-height: 1.4; } }

@media (min-width: 1024px) {
  .recruit-detail .wrap-form {    grid-template-columns: repeat(4, minmax(0, 1fr)); } }

.recruit-detail .wrap-form .frm-btnwrap {    -webkit-box-pack: start !important;    -webkit-justify-content: flex-start !important;    -ms-flex-pack: start !important;    justify-content: flex-start !important; }

@media screen and (max-width: 768px) {
  .recruit-detail .wrap-form .form-group {
    grid-column: span 4 / span 4; } }

.recruit-detail .wrap-form .form-group input, .recruit-detail .wrap-form .form-group textarea, .recruit-detail .wrap-form .form-group select {    border-color: transparent; }

.recruit-detail .wrap-form .form-group.disabled input, .recruit-detail .wrap-form .form-group.disabled textarea, .recruit-detail .wrap-form .form-group.disabled select {    pointer-events: none;    --tw-bg-opacity: 1;    background-color: rgb(220 220 220 / var(--tw-bg-opacity, 1)); }

@media screen and (max-width: 1024px) {
  .recruit-detail .txt {    border-color: transparent; } }

.other-recruit {
  box-shadow: 0px 4px 4px 0px #1F222714; }
  .other-recruit .heading-3 {    padding-bottom: clamp(8px, 0.625vw, 0.625rem); }

.recruit-detail-2 .block-wrap {    padding-bottom: clamp(16px, 1.4583333333333333vw, 1.4583333333333333rem); }
  .recruit-detail-2 .block-wrap:last-child {    margin-bottom: 0; }
  .recruit-detail-2 .block-wrap ul, .recruit-detail-2 .block-wrap ol {    padding-left: clamp(4px, 0.4166666666666667vw, 0.4166666666666667rem); }

.recruit-detail-2 .fullcontent h2, .recruit-detail-2 .fullcontent h3, .recruit-detail-2 .fullcontent h4, .recruit-detail-2 .fullcontent h5, .recruit-detail-2 .fullcontent h6 {    margin-bottom: clamp(8px, 0.625vw, 0.625rem); }

.recruit-item {    padding-top: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);    padding-bottom: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem); }

@media (min-width: 1200px) {
  .recruit-item {    padding-top: clamp(12px, 1.25vw, 1.25rem);    padding-bottom: clamp(12px, 1.25vw, 1.25rem); } }
  .recruit-item:last-child {    border-bottom-color: transparent;    padding-bottom: 0; }
  .recruit-item .headline a {    font-weight: 600;    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .recruit-item .timeline {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4; }
    .recruit-item .timeline * {
      font: inherit; }

.form-apply iframe {
  width: 100%;
  height: 410px; }
  @media screen and (min-width: 1200px) and (max-width: 1800px) {
    .form-apply iframe {
      height: 400px; } }

@media (min-width: 1200px) {
  .form-apply iframe {    width: 100%; } }

.form-apply .container-fluid {
  padding: 0 !important; }

#ctl00_phMain_jobApply_upContact {
  margin-bottom: 0 !important; }

.recruit-container {
  padding: 0 !important; }

.apply-frm {
  margin: 0 !important;
  overflow: hidden;
  background: #fff !important;
  width: 100%;
  height: 100%; }
  .apply-frm .alert-success {    display: block;    width: 100%;    text-align: center;    font-size: clamp(20px, calc(24 / 1920 * 100vw), 1.25rem);    line-height: 1.4;    --tw-text-opacity: 1;    color: rgb(65 146 79 / var(--tw-text-opacity, 1)); }
    .apply-frm .alert-success * {    font-size: clamp(20px, calc(24 / 1920 * 100vw), 1.25rem);    line-height: 1.4; }
  @media screen and (max-width: 576px) {
    .apply-frm {
      overflow: hidden;
      width: 100%; } }
  .apply-frm .btn-wrap {    width: 100%;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: justify;    -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center; }
    @media screen and (max-width: 600px) {
      .apply-frm .btn-wrap {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;        -webkit-box-align: start;        -webkit-align-items: flex-start;        -ms-flex-align: start;        align-items: flex-start; } }
    .apply-frm .btn-wrap .form-group {    width: 100%; }
    .apply-frm .btn-wrap .frm-btn {    width: -webkit-fit-content;    width: -moz-fit-content;    width: fit-content;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: start;    -webkit-justify-content: flex-start;    -ms-flex-pack: start;    justify-content: flex-start;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center; }
      @media screen and (min-width: 600px) {
        .apply-frm .btn-wrap .frm-btn {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: end;    -webkit-justify-content: flex-end;    -ms-flex-pack: end;    justify-content: flex-end;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center; } }
  .apply-frm .btn-submit {    height: 48px;    border-radius: 9999px;    --tw-border-opacity: 1;    border-color: rgb(20 72 102 / var(--tw-border-opacity, 1));    --tw-bg-opacity: 1;    background-color: rgb(20 72 102 / var(--tw-bg-opacity, 1));    padding-left: clamp(16px, 1.6666666666666667vw, 1.6666666666666667rem);    padding-right: clamp(16px, 1.6666666666666667vw, 1.6666666666666667rem);    font-weight: 700;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1));    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    -webkit-transition-duration: 150ms;    transition-duration: 150ms;    -webkit-transition: .4s all ease-in-out;    transition: .4s all ease-in-out;    min-width: 240px; }
  .apply-frm .recruitment-container {
    min-width: 1110px !important; }
  .apply-frm .frm-captcha {    margin-top: clamp(12px, 1.25vw, 1.25rem);    margin-bottom: clamp(12px, 1.25vw, 1.25rem); }

@media (min-width: 1024px) {
  .apply-frm .frm-captcha {    position: absolute;    right: 0;    padding-right: clamp(16px, 1.6666666666666667vw, 1.6666666666666667rem);    bottom: 0;
    width: auto !important;
    margin-top: 0 !important; } }
  .apply-frm h4 {    display: none; }
  @media screen and (max-width: 1024px) {
    .apply-frm .frm-captcha {
      margin-top: 20px !important; } }
  @media screen and (max-width: 576px) {
    .apply-frm .frm-captcha .frm-captcha-input {    margin-top: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem); } }
  .apply-frm .frm-captcha .frm-captcha-input input {    height: 44px;    overflow: hidden;    border-radius: 9999px;    border-width: 1px;    --tw-text-opacity: 1;    color: rgb(41 41 41 / var(--tw-text-opacity, 1));    width: 14.58333rem;
    max-width: 14.58333rem !important; }
    .apply-frm .frm-captcha .frm-captcha-input input::-webkit-input-placeholder {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
    .apply-frm .frm-captcha .frm-captcha-input input::-moz-placeholder {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
    .apply-frm .frm-captcha .frm-captcha-input input:-ms-input-placeholder {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
    .apply-frm .frm-captcha .frm-captcha-input input::-ms-input-placeholder {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
    .apply-frm .frm-captcha .frm-captcha-input input::placeholder {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
  .apply-frm input[type="file"] {
    left: 0; }
  .apply-frm > div {
    width: 100%; }
  .apply-frm .RadUpload_Simple {
    width: 100%;
    height: 100%; }
    .apply-frm .RadUpload_Simple input {
      width: 100%;
      height: 100%; }
  .apply-frm .RadUpload {
    width: 100%;
    height: 100%;
    pointer-events: auto;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));    min-height: 46px;
    height: 46px; }
    .apply-frm .RadUpload .ruButton {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    text-transform: uppercase;    opacity: 0;      font-family: 'Nunito Sans', sans-serif; }
    .apply-frm .RadUpload .ruInputs {
      width: 100%;
      position: relative; }
    .apply-frm .RadUpload .ruRemove {
      position: absolute;
      bottom: -77px;
      right: 0;
      opacity: 1;
      font-size: 12px;
      color: #ff0000;
      width: auto !important;
      display: block;
      height: 20px !important;
      background-position: 0px -62px; }
    .apply-frm .RadUpload .ruBrowse {    display: none; }
  .apply-frm #ctl00_phMain_jobApply_pnlNewComment {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .apply-frm #ctl00_phMain_jobApply_pnlNewComment > .form-group {
      width: 100%;
      margin-top: -10px;
      position: relative; }
    .apply-frm #ctl00_phMain_jobApply_pnlNewComment .col-left, .apply-frm #ctl00_phMain_jobApply_pnlNewComment .col-right {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .apply-frm #ctl00_phMain_jobApply_pnlNewComment .col-left > .form-group, .apply-frm #ctl00_phMain_jobApply_pnlNewComment .col-right > .form-group {
        margin-bottom: 30px; }
      @media (min-width: 576px) {
        .apply-frm #ctl00_phMain_jobApply_pnlNewComment .col-left, .apply-frm #ctl00_phMain_jobApply_pnlNewComment .col-right {
          margin: 0 -10px; }
          .apply-frm #ctl00_phMain_jobApply_pnlNewComment .col-left > .form-group, .apply-frm #ctl00_phMain_jobApply_pnlNewComment .col-right > .form-group {
            padding: 0 10px; } }
  .apply-frm .fa-exclamation-triangle {    position: absolute;    font-weight: 400;    bottom: -22px;
    left: 20px;
    color: #f30000;
    font-size: 12px; }
  .apply-frm .label {
    display: none;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    margin-bottom: 4px; }
    .apply-frm .label .required {
      color: red; }
  .apply-frm textarea {
    height: 90px; }

@media (min-width: 1200px) {
  .apply-frm textarea {
    height: 130px; } }
  .apply-frm .RadAsyncUpload .ruDropZone {
    display: none; }
  .apply-frm .RadAsyncUpload .ruFileWrap {
    position: static;
    display: block;
    height: auto !important;
    max-height: 50px; }
    .apply-frm .RadAsyncUpload .ruFileWrap .ruUploadProgress {
      position: absolute;
      bottom: -70px;
      left: 10px; }
  .apply-frm .RadAsyncUpload .ruFileInput, .apply-frm .RadAsyncUpload .rugreyse {
    text-transform: uppercase;
    font-size: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #333;
    background: #333;
    height: 50px;
    width: 250px; }
    .apply-frm .RadAsyncUpload .ruFileInput:hover, .apply-frm .RadAsyncUpload .rugreyse:hover {
      background: white !important;
      color: #333 !important; }
  .apply-frm .RadAsyncUpload .ruFileInput {
    border: 1px solid #333;
    pointer-events: auto;
    top: 0 !important;
    left: 0;
    padding: 0 !important;
    bottom: 10px;
    position: absolute;
    opacity: 0;
    height: 40px;
    width: 100% !important;
    cursor: pointer; }
    .apply-frm .RadAsyncUpload .ruFileInput:hover {
      background: white !important;
      color: #333 !important; }
  @media screen and (max-width: 1024px) {
    .apply-frm .form-group-btn {    margin-top: clamp(12px, 1.25vw, 1.25rem);    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: start;    -webkit-justify-content: flex-start;    -ms-flex-pack: start;    justify-content: flex-start;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center; } }

@media (min-width: 1024px) {
  .apply-frm .form-group-btn {    position: absolute;    right: 20px;    bottom: 0; } }
  .apply-frm .frm-btnwrap {    margin-top: clamp(16px, 1.6666666666666667vw, 1.6666666666666667rem);    width: auto;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: start;    -webkit-justify-content: flex-start;    -ms-flex-pack: start;    justify-content: flex-start;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center; }
    @media screen and (max-width: 576px) {
      .apply-frm .frm-btnwrap {
        position: static !important; } }
  .apply-frm .attachfile1 {    position: relative;    display: block; }
    .apply-frm .attachfile1 .left {    pointer-events: none;    position: absolute;    top: 0;    left: 0;    bottom: 0;    right: 0;    height: 100%;    width: 100%;    cursor: pointer;      z-index: 99; }
    .apply-frm .attachfile1 label {    pointer-events: none;    position: relative;    width: 100%;    border-radius: 0px;    --tw-bg-opacity: 1;    background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));    padding-left: 20px;    padding-right: 20px;    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4;    --tw-text-opacity: 1;    color: rgb(65 146 79 / var(--tw-text-opacity, 1));    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: start;    -webkit-justify-content: flex-start;    -ms-flex-pack: start;    justify-content: flex-start;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;      margin-top: 0;
      height: 46px;
      font-weight: 400 !important; }
      @media screen and (max-width: 1024px) {
        .apply-frm .attachfile1 label {
          word-break: break-normal; } }
      .apply-frm .attachfile1 label * {    --tw-text-opacity: 1 !important;    color: rgb(65 146 79 / var(--tw-text-opacity, 1)) !important;        font: inherit; }
      .apply-frm .attachfile1 label input[type='file'] {    height: 100%;    width: 100%;    cursor: pointer; }
      .apply-frm .attachfile1 label input[type='file']::-webkit-file-upload-button {
        cursor: pointer; }
      .apply-frm .attachfile1 label input[type='file']::file-selector-button {
        cursor: pointer; }
      .apply-frm .attachfile1 label input[type='file']::-webkit-file-upload-button {
        cursor: pointer; }
      .apply-frm .attachfile1 label ::-webkit-file-upload-button {
        cursor: pointer; }
  .apply-frm .attachfile2 {
    display: none; }
  .apply-frm .form-group {
    position: relative; }
    .apply-frm .form-group.disable-input input {    pointer-events: none;      background: #F1F1F1;
      border: none; }
  .apply-frm .wrap-form {    width: 100%; }
    @media screen and (max-width: 1024px) {
      .apply-frm .wrap-form .form-group {
        grid-column: span 1 / span 1; } }
    @media screen and (max-width: 768px) {
      .apply-frm .wrap-form .form-group {
        grid-column: span 2 / span 2; } }
    @media screen and (min-width: 768px) and (max-width: 1200px) {
      .apply-frm .wrap-form .form-group.col-span-2 {
        grid-column: span 2 / span 2 !important; } }
    .apply-frm .wrap-form .form-group input, .apply-frm .wrap-form .form-group textarea, .apply-frm .wrap-form .form-group select {    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));    padding-left: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);    padding-right: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);      min-height: 46px;
      height: 46px; }
      .apply-frm .wrap-form .form-group input::-webkit-input-placeholder, .apply-frm .wrap-form .form-group textarea::-webkit-input-placeholder, .apply-frm .wrap-form .form-group select::-webkit-input-placeholder {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4;    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
      .apply-frm .wrap-form .form-group input::-moz-placeholder, .apply-frm .wrap-form .form-group textarea::-moz-placeholder, .apply-frm .wrap-form .form-group select::-moz-placeholder {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4;    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
      .apply-frm .wrap-form .form-group input:-ms-input-placeholder, .apply-frm .wrap-form .form-group textarea:-ms-input-placeholder, .apply-frm .wrap-form .form-group select:-ms-input-placeholder {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4;    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
      .apply-frm .wrap-form .form-group input::-ms-input-placeholder, .apply-frm .wrap-form .form-group textarea::-ms-input-placeholder, .apply-frm .wrap-form .form-group select::-ms-input-placeholder {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4;    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
      .apply-frm .wrap-form .form-group input::placeholder, .apply-frm .wrap-form .form-group textarea::placeholder, .apply-frm .wrap-form .form-group select::placeholder {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4;    font-weight: 400;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
    .apply-frm .wrap-form .form-group textarea {    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));    padding-left: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);    padding-right: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);    padding-top: clamp(8px, 0.8333333333333334vw, 0.8333333333333334rem);      height: 120px !important; }
    .apply-frm .wrap-form .frm-btnwrap {    margin-top: clamp(8px, 0.8333333333333334vw, 0.8333333333333334rem) !important; }

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

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

@media (max-width: 1199px) {
  .recruit-1::after {
    height: 15.625rem;
    width: 15.625rem; } }

.recruit-1 .img a {
  height: 26.04167rem;
  border-radius: 9999px }
  .recruit-1 .img a img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

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

@media (min-width: 1200px) {
  .recruit-2 {
    padding: 7.8125rem 0; } }
  .recruit-2 .col:not(:last-child) {    border-right-width: 1px;    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));    --tw-border-opacity: 0.2; }
  .recruit-2 .desc {    overflow: hidden;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2; }

.recruit-list .filter-table-wrap tbody tr {    display: none; }

.recruit-list .ajax-btn-wrap.disble-btn {    display: none; }

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

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

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

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

.recruit-list table {    overflow: hidden;    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
  .recruit-list table thead th {    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));    --tw-bg-opacity: 1;    background-color: rgb(65 146 79 / var(--tw-bg-opacity, 1));    padding-left: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);    padding-right: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);    padding-top: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);    padding-bottom: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);    text-align: center;    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 * {    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666665rem);    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) {    text-align: center;      width: 90px;
      max-width: 90px; }
    .recruit-list table thead th:nth-child(2) {
      width: 25%;
      text-align: left }
    .recruit-list table thead th:nth-child(3) {
      width: 8%;
      white-space: nowrap }
    .recruit-list table thead th:nth-child(4), .recruit-list table thead th:nth-child(5), .recruit-list table thead th:nth-child(6) {
      width: 14%; }
    .recruit-list table thead th:nth-child(7) {
      width: 18%; }
  .recruit-list table tbody tr:hover td:nth-child(1), .recruit-list table tbody tr:hover .title {    --tw-text-opacity: 1;    color: rgb(65 146 79 / var(--tw-text-opacity, 1));    text-shadow: 1px 0 0 #41924F; }
    .recruit-list table tbody tr:hover td:nth-child(1) *, .recruit-list table tbody tr:hover .title * {
      font: inherit; }
  .recruit-list table tbody tr td {    border-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));    padding-left: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);    padding-right: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);    padding-top: clamp(8px, 0.625vw, 0.625rem);    padding-bottom: clamp(8px, 0.625vw, 0.625rem);    text-align: center;    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4; }
    .recruit-list table tbody tr td * {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4; }
    .recruit-list table tbody tr td:nth-child(1) {    text-align: center;      width: 90px;
      max-width: 90px; }
    .recruit-list table tbody tr td:nth-child(2) {
      width: 25%;
      text-align: left }
    .recruit-list table tbody tr td:nth-child(3) {
      width: 8%;
      white-space: nowrap }
    .recruit-list table tbody tr td:nth-child(4), .recruit-list table tbody tr td:nth-child(5), .recruit-list table tbody tr td:nth-child(6) {
      width: 14%; }
    .recruit-list table tbody tr td:nth-child(6) {
      color: #FF0009; }
    .recruit-list table tbody tr td:nth-child(7) {
      width: 18%; }
    .recruit-list table tbody tr td:hover a {    --tw-text-opacity: 1;    color: rgb(65 146 79 / var(--tw-text-opacity, 1)); }

.recruit-list .table-wrap {    overflow: hidden; }
  @media screen and (max-width: 1024px) {
    .recruit-list .table-wrap {    overflow-x: auto; }
      .recruit-list .table-wrap table {    white-space: nowrap; } }

.recruit-list .btn-tertiary {    width: 100%;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: justify;    -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center; }
  .recruit-list .btn-tertiary span {    font-size: clamp(13px, calc(14 / 1920 * 100vw), 0.7291666666666666rem);    line-height: 1.4;    --tw-text-opacity: 1;    color: rgb(65 146 79 / var(--tw-text-opacity, 1)); }
  .recruit-list .btn-tertiary em, .recruit-list .btn-tertiary i {    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);    line-height: 1.4;    --tw-text-opacity: 1;    color: rgb(65 146 79 / var(--tw-text-opacity, 1)); }

.recruit-list .ajax-btn-wrap .btn.btn-secondary .icon {
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-animation: none !important;
          animation: none !important;
  opacity: 1 !important; }
  .recruit-list .ajax-btn-wrap .btn.btn-secondary .icon::before {    --tw-text-opacity: 1 !important;    color: rgb(65 146 79 / var(--tw-text-opacity, 1)) !important;    content: '\f078'; }

.recruit-list .ajax-btn-wrap .btn.btn-secondary::after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 100%;
  width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(65 146 79 / var(--tw-bg-opacity, 1));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out }

.recruit-list .ajax-btn-wrap .btn.btn-secondary:hover::after {    width: 100%; }

.recruit-list .ajax-btn-wrap .btn.btn-secondary:hover span {    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

.recruit-list .ajax-btn-wrap .btn.btn-secondary:hover .icon::before {    --tw-text-opacity: 1 !important;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; }

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

.contact-us::after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: clamp(48px, 5vw, 5rem);
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;  background: url("../img/bg/contact.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
  width: 16.45833rem;
  height: 36.45833rem;
  bottom: -5.20833rem; }

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

.contact-us .dash-line::before, .contact-us .dash-line::after {
  content: '';
  pointer-events: none;
  position: absolute;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 100%;
  width: 33.333333%;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out }

.contact-us .dash-line::before {    left: 33.333333%;    --tw-bg-opacity: 1;    background-color: rgb(251 2 0 / var(--tw-bg-opacity, 1)); }

.contact-us .dash-line::after {    left: 66.666667%;    --tw-bg-opacity: 1;    background-color: rgb(43 55 141 / var(--tw-bg-opacity, 1)); }

.contact-us .frm-msg {    grid-column: span 2 / span 2;    margin-bottom: 0;    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    --tw-text-opacity: 1;    color: rgb(41 41 41 / var(--tw-text-opacity, 1)); }

@media screen and (min-width: 768px) and (max-width: 1200px) {
      .apply-frm .wrap-form .form-group.contact-us .frm-msg {
        grid-column: span 2 / span 2; } }

.contact-us .wrap-form .form-group textarea {
  height: 8.33333rem; }

.contact-us .wrap-form .frm-btnwrap {    margin-top: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);    width: -webkit-fit-content;    width: -moz-fit-content;    width: fit-content; }
  @media screen and (min-width: 1600px) {
    .contact-us .wrap-form .frm-btnwrap {    position: absolute;    bottom: 0;    right: 0;    z-index: 20; } }
  @media screen and (max-width: 576px) {
    .contact-us .wrap-form .frm-btnwrap {    margin-top: clamp(16px, 1.6666666666666667vw, 1.6666666666666667rem); } }

.contact-us address em, .contact-us address i {    margin-top: clamp(2px, 0.20833333333333334vw, 0.20833333333333334rem);    height: clamp(32px, 2.083333333333333vw, 2.083333333333333rem);    width: clamp(32px, 2.083333333333333vw, 2.083333333333333rem);    min-width: clamp(32px, 2.083333333333333vw, 2.083333333333333rem);    --tw-bg-opacity: 1;    background-color: rgb(65 146 79 / var(--tw-bg-opacity, 1));    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666665rem);    line-height: 1.4;    font-weight: 900;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1));    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center; }

.contact-us address p {    margin-bottom: 0; }

.contact-us address strong {    margin-bottom: clamp(2px, 0.20833333333333334vw, 0.20833333333333334rem);    display: block; }

.contact-us address a:hover {    --tw-text-opacity: 1;    color: rgb(1 84 143 / var(--tw-text-opacity, 1));    -webkit-text-decoration-line: underline;    text-decoration-line: underline; }

.contact-us address li {    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666665rem);    line-height: 1.4;  -webkit-box-align: start;  -webkit-align-items: flex-start;  -ms-flex-align: start;  align-items: flex-start; }
  .contact-us address li * {    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666665rem);    line-height: 1.4; }

@media screen and (min-width: 1200px) {
  .Module-1382 .sticky-nav {
    top: 84px !important; } }

@media (max-width: 1199px) {
  .Module-1382 .sticky-nav {
    top: 60px !important; } }

.about-1 .desc {    overflow: hidden;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 6; }

.about-2 .mobile-image {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex; }

@media (min-width: 1024px) {
  .about-2 .mobile-image {    display: none; } }

.about-2 .desktop-image {    display: none; }

@media (min-width: 1024px) {
  .about-2 .desktop-image {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex; } }

.about-2 .row {    margin: 0;    padding: 0; }
  .about-2 .row .col {    margin: 0;    padding: 0; }

.about-2 .container::after {
  content: '';
  pointer-events: none;
  position: absolute;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;  background: url("../img/bg/about-1.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom cennter;
  width: 35.41667rem;
  height: 42.1875rem;
  left: -5.20833rem; }

@media (min-width: 1024px) {
  .about-2 .scrollbar-wrap {
    max-height: 14.58333rem; } }

.about-2 .img {    margin-top: auto; }

@media (max-width: 1023px) {
  .about-2 .img {    margin-left: auto;    margin-right: auto;    padding-bottom: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem); } }
  .about-2 .img a {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-align: end;    -webkit-align-items: flex-end;    -ms-flex-align: end;    align-items: flex-end;    width: auto;
    @media (max-width: 575px) {} }

@media (min-width: 1024px) {
  .about-2 .img a {
    height: 41.14583rem;
    max-width: 24.47917rem; } }

@media (max-width: 1023px) {
  .about-2 .img a {    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    height: 31.25rem; } }
    .about-2 .img a img {
      width: auto;
      height: -webkit-fill-available;
      object-fit: contain; }

.about-2 .signature {
  height: 7.29167rem;
  width: auto; }

@media (max-width: 1023px) {
  .about-2 .signature {
    height: 5.20833rem; } }
  .about-2 .signature img {
    width: auto;
    height: 100%;
    object-fit: contain; }

.about-3::after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.405581) 34.8%, rgba(0, 0, 0, 0) 53.9%);  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.405581) 34.8%, rgba(0, 0, 0, 0) 53.9%); }

.about-3 .hand-ui {    position: relative;    z-index: 999;    margin-top: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: end;    -webkit-justify-content: flex-end;    -ms-flex-pack: end;    justify-content: flex-end;    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    -webkit-transition-duration: 150ms;    transition-duration: 150ms;    -webkit-transition: .4s all ease-in-out;    transition: .4s all ease-in-out; }

@media (max-width: 1023px) {
  .about-3 .hand-ui {    display: none; } }
  .about-3 .hand-ui div {
    -webkit-animation: slideGuide 2.25s ease-in-out infinite;
            animation: slideGuide 2.25s ease-in-out infinite;
    background-repeat: no-repeat  !important;
    background-size: contain !important;
    background-position: center  !important;
    width: 3.33333rem;
    height: 2.5rem;
    background-image: url("data:image/svg+xml;charset=utf-8,<svg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M23.9992 19.5V6.75C23.9992 5.75544 23.6042 4.80161 22.9009 4.09835C22.1976 3.39509 21.2438 3 20.2492 3C19.2547 3 18.3009 3.39509 17.5976 4.09835C16.8943 4.80161 16.4992 5.75544 16.4992 6.75V29.4874L12.3878 22.3662C12.1418 21.9393 11.8141 21.5651 11.4234 21.2649C11.0327 20.9647 10.5866 20.7444 10.1108 20.6167C9.63488 20.489 9.13849 20.4563 8.64998 20.5205C8.16146 20.5847 7.69038 20.7445 7.26367 20.9909C6.83696 21.2373 6.46299 21.5653 6.16312 21.9563C5.86325 22.3472 5.64337 22.7935 5.51604 23.2694C5.38872 23.7454 5.35644 24.2418 5.42106 24.7303C5.48568 25.2188 5.64593 25.6897 5.89265 26.1162C11.9992 39 15.715 43.5 23.9992 43.5C25.9691 43.5 27.9196 43.112 29.7395 42.3582C31.5594 41.6044 33.213 40.4995 34.6058 39.1066C35.9987 37.7137 37.1036 36.0601 37.8574 34.2403C38.6113 32.4204 38.9992 30.4698 38.9992 28.5V21C38.9992 20.0054 38.6042 19.0516 37.9009 18.3483C37.1976 17.6451 36.2438 17.25 35.2492 17.25C34.2547 17.25 33.3009 17.6451 32.5976 18.3483C31.8943 19.0516 31.4992 20.0054 31.4992 21' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M31.5 21V18.75C31.5 17.7554 31.1049 16.8016 30.4017 16.0983C29.6984 15.3951 28.7446 15 27.75 15C26.7554 15 25.8016 15.3951 25.0983 16.0983C24.3951 16.8016 24 17.7554 24 18.75V19.5' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>"); }

@media (min-width: 1024px) {
  .about-3 .container-fluid {
    padding: 0 8.33333rem; }
  .about-3 .txt-wrap {
    max-width: 28.125rem; }
  .about-3 .col:nth-child(1) {
    width: 46%; }
  .about-3 .col:nth-child(2) {
    width: 54%; } }

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

@media (max-width: 1023px) {
  .about-3 .icon {
    height: 50px;
    margin-bottom: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem) } }
  .about-3 .icon img {
    width: auto;
    height: 100%;
    object-fit: contain; }

.about-3 .block-wrapper:hover .hand-ui {    opacity: 0; }

.about-3 .item {    position: relative;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-pack: justify;    -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between; }

@media (min-width: 1024px) {
  .about-3 .item {
    height: 20.83333rem; } }
  .about-3 .item .txt {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1  auto;
        -ms-flex: 0 1  auto;
            flex: 0 1  auto;
    height: auto }
  .about-3 .item:hover .txt-grid {
    grid-template-rows: 1fr; }

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

.about-5 .mobile-block {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex; }

@media (min-width: 1024px) {
  .about-5 .mobile-block {    display: none; } }

.about-5 .desktop-block {    display: none; }

@media (min-width: 1024px) {
  .about-5 .desktop-block {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex; } }

@media (min-width: 576px) {
  .about-5 .top-block .figure-profile {
    max-width: 16.66667rem; } }

.about-5 .top-block .figure-profile .heading-3, .about-5 .top-block .figure-profile .heading-4, .about-5 .top-block .figure-profile .body-1 {    cursor: default; }

@media screen and (max-width: 450px) {
  .about-5 .three-swiper .swiper-slide {    width: 50%; } }

.about-5 .figure-profile .img a {    --tw-bg-opacity: 1;    background-color: rgb(220 220 220 / var(--tw-bg-opacity, 1)); }

.about-5 .figure-profile .heading-3, .about-5 .figure-profile .body-1 {    cursor: default; }

.about-5 .figure-profile:hover .heading-3 {
  text-decoration: none; }

.about-5 .tab-nav li:hover a, .about-5 .tab-nav li.active a {    --tw-border-opacity: 1;    border-color: rgb(65 146 79 / var(--tw-border-opacity, 1));    --tw-bg-opacity: 1;    background-color: rgb(65 146 79 / var(--tw-bg-opacity, 1));    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

@media screen and (max-width: 576px) {
  .about-5 .tab-nav {    overflow-x: auto; }
    .about-5 .tab-nav ul {    white-space: nowrap;    padding-bottom: clamp(2px, 0.20833333333333334vw, 0.20833333333333334rem);    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;      -webkit-box-pack: start;      -webkit-justify-content: flex-start;      -ms-flex-pack: start;      justify-content: flex-start; }
      .about-5 .tab-nav ul li:first-child {    padding-left: 0; } }

.about-6 .img a {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center; }
  .about-6 .img a img {    object-fit: contain; }

.esg-sector-1::after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;  background: url("../img/bg/esg.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left bottom;
  height: 46.61458rem;
  width: 21.35417rem;
  bottom: -18.22917rem; }

@media (min-width: 1200px) {
  .esg-sector-1 .title {
    max-width: 31.25rem; } }

@media (min-width: 1600px) {
  .esg-sector-1 .title {
    max-width: 26.04167rem; } }

.esg-sector-1 .counter span {    --tw-text-opacity: 1;    color: rgb(251 2 0 / var(--tw-text-opacity, 1)); }

.esg-sector-1 .btn-tertiary span {    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);    line-height: 1.4;    font-weight: 400;    text-transform: none;    line-height: 140%;    --tw-text-opacity: 1;    color: rgb(65 146 79 / var(--tw-text-opacity, 1)); }

.esg-sector-1 .btn-tertiary em, .esg-sector-1 .btn-tertiary i {    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666665rem);    line-height: 1.4;    font-weight: 300;    --tw-text-opacity: 1;    color: rgb(65 146 79 / var(--tw-text-opacity, 1)); }

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

.esg-item {    border-width: calc(2 / 1920 * 100vw);    border-color: transparent;    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    -webkit-transition-duration: 150ms;    transition-duration: 150ms;    -webkit-transition: .4s all ease-in-out;    transition: .4s all ease-in-out; }
  .esg-item:hover {    --tw-border-opacity: 1;    border-color: rgb(65 146 79 / var(--tw-border-opacity, 1)); }
  .esg-item time {    font-size: clamp(13px, calc(14 / 1920 * 100vw), 0.7291666666666666rem);    line-height: 1.4;    --tw-text-opacity: 1;    color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
  .esg-item .type {    --tw-text-opacity: 1;    color: rgb(65 146 79 / var(--tw-text-opacity, 1)); }

.esg-sector-3 {    padding-bottom: clamp(36px, 3.75vw, 3.75rem); }

@media (max-width: 1023px) {
  .esg-sector-3 {    padding-top: clamp(30px, 3.125vw, 3.125rem); } }

@media (min-width: 1200px) {
  .esg-sector-3 {
    padding-bottom: 10.41667rem; } }

@media (max-width: 1023px) {
  .esg-sector-3 .block-wrap {    padding: clamp(12px, 1.25vw, 1.25rem); } }
  .esg-sector-3::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background: url("../img/bg/esg-2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center; }

.download-item {    overflow: hidden;    border-radius: 0.25rem; }
  .download-item em, .download-item i {    margin-right: clamp(8px, 0.8333333333333334vw, 0.8333333333333334rem);    font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666665rem);    line-height: 1.4;    --tw-text-opacity: 1;    color: rgb(65 146 79 / var(--tw-text-opacity, 1)); }
  .download-item .btn:hover em, .download-item .btn:hover i {    --tw-text-opacity: 1;    color: rgb(251 2 0 / var(--tw-text-opacity, 1)); }

.home-business {    overflow: hidden;    padding-top: 0;    padding-bottom: 0; }
  .home-business.is-hover .overlay {    pointer-events: none;    opacity: 0; }
  .home-business.is-hover .container-fluid {    pointer-events: auto;    opacity: 1; }
  .home-business .mobile-block {    display: block; }

@media (min-width: 1024px) {
  .home-business .mobile-block {    display: none; } }
  .home-business .tablet-block {    display: none; }

@media (min-width: 1024px) {
  .home-business .tablet-block {    display: block; } }
  .home-business .temp-row {    height: 100%; }
    .home-business .temp-row .col {    height: 100%;    border-right-width: 1px;    --tw-border-opacity: 1;    border-color: rgb(220 220 220 / var(--tw-border-opacity, 1)); }
      .home-business .temp-row .col:first-child {    border-left-width: 1px; }
  .home-business .temp-title {    font-size: clamp(52px, calc(60 / 1920 * 100vw), 3.125rem);    line-height: 1.1;    font-weight: 700;    text-transform: uppercase;    background-image: var(--bg-url);
    text-align: center;
    top: 0;
    width: 100%;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text; }
  .home-business .overlay {    pointer-events: auto;    z-index: 990;    height: 100%;    width: 100%;    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    -webkit-transition-duration: 150ms;    transition-duration: 150ms;    position: absolute;    top: 50%;    left: 50%;    -webkit-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);    -webkit-transition: .4s all ease-in-out;    transition: .4s all ease-in-out; }

@media (max-width: 1023px) {
  .home-business .overlay {    display: none; } }
  .home-business .title-wrap {
    max-width: 52.08333rem; }
  .home-business .three-swiper .scrollbar-wrap {
    max-height: 12.5rem; }
  .home-business .three-swiper .swiper {    margin: 0;    padding: 0; }
    .home-business .three-swiper .swiper .swiper-slide {    padding: 0; }
  @media screen and (max-width: 560px) {
    .home-business .three-swiper .swiper-slide {    width: 100%; } }
  .home-business .three-swiper .item::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1875) 0%, rgba(0, 0, 0, 0.5625) 100%);    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1875) 0%, rgba(0, 0, 0, 0.5625) 100%); }

@media (min-width: 1200px) {
  .home-business .container-fluid {    padding: 0; } }
  .home-business .bg-placeholder::before, .home-business .bg-placeholder::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background-repeat: no-repeat !important;
    background-size: cover  !important;
    background-position: center  !important; }
  .home-business .bg-placeholder::before {
    background-image: var(--bg-url); }
  .home-business .bg-placeholder::after {
    background-image: var(--bg-hover);
    opacity: 0 }
  .home-business .bg-placeholder .container {    padding: 0; }
  .home-business .bg-placeholder.active::before {    opacity: 0; }
  .home-business .bg-placeholder.active::after {    opacity: 1; }
  .home-business .bg-placeholder:hover .container {
    max-width: 100%; }
  .home-business .sub-title {    text-align: left;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

@media (min-width: 1200px) {
  .home-business .sub-title {    --tw-text-opacity: 0.6; } }
  .home-business .txt {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-pack: justify;    -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between;    padding-top: clamp(40px, 4.166666666666666vw, 4.166666666666666rem);    padding-bottom: clamp(40px, 4.166666666666666vw, 4.166666666666666rem); }
    .home-business .txt::before, .home-business .txt::after {
      content: '';
      pointer-events: none;
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 10;
      display: block;
      height: 100%;
      width: 100%;
      -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transition-duration: 150ms;
              transition-duration: 150ms;
      -webkit-transition: .4s all ease-in-out;
      transition: .4s all ease-in-out }
    .home-business .txt::before {    z-index: 40;    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    opacity: 0;      -webkit-transition: .15s all  ease-in-out;      transition: .15s all  ease-in-out; }
    .home-business .txt::after {
      background: #00000033; }

@media (min-width: 1024px) {
  .home-business .txt::after {
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px); } }
  .home-business .container {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    -webkit-transition-duration: 150ms;    transition-duration: 150ms;    -webkit-transition: .4s all ease-in-out;    transition: .4s all ease-in-out; }
  .home-business .item-bg {    width: 33.333333%;    -webkit-transition: .9s all  ease-in-out;    transition: .9s all  ease-in-out;
    height: 44.79167rem; }
    .home-business .item-bg::before {
      content: '';
      pointer-events: none;
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: 200;
      display: block;
      height: 100%;
      width: 2px;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
      --tw-bg-opacity: 0.2;
      -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transition-duration: 150ms;
              transition-duration: 150ms;
      -webkit-transition: .4s all ease-in-out;
      transition: .4s all ease-in-out }
    .home-business .item-bg:hover {    width: 66.666667%; }
      .home-business .item-bg:hover .top {    opacity: 0; }
      .home-business .item-bg:hover .txt {    text-align: left; }
        .home-business .item-bg:hover .txt::before {
          -webkit-animation: flash 1.5s;
                  animation: flash 1.5s; }
        .home-business .item-bg:hover .txt::after {
          background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.4) 100%);
          background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.4) 100%);
          -webkit-backdrop-filter: none;
                  backdrop-filter: none; }
      .home-business .item-bg:hover .txt-grid {
        grid-template-rows: 1fr; }
      .home-business .item-bg:hover .txt-bottom {    opacity: 1; }
      .home-business .item-bg:hover .fake-overlay {    opacity: 1; }
  .home-business .fake-overlay {    position: absolute;    top: 0;    left: 0;    z-index: 50;    padding-left: clamp(32px, 2.083333333333333vw, 2.083333333333333rem);    padding-right: clamp(32px, 2.083333333333333vw, 2.083333333333333rem);    padding-top: clamp(40px, 4.166666666666666vw, 4.166666666666666rem);    opacity: 0;    -webkit-transition: .5s all  ease-in-out;    transition: .5s all  ease-in-out;
    width: 200% !important; }
    .home-business .fake-overlay .title {    text-align: left;    font-size: clamp(56px, calc(72 / 1920 * 100vw), 3.75rem);    line-height: 1;    line-height: 120%;    --tw-text-opacity: 1;      min-width: 100%; }
      .home-business .fake-overlay .title br {    display: inline-block; }
  .home-business .top {
    -webkit-transition: .3s all  ease-in-out;
    transition: .3s all  ease-in-out;
    width: 100%;    max-width: 20.83333rem; }
  .home-business .title {    text-align: center;    font-size: clamp(52px, calc(60 / 1920 * 100vw), 3.125rem);    line-height: 1.1;    font-weight: 700; }

@media (max-width: 1199px) {
  .home-business .title {    margin-bottom: clamp(4px, 0.4166666666666667vw, 0.4166666666666667rem);    font-size: clamp(40px, calc(48 / 1920 * 100vw), 2.5rem);    line-height: 1.2; } }
    .home-business .title br {    display: none; }

@media (min-width: 1024px) {
  .home-business .title {    --tw-text-opacity: 0.6; } }
  .home-business .desc ul li::before {    --tw-bg-opacity: 1;    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
  .home-business .txt-grid {
    -webkit-transition: 1s grid-template-rows ease;
    transition: 1s grid-template-rows ease;
    transition: 1s grid-template-rows ease, 1s -ms-grid-rows ease; }

.field-sector-1 {    position: relative;    overflow: hidden; }
  .field-sector-1::after {
    content: '';
    pointer-events: none;
    position: absolute;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background: url("../img/bg/sector.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
    width: 16.66667rem;
    height: 36.51042rem;
    top: 5.20833rem;
    right: 10.41667rem; }

@media (max-width: 1199px) {
  .field-sector-1::after {
    top: 60px;
    right: 10px;
    width: 15.625rem;
    height: 15.625rem; } }
  .field-sector-1 .container-fluid {    padding-left: clamp(12px, 1.25vw, 1.25rem);    padding-right: clamp(12px, 1.25vw, 1.25rem); }
  .field-sector-1 .desc ul li::before {    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));    --tw-bg-opacity: 0.6; }
  .field-sector-1 .swiper {    margin: calc(clamp(12px, 1.25vw, 1.25rem) * -1);    margin-left: -12px;    margin-right: -12px;    padding: 0;    padding-top: clamp(12px, 1.25vw, 1.25rem);    padding-bottom: clamp(12px, 1.25vw, 1.25rem); }
  .field-sector-1 .swiper-slide {
    padding: 0 12px; }
  .field-sector-1 .sector-item:hover .txt-grid {    margin-bottom: clamp(4px, 0.4166666666666667vw, 0.4166666666666667rem);    grid-template-rows: 1fr; }
  .field-sector-1 .sector-item:hover .img::before {    opacity: 1; }
  .field-sector-1 .sector-item:hover .img::after {    opacity: 0; }
  .field-sector-1 .scrollbar-wrap {
    max-height: 10.41667rem; }
  .field-sector-1 .img::before, .field-sector-1 .img::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out }
  .field-sector-1 .img::before {    opacity: 0;    background: -webkit-linear-gradient(top, rgba(10, 112, 98, 0) 0%, #0A701C 100%);    background: linear-gradient(180deg, rgba(10, 112, 98, 0) 0%, #0A701C 100%);
    height: 18.22917rem; }
  .field-sector-1 .img::after {
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    height: 11.97917rem; }

.field-sector-2::after {
  content: '';
  pointer-events: none;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;  background: url("../img/bg/field-bg.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  height: 23.75rem;
  width: 51.45833rem; }

.field-sector-2 .img a {
  height: 6.25rem;
  width: auto; }
  .field-sector-2 .img a img {
    width: auto;
    height: 100%;
    object-fit: contain; }

.about-history {    position: relative;    overflow: hidden; }
  .about-history::after {
    content: '';
    pointer-events: none;
    position: absolute;
    right: clamp(32px, 3.3333333333333335vw, 3.3333333333333335rem);
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background: url("../img/bg/history.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
    width: 23.48958rem;
    height: 33.33333rem; }

@media (max-width: 1199px) {
  .about-history::after {
    width: 15.625rem;
    height: 15.625rem; } }
  .about-history .desktop-swiper {    display: none; }

@media (min-width: 1024px) {
  .about-history .desktop-swiper {    display: block; } }
    .about-history .desktop-swiper .single-swiper {    padding: 0; }
      .about-history .desktop-swiper .single-swiper .swiper {    z-index: 990;    margin: 0;    padding: 0; }
      .about-history .desktop-swiper .single-swiper .swiper-slide {    padding: 0; }

@media (min-width: 1024px) {
  .about-history .mobile-swiper {    display: none; } }
  .about-history .mobile-swiper .swiper {    padding-top: clamp(8px, 0.625vw, 0.625rem); }
  .about-history .dash {    pointer-events: none;    display: -webkit-inline-box;    display: -webkit-inline-flex;    display: -ms-inline-flexbox;    display: inline-flex;    height: 1px;    width: 100%;    border-color: transparent;    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    -webkit-transition-duration: 150ms;    transition-duration: 150ms;    -webkit-transition: .4s all ease-in-out;    transition: .4s all ease-in-out;    border-bottom: 1px dashed #BDBDBD; }

@media (min-width: 1200px) {
  .about-history .txt {    padding-right: clamp(16px, 1.6666666666666667vw, 1.6666666666666667rem); } }
  .about-history .year {    position: relative; }
    .about-history .year::before {
      content: '';
      pointer-events: none;
      z-index: 30;
      display: block;
      -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transition-duration: 150ms;
              transition-duration: 150ms;
      -webkit-transition: .4s all ease-in-out;
      transition: .4s all ease-in-out;      margin-top: -0.3125rem;
      width: 0.625rem;
      height: 2.8125rem;
      background: url("../img/icon/line-dot-1.png");
      background-repeat: no-repeat !important;
      background-size: contain !important;
      background-position: top center !important; }
    .about-history .year span {    font-size: clamp(30px, calc(36 / 1920 * 100vw), 1.875rem);    line-height: 1.25;    --tw-text-opacity: 1;    color: rgb(65 146 79 / var(--tw-text-opacity, 1));    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    -webkit-transition-duration: 150ms;    transition-duration: 150ms;    -webkit-transition: .4s all ease-in-out;    transition: .4s all ease-in-out; }

@media (min-width: 1200px) {
  .about-history .year span {    font-size: clamp(52px, calc(60 / 1920 * 100vw), 3.125rem);    line-height: 1.1;    line-height: 120%; } }
  .about-history .scrollbar-wrap {
    max-height: 100%; }

@media (max-width: 767px) {
  .about-history .scrollbar-wrap {
    max-height: 8.33333rem; } }

@media (min-width: 1024px) {
  .about-history .scrollbar-wrap {
    max-height: 6.875rem; } }
  .about-history .container-grid {    height: 100%;    display: grid;
    grid-auto-columns: auto;
    grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-rows: 1fr 1fr;
    gap: 0px 6.77083rem;
    grid-template-areas: ". . item-2 item-2 item-2 item-2 item-4 item-4 item-4 item-4 . ." "item-1 item-1 item-1 item-1 item-3 item-3 item-3 item-3 item-5 item-5 item-5 item-5"; }
  .about-history .swiper-slide:nth-child(even) .container-grid {
    grid-template-areas: "item-1 item-1 item-1 item-1 item-3 item-3 item-3 item-3 item-5 item-5 item-5 item-5" ". . item-2 item-2 item-2 item-2 item-4 item-4 item-4 item-4 . ."; }
  .about-history .swiper-slide:nth-child(even) .item:nth-child(1), .about-history .swiper-slide:nth-child(even) .item:nth-child(3), .about-history .swiper-slide:nth-child(even) .item:nth-child(5) {    height: 100%;    padding-bottom: 2.5rem; }
    .about-history .swiper-slide:nth-child(even) .item:nth-child(1) .year::before, .about-history .swiper-slide:nth-child(even) .item:nth-child(3) .year::before, .about-history .swiper-slide:nth-child(even) .item:nth-child(5) .year::before {    display: none; }
    .about-history .swiper-slide:nth-child(even) .item:nth-child(1) .txt, .about-history .swiper-slide:nth-child(even) .item:nth-child(3) .txt, .about-history .swiper-slide:nth-child(even) .item:nth-child(5) .txt {    position: relative;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    height: 100%;    -webkit-box-orient: vertical;    -webkit-box-direction: reverse;    -webkit-flex-direction: column-reverse;    -ms-flex-direction: column-reverse;    flex-direction: column-reverse; }
    .about-history .swiper-slide:nth-child(even) .item:nth-child(1)::after, .about-history .swiper-slide:nth-child(even) .item:nth-child(3)::after, .about-history .swiper-slide:nth-child(even) .item:nth-child(5)::after {
      content: '';
      pointer-events: none;
      z-index: 30;
      display: block;
      -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transition-duration: 150ms;
              transition-duration: 150ms;
      -webkit-transition: .4s all ease-in-out;
      transition: .4s all ease-in-out;      width: 0.625rem;
      height: 2.8125rem;
      background: url("../img/icon/line-dot-2.png");
      background-repeat: no-repeat !important;
      background-size: contain !important;
      background-position: top center !important; }
  .about-history .swiper-slide:nth-child(even) .item:nth-child(2) .txt, .about-history .swiper-slide:nth-child(even) .item:nth-child(4) .txt {    position: relative;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    height: 100%;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column; }
  .about-history .swiper-slide:nth-child(even) .item:nth-child(2)::before, .about-history .swiper-slide:nth-child(even) .item:nth-child(4)::before {
    content: '';
    pointer-events: none;
    z-index: 30;
    display: block;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    margin-top: -0.3125rem;
    width: 0.625rem;
    height: 2.8125rem;
    background: url("../img/icon/line-dot-1.png");
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: top center !important; }
  .about-history .block-wrap::after {
    content: '';
    pointer-events: none;
    left: 0;
    z-index: 10;
    display: block;
    height: 1px;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    border-bottom: 1px dashed #BDBDBD; }
  .about-history .item:nth-child(1) {
    grid-area: item-1; }
  .about-history .item:nth-child(2) {
    grid-area: item-2; }
  .about-history .item:nth-child(3) {
    grid-area: item-3; }
  .about-history .item:nth-child(4) {
    grid-area: item-4; }
  .about-history .item:nth-child(5) {
    grid-area: item-5; }
  .about-history .item:nth-child(2), .about-history .item:nth-child(4) {    height: 100%;    padding-bottom: 2.5rem; }
    .about-history .item:nth-child(2) .year::before, .about-history .item:nth-child(4) .year::before {    display: none; }
    .about-history .item:nth-child(2) .txt, .about-history .item:nth-child(4) .txt {    position: relative;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    height: 100%;    -webkit-box-orient: vertical;    -webkit-box-direction: reverse;    -webkit-flex-direction: column-reverse;    -ms-flex-direction: column-reverse;    flex-direction: column-reverse; }
    .about-history .item:nth-child(2)::after, .about-history .item:nth-child(4)::after {
      content: '';
      pointer-events: none;
      z-index: 30;
      display: block;
      -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transition-duration: 150ms;
              transition-duration: 150ms;
      -webkit-transition: .4s all ease-in-out;
      transition: .4s all ease-in-out;      width: 0.625rem;
      height: 2.8125rem;
      background: url("../img/icon/line-dot-2.png");
      background-repeat: no-repeat !important;
      background-size: contain !important;
      background-position: top center !important; }

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