:root {
  --primary-color: #007bff;
  --spacing-12: clamp(0.5rem, 0.4643rem + 0.1786vw, 0.75rem);
  --spacing-14: clamp(0.3125rem, 0.2321rem + 0.4018vw, 0.875rem);
  --spacing-15: clamp(0.4688rem, 0.4018rem + 0.3348vw, 0.9375rem);
  --spacing-20: clamp(1rem, 0.9643rem + 0.1786vw, 1.25rem);
  --spacing-21: clamp(0.6875rem, 0.5982rem + 0.4464vw, 1.3125rem);
  --spacing-22: clamp(0.4813rem, 0.3536rem + 0.6384vw, 1.375rem);
  --spacing-24: clamp(0.375rem, 0.2143rem + 0.8036vw, 1.5rem);
  --spacing-34: clamp(1.25rem, 1.125rem + 0.625vw, 2.125rem);
  --spacing-40: clamp(1.125rem, 0.9286rem + 0.9821vw, 2.5rem);
  --spacing-45: clamp(1.25rem, 1.0268rem + 1.1161vw, 2.8125rem);
  --spacing-card: clamp(0.9375rem, 0.7009rem + 1.183vw, 2.5938rem);
  --spacing-card2: clamp(1rem, 1.0714rem + -0.3571vw, 0.5rem);
  --spacing-50: clamp(1.4375rem, 1.1964rem + 1.2054vw, 3.125rem);
  --spacing-70: clamp(1.25rem, 0.8036rem + 2.2321vw, 4.375rem);
  --spacing-73: clamp(1.9375rem, 1.5589rem + 1.8929vw, 4.5875rem);
  --spacing-90: clamp(1.6563rem, 1.0893rem + 2.8348vw, 5.625rem);
  --spacing-140: clamp(2.4rem, 1.4929rem + 4.5357vw, 8.75rem);
  --spacing-80: clamp(2.625rem, 2.2857rem + 1.6964vw, 5rem);
  --gap-12: clamp(0.5rem, 0.4643rem + 0.1786vw, 0.75rem);
  --gap-14: clamp(0.3125rem, 0.2321rem + 0.4018vw, 0.875rem);
  --gap-15: clamp(0.4688rem, 0.4018rem + 0.3348vw, 0.9375rem);
  --gap-20: clamp(1rem, 0.9643rem + 0.1786vw, 1.25rem);
  --gap-21: clamp(0.6875rem, 0.5982rem + 0.4464vw, 1.3125rem);
  --gap-22: clamp(0.4813rem, 0.3536rem + 0.6384vw, 1.375rem);
  --gap-24: clamp(0.375rem, 0.2143rem + 0.8036vw, 1.5rem);
  --gap-34: clamp(1.25rem, 1.125rem + 0.625vw, 2.125rem);
  --gap-40: clamp(1.125rem, 0.9286rem + 0.9821vw, 2.5rem);
  --gap-45: clamp(1.25rem, 1.0268rem + 1.1161vw, 2.8125rem);
  --gap-card: clamp(0.9375rem, 0.7009rem + 1.183vw, 2.5938rem);
  --gap-card2: clamp(1rem, 1.0714rem + -0.3571vw, 0.5rem);
  --gap-50: clamp(1.4375rem, 1.1964rem + 1.2054vw, 3.125rem);
  --gap-70: clamp(1.25rem, 0.8036rem + 2.2321vw, 4.375rem);
  --gap-73: clamp(1.9375rem, 1.5589rem + 1.8929vw, 4.5875rem);
  --gap-90: clamp(1.6563rem, 1.0893rem + 2.8348vw, 5.625rem);
  --gap-140: clamp(2.4rem, 1.4929rem + 4.5357vw, 8.75rem);
  --gap-80: clamp(2.625rem, 2.2857rem + 1.6964vw, 5rem);
  --fluid-text-10: clamp(0.3125rem, 0.2679rem + 0.2232vw, 0.625rem);
  --fluid-text-15: clamp(0.7938rem, 0.7679rem + 0.1295vw, 0.975rem);
  --fluid-text-17: clamp(0.7938rem, 0.7545rem + 0.1964vw, 1.0688rem);
  --fluid-text-19: clamp(0.7938rem, 0.7339rem + 0.2991vw, 1.2125rem);
  --fluid-text-21: clamp(0.7938rem, 0.7143rem + 0.3973vw, 1.35rem);
  --fluid-text-48: clamp(1.4544rem, 1.2291rem + 1.1263vw, 3.0313rem);
  --fluid-text-60: clamp(1.45rem, 1.1179rem + 1.6607vw, 3.775rem);
  --fluid-text-ft: clamp(0.925rem, 0.8875rem + 0.1875vw, 1.1875rem);
  --fluid-text-desc: clamp(0.6613rem, 0.6477rem + 0.0679vw, 0.7563rem);
  --fluid-text-t1: clamp(0.9256rem, 0.8639rem + 0.3085vw, 1.3575rem);
  --fluid-text-downbtn: clamp(0.9563rem, 0.5536rem + 2.0134vw, 3.775rem);
  --fluid-text-pcnav: clamp(0.3988rem, 0.3207rem + 0.3902vw, 0.945rem);
  --img-logo-head: clamp(1.6669rem, 1.5282rem + 0.6933vw, 2.6375rem);
  --img-60: clamp(1.45rem, 1.1179rem + 1.6607vw, 3.775rem);
}

