@charset "UTF-8";
/**
 * This injects Tailwind's base styles and any base styles registered-500 by
 * plugins.
 */
/*! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com
 */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  -webkit-text-size-adjust: 100%; /* 3 */ /* 2 */
  font-feature-settings: normal; /* 5 */
  -webkit-tap-highlight-color: transparent; /* 7 */
  line-height: 1.5; /* 1 */
  font-family: Plus Jakarta Sans, sans-serif; /* 4 */
  font-variation-settings: normal; /* 6 */
  tab-size: 4; /* 3 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  border-top-width: 1px; /* 3 */
  height: 0; /* 1 */
  color: inherit; /* 2 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-feature-settings: normal; /* 2 */
  font-size: 1em; /* 4 */
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-variation-settings: normal; /* 3 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
  text-indent: 0; /* 1 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-feature-settings: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
  color: inherit; /* 1 */
  font-weight: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: inherit; /* 1 */
  font-family: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-image: none; /* 2 */
  background-color: transparent; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
html, body {
    font-size: 16px; }
@media (min-width: 1200px) {
    html, body {
      font-size: 1vw; } }
body{
  --tw-text-opacity: 1;    overflow-x: clip;
  overflow-y: overlay;
  color: rgb(51 51 51 / var(--tw-text-opacity));
  accent-color: #1d4ed8;
  font-family: Plus Jakarta Sans, sans-serif;
}
main{
  padding-top: calc(88/1920*100rem);
}
@media (min-width: 768px){
  main{
    padding-top: calc(100/1920*100rem);
    padding-right: calc(16/1920*100rem);
    padding-left: calc(16/1920*100rem);
  }
}
@media (min-width: 1024px){
  main{
    padding-top: calc(100/1920*100rem);
  }
}
@media (min-width: 1200px){
  main{
    padding-right: calc(40/1920*100rem);
    padding-left: calc(40/1920*100rem);
  }
}
h1{
  font-weight: 700;
  font-size: calc(30/1920*100rem);
}
h2{
  font-weight: 700;
  font-size: calc(24/1920*100rem);
}
h3{
  font-weight: 700;
  font-size: calc(20/1920*100rem);
}
h4{
  font-weight: 700;
  font-size: calc(18/1920*100rem);
}
h5{
  font-weight: 700;
  font-size: calc(16/1920*100rem);
}
h6{
  font-weight: 700;
  font-size: calc(14/1920*100rem);
}
a{
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: linear;
}
a:hover{
  color: currentColor;
}
img{
  display: inline;
  max-width: 100%;
}
@media (min-width: 1200px){
  main, div{
    font-size: calc(16/1920*100rem);
  }
}
::is(tbody, table) > tr:nth-child(odd) {
    background: #0001; }
@media (prefers-reduced-motion) {
    *, *::before, *::after {
      animation-duration: 0s !important;
      /* additional recommendation */
      transition: none !important;
      scroll-behavior: auto !important; } }
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}/**
 * This injects Tailwind's component classes and any component classes
 * registered-500 by plugins.
 */
.container{
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px /* 16px */;
  padding-left: 16px /* 16px */;
  width: 100%;
}
@media (min-width: 400px){
  .container{
    max-width: 400px;
  }
}
@media (min-width: 576px){
  .container{
    max-width: 576px;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1200px){
  .container{
    padding-right: calc(20/1920*100rem);
    padding-left: calc(20/1920*100rem);
    max-width: 1200px;
  }
}
@media (min-width: 1440px){
  .container{
    max-width: 1440px;
  }
}
@media (min-width: 1600px){
  .container{
    max-width: 1600px;
  }
}
@media (min-width: 400px) {
    .container{
    max-width: 100%;
  } }
@media (min-width: 576px) {
    .container{
    max-width: 96vw;
  } }
@media (min-width: 1200px) {
    .container{
    max-width: calc(1440 / 1920 * 100rem);
  } }
.equal-height .row > [class*=col] > *{
  height: 100%;
}
.equal-height .swiper-slide{
  height: auto;
}
.equal-height .swiper-slide > *{
  height: 100%;
}
.lozad-bg{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.img-cover{
  position: relative;
  overflow: hidden;
}
.img-cover img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.img-contain{
  position: relative;
  overflow: hidden;
}
.img-contain img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.item-hover .image{
  position: relative;
  overflow: hidden;
}
.item-hover .image img{
  transition-duration: 500ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.item-hover:hover .image img{
  --tw-scale-x: 1.15;
  --tw-scale-y: 1.15;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}/**
 * This injects Tailwind's utility classes and any utility classes registered-500
 * by plugins.
 */
.visible{
  visibility: visible;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.z-10{
  z-index: 10;
}
.my-8{
  margin-top: calc(32/1920*100rem);
  margin-bottom: calc(32/1920*100rem);
}
.-mt-10{
  margin-top: calc(calc(40/1920*100rem) * -1);
}
.-mt-4{
  margin-top: calc(calc(16/1920*100rem) * -1);
}
.mb-10{
  margin-bottom: calc(40/1920*100rem);
}
.mb-3{
  margin-bottom: calc(12/1920*100rem);
}
.mb-6{
  margin-bottom: calc(24/1920*100rem);
}
.mt-10{
  margin-top: calc(40/1920*100rem);
}
.mt-2{
  margin-top: calc(8/1920*100rem);
}
.mt-3{
  margin-top: calc(12/1920*100rem);
}
.mt-4{
  margin-top: calc(16/1920*100rem);
}
.mt-5{
  margin-top: calc(20/1920*100rem);
}
.mt-6{
  margin-top: calc(24/1920*100rem);
}
.mt-8{
  margin-top: calc(32/1920*100rem);
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.hidden{
  display: none;
}
.h-full{
  height: 100%;
}
.w-full{
  width: 100%;
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.resize{
  resize: both;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.items-center{
  align-items: center;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-5{
  gap: calc(20/1920*100rem);
}
.gap-x-4{
  column-gap: calc(16/1920*100rem);
}
.gap-y-5{
  row-gap: calc(20/1920*100rem);
}
.space-y-10 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(40/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(40/1920*100rem) * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(20/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(20/1920*100rem) * var(--tw-space-y-reverse));
}
.rounded-6{
  border-radius: calc(24/1920*100rem);
}
.border{
  border-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-primary-3{
  --tw-border-opacity: 1;
  border-color: rgb(148 148 148 / var(--tw-border-opacity));
}
.bg-neutral-50{
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-gradient{
  background-image: linear-gradient(180deg, #EF4444 0%, #DC2626 100%);
}
.object-cover{
  object-fit: cover;
}
.pb-10{
  padding-bottom: calc(40/1920*100rem);
}
.pt-5{
  padding-top: calc(20/1920*100rem);
}
.pt-6{
  padding-top: calc(24/1920*100rem);
}
.text-center{
  text-align: center;
}
.font-bold{
  font-weight: 700;
}
.font-normal{
  font-weight: 400;
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-neutral-950{
  --tw-text-opacity: 1;
  color: rgb(41 41 41 / var(--tw-text-opacity));
}
.text-primary-2{
  --tw-text-opacity: 1;
  color: rgb(237 29 36 / var(--tw-text-opacity));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.shadow{
  --tw-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0px 4px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.blur{
  --tw-blur: blur(6px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
  transition-duration: 150ms;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.section{
  padding-top: calc(40/1920*100rem);
  padding-bottom: calc(40/1920*100rem);
}
@media (min-width: 1200px){
  .section{
    padding-top: calc(64/1920*100rem);
    padding-bottom: calc(64/1920*100rem);
  }
}
.section-t-small{
  padding-top: calc(32/1920*100rem);
}
@media (min-width: 1200px){
  .section-t-small{
    padding-top: calc(40/1920*100rem);
  }
}
.section-large{
  padding-top: calc(64/1920*100rem);
  padding-bottom: calc(64/1920*100rem);
}
@media (min-width: 1200px){
  .section-large{
    padding-top: calc(80/1920*100rem);
    padding-bottom: calc(80/1920*100rem);
  }
}
.section-t-large{
  padding-top: calc(64/1920*100rem);
}
@media (min-width: 1200px){
  .section-t-large{
    padding-top: calc(80/1920*100rem);
  }
}
.section-b-large{
  padding-bottom: calc(64/1920*100rem);
}
@media (min-width: 1200px){
  .section-b-large{
    padding-bottom: calc(80/1920*100rem);
  }
}
.row{
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(calc(16/1920*100rem) * -1);
  margin-left: calc(calc(16/1920*100rem) * -1);
}
@media (min-width: 1200px){
  .row{
    margin-right: calc(calc(20/1920*100rem) * -1);
    margin-left: calc(calc(20/1920*100rem) * -1);
  }
}
.row > *{
  padding-right: calc(16/1920*100rem);
  padding-left: calc(16/1920*100rem);
}
@media (min-width: 1200px){
  .row > *{
    padding-right: calc(20/1920*100rem);
    padding-left: calc(20/1920*100rem);
  }
}
.swiper-relative{
  position: relative;
}
.desktop-only{
  display: none;
}
@media (min-width: 1024px){
  .desktop-only{
    display: block;
  }
}
.mobile-only{
  display: block;
}
@media (min-width: 1024px){
  .mobile-only{
    display: none;
  }
}/**
 * Use this directive to control where Tailwind injects the hover, focus,
 * responsive, dark mode, and other variants of each class.
 *
 * If omitted, Tailwind will append these classes to the very end of
 * your stylesheet by default.
 */
@media (min-width: 576px){
  .sm\:w-1\/2{
    width: 50%;
  }
}
@media (min-width: 768px){
  .md\:w-1\/2{
    width: 50%;
  }
  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px){
  .lg\:w-1\/2{
    width: 50%;
  }
  .lg\:w-1\/3{
    width: 33.333333%;
  }
  .lg\:w-11\/12{
    width: 91.666667%;
  }
  .lg\:w-2\/3{
    width: 66.666667%;
  }
  .lg\:w-5\/12{
    width: 41.666667%;
  }
  .lg\:w-7\/12{
    width: 58.333333%;
  }
  .lg\:flex-row-reverse{
    flex-direction: row-reverse;
  }
  .lg\:pb-0{
    padding-bottom: 0 /* 0px */;
  }
}
@media (min-width: 1200px){
  .xl\:mb-13{
    margin-bottom: calc(52/1920*100rem);
  }
  .xl\:ml-auto{
    margin-left: auto;
  }
  .xl\:mr-0{
    margin-right: 0 /* 0px */;
  }
  .xl\:mt-16{
    margin-top: calc(64/1920*100rem);
  }
  .xl\:mt-20{
    margin-top: calc(80/1920*100rem);
  }
  .xl\:w-1\/4{
    width: 25%;
  }
  .xl\:w-3\/4{
    width: 75%;
  }
  .xl\:w-5\/12{
    width: 41.666667%;
  }
  .xl\:w-5\/6{
    width: 83.333333%;
  }
  .xl\:w-7\/12{
    width: 58.333333%;
  }
  .xl\:rem\:max-w-\[660px\]{
    max-width: 34.375rem;
  }
}.edit-link i:before {
  content: '✏️'; }

@keyframes ctaPhoneRing {
  0% {
    transform: rotate(0) scale(1) skew(1deg); }
  10% {
    transform: rotate(-15deg) scale(1) skew(1deg); }
  20% {
    transform: rotate(15deg) scale(1) skew(1deg); }
  30% {
    transform: rotate(-15deg) scale(1) skew(1deg); }
  40% {
    transform: rotate(15deg) scale(1) skew(1deg); }
  50% {
    transform: rotate(0) scale(1) skew(1deg); }
  100% {
    transform: rotate(0) scale(1) skew(1deg); } }

@keyframes ticker {
  0% {
    transform: translate3d(0, 0, 0);
    visibility: visible; }
  100% {
    transform: translate3d(-100%, 0, 0); } }

.button{
  display: flex;
  flex-wrap: wrap;
  gap: calc(20/1920*100rem);
}

.link{
  --tw-text-opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(16/1920*100rem);
  color: rgb(43 70 160 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: 16px;
  line-height: calc(22 / 16);
}

@media (min-width: 1200px){
  .link{
    font-size: calc(16/1920*100rem);
  }
}

.link:hover{
  --tw-text-opacity: 1;
  color: rgb(237 29 36 / var(--tw-text-opacity));
}
  .link i{
  font-size: calc(20/1920*100rem);
}

.btn-lined{
  --tw-text-opacity: 1;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(237 29 36 / var(--tw-ring-opacity));
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(12/1920*100rem);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  border-radius: 9999px;
  padding: calc(8/1920*100rem);
  padding-left: calc(20/1920*100rem);
  height: calc(48/1920*100rem);
  color: rgb(237 29 36 / var(--tw-text-opacity));
  font-weight: 600;
  font-size: 16px;
  line-height: calc(22 / 16);
  letter-spacing: 0.64px;
  text-transform: uppercase;
}

@media (min-width: 1200px){
  .btn-lined{
    font-size: calc(16/1920*100rem);
  }
}
  .btn-lined .icon{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  display: flex;
  align-items: center;
  border-radius: 9999px;
  background-color: rgb(237 29 36 / var(--tw-bg-opacity));
  width: calc(32/1920*100rem);
  height: calc(32/1920*100rem);
  overflow: hidden;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
    .btn-lined .icon > *{
  --tw-translate-x: -100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-duration: 500ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  min-width: calc(32/1920*100rem);
  height: 100%;
}
    .btn-lined .icon.down{
  flex-direction: column;
}
      .btn-lined .icon.down > *{
  --tw-translate-y: -100%;
  --tw-translate-x: 0 /* 0px */;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  min-height: calc(32/1920*100rem);
}
  .btn-lined:hover{
  --tw-text-opacity: 1;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  color: rgb(237 29 36 / var(--tw-text-opacity));
}
    .btn-lined:hover .icon > *{
  --tw-translate-x: 0 /* 0px */;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
    .btn-lined:hover .icon.down > *{
  --tw-translate-y: 0 /* 0px */;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
  .btn-lined.is-white{
  --tw-text-opacity: 1;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
    .btn-lined.is-white .icon{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(237 29 36 / var(--tw-text-opacity));
}
  .btn-lined.is-blue{
  --tw-text-opacity: 1;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(43 70 160 / var(--tw-ring-opacity));
  color: rgb(43 70 160 / var(--tw-text-opacity));
}
    .btn-lined.is-blue .icon{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
  .btn-lined.no-border{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  border-style: none;
  border-radius: 0px;
  padding-top: 0 /* 0px */;
  padding-right: 0 /* 0px */;
  padding-bottom: 0 /* 0px */;
  padding-left: 0 /* 0px */;
  height: calc(32/1920*100rem);
}

#buttonMenu{
  --tw-rotate: 0deg;
  position: relative;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  z-index: 50;
  transition-duration: 150ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  margin: 0 /* 0px */;
  border-style: none;
  background-image: none;
  padding: 0 /* 0px */;
  width: 28px;
  min-width: 28px;
  height: 32px;
}
  #buttonMenu .line{
  --tw-rotate: 0deg;
  --tw-bg-opacity: 1;
  display: block;
  position: absolute;
  left: 0 /* 0px */;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
  transition-duration: 150ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 9999px;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
  width: 100%;
  height: 2px;
}
    #buttonMenu .line:nth-child(1){
  top: 4px;
}
    #buttonMenu .line:nth-child(2){
  --tw-translate-y: -50%;
  top: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
    #buttonMenu .line:nth-child(3){
  bottom: 4px;
}
  #buttonMenu #pulseMe{
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  justify-content: center;
  align-items: center;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  z-index: 1;
  width: 30px;
  min-width: 34px;
  height: 34px;
}
  #buttonMenu .bar{
  --tw-bg-opacity: 1;
  --tw-shadow: 0 0 0 #2B46A0, 0 0 1px #2B46A0, 0 0 8px #2B46A0, 0 0 16px #2B46A0;
  --tw-shadow-colored: 0 0 0 var(--tw-shadow-color), 0 0 1px var(--tw-shadow-color), 0 0 8px var(--tw-shadow-color), 0 0 16px var(--tw-shadow-color);
  position: absolute;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: calc(4/1920*100rem);
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
}
    #buttonMenu .bar.left{
  width: 1px;
}
    @keyframes leftBar{
  0%{
    top: 100%;
    left: 0;
    height: 0;
  }
  20%{
    top: 0;
    left: 0;
    height: 100%;
  }
  40%{
    top: 0;
    left: 0;
    height: 0;
  }
}
    #buttonMenu .bar.left{
  animation: leftBar 2s linear infinite;
}
    #buttonMenu .bar.top{
  height: 1px;
}
    @keyframes topBar{
  0%, 20%{
    top: 0;
    left: 0;
    width: 0;
  }
  40%{
    top: 0;
    left: 0;
    width: 100%;
  }
  60%{
    top: 0;
    left: calc(100% - 1px);
    width: 0;
  }
}
    #buttonMenu .bar.top{
  animation: topBar 2s linear infinite;
}
    #buttonMenu .bar.right{
  width: 1px;
}
    @keyframes rightBar{
  0%, 40%{
    top: 0;
    left: calc(100% - 1px);
    height: 0;
  }
  60%{
    top: 0;
    left: calc(100% - 1px);
    height: 100%;
  }
  80%{
    top: 100%;
    left: calc(100% - 1px);
    height: 0;
  }
}
    #buttonMenu .bar.right{
  animation: rightBar 2s linear infinite;
}
    #buttonMenu .bar.bottom{
  height: 1px;
}
    @keyframes bottomBar{
  0%, 60%{
    top: 100%;
    left: 100%;
    width: 0;
  }
  80%{
    top: 100%;
    left: 0;
    width: 100%;
  }
  100%{
    top: 100%;
    left: 0;
    width: 0;
  }
}
    #buttonMenu .bar.bottom{
  animation: bottomBar 2s linear infinite;
}
  #buttonMenu.open .line:nth-child(2), #buttonMenu:hover .line:nth-child(2){
  width: 15px;
}
  #buttonMenu.open .bar, #buttonMenu:hover .bar{
  display: none;
}

@media (min-width: 1200px) {
  #buttonMenu {
    display: none !important; } }

.alert{
  display: block;
  position: relative;
  margin-bottom: calc(4/1920*100rem);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 0.375rem;
  padding-top: calc(12/1920*100rem);
  padding-right: calc(16/1920*100rem);
  padding-bottom: calc(12/1920*100rem);
  padding-left: calc(16/1920*100rem);
  font-size: calc(14/1920*100rem);
  line-height: 1.25;
}
  .alert button{
  display: none;
}
  .alert.alert-danger {
    border-color: #f5c6cb;
    background-color: #f8d7da;
    color: #721c24; }
  .alert.alert-success {
    border-color: #c3e6cb;
    background-color: #d4edda;
    color: #155724; }

.backdrop{
  --tw-backdrop-blur: blur(6px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  display: none;
  position: fixed;
  top: 0 /* 0px */;
  left: 0 /* 0px */;
  z-index: 50;
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  background-color: rgb(0 0 0 / 0.75);
  width: 100%;
  height: 100%;
}

.cta-fixed{
  position: fixed;
  right: 0 /* 0px */;
  bottom: calc(64/1920*100rem);
  z-index: 50;
  pointer-events: none;
}
  .cta-fixed li{
  padding-top: 0.5208333333333334rem;
  padding-bottom: 0.7291666666666667rem;
  max-width: 11.458333333333334rem;
}
  .cta-fixed a{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  --tw-shadow: 4px 4px 8px 4px rgba(0, 0, 0, 0.24);
  --tw-shadow-colored: 4px 4px 8px 4px var(--tw-shadow-color);
  display: flex;
  align-items: center;
  gap: calc(8/1920*100rem);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-top-left-radius: calc(16/1920*100rem);
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
  pointer-events: auto;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 14px;
  line-height: calc(18 / 14);
}
  @media (min-width: 1200px){
  .cta-fixed a{
    font-size: calc(14/1920*100rem);
  }
}
  .cta-fixed a{
  --tw-translate-x: calc(100% - (48 / 1920 * 100rem));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
  .cta-fixed a:hover{
  pointer-events: auto;
}
  @media (min-width: 1200px){
  .cta-fixed a{
    --tw-translate-x: calc(100% - (64 / 1920 * 100rem));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .cta-fixed a:hover{
    --tw-translate-x: 0 /* 0px */;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
  .cta-fixed .icon{
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(48/1920*100rem);
  height: calc(48/1920*100rem);
  font-size: calc(20/1920*100rem);
}
  @media (min-width: 1200px){
  .cta-fixed .icon{
    width: calc(64/1920*100rem);
    height: calc(64/1920*100rem);
    font-size: calc(24/1920*100rem);
  }
}
  .cta-fixed .text{
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  flex: 1 1 0%;
  border-left-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  padding-right: calc(8/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: 16px;
  line-height: calc(22 / 16);
}
  @media (min-width: 1200px){
  .cta-fixed .text{
    font-size: calc(16/1920*100rem);
  }
}
  .cta-fixed .text{
  padding-left: 0.5208333333333334rem;
}
  .cta-fixed .back-to-top{
  opacity: 0;
}
    .cta-fixed .back-to-top.active, .cta-fixed .section-core-values .core-values-body .core-values-list .back-to-top.core-values-item:hover, .section-core-values .core-values-body .core-values-list .cta-fixed .back-to-top.core-values-item:hover{
  opacity: 1;
}

.social-list ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5208333333333334rem;
}

.social-list a{
  --tw-text-opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: calc(16/1920*100rem);
}

.searchbox{
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px /* 16px */;
  padding-left: 16px /* 16px */;
  width: 100%;
}

@media (min-width: 400px){
  .searchbox{
    max-width: 400px;
  }
}

@media (min-width: 576px){
  .searchbox{
    max-width: 576px;
  }
}

@media (min-width: 768px){
  .searchbox{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .searchbox{
    max-width: 1024px;
  }
}

@media (min-width: 1200px){
  .searchbox{
    padding-right: calc(20/1920*100rem);
    padding-left: calc(20/1920*100rem);
    max-width: 1200px;
  }
}

@media (min-width: 1440px){
  .searchbox{
    max-width: 1440px;
  }
}

@media (min-width: 1600px){
  .searchbox{
    max-width: 1600px;
  }
}

@media (min-width: 400px) {
    .searchbox{
    max-width: 100%;
  } }

@media (min-width: 576px) {
    .searchbox{
    max-width: 96vw;
  } }

@media (min-width: 1200px) {
    .searchbox{
    max-width: calc(1440 / 1920 * 100rem);
  } }

.searchbox{
  position: relative;
  padding-right: 0 /* 0px */;
  padding-left: 0 /* 0px */;
}

.contact-section .searchbox{
  position: relative;
  z-index: 1;
}

.general-location .searchbox{
  position: relative;
  z-index: 10;
}

.general-intro .searchbox{
  position: relative;
  z-index: 10;
}

.general-vision-mission .searchbox{
  position: relative;
  z-index: 10;
}

.section-cangcanphumy-banner .searchbox{
  position: relative;
  z-index: 10;
}

.section-cangcanphumy-infrastructure .searchbox{
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  z-index: 10;
  height: 100%;
  text-align: center;
}

.section-cangcanphumy-services .searchbox{
  position: relative;
  z-index: 10;
}

.section-cangcanphumy-documents .searchbox{
  position: relative;
  z-index: 10;
}

.footer-top .searchbox{
  margin-right: auto;
  margin-left: auto;
  padding-right: 0 /* 0px */;
  padding-left: 0 /* 0px */;
  max-width: 100%;
}

.section-khophumy-warehouse .searchbox{
  margin-right: auto;
  margin-left: auto;
}

.section-khophumy-infrastructure .searchbox{
  margin-right: auto;
  margin-left: auto;
  max-width: 62.083333333333336rem;
}
  .searchbox input{
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  border-width: 1px;
  border-color: rgb(82 82 82 / var(--tw-border-opacity));
  border-radius: calc(4/1920*100rem);
  padding-right: calc(48/1920*100rem);
  padding-left: calc(20/1920*100rem);
  width: 100%;
  height: calc(48/1920*100rem);
  color: rgb(41 41 41 / var(--tw-text-opacity));
  font-size: calc(16/1920*100rem);
}
  .searchbox input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity));
}
  .searchbox input:focus{
  --tw-border-opacity: 1;
  outline: 2px solid transparent;
  outline-offset: 2px;
  border-color: rgb(43 70 160 / var(--tw-border-opacity));
}
  .searchbox button{
  --tw-translate-y: -50%;
  --tw-text-opacity: 1;
  display: flex;
  position: absolute;
  top: 50%;
  right: calc(4/1920*100rem);
  justify-content: center;
  align-items: center;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  z-index: 1;
  width: calc(44/1920*100rem);
  height: calc(44/1920*100rem);
  color: rgb(43 70 160 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
}

.is-rounded-bl-l{
  border-bottom-left-radius: calc(40/1920*100rem);
  overflow: hidden;
}

@media (min-width: 1024px){
  .is-rounded-bl-l{
    border-bottom-left-radius: calc(80/1920*100rem);
  }
}

@media (min-width: 1200px){
  .is-rounded-bl-l{
    border-bottom-left-radius: calc(120/1920*100rem);
  }
}

.is-rounded-tl-l{
  border-top-left-radius: calc(40/1920*100rem);
  overflow: hidden;
}

@media (min-width: 1024px){
  .is-rounded-tl-l{
    border-top-left-radius: calc(80/1920*100rem);
  }
}

@media (min-width: 1200px){
  .is-rounded-tl-l{
    border-top-left-radius: calc(120/1920*100rem);
  }
}

.is-rounded-bl{
  border-bottom-left-radius: calc(32/1920*100rem);
  overflow: hidden;
}

@media (min-width: 1024px){
  .is-rounded-bl{
    border-bottom-left-radius: calc(60/1920*100rem);
  }
}

@media (min-width: 1200px){
  .is-rounded-bl{
    border-bottom-left-radius: calc(80/1920*100rem);
  }
}

.is-rounded-tl{
  border-top-left-radius: calc(32/1920*100rem);
  overflow: hidden;
}

@media (min-width: 1024px){
  .is-rounded-tl{
    border-top-left-radius: calc(60/1920*100rem);
  }
}

@media (min-width: 1200px){
  .is-rounded-tl{
    border-top-left-radius: calc(80/1920*100rem);
  }
}

.is-rounded-bl-s{
  border-bottom-left-radius: calc(20/1920*100rem);
  overflow: hidden;
}

@media (min-width: 1024px){
  .is-rounded-bl-s{
    border-bottom-left-radius: calc(40/1920*100rem);
  }
}

@media (min-width: 1200px){
  .is-rounded-bl-s{
    border-bottom-left-radius: calc(60/1920*100rem);
  }
}

.is-rounded-tl-s{
  border-top-left-radius: calc(20/1920*100rem);
  overflow: hidden;
}

@media (min-width: 1024px){
  .is-rounded-tl-s{
    border-top-left-radius: calc(40/1920*100rem);
  }
}

@media (min-width: 1200px){
  .is-rounded-tl-s{
    border-top-left-radius: calc(60/1920*100rem);
  }
}

.custom-scroll{
  padding-right: calc(16/1920*100rem);
  overflow-y: auto;
}

@media (min-width: 1200px){
  .custom-scroll{
    padding-right: calc(24/1920*100rem);
  }
}
  .custom-scroll::-webkit-scrollbar{
  width: 2px;
}
  .custom-scroll::-webkit-scrollbar-track{
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
}
  .custom-scroll::-webkit-scrollbar-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(237 29 36 / var(--tw-bg-opacity));
}

.load-more-item{
  display: none;
}

.link-overlay{
  position: absolute;
  top: 0 /* 0px */;
  left: 0 /* 0px */;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.full-bleed {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  width: 100vw; }

.body-base-18{
  font-size: 16px;
  line-height: 1.6;
  line-height: calc(28 / 18);
  letter-spacing: -0.36px;
}

@media (min-width: 1024px){
  .body-base-18{
    line-height: calc(24 / 18);
  }
}

@media (min-width: 1200px){
  .body-base-18{
    font-size: calc(18/1920*100rem);
  }
}

.service-dt-2-section .body-base-18{
  letter-spacing: -0.36px;
}

@media (min-width: 1024px){
  .body-base-18{
    line-height: 1.33;
  }
}

.section-title{
  --tw-text-opacity: 1;
  margin-bottom: calc(24/1920*100rem);
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 700;
  line-height: 1.2;
}

@media (min-width: 1024px){
  .section-title{
    margin-bottom: calc(40/1920*100rem);
  }
}

.section-title{
  font-size: 24px;
  line-height: calc(38 / 48);
}

@media (min-width: 1200px){
  .section-title{
    font-size: 2.5rem;
  }
}

.dropdown{
  position: relative;
}
  .dropdown .dropdown-toggle{
  --tw-text-opacity: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(16/1920*100rem);
  cursor: pointer;
  color: rgb(82 82 82 / var(--tw-text-opacity));
}
  .dropdown .dropdown-menu{
  --tw-bg-opacity: 1;
  --tw-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0px 4px 4px var(--tw-shadow-color);
  position: absolute;
  top: 100%;
  left: 0 /* 0px */;
  opacity: 0;
  z-index: 10;
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: linear;
  margin-top: calc(20/1920*100rem);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: calc(4/1920*100rem);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: calc(12/1920*100rem);
  padding-right: calc(20/1920*100rem);
  padding-bottom: calc(12/1920*100rem);
  padding-left: calc(20/1920*100rem);
  width: 100%;
  min-width: max-content;
  pointer-events: none;
}
  .dropdown.open .dropdown-toggle i, .dropdown.open .dropdown-toggle em{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
  .dropdown.open .dropdown-menu{
  opacity: 1;
  pointer-events: auto;
}

[type='text'],
[type='email'],
[type='url'],
[type='password'],
[type='number'],
[type='date'],
[type='datetime-local'],
[type='month'],
[type='search'],
[type='tel'],
[type='time'],
[type='week'],
textarea,
select{
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  margin: 0 /* 0px */;
  border-width: 1px;
  border-color: rgb(220 220 220 / var(--tw-border-opacity));
  border-radius: 9999px;
  background-repeat: no-repeat;
  padding-top: calc(8/1920*100rem);
  padding-right: calc(40/1920*100rem);
  padding-bottom: calc(8/1920*100rem);
  padding-left: calc(20/1920*100rem);
  width: 100%;
  height: calc(48/1920*100rem);
  color: rgb(41 41 41 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: calc(16/1920*100rem);
  line-height: 1.5;
}

[type='text']:focus,
[type='email']:focus,
[type='url']:focus,
[type='password']:focus,
[type='number']:focus,
[type='date']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='week']:focus,
textarea:focus,
select:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(43 70 160 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 0px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

[type='text']::placeholder,
[type='email']::placeholder,
[type='url']::placeholder,
[type='password']::placeholder,
[type='number']::placeholder,
[type='date']::placeholder,
[type='datetime-local']::placeholder,
[type='month']::placeholder,
[type='search']::placeholder,
[type='tel']::placeholder,
[type='time']::placeholder,
[type='week']::placeholder{
  color: rgb(41 41 41 / 0.5);
}

[type='text']:disabled,
[type='email']:disabled,
[type='url']:disabled,
[type='password']:disabled,
[type='number']:disabled,
[type='date']:disabled,
[type='datetime-local']:disabled,
[type='month']:disabled,
[type='search']:disabled,
[type='tel']:disabled,
[type='time']:disabled,
[type='week']:disabled{
  --tw-text-opacity: 1;
  border-color: rgb(41 41 41 / 0.75);
  background-color: rgb(41 41 41 / 0.5);
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

[type='text']:read-only,
[type='email']:read-only,
[type='url']:read-only,
[type='password']:read-only,
[type='number']:read-only,
[type='date']:read-only,
[type='datetime-local']:read-only,
[type='month']:read-only,
[type='search']:read-only,
[type='tel']:read-only,
[type='time']:read-only,
[type='week']:read-only{
  --tw-text-opacity: 1;
  border-color: rgb(41 41 41 / 0.75);
  background-color: rgb(41 41 41 / 0.5);
  color: rgb(61 61 61 / var(--tw-text-opacity));
}

select {
  appearance: none;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'><path stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M6 8l4 4 4-4'/></svg>");
  background-position: right }

select[multiple]{
  background-image: none;
  padding-top: calc(12/1920*100rem);
  padding-bottom: calc(12/1920*100rem);
  height: auto;
  min-height: calc(48 / 1920 * 100rem);
}

textarea{
  border-radius: calc(16/1920*100rem);
  padding-top: calc(12/1920*100rem);
  padding-bottom: calc(12/1920*100rem);
  height: calc(80/1920*100rem);
}

@media (min-width: 1200px){
  textarea{
    padding-top: calc(16/1920*100rem);
    padding-bottom: calc(16/1920*100rem);
    height: 7.135416666666667rem;
  }
}

textarea::placeholder{
  color: rgb(41 41 41 / 0.5);
}

input[type='file']{
  display: none;
}
  input[type='file'] ~ label{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: calc(12/1920*100rem);
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: linear;
  cursor: pointer;
  margin: 0 /* 0px */;
  border-style: none;
  background-color: rgb(101 101 101 / var(--tw-bg-opacity));
  padding-top: calc(12/1920*100rem);
  padding-right: calc(24/1920*100rem);
  padding-bottom: calc(12/1920*100rem);
  padding-left: calc(24/1920*100rem);
  width: max-content;
  height: calc(48/1920*100rem);
  color: rgb(185 28 28 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: calc(16/1920*100rem);
}
  input[type='file'] ~ label:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 82 / var(--tw-bg-opacity));
}

input[type='checkbox']{
  display: none;
}
  input[type='checkbox'] ~ label{
  position: relative;
  padding-left: calc(20/1920*100rem);
}
    input[type='checkbox'] ~ label::before{
  --tw-translate-y: -50%;
  --tw-text-opacity: 1;
  --tw-content: '\f0c8';
  position: absolute;
  top: 50%;
  left: 0 /* 0px */;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  content: var(--tw-content);
  color: rgb(70 70 70 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: calc(16/1920*100rem);
  font-family: "Font Awesome 6 Pro";
}
  input[type='checkbox']:checked ~ label::before{
  --tw-content: '\f14a';
  content: var(--tw-content);
}

input[type='radio']{
  display: none;
}
  input[type='radio'] ~ label{
  position: relative;
  padding-left: calc(20/1920*100rem);
}
    input[type='radio'] ~ label::before{
  --tw-translate-y: -50%;
  --tw-text-opacity: 1;
  --tw-content: '\f111';
  position: absolute;
  top: 50%;
  left: 0 /* 0px */;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  content: var(--tw-content);
  color: rgb(70 70 70 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: calc(16/1920*100rem);
  font-family: "Font Awesome 6 Pro";
}
  input[type='radio']:checked ~ label::before{
  --tw-content: '\f192';
  content: var(--tw-content);
}

.form-group{
  position: relative;
}
  .form-group > label{
  --tw-text-opacity: 1;
  display: block;
  position: relative;
  color: rgb(70 70 70 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: calc(16/1920*100rem);
  line-height: 1.5;
}
  .form-group [class*='fa-ex']{
  --tw-text-opacity: 1;
  display: block;
  margin-top: calc(4/1920*100rem);
  color: rgb(185 28 28 / var(--tw-text-opacity));
  font-style: italic;
  font-weight: 400;
  font-size: 12px;
  font-family: Plus Jakarta Sans, sans-serif;
}

.frm-btnwrap label.label, .frm-btnwrap .frm-btn-reset{
  display: none;
}

.modal{
  display: none;
  background-image: none;
  background-color: transparent;
  padding: 0 /* 0px */;
}
  .modal .modal-wrap{
  --tw-bg-opacity: 1;
  --tw-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0px 4px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: calc(20/1920*100rem);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: calc(20/1920*100rem);
}
  @media (min-width: 576px){
  .modal .modal-wrap{
    padding: calc(40/1920*100rem);
  }
}

.modal-apply{
  max-width: 34.895833333333336rem;
}
  .modal-apply .row{
  margin-right: calc(calc(8/1920*100rem) * -1);
  margin-left: calc(calc(8/1920*100rem) * -1);
}
    .modal-apply .row > *{
  padding-right: calc(8/1920*100rem);
  padding-left: calc(8/1920*100rem);
}

.pagination, .pager{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: calc(12/1920*100rem);
  margin-top: calc(32/1920*100rem);
}

@media (min-width: 1200px){
  .pagination, .pager{
    gap: calc(16/1920*100rem);
    margin-top: calc(40/1920*100rem);
  }
}
  .pagination span, .pagination a, .pager span, .pager a{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: linear;
  border-radius: calc(4/1920*100rem);
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
  width: calc(40/1920*100rem);
  height: calc(40/1920*100rem);
  color: rgb(43 70 160 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: calc(20/1920*100rem);
  text-align: center;
}
  .pagination span:hover, .pagination a:hover, .pager span:hover, .pager a:hover{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
  .pagination li.active span, .pagination .section-core-values .core-values-body .core-values-list li.core-values-item:hover span, .section-core-values .core-values-body .core-values-list .pagination li.core-values-item:hover span, .pagination li.active a, .pagination .section-core-values .core-values-body .core-values-list li.core-values-item:hover a, .section-core-values .core-values-body .core-values-list .pagination li.core-values-item:hover a, .pager li.active span, .pager .section-core-values .core-values-body .core-values-list li.core-values-item:hover span, .section-core-values .core-values-body .core-values-list .pager li.core-values-item:hover span, .pager li.active a, .pager .section-core-values .core-values-body .core-values-list li.core-values-item:hover a, .section-core-values .core-values-body .core-values-list .pager li.core-values-item:hover a{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.custom-scroll-dark::-webkit-scrollbar {
  width: 14px;
  height: 14px; }

.custom-scroll-dark::-webkit-scrollbar-button {
  background-color: #3e4346 !important; }

.custom-scroll-dark::-webkit-scrollbar-track {
  background-color: #646464 !important; }

.custom-scroll-dark::-webkit-scrollbar-track-piece {
  background-color: #3e4346 !important; }

.custom-scroll-dark::-webkit-scrollbar-thumb {
  border: 2px solid #3e4346 !important;
  background-color: #242424 !important;
  height: 50px; }

.custom-scroll-dark::-webkit-scrollbar-button:vertical:start:decrement {
  background: linear-gradient(130deg, #696969 40%, rgba(255, 0, 0, 0) 41%), linear-gradient(230deg, #696969 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(0deg, #696969 40%, rgba(0, 0, 0, 0) 31%);
  background-color: #b6b6b6; }

.custom-scroll-dark::-webkit-scrollbar-button:vertical:end:increment {
  background: linear-gradient(310deg, #696969 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(50deg, #696969 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(180deg, #696969 40%, rgba(0, 0, 0, 0) 31%);
  background-color: #b6b6b6; }

.custom-scroll-dark::-webkit-scrollbar-button:horizontal:end:increment {
  background: linear-gradient(210deg, #696969 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(330deg, #696969 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(90deg, #696969 30%, rgba(0, 0, 0, 0) 31%);
  background-color: #b6b6b6; }

.custom-scroll-dark::-webkit-scrollbar-button:horizontal:start:decrement {
  background: linear-gradient(30deg, #696969 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(150deg, #696969 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(270deg, #696969 30%, rgba(0, 0, 0, 0) 31%);
  background-color: #b6b6b6; }

.swiper-pagination .swiper-pagination-bullet{
  --tw-bg-opacity: 1;
  opacity: 1;
  border-radius: 9999px;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
  width: calc(12/1920*100rem);
  height: calc(12/1920*100rem);
}
  .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  --tw-bg-opacity: 1;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
}

.swiper-pagination.is-white .swiper-pagination-bullet{
  background-color: rgb(255 255 255 / 0.5);
}
  .swiper-pagination.is-white .swiper-pagination-bullet.swiper-pagination-bullet-active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.swiper-button > *{
  --tw-text-opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  transition-duration: 150ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 9999px;
  background-color: rgb(0 0 0 / 0.2);
  width: calc(64/1920*100rem);
  height: calc(64/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: calc(24/1920*100rem);
}

.swiper-button > *:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(237 29 36 / var(--tw-bg-opacity));
}
  .swiper-button > * i{
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
  .swiper-button > *:hover i{
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
  .swiper-button > *.swiper-button-disabled{
  opacity: 0.4;
}
  .swiper-button > *.swiper-button-lock{
  opacity: 0;
  pointer-events: none;
}

.swiper-button.is-white > *{
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / 0.2);
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.swiper-button.is-white > *:hover{
  --tw-text-opacity: 1;
  color: rgb(220 220 220 / var(--tw-text-opacity));
}

.swiper-button.is-abs > *{
  --tw-translate-y: -50%;
  position: absolute;
  top: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  z-index: 1;
}

.swiper-button.is-abs .button-prev{
  left: calc(calc(48/1920*100rem) * -1);
}

@media (min-width: 1200px){
  .swiper-button.is-abs .button-prev{
    left: calc(calc(104/1920*100rem) * -1);
  }
}

.swiper-button.is-abs .button-next{
  right: calc(calc(48/1920*100rem) * -1);
}

@media (min-width: 1200px){
  .swiper-button.is-abs .button-next{
    right: calc(calc(104/1920*100rem) * -1);
  }
}

.swiper-button.is-abs.is-top-20 > *{
  top: 20%;
}

.swiper-button.is-abs.is-top-30 > *{
  top: 30%;
}

.swiper-button.is-abs.is-top-40 > *{
  top: 40%;
}

@media (min-width: 1024px){
  .swiper-relative{
    padding-right: calc(40/1920*100rem);
    padding-left: calc(40/1920*100rem);
  }
}

@media (min-width: 1200px){
  .swiper-relative{
    padding-right: 0 /* 0px */;
    padding-left: 0 /* 0px */;
  }
}
  .swiper-relative.is-page{
  padding-bottom: calc(40/1920*100rem);
}
  @media (min-width: 1024px){
  .swiper-relative.is-page{
    padding-bottom: 0 /* 0px */;
  }
}
  .swiper-relative .swiper-scrollbar{
  --tw-bg-opacity: 1;
  left: 0 /* 0px */;
  border-radius: 0px;
  background-color: rgb(220 220 220 / var(--tw-bg-opacity));
  width: 100%;
  height: 4px;
}
    .swiper-relative .swiper-scrollbar .swiper-scrollbar-drag{
  --tw-bg-opacity: 1;
  border-radius: 0px;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
    .swiper-relative .swiper-scrollbar .swiper-scrollbar-drag:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}

.header-64{
  font-size: 32px;
  line-height: calc(72 / 64);
}

@media (min-width: 1200px){
  .header-64{
    font-size: calc(64/1920*100rem);
  }
}

.header-48{
  font-size: 30px;
  line-height: calc(56 / 48);
}

@media (min-width: 1200px){
  .header-48{
    font-size: calc(48/1920*100rem);
  }
}

.header-40{
  font-size: 28px;
  line-height: calc(48 / 40);
}

@media (min-width: 1200px){
  .header-40{
    font-size: calc(40/1920*100rem);
  }
}

.section-header-32{
  font-size: 24px;
  line-height: calc(38 / 32);
}

@media (min-width: 1200px){
  .section-header-32{
    font-size: calc(32/1920*100rem);
  }
}

.section-header-48{
  font-size: 24px;
  line-height: calc(38 / 48);
}

@media (min-width: 1200px){
  .section-header-48{
    font-size: 2.5rem;
  }
}

.sub-header-24{
  font-size: 20px;
  line-height: calc(30 / 24);
}

@media (min-width: 1200px){
  .sub-header-24{
    font-size: calc(24/1920*100rem);
  }
}

.sub-header-20{
  font-size: 18px;
  line-height: calc(26 / 20);
}

@media (min-width: 1200px){
  .sub-header-20{
    font-size: calc(20/1920*100rem);
  }
}

.body-18{
  font-size: 16px;
  line-height: calc(28 / 18);
}

@media (min-width: 1024px){
  .body-18{
    line-height: calc(24 / 18);
  }
}

@media (min-width: 1200px){
  .body-18{
    font-size: calc(18/1920*100rem);
  }
}

.body-16{
  font-size: 16px;
  line-height: calc(22 / 16);
}

@media (min-width: 1200px){
  .body-16{
    font-size: calc(16/1920*100rem);
  }
}

.body-14{
  font-size: 14px;
  line-height: calc(18 / 14);
}

@media (min-width: 1200px){
  .body-14{
    font-size: calc(14/1920*100rem);
  }
}

.label-12{
  font-size: 12px;
  line-height: calc(16 / 12);
}

@media (min-width: 1200px){
  .label-12{
    font-size: calc(14/1920*100rem);
  }
}

.site-title{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 30px;
  line-height: calc(56 / 48);
}

@media (min-width: 1200px){
  .site-title{
    font-size: calc(48/1920*100rem);
  }
}
  .site-title span{
  --tw-text-opacity: 1;
  display: block;
  margin-bottom: calc(12/1920*100rem);
  color: rgb(129 129 129 / var(--tw-text-opacity));
  font-weight: 600;
  font-size: 16px;
  line-height: calc(22 / 16);
  letter-spacing: 0.64px;
  text-transform: uppercase;
}
  @media (min-width: 1200px){
  .site-title span{
    font-size: calc(16/1920*100rem);
  }
}
  .site-title.is-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
    .site-title.is-white span{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.site-sub-title{
  font-size: 24px;
  line-height: calc(38 / 32);
}

@media (min-width: 1200px){
  .site-sub-title{
    font-size: calc(32/1920*100rem);
  }
}

.site-desc > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(16/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(16/1920*100rem) * var(--tw-space-y-reverse));
}

.site-desc{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: 16px;
  line-height: calc(28 / 18);
  letter-spacing: -0.36px;
}

@media (min-width: 1024px){
  .site-desc{
    line-height: calc(24 / 18);
  }
}

@media (min-width: 1200px){
  .site-desc{
    font-size: calc(18/1920*100rem);
  }
}

.service-dt-2-section .site-desc{
  letter-spacing: -0.36px;
}
  .site-desc.is-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.full-content{
  max-width: 65ch;
  color: var(--tw-prose-body);
}

.full-content :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.full-content :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
}

.full-content :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-links);
  font-weight: 500;
  text-decoration: underline;
}

.full-content :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.full-content :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.full-content :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.full-content :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.full-content :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
  list-style-type: decimal;
}

.full-content :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.full-content :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.full-content :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.full-content :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.full-content :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.full-content :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.full-content :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.full-content :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.full-content :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
}

.full-content :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
  list-style-type: disc;
}

.full-content :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  color: var(--tw-prose-counters);
  font-weight: 400;
}

.full-content :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  color: var(--tw-prose-bullets);
}

.full-content :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  color: var(--tw-prose-headings);
  font-weight: 600;
}

.full-content :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 3em;
  margin-bottom: 3em;
  border-top-width: 1px;
  border-color: var(--tw-prose-hr);
}

.full-content :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  border-left-width: 0.25rem;
  border-left-color: var(--tw-prose-quote-borders);
  padding-left: 1em;
  quotes: "\201C""\201D""\2018""\2019";
  color: var(--tw-prose-quotes);
  font-style: italic;
  font-weight: 500;
}

.full-content :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: open-quote;
}

.full-content :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: close-quote;
}

.full-content :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0.8888889em;
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  line-height: 1.1111111;
}

.full-content :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-weight: 900;
}

.full-content :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 1em;
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  line-height: 1.3333333;
}

.full-content :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-weight: 800;
}

.full-content :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  line-height: 1.6;
}

.full-content :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-weight: 700;
}

.full-content :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  color: var(--tw-prose-headings);
  font-weight: 600;
  line-height: 1.5;
}

.full-content :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-weight: 700;
}

.full-content :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.full-content :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}

.full-content :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-right: 0.375em;
  padding-bottom: 0.1875em;
  padding-left: 0.375em;
  color: var(--tw-prose-kbd);
  font-weight: 500;
  font-size: 0.875em;
  font-family: inherit;
}

.full-content :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.full-content :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: "`";
}

.full-content :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: "`";
}

.full-content :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.full-content :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.full-content :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.875em;
}

.full-content :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.9em;
}

.full-content :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.full-content :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.full-content :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.full-content :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  background-color: var(--tw-prose-pre-bg);
  padding-top: 0.8571429em;
  padding-right: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-left: 1.1428571em;
  overflow-x: auto;
  color: var(--tw-prose-pre-code);
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.full-content :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-width: 0;
  border-radius: 0;
  background-color: transparent;
  padding: 0;
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
}

.full-content :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: none;
}

.full-content :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: none;
}

.full-content :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
  width: 100%;
  table-layout: auto;
  font-size: 0.875em;
  line-height: 1.7142857;
  text-align: left;
}

