:root {
				--fontFamily: 'Prompt';
				--neutral-colors-gray-100: #F9F9FC;
				--neutral-colors-gray-200: #EFEFEF;
				--neutral-colors-gray-300: #EBF3FA;
				--neutral-colors-gray-400: #E0E0E3;
				--neutral-colors-gray-500: #CDCDD0;
				--neutral-colors-gray-600: #B4B4B7;
				--neutral-colors-gray-700: #99999C;
				--neutral-colors-gray-750: #888888;
				--neutral-colors-gray-800: #525255;
				--neutral-colors-white: #FFFFFF;
				--hover-orange: #FF9010;
				--primary-colors-orange: #D78428;
				--primary-colors-orange-100: #FFF3E5;
				--primary-colors-orange-200: #FFDBB0;
				--primary-colors-orange-300: #FFC27A;
				--primary-colors-orange-400: #FFAD4F;
				--primary-colors-orange-500: #FF9D2D;
				--primary-colors-orange-600: #FF9010;
				--primary-colors-orange-700: #EF8000;
				--primary-colors-orange-800: #DF7800;
				--primary-colors-orange-900: #D27100;
				--primary-colors-blue: #27509A;
				--primary-color-deep-blue-100: #EAF5FF;
				--primary-color-deep-blue-200: #D4EDFF;
				--primary-color-deep-blue-300: #B8E0FF;
				--primary-color-deep-blue-400: #88CCFF;
				--primary-color-deep-blue-500: #4EAFFA;
				--primary-color-deep-blue-600: #289AF1;
				--primary-color-deep-blue-700: #0A81DC;
				--primary-color-deep-blue-800: #27509A;
				--primary-color-deep-blue-900: #004C86;
				--secondary-color-red-100: #FF8E8A;
				--secondary-color-red-200: #FA7873;
				--secondary-color-red-300: #F85954;
				--secondary-color-red-400: #E94A44;
				--secondary-color-red-500: #DA3731;
				--secondary-color-red-600: #D12A24;
				--secondary-color-red-700: #C22B25;
				--secondary-color-red-800: #AF2823;
				--primary-color-green-100: #75E9C6;
				--primary-color-green-200: #40E4B3;
				--primary-color-green-300: #03D193;
				--primary-color-green-400: #07BE87;
				--primary-color-green-500: #00A674;
				--primary-color-green-600: #009B6D;
				--primary-color-green-700: #008B61;
				--primary-color-green-800: #01825B;
				--layout-section-h2: #27509A;
				--cart-button: #27509A;

				--color-red-50: oklch(97.1% .013 17.38);
				--color-red-100: oklch(93.6% .032 17.717);
				--color-red-200: oklch(88.5% .062 18.334);
				--color-red-400: oklch(70.4% .191 22.216);
				--color-red-500: oklch(63.7% .237 25.331);
				--color-red-600: oklch(57.7% .245 27.325);
				--color-red-700: oklch(50.5% .213 27.518);
				--color-orange-50: oklch(98% .016 73.684);
				--color-orange-100: oklch(95.4% .038 75.164);
				--color-orange-200: oklch(90.1% .076 70.697);
				--color-orange-300: oklch(83.7% .128 66.29);
				--color-orange-500: oklch(70.5% .213 47.604);
				--color-orange-600: oklch(64.6% .222 41.116);
				--color-orange-700: oklch(55.3% .195 38.402);
				--color-orange-800: oklch(47% .157 37.304);
				--color-amber-50: oklch(98.7% .022 95.277);
				--color-amber-100: oklch(96.2% .059 95.617);
				--color-amber-200: oklch(92.4% .12 95.746);
				--color-amber-300: oklch(87.9% .169 91.605);
				--color-amber-500: oklch(76.9% .188 70.08);
				--color-amber-600: oklch(66.6% .179 58.318);
				--color-amber-700: oklch(55.5% .163 48.998);
				--color-amber-800: oklch(47.3% .137 46.201);
				--color-lime-100: oklch(96.7% .067 122.328);
				--color-lime-700: oklch(53.2% .157 131.589);
				--color-green-500: oklch(72.3% .219 149.579);
				--color-emerald-50: oklch(97.9% .021 166.113);
				--color-emerald-100: oklch(95% .052 163.051);
				--color-emerald-200: oklch(90.5% .093 164.15);
				--color-emerald-400: oklch(76.5% .177 163.223);
				--color-emerald-500: oklch(69.6% .17 162.48);
				--color-emerald-600: oklch(59.6% .145 163.225);
				--color-emerald-700: oklch(50.8% .118 165.612);
				--color-emerald-800: oklch(43.2% .095 166.913);
				--color-teal-100: oklch(95.3% .051 180.801);
				--color-teal-700: oklch(51.1% .096 186.391);
				--color-cyan-50: oklch(98.4% .019 200.873);
				--color-cyan-100: oklch(95.6% .045 203.388);
				--color-cyan-500: oklch(71.5% .143 215.221);
				--color-cyan-700: oklch(52% .105 223.128);
				--color-sky-100: oklch(95.1% .026 236.824);
				--color-sky-700: oklch(50% .134 242.749);
				--color-blue-50: oklch(97% .014 254.604);
				--color-blue-100: oklch(93.2% .032 255.585);
				--color-blue-200: oklch(88.2% .059 254.128);
				--color-blue-400: oklch(70.7% .165 254.624);
				--color-blue-500: oklch(62.3% .214 259.815);
				--color-blue-600: oklch(54.6% .245 262.881);
				--color-blue-700: oklch(48.8% .243 264.376);
				--color-blue-800: oklch(42.4% .199 265.638);
				--color-indigo-50: oklch(96.2% .018 272.314);
				--color-indigo-100: oklch(93% .034 272.788);
				--color-indigo-200: oklch(87% .065 274.039);
				--color-indigo-600: oklch(51.1% .262 276.966);
				--color-indigo-700: oklch(45.7% .24 277.023);
				--color-indigo-800: oklch(39.8% .195 277.366);
				--color-purple-50: oklch(97.7% .014 308.299);
				--color-purple-100: oklch(94.6% .033 307.174);
				--color-purple-700: oklch(49.6% .265 301.924);
				--color-fuchsia-100: oklch(95.2% .037 318.852);
				--color-fuchsia-700: oklch(51.8% .253 323.949);
				--color-pink-50: oklch(97.1% .014 343.198);
				--color-pink-100: oklch(94.8% .028 342.258);
				--color-pink-600: oklch(59.2% .249 .584);
				--color-pink-700: oklch(52.5% .223 3.958);
				--color-rose-50: oklch(96.9% .015 12.422);
				--color-rose-100: oklch(94.1% .03 12.58);
				--color-rose-400: oklch(71.2% .194 13.428);
				--color-rose-500: oklch(64.5% .246 16.439);
				--color-rose-700: oklch(51.4% .222 16.935);
				--color-slate-50: oklch(98.4% .003 247.858);
				--color-slate-100: oklch(96.8% .007 247.896);
				--color-slate-200: oklch(92.9% .013 255.508);
				--color-slate-300: oklch(86.9% .022 252.894);
				--color-slate-400: oklch(70.4% .04 256.788);
				--color-slate-500: oklch(55.4% .046 257.417);
				--color-slate-600: oklch(44.6% .043 257.281);
				--color-slate-700: oklch(37.2% .044 257.287);
				--color-slate-800: oklch(27.9% .041 260.031);
				--color-slate-900: oklch(20.8% .042 265.755);
				--color-slate-950: oklch(12.9% .042 264.695);
				--color-black: #000;
				--color-white: #fff;

				--spacing: 0.25rem;
				--container-sm: 24rem;
				--container-md: 28rem;
				--container-2xl: 42rem;
				--container-4xl: 56rem;
				--container-7xl: 80rem;

				--text-xs: .75rem;
				--text-xs--line-height: calc(1 / .75);
				--text-sm: .875rem;
				--text-sm--line-height: calc(1.25 / .875);
				--text-base: 1rem;
				--text-base--line-height: 1.5;
				--text-lg: 1.125rem;
				--text-lg--line-height: calc(1.75 / 1.125);
				--text-xl: 1.25rem;
				--text-xl--line-height: calc(1.75 / 1.25);
				--text-2xl: 1.5rem;
				--text-2xl--line-height: calc(2 / 1.5);
				--text-3xl: 1.875rem;
				--text-3xl--line-height: 1.2;
				--text-5xl: 3rem;
				--text-5xl--line-height: 1;
				--text-8xl: 6rem;
				--text-8xl--line-height: 1;
				--font-weight-normal: 400;
				--font-weight-medium: 500;
				--font-weight-semibold: 600;
				--font-weight-bold: 700;
				--font-weight-black: 900;

				/* CDN image URLs */
				--img-icon-view-white: url('https://static-hp.gumlet.io/assets/images/Icon_View_White.svg');
				--img-campaign-bg-coin: url('https://static-hp.gumlet.io/assets/images/cart-ui-icon/Campaign_BG_Coin.png');
				--img-campaign-bg-coupon: url('https://static-hp.gumlet.io/assets/images/cart-ui-icon/Campaign_BG_Coupon.png');
				--img-campaign-bg-gift: url('https://static-hp.gumlet.io/assets/images/cart-ui-icon/Campaign_BG_Gift.png');
				--img-clock-icon-red: url('https://static-hp.gumlet.io/assets/images/clock-icon-red.svg');
				--img-checkbox: url('https://static-hp.gumlet.io/assets/images/icon/checkbox.png');
				--img-checkbox-error: url('https://static-hp.gumlet.io/assets/images/icon/checkbox-red.png');
				--img-checkbox-active: url('https://static-hp.gumlet.io/assets/images/icon/checkbox_active.png');
				--img-checked-blue: url('https://static-hp.gumlet.io/assets/images/icon/checked_blue.png');
				--img-emoji-01: url('https://static-hp.gumlet.io/assets/images/icon/emoji/emo-01.svg');
				--img-emoji-02: url('https://static-hp.gumlet.io/assets/images/icon/emoji/emo-02.svg');
				--img-emoji-03: url('https://static-hp.gumlet.io/assets/images/icon/emoji/emo-03.svg');
				--img-emoji-04: url('https://static-hp.gumlet.io/assets/images/icon/emoji/emo-04.svg');
				--img-emoji-05: url('https://static-hp.gumlet.io/assets/images/icon/emoji/emo-05.svg');
				--img-emoji-06: url('https://static-hp.gumlet.io/assets/images/icon/emoji/emo-06.svg');
				--img-emoji-07: url('https://static-hp.gumlet.io/assets/images/icon/emoji/emo-07.svg');
				--img-emoji-08: url('https://static-hp.gumlet.io/assets/images/icon/emoji/emo-08.svg');
				--img-pd-checkbox-checked: url('https://static-hp.gumlet.io/assets/images/icon/pd-checkbox-checked.png');
				--img-pd-checkbox: url('https://static-hp.gumlet.io/assets/images/icon/pd-checkbox.png');
				--img-radiobox: url('https://static-hp.gumlet.io/assets/images/icon/radiobox.png');
				--img-radiobox-active: url('https://static-hp.gumlet.io/assets/images/icon/radiobox_active.png');
				--img-unchecked-blue: url('https://static-hp.gumlet.io/assets/images/icon/unchecked_blue.png');
				--img-wishlist: url('https://static-hp.gumlet.io/assets/images/icon/wishlist.png');
				--img-wishlist-2: url('https://static-hp.gumlet.io/assets/images/icon/wishlist_2.png');
				--img-wishlist-active: url('https://static-hp.gumlet.io/assets/images/icon/wishlist_active.png');
				--img-discount-pointing: url('https://static-hp.gumlet.io/assets/images/mkp/discount-pointing.png');
				--img-line-center: url('https://static-hp.gumlet.io/assets/images/mkp/line-center.svg');
				--img-no-video: url('https://static-hp.gumlet.io/assets/images/no_video_available.png');
				--img-noimg: url('https://static-hp.gumlet.io/assets/images/noimg.jpg');
				--img-carport-arrow-short: url('https://static-hp.gumlet.io/carportinspection/highlight/arrow-short.png');
				--img-carport-arrow: url('https://static-hp.gumlet.io/carportinspection/highlight/arrow.png');
				--img-swiper-nav-left: url('https://static-hp.gumlet.io/homepage/swiper-nav-left.png');
				--img-swiper-nav-right: url('https://static-hp.gumlet.io/homepage/swiper-nav-right.png');
				--img-icon-checkbox: url('https://static-hp.gumlet.io/homepromall/img/Icon_CheckBox.png');
				--img-star-disable: url('https://static-hp.gumlet.io/homepromall/img/Icon_Star_Disable.png');
				--img-star-enable: url('https://static-hp.gumlet.io/homepromall/img/Icon_Star_Enable.png');
				--img-crosss: url('https://static-hp.gumlet.io/homepromall/img/crosss.png');
				--img-homeinspire-banner: url('https://static-hp.gumlet.io/homeservice/cement-kitchen/HomeInspire_Banner.jpg');
				--img-plan-button: url('https://static-hp.gumlet.io/homeservice/home-inspection/plan/plan-button.png');
				--img-progress-arrow: url('https://static-hp.gumlet.io/homeservice/home-inspection/progress/arrow.png');
				--img-knowva-search: url('https://static-hp.gumlet.io/knowva/Icon_BrainPadSearch05.png');
				--img-express-check-checked: url('https://static-hp.gumlet.io/marketplace/express/check-checked.png');
				--img-express-check-uncheck: url('https://static-hp.gumlet.io/marketplace/express/check-uncheck.png');
				--img-search: url('https://static-hp.gumlet.io/marketplace/icon/search.svg');
				--img-coupon-icon-red: url('https://static-hp.gumlet.io/mkp/images/Coupon-icon-red.svg');
				--img-mark: url('https://static-hp.gumlet.io/mkp/images/Mark.svg');
				--img-note: url('https://static-hp.gumlet.io/mkp/images/Note.png');
				--img-angle-down: url('https://static-hp.gumlet.io/mkp/images/angle-down.svg');
				--img-arrow-new-comment: url('https://static-hp.gumlet.io/mkp/images/arrow-new-comment.svg');
				--img-check: url('https://static-hp.gumlet.io/mkp/images/check.svg');
				--img-clock: url('https://static-hp.gumlet.io/mkp/images/clock.png');
				--img-code: url('https://static-hp.gumlet.io/mkp/images/code.png');
				--img-coupon-bg-bix: url('https://static-hp.gumlet.io/mkp/images/coupon-bg-bix.png');
				--img-coupon-bg: url('https://static-hp.gumlet.io/mkp/images/coupon-bg.png');
				--img-discount-cart-bg: url('https://static-hp.gumlet.io/mkp/images/discount-cart-bg.png');
				--img-discount-pointing-tip: url('https://static-hp.gumlet.io/mkp/images/discount-pointing-tip.svg');
				--img-list-price-tag: url('https://static-hp.gumlet.io/mkp/images/list-price-tag.svg');
				--img-pin: url('https://static-hp.gumlet.io/mkp/images/pin.svg');
				--img-solar-banner: url('https://static-hp.gumlet.io/solar/P1_THAI-25.png');
				--img-checkbox-active: url('https://static-hp.gumlet.io/assets/images/icon/checkbox_active.png');
				--img-eye-slash-icon: url('https://static-hp.gumlet.io/renew-login/Icon_PSW_Hide.png');
				--img-eye-icon: url('https://static-hp.gumlet.io/renew-login/Icon_PSW_Show.png');
			}