.\~p-12 {
  padding: var(--spacing-12);
}

.\~px-12 {
  padding-left: var(--spacing-12);
  padding-right: var(--spacing-12);
}

.\~py-12 {
  padding-top: var(--spacing-12);
  padding-bottom: var(--spacing-12);
}

.\~pl-12 {
  padding-left: var(--spacing-12);
}

.\~pr-12 {
  padding-right: var(--spacing-12);
}

.\~pt-12 {
  padding-top: var(--spacing-12);
}

.\~pb-12 {
  padding-bottom: var(--spacing-12);
}

.\~m-12 {
  margin: var(--spacing-12);
}

.\~mx-12 {
  margin-left: var(--spacing-12);
  margin-right: var(--spacing-12);
}

.\~my-12 {
  margin-top: var(--spacing-12);
  margin-bottom: var(--spacing-12);
}

.\~ml-12 {
  margin-left: var(--spacing-12);
}

.\~mr-12 {
  margin-right: var(--spacing-12);
}

.\~mt-12 {
  margin-top: var(--spacing-12);
}

.\~mb-12 {
  margin-bottom: var(--spacing-12);
}

.\~p-14 {
  padding: var(--spacing-14);
}

.\~px-14 {
  padding-left: var(--spacing-14);
  padding-right: var(--spacing-14);
}

.\~py-14 {
  padding-top: var(--spacing-14);
  padding-bottom: var(--spacing-14);
}

.\~pl-14 {
  padding-left: var(--spacing-14);
}

.\~pr-14 {
  padding-right: var(--spacing-14);
}

.\~pt-14 {
  padding-top: var(--spacing-14);
}

.\~pb-14 {
  padding-bottom: var(--spacing-14);
}

.\~m-14 {
  margin: var(--spacing-14);
}

.\~mx-14 {
  margin-left: var(--spacing-14);
  margin-right: var(--spacing-14);
}

.\~my-14 {
  margin-top: var(--spacing-14);
  margin-bottom: var(--spacing-14);
}

.\~ml-14 {
  margin-left: var(--spacing-14);
}

.\~mr-14 {
  margin-right: var(--spacing-14);
}

.\~mt-14 {
  margin-top: var(--spacing-14);
}

.\~mb-14 {
  margin-bottom: var(--spacing-14);
}

.\~p-15 {
  padding: var(--spacing-15);
}

.\~px-15 {
  padding-left: var(--spacing-15);
  padding-right: var(--spacing-15);
}

.\~py-15 {
  padding-top: var(--spacing-15);
  padding-bottom: var(--spacing-15);
}

.\~pl-15 {
  padding-left: var(--spacing-15);
}

.\~pr-15 {
  padding-right: var(--spacing-15);
}

.\~pt-15 {
  padding-top: var(--spacing-15);
}

.\~pb-15 {
  padding-bottom: var(--spacing-15);
}

.\~m-15 {
  margin: var(--spacing-15);
}