.full-content :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.full-content :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: bottom;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
  color: var(--tw-prose-headings);
  font-weight: 600;
}

.full-content :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.full-content :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 0;
}

.full-content :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: baseline;
}

.full-content :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.full-content :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: top;
}

.full-content :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.full-content :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.8571429em;
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
}

.full-content{
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.full-content :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.full-content :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.full-content :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.full-content :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-left: 0.375em;
}

.full-content :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-left: 0.375em;
}

.full-content :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.full-content :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}

.full-content :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.full-content :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}

.full-content :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.full-content :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.full-content :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.full-content :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  padding-left: 1.625em;
}

.full-content :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.full-content :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.full-content :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.full-content :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.full-content :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-left: 0;
}

.full-content :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-right: 0;
}

.full-content :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.5714286em;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.full-content :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-left: 0;
}

.full-content :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-right: 0;
}

.full-content :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.full-content :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.full-content :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}

.full-content{
  --tw-text-opacity: 1;
  max-width: none;
  color: rgb(51 51 51 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: 16px;
  line-height: calc(22 / 16);
}

@media (min-width: 1200px){
  .full-content{
    font-size: calc(16/1920*100rem);
  }
}
  .full-content > *:first-child{
  margin-top: 0 /* 0px */;
}
  .full-content > *:last-child{
  margin-bottom: 0 /* 0px */;
}
  .full-content p img{
  margin: 0 /* 0px */;
}
  .full-content ul{
  padding-left: calc(16/1920*100rem);
  list-style-type: disc;
}
  .full-content ol{
  padding-left: calc(16/1920*100rem);
  list-style-type: decimal;
}

@media (min-width: 768px){
  .about-2-section{
    padding-top: calc(80/1920*100rem);
  }
}

@media (min-width: 1200px){
  .about-2-section{
    padding-top: 11.197916666666668rem;
  }
}
  .about-2-section .block-content {
    background: linear-gradient(180deg, #2B46A0 44.94%, rgba(16, 26, 58, 0) 100%);
    padding: calc(20/1920*100rem);
    padding-bottom: calc(40/1920*100rem) }
  @media (min-width: 768px){
  .about-2-section .block-content{
    padding: calc(40/1920*100rem);
    padding-bottom: calc(60/1920*100rem);
  }
}
  @media (min-width: 1200px){
  .about-2-section .block-content{
    padding: calc(64/1920*100rem);
    padding-bottom: 5.885416666666667rem;
    max-width: 29.166666666666668rem;
  }
}

.about-3-item{
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
}
  .about-3-item .image{
  aspect-ratio: 320/212;
}
    .about-3-item .image img{
  transition-duration: 1000ms;
}
  .about-3-item .caption{
  padding: calc(20/1920*100rem);
}
  .about-3-item .title{
  --tw-text-opacity: 1;
  color: rgb(41 41 41 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: 16px;
  line-height: calc(28 / 18);
  letter-spacing: -0.36px;
}
  @media (min-width: 1024px){
  .about-3-item .title{
    line-height: calc(24 / 18);
  }
}
  @media (min-width: 1200px){
  .about-3-item .title{
    font-size: calc(18/1920*100rem);
  }
}
  .service-dt-2-section .about-3-item .title{
  letter-spacing: -0.36px;
}

.about-3-list{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(20/1920*100rem);
}

@media (min-width: 576px){
  .about-3-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){
  .about-3-list{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1200px){
  .about-3-list{
    gap: calc(40/1920*100rem);
  }
}

.about-3-section .full-content{
  --tw-text-opacity: 1;
  color: rgb(41 41 41 / var(--tw-text-opacity));
  font-size: 16px;
  line-height: calc(28 / 18);
}

@media (min-width: 1024px){
  .about-3-section .full-content{
    line-height: calc(24 / 18);
  }
}

@media (min-width: 1200px){
  .about-3-section .full-content{
    font-size: calc(18/1920*100rem);
  }
}

.service-dt-2-section .about-3-section .full-content{
  letter-spacing: -0.36px;
}
  .about-3-section .full-content h3{
  --tw-text-opacity: 1;
  color: rgb(43 70 160 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 18px;
  line-height: calc(26 / 20);
}
  @media (min-width: 1200px){
  .about-3-section .full-content h3{
    font-size: calc(20/1920*100rem);
  }
}
  .about-3-section .full-content ul{
  padding-left: calc(24/1920*100rem);
}
    .about-3-section .full-content ul li{
  padding-left: 0 /* 0px */;
  letter-spacing: -0.36px;
}
    .about-3-section .full-content ul li *::marker{
  color: rgb(43 70 160 );
}
    .about-3-section .full-content ul li::marker{
  color: rgb(43 70 160 );
}

.about-3-section .block-image{
  aspect-ratio: 660/520;
}
  .about-3-section .block-image img{
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
  .about-3-section .block-image:hover img{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 1200px){
  .about-3-section .block-content{
    max-width: 34.375rem;
  }
}

.about-4-section{
  min-height: 39.32291666666667rem;
}

@media (min-width: 1200px){
  .about-4-section{
    padding-top: 7.5rem;
  }
}

.line-long-arrow{
  --tw-bg-opacity: 1;
  position: relative;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
  width: calc(80/1920*100rem);
  height: 1px;
}
  .line-long-arrow::after {
    --tw-translate-y: -50%;
    display: block;
    position: absolute;
    top: 50%;
    right: 0 /* 0px */;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid #2B46A0;
    content: '' }

.location-item{
  display: flex;
  position: relative;
  flex-direction: column;
  overflow: hidden;
}

@media (min-width: 768px){
  .location-item{
    flex-direction: row;
  }
  .location-item:nth-child(even){
    flex-direction: row-reverse;
  }
  .location-item > *{
    width: 50%;
  }
}
  .location-item .image{
  aspect-ratio: 700/580;
}
    .location-item .image iframe{
  width: 0 /* 0px */;
  min-width: 100%;
  height: 100%;
  object-fit: cover;
}
  .location-item .news-category{
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity));
  font-weight: 600;
  font-size: 16px;
  line-height: calc(22 / 16);
  text-transform: uppercase;
}
  @media (min-width: 1200px){
  .location-item .news-category{
    font-size: calc(16/1920*100rem);
  }
}
  .location-item .title{
  --tw-text-opacity: 1;
  color: rgb(41 41 41 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 24px;
  line-height: calc(38 / 32);
}
  @media (min-width: 1200px){
  .location-item .title{
    font-size: calc(32/1920*100rem);
  }
}
  .location-item .caption{
  padding: calc(20/1920*100rem);
}
  @media (min-width: 768px){
  .location-item .caption{
    padding: calc(32/1920*100rem);
  }
}
  @media (min-width: 1200px){
  .location-item .caption{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: calc(80/1920*100rem);
  }
}
  .location-item:nth-child(odd){
  border-top-left-radius: calc(40/1920*100rem);
}
  @media (min-width: 1024px){
  .location-item:nth-child(odd){
    border-top-left-radius: calc(80/1920*100rem);
  }
}
  @media (min-width: 1200px){
  .location-item:nth-child(odd){
    border-top-left-radius: calc(120/1920*100rem);
  }
}
    .location-item:nth-child(odd) .caption{
  --tw-border-opacity: 1;
  border-width: 1px;
  border-color: rgb(43 70 160 / var(--tw-border-opacity));
}
  .location-item:nth-child(even){
  border-top-right-radius: calc(40/1920*100rem);
}
  @media (min-width: 1024px){
  .location-item:nth-child(even){
    border-top-right-radius: calc(80/1920*100rem);
  }
}
  @media (min-width: 1200px){
  .location-item:nth-child(even){
    border-top-right-radius: calc(120/1920*100rem);
  }
}
    .location-item:nth-child(even) .caption{
  --tw-bg-opacity: 1;
  border-width: 0px;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
}
      .location-item:nth-child(even) .caption *{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
    .location-item:nth-child(even) .km-item .desc{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(43 70 160 / var(--tw-text-opacity));
}
      .location-item:nth-child(even) .km-item .desc i{
  color: currentColor;
}
    .location-item:nth-child(even) .line-long-arrow{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
      .location-item:nth-child(even) .line-long-arrow::after {
        border-left: 5px solid white; }

.km-item{
  display: flex;
  align-items: center;
  gap: calc(16/1920*100rem);
}
  .km-item .desc{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
  width: calc(60/1920*100rem);
  height: calc(60/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 16px;
  line-height: calc(22 / 16);
  text-align: center;
}
  @media (min-width: 1200px){
  .km-item .desc{
    font-size: calc(16/1920*100rem);
  }
}
    .km-item .desc i{
  color: currentColor;
  font-size: 1.4583333333333335rem;
}
  .km-item .title{
  --tw-text-opacity: 1;
  flex: 1 1 0%;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: 18px;
  line-height: calc(26 / 20);
}
  @media (min-width: 1200px){
  .km-item .title{
    font-size: calc(20/1920*100rem);
  }
}

.utilities-item{
  position: relative;
}
  .utilities-item .image{
  aspect-ratio: 680/464;
}
  .utilities-item .caption{
  display: flex;
  flex-direction: column;
  gap: calc(16/1920*100rem);
  padding-top: calc(20/1920*100rem);
}
  @media (min-width: 768px){
  .utilities-item .caption{
    padding: calc(32/1920*100rem);
  }
}
  @media (min-width: 1200px){
  .utilities-item .caption{
    padding-top: calc(80/1920*100rem);
    padding-right: calc(40/1920*100rem);
    padding-left: calc(40/1920*100rem);
  }
}
  .utilities-item .title{
  --tw-text-opacity: 1;
  color: rgb(41 41 41 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 18px;
  line-height: calc(26 / 20);
}
  @media (min-width: 1200px){
  .utilities-item .title{
    font-size: calc(20/1920*100rem);
  }
}
  @media (min-width: 768px){
  .utilities-item .title{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
  .utilities-item .desc{
  --tw-text-opacity: 1;
  color: rgb(41 41 41 / var(--tw-text-opacity));
  font-size: 16px;
  line-height: calc(22 / 16);
}
  @media (min-width: 1200px){
  .utilities-item .desc{
    font-size: calc(16/1920*100rem);
  }
}
  @media (min-width: 768px){
  .utilities-item .desc{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
    .utilities-item .desc ul{
  list-style-type: disc;
}
    .utilities-item .desc ul > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(8/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(8/1920*100rem) * var(--tw-space-y-reverse));
}
    .utilities-item .desc ul{
  padding-left: calc(24/1920*100rem);
}
    .utilities-item .desc ul *::marker{
  color: rgb(43 70 160 );
}
    .utilities-item .desc ul::marker{
  color: rgb(43 70 160 );
}
    @media (min-width: 768px){
  .utilities-item .desc ul *::marker{
    color: rgb(255 255 255 );
  }
  .utilities-item .desc ul::marker{
    color: rgb(255 255 255 );
  }
  .utilities-item .caption {
    position: absolute;
    bottom: 0 /* 0px */;
    left: 0 /* 0px */;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    width: 100% }
}

.utilities-list{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: calc(40/1920*100rem);
}

@media (min-width: 768px){
  .utilities-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.banner-child .image{
  aspect-ratio: 1840/880;
}

@media (min-width: 768px){
  .banner-child .image{
    aspect-ratio: 1840/610;
  }
}

.home-banner{
  position: relative;
}

@media (min-width: 1024px){
  .home-banner{
    margin-right: 0 /* 0px */;
    margin-left: 0 /* 0px */;
  }
}
  .home-banner .banner-top .image{
  border-top-left-radius: calc(80/1920*100rem);
  width: 100vw;
  height: 100vh;
}
  @media (min-width: 1024px){
  .home-banner .banner-top .image{
    border-top-left-radius: calc(80/1920*100rem);
    aspect-ratio: 1840/880;
    width: auto;
    height: auto;
  }
}
  @media (min-width: 1200px){
  .home-banner .banner-top .image{
    border-top-left-radius: calc(120/1920*100rem);
  }
}
    .home-banner .banner-top .image::before {
      position: absolute;
      bottom: 0 /* 0px */;
      left: 0 /* 0px */;
      z-index: 2;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
      width: 100%;
      height: 22.916666666666668rem;
      pointer-events: none;
      content: '' }
  @media (min-width: 768px){
  .home-banner .swiper-relative{
    margin-right: auto;
    margin-left: auto;
    padding-right: calc(84/1920*100rem);
    padding-left: calc(84/1920*100rem);
    width: 100%;
    max-width: 45.208333333333336rem;
  }
}
  .home-banner .banner-thumbs{
  display: none;
}
  @media (min-width: 768px){
  .home-banner .banner-thumbs{
    display: block;
  }
}
    .home-banner .banner-thumbs .image{
  --tw-bg-opacity: 1;
  background-color: rgb(237 29 36 / var(--tw-bg-opacity));
  aspect-ratio: 160/64;
  height: calc(64/1920*100rem);
}
      .home-banner .banner-thumbs .image img{
  transition-duration: 150ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
    .home-banner .banner-thumbs .swiper-slide-thumb-active .image img{
  border-bottom-right-radius: calc(24/1920*100rem);
}
  .home-banner .banner-title {
    --tw-translate-x: -50%;
    --tw-text-opacity: 1;
    position: absolute;
    bottom: calc(120/1920*100rem);
    left: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    z-index: 10;
    margin-right: auto;
    margin-left: auto;
    padding-right: calc(20/1920*100rem);
    padding-left: calc(20/1920*100rem);
    width: 100%;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 30px;
    line-height: calc(56 / 48);
    text-align: center;
    text-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1) }
  @media (min-width: 1200px){
  .home-banner .banner-title{
    font-size: calc(48/1920*100rem);
  }
}
  .home-banner .banner-title{
  max-width: 60.833333333333336rem;
}
  @media (min-width: 1024px){
  .home-banner .banner-title{
    bottom: 6.666666666666667rem;
  }
}
  .home-banner .caption{
  position: absolute;
  bottom: 0 /* 0px */;
  left: 0 /* 0px */;
  z-index: 2;
  padding: calc(16/1920*100rem);
  padding-top: calc(40/1920*100rem);
  width: 100%;
}
  @media (min-width: 768px){
  .home-banner .caption{
    padding-bottom: calc(40/1920*100rem);
  }
}
  @media (min-width: 1200px){
  .home-banner .caption{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 22.916666666666668rem;
  }
}
  .home-banner .swiper-button{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(20/1920*100rem);
}
    .home-banner .swiper-button > *{
  --tw-text-opacity: 1;
  border-style: none;
  background-color: rgb(0 0 0 / 0.2);
  width: calc(64/1920*100rem);
  height: calc(64/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
    .home-banner .swiper-button > *:hover{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(237 29 36 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
      .home-banner .swiper-button > * i{
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
      .home-banner .swiper-button > *:hover i{
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 768px) {
  .home-banner .swiper-button .button-prev{
    --tw-translate-y: -50%;
    position: absolute;
    top: 50%;
    left: 0 /* 0px */;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .home-banner .swiper-button .button-next{
    --tw-translate-y: -50%;
    position: absolute;
    top: 50%;
    right: 0 /* 0px */;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  } }

.contact-info > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(12/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(12/1920*100rem) * var(--tw-space-y-reverse));
}

.contact-info{
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  border-bottom-width: 1px;
  border-color: rgb(189 189 189 / var(--tw-border-opacity));
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  line-height: calc(28 / 18);
  letter-spacing: -0.36px;
}

@media (min-width: 1024px){
  .contact-info{
    line-height: calc(24 / 18);
  }
}

@media (min-width: 1200px){
  .contact-info{
    font-size: calc(18/1920*100rem);
  }
}

.service-dt-2-section .contact-info{
  letter-spacing: -0.36px;
}

@media (min-width: 1024px){
  .contact-info{
    line-height: 1.33;
  }
}
  .contact-info .contact-title{
  font-weight: 700;
  letter-spacing: 0px;
}
  .contact-info ul > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(12/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(12/1920*100rem) * var(--tw-space-y-reverse));
}
  .contact-info li{
  --tw-text-opacity: 1;
  display: flex;
  gap: calc(12/1920*100rem);
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: 16px;
  line-height: 1.6;
  line-height: calc(28 / 18);
  letter-spacing: -0.36px;
}
  @media (min-width: 1024px){
  .contact-info li{
    line-height: calc(24 / 18);
  }
}
  @media (min-width: 1200px){
  .contact-info li{
    font-size: calc(18/1920*100rem);
  }
}
  .service-dt-2-section .contact-info li{
  letter-spacing: -0.36px;
}
  @media (min-width: 1024px){
  .contact-info li{
    line-height: 1.33;
  }
}
    .contact-info li > *{
  font-size: 16px;
  line-height: 1.6;
  line-height: calc(28 / 18);
  letter-spacing: -0.36px;
}
    @media (min-width: 1024px){
  .contact-info li > *{
    line-height: calc(24 / 18);
  }
}
    @media (min-width: 1200px){
  .contact-info li > *{
    font-size: calc(18/1920*100rem);
  }
}
    .service-dt-2-section .contact-info li > *{
  letter-spacing: -0.36px;
}
    @media (min-width: 1024px){
  .contact-info li > *{
    line-height: 1.33;
  }
}
    .contact-info li i{
  --tw-text-opacity: 1;
  flex-shrink: 0;
  color: rgb(237 29 36 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
}
  .contact-info a{
  --tw-text-opacity: 1;
  position: relative;
    transition: background-size 350ms;    background: linear-gradient(0deg, currentColor, currentColor) no-repeat right bottom/0 1px;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
  .contact-info a:hover {
      background-size: 100% 1px;
      background-position-x: left; }
  .contact-info a{
  font-size: 16px;
  line-height: 1.6;
  line-height: calc(28 / 18);
  letter-spacing: -0.36px;
}
  @media (min-width: 1024px){
  .contact-info a{
    line-height: calc(24 / 18);
  }
}
  @media (min-width: 1200px){
  .contact-info a{
    font-size: calc(18/1920*100rem);
  }
}
  .service-dt-2-section .contact-info a{
  letter-spacing: -0.36px;
}
  @media (min-width: 1024px){
  .contact-info a{
    line-height: 1.33;
  }
}
  .contact-info .icon{
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(24/1920*100rem);
  min-width: calc(24/1920*100rem);
  height: calc(24/1920*100rem);
  font-size: calc(20/1920*100rem);
  line-height: 1.5;
}

.block-content > *{
  --tw-border-opacity: 1;
  margin-bottom: calc(20/1920*100rem);
  border-bottom-width: 1px;
  border-color: rgb(189 189 189 / var(--tw-border-opacity));
  padding-bottom: calc(20/1920*100rem);
}
  .block-content > *:last-child{
  margin-bottom: 0 /* 0px */;
  border-width: 0px;
  padding-bottom: 0 /* 0px */;
}

.contact-form{
  position: relative;
  padding: calc(48/1920*100rem);
}

@media (min-width: 1024px){
  .contact-form{
    padding: calc(80/1920*100rem);
  }
}
  .contact-form input, .contact-form textarea{
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  transition-duration: 150ms;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  border-radius: calc(40/1920*100rem);
  background-color: transparent;
  padding-top: calc(12/1920*100rem);
  padding-right: calc(20/1920*100rem);
  padding-bottom: calc(12/1920*100rem);
  padding-left: calc(20/1920*100rem);
  width: 100%;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
  .contact-form input:focus, .contact-form textarea:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  border-color: transparent;
}
    .contact-form input::placeholder, .contact-form textarea::placeholder{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
  .contact-form textarea{
  border-radius: calc(20/1920*100rem);
  height: 7.083333333333334rem;
  resize: none;
}
  .contact-form .wrap-btn-select{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: calc(20/1920*100rem);
  margin-top: calc(20/1920*100rem);
}
  .contact-form .form-select{
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  transition-duration: 150ms;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  border-radius: calc(40/1920*100rem);
  background-color: transparent;
  padding-top: calc(12/1920*100rem);
  padding-right: calc(20/1920*100rem);
  padding-bottom: calc(12/1920*100rem);
  padding-left: calc(20/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
  .contact-form .form-select:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  border-color: transparent;
}
  .contact-form .form-select{
  width: 11.979166666666668rem;
}
    .contact-form .form-select .option-icon{
  --tw-translate-y: -50%;
  --tw-text-opacity: 1;
  position: absolute;
  top: 50%;
  right: calc(16/1920*100rem);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-duration: 300ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: calc(14/1920*100rem);
}
    .contact-form .form-select select{
  --tw-text-opacity: 1;
  position: relative;
  appearance: none;
  background-color: transparent;
  width: 100%;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
      .contact-form .form-select select option{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(70 70 70 / var(--tw-bg-opacity));
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
  .contact-form .form-select:focus .option-icon{
  --tw-rotate: 180deg;
  --tw-text-opacity: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  color: rgb(43 70 160 / var(--tw-text-opacity));
}
  .contact-form .btn-submit{
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  display: flex;
  align-items: center;
  gap: calc(24/1920*100rem);
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  border-radius: calc(40/1920*100rem);
  background-color: transparent;
  padding-top: calc(12/1920*100rem);
  padding-right: calc(20/1920*100rem);
  padding-bottom: calc(12/1920*100rem);
  padding-left: calc(20/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: calc(18/1920*100rem);
}
    .contact-form .btn-submit:hover{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  border-color: rgb(237 29 36 / var(--tw-border-opacity));
  background-color: rgb(237 29 36 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.contact-maps .iframe-scale{
  padding-top: 50%;
}

.contact-section{
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  background-color: rgba(247,251,255,1);
  width: 100vw;
}
  .contact-section .bg-svg{
  position: absolute;
  top: 4.166666666666667rem;
  z-index: 0;
  height: 58.54166666666667rem;
}
    .contact-section .bg-svg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
  .contact-section .container{
  position: relative;
  z-index: 1;
}
  .contact-section .site-title{
  --tw-text-opacity: 1;
  color: rgb(43 70 160 / var(--tw-text-opacity));
  line-height: 1.5;
}
    .contact-section .site-title span{
  --tw-text-opacity: 1;
  display: block;
  margin-bottom: calc(20/1920*100rem);
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: calc(20/1920*100rem);
  line-height: 1.3;
}

*{
  box-sizing: border-box;
}

.wpcf7-response-output{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

select{
  --tw-text-opacity: 1;
  position: relative;
  appearance: none;
  background-color: transparent;
  width: 100%;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
  select option{
  --tw-bg-opacity: 1 !important;
  --tw-text-opacity: 1 !important;
  background-color: rgb(70 70 70 / var(--tw-bg-opacity)) !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.career-item{
  --tw-border-opacity: 1;
  border-bottom-width: calc(2/1920*100rem);
  border-color: rgb(43 70 160 / var(--tw-border-opacity));
  padding-bottom: calc(20/1920*100rem);
}
  .career-item .icon{
  width: calc(64/1920*100rem);
  height: calc(64/1920*100rem);
}
  .career-item .title{
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 16px;
  line-height: calc(22 / 16);
  text-transform: uppercase;
}
  @media (min-width: 1200px){
  .career-item .title{
    font-size: calc(16/1920*100rem);
  }
}
  .career-item .desc{
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: 16px;
  line-height: calc(22 / 16);
}
  @media (min-width: 1200px){
  .career-item .desc{
    font-size: calc(16/1920*100rem);
  }
}

.career-list{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(20/1920*100rem);
}

@media (min-width: 768px){
  .career-list{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1200px){
  .career-list{
    gap: calc(40/1920*100rem);
  }
}

.career-section .site-desc{
  font-size: 16px;
  line-height: calc(22 / 16);
  letter-spacing: 0em;
}

@media (min-width: 1200px){
  .career-section .site-desc{
    font-size: calc(16/1920*100rem);
  }
}

.career-section .btn-lined .icon{
  font-size: calc(24/1920*100rem);
}

.global-breadcrumb{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
  .global-breadcrumb .rank-math-breadcrumb{
  padding-top: calc(8/1920*100rem);
  padding-bottom: calc(8/1920*100rem);
}
  @media (min-width: 1200px){
  .global-breadcrumb .rank-math-breadcrumb{
    display: flex;
    align-items: center;
    padding-top: calc(12/1920*100rem);
    padding-bottom: calc(12/1920*100rem);
    min-height: calc(48/1920*100rem);
  }
}
    .global-breadcrumb .rank-math-breadcrumb p{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(12/1920*100rem);
}
      .global-breadcrumb .rank-math-breadcrumb p > *{
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: 14px;
  line-height: calc(18 / 14);
}
      @media (min-width: 1200px){
  .global-breadcrumb .rank-math-breadcrumb p > *{
    font-size: calc(14/1920*100rem);
  }
}
        .global-breadcrumb .rank-math-breadcrumb p > *:first-child{
  font-size: 0;
}
          .global-breadcrumb .rank-math-breadcrumb p > *:first-child::before{
  --tw-text-opacity: 1;
  --tw-content: '\f015';
  display: flex;
  justify-content: center;
  align-items: center;
  content: var(--tw-content);
  color: rgb(152 152 152 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: calc(16/1920*100rem);
  line-height: 1;
  font-family: "Font Awesome 6 Pro";
}
      .global-breadcrumb .rank-math-breadcrumb p a:hover{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
    .global-breadcrumb .rank-math-breadcrumb .separator{
  font-size: 0;
}
      .global-breadcrumb .rank-math-breadcrumb .separator::after {
        --tw-text-opacity: 1;
        content: '|';
        color: rgb(217 217 217 / var(--tw-text-opacity));
        font-weight: 400;
        font-size: calc(16/1920*100rem);
        line-height: 1 }

header{
  --tw-bg-opacity: 1;
  --tw-shadow: 4px 4px 32px 16px rgba(0, 0, 0, 0.08);
  --tw-shadow-colored: 4px 4px 32px 16px var(--tw-shadow-color);
  display: flex;
  position: fixed;
  top: 0 /* 0px */;
  left: 0 /* 0px */;
  justify-content: space-between;
  align-items: center;
  z-index: 999;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: calc(4/1920*100rem);
  padding-right: calc(16/1920*100rem);
  padding-bottom: calc(4/1920*100rem);
  padding-left: calc(16/1920*100rem);
  width: 100%;
  height: calc(88/1920*100rem);
}

@media (min-width: 768px){
  header{
    height: calc(100/1920*100rem);
  }
}

@media (min-width: 1200px){
  header{
    padding-right: calc(40/1920*100rem);
    padding-left: calc(40/1920*100rem);
  }
}
  header .logo{
  height: calc(72/1920*100rem);
}
    header .logo a, header .logo p{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
    header .logo img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
  header .header-right{
  display: flex;
  align-items: center;
  gap: calc(20/1920*100rem);
}
  @media (min-width: 1024px){
  header .header-right{
    gap: calc(40/1920*100rem);
  }
}
  header .navbar-nav{
  display: none;
}
  @media (min-width: 1200px){
  header .navbar-nav{
    display: block;
  }
}
  header .main-menu{
  display: flex;
  align-items: center;
  gap: calc(4/1920*100rem);
  gap: calc(20/1920*100rem);
}
    header .main-menu > li > a{
  --tw-text-opacity: 1;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  padding-top: calc(12/1920*100rem);
  padding-right: calc(24/1920*100rem);
  padding-bottom: calc(12/1920*100rem);
  padding-left: calc(24/1920*100rem);
  color: rgb(129 129 129 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: 18px;
  line-height: calc(26 / 20);
  text-transform: uppercase;
}
    @media (min-width: 1200px){
  header .main-menu > li > a{
    font-size: calc(20/1920*100rem);
  }
}
    header .main-menu > li > a{
  gap: 0.5208333333333334rem;
}
    header .main-menu > li[class*="current-"] > a, header .main-menu > li:hover > a{
  --tw-text-opacity: 1;
  background-color: rgba(1,34,142,1);
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
    header .main-menu > li.menu-item-has-children{
  position: relative;
}
      header .main-menu > li.menu-item-has-children > a{
  display: flex;
  position: relative;
  align-items: center;
}
        header .main-menu > li.menu-item-has-children > a::after{
  --tw-text-opacity: 1;
  --tw-content: '\f107';
  content: var(--tw-content);
  color: rgb(237 29 36 / var(--tw-text-opacity));
  font-weight: 300;
  font-size: calc(16/1920*100rem);
  font-family: "Font Awesome 6 Pro";
}
      header .main-menu > li.menu-item-has-children:hover > .sub-menu{
  --tw-translate-y: 0 /* 0px */;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
  pointer-events: auto;
}
  header .sub-menu{
  --tw-translate-y: calc(12/1920*100rem);
  position: absolute;
  top: 100%;
  right: 0 /* 0px */;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  width: 100%;
  min-width: max-content;
  pointer-events: none;
}
  header .sub-menu > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(16/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(16/1920*100rem) * var(--tw-space-y-reverse));
}
  header .sub-menu{
  --tw-bg-opacity: 1;
  opacity: 0;
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-top-left-radius: calc(40/1920*100rem);
  background-color: rgb(237 29 36 / var(--tw-bg-opacity));
  padding: calc(24/1920*100rem);
}
    header .sub-menu a{
  --tw-text-opacity: 1;
  position: relative;
    transition: background-size 350ms;    background: linear-gradient(0deg, currentColor, currentColor) no-repeat right bottom/0 1px;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 400;
}
    header .sub-menu a:hover {
      background-size: 100% 1px;
      background-position-x: left; }
    header .sub-menu a{
  font-size: 16px;
  line-height: calc(22 / 16);
}
    @media (min-width: 1200px){
  header .sub-menu a{
    font-size: calc(16/1920*100rem);
  }
}
    header .sub-menu li[class*="current-"] a {
    background-size: 100% 1px;
    background-position-x: left; }
  header .button-flex{
  display: flex;
  align-items: center;
  gap: calc(8/1920*100rem);
}
    header .button-flex > *{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  display: flex;
  align-items: center;
  gap: calc(12/1920*100rem);
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  border-radius: calc(4/1920*100rem);
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
  padding: calc(12/1920*100rem);
  color: rgb(43 70 160 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: calc(20/1920*100rem);
}
    header .button-flex > *:hover{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
      header .button-flex > * i{
  font-size: calc(24/1920*100rem);
}
    header .button-flex .button-language{
  padding: 0 /* 0px */;
}
    header .button-flex .button-email, header .button-flex .button-phone{
  display: none;
}
    @media (min-width: 768px){
  header .button-flex .button-email, header .button-flex .button-phone{
    display: flex;
  }
}
  header .button-contact-header a{
  transition-duration: 150ms;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background-color: rgba(1,34,142,1);
  padding-top: calc(12/1920*100rem);
  padding-right: calc(24/1920*100rem);
  padding-bottom: calc(12/1920*100rem);
  padding-left: calc(24/1920*100rem);
  font-weight: 400;
  font-size: 18px;
  line-height: calc(26 / 20);
}
  @media (min-width: 1200px){
  header .button-contact-header a{
    font-size: calc(20/1920*100rem);
  }
}
  header .button-contact-header a{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  font-weight: 400 !important;
}
  header .button-contact-header:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(237 29 36 / var(--tw-bg-opacity));
}
    header .button-contact-header:hover a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
  header .button-phone{
  padding-top: calc(8/1920*100rem);
  padding-bottom: calc(8/1920*100rem);
  height: 2.604166666666667rem;
}
  header #buttonMenu{
  margin-left: calc(20/1920*100rem);
}
  header.active, .section-core-values .core-values-body .core-values-list header.core-values-item:hover{
  --tw-shadow: 4px 4px 32px 16px rgba(0, 0, 0, 0.08);
  --tw-shadow-colored: 4px 4px 32px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.mobile-wrap{
  --tw-bg-opacity: 1;
  --tw-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0px 4px 4px var(--tw-shadow-color);
  position: fixed;
  top: 0 /* 0px */;
  left: -100%;
  opacity: 0;
  z-index: 998;
  transition-duration: 500ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: calc(100/1920*100rem);
  padding-bottom: calc(16/1920*100rem);
  padding-left: calc(16/1920*100rem);
  width: 100vw;
  max-width: 20rem;
  height: 100vh;
  pointer-events: none;
}

@media (min-width: 768px){
  .mobile-wrap{
    padding-top: calc(120/1920*100rem);
  }
}

@media (min-width: 1024px){
  .mobile-wrap{
    padding-top: calc(128/1920*100rem);
  }
}

@media (min-width: 1200px){
  .mobile-wrap{
    display: none;
  }
}
  .mobile-wrap .navbar-nav-list{
  padding-right: calc(16/1920*100rem);
  max-height: 75vh;
  overflow-y: auto;
}
  .mobile-wrap .toggle-submenu:before{
  --tw-text-opacity: 1;
  --tw-content: '\f107';
  margin-left: calc(8/1920*100rem);
  content: var(--tw-content);
  color: rgb(237 29 36 / var(--tw-text-opacity));
  font-weight: 300;
  font-size: calc(20/1920*100rem);
  font-family: "Font Awesome 6 Pro";
}
  .mobile-wrap .main-menu{
  display: flex;
  flex-direction: column;
  gap: calc(12/1920*100rem);
}
    .mobile-wrap .main-menu > li > a{
  --tw-text-opacity: 1;
  padding-top: calc(8/1920*100rem);
  padding-bottom: calc(8/1920*100rem);
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: 18px;
  line-height: calc(26 / 20);
}
    @media (min-width: 1200px){
  .mobile-wrap .main-menu > li > a{
    font-size: calc(20/1920*100rem);
  }
}
    .mobile-wrap .main-menu > li[class*="current-"] > a, .mobile-wrap .main-menu > li:hover > a{
  --tw-text-opacity: 1;
  color: rgb(237 29 36 / var(--tw-text-opacity));
}
    .mobile-wrap .main-menu > li.menu-item-has-children{
  position: relative;
}
  .mobile-wrap .sub-menu{
  display: none;
}
  .mobile-wrap .sub-menu > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(16/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(16/1920*100rem) * var(--tw-space-y-reverse));
}
  .mobile-wrap .sub-menu{
  padding-top: calc(16/1920*100rem);
  padding-left: calc(16/1920*100rem);
}
    .mobile-wrap .sub-menu a{
  --tw-text-opacity: 1;
  position: relative;
    transition: background-size 350ms;    background: linear-gradient(0deg, currentColor, currentColor) no-repeat right bottom/0 1px;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 400;
}
    .mobile-wrap .sub-menu a:hover {
      background-size: 100% 1px;
      background-position-x: left; }
    .mobile-wrap .sub-menu a{
  font-size: 16px;
  line-height: calc(22 / 16);
}
    @media (min-width: 1200px){
  .mobile-wrap .sub-menu a{
    font-size: calc(16/1920*100rem);
  }
}
    .mobile-wrap .sub-menu li[class*="current-"] a {
    background-size: 100% 1px;
    background-position-x: left; }
  .mobile-wrap .button-flex{
  display: flex;
  align-items: center;
  gap: calc(8/1920*100rem);
}
    .mobile-wrap .button-flex > *{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  display: flex;
  align-items: center;
  gap: calc(12/1920*100rem);
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  margin-top: calc(20/1920*100rem);
  border-radius: calc(4/1920*100rem);
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
  padding: calc(12/1920*100rem);
  width: max-content;
  color: rgb(43 70 160 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: calc(20/1920*100rem);
}
      .mobile-wrap .button-flex > * i{
  font-size: calc(24/1920*100rem);
}
  .mobile-wrap.active, .section-core-values .core-values-body .core-values-list .mobile-wrap.core-values-item:hover{
  left: 0 /* 0px */;
  opacity: 1;
  pointer-events: auto;
}

.search-wrap{
  display: none;
  position: fixed;
  top: calc(128/1920*100rem);
  right: 0 /* 0px */;
  left: 0 /* 0px */;
  z-index: 100;
  padding-right: calc(40/1920*100rem);
  padding-left: calc(40/1920*100rem);
  width: 100%;
}

@media (min-width: 1200px){
  .search-wrap{
    top: 8.333333333333334rem;
  }
}

.wpml-ls.wpml-ls-legacy-dropdown-click{
  width: 100%;
}
  .wpml-ls.wpml-ls-legacy-dropdown-click > ul > li{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background-color: transparent !important;
}
    .wpml-ls.wpml-ls-legacy-dropdown-click > ul > li > a{
  --tw-rotate: 1deg;
  --tw-text-opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-width: 0px;
  background-image: none;
  background-color: transparent;
  padding: calc(12/1920*100rem);
  height: calc(48/1920*100rem);
  overflow: hidden;
  color: rgb(129 129 129 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: calc(16/1920*100rem);
}
    .wpml-ls.wpml-ls-legacy-dropdown-click > ul > li > a:hover{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
      .wpml-ls.wpml-ls-legacy-dropdown-click > ul > li > a img{
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(20/1920*100rem);
  height: calc(20/1920*100rem);
  object-fit: contain;
}
      .wpml-ls.wpml-ls-legacy-dropdown-click > ul > li > a::after{
  --tw-content: '\f078';
  display: flex;
  position: static;
  margin-left: calc(8/1920*100rem);
  border-style: none;
  content: var(--tw-content);
  color: currentColor;
  font-weight: 300;
  font-size: calc(14/1920*100rem);
  font-family: "Font Awesome 6 Pro";
}
    .wpml-ls.wpml-ls-legacy-dropdown-click > ul > li:hover{
  background-color: transparent;
}
      .wpml-ls.wpml-ls-legacy-dropdown-click > ul > li:hover > a{
  --tw-bg-opacity: 1 !important;
  --tw-text-opacity: 1 !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity)) !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
    .wpml-ls.wpml-ls-legacy-dropdown-click > ul > li > .wpml-ls-sub-menu{
  position: absolute;
  top: 100%;
  border-style: none;
}

.page-template-page-home header{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
  .page-template-page-home header.active, .page-template-page-home .section-core-values .core-values-body .core-values-list header.core-values-item:hover, .section-core-values .core-values-body .core-values-list .page-template-page-home header.core-values-item:hover{
  --tw-shadow: 4px 4px 32px 16px rgba(0, 0, 0, 0.08);
  --tw-shadow-colored: 4px 4px 32px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.section-core-values{
  position: relative;
  padding-top: calc(40/1920*100rem);
  padding-right: calc(16/1920*100rem);
  padding-bottom: calc(40/1920*100rem);
  padding-left: calc(16/1920*100rem);
  overflow: hidden;
}

@media (min-width: 1024px){
  .section-core-values{
    padding-top: calc(80/1920*100rem);
    padding-bottom: calc(80/1920*100rem);
  }
}
  .section-core-values .wrapper-core-values{
  position: relative;
}
  .section-core-values .core-values-header{
  --tw-text-opacity: 1;
  position: relative;
  z-index: 10;
  margin-bottom: calc(32/1920*100rem);
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 30px;
  line-height: calc(56 / 48);
  text-align: center;
}
  @media (min-width: 1200px){
  .section-core-values .core-values-header{
    font-size: calc(48/1920*100rem);
  }
}
  .section-core-values .core-values-header span{
  --tw-text-opacity: 1;
  display: block;
  margin-bottom: calc(12/1920*100rem);
  color: rgb(129 129 129 / var(--tw-text-opacity));
  font-weight: 600;
  font-size: 16px;
  line-height: calc(22 / 16);
  letter-spacing: 0.64px;
  text-transform: uppercase;
}
  @media (min-width: 1200px){
  .section-core-values .core-values-header span{
    font-size: calc(16/1920*100rem);
  }
}
  .section-core-values .core-values-header.is-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
  .section-core-values .core-values-header.is-white span{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
  .contact-section .section-core-values .core-values-header{
  --tw-text-opacity: 1;
  color: rgb(43 70 160 / var(--tw-text-opacity));
  line-height: 1.5;
}
  .contact-section .section-core-values .core-values-header span{
  --tw-text-opacity: 1;
  display: block;
  margin-bottom: calc(20/1920*100rem);
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: calc(20/1920*100rem);
  line-height: 1.3;
}
  .general-location .location-header .section-core-values .core-values-header{
  --tw-text-opacity: 1;
  position: relative;
  z-index: 10;
  margin-bottom: calc(16/1920*100rem);
  color: rgb(0 0 0 / var(--tw-text-opacity));
  text-align: center;
}
  .general-services .section-core-values .core-values-header{
  text-align: center;
}
  .general-intro .intro-header .section-core-values .core-values-header{
  margin-top: calc(12/1920*100rem);
  font-weight: 700;
  font-size: calc(24/1920*100rem);
  line-height: 1.16;
}
  @media (min-width: 768px){
  .general-intro .intro-header .section-core-values .core-values-header{
    font-size: calc(30/1920*100rem);
  }
}
  @media (min-width: 1024px){
  .general-intro .intro-header .section-core-values .core-values-header{
    font-size: calc(48/1920*100rem);
  }
}
  .general-infrastructure .section-core-values .core-values-header{
  padding-bottom: calc(24/1920*100rem);
  text-align: center;
}
  @media (min-width: 1024px){
  .general-infrastructure .section-core-values .core-values-header{
    padding-bottom: calc(48/1920*100rem);
  }
}
  .general-core-values .section-core-values .core-values-header{
  text-align: center;
}
  .general-certificates .section-core-values .core-values-header{
  text-align: center;
}
  .general-vision-mission .col-vision .section-core-values .core-values-header, .general-vision-mission .col-mission .section-core-values .core-values-header{
  margin-bottom: calc(12/1920*100rem);
  font-weight: 700;
  font-size: calc(24/1920*100rem);
  line-height: 1.2;
}
  @media (min-width: 768px){
  .general-vision-mission .col-vision .section-core-values .core-values-header, .general-vision-mission .col-mission .section-core-values .core-values-header{
    font-size: calc(30/1920*100rem);
  }
}
  @media (min-width: 1024px){
  .general-vision-mission .col-vision .section-core-values .core-values-header, .general-vision-mission .col-mission .section-core-values .core-values-header{
    font-size: 2.0833333333333335rem;
  }
}
  .general-vision-mission .col-vision .section-core-values .core-values-header, .general-vision-mission .col-mission .section-core-values .core-values-header{
  margin-bottom: calc(12/1920*100rem);
  font-weight: 700;
  font-size: calc(24/1920*100rem);
  line-height: 1.2;
}
  @media (min-width: 768px){
  .general-vision-mission .col-vision .section-core-values .core-values-header, .general-vision-mission .col-mission .section-core-values .core-values-header{
    font-size: calc(30/1920*100rem);
  }
}
  @media (min-width: 1024px){
  .general-vision-mission .col-vision .section-core-values .core-values-header, .general-vision-mission .col-mission .section-core-values .core-values-header{
    font-size: 2.0833333333333335rem;
  }
}
  .service-dt-2-section .section-core-values .core-values-header{
  line-height: 1.17;
}
  @media (min-width: 1024px){
  .section-core-values .core-values-header{
    margin-bottom: calc(40/1920*100rem);
  }
}
    .section-core-values .core-values-header h2{
  font-weight: 700;
  font-size: 32px;
  line-height: 1.25;
}
    @media (min-width: 768px){
  .section-core-values .core-values-header h2{
    font-size: 40px;
  }
}
    @media (min-width: 1024px){
  .section-core-values .core-values-header h2{
    font-size: 48px;
  }
}
  .section-core-values .core-values-body{
  display: none;
  position: relative;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
}
  @media (min-width: 1024px){
  .section-core-values .core-values-body{
    display: block;
  }
}
    .section-core-values .core-values-body .core-values-image{
  display: flex;
  position: relative;
  justify-content: center;
  z-index: 10;
  margin-right: auto;
  margin-bottom: calc(40/1920*100rem);
  margin-left: auto;
  width: 100%;
  max-width: 18.75rem;
}
    @media (min-width: 1024px){
  .section-core-values .core-values-body .core-values-image{
    margin-top: 4.166666666666667rem;
    margin-bottom: 0 /* 0px */;
    max-width: 36.458333333333336rem;
  }
}
    @media (min-width: 1200px){
  .section-core-values .core-values-body .core-values-image{
    margin-top: 6.25rem;
    max-width: 51.04166666666667rem;
  }
}
    @media (min-width: 1600px){
  .section-core-values .core-values-body .core-values-image{
    margin-top: 9.635416666666668rem;
  }
}
      .section-core-values .core-values-body .core-values-image img{
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  pointer-events: none;
}
    .section-core-values .core-values-body .core-values-list{
  display: flex;
  flex-direction: column;
  gap: calc(24/1920*100rem);
  z-index: 10;
  width: 100%;
  max-width: 400px;
}
    @media (min-width: 1024px){
  .section-core-values .core-values-body .core-values-list{
    display: block;
    position: absolute;
    top: 0 /* 0px */;
    left: 0 /* 0px */;
    width: 100%;
    max-width: 100%;
    height: 100%;
    pointer-events: none;
  }
}
      .section-core-values .core-values-body .core-values-list .core-values-item{
  --tw-bg-opacity: 1;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: calc(24/1920*100rem);
  width: 100%;
  pointer-events: auto;
  text-align: center;
}
      @media (min-width: 1024px){
  .section-core-values .core-values-body .core-values-list .core-values-item{
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    background-color: transparent;
    padding: 0 /* 0px */;
    max-width: 13.020833333333334rem;
  }
}
      @media (min-width: 1200px){
  .section-core-values .core-values-body .core-values-list .core-values-item{
    max-width: 19.270833333333336rem;
  }
}
      .section-core-values .core-values-body .core-values-list .core-values-item {        transition: all 0.3s ease; }
        .section-core-values .core-values-body .core-values-list .core-values-item h3{
  --tw-text-opacity: 1;
  position: relative;
  margin-bottom: calc(4/1920*100rem);
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: calc(20/1920*100rem);
  line-height: 1.25;
}
        @media (min-width: 1024px){
  .section-core-values .core-values-body .core-values-list .core-values-item h3{
    margin-bottom: calc(8/1920*100rem);
    font-size: calc(24/1920*100rem);
  }
}
          .section-core-values .core-values-body .core-values-list .core-values-item h3:before{
  --tw-content: '';
  --tw-bg-opacity: 1;
  position: absolute;
  bottom: calc(calc(8/1920*100rem) * -1);
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  margin-right: auto;
  margin-bottom: calc(4/1920*100rem);
  margin-left: auto;
  border-radius: 9999px;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
  width: 0 /* 0px */;
  height: 0.10416666666666667rem;
  content: var(--tw-content);
}
        .section-core-values .core-values-body .core-values-list .core-values-item .subtitle{
  --tw-text-opacity: 1;
  display: block;
  color: rgb(43 70 160 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: calc(18/1920*100rem);
  line-height: 1.33;
}
        @media (min-width: 1024px){
  .section-core-values .core-values-body .core-values-list .core-values-item .subtitle{
    font-size: calc(18/1920*100rem);
  }
}
        .section-core-values .core-values-body .core-values-list .core-values-item .desc{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: calc(18/1920*100rem);
  line-height: 1.33;
}
        @media (min-width: 1024px){
  .section-core-values .core-values-body .core-values-list .core-values-item .desc{
    font-size: calc(18/1920*100rem);
  }
}
        .section-core-values .core-values-body .core-values-list .core-values-item.active, .section-core-values .core-values-body .core-values-list .core-values-item:hover{
  z-index: 20;
}
          .section-core-values .core-values-body .core-values-list .core-values-item.active h3, .section-core-values .core-values-body .core-values-list .core-values-item:hover h3{
  --tw-text-opacity: 1;
  color: rgb(43 70 160 / var(--tw-text-opacity));
}
            .section-core-values .core-values-body .core-values-list .core-values-item.active h3:before, .section-core-values .core-values-body .core-values-list .core-values-item:hover h3:before{
  width: 100%;
}

@media (min-width: 1024px) {
  .section-core-values .core-values-body .core-values-list .core-values-item{
    --tw-translate-y: -50%;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    position: absolute;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    background-color: transparent;
    padding: 0 /* 0px */;
  }
    @media (min-width: 1024px){
    .section-core-values .core-values-body .core-values-list .core-values-item.item-1{
      top: 60%;
      left: 1%;
    }
  }
    @media (min-width: 1200px){
    .section-core-values .core-values-body .core-values-list .core-values-item.item-1{
      top: 65%;
      left: 1%;
    }
  }
    .section-core-values .core-values-body .core-values-list .core-values-item.item-1{
    display: flex;
    flex-direction: column;
  }
    @media (min-width: 1024px){
    .section-core-values .core-values-body .core-values-list .core-values-item.item-2{
      top: 20%;
      left: 10%;
    }
  }
    @media (min-width: 1200px){
    .section-core-values .core-values-body .core-values-list .core-values-item.item-2{
      top: 15%;
      left: 10%;
    }
  }
    .section-core-values .core-values-body .core-values-list .core-values-item.item-2{
    display: flex;
    flex-direction: column;
  }
    .section-core-values .core-values-body .core-values-list .core-values-item.item-3{
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    left: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
    @media (min-width: 1024px){
    .section-core-values .core-values-body .core-values-list .core-values-item.item-3{
      top: 3%;
      max-width: 16.666666666666668rem;
    }
  }
    @media (min-width: 1200px){
    .section-core-values .core-values-body .core-values-list .core-values-item.item-3{
      top: -8%;
      max-width: 19.479166666666668rem;
    }
  }
    @media (min-width: 1600px){
    .section-core-values .core-values-body .core-values-list .core-values-item.item-3{
      top: -20%;
    }
  }
    .section-core-values .core-values-body .core-values-list .core-values-item.item-3{
    display: flex;
    flex-direction: column;
  }
      .section-core-values .core-values-body .core-values-list .core-values-item.item-3 p.desc{
    max-width: 360px;
  }
    @media (min-width: 1024px){
    .section-core-values .core-values-body .core-values-list .core-values-item.item-4{
      top: 20%;
      right: 10%;
    }
  }
    @media (min-width: 1200px){
    .section-core-values .core-values-body .core-values-list .core-values-item.item-4{
      top: 15%;
      right: 10%;
    }
  }
    .section-core-values .core-values-body .core-values-list .core-values-item.item-4{
    display: flex;
    flex-direction: column;
  }
    @media (min-width: 1024px){
    .section-core-values .core-values-body .core-values-list .core-values-item.item-5{
      top: 60%;
      right: 1%;
    }
  }
    @media (min-width: 1200px){
    .section-core-values .core-values-body .core-values-list .core-values-item.item-5{
      top: 65%;
      right: 1%;
    }
  }
    .section-core-values .core-values-body .core-values-list .core-values-item.item-5{
    display: flex;
    flex-direction: column;
  } }
  .section-core-values .core-values-mobile{
  display: block;
  position: relative;
  padding-top: calc(40/1920*100rem);
  width: 100%;
  overflow: hidden;
}
  @media (min-width: 1024px){
  .section-core-values .core-values-mobile{
    display: none;
  }
}
    .section-core-values .core-values-mobile .core-values-mobile-slider{
  width: 100%;
}
      .section-core-values .core-values-mobile .core-values-mobile-slider .swiper-slide{
  height: auto;
}
      .section-core-values .core-values-mobile .core-values-mobile-slider .core-values-item{
  --tw-bg-opacity: 1;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgb(33 86 174 / var(--tw-bg-opacity));
  padding: calc(32/1920*100rem);
  width: 100%;
  height: 100%;
  min-height: 300px;
  overflow: hidden;
  text-align: center;
}
        .section-core-values .core-values-mobile .core-values-mobile-slider .core-values-item .icon{
  margin-bottom: calc(16/1920*100rem);
}
          .section-core-values .core-values-mobile .core-values-mobile-slider .core-values-item .icon img{
  width: calc(64/1920*100rem);
  height: calc(64/1920*100rem);
  object-fit: contain;
}
        .section-core-values .core-values-mobile .core-values-mobile-slider .core-values-item .text-content{
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 10;
  width: 100%;
  height: 100%;
}
          .section-core-values .core-values-mobile .core-values-mobile-slider .core-values-item .text-content .title{
  --tw-text-opacity: 1;
  position: relative;
  margin-bottom: calc(16/1920*100rem);
  padding-bottom: calc(16/1920*100rem);
  width: 100%;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: calc(20/1920*100rem);
}
            .section-core-values .core-values-mobile .core-values-mobile-slider .core-values-item .text-content .title::before {
              --tw-translate-x: -50%;
              --tw-bg-opacity: 1;
              position: absolute;
              bottom: 0 /* 0px */;
              left: 50%;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
              border-radius: 9999px;
              background-color: rgb(255 255 255 / var(--tw-bg-opacity));
              width: calc(48/1920*100rem);
              height: 2px;
              content: '' }
          .section-core-values .core-values-mobile .core-values-mobile-slider .core-values-item .text-content .subtitle{
  --tw-text-opacity: 1;
  margin-bottom: calc(12/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: calc(16/1920*100rem);
}
          .section-core-values .core-values-mobile .core-values-mobile-slider .core-values-item .text-content .desc{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: calc(16/1920*100rem);
  line-height: 1.625;
}
      .section-core-values .core-values-mobile .core-values-mobile-slider .swiper-pagination{
  position: relative;
  bottom: 0 /* 0px */;
  margin-top: calc(24/1920*100rem);
}

.segment-group .segment-item{  transform-box: fill-box;
  transform-origin: center;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
  .segment-group .segment-item.segment-1:hover, .segment-group .segment-item.segment-1.active, .segment-group .section-core-values .core-values-body .core-values-list .segment-item.segment-1.core-values-item:hover, .section-core-values .core-values-body .core-values-list .segment-group .segment-item.segment-1.core-values-item:hover {
    transform: translate(6px, 4px) scale(0.95); }
  .segment-group .segment-item.segment-2:hover, .segment-group .segment-item.segment-2.active, .segment-group .section-core-values .core-values-body .core-values-list .segment-item.segment-2.core-values-item:hover, .section-core-values .core-values-body .core-values-list .segment-group .segment-item.segment-2.core-values-item:hover {
    transform: translate(3px, 6px) scale(0.95); }
  .segment-group .segment-item.segment-3:hover, .segment-group .segment-item.segment-3.active, .segment-group .section-core-values .core-values-body .core-values-list .segment-item.segment-3.core-values-item:hover, .section-core-values .core-values-body .core-values-list .segment-group .segment-item.segment-3.core-values-item:hover {
    transform: translateY(8px) scale(0.95); }
  .segment-group .segment-item.segment-4:hover, .segment-group .segment-item.segment-4.active, .segment-group .section-core-values .core-values-body .core-values-list .segment-item.segment-4.core-values-item:hover, .section-core-values .core-values-body .core-values-list .segment-group .segment-item.segment-4.core-values-item:hover {
    transform: translate(-3px, 6px) scale(0.95); }
  .segment-group .segment-item.segment-5:hover, .segment-group .segment-item.segment-5.active, .segment-group .section-core-values .core-values-body .core-values-list .segment-item.segment-5.core-values-item:hover, .section-core-values .core-values-body .core-values-list .segment-group .segment-item.segment-5.core-values-item:hover {
    transform: translate(-6px, 4px) scale(0.95); }

.segment {
  stroke: transparent;
  stroke-width: 4;
  transition: stroke 0.3s ease; }
  .segment:hover, .segment.active, .section-core-values .core-values-body .core-values-list .segment.core-values-item:hover {
    stroke: rgba(255, 255, 255, 0.4); }

.segment-item > *{
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.segment-item:hover, .segment-item.active, .section-core-values .core-values-body .core-values-list .segment-item.core-values-item:hover {
  filter: brightness(1.3) drop-shadow(0 0 14px rgba(33, 86, 174, 0.75)); }
  .segment-item:hover .underline_segment, .segment-item.active .underline_segment, .section-core-values .core-values-body .core-values-list .segment-item.core-values-item:hover .underline_segment{
  fill: #2156AE;
}

.general-location{
  --tw-bg-opacity: 1;
  position: relative;
  background-color: rgb(244 247 251 / var(--tw-bg-opacity));
  padding-top: calc(64/1920*100rem);
  padding-bottom: calc(64/1920*100rem);
  overflow: hidden;
}

@media (min-width: 768px){
  .general-location{
    padding-top: calc(80/1920*100rem);
    padding-bottom: calc(80/1920*100rem);
  }
}

@media (min-width: 1024px){
  .general-location{
    padding-top: calc(96/1920*100rem);
    padding-bottom: calc(96/1920*100rem);
  }
}

@media (min-width: 1200px){
  .general-location{
    padding-top: 5.208333333333334rem;
    padding-bottom: 5.208333333333334rem;
  }
}

.general-location{
  padding-bottom: 0 /* 0px */;
}
  .general-location .bg-location{
  position: absolute;
  z-index: 0;
  inset: 0 /* 0px */;
  width: 100%;
  height: 100%;
}
    .general-location .bg-location img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
  .general-location .container{
  position: relative;
  z-index: 10;
}
  .general-location .location-header{
  text-align: center;
}
    .general-location .location-header .site-title{
  --tw-text-opacity: 1;
  position: relative;
  z-index: 10;
  margin-bottom: calc(16/1920*100rem);
  color: rgb(0 0 0 / var(--tw-text-opacity));
  text-align: center;
}
    .general-location .location-header .desc{
  margin-top: calc(12/1920*100rem);
  margin-right: auto;
  margin-left: auto;
  font-size: 16px;
  line-height: 1.6;
  line-height: calc(28 / 18);
  letter-spacing: -0.36px;
  text-align: justify;
}
    @media (min-width: 1024px){
  .general-location .location-header .desc{
    line-height: calc(24 / 18);
  }
}
    @media (min-width: 1200px){
  .general-location .location-header .desc{
    font-size: calc(18/1920*100rem);
  }
}
    .service-dt-2-section .general-location .location-header .desc{
  letter-spacing: -0.36px;
}
    @media (min-width: 1024px){
  .general-location .location-header .desc{
    line-height: 1.33;
  }
}
    @media (min-width: 768px){
  .general-location .location-header .desc{
    max-width: 1240px;
    text-align: center;
  }
}
    .general-location .location-header .sub-title{
  --tw-text-opacity: 1;
  margin-top: calc(40/1920*100rem);
  margin-bottom: calc(40/1920*100rem);
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: calc(24/1920*100rem);
}
    @media (min-width: 1024px){
  .general-location .location-header .sub-title{
    font-size: 1.6666666666666667rem;
  }
}
  .general-location .tabs-container{
  display: flex;
  align-items: center;
  gap: calc(16/1920*100rem);
  padding-bottom: calc(40/1920*100rem);
  overflow-x: auto;
}
  @media (min-width: 768px){
  .general-location .tabs-container{
    justify-content: center;
  }
}
    .general-location .tabs-container::-webkit-scrollbar{
  display: none;
}
    .general-location .tabs-container .btn{
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  border-width: 1px;
  border-color: transparent;
  border-radius: 0px;
  padding-top: calc(8/1920*100rem);
  padding-right: calc(16/1920*100rem);
  padding-bottom: calc(8/1920*100rem);
  padding-left: calc(16/1920*100rem);
  font-weight: 500;
  font-size: calc(16/1920*100rem);
}
    @media (min-width: 768px){
  .general-location .tabs-container .btn{
    padding-top: calc(12/1920*100rem);
    padding-right: calc(24/1920*100rem);
    padding-bottom: calc(12/1920*100rem);
    padding-left: calc(24/1920*100rem);
    font-size: calc(20/1920*100rem);
  }
}
    .general-location .tabs-container .btn{
  flex-shrink: 0;
  text-align: center;
  white-space: nowrap;
}
      .general-location .tabs-container .btn.active, .general-location .tabs-container .section-core-values .core-values-body .core-values-list .btn.core-values-item:hover, .section-core-values .core-values-body .core-values-list .general-location .tabs-container .btn.core-values-item:hover{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
  pointer-events: none;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
      .general-location .tabs-container .btn:not(.active){
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
  color: rgb(43 70 160 / var(--tw-text-opacity));
}
      .general-location .tabs-container .btn:not(.active):hover{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
  .general-location .map-wrapper{
  --tw-bg-opacity: 1;
  position: relative;
  background-color: rgb(220 220 220 / var(--tw-bg-opacity));
  width: 100%;
  height: 23.4375rem;
  overflow: hidden;
}
  @media (min-width: 768px){
  .general-location .map-wrapper{
    height: 26.041666666666668rem;
  }
}
  @media (min-width: 1024px){
  .general-location .map-wrapper{
    height: 33.333333333333336rem;
  }
}
  .general-location .map-pane{
  position: absolute;
  opacity: 0;
  z-index: 0;
  transition-duration: 500ms;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  inset: 0 /* 0px */;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
    .general-location .map-pane.active, .general-location .section-core-values .core-values-body .core-values-list .map-pane.core-values-item:hover, .section-core-values .core-values-body .core-values-list .general-location .map-pane.core-values-item:hover{
  opacity: 1;
  z-index: 10;
  pointer-events: auto;
}
    .general-location .map-pane .image{
  position: absolute;
  inset: 0 /* 0px */;
  width: 100%;
  height: 100%;
}
      .general-location .map-pane .image svg, .general-location .map-pane .image img{
  display: block;
  flex-shrink: 0;
  transform-origin: center;
}
    .general-location .map-pane .map-info-box{
  --tw-bg-opacity: 1;
  position: absolute;
  top: 0 /* 0px */;
  right: auto;
  left: 0 /* 0px */;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  z-index: 20;
  transition-duration: 500ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-width: 1px;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: calc(16/1920*100rem);
  width: 85%;
  height: 100%;
}
    @media (min-width: 576px){
  .general-location .map-pane .map-info-box{
    width: 320px;
  }
}
    @media (min-width: 768px){
  .general-location .map-pane .map-info-box{
    padding: calc(24/1920*100rem);
    width: 360px;
  }
}
    @media (min-width: 1024px){
  .general-location .map-pane .map-info-box{
    top: auto;
    bottom: 0 /* 0px */;
    padding: calc(40/1920*100rem);
    width: 100%;
    max-width: 21.25rem;
    height: auto;
  }
}
    .general-location .map-pane .map-info-box{
  --tw-border-opacity: 1;
  border-color: rgb(224 224 224 / var(--tw-border-opacity));
}
    @media (min-width: 768px){
  .general-location .map-pane .map-info-box{
    --tw-border-opacity: 1;
    border-width: 0px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-color: rgb(0 0 0 / var(--tw-border-opacity));
  }
}
    .general-location .map-pane .map-info-box{
  display: flex;
  flex-direction: column;
  gap: calc(12/1920*100rem);
  overflow: visible;
}
    @media (min-width: 1024px){
  .general-location .map-pane .map-info-box{
    gap: calc(40/1920*100rem);
  }
}
    .general-location .map-pane .map-info-box {      -webkit-backdrop-filter: blur(10px);      backdrop-filter: blur(10px); }
      @media (max-width: 1023px) {
        .general-location .map-pane .map-info-box{
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
          .general-location .map-pane .map-info-box.show{
    --tw-translate-x: 0 /* 0px */;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  } }
      @media (min-width: 1024px) {
        .general-location .map-pane .map-info-box{
    opacity: 0;
  } }
      .general-location .map-pane .map-info-box .info-scroll-area{
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  gap: calc(12/1920*100rem);
  min-height: 0 /* 0px */;
  overflow-y: auto;
}
      @media (min-width: 1024px){
  .general-location .map-pane .map-info-box .info-scroll-area{
    gap: calc(40/1920*100rem);
    overflow: visible;
  }
}
      .general-location .map-pane .map-info-box .toggle-info-btn{
  --tw-translate-y: -50%;
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  --tw-shadow: 4px 0 8px rgba(0,0,0,0.1);
  --tw-shadow-colored: 4px 0 8px var(--tw-shadow-color);
        display: none;
  position: absolute;
  top: 50%;        right: -40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: calc(4/1920*100rem);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  z-index: 30;
  cursor: pointer;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-width: 1px;
  border-left-width: 0px;
  border-color: rgb(224 224 224 / var(--tw-border-opacity));
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        width: 40px;
        height: 50px;
  color: rgb(43 70 160 / var(--tw-text-opacity));
}
        @media (max-width: 1023px) {
          .general-location .map-pane .map-info-box .toggle-info-btn{
    display: flex;
  } }
        .general-location .map-pane .map-info-box .toggle-info-btn .chev-icon{          animation: chev-bounce 1.4s ease-in-out infinite;
  font-size: calc(16/1920*100rem);
  line-height: 1;
}
        .general-location .map-pane .map-info-box .toggle-info-btn .hint-text{
  font-weight: 500;
  font-size: 9px;
  line-height: 1;
          letter-spacing: 0.05em;          writing-mode: vertical-lr;
  text-align: center;
          text-orientation: mixed;
}
      .general-location .map-pane .map-info-box .info-title, .general-location .map-pane .map-info-box .info-note-title{
  --tw-text-opacity: 1;
  margin-bottom: calc(8/1920*100rem);
  color: rgb(43 70 160 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: calc(18/1920*100rem);
}
      @media (min-width: 768px){
  .general-location .map-pane .map-info-box .info-title, .general-location .map-pane .map-info-box .info-note-title{
    margin-bottom: calc(12/1920*100rem);
    font-size: calc(20/1920*100rem);
  }
}
      .general-location .map-pane .map-info-box .list-custom-marker{
  list-style-type: none;
}
      .general-location .map-pane .map-info-box .list-custom-marker > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(4/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(4/1920*100rem) * var(--tw-space-y-reverse));
}
      .general-location .map-pane .map-info-box .list-custom-marker{
  --tw-text-opacity: 1;
  padding: 0 /* 0px */;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
      @media (min-width: 768px){
  .general-location .map-pane .map-info-box .list-custom-marker > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(8/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(calc(8/1920*100rem) * var(--tw-space-y-reverse));
  }
}
        .general-location .map-pane .map-info-box .list-custom-marker li{
  position: relative;
  padding-left: calc(24/1920*100rem);
  font-size: calc(16/1920*100rem);
  line-height: 1.5;
}
        @media (min-width: 768px){
  .general-location .map-pane .map-info-box .list-custom-marker li{
    font-size: calc(18/1920*100rem);
  }
}
          .general-location .map-pane .map-info-box .list-custom-marker li::before {
            --tw-translate-x: 100%;
            --tw-bg-opacity: 1;
            position: absolute;
            top: 0.5208333333333334rem;
            left: 0 /* 0px */;
            flex-shrink: 0;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            border-radius: 9999px;
            background-color: rgb(0 0 0 / var(--tw-bg-opacity));
            width: 0.3125rem;
            height: 0.3125rem;
            content: "" }
      .general-location .map-pane .map-info-box .info-note-list > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(8/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(8/1920*100rem) * var(--tw-space-y-reverse));
}
        .general-location .map-pane .map-info-box .info-note-list li{
  display: flex;
  align-items: center;
  gap: calc(16/1920*100rem);
  font-size: calc(16/1920*100rem);
}
        @media (min-width: 768px){
  .general-location .map-pane .map-info-box .info-note-list li{
    font-size: calc(18/1920*100rem);
  }
}
        .general-location .map-pane .map-info-box .info-note-list .line{
  display: block;
  position: relative;
  width: calc(80/1920*100rem);
  height: 1.5px;
}
          .general-location .map-pane .map-info-box .info-note-list .line::before, .general-location .map-pane .map-info-box .info-note-list .line::after {
            position: absolute;
            top: -0.10416666666666667rem;
            border-radius: 9999px;
            width: 0.3125rem;
            height: 0.3125rem;
            content: '' }
          .general-location .map-pane .map-info-box .info-note-list .line::before{
  left: 0 /* 0px */;
}
          .general-location .map-pane .map-info-box .info-note-list .line::after{
  right: 0 /* 0px */;
}
        .general-location .map-pane .map-info-box .info-note-list .line-wrapper{
  display: flex;
  align-items: center;
  gap: calc(16/1920*100rem);
  font-size: calc(18/1920*100rem);
}
          .general-location .map-pane .map-info-box .info-note-list .line-wrapper.wrapper-red{
  --tw-text-opacity: 1;
  color: rgb(254 89 90 / var(--tw-text-opacity));
}
            .general-location .map-pane .map-info-box .info-note-list .line-wrapper.wrapper-red .line-red{
  --tw-bg-opacity: 1;
  background-color: rgb(254 89 90 / var(--tw-bg-opacity));
}
              .general-location .map-pane .map-info-box .info-note-list .line-wrapper.wrapper-red .line-red::before, .general-location .map-pane .map-info-box .info-note-list .line-wrapper.wrapper-red .line-red::after{
  --tw-bg-opacity: 1;
  background-color: rgb(254 89 90 / var(--tw-bg-opacity));
}
          .general-location .map-pane .map-info-box .info-note-list .line-wrapper.wrapper-dark{
  --tw-text-opacity: 1;
  color: rgb(63 63 63 / var(--tw-text-opacity));
}
            .general-location .map-pane .map-info-box .info-note-list .line-wrapper.wrapper-dark .line-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 63 / var(--tw-bg-opacity));
}
              .general-location .map-pane .map-info-box .info-note-list .line-wrapper.wrapper-dark .line-dark::before, .general-location .map-pane .map-info-box .info-note-list .line-wrapper.wrapper-dark .line-dark::after{
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 63 / var(--tw-bg-opacity));
}
          .general-location .map-pane .map-info-box .info-note-list .line-wrapper.wrapper-pink{
  --tw-text-opacity: 1;
  color: rgb(167 0 175 / var(--tw-text-opacity));
}
            .general-location .map-pane .map-info-box .info-note-list .line-wrapper.wrapper-pink .line-pink{
  --tw-bg-opacity: 1;
  background-color: rgb(167 0 175 / var(--tw-bg-opacity));
}
              .general-location .map-pane .map-info-box .info-note-list .line-wrapper.wrapper-pink .line-pink::before, .general-location .map-pane .map-info-box .info-note-list .line-wrapper.wrapper-pink .line-pink::after{
  --tw-bg-opacity: 1;
  background-color: rgb(167 0 175 / var(--tw-bg-opacity));
}
          .general-location .map-pane .map-info-box .info-note-list .line-wrapper.wrapper-blue{
  --tw-text-opacity: 1;
  color: rgb(43 70 160 / var(--tw-text-opacity));
}
            .general-location .map-pane .map-info-box .info-note-list .line-wrapper.wrapper-blue .line-blue{
  --tw-bg-opacity: 1;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
}
            .general-location .map-pane .map-info-box .info-note-list .line-wrapper.wrapper-blue::before, .general-location .map-pane .map-info-box .info-note-list .line-wrapper.wrapper-blue::after{
  --tw-bg-opacity: 1;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
}
    @media (min-width: 1024px) {
      .general-location .map-pane.active .map-info-box, .general-location .section-core-values .core-values-body .core-values-list .map-pane.core-values-item:hover .map-info-box, .section-core-values .core-values-body .core-values-list .general-location .map-pane.core-values-item:hover .map-info-box{
    --tw-translate-x: 0 /* 0px */;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
  } }
  .general-location .map-controls{
  display: flex;
  position: absolute;
  right: calc(8/1920*100rem);
  bottom: calc(8/1920*100rem);
  align-items: flex-end;
  gap: calc(8/1920*100rem);
  z-index: 20;
  pointer-events: auto;
}
  @media (min-width: 1024px){
  .general-location .map-controls{
    right: 5%;
    bottom: 10%;
    gap: calc(16/1920*100rem);
  }
}
    .general-location .map-controls .nav-arrows{
  position: relative;
  min-width: 100px;
  min-height: 100px;
}
    @media (min-width: 768px){
  .general-location .map-controls .nav-arrows{
    min-width: 130px;
    min-height: 130px;
  }
}
    @media (min-width: 1024px){
  .general-location .map-controls .nav-arrows{
    min-width: 8.75rem;
    min-height: 8.75rem;
  }
}
    .general-location .map-controls .control-btn{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 9999px;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  width: calc(40/1920*100rem);
  height: calc(40/1920*100rem);
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
    @media (min-width: 768px){
  .general-location .map-controls .control-btn{
    width: calc(48/1920*100rem);
    height: calc(48/1920*100rem);
  }
}
    @media (min-width: 1024px){
  .general-location .map-controls .control-btn{
    width: calc(48/1920*100rem);
    height: calc(48/1920*100rem);
  }
}
    .general-location .map-controls .control-btn{
  -webkit-user-select: none;
  --tw-shadow: 4px 4px 8px 4px rgba(0,0,0,0.08);
  --tw-shadow-colored: 4px 4px 8px 4px var(--tw-shadow-color);
  transition-duration: 300ms;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          user-select: none;
}
    .general-location .map-controls .control-btn:hover{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
    .general-location .map-controls .control-btn{
  font-size: calc(16/1920*100rem);
}
    @media (min-width: 1024px){
  .general-location .map-controls .control-btn{
    font-size: calc(24/1920*100rem);
  }
}
      .general-location .map-controls .control-btn.btn-up{
  --tw-translate-x: -50%;
  top: 0 /* 0px */;
  left: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
      .general-location .map-controls .control-btn.btn-left{
  --tw-translate-y: -50%;
  top: 50%;
  left: 0 /* 0px */;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
      .general-location .map-controls .control-btn.btn-right{
  --tw-translate-y: -50%;
  top: 50%;
  right: 0 /* 0px */;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
      .general-location .map-controls .control-btn.btn-down{
  --tw-translate-x: -50%;
  bottom: 0 /* 0px */;
  left: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
      .general-location .map-controls .control-btn span{
  pointer-events: none;
  font-size: calc(18/1920*100rem);
}
      @media (min-width: 768px){
  .general-location .map-controls .control-btn span{
    font-size: calc(20/1920*100rem);
  }
}
      @media (min-width: 1024px){
  .general-location .map-controls .control-btn span{
    font-size: calc(24/1920*100rem);
  }
}
    .general-location .map-controls .zoom-controls{
  display: flex;
  position: relative;
  flex-direction: column;
  gap: calc(8/1920*100rem);
}
    @media (min-width: 1024px){
  .general-location .map-controls .zoom-controls{
    gap: calc(12/1920*100rem);
  }
}
      .general-location .map-controls .zoom-controls .control-btn{
  position: relative;
  transform: none;
  inset: auto;
  width: calc(40/1920*100rem);
  height: calc(40/1920*100rem);
}
      @media (min-width: 768px){
  .general-location .map-controls .zoom-controls .control-btn{
    width: calc(48/1920*100rem);
    height: calc(48/1920*100rem);
  }
}
      @media (min-width: 1024px){
  .general-location .map-controls .zoom-controls .control-btn{
    width: calc(40/1920*100rem);
    height: calc(40/1920*100rem);
  }
}

.bg-map svg path[stroke-dasharray] {
  animation: dash-move 30s linear infinite; }

.bg-map svg .airport-point {
  transform-box: fill-box;
  transform-origin: center;
  animation: pulse-effect 2s infinite; }

@keyframes dash-move {
  to {
    stroke-dashoffset: -500; } }

@keyframes pulse-effect {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 151, 178, 0.7); }
  70% {
    transform: scale(1.1);
    box-shadow: 0 0 0 15px rgba(0, 151, 178, 0); }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 151, 178, 0); } }

.scroll-hint{
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  --tw-text-opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));  animation: fadeInOut 2s ease forwards;
  border-radius: 0.5rem;
  background-color: rgb(61 61 61 / 0.65);
  padding-top: calc(8/1920*100rem);
  padding-right: calc(20/1920*100rem);
  padding-bottom: calc(8/1920*100rem);
  padding-left: calc(20/1920*100rem);
  pointer-events: none;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: calc(14/1920*100rem);
  white-space: nowrap;
}

@keyframes fadeInOut {
  0% {
    transform: translate(-50%, -50%) scale(0.95);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    15% { } }
  75% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes chev-bounce {
  0%, 100% {
    transform: translateX(0);
    opacity: 1; }
  40% {
    transform: translateX(4px);
    opacity: 0.6; }
  60% {
    transform: translateX(2px);
    opacity: 0.85; } }

.map-info-box.show .toggle-info-btn .chev-icon {
  animation: chev-bounce-left 1.4s ease-in-out infinite; }

@keyframes chev-bounce-left {
  0%, 100% {
    transform: translateX(0);
    opacity: 1; }
  40% {
    transform: translateX(-4px);
    opacity: 0.6; }
  60% {
    transform: translateX(-2px);
    opacity: 0.85; } }

.general-services .site-title{
  text-align: center;
}

.general-services .services-grid{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: calc(40/1920*100rem);
  margin-top: calc(40/1920*100rem);
}

@media (min-width: 1024px){
  .general-services .services-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.general-services .service-card{
  display: flex;
  position: relative;
  flex-direction: column;
  cursor: pointer;
  border-radius: calc(40/1920*100rem);
  padding: calc(24/1920*100rem);
  overflow: hidden;
}

@media (min-width: 768px){
  .general-services .service-card{
    padding: calc(40/1920*100rem);
  }
}

@media (min-width: 1024px){
  .general-services .service-card{
    min-height: 19.791666666666668rem;
  }
}

.general-services .service-card{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
  .general-services .service-card .image{
  position: absolute;
  z-index: 0;
  transition-duration: 700ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  inset: 0 /* 0px */;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
    .general-services .service-card .image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
  .general-services .service-card .overlay{
  position: absolute;
  z-index: 0;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  inset: 0 /* 0px */;    background: linear-gradient(180deg, rgba(43, 70, 160, 0.8) 0%, rgba(69, 69, 69, 0.2) 100%);
}
    .general-services .service-card .overlay::before {
      position: absolute;
      z-index: 10;
      inset: 0 /* 0px */;
      background-color: rgb(0 0 0 / 0.25);
      width: 100%;
      height: 100%;
      content: '' }
  .general-services .service-card .caption{
  position: relative;
  z-index: 10;
}
    .general-services .service-card .caption .title{
  --tw-text-opacity: 1;
  position: relative;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  margin-bottom: 0 /* 0px */;
  padding-bottom: calc(16/1920*100rem);
  width: -moz-fit-content;
  width: fit-content;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: calc(20/1920*100rem);
  text-transform: uppercase;
  white-space: nowrap;
}
    @media (min-width: 1024px){
  .general-services .service-card .caption .title{
    font-size: calc(24/1920*100rem);
  }
}
    .general-services .service-card .caption .line{
  --tw-bg-opacity: 1;
  position: absolute;
  left: 0 /* 0px */;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  width: 10.416666666666668rem;
  height: 0.10416666666666667rem;
}
      .general-services .service-card .caption .line::before {
        --tw-bg-opacity: 1;
        position: absolute;
        right: 0 /* 0px */;
        bottom: -4px;
        z-index: 10;
        transition-duration: 300ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        border-radius: 9999px;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        width: 10px;
        height: 10px;
        content: '' }
    .general-services .service-card .caption .desc{
  --tw-text-opacity: 1;
  transition-duration: 500ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  margin-top: calc(24/1920*100rem);
  overflow: hidden;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: calc(16/1920*100rem);
  line-height: 1.33;
}
    @media (min-width: 768px){
  .general-services .service-card .caption .desc{
    font-size: calc(18/1920*100rem);
  }
}
    .general-services .service-card .caption .desc{
  --tw-translate-y: 0 /* 0px */;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
  max-height: 20.833333333333336rem;
}

@media (min-width: 1024px) {
  .general-services .service-card .caption .desc{
    --tw-translate-y: calc(calc(16/1920*100rem) * -1);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
    max-height: 0 /* 0px */;
  } }
  .general-services .service-card .bottom{
  --tw-text-opacity: 1;
  display: none;
  z-index: 10;
  margin-top: calc(20/1920*100rem);
  padding: calc(16/1920*100rem);
  width: 100%;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: calc(20/1920*100rem);
  text-align: center;
}
  @media (min-width: 768px){
  .general-services .service-card .bottom{
    padding-top: calc(24/1920*100rem);
    padding-bottom: calc(24/1920*100rem);
  }
}
  @media (min-width: 1024px){
  .general-services .service-card .bottom{
    font-size: calc(24/1920*100rem);
  }
}
  .general-services .service-card .bottom{
  --tw-translate-y: 0 /* 0px */;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFF 50%, rgba(255, 255, 255, 0) 100%);
}

@media (min-width: 1024px) {
  .general-services .service-card .bottom{
    --tw-translate-y: 0 /* 0px */;
    display: block;
    position: absolute;
    bottom: calc(40/1920*100rem);
    left: 0 /* 0px */;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
    margin-top: 0 /* 0px */;
  }
  .general-services .service-card:hover .image{
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .general-services .service-card:hover .caption .desc{
    --tw-translate-y: 0 /* 0px */;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
    max-height: 20.833333333333336rem;
    overflow: hidden;
    overflow-y: auto;
  }
    .general-services .service-card:hover .caption .desc::-webkit-scrollbar {
      display: none; }
    .general-services .service-card:hover .caption .desc::-webkit-scrollbar-track {
      background: transparent; }
    .general-services .service-card:hover .caption .desc::-webkit-scrollbar-thumb {
      background: transparent; }
  .general-services .service-card:hover .bottom{
    --tw-translate-y: calc(24/1920*100rem);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
    pointer-events: none;
  } }

.general-banner {
  position: relative;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  width: 100vw !important; }

@media (min-width: 1024px){
  .general-banner{
    margin-right: 0 /* 0px */;
    margin-left: 0 /* 0px */;
  }
}
  .general-banner .main-title-banner{
  --tw-text-opacity: 1;
  padding-right: calc(16/1920*100rem);
  padding-left: calc(16/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: calc(30/1920*100rem);
  text-align: center;
}
  @media (min-width: 768px){
  .general-banner .main-title-banner{
    font-size: calc(48/1920*100rem);
  }
}
  @media (min-width: 1024px){
  .general-banner .main-title-banner{
    font-size: 2.7083333333333335rem;
  }
}
  .general-banner .main-title-banner{
  --tw-translate-x: -50%;
  position: absolute;
  top: 4.166666666666667rem;
  left: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  z-index: 10;
  width: 100%;
}
  .general-banner .banner-top{
  height: 100%;
}
    .general-banner .banner-top .image{
  border-radius: 0px;
  width: 100vw;
  height: 70vh;
}
    @media (min-width: 1024px){
  .general-banner .banner-top .image{
    aspect-ratio: 1920/780;
    width: auto;
    height: auto;
  }
}
      .general-banner .banner-top .image::before {
        position: absolute;
        z-index: 2;
        inset: 0 /* 0px */;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
        width: 100%;
        height: 100%;
        pointer-events: none;
        content: '' }
      .general-banner .banner-top .image::after {
        position: absolute;
        z-index: 2;
        inset: 0 /* 0px */;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
        width: 100%;
        height: 100%;
        pointer-events: none;
        content: '' }
  @media (min-width: 768px){
  .general-banner .swiper-relative{
    margin-right: auto;
    margin-left: auto;
    padding-right: calc(84/1920*100rem);
    padding-left: calc(84/1920*100rem);
    width: 100%;
    max-width: 45.208333333333336rem;
  }
}
  .general-banner .banner-thumbs .image{
  --tw-bg-opacity: 1;
  background-color: rgb(237 29 36 / var(--tw-bg-opacity));
  height: 5.208333333333334rem;
}
  @media (min-width: 1024px){
  .general-banner .banner-thumbs .image{
    aspect-ratio: 320/140;
    height: 7.291666666666667rem;
  }
}
    .general-banner .banner-thumbs .image img{
  transition-duration: 150ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
  .general-banner .banner-thumbs .swiper-slide-thumb-active .image img{
  border-bottom-right-radius: calc(24/1920*100rem);
}
  .general-banner .banner-title{
  --tw-translate-x: -50%;
  --tw-text-opacity: 1;
  position: absolute;
  bottom: 50%;
  left: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  z-index: 10;
  margin-right: auto;
  margin-left: auto;
  padding-right: calc(20/1920*100rem);
  padding-left: calc(20/1920*100rem);
  width: 100%;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 30px;
  line-height: calc(56 / 48);
  text-align: center;
}
  @media (min-width: 1200px){
  .general-banner .banner-title{
    font-size: calc(48/1920*100rem);
  }
}
  .general-banner .banner-title{
  max-width: 100%;
}
  @media (min-width: 1024px){
  .general-banner .banner-title{
    bottom: 10.416666666666668rem;
  }
}
    .general-banner .banner-title .top-banner-title{
  --tw-text-opacity: 1;
  margin-right: auto;
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: calc(30/1920*100rem);
  line-height: 1.2;
  text-align: center;
}
    @media (min-width: 1024px){
  .general-banner .banner-title .top-banner-title{
    font-size: 2.0833333333333335rem;
  }
}
    .general-banner .banner-title .top-banner-title{
  --tw-border-opacity: 1;
  margin-bottom: calc(12/1920*100rem);
  border-bottom-width: calc(4/1920*100rem);
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  padding-bottom: calc(12/1920*100rem);      text-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
}
    .general-banner .banner-title .bottom-banner-title{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: calc(20/1920*100rem);
  line-height: 1.25;
  text-align: center;
}
    @media (min-width: 1024px){
  .general-banner .banner-title .bottom-banner-title{
    font-size: calc(24/1920*100rem);
  }
}
    .general-banner .banner-title .bottom-banner-title {      text-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1); }
  .general-banner .caption{
  position: absolute;
  bottom: 0 /* 0px */;
  left: 0 /* 0px */;
  z-index: 2;
  padding: calc(16/1920*100rem);
  padding-top: calc(40/1920*100rem);
  width: 100%;
}
  @media (min-width: 768px){
  .general-banner .caption{
    padding-bottom: calc(40/1920*100rem);
  }
}
  @media (min-width: 1200px){
  .general-banner .caption{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 22.916666666666668rem;
  }
}
  .general-banner .swiper-button{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(20/1920*100rem);
  margin-top: calc(20/1920*100rem);
}
  @media (min-width: 1024px){
  .general-banner .swiper-button{
    margin-top: 0 /* 0px */;
  }
}
    .general-banner .swiper-button > *{
  --tw-text-opacity: 1;
  border-style: none;
  background-color: rgb(0 0 0 / 0.2);
  width: calc(64/1920*100rem);
  height: calc(64/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
    .general-banner .swiper-button > *:hover{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(237 29 36 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
      .general-banner .swiper-button > * i{
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
      .general-banner .swiper-button > *:hover i{
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 768px) {
  .general-banner .swiper-button .button-prev{
    --tw-translate-y: -50%;
    position: absolute;
    top: 50%;
    left: 0 /* 0px */;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .general-banner .swiper-button .button-next{
    --tw-translate-y: -50%;
    position: absolute;
    top: 50%;
    right: 0 /* 0px */;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  } }

.general-nav{
  --tw-bg-opacity: 1;
  position: sticky;
  top: var(--header-height);
  left: 0 /* 0px */;
  z-index: 40;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
  .general-nav .nav-list{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(24/1920*100rem);
  overflow-x: auto;
}
  @media (min-width: 1024px){
  .general-nav .nav-list{
    gap: calc(48/1920*100rem);
  }
}
  @media (min-width: 1200px){
  .general-nav .nav-list{
    gap: calc(64/1920*100rem);
  }
}
    .general-nav .nav-list::-webkit-scrollbar{
  display: none;
}
  .general-nav .nav-item{
  flex: 1 1 0%;
  transition-duration: 150ms;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  padding-right: calc(16/1920*100rem);
  padding-left: calc(16/1920*100rem);
  text-align: center;
  white-space: nowrap;
}
  @media (min-width: 1024px){
  .general-nav .nav-item{
    padding-right: 0 /* 0px */;
    padding-left: 0 /* 0px */;
  }
}
  .general-nav .nav-link{
  --tw-text-opacity: 1;
  display: block;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-bottom-width: 2px;
  border-color: transparent;
  padding-top: calc(12/1920*100rem);
  padding-right: calc(12/1920*100rem);
  padding-bottom: calc(12/1920*100rem);
  padding-left: calc(12/1920*100rem);
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: calc(16/1920*100rem);
  text-transform: uppercase;
}
  @media (min-width: 768px){
  .general-nav .nav-link{
    font-size: calc(20/1920*100rem);
  }
}
  @media (min-width: 1024px){
  .general-nav .nav-link{
    padding-top: calc(16/1920*100rem);
    padding-bottom: calc(16/1920*100rem);
  }
}
  .general-nav .nav-item.active .nav-link, .general-nav .section-core-values .core-values-body .core-values-list .nav-item.core-values-item:hover .nav-link, .section-core-values .core-values-body .core-values-list .general-nav .nav-item.core-values-item:hover .nav-link, .general-nav .nav-item:hover .nav-link{
  --tw-text-opacity: 1;
  background-color: rgba(1,34,142,1);
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 400;
}

.general-intro{
  position: relative;
  overflow: hidden;
}

@media (min-width: 1024px){
  .general-intro{
    padding-top: 6.666666666666667rem;
    padding-bottom: 6.666666666666667rem;
  }
}
  .general-intro .bg-intro{
  position: absolute;
  z-index: 0;
  inset: 0 /* 0px */;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
  .general-intro .container{
  position: relative;
  z-index: 10;
}
  .general-intro .intro-header{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-align: center;
}
    .general-intro .intro-header .sub-title{
  font-weight: 400;
  font-size: calc(14/1920*100rem);
  line-height: 1.33;
  text-transform: uppercase;
}
    @media (min-width: 768px){
  .general-intro .intro-header .sub-title{
    font-size: calc(16/1920*100rem);
  }
}
    @media (min-width: 1024px){
  .general-intro .intro-header .sub-title{
    font-size: calc(24/1920*100rem);
  }
}
    .general-intro .intro-header .site-title{
  margin-top: calc(12/1920*100rem);
  font-weight: 700;
  font-size: calc(24/1920*100rem);
  line-height: 1.16;
}
    @media (min-width: 768px){
  .general-intro .intro-header .site-title{
    font-size: calc(30/1920*100rem);
  }
}
    @media (min-width: 1024px){
  .general-intro .intro-header .site-title{
    font-size: calc(48/1920*100rem);
  }
}
    .general-intro .intro-header .desc{
  margin-top: calc(16/1920*100rem);
  margin-right: auto;
  margin-left: auto;
  max-width: 64.58333333333334rem;
  font-size: calc(18/1920*100rem);
  line-height: 1.33;
  text-align: center;
}
    @media (min-width: 1024px){
  .general-intro .intro-header .desc{
    margin-top: 1.5625rem;
  }
}
    .general-intro .intro-header .desc{
  letter-spacing: -0.36px;
}
  .general-intro .intro-stats{
  display: flex;
  row-gap: calc(40/1920*100rem);
  flex-direction: column;
  margin-top: calc(48/1920*100rem);
}
  @media (min-width: 768px){
  .general-intro .intro-stats{
    flex-direction: row;
  }
}
  @media (min-width: 1200px){
  .general-intro .intro-stats{
    margin-top: calc(80/1920*100rem);
  }
}
  @media (min-width: 1024px){
  .general-intro .intro-stats{
    padding-right: 6.25rem;
    padding-left: 6.25rem;
  }
}
    .general-intro .intro-stats .home-about-item{
  flex: 1 1 0%;
  padding-left: calc(20/1920*100rem);
  min-width: 160px;
}
    @media (min-width: 1024px){
  .general-intro .intro-stats .home-about-item{
    padding-left: calc(40/1920*100rem);
  }
}

.general-infrastructure .site-title{
  padding-bottom: calc(24/1920*100rem);
  text-align: center;
}

@media (min-width: 1024px){
  .general-infrastructure .site-title{
    padding-bottom: calc(48/1920*100rem);
  }
}

.general-infrastructure .infrastructure-list{
  position: relative;
  width: 100%;
  overflow: hidden;
}

.general-infrastructure .desktop-view{
  position: relative;
  width: 100%;
  overflow: hidden;
}

@media (min-width: 1024px){
  .general-infrastructure .desktop-view{
    height: 600px;
  }
}

@media (min-width: 1200px){
  .general-infrastructure .desktop-view{
    height: 35.41666666666667rem;
  }
}

.general-infrastructure .bg-image-list{
  position: absolute;
  z-index: 0;
  inset: 0 /* 0px */;
  width: 100%;
  height: 100%;
}
  .general-infrastructure .bg-image-list .bg-item{
  position: absolute;
  opacity: 0;
  transition-duration: 700ms;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  inset: 0 /* 0px */;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
}
    .general-infrastructure .bg-image-list .bg-item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
    .general-infrastructure .bg-image-list .bg-item.active, .general-infrastructure .bg-image-list .section-core-values .core-values-body .core-values-list .bg-item.core-values-item:hover, .section-core-values .core-values-body .core-values-list .general-infrastructure .bg-image-list .bg-item.core-values-item:hover{
  opacity: 1;
  z-index: 10;
}

.general-infrastructure .items-wrapper{
  display: flex;
  position: relative;
  flex-direction: column;
  z-index: 10;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px){
  .general-infrastructure .items-wrapper{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){
  .general-infrastructure .items-wrapper{
    display: flex;
    flex-direction: row;
  }
}

.general-infrastructure .items-wrapper{
  gap: 1px;
}

@media (min-width: 768px){
  .general-infrastructure .items-wrapper{
    gap: 0 /* 0px */;
  }
}

.general-infrastructure .desktop-view{
  display: none;
}

@media (min-width: 1024px){
  .general-infrastructure .desktop-view{
    display: block;
  }
}

.general-infrastructure .mobile-view{
  display: block;
  padding-right: calc(16/1920*100rem);
  padding-bottom: calc(40/1920*100rem);
  padding-left: calc(16/1920*100rem);
}

@media (min-width: 1024px){
  .general-infrastructure .mobile-view{
    display: none;
  }
}

.general-infrastructure .infrastructure-item{
  position: relative;
  cursor: pointer;
  background-color: rgb(0 0 0 / 0.1);
  height: 250px;
  overflow: hidden;
}

@media (min-width: 768px){
  .general-infrastructure .infrastructure-item{
    height: auto;
  }
}

@media (min-width: 1024px){
  .general-infrastructure .infrastructure-item{
    flex: 1 1 0%;
    height: 100%;
  }
}

.general-infrastructure .infrastructure-item{
  --tw-border-opacity: 1;
  border-bottom-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.general-infrastructure .infrastructure-item:last-child{
  border-bottom-width: 0px;
}

@media (min-width: 768px){
  .general-infrastructure .infrastructure-item{
    border-right-width: 1px;
    border-bottom-width: 0px;
  }
  .general-infrastructure .infrastructure-item:last-child{
    border-right-width: 0px;
  }
}

@media (min-width: 1024px){
  .general-infrastructure .infrastructure-item{
    border-right-width: 1px;
    border-bottom-width: 0px;
  }
  .general-infrastructure .infrastructure-item:last-child{
    border-right-width: 0px;
  }
}

.general-infrastructure .infrastructure-item {  transition: all 0.4s ease-in-out; }
  .general-infrastructure .infrastructure-item::before {
    position: absolute;
    z-index: 1;    transition: background 0.4s ease-in-out, -webkit-backdrop-filter 0.4s ease-in-out;    transition: backdrop-filter 0.4s ease-in-out, background 0.4s ease-in-out;    transition: backdrop-filter 0.4s ease-in-out, background 0.4s ease-in-out, -webkit-backdrop-filter 0.4s ease-in-out;
    inset: 0 /* 0px */;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    width: 100%;
    height: 100%;
    pointer-events: none;
    content: ''; }
  .general-infrastructure .infrastructure-item.active, .general-infrastructure .section-core-values .core-values-body .core-values-list .infrastructure-item.core-values-item:hover, .section-core-values .core-values-body .core-values-list .general-infrastructure .infrastructure-item.core-values-item:hover{
  height: auto;
  min-height: 350px;
}
  @media (min-width: 768px){
  .general-infrastructure .infrastructure-item.active, .general-infrastructure .section-core-values .core-values-body .core-values-list .infrastructure-item.core-values-item:hover, .section-core-values .core-values-body .core-values-list .general-infrastructure .infrastructure-item.core-values-item:hover{
    min-height: 400px;
  }
}
    .general-infrastructure .infrastructure-item.active::before, .general-infrastructure .section-core-values .core-values-body .core-values-list .infrastructure-item.core-values-item:hover::before, .section-core-values .core-values-body .core-values-list .general-infrastructure .infrastructure-item.core-values-item:hover::before{      -webkit-backdrop-filter: blur(8px);      backdrop-filter: blur(8px);
  background-color: rgb(0 0 0 / 0.6);
}
    .general-infrastructure .infrastructure-item.active .text-content, .general-infrastructure .section-core-values .core-values-body .core-values-list .infrastructure-item.core-values-item:hover .text-content, .section-core-values .core-values-body .core-values-list .general-infrastructure .infrastructure-item.core-values-item:hover .text-content{
  top: 50%;      transform: translateY(-50%);
}
    .general-infrastructure .infrastructure-item.active .title, .general-infrastructure .section-core-values .core-values-body .core-values-list .infrastructure-item.core-values-item:hover .title, .section-core-values .core-values-body .core-values-list .general-infrastructure .infrastructure-item.core-values-item:hover .title{
  margin-bottom: calc(16/1920*100rem);      border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  padding-bottom: calc(16/1920*100rem);
}
    .general-infrastructure .infrastructure-item.active .content-wrap, .general-infrastructure .section-core-values .core-values-body .core-values-list .infrastructure-item.core-values-item:hover .content-wrap, .section-core-values .core-values-body .core-values-list .general-infrastructure .infrastructure-item.core-values-item:hover .content-wrap{
  --tw-text-opacity: 1;
      visibility: visible;      opacity: 1;
      margin-top: 0;
      max-height: 500px;
      pointer-events: auto;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .general-infrastructure .infrastructure-item:hover::before{    -webkit-backdrop-filter: blur(8px);    backdrop-filter: blur(8px);
    background-color: rgb(0 0 0 / 0.6);
  }
  .general-infrastructure .infrastructure-item:hover .text-content{
    top: 50%;    transform: translateY(-50%);
  }
  .general-infrastructure .infrastructure-item:hover .title{
    margin-bottom: calc(16/1920*100rem);
    padding-bottom: calc(16/1920*100rem);
  }
  .general-infrastructure .infrastructure-item:hover .content-wrap {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    max-height: 500px;
    pointer-events: auto; }
  .general-infrastructure .infrastructure-item.active, .general-infrastructure .section-core-values .core-values-body .core-values-list .infrastructure-item.core-values-item:hover, .section-core-values .core-values-body .core-values-list .general-infrastructure .infrastructure-item.core-values-item:hover{
    height: 100%;
    min-height: 0 /* 0px */;
  }
    .general-infrastructure .infrastructure-item.active::before, .general-infrastructure .section-core-values .core-values-body .core-values-list .infrastructure-item.core-values-item:hover::before, .section-core-values .core-values-body .core-values-list .general-infrastructure .infrastructure-item.core-values-item:hover::before{      -webkit-backdrop-filter: blur(0px);      backdrop-filter: blur(0px);
    background-color: rgb(0 0 0 / 0.1);
  }
    .general-infrastructure .infrastructure-item.active .text-content, .general-infrastructure .section-core-values .core-values-body .core-values-list .infrastructure-item.core-values-item:hover .text-content, .section-core-values .core-values-body .core-values-list .general-infrastructure .infrastructure-item.core-values-item:hover .text-content{
    top: 85%;
  }
    .general-infrastructure .infrastructure-item.active .title, .general-infrastructure .section-core-values .core-values-body .core-values-list .infrastructure-item.core-values-item:hover .title, .section-core-values .core-values-body .core-values-list .general-infrastructure .infrastructure-item.core-values-item:hover .title{
    margin-bottom: 0 /* 0px */;      border-bottom: none;
    padding-bottom: 0 /* 0px */;
  }
    .general-infrastructure .infrastructure-item.active .content-wrap, .general-infrastructure .section-core-values .core-values-body .core-values-list .infrastructure-item.core-values-item:hover .content-wrap, .section-core-values .core-values-body .core-values-list .general-infrastructure .infrastructure-item.core-values-item:hover .content-wrap {
      visibility: hidden;
      opacity: 0;
      margin-top: -20px;
      max-height: 0;
      pointer-events: none; } }
  .general-infrastructure .infrastructure-item .text-content{
  --tw-text-opacity: 1;
  position: absolute;    top: 50%;
  left: 0 /* 0px */;
    transform: translateY(-50%);
  z-index: 10;
  padding-top: calc(80/1920*100rem);
  padding-right: calc(20/1920*100rem);
  padding-bottom: calc(80/1920*100rem);
  padding-left: calc(20/1920*100rem);
  width: 100%;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: calc(16/1920*100rem);
  line-height: 1.37;
}
  @media (min-width: 768px){
  .general-infrastructure .infrastructure-item .text-content{
    top: 80%;
  }
}
  @media (min-width: 1024px){
  .general-infrastructure .infrastructure-item .text-content{
    top: 85%;
  }
}
  .general-infrastructure .infrastructure-item .text-content {    transition: all 0.5s ease-in-out; }
  .general-infrastructure .infrastructure-item .title{
  --tw-text-opacity: 1;
  min-height: 2.604166666666667rem;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: calc(14/1920*100rem);
  line-height: 1.3;
  text-transform: uppercase;
}
  @media (min-width: 768px){
  .general-infrastructure .infrastructure-item .title{
    font-size: calc(16/1920*100rem);
  }
}
  @media (min-width: 1024px){
  .general-infrastructure .infrastructure-item .title{
    font-size: calc(20/1920*100rem);
  }
}
  .general-infrastructure .infrastructure-item .title{    transition: all 0.4s ease-in-out;
  text-align: center;
}
  .general-infrastructure .infrastructure-item .content-wrap {
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    margin-top: -20px;
    max-height: 0;
    pointer-events: none; }
    .general-infrastructure .infrastructure-item .content-wrap ul{
  --tw-text-opacity: 1;
  display: flex;
  flex-direction: column;
  gap: calc(8/1920*100rem);
  margin-right: auto;
  margin-left: auto;
  padding-left: calc(16/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 14px;
  list-style-type: disc;
  text-align: left;
}
    @media (min-width: 1200px){
  .general-infrastructure .infrastructure-item .content-wrap ul{
    font-size: calc(12 / 1920 * 100rem);
  }
}
    @media (min-width: 768px){
  .general-infrastructure .infrastructure-item .content-wrap ul{
    font-size: calc(14/1920*100rem);
  }
}
    @media (min-width: 1024px){
  .general-infrastructure .infrastructure-item .content-wrap ul{
    font-size: calc(16/1920*100rem);
  }
}
    .general-infrastructure .infrastructure-item .content-wrap ul{
  max-width: 280px;
}
    @media (min-width: 768px){
  .general-infrastructure .infrastructure-item .content-wrap ul{
    max-width: 320px;
  }
}
      .general-infrastructure .infrastructure-item .content-wrap ul li{
  line-height: 1.625;        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.general-infrastructure .mobile-view{
  width: 100%;
}
  .general-infrastructure .mobile-view .mobile-infra-item{
  position: relative;
  border-radius: calc(40/1920*100rem);
  width: 100%;
  height: 400px;
  overflow: hidden;
}
  @media (min-width: 768px){
  .general-infrastructure .mobile-view .mobile-infra-item{
    height: 500px;
  }
}
    .general-infrastructure .mobile-view .mobile-infra-item .bg-image{
  position: absolute;
  z-index: 0;
  inset: 0 /* 0px */;
}
      .general-infrastructure .mobile-view .mobile-infra-item .bg-image::before {
        position: absolute;
        z-index: 10;
        inset: 0 /* 0px */;
        background-color: rgb(0 0 0 / 0.6);
        width: 100%;
        height: 100%;
        content: '' }
      .general-infrastructure .mobile-view .mobile-infra-item .bg-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
    .general-infrastructure .mobile-view .mobile-infra-item .text-content{
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 20;
  inset: 0 /* 0px */;
  padding: calc(24/1920*100rem);
}
    @media (min-width: 768px){
  .general-infrastructure .mobile-view .mobile-infra-item .text-content{
    padding: calc(40/1920*100rem);
  }
}
      .general-infrastructure .mobile-view .mobile-infra-item .text-content .title{
  --tw-text-opacity: 1;
  margin-bottom: calc(16/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: calc(20/1920*100rem);
}
      @media (min-width: 768px){
  .general-infrastructure .mobile-view .mobile-infra-item .text-content .title{
    font-size: calc(24/1920*100rem);
  }
}
      .general-infrastructure .mobile-view .mobile-infra-item .text-content .title{
  border-bottom-width: calc(2/1920*100rem);
  border-color: rgb(255 255 255 / 0.5);
  padding-bottom: calc(16/1920*100rem);
  width: 100%;
}
      .general-infrastructure .mobile-view .mobile-infra-item .text-content .content-wrap{
  width: 100%;
}
        .general-infrastructure .mobile-view .mobile-infra-item .text-content .content-wrap ul{
  list-style-type: disc;
}
        .general-infrastructure .mobile-view .mobile-infra-item .text-content .content-wrap ul > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(8/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(8/1920*100rem) * var(--tw-space-y-reverse));
}
        .general-infrastructure .mobile-view .mobile-infra-item .text-content .content-wrap ul{
  --tw-text-opacity: 1;
  padding-left: calc(16/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
          .general-infrastructure .mobile-view .mobile-infra-item .text-content .content-wrap ul li{
  line-height: 1.625;            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
        .general-infrastructure .mobile-view .mobile-infra-item .text-content .content-wrap > *{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 14px;
}
        @media (min-width: 768px){
  .general-infrastructure .mobile-view .mobile-infra-item .text-content .content-wrap > *{
    font-size: calc(16/1920*100rem);
  }
}

.hex-center {
  animation-delay: 0s; }

.hex-1 {
  animation-delay: 0.3s; }

.hex-2 {
  animation-delay: 0.6s; }

.hex-3 {
  animation-delay: 0.9s; }

.hex-4 {
  animation-delay: 1.2s; }

.hex-5 {
  animation-delay: 1.5s; }

.hex-6 {
  animation-delay: 1.8s; }

@keyframes hexFloat {
  0%, 100% {
    translate: 0 0; }
  50% {
    translate: 0 -0.417rem; } }

.general-core-values .site-title{
  text-align: center;
}

.general-core-values .core-values-diagram{
  margin-top: calc(48/1920*100rem);
  text-align: center;
}

.general-certificates{
  padding-right: calc(16/1920*100rem);
  padding-left: calc(16/1920*100rem);
}

@media (min-width: 1024px){
  .general-certificates{
    padding-right: calc(40/1920*100rem);
    padding-left: calc(40/1920*100rem);
  }
}
  .general-certificates .site-title{
  text-align: center;
}
  .general-certificates .cert-slider-wrapper{
  position: relative;
  margin-top: calc(40/1920*100rem);
}
  .general-certificates .cert-item{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  cursor: pointer;
  border-width: 1px;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
  padding: calc(12/1920*100rem);
  text-align: center;
}
  @media (min-width: 1024px){
  .general-certificates .cert-item{
    padding: calc(16/1920*100rem);
  }
}
    .general-certificates .cert-item .image{
  --tw-border-opacity: 1;
  border-width: 1px;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  aspect-ratio: 71/90;
}
    .general-certificates .cert-item .title{
  -webkit-box-orient: vertical;
  --tw-text-opacity: 1;
  display: -webkit-box;
  margin-top: calc(24/1920*100rem);
  margin-right: auto;
  margin-left: auto;
  max-width: 11.510416666666668rem;
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 700;
}
    @media (min-width: 1024px){
  .general-certificates .cert-item .title{
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
  .general-certificates .swiper-button{
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: calc(16/1920*100rem);
  margin-top: calc(32/1920*100rem);
}
    .general-certificates .swiper-button .button-prev, .general-certificates .swiper-button .button-next{
  --tw-text-opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  transition-duration: 150ms;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  border-radius: 9999px;
  background-color: rgba(0,0,0,0.2);
  width: calc(48/1920*100rem);
  height: calc(48/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
    .general-certificates .swiper-button .button-prev:hover, .general-certificates .swiper-button .button-next:hover{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
    @media (min-width: 1024px){
  .general-certificates .swiper-button .button-prev, .general-certificates .swiper-button .button-next{
    width: calc(64/1920*100rem);
    height: calc(64/1920*100rem);
  }
}
    @media (min-width: 1200px){
  .general-certificates .swiper-button .button-prev, .general-certificates .swiper-button .button-next{
    pointer-events: auto;
  }
}
      .general-certificates .swiper-button .button-prev i, .general-certificates .swiper-button .button-next i{
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  font-weight: 300;
  font-size: calc(24/1920*100rem);
}
    @media (min-width: 1200px){
  .general-certificates .swiper-button .button-prev{
    margin-left: calc(calc(64/1920*100rem) * -1);
  }
  .general-certificates .swiper-button .button-next{
    margin-right: calc(calc(64/1920*100rem) * -1);
  }
}

.line-long-arrow{
  --tw-bg-opacity: 1;
  position: relative;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
  width: calc(80/1920*100rem);
  height: 1px;
}
  .line-long-arrow::after {
    --tw-translate-y: -50%;
    display: block;
    position: absolute;
    top: 50%;
    right: 0 /* 0px */;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid #2B46A0;
    content: '' }

.location-item{
  display: flex;
  position: relative;
  flex-direction: column;
  overflow: hidden;
}

@media (min-width: 768px){
  .location-item{
    flex-direction: row;
  }
  .location-item:nth-child(even){
    flex-direction: row-reverse;
  }
  .location-item > *{
    width: 50%;
  }
}
  .location-item .image{
  aspect-ratio: 700/580;
}
    .location-item .image iframe{
  width: 0 /* 0px */;
  min-width: 100%;
  height: 100%;
  object-fit: cover;
}
  .location-item .news-category{
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity));
  font-weight: 600;
  font-size: 16px;
  line-height: calc(22 / 16);
  text-transform: uppercase;
}
  @media (min-width: 1200px){
  .location-item .news-category{
    font-size: calc(16/1920*100rem);
  }
}
  .location-item .title{
  --tw-text-opacity: 1;
  color: rgb(41 41 41 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 24px;
  line-height: calc(38 / 32);
}
  @media (min-width: 1200px){
  .location-item .title{
    font-size: calc(32/1920*100rem);
  }
}
  .location-item .caption{
  padding: calc(20/1920*100rem);
}
  @media (min-width: 768px){
  .location-item .caption{
    padding: calc(32/1920*100rem);
  }
}
  @media (min-width: 1200px){
  .location-item .caption{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: calc(80/1920*100rem);
  }
}
  .location-item:nth-child(odd){
  border-top-left-radius: calc(40/1920*100rem);
}
  @media (min-width: 1024px){
  .location-item:nth-child(odd){
    border-top-left-radius: calc(80/1920*100rem);
  }
}
  @media (min-width: 1200px){
  .location-item:nth-child(odd){
    border-top-left-radius: calc(120/1920*100rem);
  }
}
    .location-item:nth-child(odd) .caption{
  --tw-border-opacity: 1;
  border-width: 1px;
  border-color: rgb(43 70 160 / var(--tw-border-opacity));
}
  .location-item:nth-child(even){
  border-top-right-radius: calc(40/1920*100rem);
}
  @media (min-width: 1024px){
  .location-item:nth-child(even){
    border-top-right-radius: calc(80/1920*100rem);
  }
}
  @media (min-width: 1200px){
  .location-item:nth-child(even){
    border-top-right-radius: calc(120/1920*100rem);
  }
}
    .location-item:nth-child(even) .caption{
  --tw-bg-opacity: 1;
  border-width: 0px;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
}
      .location-item:nth-child(even) .caption *{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
    .location-item:nth-child(even) .km-item .desc{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(43 70 160 / var(--tw-text-opacity));
}
      .location-item:nth-child(even) .km-item .desc i{
  color: currentColor;
}
    .location-item:nth-child(even) .line-long-arrow{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
      .location-item:nth-child(even) .line-long-arrow::after {
        border-left: 5px solid white; }

.km-item{
  display: flex;
  align-items: center;
  gap: calc(16/1920*100rem);
}
  .km-item .desc{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
  width: calc(60/1920*100rem);
  height: calc(60/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 16px;
  line-height: calc(22 / 16);
  text-align: center;
}
  @media (min-width: 1200px){
  .km-item .desc{
    font-size: calc(16/1920*100rem);
  }
}
    .km-item .desc i{
  color: currentColor;
  font-size: 1.4583333333333335rem;
}
  .km-item .title{
  --tw-text-opacity: 1;
  flex: 1 1 0%;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: 18px;
  line-height: calc(26 / 20);
}
  @media (min-width: 1200px){
  .km-item .title{
    font-size: calc(20/1920*100rem);
  }
}

.utilities-item{
  position: relative;
}
  .utilities-item .image{
  aspect-ratio: 680/464;
}
  .utilities-item .caption{
  display: flex;
  flex-direction: column;
  gap: calc(16/1920*100rem);
  padding-top: calc(20/1920*100rem);
}
  @media (min-width: 768px){
  .utilities-item .caption{
    padding: calc(32/1920*100rem);
  }
}
  @media (min-width: 1200px){
  .utilities-item .caption{
    padding-top: calc(80/1920*100rem);
    padding-right: calc(40/1920*100rem);
    padding-left: calc(40/1920*100rem);
  }
}
  .utilities-item .title{
  --tw-text-opacity: 1;
  color: rgb(41 41 41 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 18px;
  line-height: calc(26 / 20);
}
  @media (min-width: 1200px){
  .utilities-item .title{
    font-size: calc(20/1920*100rem);
  }
}
  @media (min-width: 768px){
  .utilities-item .title{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
  .utilities-item .desc{
  --tw-text-opacity: 1;
  color: rgb(41 41 41 / var(--tw-text-opacity));
  font-size: 16px;
  line-height: calc(22 / 16);
}
  @media (min-width: 1200px){
  .utilities-item .desc{
    font-size: calc(16/1920*100rem);
  }
}
  @media (min-width: 768px){
  .utilities-item .desc{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
    .utilities-item .desc ul{
  list-style-type: disc;
}
    .utilities-item .desc ul > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(8/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(8/1920*100rem) * var(--tw-space-y-reverse));
}
    .utilities-item .desc ul{
  padding-left: calc(24/1920*100rem);
}
    .utilities-item .desc ul *::marker{
  color: rgb(43 70 160 );
}
    .utilities-item .desc ul::marker{
  color: rgb(43 70 160 );
}
    @media (min-width: 768px){
  .utilities-item .desc ul *::marker{
    color: rgb(255 255 255 );
  }
  .utilities-item .desc ul::marker{
    color: rgb(255 255 255 );
  }
  .utilities-item .caption {
    position: absolute;
    bottom: 0 /* 0px */;
    left: 0 /* 0px */;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    width: 100% }
}

.utilities-list{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: calc(40/1920*100rem);
}

@media (min-width: 768px){
  .utilities-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.general-vision-mission{
  position: relative;
  padding-top: calc(64/1920*100rem);
  padding-bottom: calc(64/1920*100rem);
}

@media (min-width: 768px){
  .general-vision-mission{
    padding-top: calc(80/1920*100rem);
    padding-bottom: calc(80/1920*100rem);
  }
}

@media (min-width: 1024px){
  .general-vision-mission{
    padding-top: calc(96/1920*100rem);
    padding-bottom: calc(96/1920*100rem);
  }
}

@media (min-width: 1200px){
  .general-vision-mission{
    padding-top: 6.09375rem;
    padding-bottom: 6.09375rem;
  }
}
  .general-vision-mission .bg-gradient{
  position: absolute;
  z-index: 0;
  inset: 0 /* 0px */;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
    .general-vision-mission .bg-gradient img{
  opacity: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
  .general-vision-mission .bg-map{
  --tw-translate-x: -50%;
  position: absolute;
  top: 10.416666666666668rem;
  left: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  z-index: 1;
  width: 100%;
  max-width: 90.52083333333334rem;
  height: 100%;
  pointer-events: none;
}
    .general-vision-mission .bg-map img{
  opacity: 0.1;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: top;
}
  .general-vision-mission .container{
  position: relative;
  z-index: 10;
}
  .general-vision-mission .vision-mission-wrap{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: calc(48/1920*100rem);
}
  @media (min-width: 1024px){
  .general-vision-mission .vision-mission-wrap{
    flex-direction: row;
  }
}
  @media (min-width: 1200px){
  .general-vision-mission .vision-mission-wrap{
    gap: calc(64/1920*100rem);
  }
}
    .general-vision-mission .vision-mission-wrap .col-hexagon{
  position: relative;
}
      .general-vision-mission .vision-mission-wrap .col-hexagon .arrow-svg{
  display: none;
  position: absolute;
}
      @media (min-width: 1024px){
  .general-vision-mission .vision-mission-wrap .col-hexagon .arrow-svg{
    display: block;
  }
}
      .general-vision-mission .vision-mission-wrap .col-hexagon .arrow-svg{
  height: 14.895833333333334rem;
}
        .general-vision-mission .vision-mission-wrap .col-hexagon .arrow-svg img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
      .general-vision-mission .vision-mission-wrap .col-hexagon .arrow-left{
  top: 45%;
  left: -25%;        transform: translateY(-50%);
}
      .general-vision-mission .vision-mission-wrap .col-hexagon .arrow-right{
  top: 51%;
  right: -18%;        transform: translateY(-50%);
}
  @media (min-width: 1024px){
  .general-vision-mission .col-vision{
    margin-top: calc(24/1920*100rem);
    margin-bottom: auto;
  }
}
  .general-vision-mission .col-mission{
  margin-top: auto;
  margin-bottom: calc(16/1920*100rem);
}
  @media (min-width: 1024px){
  .general-vision-mission .col-mission{
    --tw-translate-y: 3.6458333333333335rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
  .general-vision-mission .col-vision, .general-vision-mission .col-mission{
  --tw-text-opacity: 1;
  width: 70%;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
  @media (min-width: 1024px){
  .general-vision-mission .col-vision, .general-vision-mission .col-mission{
    width: 14.583333333333334rem;
  }
}
  @media (min-width: 1200px){
  .general-vision-mission .col-vision, .general-vision-mission .col-mission{
    width: 18.75rem;
  }
}
  .general-vision-mission .col-vision, .general-vision-mission .col-mission{
  text-align: left;
}
    .general-vision-mission .col-vision .site-title, .general-vision-mission .col-mission .site-title{
  margin-bottom: calc(12/1920*100rem);
  font-weight: 700;
  font-size: calc(24/1920*100rem);
  line-height: 1.2;
}
    @media (min-width: 768px){
  .general-vision-mission .col-vision .site-title, .general-vision-mission .col-mission .site-title{
    font-size: calc(30/1920*100rem);
  }
}
    @media (min-width: 1024px){
  .general-vision-mission .col-vision .site-title, .general-vision-mission .col-mission .site-title{
    font-size: 2.0833333333333335rem;
  }
}
    .general-vision-mission .col-vision .desc, .general-vision-mission .col-mission .desc{
  font-size: 16px;
  line-height: 1.3;
  line-height: calc(22 / 16);
  letter-spacing: 0.4px;
}
    @media (min-width: 1200px){
  .general-vision-mission .col-vision .desc, .general-vision-mission .col-mission .desc{
    font-size: calc(16/1920*100rem);
  }
}
    @media (min-width: 768px){
  .general-vision-mission .col-vision .desc, .general-vision-mission .col-mission .desc{
    font-size: calc(20/1920*100rem);
  }
}

.honeycomb-cluster{  --hex-w: 6.771rem;
  --hex-h: 5.833rem;
  position: relative;
  width: calc(var(--hex-w) * 2.8);
  height: calc(var(--hex-h) * 3);
}

@media (min-width: 768px) {
  .honeycomb-cluster {
    --hex-w: 8.073rem;
    --hex-h: 6.979rem; } }

@media (min-width: 1024px) {
  .honeycomb-cluster {
    --hex-w: 9.167rem;
    --hex-h: 7.865rem; } }

.hex-wrap{
  position: absolute;
  z-index: 5;  width: var(--hex-w);
  height: var(--hex-h);
}
  .hex-wrap.hex-center{
  top: 50%;
  left: 50%;    transform: translate(-50%, -50%) !important;
    z-index: 10;
}
  .hex-wrap.hex-1{
  top: 50%;
  left: 50%;    transform: translate(-50%, calc(-50% - var(--hex-h) * 0.99)) !important;
}
  .hex-wrap.hex-2{
  top: 50%;
  left: 50%;    transform: translate(calc(-50% + var(--hex-w) * 0.746), calc(-50% - var(--hex-h) * 0.495)) !important;
}
  .hex-wrap.hex-3{
  top: 50%;
  left: 50%;    transform: translate(calc(-50% + var(--hex-w) * 0.746), calc(-50% + var(--hex-h) * 0.495)) !important;
}
  .hex-wrap.hex-4{
  top: 50%;
  left: 50%;    transform: translate(-50%, calc(-50% + var(--hex-h) * 0.99)) !important;
}
  .hex-wrap.hex-5{
  top: 50%;
  left: 50%;    transform: translate(calc(-50% - var(--hex-w) * 0.746), calc(-50% + var(--hex-h) * 0.495)) !important;
}
  .hex-wrap.hex-6{
  top: 50%;
  left: 50%;    transform: translate(calc(-50% - var(--hex-w) * 0.746), calc(-50% - var(--hex-h) * 0.495)) !important;
}

.hex-item{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transform-style: preserve-3d;  perspective: 800px;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
  .hex-item .flipper{
  position: absolute;    transform-style: preserve-3d;
    transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
  inset: 0 /* 0px */;
  width: 100%;
  height: 100%;
}
  .hex-item:hover .flipper {
    transform: rotateY(180deg); }
  .hex-item .face{
    -webkit-backface-visibility: hidden;
  position: absolute;    backface-visibility: hidden;
  inset: 0 /* 0px */;
  width: 100%;
  height: 100%;
}
    .hex-item .face .hex-bg{
  position: absolute;
  z-index: 0;
  inset: 0 /* 0px */;
  width: 100%;
  height: 100%;
}
      .hex-item .face .hex-bg img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
    .hex-item .face .hex-icon{
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  z-index: 10;
  margin-top: auto;
  margin-bottom: auto;
  inset: 0 /* 0px */;
  width: 100%;
  height: 100%;
  max-height: 2.0833333333333335rem;
}
    @media (min-width: 768px){
  .hex-item .face .hex-icon{
    max-height: 2.604166666666667rem;
  }
}
    @media (min-width: 1024px){
  .hex-item .face .hex-icon{
    max-height: 3.3333333333333335rem;
  }
}
      .hex-item .face .hex-icon img{        filter: brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
  width: 100%;
  height: 100%;
  object-fit: contain;
}
  .hex-item .face.back {
    transform: rotateY(180deg); }
    .hex-item .face.back .hex-icon img {
      filter: brightness(0) invert(1) sepia(1) saturate(3) hue-rotate(130deg); }

#news-feed{
  display: flex;
  align-items: center;
}
  #news-feed .js-marquee-wrapper{
  display: flex;
}
  #news-feed .js-marquee{
  display: flex;
}
  #news-feed a{
  --tw-text-opacity: 1;
  display: flex;
  align-items: center;
  gap: calc(12/1920*100rem);
  margin-right: calc(32/1920*100rem);
  height: calc(48/1920*100rem);
  color: rgb(43 70 160 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: 16px;
  line-height: calc(28 / 18);
  letter-spacing: -0.36px;
  white-space: nowrap;
}
  @media (min-width: 1024px){
  #news-feed a{
    line-height: calc(24 / 18);
  }
}
  @media (min-width: 1200px){
  #news-feed a{
    font-size: calc(18/1920*100rem);
  }
}
  .service-dt-2-section #news-feed a{
  letter-spacing: -0.36px;
}
    #news-feed a span{
  position: relative;
    transition: background-size 350ms;    background: linear-gradient(0deg, currentColor, currentColor) no-repeat right bottom/0 1px;
}
    #news-feed a span:hover {
      background-size: 100% 1px;
      background-position-x: left; }
    #news-feed a::before {
      --tw-bg-opacity: 1;
      margin-left: calc(8/1920*100rem);
      border-radius: 9999px;
      background-color: rgb(43 70 160 / var(--tw-bg-opacity));
      width: 0.3125rem;
      height: 0.3125rem;
      content: '' }

.home-news-feed{
  padding-top: calc(20/1920*100rem);
  padding-bottom: calc(20/1920*100rem);
  overflow: hidden;
}

.home-about-item{
  --tw-border-opacity: 1;
  display: flex;
  position: relative;
  flex-direction: column;
  gap: calc(8/1920*100rem);
  margin-left: 3px;
  border-left-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  padding-left: calc(16/1920*100rem);
}
  .home-about-item::before {
    --tw-border-opacity: 1;
    position: absolute;
    top: 0 /* 0px */;
    left: -3px;
    z-index: 1;
    border-right-width: calc(3/1920*100rem);
    border-bottom-width: calc(5/1920*100rem);
    border-left-width: calc(3/1920*100rem);
    border-right-color: transparent;
    border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
    border-left-color: transparent;
    pointer-events: none;
    content: '' }
  .home-about-item .icon{
  width: calc(64/1920*100rem);
  height: calc(64/1920*100rem);
}
  .home-about-item .number{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: 28px;
  line-height: calc(48 / 40);
  white-space: nowrap;
}
  @media (min-width: 1200px){
  .home-about-item .number{
    font-size: calc(40/1920*100rem);
  }
}
    .home-about-item .number .count-up{
  font-weight: 700;
  font-size: 32px;
  line-height: calc(72 / 64);
}
    @media (min-width: 1200px){
  .home-about-item .number .count-up{
    font-size: calc(64/1920*100rem);
  }
}
  .home-about-item .title{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: 16px;
  line-height: calc(28 / 18);
  letter-spacing: -0.36px;
}
  @media (min-width: 1024px){
  .home-about-item .title{
    line-height: calc(24 / 18);
  }
}
  @media (min-width: 1200px){
  .home-about-item .title{
    font-size: calc(18/1920*100rem);
  }
}
  .service-dt-2-section .home-about-item .title{
  letter-spacing: -0.36px;
}

.home-about-list{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: calc(20/1920*100rem);
  row-gap: calc(40/1920*100rem);
}

@media (min-width: 768px){
  .home-about-list{
    display: none;
  }
}

.home-about{
  position: relative;
  z-index: 1;
  overflow: hidden;
}

@media (min-width: 1200px){
  .home-about{
    padding-bottom: 7.5rem;
  }
}
  .home-about::before {
    --tw-bg-opacity: 1;
    position: absolute;
    opacity: 0.6;
    z-index: -1;
    inset: 0 /* 0px */;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    width: 100%;
    height: 100%;
    pointer-events: none;
    content: '' }
  .home-about .swiper-slide{
  width: max-content;
}
  .home-about .swiper-relative{
  display: none;
}
  @media (min-width: 768px){
  .home-about .swiper-relative{
    display: block;
  }
}

.home-service-item{
  position: relative;
  overflow: hidden;
}
  .home-service-item .image{
  aspect-ratio: 680/464;
}
  .home-service-item .caption {
    position: absolute;
    bottom: 0 /* 0px */;
    left: 0 /* 0px */;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    padding: calc(20/1920*100rem);
    width: 100% }
  @media (min-width: 1200px){
  .home-service-item .caption{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: calc(32/1920*100rem);
    padding-top: calc(80/1920*100rem);
    padding-right: calc(40/1920*100rem);
    padding-bottom: calc(32/1920*100rem);
    padding-left: calc(40/1920*100rem);
  }
}
  .home-service-item .title{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 18px;
  line-height: calc(26 / 20);
}
  @media (min-width: 1200px){
  .home-service-item .title{
    font-size: calc(20/1920*100rem);
  }
}
  .home-service-item .button{
  transition-duration: 500ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
    .home-service-item .button a{
  border-width: 1px;
  height: calc(40/1920*100rem);
}

@media (min-width: 1200px) {
  .home-service-item .caption{
    --tw-translate-y: calc(80/1920*100rem);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .home-service-item .button{
    --tw-translate-y: calc(20/1920*100rem);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .home-service-item:hover .caption{
    --tw-translate-y: 0 /* 0px */;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    height: 14.6875rem;
  }
  .home-service-item:hover .button{
    --tw-translate-y: 0 /* 0px */;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  } }

.home-service-list{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: calc(40/1920*100rem);
}

@media (min-width: 768px){
  .home-service-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.home-location .image{
  aspect-ratio: 1400/580;
}

.home-news-list{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: calc(40/1920*100rem);
}

@media (min-width: 768px){
  .home-news-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .home-news-list .news-item:nth-child(n+3){
    flex-direction: row;
  }
    .home-news-list .news-item:nth-child(n+3) .image{
    aspect-ratio: 1 / 1;
    width: 8.333333333333334rem;
  }

.home-news-list .news-item:nth-child(n+3) .title{
    font-size: 18px;
    line-height: calc(26 / 20);
  }

@media (min-width: 1200px){
    .home-news-list .news-item:nth-child(n+3) .title{
      font-size: calc(20/1920*100rem);
    }
  }
    .home-news-list .news-item:nth-child(n+3) .caption{
    flex: 1 1 0%;
  }
}

@media (min-width: 1200px) {
  .home-news-list{
    grid-template-rows: repeat(3, minmax(0, 1fr));
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
    .home-news-list .news-item:nth-child(1){
    grid-row: span 3 / span 3;
  }
    .home-news-list .news-item:nth-child(n+2){
    flex-direction: row;
  }
      .home-news-list .news-item:nth-child(n+2) .image{
    aspect-ratio: 1 / 1;
    width: 8.333333333333334rem;
  }

.home-news-list .news-item:nth-child(n+2) .title{
    font-size: 18px;
    line-height: calc(26 / 20);
  }

@media (min-width: 1200px){
    .home-news-list .news-item:nth-child(n+2) .title{
      font-size: calc(20/1920*100rem);
    }
  }
      .home-news-list .news-item:nth-child(n+2) .caption{
    flex: 1 1 0%;
  } }

.home-register{
  display: flex;
  align-items: center;
  min-height: 37.5rem;
  overflow: hidden;
}
  .home-register .block-content{
  max-width: 30.729166666666668rem;
}
  @media only screen and (max-width: 575.98px) {
    .home-register {
      background-position: 20% center; } }

.brand-item{
  margin-right: calc(32/1920*100rem);
  aspect-ratio: 192/96;
  width: 10rem;
  height: calc(96/1920*100rem);
}

.home-brand{
  padding-top: calc(20/1920*100rem);
  padding-bottom: calc(20/1920*100rem);
  overflow: hidden;
}

@media (min-width: 1200px){
  .home-brand{
    padding-top: calc(40/1920*100rem);
    padding-bottom: calc(40/1920*100rem);
  }
}
  .home-brand .js-marquee-wrapper, .home-brand .js-marquee{
  display: flex;
}

.certificate-item{
  --tw-bg-opacity: 1;
  display: flex;
  flex-direction: column;
  gap: calc(16/1920*100rem);
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
  padding: calc(16/1920*100rem);
}

@media (min-width: 1200px){
  .certificate-item{
    gap: calc(24/1920*100rem);
    padding: calc(24/1920*100rem);
    padding-bottom: calc(28/1920*100rem);
  }
}
  .certificate-item .title{
  --tw-text-opacity: 1;
  margin-right: calc(calc(4/1920*100rem) * -1);
  margin-left: calc(calc(4/1920*100rem) * -1);
  color: rgb(41 41 41 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 16px;
  line-height: calc(22 / 16);
  text-align: center;
}
  @media (min-width: 1200px){
  .certificate-item .title{
    font-size: calc(16/1920*100rem);
  }
}

.certificate .swiper-relative{
  padding-bottom: calc(40/1920*100rem);
}

@media (min-width: 1024px){
  .certificate .swiper-relative{
    padding-bottom: 0 /* 0px */;
  }
}

.news-flex{
  display: flex;
  align-items: center;
  gap: calc(20/1920*100rem);
}
  .news-flex .line{
  --tw-bg-opacity: 1;
  flex: 1 1 0%;
  background-color: rgb(148 148 148 / var(--tw-bg-opacity));
  height: 1px;
}
  .news-flex .news-category{
  position: relative;
    transition: background-size 350ms;    background: linear-gradient(0deg, currentColor, currentColor) no-repeat right bottom/0 1px;
}
  .news-flex .news-category:hover {
      background-size: 100% 1px;
      background-position-x: left; }

@media (min-width: 1200px){
  .news-detail-section .social-list{
    position: absolute;
    top: 0 /* 0px */;
    left: -3.28125rem;
    margin-top: 0 /* 0px */;
  }
}

.news-detail-section .news-item .title{
  font-size: 18px;
  line-height: calc(26 / 20);
}

@media (min-width: 1200px){
  .news-detail-section .news-item .title{
    font-size: calc(20/1920*100rem);
  }
}

.news-detail-section .news-item .news-category{
  margin-top: calc(12/1920*100rem);
  padding-top: calc(12/1920*100rem);
}

.box-button{
  --tw-bg-opacity: 1;
  border-radius: calc(8/1920*100rem);
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
  padding: calc(16/1920*100rem);
}

@media (min-width: 1200px){
  .box-button{
    padding: calc(24/1920*100rem);
  }
}
  .box-button a{
  justify-content: space-between;
}

.career-other-item{
  display: flex;
  position: relative;
  flex-direction: column;
  gap: calc(8/1920*100rem);
  padding: calc(16/1920*100rem);
}

@media (min-width: 1200px){
  .career-other-item{
    padding-top: calc(20/1920*100rem);
    padding-bottom: calc(20/1920*100rem);
  }
}
  .career-other-item .title{
  --tw-text-opacity: 1;
  color: rgb(41 41 41 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 18px;
  line-height: calc(26 / 20);
}
  @media (min-width: 1200px){
  .career-other-item .title{
    font-size: calc(20/1920*100rem);
  }
}
  .career-other-item .news-flex{
  gap: calc(12/1920*100rem);
}
    .career-other-item .news-flex > *{
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: 16px;
  line-height: calc(22 / 16);
}
    @media (min-width: 1200px){
  .career-other-item .news-flex > *{
    font-size: calc(16/1920*100rem);
  }
}
  .career-other-item:hover .title{
  --tw-text-opacity: 1;
  color: rgb(237 29 36 / var(--tw-text-opacity));
}

.box-career-other{
  --tw-border-opacity: 1;
  border-width: 1px;
  border-color: rgb(220 220 220 / var(--tw-border-opacity));
  border-radius: calc(4/1920*100rem);
  overflow: hidden;
}
  .box-career-other .box-title{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
  padding: calc(16/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 20px;
  line-height: calc(30 / 24);
}
  @media (min-width: 1200px){
  .box-career-other .box-title{
    font-size: calc(24/1920*100rem);
  }
}
  .box-career-other .career-other-item{
  --tw-border-opacity: 1;
  border-bottom-width: 1px;
  border-color: rgb(220 220 220 / var(--tw-border-opacity));
}
  .box-career-other .career-other-item:last-child{
  border-style: none;
}

.box-career-content{
  --tw-text-opacity: 1;
  border-top-left-radius: calc(20/1920*100rem);
  padding: calc(20/1920*100rem);
  color: rgb(41 41 41 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: 16px;
  line-height: calc(22 / 16);
}

@media (min-width: 1200px){
  .box-career-content{
    border-top-left-radius: calc(40/1920*100rem);
    padding: calc(40/1920*100rem);
    font-size: calc(16/1920*100rem);
  }
}
  .box-career-content h2{
  --tw-text-opacity: 1;
  margin-bottom: calc(24/1920*100rem);
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 18px;
  line-height: calc(26 / 20);
}
  @media (min-width: 1200px){
  .box-career-content h2{
    font-size: calc(20/1920*100rem);
  }
}
  .box-career-content ul{
  list-style-type: disc;
}
  .box-career-content ul > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(8/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(8/1920*100rem) * var(--tw-space-y-reverse));
}
  .box-career-content ul{
  padding-left: calc(20/1920*100rem);
}
    .box-career-content ul li *::marker{
  color: rgb(189 189 189 );
}
    .box-career-content ul li::marker{
  color: rgb(189 189 189 );
}

.career-info-list {
  gap: calc(12/1920*100rem);
  column-count: 1;
  margin-bottom: calc(calc(12/1920*100rem) * -1) }

@media (min-width: 1200px){
  .career-info-list{
    margin-bottom: calc(16/1920*100rem);
  }
}
  .career-info-list > *{
  margin-bottom: calc(12/1920*100rem);
}
  @media (min-width: 1200px){
  .career-info-list > *{
    margin-bottom: calc(16/1920*100rem);
  }
}
    .career-info-list > * strong{
  white-space: nowrap;
}
  .career-info-list .info-item{
  display: flex;
  gap: calc(8/1920*100rem);
}

@media (min-width: 768px) {
  .career-info-list {
    column-gap: 20px;
    column-count: 2;
    break-inside: avoid-column; } }

.news-date{
  --tw-text-opacity: 1;
  color: rgb(152 152 152 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: 14px;
  line-height: calc(18 / 14);
}

@media (min-width: 1200px){
  .news-date{
    font-size: calc(14/1920*100rem);
  }
}

.news-category{
  --tw-text-opacity: 1;
  color: rgb(43 70 160 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: 14px;
  line-height: calc(18 / 14);
}

@media (min-width: 1200px){
  .news-category{
    font-size: calc(14/1920*100rem);
  }
}

.news-category:hover{
  --tw-text-opacity: 1;
  color: rgb(237 29 36 / var(--tw-text-opacity));
}
  .news-category a{
  position: relative;
    transition: background-size 350ms;    background: linear-gradient(0deg, currentColor, currentColor) no-repeat right bottom/0 1px;
}
  .news-category a:hover {
      background-size: 100% 1px;
      background-position-x: left; }

.news-item{
  display: flex;
  flex-direction: column;
  gap: calc(20/1920*100rem);
}
  .news-item .image{
  aspect-ratio: 440/352;
}
  .news-item .caption{
  padding-top: calc(12/1920*100rem);
  padding-bottom: calc(12/1920*100rem);
}
  .news-item .news-date{
  margin-bottom: calc(8/1920*100rem);
}
  .news-item .title{
  -webkit-box-orient: vertical;
  text-wrap: wrap;
  --tw-text-opacity: 1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 20px;
  line-height: calc(30 / 24);
}
  @media (min-width: 1200px){
  .news-item .title{
    font-size: calc(24/1920*100rem);
  }
}
  .news-item .title:hover{
  --tw-text-opacity: 1;
  color: rgb(237 29 36 / var(--tw-text-opacity));
}
  .news-item .news-category{
  --tw-border-opacity: 1;
  margin-top: calc(12/1920*100rem);
  border-top-width: 1px;
  border-color: rgb(148 148 148 / var(--tw-border-opacity));
  padding-top: calc(12/1920*100rem);
}
  .news-item.is-hor{
  flex-direction: row;
}
    .news-item.is-hor .image{
  aspect-ratio: 1 / 1;
  width: 8.333333333333334rem;
}
    .news-item.is-hor .title{
  font-size: 18px;
  line-height: calc(26 / 20);
}
    @media (min-width: 1200px){
  .news-item.is-hor .title{
    font-size: calc(20/1920*100rem);
  }
}
    .news-item.is-hor .caption{
  flex: 1 1 0%;
}

.site-nav-list{
  display: flex;
  align-items: center;
  gap: calc(16/1920*100rem);
}
  .site-nav-list a{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
  padding-top: calc(8/1920*100rem);
  padding-right: calc(16/1920*100rem);
  padding-bottom: calc(8/1920*100rem);
  padding-left: calc(16/1920*100rem);
  color: rgb(43 70 160 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: 16px;
  line-height: calc(22 / 16);
}
  @media (min-width: 1200px){
  .site-nav-list a{
    font-size: calc(16/1920*100rem);
  }
}
  .site-nav-list a:hover{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(237 29 36 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
  .site-nav-list li.active a, .site-nav-list .section-core-values .core-values-body .core-values-list li.core-values-item:hover a, .section-core-values .core-values-body .core-values-list .site-nav-list li.core-values-item:hover a{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(237 29 36 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.news-section .news-list{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: calc(40/1920*100rem);
}

@media (min-width: 768px){
  .news-section .news-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){
  .news-section .news-list{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1200px){
  .news-section .news-list{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .news-section .news-item:nth-child(1){
    grid-column: span 2 / span 2;
  } }

@media (min-width: 1024px) {
  .news-section .news-item:nth-child(1){
    grid-row: span 2 / span 2;
    grid-column: span 2 / span 2;
  } }

@media (min-width: 1200px) {
  .news-section .news-item{
    grid-column: span 3 / span 3;
  }

.news-section .news-item .title{
    font-size: 18px;
    line-height: calc(26 / 20);
  }

@media (min-width: 1200px){
    .news-section .news-item .title{
      font-size: calc(20/1920*100rem);
    }
  }
    .news-section .news-item:nth-child(1){
    grid-row: span 3 / span 3;
    grid-row-start: 1;
    grid-column: span 8 / span 8;
    grid-column-start: 5;
    gap: 0 /* 0px */;
  }
      .news-section .news-item:nth-child(1) .image{
    aspect-ratio: 920/518;
  }

.news-section .news-item:nth-child(1) .title{
    font-size: 20px;
    line-height: calc(30 / 24);
  }

@media (min-width: 1200px){
    .news-section .news-item:nth-child(1) .title{
      font-size: calc(24/1920*100rem);
    }
  }
      .news-section .news-item:nth-child(1) .news-category{
    margin-top: calc(20/1920*100rem);
    padding-top: calc(20/1920*100rem);
  }
    .news-section .news-item:nth-child(2), .news-section .news-item:nth-child(3), .news-section .news-item:nth-child(4){
    grid-column: span 4 / span 4;
    flex-direction: row;
  }
      .news-section .news-item:nth-child(2) .image, .news-section .news-item:nth-child(3) .image, .news-section .news-item:nth-child(4) .image{
    aspect-ratio: 1 / 1;
    width: 8.333333333333334rem;
    height: 8.333333333333334rem;
  }
      .news-section .news-item:nth-child(2) .caption, .news-section .news-item:nth-child(3) .caption, .news-section .news-item:nth-child(4) .caption{
    flex: 1 1 0%;
  }
      .news-section .news-item:nth-child(2) .news-category, .news-section .news-item:nth-child(3) .news-category, .news-section .news-item:nth-child(4) .news-category{
    margin-top: calc(12/1920*100rem);
    padding-top: calc(12/1920*100rem);
  } }

.search-section .news-list{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: calc(40/1920*100rem);
}

@media (min-width: 576px){
  .search-section .news-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px){
  .search-section .news-list{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1200px){
  .search-section .news-list{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.library-item{
  display: flex;
  position: relative;
  flex-direction: column;
  gap: calc(20/1920*100rem);
}
  .library-item .image{
  position: relative;
  aspect-ratio: 440/294;
}
  .library-item .title{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 18px;
  line-height: calc(26 / 20);
}
  @media (min-width: 1200px){
  .library-item .title{
    font-size: calc(20/1920*100rem);
  }
}
  .library-item:hover .title{
  --tw-text-opacity: 1;
  color: rgb(237 29 36 / var(--tw-text-opacity));
}
  .library-item.is-video .image::before{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(10px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  --tw-ring-color: rgb(43 70 160 / 0.5);
  --tw-content: '\f04b';
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  justify-content: center;
  align-items: center;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  z-index: 1;
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  border-radius: 9999px;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
  width: calc(64/1920*100rem);
  height: calc(64/1920*100rem);
  pointer-events: none;
  content: var(--tw-content);
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: calc(32/1920*100rem);
  font-family: "Font Awesome 6 Pro";
}
  .library-item.is-video:hover .image::before{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(15px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.library-list{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: calc(40/1920*100rem);
}

@media (min-width: 576px){
  .library-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){
  .library-list{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .service-dt-1-section .full-content{
    max-height: 16.041666666666668rem;
  }
}
  .service-dt-1-section .full-content strong{
  --tw-text-opacity: 1;
  color: rgb(43 70 160 / var(--tw-text-opacity));
}
  .service-dt-1-section .full-content ul li{
  margin-top: calc(12/1920*100rem);
  margin-bottom: calc(12/1920*100rem);
  padding-left: 0 /* 0px */;
}

.service-dt-1-section .service-top .image{
  aspect-ratio: 800/450;
}

.service-dt-1-section .swiper-button > *{
  --tw-translate-y: -50%;
  position: absolute;
  top: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
  z-index: 1;
  background-color: rgb(0 0 0 / 0.5);
}

.service-dt-1-section .swiper-button > *:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(237 29 36 / var(--tw-bg-opacity));
}
  .service-dt-1-section .swiper-button > *.button-prev{
  left: calc(16/1920*100rem);
}
  @media (min-width: 1200px){
  .service-dt-1-section .swiper-button > *.button-prev{
    left: calc(24/1920*100rem);
  }
}
  .service-dt-1-section .swiper-button > *.button-next{
  right: calc(16/1920*100rem);
}
  @media (min-width: 1200px){
  .service-dt-1-section .swiper-button > *.button-next{
    right: calc(24/1920*100rem);
  }
}

.service-dt-1-section .service-thumbs .image{
  position: relative;
  aspect-ratio: 148/84;
}
  .service-dt-1-section .service-thumbs .image::before {
    --tw-border-opacity: 1;
    position: absolute;
    opacity: 0;
    z-index: 1;
    transition-duration: 200ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    inset: 0 /* 0px */;
    border-width: calc(2/1920*100rem);
    border-color: rgb(237 29 36 / var(--tw-border-opacity));
    content: '' }

.service-dt-1-section .service-thumbs .swiper-slide-thumb-active .image::before{
  opacity: 1;
}

.service-dt-2-section .block-content{
  max-width: 30.729166666666668rem;
}

.service-dt-2-section .site-title{
  line-height: 1.17;
}

.service-dt-2-section .wrap-form input, .service-dt-2-section .wrap-form textarea{
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  background-color: transparent;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.service-dt-2-section .wrap-form input::placeholder, .service-dt-2-section .wrap-form textarea::placeholder{
  color: rgb(255 255 255 / 0.5);
}

.service-dt-2-section .wrap-form .row{
  margin-right: calc(calc(8/1920*100rem) * -1);
  margin-left: calc(calc(8/1920*100rem) * -1);
}
  .service-dt-2-section .wrap-form .row > *{
  padding-right: calc(8/1920*100rem);
  padding-left: calc(8/1920*100rem);
}

.service-dt-2-section .body-18{
  letter-spacing: -0.36px;
}

.service-dt-other-section .swiper-relative{
  padding-bottom: calc(40/1920*100rem);
}

@media (min-width: 1024px){
  .service-dt-other-section .swiper-relative{
    padding-bottom: 0 /* 0px */;
  }
}

.table-responsive{
  overflow-x: auto;
}
  .table-responsive table{
  width: 100%;
  min-width: 52.083333333333336rem;
}
  .table-responsive th{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  border-width: 1px;
  border-color: rgb(239 239 239 / var(--tw-border-opacity));
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
  padding: calc(12/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 18px;
  line-height: calc(26 / 20);
  text-align: center;
  text-transform: uppercase;
}
  @media (min-width: 1200px){
  .table-responsive th{
    padding-top: 0.5208333333333334rem;
    padding-right: calc(20/1920*100rem);
    padding-bottom: 0.5208333333333334rem;
    padding-left: calc(20/1920*100rem);
    font-size: calc(20/1920*100rem);
  }
}
    .table-responsive th:nth-child(1){
  width: calc(80/1920*100rem);
}
    .table-responsive th:nth-child(2){
  text-align: left;
}
    .table-responsive th:nth-child(3){
  width: 12.5rem;
}
    .table-responsive th:nth-child(4){
  width: 12.5rem;
}
  .table-responsive td{
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  border-width: 1px;
  border-color: rgb(239 239 239 / var(--tw-border-opacity));
  padding: calc(12/1920*100rem);
  color: rgb(41 41 41 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: 16px;
  line-height: calc(22 / 16);
  text-align: center;
}
  @media (min-width: 1200px){
  .table-responsive td{
    padding-top: calc(12/1920*100rem);
    padding-right: calc(20/1920*100rem);
    padding-bottom: calc(12/1920*100rem);
    padding-left: calc(20/1920*100rem);
    font-size: calc(16/1920*100rem);
  }
}
    .table-responsive td:nth-child(1){
  font-weight: 700;
}
    .table-responsive td:nth-child(2){
  text-align: left;
}
      .table-responsive td:nth-child(2) a{
  position: relative;
    transition: background-size 350ms;    background: linear-gradient(0deg, currentColor, currentColor) no-repeat right bottom/0 1px;
}
      .table-responsive td:nth-child(2) a:hover {
      --tw-text-opacity: 1;
      background-size: 100% 1px;
      background-position-x: left;
      color: rgb(43 70 160 / var(--tw-text-opacity)); }
  .table-responsive tbody tr:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
}

.section-cangcanphumy-banner{
  position: relative;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  overflow: hidden;
}

@media (min-width: 1024px){
  .section-cangcanphumy-banner{
    padding-top: 5.729166666666667rem;
    padding-bottom: 5.729166666666667rem;
  }
}

.section-cangcanphumy-banner {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  width: 100vw; }
  .section-cangcanphumy-banner .banner-background{
  position: absolute;
  z-index: 0;
  inset: 0 /* 0px */;
}
    .section-cangcanphumy-banner .banner-background img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
    .section-cangcanphumy-banner .banner-background::before {
      position: absolute;
      z-index: 1;
      inset: 0 /* 0px */;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%);
      content: '' }
  .section-cangcanphumy-banner .container{
  position: relative;
  z-index: 10;
}
  .section-cangcanphumy-banner .banner-inner{
  margin-right: auto;
  margin-left: auto;
  padding-right: calc(16/1920*100rem);
  padding-left: calc(16/1920*100rem);
  max-width: 80.20833333333334rem;
}
  @media (min-width: 1024px){
  .section-cangcanphumy-banner .banner-inner{
    padding-right: 0 /* 0px */;
    padding-left: 0 /* 0px */;
  }
}
  .section-cangcanphumy-banner .banner-heading{
  --tw-text-opacity: 1;
  position: relative;
  color: rgb(43 70 160 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.15;
  text-align: center;
  text-transform: uppercase;
}
  @media (min-width: 576px){
  .section-cangcanphumy-banner .banner-heading{
    font-size: 1.6666666666666667rem;
  }
}
  @media (min-width: 768px){
  .section-cangcanphumy-banner .banner-heading{
    font-size: 2.0833333333333335rem;
  }
}
  @media (min-width: 1024px){
  .section-cangcanphumy-banner .banner-heading{
    font-size: 2.7083333333333335rem;
  }
}
  .section-cangcanphumy-banner .banner-heading{
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
}
    .section-cangcanphumy-banner .banner-heading::before {
      position: absolute;
      z-index: 0;
      inset: 0 /* 0px */;      -webkit-text-stroke: calc(4/1920*100rem) #ffffff;
      pointer-events: none;
      content: attr(data-text);
      color: transparent; }
    .section-cangcanphumy-banner .banner-heading span{
  display: block;
  position: relative;
  z-index: 1;
}
  .section-cangcanphumy-banner .banner-card-list{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: calc(24/1920*100rem);
  margin-top: calc(32/1920*100rem);
}
  @media (min-width: 1024px){
  .section-cangcanphumy-banner .banner-card-list{
    flex-direction: row;
    gap: calc(32/1920*100rem);
  }
}
  @media (min-width: 1200px){
  .section-cangcanphumy-banner .banner-card-list{
    margin-top: calc(80/1920*100rem);
  }
}
  .section-cangcanphumy-banner .clip-defs{
  position: absolute;
  width: 0 /* 0px */;
  height: 0 /* 0px */;
  overflow: hidden;
  pointer-events: none;
}
  .section-cangcanphumy-banner .banner-card{
  display: flex;
  position: relative;
  flex-shrink: 0;
  flex-direction: column;
  width: 100%;
  max-width: 26.041666666666668rem;
}
  @media (min-width: 1200px){
  .section-cangcanphumy-banner .banner-card{
    max-width: 35.41666666666667rem;
  }
}
  .section-cangcanphumy-banner .banner-card {    aspect-ratio: 680 / 420; }
    .section-cangcanphumy-banner .banner-card .card-image{
  position: absolute;
  z-index: 0;      clip-path: url(#clip-card-left);
  inset: 0 /* 0px */;
}
      .section-cangcanphumy-banner .banner-card .card-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
    .section-cangcanphumy-banner .banner-card .card-border{
  position: absolute;
  z-index: 1;
  inset: 0 /* 0px */;      background: transparent;
  pointer-events: none;
}
    .section-cangcanphumy-banner .banner-card .card-caption{
  position: absolute;
  bottom: 0 /* 0px */;
  left: 0 /* 0px */;
  z-index: 2;      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFF 50%, rgba(255, 255, 255, 0) 100%);
  padding-top: calc(24/1920*100rem);
  padding-right: 1.25rem;
  padding-bottom: calc(24/1920*100rem);
  padding-left: 1.25rem;
  width: 100%;
  text-align: center;
}
      .section-cangcanphumy-banner .banner-card .card-caption .card-title{
  display: inline-block;
  position: relative;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.15;
  line-height: calc(22 / 16);
  text-transform: uppercase;
}
      @media (min-width: 1200px){
  .section-cangcanphumy-banner .banner-card .card-caption .card-title{
    font-size: calc(16/1920*100rem);
  }
}
      @media (min-width: 576px){
  .section-cangcanphumy-banner .banner-card .card-caption .card-title{
    font-size: 0.9375rem;
  }
}
      @media (min-width: 768px){
  .section-cangcanphumy-banner .banner-card .card-caption .card-title{
    font-size: calc(20/1920*100rem);
  }
}
      @media (min-width: 1200px){
  .section-cangcanphumy-banner .banner-card .card-caption .card-title{
    font-size: calc(24/1920*100rem);
  }
}
      .section-cangcanphumy-banner .banner-card .card-caption .card-title {
        -webkit-background-clip: text;        background: linear-gradient(180deg, #0A2A91 0%, #439EFF 100%);
        background-clip: text;
        -webkit-text-fill-color: transparent; }
    @media (min-width: 1024px){
  .section-cangcanphumy-banner .banner-card.is-left{
    margin-left: auto;
  }
}
      .section-cangcanphumy-banner .banner-card.is-left .card-image {
        clip-path: url(#clip-card-left); }
    @media (min-width: 1024px){
  .section-cangcanphumy-banner .banner-card.is-right{
    margin-right: auto;
  }
}
      .section-cangcanphumy-banner .banner-card.is-right .card-image {
        clip-path: url(#clip-card-right); }
      .section-cangcanphumy-banner .banner-card.is-right .card-caption{
  right: 0 /* 0px */;
  left: auto;
  max-width: 21.875rem;
}
      @media (min-width: 1200px){
  .section-cangcanphumy-banner .banner-card.is-right .card-caption{
    max-width: 28.854166666666668rem;
  }
}

.card-border{
  position: absolute;
  z-index: 1;
  inset: 0 /* 0px */;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.section-cangcanphumy-infrastructure{
  position: relative;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding-top: calc(40/1920*100rem);
  padding-bottom: calc(40/1920*100rem);
  width: 100vw;
  overflow: hidden;
}

@media (min-width: 1024px){
  .section-cangcanphumy-infrastructure{
    padding-top: calc(80/1920*100rem);
    padding-bottom: calc(80/1920*100rem);
    height: 45.833333333333336rem;
  }
}
  .section-cangcanphumy-infrastructure .container{
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  z-index: 10;
  height: 100%;
  text-align: center;
}
  .section-cangcanphumy-infrastructure .background-layer{
  position: absolute;
  z-index: 0;
  inset: 0 /* 0px */;
  padding-top: 3.854166666666667rem;
}
    .section-cangcanphumy-infrastructure .background-layer img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
  .section-cangcanphumy-infrastructure .curve-top, .section-cangcanphumy-infrastructure .curve-bottom{
  --tw-translate-x: -50%;
  --tw-bg-opacity: 1;
  position: absolute;
  left: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  z-index: 2;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  width: 85.9375rem;
  height: 28.385416666666668rem;
}
  @media (min-width: 768px){
  .section-cangcanphumy-infrastructure .curve-top, .section-cangcanphumy-infrastructure .curve-bottom{
    width: 135.52083333333334rem;
  }
}
  .section-cangcanphumy-infrastructure .curve-top{
  top: -22.395833333333336rem;
}
  @media (min-width: 1024px){
  .section-cangcanphumy-infrastructure .curve-top{
    top: -18.229166666666668rem;
  }
}
  .section-cangcanphumy-infrastructure .curve-top {    border-radius: 100% 0% 80% 80% / 0% 0% 100% 100%; }
  .section-cangcanphumy-infrastructure .curve-bottom{
  bottom: -23.958333333333336rem;
}
  @media (min-width: 1024px){
  .section-cangcanphumy-infrastructure .curve-bottom{
    bottom: -21.354166666666668rem;
  }
}
  .section-cangcanphumy-infrastructure .curve-bottom {    border-radius: 80% 80% 100% 0% / 100% 100% 0% 0%; }
  .section-cangcanphumy-infrastructure .container{
  position: relative;
  z-index: 10;
}
  .section-cangcanphumy-infrastructure .section-header{
  text-align: center;
}
  .section-cangcanphumy-infrastructure .section-title{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: calc(24/1920*100rem);
  line-height: 1.2;
}
  @media (min-width: 768px){
  .section-cangcanphumy-infrastructure .section-title{
    font-size: calc(30/1920*100rem);
  }
}
  @media (min-width: 1024px){
  .section-cangcanphumy-infrastructure .section-title{
    font-size: calc(48/1920*100rem);
  }
}
  .section-cangcanphumy-infrastructure .infrastructure-panel{
  margin-top: calc(96/1920*100rem);
  margin-bottom: calc(96/1920*100rem);
  padding-top: calc(40/1920*100rem);
  padding-right: calc(40/1920*100rem);
  padding-bottom: calc(40/1920*100rem);
  padding-left: calc(40/1920*100rem);
  width: 100%;
}
  @media (min-width: 1024px){
  .section-cangcanphumy-infrastructure .infrastructure-panel{
    margin: auto;
  }
}
  .section-cangcanphumy-infrastructure .infrastructure-panel{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: stretch;
}
  @media (min-width: 768px){
  .section-cangcanphumy-infrastructure .infrastructure-panel{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
  @media (min-width: 1024px){
  .section-cangcanphumy-infrastructure .infrastructure-panel{
    padding-top: 2.0833333333333335rem;
    padding-right: 4.166666666666667rem;
    padding-bottom: 2.0833333333333335rem;
    padding-left: 4.166666666666667rem;
    max-width: 71.66666666666667rem;
    height: 18.020833333333336rem;
  }
}
  .section-cangcanphumy-infrastructure .infrastructure-panel{
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  border-radius: calc(40/1920*100rem);    background: rgba(255, 255, 255, 0.6);
  overflow: hidden;
}
  .section-cangcanphumy-infrastructure .infrastructure-item{
  display: flex;
  position: relative;
  row-gap: calc(20/1920*100rem);
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
}
    .section-cangcanphumy-infrastructure .infrastructure-item:first-child{
  padding-bottom: calc(40/1920*100rem);
}
    .section-cangcanphumy-infrastructure .infrastructure-item:not(:first-child):not(:last-child){
  padding-top: calc(40/1920*100rem);
  padding-bottom: calc(40/1920*100rem);
}
    .section-cangcanphumy-infrastructure .infrastructure-item:last-child{
  padding-top: calc(40/1920*100rem);
}
    .section-cangcanphumy-infrastructure .infrastructure-item:not(:last-child)::after {
      --tw-translate-x: -50%;
      --tw-bg-opacity: 1;
      position: absolute;
      bottom: 0 /* 0px */;
      left: 50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      background-color: rgb(43 70 160 / var(--tw-bg-opacity));
      width: 100%;
      height: 2px;
      content: '' }

@media (min-width: 768px) {
  .section-cangcanphumy-infrastructure .infrastructure-item:first-child{
    padding-right: calc(64/1920*100rem);
    padding-bottom: 0 /* 0px */;
  }
  .section-cangcanphumy-infrastructure .infrastructure-item:not(:first-child):not(:last-child){
    padding-top: 0 /* 0px */;
    padding-right: calc(64/1920*100rem);
    padding-bottom: 0 /* 0px */;
    padding-left: calc(64/1920*100rem);
  }
  .section-cangcanphumy-infrastructure .infrastructure-item:last-child{
    padding-top: 0 /* 0px */;
    padding-left: calc(64/1920*100rem);
  }
  .section-cangcanphumy-infrastructure .infrastructure-item:not(:last-child)::after {
    --tw-translate-x: 0 /* 0px */;
    --tw-translate-y: -50%;
    --tw-bg-opacity: 1;
    position: absolute;
    top: 50%;
    right: 0 /* 0px */;
    bottom: auto;
    left: auto;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    background-color: rgb(43 70 160 / var(--tw-bg-opacity));
    width: 2px;
    height: 100%;
    content: '' } }
  .section-cangcanphumy-infrastructure .item-icon{
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 4.166666666666667rem;
}
    .section-cangcanphumy-infrastructure .item-icon img{
  width: auto;
  height: auto;
  max-height: 4.166666666666667rem;
  object-fit: contain;
}
  .section-cangcanphumy-infrastructure .item-content{
  display: flex;
  row-gap: calc(20/1920*100rem);
  flex-direction: column;
}
  .section-cangcanphumy-infrastructure .item-title{
  --tw-text-opacity: 1;
  color: rgb(43 70 160 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: calc(18/1920*100rem);
  line-height: 1.25;
  text-transform: uppercase;
}
  @media (min-width: 1024px){
  .section-cangcanphumy-infrastructure .item-title{
    font-size: calc(20/1920*100rem);
  }
}
  .section-cangcanphumy-infrastructure .item-desc{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: 16px;
  line-height: 1.33;
  line-height: calc(28 / 18);
  letter-spacing: -0.36px;
  text-align: left;
}
  @media (min-width: 1024px){
  .section-cangcanphumy-infrastructure .item-desc{
    line-height: calc(24 / 18);
  }
}
  @media (min-width: 1200px){
  .section-cangcanphumy-infrastructure .item-desc{
    font-size: calc(18/1920*100rem);
  }
}
  .service-dt-2-section .section-cangcanphumy-infrastructure .item-desc{
  letter-spacing: -0.36px;
}

.section-cangcanphumy-feature-grid{
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  width: 100vw;
  overflow: hidden;
}
  .section-cangcanphumy-feature-grid .container-full{
  padding-right: 0 /* 0px */;
  padding-left: 0 /* 0px */;
}
  .section-cangcanphumy-feature-grid .feature-grid{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
  @media (min-width: 1024px){
  .section-cangcanphumy-feature-grid .feature-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
  .section-cangcanphumy-feature-grid .feature-card{
  position: relative;
  min-height: 260px;
  overflow: hidden;
}
  @media (min-width: 576px){
  .section-cangcanphumy-feature-grid .feature-card{
    min-height: 320px;
  }
}
  @media (min-width: 1024px){
  .section-cangcanphumy-feature-grid .feature-card{
    aspect-ratio: 640/360;
    min-height: 0 /* 0px */;
  }
}
    .section-cangcanphumy-feature-grid .feature-card.is-image .card-image{
  position: relative;
  overflow: hidden;
}
    .section-cangcanphumy-feature-grid .feature-card.is-image .card-image img{
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: linear;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
    .section-cangcanphumy-feature-grid .feature-card.is-image .card-image img:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
    .section-cangcanphumy-feature-grid .feature-card.is-image .card-image{
  position: absolute;
  inset: 0 /* 0px */;
}
      .section-cangcanphumy-feature-grid .feature-card.is-image .card-image img{
  transition-duration: 300ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
    .section-cangcanphumy-feature-grid .feature-card.is-text {
      --tw-text-opacity: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      background: linear-gradient(71deg, #2B46A0 -12.57%, #0093E9 100%);
      padding-top: calc(40/1920*100rem);
      padding-right: calc(20/1920*100rem);
      padding-bottom: calc(40/1920*100rem);
      padding-left: calc(20/1920*100rem);
      color: rgb(255 255 255 / var(--tw-text-opacity));
      text-align: center }
    @media (min-width: 768px){
  .section-cangcanphumy-feature-grid .feature-card.is-text{
    padding-right: calc(40/1920*100rem);
    padding-left: calc(40/1920*100rem);
  }
}
    @media (min-width: 1024px){
  .section-cangcanphumy-feature-grid .feature-card.is-text{
    padding-right: calc(60/1920*100rem);
    padding-left: calc(60/1920*100rem);
  }
}
      .section-cangcanphumy-feature-grid .feature-card.is-text .card-content{
  position: relative;
  z-index: 2;
  margin-right: auto;
  margin-left: auto;
}
      .section-cangcanphumy-feature-grid .feature-card.is-text .card-title{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 1.1458333333333335rem;
  line-height: 1.25;
}
      @media (min-width: 768px){
  .section-cangcanphumy-feature-grid .feature-card.is-text .card-title{
    font-size: 1.3541666666666667rem;
  }
}
      @media (min-width: 1024px){
  .section-cangcanphumy-feature-grid .feature-card.is-text .card-title{
    font-size: 0.9375rem;
  }
}
      @media (min-width: 1200px){
  .section-cangcanphumy-feature-grid .feature-card.is-text .card-title{
    font-size: 1.1458333333333335rem;
  }
}
      .section-cangcanphumy-feature-grid .feature-card.is-text .card-desc{
  --tw-text-opacity: 1;
  margin-top: calc(20/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: 16px;
  line-height: 1.33;
  line-height: calc(28 / 18);
  letter-spacing: -0.36px;
}
      @media (min-width: 1024px){
  .section-cangcanphumy-feature-grid .feature-card.is-text .card-desc{
    line-height: calc(24 / 18);
  }
}
      @media (min-width: 1200px){
  .section-cangcanphumy-feature-grid .feature-card.is-text .card-desc{
    font-size: calc(18/1920*100rem);
  }
}
      .service-dt-2-section .section-cangcanphumy-feature-grid .feature-card.is-text .card-desc{
  letter-spacing: -0.36px;
}
    .section-cangcanphumy-feature-grid .feature-card.has-corner .card-corner{
  position: absolute;
  bottom: 0 /* 0px */;
  z-index: 1;
  width: 9.375rem;
  pointer-events: none;
}
    @media (min-width: 768px){
  .section-cangcanphumy-feature-grid .feature-card.has-corner .card-corner{
    width: 11.458333333333334rem;
  }
}
    @media (min-width: 1024px){
  .section-cangcanphumy-feature-grid .feature-card.has-corner .card-corner{
    width: 9.375rem;
  }
}
    @media (min-width: 1200px){
  .section-cangcanphumy-feature-grid .feature-card.has-corner .card-corner{
    width: 14.947916666666668rem;
  }
}
      .section-cangcanphumy-feature-grid .feature-card.has-corner .card-corner img{
  width: 100%;
  height: auto;
  object-fit: contain;
}
    .section-cangcanphumy-feature-grid .feature-card.corner-left .card-corner{
  left: 0 /* 0px */;
}
    .section-cangcanphumy-feature-grid .feature-card.corner-right .card-corner{
  right: 0 /* 0px */;
}
      .section-cangcanphumy-feature-grid .feature-card.corner-right .card-corner img {
        transform: scaleX(-1); }

.section-cangcanphumy-services{
  position: relative;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding-top: 2.916666666666667rem;
  padding-bottom: 2.916666666666667rem;
  width: 100vw;
  overflow: hidden;
}

@media (min-width: 1024px){
  .section-cangcanphumy-services{
    padding-top: 4.6875rem;
    padding-bottom: 4.6875rem;
  }
}
  .section-cangcanphumy-services .background-layer{
  position: absolute;
  z-index: 0;
  inset: 0 /* 0px */;
}
    .section-cangcanphumy-services .background-layer img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
  .section-cangcanphumy-services .container{
  position: relative;
  z-index: 10;
}
  .section-cangcanphumy-services .section-header{
  text-align: center;
}
  .section-cangcanphumy-services .section-title{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 1.4583333333333335rem;
  line-height: 1.15;
}
  @media (min-width: 768px){
  .section-cangcanphumy-services .section-title{
    font-size: 1.875rem;
  }
}
  @media (min-width: 1024px){
  .section-cangcanphumy-services .section-title{
    font-size: 2.7083333333333335rem;
  }
}
  .section-cangcanphumy-services .service-layout{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: calc(32/1920*100rem);
  margin-top: calc(32/1920*100rem);
}
  @media (min-width: 1024px){
  .section-cangcanphumy-services .service-layout{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: flex-start;
  }
}
  @media (min-width: 1200px){
  .section-cangcanphumy-services .service-layout{
    margin-top: calc(40/1920*100rem);
  }
}
  .section-cangcanphumy-services .service-tab-list{
  display: flex;
  flex-direction: column;
  gap: calc(40/1920*100rem);
}
  @media (min-width: 1024px){
  .section-cangcanphumy-services .service-tab-list{
    padding-top: 2.916666666666667rem;
  }
}
  .section-cangcanphumy-services .service-tab-item{
  --tw-text-opacity: 1;
  display: flex;
  align-items: center;
  gap: calc(20/1920*100rem);
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
  text-align: left;
}
  @media (min-width: 1024px){
  .section-cangcanphumy-services .service-tab-item{
    font-size: 1.5625rem;
  }
}
  @media (min-width: 1200px){
  .section-cangcanphumy-services .service-tab-item{
    font-size: 1.6666666666666667rem;
  }
}
    .section-cangcanphumy-services .service-tab-item .item-icon, .section-cangcanphumy-services .service-tab-item .item-title {
      transition: color .32s ease, transform .32s ease, opacity .32s ease; }
    .section-cangcanphumy-services .service-tab-item .item-icon{
  --tw-text-opacity: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 1.3541666666666667rem;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: 0.9375rem;
}
      .section-cangcanphumy-services .service-tab-item .item-icon svg{
  fill: #000000;        transition: fill .32s ease, transform .32s ease;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
    .section-cangcanphumy-services .service-tab-item .item-title{
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  font-weight: 400;
  line-height: 1.35;
}
    .section-cangcanphumy-services .service-tab-item.active .item-icon, .section-cangcanphumy-services .section-core-values .core-values-body .core-values-list .service-tab-item.core-values-item:hover .item-icon, .section-core-values .core-values-body .core-values-list .section-cangcanphumy-services .service-tab-item.core-values-item:hover .item-icon, .section-cangcanphumy-services .service-tab-item.active .item-title, .section-cangcanphumy-services .section-core-values .core-values-body .core-values-list .service-tab-item.core-values-item:hover .item-title, .section-core-values .core-values-body .core-values-list .section-cangcanphumy-services .service-tab-item.core-values-item:hover .item-title{
  --tw-text-opacity: 1;
  color: rgb(43 70 160 / var(--tw-text-opacity));
}
    .section-cangcanphumy-services .service-tab-item.active .item-icon, .section-cangcanphumy-services .section-core-values .core-values-body .core-values-list .service-tab-item.core-values-item:hover .item-icon, .section-core-values .core-values-body .core-values-list .section-cangcanphumy-services .service-tab-item.core-values-item:hover .item-icon {
      transform: translateX(6px); }
      .section-cangcanphumy-services .service-tab-item.active .item-icon svg, .section-cangcanphumy-services .section-core-values .core-values-body .core-values-list .service-tab-item.core-values-item:hover .item-icon svg, .section-core-values .core-values-body .core-values-list .section-cangcanphumy-services .service-tab-item.core-values-item:hover .item-icon svg{
  fill: #2B46A0;
}
    .section-cangcanphumy-services .service-tab-item.active .item-title, .section-cangcanphumy-services .section-core-values .core-values-body .core-values-list .service-tab-item.core-values-item:hover .item-title, .section-core-values .core-values-body .core-values-list .section-cangcanphumy-services .service-tab-item.core-values-item:hover .item-title{      transform: translateX(6px);
  font-weight: 700;
}
    .section-cangcanphumy-services .service-tab-item:not(.active):hover .item-icon, .section-cangcanphumy-services .service-tab-item:not(.active):hover .item-title{
  --tw-text-opacity: 1;
  color: rgb(43 70 160 / var(--tw-text-opacity));
}
    .section-cangcanphumy-services .service-tab-item:not(.active):hover .item-icon {
      transform: translateX(4px); }
    .section-cangcanphumy-services .service-tab-item:not(.active):hover .item-title {
      transform: translateX(4px); }
  .section-cangcanphumy-services .service-pane-list{
  position: relative;
  margin-right: auto;
  margin-left: auto;
  aspect-ratio: 680/500;
  width: 100%;
  max-width: 35.41666666666667rem;
  min-height: 16.666666666666668rem;
}
  @media (min-width: 1200px){
  .section-cangcanphumy-services .service-pane-list{
    width: 35.41666666666667rem;
    min-height: 16.666666666666668rem;
  }
}
  @media (min-width: 1024px){
  .section-cangcanphumy-services .service-pane-list{
    height: 26.041666666666668rem;
  }
}
  .section-cangcanphumy-services .service-pane{
  position: absolute;    transform: translate3d(0, 24px, 0) scale(0.985);    visibility: hidden;    opacity: 0;
    transition: opacity 0.45s ease, transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.45s ease;
    will-change: opacity, transform;
  inset: 0 /* 0px */;
  border-radius: calc(40/1920*100rem);    min-height: 100%;
  overflow: hidden;    pointer-events: none;
}
    .section-cangcanphumy-services .service-pane.active, .section-cangcanphumy-services .section-core-values .core-values-body .core-values-list .service-pane.core-values-item:hover, .section-core-values .core-values-body .core-values-list .section-cangcanphumy-services .service-pane.core-values-item:hover{      transform: translate3d(0, 0, 0) scale(1);
  visibility: visible;
  opacity: 1;
      z-index: 2;
  pointer-events: auto;
}
  .section-cangcanphumy-services .pane-image{
  position: absolute;    transform: scale(1.06);
  z-index: 0;
    transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
  inset: 0 /* 0px */;
}
    .section-cangcanphumy-services .pane-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
  .section-cangcanphumy-services .pane-overlay {
    position: absolute;
    z-index: 1;    transition: opacity .45s ease;
    inset: 0 /* 0px */;
    background: rgba(0, 0, 0, 0.25); }
  .section-cangcanphumy-services .pane-content{
  --tw-text-opacity: 1;
  display: flex;
  position: absolute;
  right: 0 /* 0px */;
  bottom: 0 /* 0px */;
  left: 0 /* 0px */;
  flex-direction: column;
  align-items: center;
    transform: translate3d(0, 24px, 0);    opacity: 0;
  z-index: 3;
    transition: opacity 0.42s ease 0.06s, transform 0.52s cubic-bezier(0.22, 1, 0.36, 1) 0.06s;
  padding-right: calc(16/1920*100rem);
  padding-bottom: calc(24/1920*100rem);
  padding-left: calc(16/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-align: center;
}
  .section-cangcanphumy-services .service-pane.active .pane-image, .section-cangcanphumy-services .section-core-values .core-values-body .core-values-list .service-pane.core-values-item:hover .pane-image, .section-core-values .core-values-body .core-values-list .section-cangcanphumy-services .service-pane.core-values-item:hover .pane-image {
    transform: scale(1); }
  .section-cangcanphumy-services .service-pane.active .pane-overlay, .section-cangcanphumy-services .section-core-values .core-values-body .core-values-list .service-pane.core-values-item:hover .pane-overlay, .section-core-values .core-values-body .core-values-list .section-cangcanphumy-services .service-pane.core-values-item:hover .pane-overlay {
    opacity: 1; }
  .section-cangcanphumy-services .service-pane.active .pane-content, .section-cangcanphumy-services .section-core-values .core-values-body .core-values-list .service-pane.core-values-item:hover .pane-content, .section-core-values .core-values-body .core-values-list .section-cangcanphumy-services .service-pane.core-values-item:hover .pane-content {
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  .section-cangcanphumy-services .pane-subtitle{
  --tw-text-opacity: 1;
  max-width: 26.041666666666668rem;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: calc(20/1920*100rem);
  line-height: 1.32;
  letter-spacing: -0.02em;
}
  @media (min-width: 1024px){
  .section-cangcanphumy-services .pane-subtitle{
    font-size: calc(24/1920*100rem);
  }
}
  .section-cangcanphumy-services .pane-subtitle {    text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); }
  .section-cangcanphumy-services .service-more-btn {
    --tw-text-opacity: 1;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    margin-top: calc(24/1920*100rem);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFF 50%, rgba(255, 255, 255, 0) 100%);
    padding-top: 1.0416666666666667rem;
    padding-right: 2.1875rem;
    padding-bottom: 1.0416666666666667rem;
    padding-left: 2.1875rem;
    width: 100%;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: calc(20/1920*100rem);
    line-height: 1;
    text-align: center }
  @media (min-width: 1024px){
  .section-cangcanphumy-services .service-more-btn{
    font-size: calc(24/1920*100rem);
  }
}

body.service-popup-open {
  overflow: hidden; }

@media (min-width: 768px) {
  .section-cangcanphumy-services .service-tab-list{
    max-width: 31.25rem;
  } }

@media (min-width: 1024px) {
  .section-cangcanphumy-services .service-popup-dialog{
    min-height: 0 /* 0px */;
  } }

.service-popup{
  display: flex;
  position: fixed;
  justify-content: center;
  align-items: center;
  z-index: 999;
  inset: 0 /* 0px */;
  padding: calc(16/1920*100rem);
}

@media (min-width: 768px){
  .service-popup{
    padding: calc(24/1920*100rem);
  }
}

.service-popup{
  visibility: hidden;
  opacity: 0;  transition: opacity .35s ease, visibility .35s ease;
  pointer-events: none;
}
  .service-popup.active, .section-core-values .core-values-body .core-values-list .service-popup.core-values-item:hover{
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
  .service-popup .service-popup-overlay{
  position: absolute;    opacity: 0;
    transition: opacity .38s ease;
  inset: 0 /* 0px */;
  background-color: rgb(0 0 0 / 0.2);
}
  .service-popup .service-popup-dialog{
  position: relative;
  z-index: 2;
  border-radius: calc(40/1920*100rem);
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
  @media (min-width: 1200px){
  .service-popup .service-popup-dialog{
    max-width: 72.91666666666667rem;
  }
}
  .service-popup .service-popup-dialog {
    transform: translate3d(0, 48px, 0) scale(0.96);
    transform-origin: center center;
    opacity: 0;
    transition: opacity 0.42s ease, transform 0.58s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;    background: #ffffff; }
  .service-popup .service-popup-close{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  display: flex;
  position: absolute;
  top: calc(12/1920*100rem);
  right: calc(12/1920*100rem);
  justify-content: center;
  align-items: center;
  z-index: 4;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 9999px;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  width: 1.6666666666666667rem;
  height: 1.6666666666666667rem;
  color: rgb(43 70 160 / var(--tw-text-opacity));
}
  @media (min-width: 768px){
  .service-popup .service-popup-close{
    width: 2.5rem;
    height: 2.5rem;
  }
}
  @media (min-width: 1024px){
  .service-popup .service-popup-close{
    top: 1.1458333333333335rem;
    right: 1.1458333333333335rem;
    width: 3.3333333333333335rem;
    height: 3.3333333333333335rem;
  }
}
  .service-popup .service-popup-close {
    transform: scale(0.86);    opacity: 0;
    transition: opacity 0.28s ease 0.18s, transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) 0.18s, background-color 0.3s ease, color 0.3s ease; }
    .service-popup .service-popup-close i{
  font-weight: 500;
  font-size: calc(20/1920*100rem);
}
    @media (min-width: 1024px){
  .service-popup .service-popup-close i{
    font-size: 1.6666666666666667rem;
  }
}
  .service-popup .service-popup-grid{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
  @media (min-width: 1024px){
  .service-popup .service-popup-grid{
    grid-template-columns: minmax(0,calc(560 / 1920 * 100rem)) minmax(0,1fr);
  }
}
  .service-popup .service-popup-copy {
    --tw-text-opacity: 1;
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    transform: translate3d(-32px, 0, 0);    opacity: 0;
    transition: opacity 0.42s ease 0.08s, transform 0.56s cubic-bezier(0.22, 1, 0.36, 1) 0.08s;
    background: linear-gradient(71deg, #2B46A0 -12.57%, #0093E9 100%);
    padding: calc(40/1920*100rem);
    overflow: hidden;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    text-align: center; }
  .service-popup .service-popup-title{
  --tw-text-opacity: 1;
  position: relative;
  z-index: 2;
  margin-right: auto;
  margin-left: auto;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: calc(20/1920*100rem);
  line-height: 1.08;
}
  @media (min-width: 1024px){
  .service-popup .service-popup-title{
    font-size: 1.6666666666666667rem;
  }
}
  .service-popup .service-popup-desc{
  position: relative;
  z-index: 2;
  margin-top: calc(20/1920*100rem);
  margin-right: auto;
  margin-left: auto;
}
  .service-popup .service-popup-desc > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(20/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(20/1920*100rem) * var(--tw-space-y-reverse));
}
  .service-popup .service-popup-desc{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 16px;
  line-height: 1.6;
  line-height: calc(28 / 18);
  letter-spacing: -0.36px;
}
  @media (min-width: 1024px){
  .service-popup .service-popup-desc{
    line-height: calc(24 / 18);
  }
}
  @media (min-width: 1200px){
  .service-popup .service-popup-desc{
    font-size: calc(18/1920*100rem);
  }
}
  .service-dt-2-section .service-popup .service-popup-desc{
  letter-spacing: -0.36px;
}
  @media (min-width: 1024px){
  .service-popup .service-popup-desc{
    line-height: 1.33;
  }
}
  .service-popup .service-popup-desc::-webkit-scrollbar{
  width: calc(4/1920*100rem);
  height: calc(4/1920*100rem);
}
  .service-popup .service-popup-desc::-webkit-scrollbar-track{
  --tw-bg-opacity: 1;
  border-radius: 9999px;
  background-color: rgb(189 189 189 / var(--tw-bg-opacity));
}
  .service-popup .service-popup-desc::-webkit-scrollbar-thumb{
  --tw-bg-opacity: 1;
  border-radius: 9999px;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
}
  .service-popup .service-popup-desc{
  height: 20vh;
  overflow-y: auto;
}
  @media (min-width: 1024px){
  .service-popup .service-popup-desc{
    height: auto;
  }
}
    .service-popup .service-popup-desc br{
  display: none;
}
    @media (min-width: 1024px){
  .service-popup .service-popup-desc br{
    display: block;
  }
}
  .service-popup .popup-copy-corner{
  position: absolute;
  right: 0 /* 0px */;
  bottom: 0 /* 0px */;
  width: 9.375rem;
  height: auto;
  pointer-events: none;
}
  @media (min-width: 768px){
  .service-popup .popup-copy-corner{
    width: 14.947916666666668rem;
  }
}
    .service-popup .popup-copy-corner img{      transform: scaleX(-1);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
  .service-popup .service-popup-media{
  --tw-bg-opacity: 1;
  position: relative;
    transform: translate3d(32px, 0, 0);    opacity: 0;
    transition: opacity 0.42s ease 0.14s, transform 0.56s cubic-bezier(0.22, 1, 0.36, 1) 0.14s;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
  .service-popup .service-popup-slider{
  display: flex;
  flex-direction: column;
  height: 100%;
}
  .service-popup .service-popup-top{
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
  width: 100%;
}
    .service-popup .service-popup-top .image{
  aspect-ratio: 840/626;
}
      .service-popup .service-popup-top .image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
  .service-popup .service-popup-controls{
  --tw-translate-y: -50%;
  display: flex;
  position: absolute;
  top: 50%;
  right: 0 /* 0px */;
  left: 0 /* 0px */;
  justify-content: center;
  justify-content: space-between;
  align-items: center;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  z-index: 3;
  padding-right: calc(16/1920*100rem);
  padding-left: calc(16/1920*100rem);
}
  @media (min-width: 1024px){
  .service-popup .service-popup-controls{
    --tw-translate-y: 0 /* 0px */;
    top: auto;
    bottom: 0 /* 0px */;
    justify-content: center;
    gap: calc(32/1920*100rem);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    padding-top: calc(20/1920*100rem);
    padding-right: 2.34375rem;
    padding-bottom: calc(20/1920*100rem);
    padding-left: 2.34375rem;
  }
}
  .service-popup .service-popup-controls {
    -webkit-backdrop-filter: none;
            backdrop-filter: none;    background: transparent; }

@media (min-width: 1024px) {
  .service-popup .service-popup-controls {
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
    background: rgba(0, 8, 34, 0.5); } }
    .service-popup .service-popup-controls .button-prev, .service-popup .service-popup-controls .button-next{
  --tw-text-opacity: 1;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 9999px;
  background-color: rgb(0 0 0 / 0.2);
  width: calc(48/1920*100rem);
  height: calc(48/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
    @media (min-width: 768px){
  .service-popup .service-popup-controls .button-prev, .service-popup .service-popup-controls .button-next{
    width: calc(64/1920*100rem);
    height: calc(64/1920*100rem);
  }
}
      .service-popup .service-popup-controls .button-prev:hover, .service-popup .service-popup-controls .button-next:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
}
      .service-popup .service-popup-controls .button-prev i, .service-popup .service-popup-controls .button-next i{
  font-weight: 200;
  font-size: calc(24/1920*100rem);
}
  .service-popup .service-popup-thumbs{
  display: none;
  flex: 1 1 0%;
  min-width: 0 /* 0px */;
}
  @media (min-width: 1024px){
  .service-popup .service-popup-thumbs{
    display: flex;
  }
}
    .service-popup .service-popup-thumbs .swiper-slide{      transform: translate3d(0, 16px, 0);
  opacity: 0.7;
      transition: opacity 0.35s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
      .service-popup .service-popup-thumbs .swiper-slide.swiper-slide-thumb-active{
  opacity: 1;
}
        .service-popup .service-popup-thumbs .swiper-slide.swiper-slide-thumb-active .thumb-image img{
  border-bottom-right-radius: calc(24/1920*100rem);
}
  .service-popup .thumb-image{
  --tw-bg-opacity: 1;
  background-color: rgb(237 29 36 / var(--tw-bg-opacity));
  aspect-ratio: 165/122;
  overflow: hidden;
}
    .service-popup .thumb-image img{
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.service-popup.active .service-popup-overlay, .section-core-values .core-values-body .core-values-list .service-popup.core-values-item:hover .service-popup-overlay {
  opacity: 1; }

.service-popup.active .service-popup-dialog, .section-core-values .core-values-body .core-values-list .service-popup.core-values-item:hover .service-popup-dialog {
  transform: translate3d(0, 0, 0) scale(1);
  opacity: 1; }

.service-popup.active .service-popup-close, .section-core-values .core-values-body .core-values-list .service-popup.core-values-item:hover .service-popup-close {
  transform: scale(1);
  opacity: 1; }

.service-popup.active .service-popup-copy, .section-core-values .core-values-body .core-values-list .service-popup.core-values-item:hover .service-popup-copy {
  transform: translate3d(0, 0, 0);
  opacity: 1; }

.service-popup.active .service-popup-media, .section-core-values .core-values-body .core-values-list .service-popup.core-values-item:hover .service-popup-media {
  transform: translate3d(0, 0, 0);
  opacity: 1; }

.service-popup.active .service-popup-thumbs .swiper-slide, .section-core-values .core-values-body .core-values-list .service-popup.core-values-item:hover .service-popup-thumbs .swiper-slide {
  transform: translate3d(0, 0, 0); }

.section-cangcanphumy-documents{
  position: relative;
  padding-top: calc(64/1920*100rem);
  padding-bottom: calc(64/1920*100rem);
  overflow: hidden;
}

@media (min-width: 1200px){
  .section-cangcanphumy-documents{
    padding-top: calc(80/1920*100rem);
    padding-bottom: calc(80/1920*100rem);
  }
}

.section-cangcanphumy-documents {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  width: 100vw; }
  .section-cangcanphumy-documents .background-layer{
  position: absolute;
  z-index: 0;
  inset: 0 /* 0px */;
}
    .section-cangcanphumy-documents .background-layer img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
    .section-cangcanphumy-documents .background-layer video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
    .section-cangcanphumy-documents .background-layer::before {
      position: absolute;
      z-index: 1;
      inset: 0 /* 0px */;      background: #00000033;
      content: ''; }
  .section-cangcanphumy-documents .container{
  position: relative;
  z-index: 10;
}
  .section-cangcanphumy-documents .section-header{
  text-align: center;
}
  .section-cangcanphumy-documents .section-title{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: calc(24/1920*100rem);
  line-height: 1.2;
}
  @media (min-width: 768px){
  .section-cangcanphumy-documents .section-title{
    font-size: calc(30/1920*100rem);
  }
}
  @media (min-width: 1024px){
  .section-cangcanphumy-documents .section-title{
    font-size: calc(48/1920*100rem);
  }
}
  .section-cangcanphumy-documents .document-list{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(24/1920*100rem);
  margin-top: calc(32/1920*100rem);
}
  @media (min-width: 768px){
  .section-cangcanphumy-documents .document-list{
    flex-direction: row;
    justify-content: center;
  }
}
  @media (min-width: 1200px){
  .section-cangcanphumy-documents .document-list{
    gap: calc(40/1920*100rem);
    margin-top: 2.291666666666667rem;
  }
}
  .section-cangcanphumy-documents .document-card{
  --tw-bg-opacity: 1;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: calc(32/1920*100rem);
  padding-right: calc(24/1920*100rem);
  padding-bottom: calc(32/1920*100rem);
  padding-left: calc(24/1920*100rem);
  aspect-ratio: 440/301;
  width: 100%;
  min-height: 220px;
  text-align: center;
}
  @media (min-width: 1024px){
  .section-cangcanphumy-documents .document-card{
    width: 22.916666666666668rem;
  }
}
  @media (min-width: 768px){
  .section-cangcanphumy-documents .document-card{
    width: 13.541666666666668rem;
    min-height: 9.375rem;
  }
}
  @media (min-width: 1024px){
  .section-cangcanphumy-documents .document-card{
    width: 22.916666666666668rem;
  }
}
  .section-cangcanphumy-documents .document-card{
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
    .section-cangcanphumy-documents .document-card:hover{
  --tw-translate-y: calc(calc(4/1920*100rem) * -1);
  --tw-shadow: 4px 4px 32px 16px rgba(0, 0, 0, 0.08);
  --tw-shadow-colored: 4px 4px 32px 16px var(--tw-shadow-color);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
  .section-cangcanphumy-documents .card-action{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  display: flex;
  position: absolute;
  top: 0 /* 0px */;
  right: 0 /* 0px */;
  justify-content: center;
  align-items: center;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
  width: calc(48/1920*100rem);
  height: calc(48/1920*100rem);
  color: rgb(43 70 160 / var(--tw-text-opacity));
}
  @media (min-width: 1024px){
  .section-cangcanphumy-documents .card-action{
    width: calc(64/1920*100rem);
    height: calc(64/1920*100rem);
  }
}
    .section-cangcanphumy-documents .card-action i{
  font-size: calc(20/1920*100rem);
}
  .section-cangcanphumy-documents .card-icon{
  width: 4.791666666666667rem;
}
  @media (min-width: 1024px){
  .section-cangcanphumy-documents .card-icon{
    width: 6.979166666666667rem;
  }
}
    .section-cangcanphumy-documents .card-icon img{
  width: 100%;
  height: auto;
  object-fit: contain;
}
  .section-cangcanphumy-documents .card-name{
  --tw-text-opacity: 1;
  margin-top: calc(28/1920*100rem);
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: calc(18/1920*100rem);
  line-height: 1.3;
}
  @media (min-width: 768px){
  .section-cangcanphumy-documents .card-name{
    font-size: calc(24/1920*100rem);
  }
}

.section-cangcanphumy-mooring{
  overflow: hidden;
}

@media (min-width: 1024px) {

.section-cangcanphumy-mooring {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  width: 100vw; } }
  .section-cangcanphumy-mooring .container-full{
  padding-right: 0 /* 0px */;
  padding-left: 0 /* 0px */;
}
  .section-cangcanphumy-mooring .mooring-grid{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
  @media (min-width: 1024px){
  .section-cangcanphumy-mooring .mooring-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
  .section-cangcanphumy-mooring .mooring-media{
  position: relative;
  min-height: 27.083333333333336rem;
  overflow: hidden;
}
  @media (min-width: 1024px){
  .section-cangcanphumy-mooring .mooring-media{
    min-height: 0 /* 0px */;
  }
}
  .section-cangcanphumy-mooring .mooring-image{
  position: absolute;
  z-index: 0;
  inset: 0 /* 0px */;
}
    .section-cangcanphumy-mooring .mooring-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
  .section-cangcanphumy-mooring .mooring-stats{
  display: flex;
  position: absolute;
  bottom: 0 /* 0px */;
  left: 0 /* 0px */;
  column-gap: calc(12/1920*100rem);
  row-gap: calc(24/1920*100rem);
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  z-index: 2;
  padding-top: calc(24/1920*100rem);
  padding-bottom: calc(24/1920*100rem);
  width: 100%;
}
  @media (min-width: 1024px){
  .section-cangcanphumy-mooring .mooring-stats{
    justify-content: center;
  }
}
  .section-cangcanphumy-mooring .mooring-stats {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);    background: rgba(0, 8, 34, 0.5); }
  .section-cangcanphumy-mooring .article-stat{
  --tw-text-opacity: 1;
  display: flex;
  position: relative;
  flex: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-right: calc(16/1920*100rem);
  padding-left: calc(16/1920*100rem);
  width: auto;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-align: center;
}
  @media (min-width: 768px){
  .section-cangcanphumy-mooring .article-stat{
    width: 7.8125rem;
  }
}
  @media (min-width: 1024px){
  .section-cangcanphumy-mooring .article-stat{
    width: 12.760416666666668rem;
  }
}
  .section-cangcanphumy-mooring .stat-icon{
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(48/1920*100rem);
}
  @media (min-width: 768px){
  .section-cangcanphumy-mooring .stat-icon{
    height: calc(64/1920*100rem);
  }
}
    .section-cangcanphumy-mooring .stat-icon img{
  width: auto;
  height: 100%;
  object-fit: contain;
}
  .section-cangcanphumy-mooring .stat-value{
  --tw-text-opacity: 1;
  margin-top: calc(12/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  line-height: calc(30 / 24);
  letter-spacing: -0.8px;
}
  @media (min-width: 1200px){
  .section-cangcanphumy-mooring .stat-value{
    font-size: calc(24/1920*100rem);
  }
}
  @media (min-width: 768px){
  .section-cangcanphumy-mooring .stat-value{
    font-size: calc(36/1920*100rem);
  }
}
  @media (min-width: 1024px){
  .section-cangcanphumy-mooring .stat-value{
    font-size: 2.0833333333333335rem;
  }
}
  .section-cangcanphumy-mooring .mooring-content{
  display: flex;
  position: relative;
  align-items: center;
  padding-top: 2.0833333333333335rem;
  padding-right: 3.125rem;
  padding-bottom: 2.0833333333333335rem;
  padding-left: 3.125rem;
}
  @media (min-width: 768px){
  .section-cangcanphumy-mooring .mooring-content{
    padding-top: 3.125rem;
    padding-right: 9.895833333333334rem;
    padding-bottom: 3.125rem;
    padding-left: 4.166666666666667rem;
  }
}
  @media (min-width: 1024px){
  .section-cangcanphumy-mooring .mooring-content{
    padding-top: 4.895833333333334rem;
    padding-right: 2.0833333333333335rem;
    padding-bottom: 4.895833333333334rem;
    padding-left: 6.25rem;
  }
}
  @media (min-width: 1200px){
  .section-cangcanphumy-mooring .mooring-content{
    padding-right: 13.541666666666668rem;
  }
}
    .section-cangcanphumy-mooring .mooring-content::before {
      position: absolute;      opacity: .1;
      z-index: 0;
      inset: 0 /* 0px */;
      background: linear-gradient(71deg, #2B46A0 -12.57%, #0093E9 100%);
      content: ''; }
  .section-cangcanphumy-mooring .content-inner{
  position: relative;
  z-index: 1;
  width: 100%;
}
  .section-cangcanphumy-mooring .section-title{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: calc(30/1920*100rem);
  line-height: 1.12;
  text-align: center;
}
  @media (min-width: 768px){
  .section-cangcanphumy-mooring .section-title{
    font-size: calc(36/1920*100rem);
  }
}
  @media (min-width: 1024px){
  .section-cangcanphumy-mooring .section-title{
    font-size: calc(48/1920*100rem);
  }
}
  .section-cangcanphumy-mooring .content-list{
  margin-top: calc(24/1920*100rem);
}
  .section-cangcanphumy-mooring .content-list > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(16/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(16/1920*100rem) * var(--tw-space-y-reverse));
}
  @media (min-width: 1024px){
  .section-cangcanphumy-mooring .content-list > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(24/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(calc(24/1920*100rem) * var(--tw-space-y-reverse));
  }
  .section-cangcanphumy-mooring .content-list{
    margin-top: calc(32/1920*100rem);
  }
}
  .section-cangcanphumy-mooring .copy-desc{
  --tw-text-opacity: 1;
  margin-top: calc(8/1920*100rem);
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: 14px;
  line-height: calc(18 / 14);
}
  @media (min-width: 1200px){
  .section-cangcanphumy-mooring .copy-desc{
    font-size: calc(14/1920*100rem);
  }
}
  .section-cangcanphumy-mooring .copy-desc{
  line-height: 1.6 !important;
}
  @media (min-width: 768px){
  .section-cangcanphumy-mooring .copy-desc{
    font-size: 0.9375rem;
  }
}
    .section-cangcanphumy-mooring .copy-desc br{
  display: none;
}
    @media (min-width: 1024px){
  .section-cangcanphumy-mooring .copy-desc br{
    display: block;
  }
  .section-cangcanphumy-mooring .mooring-media, .section-cangcanphumy-mooring .mooring-content{
    min-height: 30.46875rem;
  }
}

.footer-brand-title{
  margin-bottom: calc(20/1920*100rem);
  text-align: center;
}
  .footer-brand-title__text{
  display: block;
  width: 100%;
  font-weight: 700;
  font-size: 1.6666666666666667rem;
  line-height: 1.8;
  letter-spacing: -0.8px;
  text-transform: uppercase;
}
  @media (min-width: 1024px){
  .footer-brand-title__text{
    font-size: calc(40/1920*100rem);
  }
}
  .footer-brand-title__text {
    -webkit-background-clip: text;
    background-position: center;
    background-size: cover;    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent; }

.footer-top{
  border-top-left-radius: calc(40/1920*100rem);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: calc(40/1920*100rem);
  padding-right: calc(24/1920*100rem);
  padding-bottom: calc(40/1920*100rem);
  padding-left: calc(24/1920*100rem);
}

@media (min-width: 768px) {
  .footer-top{
    border-top-left-radius: calc(80/1920*100rem);
    padding-top: calc(40/1920*100rem);
    padding-right: calc(48/1920*100rem);
    padding-bottom: calc(40/1920*100rem);
    padding-left: calc(48/1920*100rem);
  } }

@media (min-width: 1200px) {
  .footer-top{
    border-top-left-radius: calc(120/1920*100rem);
    padding-top: calc(40/1920*100rem);
    padding-right: calc(64/1920*100rem);
    padding-bottom: calc(40/1920*100rem);
    padding-left: calc(64/1920*100rem);
  } }
  .footer-top .container{
  margin-right: auto;
  margin-left: auto;
  padding-right: 0 /* 0px */;
  padding-left: 0 /* 0px */;
  max-width: 100%;
}

.footer-logo{
  margin-right: auto;
  margin-left: auto;
  width: 6.458333333333334rem;
  height: 3.75rem;
}
  .footer-logo img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.footer-address-group{
  display: flex;
  flex-direction: column;
  gap: calc(48/1920*100rem);
}

@media (min-width: 1200px){
  .footer-address-group{
    gap: calc(64/1920*100rem);
  }
}

.footer-address-block__title{
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  margin-bottom: calc(12/1920*100rem);
  border-bottom-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  padding-bottom: calc(12/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 18px;
  line-height: calc(26 / 20);
  text-transform: uppercase;
}

@media (min-width: 1200px){
  .footer-address-block__title{
    font-size: calc(20/1920*100rem);
  }
}

.footer-address-block__content p{
  --tw-text-opacity: 1;
  display: block;
  border-bottom-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
  padding-top: calc(16/1920*100rem);
  padding-bottom: calc(16/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: 16px;
  line-height: calc(22 / 16);
}

@media (min-width: 1200px){
  .footer-address-block__content p{
    font-size: calc(16/1920*100rem);
  }
}
  .footer-address-block__content p:has(a){
  position: relative;
    transition: background-size 350ms;    background: linear-gradient(0deg, currentColor, currentColor) no-repeat right bottom/0 1px;
}
  .footer-address-block__content p:has(a):hover {
      background-size: 100% 1px;
      background-position-x: left; }

.footer-title{
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  margin-bottom: calc(12/1920*100rem);
  border-bottom-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  padding-bottom: calc(12/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 18px;
  line-height: calc(26 / 20);
  text-transform: uppercase;
}

@media (min-width: 1200px){
  .footer-title{
    font-size: calc(20/1920*100rem);
  }
}

.footer-menu > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(12/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(12/1920*100rem) * var(--tw-space-y-reverse));
}
  .footer-menu a, .footer-menu p{
  --tw-text-opacity: 1;
  display: block;
  border-bottom-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
  padding-top: calc(16/1920*100rem);
  padding-bottom: calc(16/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: 16px;
  line-height: calc(22 / 16);
}
  @media (min-width: 1200px){
  .footer-menu a, .footer-menu p{
    font-size: calc(16/1920*100rem);
  }
}
  .footer-menu a{
  position: relative;
    transition: background-size 350ms;    background: linear-gradient(0deg, currentColor, currentColor) no-repeat right bottom/0 1px;
}
  .footer-menu a:hover {
      background-size: 100% 1px;
      background-position-x: left; }

.footer-copyright{
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: 14px;
  line-height: calc(18 / 14);
  text-align: center;
}

@media (min-width: 1200px){
  .footer-copyright{
    font-size: calc(14/1920*100rem);
  }
}

@media (min-width: 1024px){
  .footer-copyright{
    text-align: left;
  }
}

.footer-policy{
  --tw-text-opacity: 1;
  display: flex;
  align-items: center;
  gap: calc(16/1920*100rem);
  color: rgb(129 129 129 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: 14px;
  line-height: calc(18 / 14);
}

@media (min-width: 1200px){
  .footer-policy{
    font-size: calc(14/1920*100rem);
  }
}
  .footer-policy p{
  padding-right: calc(16/1920*100rem);
  padding-left: calc(16/1920*100rem);
  color: rgb(0 0 0 / 0.2);
}
  .footer-policy a{
  position: relative;
    transition: background-size 350ms;    background: linear-gradient(0deg, currentColor, currentColor) no-repeat right bottom/0 1px;
}
  .footer-policy a:hover {
      background-size: 100% 1px;
      background-position-x: left; }

.footer-bot{
  --tw-bg-opacity: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: calc(20/1920*100rem);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: calc(24/1920*100rem);
  padding-right: calc(16/1920*100rem);
  padding-bottom: calc(24/1920*100rem);
  padding-left: calc(16/1920*100rem);
}

@media (min-width: 768px){
  .footer-bot{
    padding-right: 0 /* 0px */;
    padding-left: 0 /* 0px */;
  }
}

@media (min-width: 1024px){
  .footer-bot{
    flex-direction: row;
  }
}

@media (min-width: 1200px){
  .footer-bot{
    padding-top: calc(32/1920*100rem);
    padding-bottom: calc(32/1920*100rem);
  }
}

.footer-grid{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: calc(40/1920*100rem);
}

@media (min-width: 768px){
  .footer-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1200px){
  .footer-grid{
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: calc(40/1920*100rem);
  }
}
  .footer-grid .footer-grid__item:first-child{
  grid-column: span 1 / span 1;
}
  @media (min-width: 768px){
  .footer-grid .footer-grid__item:first-child{
    grid-column: span 2 / span 2;
  }
}
  @media (min-width: 1200px){
  .footer-grid .footer-grid__item:first-child{
    grid-column: span 1 / span 1;
  }
}

footer{
  position: relative;
  z-index: 100;
  margin-top: calc(40/1920*100rem);
}

@media (min-width: 768px){
  footer{
    padding-right: calc(16/1920*100rem);
    padding-left: calc(16/1920*100rem);
  }
}

@media (min-width: 1200px){
  footer{
    z-index: 0;
    padding-right: calc(40/1920*100rem);
    padding-left: calc(40/1920*100rem);
  }
}
  footer .social-list ul{
  display: flex;
  flex-wrap: wrap;
  gap: calc(32/1920*100rem);
}
  footer .social-list a{
  --tw-text-opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: none;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: calc(48/1920*100rem);
}
    footer .social-list a:hover{
  --tw-text-opacity: 1;
  color: rgb(237 29 36 / var(--tw-text-opacity));
}

.section-khophumy-warehouse{
  position: relative;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding-top: calc(40/1920*100rem);
  padding-bottom: calc(40/1920*100rem);
  width: 100vw;
  overflow: hidden;
}

@media (min-width: 1024px){
  .section-khophumy-warehouse{
    padding-top: 3.3333333333333335rem;
    padding-bottom: 3.3333333333333335rem;
  }
}

.section-khophumy-warehouse{
  min-height: 37.708333333333336rem;
}
  .section-khophumy-warehouse .bg-kho{
  position: absolute;
  z-index: -1;
  inset: 0 /* 0px */;
}
    .section-khophumy-warehouse .bg-kho img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
  .section-khophumy-warehouse .container{
  margin-right: auto;
  margin-left: auto;
}
  .section-khophumy-warehouse .section-header{
  text-align: center;
}
  .section-khophumy-warehouse .warehouse-layout{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  gap: calc(40/1920*100rem);
}

@media (min-width: 1024px) {
  .section-khophumy-warehouse .warehouse-layout{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(64/1920*100rem);
  } }
  .section-khophumy-warehouse .warehouse-tab-list{
  display: flex;
  flex-direction: column;
}
  .section-khophumy-warehouse .warehouse-tab-btn{
  --tw-text-opacity: 1;
  display: flex;
  align-items: center;
  gap: calc(20/1920*100rem);
  padding-top: calc(20/1920*100rem);
  padding-bottom: calc(20/1920*100rem);
  width: 100%;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
  text-align: left;
}
  @media (min-width: 1024px){
  .section-khophumy-warehouse .warehouse-tab-btn{
    font-size: 1.4583333333333335rem;
  }
}
  .section-khophumy-warehouse .warehouse-tab-btn {    transition: color 0.28s ease; }
    .section-khophumy-warehouse .warehouse-tab-btn .tab-icon{
  flex-shrink: 0;
  width: calc(32/1920*100rem);
  height: 1.5625rem;
}
      .section-khophumy-warehouse .warehouse-tab-btn .tab-icon svg{
  fill: #000000;
  display: block;        transition: fill .32s ease, transform .32s ease;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
  .section-khophumy-warehouse .warehouse-tab-item.active .tab-icon svg, .section-khophumy-warehouse .section-core-values .core-values-body .core-values-list .warehouse-tab-item.core-values-item:hover .tab-icon svg, .section-core-values .core-values-body .core-values-list .section-khophumy-warehouse .warehouse-tab-item.core-values-item:hover .tab-icon svg {
    fill: #2B46A0;
    transform: rotate(90deg) }
    .section-khophumy-warehouse .warehouse-tab-item.active .tab-icon svg > path, .section-khophumy-warehouse .section-core-values .core-values-body .core-values-list .warehouse-tab-item.core-values-item:hover .tab-icon svg > path, .section-core-values .core-values-body .core-values-list .section-khophumy-warehouse .warehouse-tab-item.core-values-item:hover .tab-icon svg > path{
  fill: #2B46A0;
}
  .section-khophumy-warehouse .warehouse-tab-item.active .tab-title, .section-khophumy-warehouse .section-core-values .core-values-body .core-values-list .warehouse-tab-item.core-values-item:hover .tab-title, .section-core-values .core-values-body .core-values-list .section-khophumy-warehouse .warehouse-tab-item.core-values-item:hover .tab-title{
  --tw-text-opacity: 1;
  color: rgb(43 70 160 / var(--tw-text-opacity));
  font-weight: 700;
}
  .section-khophumy-warehouse .warehouse-tab-item.active .warehouse-tab-desc, .section-khophumy-warehouse .section-core-values .core-values-body .core-values-list .warehouse-tab-item.core-values-item:hover .warehouse-tab-desc, .section-core-values .core-values-body .core-values-list .section-khophumy-warehouse .warehouse-tab-item.core-values-item:hover .warehouse-tab-desc {
    grid-template-rows: 1fr;
    opacity: 1;
    padding-bottom: 1.25rem; }
  .section-khophumy-warehouse .warehouse-tab-item .tab-title{
  font-weight: 400;
  font-size: calc(24/1920*100rem);
  line-height: 1.35;
}
  @media (min-width: 1024px){
  .section-khophumy-warehouse .warehouse-tab-item .tab-title{
    font-size: 1.6666666666666667rem;
  }
}
  .section-khophumy-warehouse .warehouse-tab-item .tab-title {    transition: color 0.28s ease; }
  .section-khophumy-warehouse .warehouse-tab-item:hover .tab-icon svg{
  fill: #2B46A0;
}
  .section-khophumy-warehouse .warehouse-tab-item:hover .tab-title{
  --tw-text-opacity: 1;
  color: rgb(43 70 160 / var(--tw-text-opacity));
}
  .section-khophumy-warehouse .warehouse-tab-desc {
    --tw-text-opacity: 1;
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows 0.38s ease, opacity 0.32s ease 0.04s, padding-bottom 0.32s ease;
    padding-bottom: 0;
    min-height: 0 /* 0px */;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-size: 16px;
    line-height: 1.6;
    line-height: calc(28 / 18);
    letter-spacing: -0.36px }
  @media (min-width: 1024px){
  .section-khophumy-warehouse .warehouse-tab-desc{
    line-height: calc(24 / 18);
  }
}
  @media (min-width: 1200px){
  .section-khophumy-warehouse .warehouse-tab-desc{
    font-size: calc(18/1920*100rem);
  }
}
  .service-dt-2-section .section-khophumy-warehouse .warehouse-tab-desc{
  letter-spacing: -0.36px;
}
  @media (min-width: 1024px){
  .section-khophumy-warehouse .warehouse-tab-desc{
    line-height: 1.33;
  }
}
    .section-khophumy-warehouse .warehouse-tab-desc > *{
  overflow: hidden;
}
  .section-khophumy-warehouse .warehouse-gallery-list{
  position: relative;
  width: 100%;
  min-height: 18.75rem;
}
  @media (min-width: 768px){
  .section-khophumy-warehouse .warehouse-gallery-list{
    min-height: 23.958333333333336rem;
  }
}
  @media (min-width: 1024px){
  .section-khophumy-warehouse .warehouse-gallery-list{
    min-width: 35.41666666666667rem;
    min-height: 26.041666666666668rem;
  }
}
  .section-khophumy-warehouse .warehouse-gallery{
  position: absolute;
  visibility: hidden;
  opacity: 0;    transition: opacity 0.42s ease, visibility 0.42s ease;
  inset: 0 /* 0px */;
  pointer-events: none;
}
    .section-khophumy-warehouse .warehouse-gallery.active, .section-khophumy-warehouse .section-core-values .core-values-body .core-values-list .warehouse-gallery.core-values-item:hover, .section-core-values .core-values-body .core-values-list .section-khophumy-warehouse .warehouse-gallery.core-values-item:hover{
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
  .section-khophumy-warehouse .warehouse-slider{
  position: relative;
  border-radius: calc(40/1920*100rem);
  width: 100%;
  height: 100%;
  overflow: hidden;
}
    .section-khophumy-warehouse .warehouse-slider .swiper{
  width: 100%;
  height: 100%;
}
    .section-khophumy-warehouse .warehouse-slider .slide-image{
  width: 100%;
  height: 100%;
}
      .section-khophumy-warehouse .warehouse-slider .slide-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
  .section-khophumy-warehouse .warehouse-slider-controls{
  display: flex;
  position: absolute;
  bottom: 0 /* 0px */;
  left: 0 /* 0px */;
  justify-content: space-between;
  align-items: center;
  gap: calc(24/1920*100rem);
  z-index: 10;
  padding: calc(24/1920*100rem);
  pointer-events: none;
}
    .section-khophumy-warehouse .warehouse-slider-controls button{
  --tw-text-opacity: 1;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  z-index: 10;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 9999px;
  background-color: rgb(0 0 0 / 0.5);
  width: calc(48/1920*100rem);
  height: calc(48/1920*100rem);
  pointer-events: auto;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
    @media (min-width: 768px){
  .section-khophumy-warehouse .warehouse-slider-controls button{
    width: calc(64/1920*100rem);
    height: calc(64/1920*100rem);
  }
}
      .section-khophumy-warehouse .warehouse-slider-controls button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(43 70 160 / var(--tw-bg-opacity));
}
      .section-khophumy-warehouse .warehouse-slider-controls button i{
  font-weight: 200;
  font-size: calc(24/1920*100rem);
}
      .section-khophumy-warehouse .warehouse-slider-controls button:hover {
        background: rgba(43, 70, 160, 0.85); }
      .section-khophumy-warehouse .warehouse-slider-controls button.swiper-button-disabled{
  opacity: 0.4;
  pointer-events: none;
}

.section-khophumy-services{
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding-top: 2.916666666666667rem;
  padding-bottom: 2.916666666666667rem;
  width: 100vw;
  overflow: hidden;
}

@media (min-width: 1024px){
  .section-khophumy-services{
    padding-top: 4.166666666666667rem;
    padding-bottom: 4.166666666666667rem;
  }
}

.section-khophumy-services {  background: linear-gradient(180deg, #FFFFFF 0%, #EBF3FB 100%); }
  .section-khophumy-services .section-header{
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px /* 16px */;
  padding-left: 16px /* 16px */;
  width: 100%;
}
  @media (min-width: 400px){
  .section-khophumy-services .section-header{
    max-width: 400px;
  }
}
  @media (min-width: 576px){
  .section-khophumy-services .section-header{
    max-width: 576px;
  }
}
  @media (min-width: 768px){
  .section-khophumy-services .section-header{
    max-width: 768px;
  }
}
  @media (min-width: 1024px){
  .section-khophumy-services .section-header{
    max-width: 1024px;
  }
}
  @media (min-width: 1200px){
  .section-khophumy-services .section-header{
    padding-right: calc(20/1920*100rem);
    padding-left: calc(20/1920*100rem);
    max-width: 1200px;
  }
}
  @media (min-width: 1440px){
  .section-khophumy-services .section-header{
    max-width: 1440px;
  }
}
  @media (min-width: 1600px){
  .section-khophumy-services .section-header{
    max-width: 1600px;
  }
}
  @media (min-width: 400px) {
    .section-khophumy-services .section-header{
    max-width: 100%;
  } }
  @media (min-width: 576px) {
    .section-khophumy-services .section-header{
    max-width: 96vw;
  } }
  @media (min-width: 1200px) {
    .section-khophumy-services .section-header{
    max-width: calc(1440 / 1920 * 100rem);
  } }
  .section-khophumy-services .section-header{
  text-align: center;
}
  .contact-section .section-khophumy-services .section-header{
  position: relative;
  z-index: 1;
}
  .general-location .section-khophumy-services .section-header{
  position: relative;
  z-index: 10;
}
  .general-intro .section-khophumy-services .section-header{
  position: relative;
  z-index: 10;
}
  .general-vision-mission .section-khophumy-services .section-header{
  position: relative;
  z-index: 10;
}
  .section-cangcanphumy-banner .section-khophumy-services .section-header{
  position: relative;
  z-index: 10;
}
  .section-cangcanphumy-infrastructure .section-khophumy-services .section-header{
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  z-index: 10;
  height: 100%;
  text-align: center;
}
  .section-cangcanphumy-services .section-khophumy-services .section-header{
  position: relative;
  z-index: 10;
}
  .section-cangcanphumy-documents .section-khophumy-services .section-header{
  position: relative;
  z-index: 10;
}
  .footer-top .section-khophumy-services .section-header{
  margin-right: auto;
  margin-left: auto;
  padding-right: 0 /* 0px */;
  padding-left: 0 /* 0px */;
  max-width: 100%;
}
  .section-khophumy-warehouse .section-khophumy-services .section-header{
  margin-right: auto;
  margin-left: auto;
}
  .section-khophumy-infrastructure .section-khophumy-services .section-header{
  margin-right: auto;
  margin-left: auto;
  max-width: 62.083333333333336rem;
}
  .section-khophumy-services__swiper{
  width: 100%;
}
    .section-khophumy-services__swiper .swiper{
  width: 100%;
  overflow: visible;
}
  .section-khophumy-services .service-card{
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: calc(40/1920*100rem);
  padding-top: calc(24/1920*100rem);
  padding-right: calc(24/1920*100rem);
  padding-bottom: calc(24/1920*100rem);
  padding-left: calc(24/1920*100rem);
  aspect-ratio: 400/700;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
  @media (min-width: 1024px){
  .section-khophumy-services .service-card{
    aspect-ratio: 400/620;
  }
}
    .section-khophumy-services .service-card__image{
  position: absolute;
  z-index: 0;
  inset: 0 /* 0px */;
}
      .section-khophumy-services .service-card__image img{
  transition-duration: 700ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
    .section-khophumy-services .service-card__overlay{
  position: absolute;
  z-index: 1;
  inset: 0 /* 0px */;
  background-color: rgb(0 0 0 / 0.2);
}
    .section-khophumy-services .service-card__body{
  position: relative;
  z-index: 2;
}
    .section-khophumy-services .service-card__title{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 24px;
  line-height: 1.3;
}
    @media (min-width: 768px){
  .section-khophumy-services .service-card__title{
    font-size: calc(24/1920*100rem);
  }
}
    @media (min-width: 1200px){
  .section-khophumy-services .service-card__title{
    font-size: 2.0833333333333335rem;
  }
}
    .section-khophumy-services .service-card__title {      text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); }
    .section-khophumy-services .service-card:hover .service-card__image img {
      transform: scale(1.2); }

.section-khophumy-infrastructure{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: calc(48/1920*100rem);
  padding-bottom: calc(48/1920*100rem);
}

@media (min-width: 1024px){
  .section-khophumy-infrastructure{
    padding-top: 5.520833333333334rem;
    padding-bottom: 5.520833333333334rem;
  }
}

.section-khophumy-infrastructure{
  position: relative;
  min-height: 44.79166666666667rem;
}

@media (min-width: 1024px){
  .section-khophumy-infrastructure{
    aspect-ratio: 1920/860;
  }
}
  .section-khophumy-infrastructure .container{
  margin-right: auto;
  margin-left: auto;
  max-width: 62.083333333333336rem;
}
  .section-khophumy-infrastructure__inner{
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
}
    .section-khophumy-infrastructure__inner .bg-svg{
  display: none;
  position: absolute;
  bottom: 0 /* 0px */;
  z-index: 0;
}
    @media (min-width: 1024px){
  .section-khophumy-infrastructure__inner .bg-svg{
    display: block;
  }
}
    .section-khophumy-infrastructure__inner .bg-svg{
  --tw-translate-y: 40% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  width: 59.47916666666667rem;
}
      .section-khophumy-infrastructure__inner .bg-svg img{
  width: 100%;
  height: auto;
}
  .section-khophumy-infrastructure__title{
  --tw-text-opacity: 1;
  margin-bottom: calc(40/1920*100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: 24px;
  line-height: calc(38 / 48);
  text-align: center;
}
  @media (min-width: 1200px){
  .section-khophumy-infrastructure__title{
    font-size: 2.5rem;
  }
}
  .section-khophumy-infrastructure__polygon-list{
  display: flex;
  flex-direction: column;
  align-items: center;    gap: 1.042rem;
  width: 100%;
}

@media (min-width: 1024px) {
  .section-khophumy-infrastructure__polygon-list{
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 0 /* 0px */;
  } }
  .section-khophumy-infrastructure__polygon-item{
  position: relative;
  flex-shrink: 0;
  aspect-ratio: 406/350;
  width: 21.145833333333336rem;
}

@media (min-width: 768px) {
  .section-khophumy-infrastructure__polygon-item:nth-child(2){
    --tw-translate-x: -50% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    margin-top: -6.25rem !important;
    margin-bottom: -6.25rem !important;
  }
  .section-khophumy-infrastructure__polygon-item:nth-child(1), .section-khophumy-infrastructure__polygon-item:nth-child(3){
    --tw-translate-x: 30% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  } }

@media (min-width: 1024px) {
  .section-khophumy-infrastructure__polygon-item:nth-child(1), .section-khophumy-infrastructure__polygon-item:nth-child(3){
    --tw-translate-x: 0% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }
  .section-khophumy-infrastructure__polygon-item:nth-child(2){
    --tw-translate-y: 50% !important;
    --tw-translate-x: 0% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    margin-top: 0rem !important;
    margin-right: -2.5rem !important;
    margin-bottom: 0rem !important;
    margin-left: -2.5rem !important;
  } }
    .section-khophumy-infrastructure__polygon-item::before {
      --tw-translate-x: 3.6458333333333335rem;
      --tw-translate-y: 1.0416666666666667rem;
      position: absolute;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      z-index: 0;      clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
      inset: 0 /* 0px */;
      aspect-ratio: 357/308;
      max-height: 16.041666666666668rem;
      content: ''; }
    .section-khophumy-infrastructure__polygon-item:nth-child(1)::before {
      background-color: #FF931E; }
    .section-khophumy-infrastructure__polygon-item:nth-child(2)::before {
      background-color: #3FA9F5; }
    .section-khophumy-infrastructure__polygon-item:nth-child(3)::before {
      background-color: #7AC943; }
  .section-khophumy-infrastructure__polygon-wrap{
  --tw-bg-opacity: 1;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 75;
  padding-right: 4.6875rem;
  padding-bottom: 75;
  padding-left: 4.6875rem;
  width: 100%;
  height: 100%;
}
  @media (min-width: 1024px){
  .section-khophumy-infrastructure__polygon-wrap{
    padding-right: 3.125rem;
    padding-left: 3.125rem;
  }
}
  .section-khophumy-infrastructure__polygon-wrap {    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    transition: background-color 0.4s ease; }
    .section-khophumy-infrastructure__polygon-wrap .bg-overlay{
  position: absolute;
      opacity: 0.25;      z-index: -1;
      transition: opacity 0.4s ease;
  inset: 0 /* 0px */;
      background-position: center;
      background-size: cover;
}
    .section-khophumy-infrastructure__polygon-wrap::before {
      position: absolute;
      z-index: 1;
      clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
      transition: background-color 0.4s ease;
      inset: 0 /* 0px */;      background-color: rgba(255, 255, 255, 0.25);
      content: ''; }
    .section-khophumy-infrastructure__polygon-item:hover .section-khophumy-infrastructure__polygon-wrap::before{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
  .section-khophumy-infrastructure__polygon-icon{
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;    transition: all 0.3s ease;
  margin-bottom: calc(16/1920*100rem);
  max-height: 6.770833333333334rem;
}
    .section-khophumy-infrastructure__polygon-icon img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
    .section-khophumy-infrastructure__polygon-item:hover .section-khophumy-infrastructure__polygon-icon {
      transform: scale(0.7);
      opacity: 0;
      max-height: 0 /* 0px */;
      pointer-events: none }
  .section-khophumy-infrastructure__polygon-title{
  --tw-text-opacity: 1;
  z-index: 2;
  color: rgb(43 70 160 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: calc(18/1920*100rem);
  text-align: center;
  text-transform: uppercase;
}
  @media (min-width: 768px){
  .section-khophumy-infrastructure__polygon-title{
    font-size: calc(20/1920*100rem);
  }
}
  .section-khophumy-infrastructure__polygon-title {    transition: color 0.3s ease, transform 0.35s ease; }
  .section-khophumy-infrastructure__polygon-detail{    display: grid;
    grid-template-rows: 0fr;
    transform: translateY(0.5rem);
    opacity: 0;
  z-index: 2;
    transition: grid-template-rows 0.4s ease, opacity 0.35s ease 0.05s, transform 0.35s ease 0.05s;
    transition: grid-template-rows 0.4s ease, opacity 0.35s ease 0.05s, transform 0.35s ease 0.05s, margin-top 0.35s ease;
    margin-top: 0;
  width: 100%;
  overflow: hidden;
}
    .section-khophumy-infrastructure__polygon-detail > * {
      min-height: 0;
      overflow: hidden; }
    .section-khophumy-infrastructure__polygon-item:hover .section-khophumy-infrastructure__polygon-detail{
  --tw-translate-y: 0 /* 0px */;      grid-template-rows: 1fr;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
  margin-top: calc(8/1920*100rem);
}
    .section-khophumy-infrastructure__polygon-detail ul{
  margin: 0 /* 0px */;
  padding: 0 /* 0px */;
  list-style-type: none;
}
      .section-khophumy-infrastructure__polygon-detail ul li{
  --tw-text-opacity: 1;
  position: relative;
  color: rgb(43 70 160 / var(--tw-text-opacity));
  font-size: 16px;
  line-height: 1.37;
  line-height: calc(22 / 16);
}
      @media (min-width: 1200px){
  .section-khophumy-infrastructure__polygon-detail ul li{
    font-size: calc(16/1920*100rem);
  }
}
      .section-khophumy-infrastructure__polygon-detail ul li{
  padding-left: 0.8333333333333334rem;
}
        .section-khophumy-infrastructure__polygon-detail ul li::before {
          --tw-text-opacity: 1;
          position: absolute;
          left: 0 /* 0px */;
          content: '•';
          color: rgb(43 70 160 / var(--tw-text-opacity)) }

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