:root {
  --container-default: 100%;
  --container-padding: clamp(
    12px,
    1.38888889vw,
    20px
  ); /* 1.39vw ≈ 20px at 1440px */

  --headerNav-h: 48px;

  --color-black: #000000;
  --color-black-rgb: 0, 0, 0;
  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;

  --color-offWhite: #f7f7f7;
  --color-offWhite-rgb: 247, 247, 247;

  --color-blueDark: #000e5e;
  --color-blueDark-rgb: 0, 14, 94;
  --color-body: var(--color-blueDark);
  --color-body-rgb: var(--color-blueDark-rgb);
  --color-body-bg: #ffffff;
  --color-body-bg-rgb: 255, 255, 255;
  --color-gray: #5c5c5c;
  --color-gray-rgb: 92, 92, 92;
  --color-grayLight: #f6f6f6;
  --color-grayLight-rgb: 246, 246, 246;
  --color-blue: #001ab4;
  --color-blue-rgb: 0, 26, 180;
  --color-border: #c9ceea;
  --color-border-rgb: 201, 206, 234;
  --color-blueLight: #f6fcff;
  --color-blueLight-rgb: 246, 252, 255;
  --color-blueHover: #e6edff;
  --color-blueHover-rgb: 230, 237, 255;
  --color-blueIcon: #3f5eff;
  --color-blueIcon-rgb: 63, 94, 255;
  --color-green: #5affaa;
  --color-green-rgb: 90, 255, 170;

  --color-blueGradient: linear-gradient(93deg, #2340ea 5.41%, #031ba7 63.43%);
  --color-blueBorder: rgba(var(--color-blue-rgb), 0.1);

  --color-error: #ff0000;
  --color-red: #ff0000;
  --color-placeholder: inherit;

  --filter-black: brightness(0);
  --filter-white: brightness(0) invert(1);
  --filter-blue: invert(12%) sepia(100%) saturate(5699%) hue-rotate(237deg)
    brightness(68%) contrast(117%);

  --font-body: "Prompt", "Montserrat", sans-serif;
  --font-heading: var(--font-body);
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semi: 600;
  --weight-bold: 700;

  --spacing-5xl: 150px;
  --spacing-5xl-minus: -150px;
  --spacing-4xl: 120px;
  --spacing-4xl-minus: -120px;
  --spacing-3xl: 100px;
  --spacing-3xl-minus: -100px;
  --spacing-2xl: 72px;
  --spacing-2xl-minus: -72px;
  --spacing-xl: 64px;
  --spacing-xl-minus: -64px;
  --spacing-2lg: 48px;
  --spacing-2lg-minus: -48px;
  --spacing-lg: 40px;
  --spacing-lg-minus: -40px;
  --spacing-2md: 36px;
  --spacing-2md-minus: -36px;
  --spacing-md: 30px;
  --spacing-md-minus: -30px;
  --spacing-2sm: 24px;
  --spacing-2sm-minus: -24px;
  --spacing-sm: 20px;
  --spacing-sm-minus: -20px;
  --spacing-xs: 16px;
  --spacing-xs-minus: -16px;
  --spacing-2xs: 12px;
  --spacing-2xs-minus: -12px;
  --spacing-3xs: 8px;
  --spacing-3xs-minus: -8px;
  --spacing-4xs: 4px;
  --spacing-4xs-minus: -4px;

  --input-height: 50px;
  --button-height: 50px;
  --input-radius: 6.94444444vw;
  --opacity: 0.5;
  --header-h: 96px;

  --transition: 0.4s;
  --transition-x2: 0.8s;
  --timing-function: ease-in-out;

  /* Base font-size: 16px = 1rem */
  --font-size-body: 1rem; /* 16px */
  --font-size-tag: 0.875rem; /* 14px */
  --font-size-btn: 1rem; /* 16px */
  --font-size-sub2: 0.875rem; /* 14px */
  --font-size-sub1: 1.25rem; /* 20px */
  --font-size-h6: 1.25rem; /* 20px */
  --font-size-h5: 1.375rem; /* 22px */
  --font-size-h4: 1.75rem; /* 28px */
  --font-size-h3: 2rem; /* 32px */
  --font-size-h2: 2.5rem; /* 40px */
  --font-size-h1: 3.375rem; /* 54px */
}
html {
  font-size: 16px;
}
html.en {
  --font-size-tag: 0.8125rem; /* 13px */
  --font-size-sub2: 0.9375rem; /* 15px */
}

@media (max-width: 1399.98px) {
  :root{
    --font-size-mbMenu: 1.25rem; /* 20px */
  }
}
@media (max-width: 1199.98px) {
}
@media (max-width: 991.98px) {
}
@media (max-width: 767.98px) {
  html {
    font-size: 14px;
  }
  :root {
    --container-padding: 12px;
    /* Base font-size: 14px = 1rem */
    --font-size-body: 1rem; /* 14px */
    --font-size-tag: 0.8571rem; /* 12px */
    --font-size-btn: 1.1429rem; /* 16px */
    --font-size-sub2: 0.9286rem; /* 13px */
    --font-size-sub1:  1.1429rem; /* 16px */
    --font-size-h6: 1.0714rem; /* 15px */
    --font-size-h5:  1.1429rem; /* 16px */
    --font-size-h4: 1.5714rem; /* 22px */
    --font-size-h3: 1.8571rem; /* 26px */
    --font-size-h2: 2.1429rem; /* 30px */
    --font-size-h1: 2.4286rem; /* 34px */

    --font-size-mbMenu: 1.4286rem; /* 20px */
  }
}
@media (max-width: 575.98px) {
}