.\~mx-15 {
  margin-left: var(--spacing-15);
  margin-right: var(--spacing-15);
}

.\~my-15 {
  margin-top: var(--spacing-15);
  margin-bottom: var(--spacing-15);
}

.\~ml-15 {
  margin-left: var(--spacing-15);
}

.\~mr-15 {
  margin-right: var(--spacing-15);
}

.\~mt-15 {
  margin-top: var(--spacing-15);
}

.\~mb-15 {
  margin-bottom: var(--spacing-15);
}

.\~p-20 {
  padding: var(--spacing-20);
}

.\~px-20 {
  padding-left: var(--spacing-20);
  padding-right: var(--spacing-20);
}

.\~py-20 {
  padding-top: var(--spacing-20);
  padding-bottom: var(--spacing-20);
}

.\~pl-20 {
  padding-left: var(--spacing-20);
}

.\~pr-20 {
  padding-right: var(--spacing-20);
}

.\~pt-20 {
  padding-top: var(--spacing-20);
}

.\~pb-20 {
  padding-bottom: var(--spacing-20);
}

.\~m-20 {
  margin: var(--spacing-20);
}

.\~mx-20 {
  margin-left: var(--spacing-20);
  margin-right: var(--spacing-20);
}

.\~my-20 {
  margin-top: var(--spacing-20);
  margin-bottom: var(--spacing-20);
}

.\~ml-20 {
  margin-left: var(--spacing-20);
}

.\~mr-20 {
  margin-right: var(--spacing-20);
}

.\~mt-20 {
  margin-top: var(--spacing-20);
}

.\~mb-20 {
  margin-bottom: var(--spacing-20);
}

.\~p-21 {
  padding: var(--spacing-21);
}

.\~px-21 {
  padding-left: var(--spacing-21);
  padding-right: var(--spacing-21);
}

.\~py-21 {
  padding-top: var(--spacing-21);
  padding-bottom: var(--spacing-21);
}

.\~pl-21 {
  padding-left: var(--spacing-21);
}

.\~pr-21 {
  padding-right: var(--spacing-21);
}

.\~pt-21 {
  padding-top: var(--spacing-21);
}

.\~pb-21 {
  padding-bottom: var(--spacing-21);
}

.\~m-21 {
  margin: var(--spacing-21);
}

.\~mx-21 {
  margin-left: var(--spacing-21);
  margin-right: var(--spacing-21);
}

.\~my-21 {
  margin-top: var(--spacing-21);
  margin-bottom: var(--spacing-21);
}

.\~ml-21 {
  margin-left: var(--spacing-21);
}

.\~mr-21 {
  margin-right: var(--spacing-21);
}

.\~mt-21 {
  margin-top: var(--spacing-21);
}

.\~mb-21 {
  margin-bottom: var(--spacing-21);
}

.\~p-22 {
  padding: var(--spacing-22);
}

.\~px-22 {
  padding-left: var(--spacing-22);
  padding-right: var(--spacing-22);
}

.\~py-22 {
  padding-top: var(--spacing-22);
  padding-bottom: var(--spacing-22);
}

.\~pl-22 {
  padding-left: var(--spacing-22);
}

.\~pr-22 {
  padding-right: var(--spacing-22);
}

.\~pt-22 {
  padding-top: var(--spacing-22);
}

.\~pb-22 {
  padding-bottom: var(--spacing-22);
}

.\~m-22 {
  margin: var(--spacing-22);
}

.\~mx-22 {
  margin-left: var(--spacing-22);
  margin-right: var(--spacing-22);
}

.\~my-22 {
  margin-top: var(--spacing-22);
  margin-bottom: var(--spacing-22);
}

.\~ml-22 {
  margin-left: var(--spacing-22);
}

.\~mr-22 {
  margin-right: var(--spacing-22);
}

.\~mt-22 {
  margin-top: var(--spacing-22);
}

.\~mb-22 {
  margin-bottom: var(--spacing-22);
}

.\~p-24 {
  padding: var(--spacing-24);
}

.\~px-24 {
  padding-left: var(--spacing-24);
  padding-right: var(--spacing-24);
}

