@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
--theme-font-family: 'HyundaiSansHead';
--theme-color: #002c5f;
--theme-color-rgb: 0, 44, 95;
--theme-color-opacity-05: rgba(var(--theme-color-rgb), 0.05);
--theme-color-opacity-08: rgba(var(--theme-color-rgb), 0.08);
--theme-color-opacity-40: rgba(var(--theme-color-rgb), 0.40);
--theme-color-opacity-50: rgba(var(--theme-color-rgb), 0.50);
--theme-color-opacity-60: rgba(var(--theme-color-rgb), 0.60);
--theme-color-opacity-80: rgba(var(--theme-color-rgb), 0.80);

--secondary-theme-color: #002c5f;
--secondary-theme-color-rgb: 0, 44, 95;
--secondary-color-opacity-50: rgba(var(--secondary-theme-color-rgb), 0.50);
--secondary-color-opacity-60: rgba(var(--secondary-theme-color-rgb), 0.60);

--font-color: #1c1b1b;
--font-color-rgb: 28, 27, 27;
--font-color-opacity-37: rgba(var(--font-color-rgb), 0.37);
--font-color-opacity-50: rgba(var(--font-color-rgb), 0.50);
--font-color-opacity-40: rgba(var(--font-color-rgb), 0.40);
--font-color-opacity-45: rgba(var(--font-color-rgb), 0.45);
--font-color-opacity-70: rgba(var(--font-color-rgb), 0.70);
--font-color-opacity-80: rgba(var(--font-color-rgb), 0.80);
--font-color-opacity-90: rgba(var(--font-color-rgb), 0.90);

--pulse-shadow-color: #002c5f;
--pulse-shadow-color-rgb: 0, 44, 95;
--button-background-color: #002c5f;
--button-font-color: #fff;
--heading-color: #000;
--bg-color: #ffffff;
--aqua-color: #00d3bd;
--primary-color: #007bff;
--success-color: #28a745;
--danger-color: #dc3545;
--warning-color: #ffc107;
--dark-color: #000000;
--dark-color-rgb: 0, 0, 0;
--muted-color: #909090;
--viewed-color: #28a745;
--favorite-color: #a61731;
--twitter-color: #1d9bf0;
--facebook-color: #1877F2;
--theme-color-border: #002c5f;
--scroll-hide: 17px;
}

@font-face { font-family: 'HyundaiSansHead'; font-weight: 300; font-style: normal; font-display: swap; src: url("../fonts/Hyundai/HyundaiSansHead-Light.eot"); src: url("../fonts/Hyundai/HyundaiSansHead-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Hyundai/HyundaiSansHead-Light.woff") format("woff"), url("../fonts/Hyundai/HyundaiSansHead-Light.woff2") format("woff2"), url("../fonts/Hyundai/HyundaiSansHead-Light.otf") format("opentype"); }
@font-face { font-family: 'HyundaiSansHead'; font-weight: normal; font-style: normal; font-display: swap; src: url("../fonts/Hyundai/HyundaiSansHead-Regular.eot"); src: url("../fonts/Hyundai/HyundaiSansHead-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Hyundai/HyundaiSansHead-Regular.woff") format("woff"), url("../fonts/Hyundai/HyundaiSansHead-Regular.woff2") format("woff2"), url("../fonts/Hyundai/HyundaiSansHead-Regular.otf") format("opentype"); }
@font-face { font-family: 'HyundaiSansHead'; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/Hyundai/HyundaiSansHead-Regular.eot"); src: url("../fonts/Hyundai/HyundaiSansHead-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Hyundai/HyundaiSansHead-Regular.woff") format("woff"), url("../fonts/Hyundai/HyundaiSansHead-Regular.woff2") format("woff2"), url("../fonts/Hyundai/HyundaiSansHead-Regular.otf") format("opentype"); }
@font-face { font-family: 'HyundaiSansHead'; font-weight: 500; font-style: normal; font-display: swap; src: url("../fonts/Hyundai/HyundaiSansHead-Regular.eot"); src: url("../fonts/Hyundai/HyundaiSansHead-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Hyundai/HyundaiSansHead-Regular.woff") format("woff"), url("../fonts/Hyundai/HyundaiSansHead-Regular.woff2") format("woff2"), url("../fonts/Hyundai/HyundaiSansHead-Regular.otf") format("opentype"); }
@font-face { font-family: 'HyundaiSansHead'; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/Hyundai/HyundaiSansHead-Medium.eot"); src: url("../fonts/Hyundai/HyundaiSansHead-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Hyundai/HyundaiSansHead-Medium.woff") format("woff"), url("../fonts/Hyundai/HyundaiSansHead-Medium.woff2") format("woff2"), url("../fonts/Hyundai/HyundaiSansHead-Medium.otf") format("opentype"); }
@font-face { font-family: 'HyundaiSansHead'; font-weight: 700; font-style: normal; font-display: swap; src: url("../fonts/Hyundai/HyundaiSansHead-Bold.eot"); src: url("../fonts/Hyundai/HyundaiSansHead-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Hyundai/HyundaiSansHead-Bold.woff") format("woff"), url("../fonts/Hyundai/HyundaiSansHead-Bold.woff2") format("woff2"), url("../fonts/Hyundai/HyundaiSansHead-Bold.otf") format("opentype"); }
@font-face { font-family: 'HyundaiSansHead'; font-weight: 800; font-style: normal; font-display: swap; src: url("../fonts/Hyundai/HyundaiSansHead-Bold.eot"); src: url("../fonts/Hyundai/HyundaiSansHead-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Hyundai/HyundaiSansHead-Bold.woff") format("woff"), url("../fonts/Hyundai/HyundaiSansHead-Bold.woff2") format("woff2"), url("../fonts/Hyundai/HyundaiSansHead-Bold.otf") format("opentype"); }
@font-face { font-family: 'HyundaiSansHead'; font-weight: 900; font-style: normal; font-display: swap; src: url("../fonts/Hyundai/HyundaiSansHead-Bold.eot"); src: url("../fonts/Hyundai/HyundaiSansHead-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Hyundai/HyundaiSansHead-Bold.woff") format("woff"), url("../fonts/Hyundai/HyundaiSansHead-Bold.woff2") format("woff2"), url("../fonts/Hyundai/HyundaiSansHead-Bold.otf") format("opentype"); }