.\~py-24 {
  padding-top: var(--spacing-24);
  padding-bottom: var(--spacing-24);
}

.\~pl-24 {
  padding-left: var(--spacing-24);
}

.\~pr-24 {
  padding-right: var(--spacing-24);
}

.\~pt-24 {
  padding-top: var(--spacing-24);
}

.\~pb-24 {
  padding-bottom: var(--spacing-24);
}

.\~m-24 {
  margin: var(--spacing-24);
}

.\~mx-24 {
  margin-left: var(--spacing-24);
  margin-right: var(--spacing-24);
}

.\~my-24 {
  margin-top: var(--spacing-24);
  margin-bottom: var(--spacing-24);
}

.\~ml-24 {
  margin-left: var(--spacing-24);
}

.\~mr-24 {
  margin-right: var(--spacing-24);
}

.\~mt-24 {
  margin-top: var(--spacing-24);
}

.\~mb-24 {
  margin-bottom: var(--spacing-24);
}

.\~p-34 {
  padding: var(--spacing-34);
}

.\~px-34 {
  padding-left: var(--spacing-34);
  padding-right: var(--spacing-34);
}

.\~py-34 {
  padding-top: var(--spacing-34);
  padding-bottom: var(--spacing-34);
}

.\~pl-34 {
  padding-left: var(--spacing-34);
}

.\~pr-34 {
  padding-right: var(--spacing-34);
}

.\~pt-34 {
  padding-top: var(--spacing-34);
}

.\~pb-34 {
  padding-bottom: var(--spacing-34);
}

.\~m-34 {
  margin: var(--spacing-34);
}

.\~mx-34 {
  margin-left: var(--spacing-34);
  margin-right: var(--spacing-34);
}

.\~my-34 {
  margin-top: var(--spacing-34);
  margin-bottom: var(--spacing-34);
}

.\~ml-34 {
  margin-left: var(--spacing-34);
}

.\~mr-34 {
  margin-right: var(--spacing-34);
}

.\~mt-34 {
  margin-top: var(--spacing-34);
}

.\~mb-34 {
  margin-bottom: var(--spacing-34);
}

.\~p-40 {
  padding: var(--spacing-40);
}

.\~px-40 {
  padding-left: var(--spacing-40);
  padding-right: var(--spacing-40);
}

.\~py-40 {
  padding-top: var(--spacing-40);
  padding-bottom: var(--spacing-40);
}

.\~pl-40 {
  padding-left: var(--spacing-40);
}

.\~pr-40 {
  padding-right: var(--spacing-40);
}

.\~pt-40 {
  padding-top: var(--spacing-40);
}

.\~pb-40 {
  padding-bottom: var(--spacing-40);
}

.\~m-40 {
  margin: var(--spacing-40);
}

.\~mx-40 {
  margin-left: var(--spacing-40);
  margin-right: var(--spacing-40);
}

.\~my-40 {
  margin-top: var(--spacing-40);
  margin-bottom: var(--spacing-40);
}

.\~ml-40 {
  margin-left: var(--spacing-40);
}

.\~mr-40 {
  margin-right: var(--spacing-40);
}

.\~mt-40 {
  margin-top: var(--spacing-40);
}

.\~mb-40 {
  margin-bottom: var(--spacing-40);
}

.\~p-45 {
  padding: var(--spacing-45);
}

.\~px-45 {
  padding-left: var(--spacing-45);
  padding-right: var(--spacing-45);
}

.\~py-45 {
  padding-top: var(--spacing-45);
  padding-bottom: var(--spacing-45);
}

.\~pl-45 {
  padding-left: var(--spacing-45);
}

.\~pr-45 {
  padding-right: var(--spacing-45);
}

.\~pt-45 {
  padding-top: var(--spacing-45);
}

.\~pb-45 {
  padding-bottom: var(--spacing-45);
}

.\~m-45 {
  margin: var(--spacing-45);
}

.\~mx-45 {
  margin-left: var(--spacing-45);
  margin-right: var(--spacing-45);
}

.\~my-45 {
  margin-top: var(--spacing-45);
  margin-bottom: var(--spacing-45);
}

.\~ml-45 {
  margin-left: var(--spacing-45);
}

.\~mr-45 {
  margin-right: var(--spacing-45);
}

.\~mt-45 {
  margin-top: var(--spacing-45);
}

.\~mb-45 {
  margin-bottom: var(--spacing-45);
}

.\~p-card {
  padding: var(--spacing-card);
}

.\~px-card {
  padding-left: var(--spacing-card);
  padding-right: var(--spacing-card);
}

.\~py-card {
  padding-top: var(--spacing-card);
  padding-bottom: var(--spacing-card);
}

.\~pl-card {
  padding-left: var(--spacing-card);
}

.\~pr-card {
  padding-right: var(--spacing-card);
}

.\~pt-card {
  padding-top: var(--spacing-card);
}

.\~pb-card {
  padding-bottom: var(--spacing-card);
}

.\~m-card {
  margin: var(--spacing-card);
}

.\~mx-card {
  margin-left: var(--spacing-card);
  margin-right: var(--spacing-card);
}

.\~my-card {
  margin-top: var(--spacing-card);
  margin-bottom: var(--spacing-card);
}

.\~ml-card {
  margin-left: var(--spacing-card);
}

.\~mr-card {
  margin-right: var(--spacing-card);
}

.\~mt-card {
  margin-top: var(--spacing-card);
}

.\~mb-card {
  margin-bottom: var(--spacing-card);
}

.\~p-card2 {
  padding: var(--spacing-card2);
}

.\~px-card2 {
  padding-left: var(--spacing-card2);
  padding-right: var(--spacing-card2);
}

.\~py-card2 {
  padding-top: var(--spacing-card2);
  padding-bottom: var(--spacing-card2);
}

.\~pl-card2 {
  padding-left: var(--spacing-card2);
}

.\~pr-card2 {
  padding-right: var(--spacing-card2);
}

.\~pt-card2 {
  padding-top: var(--spacing-card2);
}

.\~pb-card2 {
  padding-bottom: var(--spacing-card2);
}

.\~m-card2 {
  margin: var(--spacing-card2);
}

.\~mx-card2 {
  margin-left: var(--spacing-card2);
  margin-right: var(--spacing-card2);
}

.\~my-card2 {
  margin-top: var(--spacing-card2);
  margin-bottom: var(--spacing-card2);
}

.\~ml-card2 {
  margin-left: var(--spacing-card2);
}

.\~mr-card2 {
  margin-right: var(--spacing-card2);
}

.\~mt-card2 {
  margin-top: var(--spacing-card2);
}

.\~mb-card2 {
  margin-bottom: var(--spacing-card2);
}

.\~p-50 {
  padding: var(--spacing-50);
}

.\~px-50 {
  padding-left: var(--spacing-50);
  padding-right: var(--spacing-50);
}

.\~py-50 {
  padding-top: var(--spacing-50);
  padding-bottom: var(--spacing-50);
}

.\~pl-50 {
  padding-left: var(--spacing-50);
}

.\~pr-50 {
  padding-right: var(--spacing-50);
}

.\~pt-50 {
  padding-top: var(--spacing-50);
}

.\~pb-50 {
  padding-bottom: var(--spacing-50);
}

.\~m-50 {
  margin: var(--spacing-50);
}

.\~mx-50 {
  margin-left: var(--spacing-50);
  margin-right: var(--spacing-50);
}

.\~my-50 {
  margin-top: var(--spacing-50);
  margin-bottom: var(--spacing-50);
}

.\~ml-50 {
  margin-left: var(--spacing-50);
}

.\~mr-50 {
  margin-right: var(--spacing-50);
}

.\~mt-50 {
  margin-top: var(--spacing-50);
}

.\~mb-50 {
  margin-bottom: var(--spacing-50);
}

.\~p-70 {
  padding: var(--spacing-70);
}

.\~px-70 {
  padding-left: var(--spacing-70);
  padding-right: var(--spacing-70);
}

.\~py-70 {
  padding-top: var(--spacing-70);
  padding-bottom: var(--spacing-70);
}

.\~pl-70 {
  padding-left: var(--spacing-70);
}

.\~pr-70 {
  padding-right: var(--spacing-70);
}

.\~pt-70 {
  padding-top: var(--spacing-70);
}

.\~pb-70 {
  padding-bottom: var(--spacing-70);
}

.\~m-70 {
  margin: var(--spacing-70);
}

.\~mx-70 {
  margin-left: var(--spacing-70);
  margin-right: var(--spacing-70);
}

.\~my-70 {
  margin-top: var(--spacing-70);
  margin-bottom: var(--spacing-70);
}

.\~ml-70 {
  margin-left: var(--spacing-70);
}

.\~mr-70 {
  margin-right: var(--spacing-70);
}

.\~mt-70 {
  margin-top: var(--spacing-70);
}

.\~mb-70 {
  margin-bottom: var(--spacing-70);
}

.\~p-73 {
  padding: var(--spacing-73);
}

.\~px-73 {
  padding-left: var(--spacing-73);
  padding-right: var(--spacing-73);
}

.\~py-73 {
  padding-top: var(--spacing-73);
  padding-bottom: var(--spacing-73);
}

.\~pl-73 {
  padding-left: var(--spacing-73);
}

.\~pr-73 {
  padding-right: var(--spacing-73);
}

.\~pt-73 {
  padding-top: var(--spacing-73);
}

.\~pb-73 {
  padding-bottom: var(--spacing-73);
}

.\~m-73 {
  margin: var(--spacing-73);
}

.\~mx-73 {
  margin-left: var(--spacing-73);
  margin-right: var(--spacing-73);
}

.\~my-73 {
  margin-top: var(--spacing-73);
  margin-bottom: var(--spacing-73);
}

.\~ml-73 {
  margin-left: var(--spacing-73);
}

.\~mr-73 {
  margin-right: var(--spacing-73);
}

.\~mt-73 {
  margin-top: var(--spacing-73);
}

.\~mb-73 {
  margin-bottom: var(--spacing-73);
}

.\~p-90 {
  padding: var(--spacing-90);
}

.\~px-90 {
  padding-left: var(--spacing-90);
  padding-right: var(--spacing-90);
}

.\~py-90 {
  padding-top: var(--spacing-90);
  padding-bottom: var(--spacing-90);
}

.\~pl-90 {
  padding-left: var(--spacing-90);
}

.\~pr-90 {
  padding-right: var(--spacing-90);
}

.\~pt-90 {
  padding-top: var(--spacing-90);
}

.\~pb-90 {
  padding-bottom: var(--spacing-90);
}

.\~m-90 {
  margin: var(--spacing-90);
}

.\~mx-90 {
  margin-left: var(--spacing-90);
  margin-right: var(--spacing-90);
}

.\~my-90 {
  margin-top: var(--spacing-90);
  margin-bottom: var(--spacing-90);
}

.\~ml-90 {
  margin-left: var(--spacing-90);
}

.\~mr-90 {
  margin-right: var(--spacing-90);
}

.\~mt-90 {
  margin-top: var(--spacing-90);
}

.\~mb-90 {
  margin-bottom: var(--spacing-90);
}

.\~p-140 {
  padding: var(--spacing-140);
}

.\~px-140 {
  padding-left: var(--spacing-140);
  padding-right: var(--spacing-140);
}

.\~py-140 {
  padding-top: var(--spacing-140);
  padding-bottom: var(--spacing-140);
}

.\~pl-140 {
  padding-left: var(--spacing-140);
}

.\~pr-140 {
  padding-right: var(--spacing-140);
}

.\~pt-140 {
  padding-top: var(--spacing-140);
}

.\~pb-140 {
  padding-bottom: var(--spacing-140);
}

.\~m-140 {
  margin: var(--spacing-140);
}

.\~mx-140 {
  margin-left: var(--spacing-140);
  margin-right: var(--spacing-140);
}

.\~my-140 {
  margin-top: var(--spacing-140);
  margin-bottom: var(--spacing-140);
}

.\~ml-140 {
  margin-left: var(--spacing-140);
}

.\~mr-140 {
  margin-right: var(--spacing-140);
}

.\~mt-140 {
  margin-top: var(--spacing-140);
}

.\~mb-140 {
  margin-bottom: var(--spacing-140);
}

.\~p-80 {
  padding: var(--spacing-80);
}

.\~px-80 {
  padding-left: var(--spacing-80);
  padding-right: var(--spacing-80);
}

.\~py-80 {
  padding-top: var(--spacing-80);
  padding-bottom: var(--spacing-80);
}

.\~pl-80 {
  padding-left: var(--spacing-80);
}

.\~pr-80 {
  padding-right: var(--spacing-80);
}

.\~pt-80 {
  padding-top: var(--spacing-80);
}

.\~pb-80 {
  padding-bottom: var(--spacing-80);
}

.\~m-80 {
  margin: var(--spacing-80);
}

.\~mx-80 {
  margin-left: var(--spacing-80);
  margin-right: var(--spacing-80);
}

.\~my-80 {
  margin-top: var(--spacing-80);
  margin-bottom: var(--spacing-80);
}

.\~ml-80 {
  margin-left: var(--spacing-80);
}

.\~mr-80 {
  margin-right: var(--spacing-80);
}

.\~mt-80 {
  margin-top: var(--spacing-80);
}

.\~mb-80 {
  margin-bottom: var(--spacing-80);
}

.\~gap-12 {
  gap: var(--gap-12);
}

.\~gap-x-12 {
  column-gap: var(--gap-12);
}

.\~gap-y-12 {
  row-gap: var(--gap-12);
}

.\~gap-14 {
  gap: var(--gap-14);
}

.\~gap-x-14 {
  column-gap: var(--gap-14);
}

.\~gap-y-14 {
  row-gap: var(--gap-14);
}

.\~gap-15 {
  gap: var(--gap-15);
}

.\~gap-x-15 {
  column-gap: var(--gap-15);
}

.\~gap-y-15 {
  row-gap: var(--gap-15);
}

.\~gap-20 {
  gap: var(--gap-20);
}

.\~gap-x-20 {
  column-gap: var(--gap-20);
}

.\~gap-y-20 {
  row-gap: var(--gap-20);
}

.\~gap-21 {
  gap: var(--gap-21);
}

.\~gap-x-21 {
  column-gap: var(--gap-21);
}

.\~gap-y-21 {
  row-gap: var(--gap-21);
}

.\~gap-22 {
  gap: var(--gap-22);
}

.\~gap-x-22 {
  column-gap: var(--gap-22);
}

.\~gap-y-22 {
  row-gap: var(--gap-22);
}

.\~gap-24 {
  gap: var(--gap-24);
}

.\~gap-x-24 {
  column-gap: var(--gap-24);
}

.\~gap-y-24 {
  row-gap: var(--gap-24);
}

.\~gap-34 {
  gap: var(--gap-34);
}

.\~gap-x-34 {
  column-gap: var(--gap-34);
}

.\~gap-y-34 {
  row-gap: var(--gap-34);
}

.\~gap-40 {
  gap: var(--gap-40);
}

.\~gap-x-40 {
  column-gap: var(--gap-40);
}

.\~gap-y-40 {
  row-gap: var(--gap-40);
}

.\~gap-45 {
  gap: var(--gap-45);
}

.\~gap-x-45 {
  column-gap: var(--gap-45);
}

.\~gap-y-45 {
  row-gap: var(--gap-45);
}

.\~gap-card {
  gap: var(--gap-card);
}

.\~gap-x-card {
  column-gap: var(--gap-card);
}

.\~gap-y-card {
  row-gap: var(--gap-card);
}

.\~gap-card2 {
  gap: var(--gap-card2);
}

.\~gap-x-card2 {
  column-gap: var(--gap-card2);
}

.\~gap-y-card2 {
  row-gap: var(--gap-card2);
}

.\~gap-50 {
  gap: var(--gap-50);
}

.\~gap-x-50 {
  column-gap: var(--gap-50);
}

.\~gap-y-50 {
  row-gap: var(--gap-50);
}

.\~gap-70 {
  gap: var(--gap-70);
}

.\~gap-x-70 {
  column-gap: var(--gap-70);
}

.\~gap-y-70 {
  row-gap: var(--gap-70);
}

.\~gap-73 {
  gap: var(--gap-73);
}

.\~gap-x-73 {
  column-gap: var(--gap-73);
}

.\~gap-y-73 {
  row-gap: var(--gap-73);
}

.\~gap-90 {
  gap: var(--gap-90);
}

.\~gap-x-90 {
  column-gap: var(--gap-90);
}

.\~gap-y-90 {
  row-gap: var(--gap-90);
}

.\~gap-140 {
  gap: var(--gap-140);
}

.\~gap-x-140 {
  column-gap: var(--gap-140);
}

.\~gap-y-140 {
  row-gap: var(--gap-140);
}

.\~gap-80 {
  gap: var(--gap-80);
}

.\~gap-x-80 {
  column-gap: var(--gap-80);
}

.\~gap-y-80 {
  row-gap: var(--gap-80);
}

.\~text-10 {
  font-size: var(--fluid-text-10);
}

.\~text-15 {
  font-size: var(--fluid-text-15);
}

.\~text-17 {
  font-size: var(--fluid-text-17);
}

.\~text-19 {
  font-size: var(--fluid-text-19);
}

.\~text-21 {
  font-size: var(--fluid-text-21);
}

.\~text-48 {
  font-size: var(--fluid-text-48);
}

.\~text-60 {
  font-size: var(--fluid-text-60);
}

.\~text-ft {
  font-size: var(--fluid-text-ft);
}

.\~text-desc {
  font-size: var(--fluid-text-desc);
}

.\~text-t1 {
  font-size: var(--fluid-text-t1);
}

.\~text-downbtn {
  font-size: var(--fluid-text-downbtn);
}

.\~text-pcnav {
  font-size: var(--fluid-text-pcnav);
}

.text-sm {
  font-size: 12px;
}

.bg-primary {
  background-color: var(--primary-color);
}

.container {
  --fluid-padding: calc(4.9342vw + 1.71px);
  max-width: 100%;
  margin: 0 auto;
  padding-left: var(--fluid-padding);
  padding-right: var(--fluid-padding);
  box-sizing: border-box;
}

@media (min-width: 67.5625rem) {
  .container {
    --fluid-padding: calc(38.1677vw - 267.09px);
  }
}
@media (min-width: 2560px) {
  .container {
    --fluid-padding: 0;
    max-width: 1140px;
  }
}
.custom-logo,
.header-logo {
  height: var(--img-logo-head);
  width: auto;
  padding: 0 !important;
}

.site-header {
  padding-top: clamp(1.0625rem, 0.8348rem + 1.1384vw, 2.6563rem);
}

.head-spacing {
  height: clamp(6.75rem, 6.0179rem + 3.6607vw, 11.875rem);
  width: 100%;
  z-index: -1;
}

.icon-btn,
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.icon-btn img {
  height: clamp(1.1356rem, 1.0443rem + 0.4567vw, 1.775rem);
  margin-right: clamp(0.375rem, 0.3214rem + 0.2679vw, 0.75rem);
}

.icon-btn span {
  line-height: 1.3;
}

.down-list {
  font-size: 15px;
}

.hero-content,
.hero-title {
  margin-bottom: clamp(2.75rem, 0.224rem + 12.63vw, 8.75rem);
}

.icon-cards img {
  display: inline-block;
  width: clamp(3.125rem, 3.0179rem + 0.5357vw, 3.875rem);
  height: clamp(3.125rem, 3.0179rem + 0.5357vw, 3.875rem);
}

.icon-cards {
  gap: clamp(1.25rem, 1.0714rem + 0.8929vw, 2.5rem);
}

.icon-cards p {
  text-align: left;
}

.card-cover {
  display: inline-block;
  width: 16%;
  margin-right: var(--spacing-20);
}

.card-content {
  flex: 1;
}

@media (min-width: 67.5625rem) {
  .hero-title {
    margin-bottom: clamp(1.875rem, -0.066rem + 2.87vw, 4.531rem);
  }
  .hero-content {
    margin-bottom: clamp(2.75rem, 1.836rem + 1.35vw, 4rem);
  }
  .lg\:mt-0 {
    margin-top: 0px;
  }
  .down-list {
    font-size: clamp(0.4063rem, 0.3304rem + 0.3795vw, 0.9375rem);
  }
}
.card-cover2 {
  display: inline-block;
  width: 58%;
}

/*# sourceMappingURL=index.css.map */