@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,600;1,400;1,600&family=IBM+Plex+Sans+Arabic:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,300..700;1,300..700&family=Inter:wght@300..700&family=IBM+Plex+Sans+Arabic:wght@400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Product+Sans:300,400,500,700);

@font-face {
	font-family: Graphik;
	src: local("Graphik Regular"), url('../../themes/v1/fonts/graphik/Graphik-Regular.woff2'), url('../../themes/v1/fonts/graphik/Graphik-Regular.woff');
	font-weight: 400;
	text-rendering: optimizeLegibility;
	font-display: swap;
	ascent-override: 100%
}

@font-face {
	font-family: Graphik;
	src: local("Graphik Medium"), url('../../themes/v1/fonts/graphik/Graphik-Medium.woff2'), url('../../themes/v1/fonts/graphik/Graphik-Medium.woff');
	font-weight: 500;
	text-rendering: optimizeLegibility;
	font-display: swap;
	ascent-override: 100%
}

@font-face {
	font-family: Graphik;
	src: local("Graphik Semibold"), url('../../themes/v1/fonts/graphik/Graphik-Semibold.woff2'), url('../../themes/v1/fonts/graphik/Graphik-Semibold.woff');
	font-weight: 700;
	text-rendering: optimizeLegibility;
	font-display: swap;
	ascent-override: 100%
}

@font-face {
	font-family: "Mabry Pro";
	src: local("Mabry Pro Regular"), url('../../themes/v1/fonts/mabry-pro/MabryPro-Regular.woff2'), url('../../themes/v1/fonts/mabry-pro/MabryPro-Regular.woff');
	font-weight: 400;
	text-rendering: optimizeLegibility;
	font-display: swap;
	ascent-override: 90%
}

@font-face {
	font-family: "Mabry Pro";
	src: local("Mabry Pro Bold"), url('../../themes/v1/fonts/mabry-pro/MabryPro-Bold.woff2'), url('../../themes/v1/fonts/mabry-pro/MabryPro-Bold.woff');
	font-weight: 700;
	text-rendering: optimizeLegibility;
	font-display: swap;
	ascent-override: 90%
}

@font-face {
	font-family: "Degular Display";
	src: local("Degular Display Semidbold"), url('../../themes/v1/fonts/degular-display/DegularDisplay-Semibold.woff2');
	font-weight: 600;
	text-rendering: optimizeLegibility;
	font-display: swap;
	ascent-override: 100%
}

@font-face {
	font-family: "Sharp Grotesk";
	src: local("Sharp Grotesk Medium"), url('../../themes/v1/fonts/sharp-grotesk/SharpGrotesk-Medium.woff2');
	font-weight: 600;
	text-rendering: optimizeLegibility;
	font-display: swap;
	ascent-override: 100%
}

@font-face {
	font-family: PolySans;
	src: local("PolySans Normal"), url('../../themes/v1/fonts/polysans/PolySans-Normal.ttf');
	font-weight: 400;
	text-rendering: optimizeLegibility;
	font-display: swap;
	ascent-override: 100%
}

@font-face {
	font-family: PolySans;
	src: local("PolySans Bold"), url('../../themes/v1/fonts/polysans/PolySans-Medium.woff2');
	font-weight: 700;
	text-rendering: optimizeLegibility;
	font-display: swap;
	ascent-override: 100%
}

@font-face {
	font-family: Sunsive;
	src: local("Sunsive Regular"), url('../../themes/v1/fonts/sunsive/Sunsive-Regular.woff'), url('../../themes/v1/fonts/sunsive/Sunsive-Regular.woff2');
	font-weight: 400;
	text-rendering: optimizeLegibility;
	font-display: swap;
	ascent-override: 100%
}

@font-face {
	font-family: Sunsive;
	src: local("Sunsive Medium"), url('../../themes/v1/fonts/sunsive/Sunsive-Medium.woff'), url('../../themes/v1/fonts/sunsive/Sunsive-Medium.woff2');
	font-weight: 500;
	text-rendering: optimizeLegibility;
	font-display: swap;
	ascent-override: 100%
}

@font-face {
	font-family: Sunsive;
	src: local("Sunsive SemiBold"), url('../../themes/v1/fonts/sunsive/Sunsive-SemiBold.woff'), url('../../themes/v1/fonts/sunsive/Sunsive-SemiBold.woff2');
	font-weight: 600;
	text-rendering: optimizeLegibility;
	font-display: swap;
	ascent-override: 100%
}

@font-face {
	font-family: Sunsive;
	src: local("Sunsive Bold"), url('../../themes/v1/fonts/sunsive/Sunsive-SemiBold.woff'), url('../../themes/v1/fonts/sunsive/Sunsive-SemiBold.woff2');
	font-weight: 700;
	text-rendering: optimizeLegibility;
	font-display: swap;
	ascent-override: 100%
}

@font-face {
	font-family: "Open Sauce Sans";
	src: local("Open Sauce Sans Regular"), url('../../themes/v1/fonts/open-sauce-sans/OpenSauceSans-Regular.woff2'), url('../../themes/v1/fonts/open-sauce-sans/OpenSauceSans-Regular.woff');
	font-weight: 400;
	text-rendering: optimizeLegibility;
	font-display: swap;
	ascent-override: 100%
}

@font-face {
	font-family: "Open Sauce Sans";
	src: local("Open Sauce Sans Medium"), url('../../themes/v1/fonts/open-sauce-sans/OpenSauceSans-Medium.woff2'), url('../../themes/v1/fonts/open-sauce-sans/OpenSauceSans-Medium.woff');
	font-weight: 500;
	text-rendering: optimizeLegibility;
	font-display: swap;
	ascent-override: 100%
}

@font-face {
	font-family: "Open Sauce Sans";
	src: local("Open Sauce Sans Bold"), url('../../themes/v1/fonts/open-sauce-sans/OpenSauceSans-Bold.woff2'), url('../../themes/v1/fonts/open-sauce-sans/OpenSauceSans-Bold.woff');
	font-weight: 700;
	text-rendering: optimizeLegibility;
	font-display: swap;
	ascent-override: 100%
}

@font-face {
	font-family: Lexend;
	src: local("Lexend Regular"), url('../../themes/v1/fonts/lexend/Lexend-Regular.ttf');
	font-weight: 400;
	text-rendering: optimizeLegibility;
	font-display: swap;
	ascent-override: 100%
}

@font-face {
	font-family: Lexend;
	src: local("Lexend SemiBold"), url('../../themes/v1/fonts/lexend/Lexend-SemiBold.ttf');
	font-weight: 700;
	text-rendering: optimizeLegibility;
	font-display: swap;
	ascent-override: 100%
}

@font-face {
	font-family: "Optician Sans";
	src: local("Optician Sans Regular"), url('../../themes/v1/fonts/optician-sans/Optician-Sans.woff'), url('../../themes/v1/fonts/optician-sans/Optician-Sans.ttf');
	font-weight: 400;
	text-rendering: optimizeLegibility;
	font-display: swap;
	ascent-override: 75%
}

:root {
	--hx-font-primary: "Sunsive", "IBM Plex Sans Arabic", Helvetica, sans-serif;
	--hx-font-secondary: "Sunsive", "IBM Plex Sans Arabic", sans-serif;
	--hx-font-tertiary: 'Sunsive', "IBM Plex Sans Arabic", Helvetica, sans-serif;
	--font-family-primary: "Sunsive", "IBM Plex Sans Arabic", sans-serif;
	--font-family-secondary: PolySans, Lexend, serif;
	--font-family-tertiary: "Sunsive", "IBM Plex Sans Arabic", serif;
	--font-family-serif: serif, "IBM Plex Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-script: Segoe Script, "IBM Plex Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-mono: monospace, "IBM Plex Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-weight-ultralight: 100;
	--font-weight-lighter: 200;
	--font-weight-light: 300;
	--font-weight-normal: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--font-weight-bolder: 800;
	--font-weight-ultrabold: 900;
	--font-text-family: var(--font-family-primary);
	--font-text-weight: 400;
	--font-heading-family: var(--font-family-secondary);
	--font-heading-weight: 700;
	--font-display-family: var(--font-family-secondary);
	--font-display-weight: 700;
	--font-code-family: var(--font-family-code);
	--font-code-weight: 400;
	--root-size: 1rem;
	--radius: 4px;
	--border-size: 1px;
	--border-color: rgba(131, 131, 131, .25);
	--shadow-color: rgba(0, 0, 0, .15);
	--contrast-ratio: 2;
	--breakpoints-xs: 0;
	--breakpoints-sm: 576px;
	--breakpoints-md: 768px;
	--breakpoints-lg: 992px;
	--breakpoints-xl: 1200px;
	--breakpoints-xxl: 1400px;
	--color-gray: #45454c;
	--color-gray-10: rgb(249.42, 249.42, 249.63);
	--color-gray-25: rgb(245.7, 245.7, 246.05);
	--color-gray-50: rgb(236.4, 236.4, 237.1);
	--color-gray-100: rgb(217.8, 217.8, 219.2);
	--color-gray-200: rgb(180.6, 180.6, 183.4);
	--color-gray-300: rgb(143.4, 143.4, 147.6);
	--color-gray-400: rgb(106.2, 106.2, 111.8);
	--color-gray-500: #45454c;
	--color-gray-600: rgb(55.2, 55.2, 60.8);
	--color-gray-700: rgb(41.4, 41.4, 45.6);
	--color-gray-800: rgb(27.6, 27.6, 30.4);
	--color-gray-900: rgb(13.8, 13.8, 15.2);
	--color-slate: #6b7280;
	--color-slate-10: rgb(250.56, 250.77, 251.19);
	--color-slate-25: rgb(247.6, 247.95, 248.65);
	--color-slate-50: rgb(240.2, 240.9, 242.3);
	--color-slate-100: rgb(225.4, 226.8, 229.6);
	--color-slate-200: rgb(195.8, 198.6, 204.2);
	--color-slate-300: rgb(166.2, 170.4, 178.8);
	--color-slate-400: rgb(136.6, 142.2, 153.4);
	--color-slate-500: #6b7280;
	--color-slate-600: rgb(85.6, 91.2, 102.4);
	--color-slate-700: rgb(64.2, 68.4, 76.8);
	--color-slate-800: rgb(42.8, 45.6, 51.2);
	--color-slate-900: rgb(21.4, 22.8, 25.6);

	--sizes-text-3xs-size: .75rem;
	--sizes-text-3xs-lh: 1.5;
	--sizes-text-3xs-lp: 0rem;
	--sizes-text-2xs-size: .875rem;
	--sizes-text-2xs-lh: 1.5;
	--sizes-text-2xs-lp: 0rem;
	--sizes-text-xs-size: 1rem;
	--sizes-text-xs-lh: 1.5;
	--sizes-text-xs-lp: 0rem;
	--sizes-text-sm-size: 1.125rem;
	--sizes-text-sm-lh: 1.5;
	--sizes-text-sm-lp: 0rem;
	--sizes-text-md-size: 1.25rem;
	--sizes-text-md-lh: 1.5;
	--sizes-text-md-lp: 0rem;
	--sizes-text-lg-size: 1.5rem;
	--sizes-text-lg-lh: 1.5;
	--sizes-text-lg-lp: 0rem;
	--sizes-text-xl-size: 1.75rem;
	--sizes-text-xl-lh: 1.5;
	--sizes-text-xl-lp: 0rem;
	--sizes-text-2xl-size: 2rem;
	--sizes-text-2xl-lh: 1.5;
	--sizes-text-2xl-lp: 0rem;
	--sizes-heading-display-1-size: 8rem;
	--sizes-heading-display-1-lh: 1;
	--sizes-heading-display-1-lp: -0.32rem;
	--sizes-heading-display-2-size: 6rem;
	--sizes-heading-display-2-lh: 1;
	--sizes-heading-display-2-lp: -0.24rem;
	--sizes-heading-display-3-size: 5rem;
	--sizes-heading-display-3-lh: 1;
	--sizes-heading-display-3-lp: -0.2rem;
	--sizes-heading-display-4-size: 4.5rem;
	--sizes-heading-display-4-lh: 1;
	--sizes-heading-display-4-lp: -0.18rem;
	--sizes-heading-display-5-size: 4rem;
	--sizes-heading-display-5-lh: 1;
	--sizes-heading-display-5-lp: -0.16rem;
	--sizes-heading-display-6-size: 3.5rem;
	--sizes-heading-display-6-lh: 1;
	--sizes-heading-display-6-lp: -0.14rem;
	--sizes-heading-h1-size: 3rem;
	--sizes-heading-h1-lh: 1.1;
	--sizes-heading-h1-lp: -0.12rem;
	--sizes-heading-h2-size: 2.5rem;
	--sizes-heading-h2-lh: 1.1;
	--sizes-heading-h2-lp: -0.08rem;
	--sizes-heading-h3-size: 2rem;
	--sizes-heading-h3-lh: 1.1;
	--sizes-heading-h3-lp: -0.07rem;
	--sizes-heading-h4-size: 1.5rem;
	--sizes-heading-h4-lh: 1.2;
	--sizes-heading-h4-lp: -0.06rem;
	--sizes-heading-h5-size: 1.25rem;
	--sizes-heading-h5-lh: 1.2;
	--sizes-heading-h5-lp: -0.05rem;
	--sizes-heading-h6-size: 1rem;
	--sizes-heading-h6-lh: 1.2;
	--sizes-heading-h6-lp: -0.004rem;
	--sizes-container-xs: 784px;
	--sizes-container-sm: 992px;
	--sizes-container-md: 1200px;
	--sizes-container-lg: 1376px;
	--sizes-container-xl: 1600px;
	--sizes-grid-narrow: .25rem;
	--sizes-grid-2xs: .5rem;
	--sizes-grid-xs: 1rem;
	--sizes-grid-sm: 1.5rem;
	--sizes-grid-md: 2rem;
	--sizes-grid-lg: 2.5rem;
	--sizes-grid-xl: 3rem;
	--sizes-grid-2xl: 3.5rem;
	--sizes-grid-3xl: 4rem;
	--sizes-grid-4xl: 5rem;
	--sizes-grid-5xl: 8rem;
	--sizes-spacing-narrow: .25rem;
	--sizes-spacing-2xs: .5rem;
	--sizes-spacing-xs: 1rem;
	--sizes-spacing-sm: 1.5rem;
	--sizes-spacing-md: 2rem;
	--sizes-spacing-lg: 2.5rem;
	--sizes-spacing-xl: 3rem;
	--sizes-spacing-2xl: 3.5rem;
	--sizes-spacing-3xl: 4rem;
	--sizes-spacing-4xl: 6rem;
	--sizes-spacing-5xl: 8rem;
	--sizes-button-height: 48px;
	--sizes-button-px: 1rem;
	--sizes-button-text: 1rem;
	--sizes-button-radius: var(--radius);
	--sizes-button-2xs-height: 24px;
	--sizes-button-2xs-px: .25rem;
	--sizes-button-2xs-text: .8rem;
	--sizes-button-2xs-radius: var(--radius);
	--sizes-button-xs-height: 32px;
	--sizes-button-xs-px: .5rem;
	--sizes-button-xs-text: .825rem;
	--sizes-button-xs-radius: var(--radius);
	--sizes-button-sm-height: 40px;
	--sizes-button-sm-px: .75rem;
	--sizes-button-sm-text: 1rem;
	--sizes-button-sm-radius: var(--radius);
	--sizes-button-md-height: 48px;
	--sizes-button-md-px: 1rem;
	--sizes-button-md-text: 1rem;
	--sizes-button-md-radius: var(--radius);
	--sizes-button-lg-height: 56px;
	--sizes-button-lg-px: 1.5rem;
	--sizes-button-lg-text: 1.125rem;
	--sizes-button-lg-radius: var(--radius);
	--sizes-button-xl-height: 64px;
	--sizes-button-xl-px: 2rem;
	--sizes-button-xl-text: 1.25rem;
	--sizes-button-xl-radius: var(--radius);
	--sizes-button-2xl-height: 80px;
	--sizes-button-2xl-px: 3rem;
	--sizes-button-2xl-text: 1.5rem;
	--sizes-button-2xl-radius: var(--radius);
	--sizes-form-height: 48px;
	--sizes-form-px: 1rem;
	--sizes-form-text: 1rem;
	--sizes-form-2xs-height: 24px;
	--sizes-form-2xs-px: .5rem;
	--sizes-form-2xs-text: .75rem;
	--sizes-form-xs-height: 32px;
	--sizes-form-xs-px: .5rem;
	--sizes-form-xs-text: .875rem;
	--sizes-form-sm-height: 40px;
	--sizes-form-sm-px: .75rem;
	--sizes-form-sm-text: 1rem;
	--sizes-form-md-height: 48px;
	--sizes-form-md-px: 1rem;
	--sizes-form-md-text: 1rem;
	--sizes-form-lg-height: 56px;
	--sizes-form-lg-px: 1.5rem;
	--sizes-form-lg-text: 1.125rem;
	--sizes-form-xl-height: 64px;
	--sizes-form-xl-px: 1.25rem;
	--sizes-form-xl-text: 1.25rem;
	--sizes-form-2xl-height: 80px;
	--sizes-form-2xl-px: 1.5rem;
	--sizes-form-2xl-text: 1.5rem;
	--sizes-icon-2xs: 16px;
	--sizes-icon-xs: 20px;
	--sizes-icon-sm: 24px;
	--sizes-icon-md: 32px;
	--sizes-icon-lg: 48px;
	--sizes-icon-xl: 64px;
	--sizes-icon-2xl: 80px;
	--sizes-rouneded-: var(--radius);
	--sizes-rouneded-1: 4px;
	--sizes-rouneded-2: 16px;
	--sizes-rouneded-3: 24px;
	--sizes-rouneded-4: 32px;
	--sizes-rouneded-5: 40px;
	--sizes-rouneded-6: 48px;
	--sizes-rouneded-7: 56px;
	--sizes-rouneded-8: 64px;
	--sizes-blur-1: 4px;
	--sizes-blur-2: 8px;
	--sizes-blur-3: 16px;
	--sizes-blur-4: 24px;
	--sizes-blur-5: 32px;
	--sizes-blur-6: 48px;
	--sizes-blur-7: 64px;
	--sizes-blur-8: 80px;
	--sizes-blur-9: 96px;
	--sizes-blur-10: 128px;
	--sizes-shadow-xs: 0 .125rem .25rem -0.1rem var(--shadow-color);
	--sizes-shadow-sm: 0 .25rem .5rem -0.1rem var(--shadow-color);
	--sizes-shadow: 0 .5rem 1rem -0.1rem var(--shadow-color);
	--sizes-shadow-lg: 0 1rem 1.5rem -0.1rem var(--shadow-color);
	--sizes-shadow-xl: 0 1.5rem 2rem -0.1rem var(--shadow-color);
	--sizes-shadow-2xl: 0 2rem 2.5rem -0.1rem var(--shadow-color);
	--sizes-table-xs: .5rem;
	--sizes-table-sm: .75rem;
	--sizes-table: 1rem;
	--sizes-table-md: 1.25rem;
	--sizes-table-lg: 1.5rem;
	--body-font-typeface: var(--font-text-family);
	--body-font-size: var(--root-size);
	--body-font-weight: var(--font-text-weight);
	--body-font-spacing: normal;
	--body-color-background: rgba(0, 0, 0, 0);
	--body-color-text: var(--color-gray-900);
	--heading-font-typeface: var(--font-heading-family);
	--heading-font-weight: var(--font-heading-weight);
	--heading-font-style: normal;
	--heading-font-spacing: normal;
	--heading-font-transform: initial;
	--heading-color-text: inherit;
	--link-color-text: var(--color-primary);
	--link-color-text-hover: var(--color-primary-60);
	--button-font-typeface: var(--font-family-tertiary);
	--button-font-weight: 500;
	--button-font-line-height: initial;
	--button-font-spacing: normal;
	--button-font-transform: initial;
	--button-border-width: 2px;
	--button-border-radius: var(--radius);
	--button-color-text: #fff;
	--button-radius: 0;
	--form-font-typeface: var(--font-text-family);
	--form-font-size: var(--sizes-form-medium-text);
	--form-font-weight: 400;
	--form-font-line-height: 1.25rem;
	--form-font-spacing: normal;
	--form-font-transform: initial;
	--form-color-text: var(--color-gray-900);
	--form-color-background: rgba(155, 155, 155, .15);
	--form-color-background-hover: rgba(155, 155, 155, .2);
	--form-color-background-disable: rgba(155, 155, 155, .4);
	--form-color-background-primary: var(--color-primary);
	--form-color-background-primary-hover: var(--color-primary-60);
	--form-color-placeholder: rgba(155, 155, 155, .7);
	--form-border-width: 0;
	--form-border-color: var(--border-color);
	--form-border-radius: var(--radius);
	--form-shadow-default: 0 0 0 1px var(--border-color);
	--form-shadow-hover: 0 0 0 1px var(--border-color);
	--form-shadow-focus: 0 0 0 2px var(--color-primary);
	--form-height: var(--sizes-form-medium-height);
	--form-dark-color-text: var(--color-white);
	--form-dark-color-background: rgba(155, 155, 155, .15);
	--form-dark-color-background-hover: rgba(155, 155, 155, .2);
	--form-dark-color-background-disable: rgba(155, 155, 155, .4);
	--form-dark-color-background-primary: var(--color-primary);
	--form-dark-color-background-primary-hover: var(--color-primary-60);
	--form-dark-color-placeholder: rgba(155, 155, 155, .5);
	--tab-font-size: var(--sizes-form-medium-text);
	--tab-font-weight: 700;
	--tab-font-spacing: normal;
	--tab-font-transform: initial;
	--tab-color-text: var(--color-gray-700);
	--tab-color-text-hover: var(--color-gray-800);
	--tab-color-text-active: var(--color-gray-900);
	--tab-border-width: 4px;
	--tab-border-color: var(--color-primary);
	--tab-border-radius: var(--radius);
	--tab-display: inline-flex;
	--tab-align-text: center;
	--tab-margin: 0;
	--tab-padding: 5px;
	--accordion-font-size: var(--sizes-form-large-text);
	--accordion-font-weight: 700;
	--accordion-font-spacing: normal;
	--accordion-font-transform: initial;
	--accordion-color-text: var(--color-gray-900);
	--accordion-color-text-active: var(--color-primary);
	--accordion-border-width: 1px;
	--accordion-border-color: var(--border-color);
	--accordion-margin: 20px;
	--accordion-padding: 20px;
	--alert-font-size: var(--sizes-form-medium-text);
	--alert-font-weight: 400;
	--alert-font-style: normal;
	--alert-font-spacing: normal;
	--alert-font-transform: initial;
	--alert-color-background: var(--color-gray-100);
	--alert-color-text: var(--color-gray-900);
	--alert-border-width: 0;
	--alert-border-radius: var(--radius);
	--alert-padding: 15px;
	    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #c22227;
    --bs-secondary: #f5eee9;
    --bs-success: #4CAF50;
    --bs-info: #0099cc;
    --bs-warning: #ffb307;
    --bs-danger: #e44b4b;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-gray: #45454c;
    --bs-gray-10: rgb(249.42, 249.42, 249.63);
    --bs-gray-25: rgb(245.7, 245.7, 246.05);
    --bs-gray-50: rgb(236.4, 236.4, 237.1);
    --bs-gray-100: rgb(217.8, 217.8, 219.2);
    --bs-gray-200: rgb(180.6, 180.6, 183.4);
    --bs-gray-300: rgb(143.4, 143.4, 147.6);
    --bs-gray-400: rgb(106.2, 106.2, 111.8);
    --bs-gray-500: #45454c;
    --bs-gray-600: rgb(55.2, 55.2, 60.8);
    --bs-gray-700: rgb(41.4, 41.4, 45.6);
    --bs-gray-800: rgb(27.6, 27.6, 30.4);
    --bs-gray-900: rgb(13.8, 13.8, 15.2);
    --bs-slate: #6b7280;
    --bs-slate-10: rgb(250.56, 250.77, 251.19);
    --bs-slate-25: rgb(247.6, 247.95, 248.65);
    --bs-slate-50: rgb(240.2, 240.9, 242.3);
    --bs-slate-100: rgb(225.4, 226.8, 229.6);
    --bs-slate-200: rgb(195.8, 198.6, 204.2);
    --bs-slate-300: rgb(166.2, 170.4, 178.8);
    --bs-slate-400: rgb(136.6, 142.2, 153.4);
    --bs-slate-500: #6b7280;
    --bs-slate-600: rgb(85.6, 91.2, 102.4);
    --bs-slate-700: rgb(64.2, 68.4, 76.8);
    --bs-slate-800: rgb(42.8, 45.6, 51.2);
    --bs-slate-900: rgb(21.4, 22.8, 25.6);
	--bs-primary-10: rgb(251.82, 248.25, 248.25);
	--bs-primary-25: rgb(249.7, 243.75, 243.75);
	--bs-primary-50: rgb(244.4, 232.5, 232.5);
	--bs-primary-100: rgb(233.8, 210, 210);
	--bs-primary-200: rgb(212.6, 165, 165);
	--bs-primary-300: rgb(191.4, 120, 120);
	--bs-primary-400: rgb(170.2, 75, 75);
	--bs-primary-500: #c22227;
	--bs-primary-600: rgb(119.2, 24, 24);
	--bs-primary-700: rgb(89.4, 18, 18);
	--bs-primary-800: rgb(59.6, 12, 12);
	--bs-primary-900: rgb(29.8, 6, 6);
    --bs-secondary-10: rgb(254.7, 254.49, 254.34);
    --bs-secondary-25: rgb(254.5, 254.15, 253.9);
    --bs-secondary-50: rgb(254, 253.3, 252.8);
    --bs-secondary-100: rgb(253, 251.6, 250.6);
    --bs-secondary-200: rgb(251, 248.2, 246.2);
    --bs-secondary-300: rgb(249, 244.8, 241.8);
    --bs-secondary-400: rgb(247, 241.4, 237.4);
    --bs-secondary-500: #f5eee9;
    --bs-secondary-600: rgb(196, 190.4, 186.4);
    --bs-secondary-700: rgb(147, 142.8, 139.8);
    --bs-secondary-800: rgb(98, 95.2, 93.2);
    --bs-secondary-900: rgb(49, 47.6, 46.6);
    --bs-info-10: rgb(247.35, 251.94, 253.47);
    --bs-info-25: rgb(242.25, 249.9, 252.45);
    --bs-info-50: rgb(229.5, 244.8, 249.9);
    --bs-info-100: rgb(204, 234.6, 244.8);
    --bs-info-200: rgb(153, 214.2, 234.6);
    --bs-info-300: rgb(102, 193.8, 224.4);
    --bs-info-400: rgb(51, 173.4, 214.2);
    --bs-info-500: #0099cc;
    --bs-info-600: rgb(0, 122.4, 163.2);
    --bs-info-700: rgb(0, 91.8, 122.4);
    --bs-info-800: rgb(0, 61.2, 81.6);
    --bs-info-900: rgb(0, 30.6, 40.8);
    --bs-success-10: rgb(249.63, 252.6, 249.75);
    --bs-success-25: rgb(246.05, 251, 246.25);
    --bs-success-50: rgb(237.1, 247, 237.5);
    --bs-success-100: rgb(219.2, 239, 220);
    --bs-success-200: rgb(183.4, 223, 185);
    --bs-success-300: rgb(147.6, 207, 150);
    --bs-success-400: rgb(111.8, 191, 115);
    --bs-success-500: #4CAF50;
    --bs-success-600: rgb(60.8, 140, 64);
    --bs-success-700: rgb(45.6, 105, 48);
    --bs-success-800: rgb(30.4, 70, 32);
    --bs-success-900: rgb(15.2, 35, 16);
    --bs-warning-10: rgb(255, 252.72, 247.56);
    --bs-warning-25: rgb(255, 251.2, 242.6);
    --bs-warning-50: rgb(255, 247.4, 230.2);
    --bs-warning-100: rgb(255, 239.8, 205.4);
    --bs-warning-200: rgb(255, 224.6, 155.8);
    --bs-warning-300: rgb(255, 209.4, 106.2);
    --bs-warning-400: rgb(255, 194.2, 56.6);
    --bs-warning-500: #ffb307;
    --bs-warning-600: rgb(204, 143.2, 5.6);
    --bs-warning-700: rgb(153, 107.4, 4.2);
    --bs-warning-800: rgb(102, 71.6, 2.8);
    --bs-warning-900: rgb(51, 35.8, 1.4);
    --bs-danger-10: rgb(254.19, 249.6, 249.6);
    --bs-danger-25: rgb(253.65, 246, 246);
    --bs-danger-50: rgb(252.3, 237, 237);
    --bs-danger-100: rgb(249.6, 219, 219);
    --bs-danger-200: rgb(244.2, 183, 183);
    --bs-danger-300: rgb(238.8, 147, 147);
    --bs-danger-400: rgb(233.4, 111, 111);
    --bs-danger-500: #e44b4b;
    --bs-danger-600: rgb(182.4, 60, 60);
    --bs-danger-700: rgb(136.8, 45, 45);
    --bs-danger-800: rgb(91.2, 30, 30);
    --bs-danger-900: rgb(45.6, 15, 15);
    --bs-blue: #078af3;
    --bs-blue-10: rgb(247.56, 251.49, 254.64);
    --bs-blue-25: rgb(242.6, 249.15, 254.4);
    --bs-blue-50: rgb(230.2, 243.3, 253.8);
    --bs-blue-100: rgb(205.4, 231.6, 252.6);
    --bs-blue-200: rgb(155.8, 208.2, 250.2);
    --bs-blue-300: rgb(106.2, 184.8, 247.8);
    --bs-blue-400: rgb(56.6, 161.4, 245.4);
    --bs-blue-500: #078af3;
    --bs-blue-600: rgb(5.6, 110.4, 194.4);
    --bs-blue-700: rgb(4.2, 82.8, 145.8);
    --bs-blue-800: rgb(2.8, 55.2, 97.2);
    --bs-blue-900: rgb(1.4, 27.6, 48.6);
    --bs-indigo: #553cdf;
    --bs-indigo-10: rgb(249.9, 249.15, 254.04);
    --bs-indigo-25: rgb(246.5, 245.25, 253.4);
    --bs-indigo-50: rgb(238, 235.5, 251.8);
    --bs-indigo-100: rgb(221, 216, 248.6);
    --bs-indigo-200: rgb(187, 177, 242.2);
    --bs-indigo-300: rgb(153, 138, 235.8);
    --bs-indigo-400: rgb(119, 99, 229.4);
    --bs-indigo-500: #553cdf;
    --bs-indigo-600: rgb(68, 48, 178.4);
    --bs-indigo-700: rgb(51, 36, 133.8);
    --bs-indigo-800: rgb(34, 24, 89.2);
    --bs-indigo-900: rgb(17, 12, 44.6);
    --bs-purple: #8921e4;
    --bs-purple-10: rgb(251.46, 248.34, 254.19);
    --bs-purple-25: rgb(249.1, 243.9, 253.65);
    --bs-purple-50: rgb(243.2, 232.8, 252.3);
    --bs-purple-100: rgb(231.4, 210.6, 249.6);
    --bs-purple-200: rgb(207.8, 166.2, 244.2);
    --bs-purple-300: rgb(184.2, 121.8, 238.8);
    --bs-purple-400: rgb(160.6, 77.4, 233.4);
    --bs-purple-500: #8921e4;
    --bs-purple-600: rgb(109.6, 26.4, 182.4);
    --bs-purple-700: rgb(82.2, 19.8, 136.8);
    --bs-purple-800: rgb(54.8, 13.2, 91.2);
    --bs-purple-900: rgb(27.4, 6.6, 45.6);
    --bs-red: #ea4335;
    --bs-red-10: rgb(254.37, 249.36, 248.94);
    --bs-red-25: rgb(253.95, 245.6, 244.9);
    --bs-red-50: rgb(252.9, 236.2, 234.8);
    --bs-red-100: rgb(250.8, 217.4, 214.6);
    --bs-red-200: rgb(246.6, 179.8, 174.2);
    --bs-red-300: rgb(242.4, 142.2, 133.8);
    --bs-red-400: rgb(238.2, 104.6, 93.4);
    --bs-red-500: #ea4335;
    --bs-red-600: rgb(187.2, 53.6, 42.4);
    --bs-red-700: rgb(140.4, 40.2, 31.8);
    --bs-red-800: rgb(93.6, 26.8, 21.2);
    --bs-red-900: rgb(46.8, 13.4, 10.6);
    --bs-rose: #d20e4f;
    --bs-rose-10: rgb(253.65, 247.77, 249.72);
    --bs-rose-25: rgb(252.75, 242.95, 246.2);
    --bs-rose-50: rgb(250.5, 230.9, 237.4);
    --bs-rose-100: rgb(246, 206.8, 219.8);
    --bs-rose-200: rgb(237, 158.6, 184.6);
    --bs-rose-300: rgb(228, 110.4, 149.4);
    --bs-rose-400: rgb(219, 62.2, 114.2);
    --bs-rose-500: #d20e4f;
    --bs-rose-600: rgb(168, 11.2, 63.2);
    --bs-rose-700: rgb(126, 8.4, 47.4);
    --bs-rose-800: rgb(84, 5.6, 31.6);
    --bs-rose-900: rgb(42, 2.8, 15.8);
    --bs-pink: #f06b9d;
    --bs-pink-10: rgb(254.55, 250.56, 252.06);
    --bs-pink-25: rgb(254.25, 247.6, 250.1);
    --bs-pink-50: rgb(253.5, 240.2, 245.2);
    --bs-pink-100: rgb(252, 225.4, 235.4);
    --bs-pink-200: rgb(249, 195.8, 215.8);
    --bs-pink-300: rgb(246, 166.2, 196.2);
    --bs-pink-400: rgb(243, 136.6, 176.6);
    --bs-pink-500: #f06b9d;
    --bs-pink-600: rgb(192, 85.6, 125.6);
    --bs-pink-700: rgb(144, 64.2, 94.2);
    --bs-pink-800: rgb(96, 42.8, 62.8);
    --bs-pink-900: rgb(48, 21.4, 31.4);
    --bs-orange: #fb6b1e;
    --bs-orange-10: rgb(254.88, 250.56, 248.25);
    --bs-orange-25: rgb(254.8, 247.6, 243.75);
    --bs-orange-50: rgb(254.6, 240.2, 232.5);
    --bs-orange-100: rgb(254.2, 225.4, 210);
    --bs-orange-200: rgb(253.4, 195.8, 165);
    --bs-orange-300: rgb(252.6, 166.2, 120);
    --bs-orange-400: rgb(251.8, 136.6, 75);
    --bs-orange-500: #fb6b1e;
    --bs-orange-600: rgb(200.8, 85.6, 24);
    --bs-orange-700: rgb(150.6, 64.2, 18);
    --bs-orange-800: rgb(100.4, 42.8, 12);
    --bs-orange-900: rgb(50.2, 21.4, 6);
    --bs-yellow: #fcbc05;
    --bs-yellow-10: rgb(254.91, 252.99, 247.5);
    --bs-yellow-25: rgb(254.85, 251.65, 242.5);
    --bs-yellow-50: rgb(254.7, 248.3, 230);
    --bs-yellow-100: rgb(254.4, 241.6, 205);
    --bs-yellow-200: rgb(253.8, 228.2, 155);
    --bs-yellow-300: rgb(253.2, 214.8, 105);
    --bs-yellow-400: rgb(252.6, 201.4, 55);
    --bs-yellow-500: #fcbc05;
    --bs-yellow-600: rgb(201.6, 150.4, 4);
    --bs-yellow-700: rgb(151.2, 112.8, 3);
    --bs-yellow-800: rgb(100.8, 75.2, 2);
    --bs-yellow-900: rgb(50.4, 37.6, 1);
    --bs-green: #34a853;
    --bs-green-10: rgb(248.91, 252.39, 249.84);
    --bs-green-25: rgb(244.85, 250.65, 246.4);
    --bs-green-50: rgb(234.7, 246.3, 237.8);
    --bs-green-100: rgb(214.4, 237.6, 220.6);
    --bs-green-200: rgb(173.8, 220.2, 186.2);
    --bs-green-300: rgb(133.2, 202.8, 151.8);
    --bs-green-400: rgb(92.6, 185.4, 117.4);
    --bs-green-500: #34a853;
    --bs-green-600: rgb(41.6, 134.4, 66.4);
    --bs-green-700: rgb(31.2, 100.8, 49.8);
    --bs-green-800: rgb(20.8, 67.2, 33.2);
    --bs-green-900: rgb(10.4, 33.6, 16.6);
    --bs-lime: #aef359;
    --bs-lime-10: rgb(252.57, 254.64, 250.02);
    --bs-lime-25: rgb(250.95, 254.4, 246.7);
    --bs-lime-50: rgb(246.9, 253.8, 238.4);
    --bs-lime-100: rgb(238.8, 252.6, 221.8);
    --bs-lime-200: rgb(222.6, 250.2, 188.6);
    --bs-lime-300: rgb(206.4, 247.8, 155.4);
    --bs-lime-400: rgb(190.2, 245.4, 122.2);
    --bs-lime-500: #aef359;
    --bs-lime-600: rgb(139.2, 194.4, 71.2);
    --bs-lime-700: rgb(104.4, 145.8, 53.4);
    --bs-lime-800: rgb(69.6, 97.2, 35.6);
    --bs-lime-900: rgb(34.8, 48.6, 17.8);
    --bs-teal: #06f6c6;
    --bs-teal-10: rgb(247.53, 254.73, 253.29);
    --bs-teal-25: rgb(242.55, 254.55, 252.15);
    --bs-teal-50: rgb(230.1, 254.1, 249.3);
    --bs-teal-100: rgb(205.2, 253.2, 243.6);
    --bs-teal-200: rgb(155.4, 251.4, 232.2);
    --bs-teal-300: rgb(105.6, 249.6, 220.8);
    --bs-teal-400: rgb(55.8, 247.8, 209.4);
    --bs-teal-500: #06f6c6;
    --bs-teal-600: rgb(4.8, 196.8, 158.4);
    --bs-teal-700: rgb(3.6, 147.6, 118.8);
    --bs-teal-800: rgb(2.4, 98.4, 79.2);
    --bs-teal-900: rgb(1.2, 49.2, 39.6);
    --bs-cyan: #38e1ff;
    --bs-cyan-10: rgb(249.03, 254.1, 255);
    --bs-cyan-25: rgb(245.05, 253.5, 255);
    --bs-cyan-50: rgb(235.1, 252, 255);
    --bs-cyan-100: rgb(215.2, 249, 255);
    --bs-cyan-200: rgb(175.4, 243, 255);
    --bs-cyan-300: rgb(135.6, 237, 255);
    --bs-cyan-400: rgb(95.8, 231, 255);
    --bs-cyan-500: #38e1ff;
    --bs-cyan-600: rgb(44.8, 180, 204);
    --bs-cyan-700: rgb(33.6, 135, 153);
    --bs-cyan-800: rgb(22.4, 90, 102);
    --bs-cyan-900: rgb(11.2, 45, 51);
    --bs-tertiary: #ddff9a;
    --bs-tertiary-10: rgb(253.98, 255, 251.97);
    --bs-tertiary-25: rgb(253.3, 255, 249.95);
    --bs-tertiary-50: rgb(251.6, 255, 244.9);
    --bs-tertiary-100: rgb(248.2, 255, 234.8);
    --bs-tertiary-200: rgb(241.4, 255, 214.6);
    --bs-tertiary-300: rgb(234.6, 255, 194.4);
    --bs-tertiary-400: rgb(227.8, 255, 174.2);
    --bs-tertiary-500: #ddff9a;
    --bs-tertiary-600: rgb(176.8, 204, 123.2);
    --bs-tertiary-700: rgb(132.6, 153, 92.4);
    --bs-tertiary-800: rgb(88.4, 102, 61.6);
    --bs-tertiary-900: rgb(44.2, 51, 30.8);
    --bs-primary-rgb: 30, 149, 121;
    --bs-secondary-rgb: 245, 238, 233;
    --bs-success-rgb: 76, 175, 80;
    --bs-info-rgb: 0, 153, 204;
    --bs-warning-rgb: 255, 179, 7;
    --bs-danger-rgb: 228, 75, 75;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-gray-rgb: 69, 69, 76;
    --bs-gray-10-rgb: 249, 249, 250;
    --bs-gray-25-rgb: 246, 246, 246;
    --bs-gray-50-rgb: 236, 236, 237;
    --bs-gray-100-rgb: 218, 218, 219;
    --bs-gray-200-rgb: 181, 181, 183;
    --bs-gray-300-rgb: 143, 143, 148;
    --bs-gray-400-rgb: 106, 106, 112;
    --bs-gray-500-rgb: 69, 69, 76;
    --bs-gray-600-rgb: 55, 55, 61;
    --bs-gray-700-rgb: 41, 41, 46;
    --bs-gray-800-rgb: 28, 28, 30;
    --bs-gray-900-rgb: 14, 14, 15;
    --bs-slate-rgb: 107, 114, 128;
    --bs-slate-10-rgb: 251, 251, 251;
    --bs-slate-25-rgb: 248, 248, 249;
    --bs-slate-50-rgb: 240, 241, 242;
    --bs-slate-100-rgb: 225, 227, 230;
    --bs-slate-200-rgb: 196, 199, 204;
    --bs-slate-300-rgb: 166, 170, 179;
    --bs-slate-400-rgb: 137, 142, 153;
    --bs-slate-500-rgb: 107, 114, 128;
    --bs-slate-600-rgb: 86, 91, 102;
    --bs-slate-700-rgb: 64, 68, 77;
    --bs-slate-800-rgb: 43, 46, 51;
    --bs-slate-900-rgb: 21, 23, 26;
    --bs-primary-10-rgb: 248, 252, 251;
    --bs-primary-25-rgb: 244, 250, 248;
    --bs-primary-50-rgb: 233, 244, 242;
    --bs-primary-100-rgb: 210, 234, 228;
    --bs-primary-200-rgb: 165, 213, 201;
    --bs-primary-300-rgb: 120, 191, 175;
    --bs-primary-400-rgb: 75, 170, 148;
    --bs-primary-500-rgb: 30, 149, 121;
    --bs-primary-600-rgb: 24, 119, 97;
    --bs-primary-700-rgb: 18, 89, 73;
    --bs-primary-800-rgb: 12, 60, 48;
    --bs-primary-900-rgb: 6, 30, 24;
    --bs-secondary-10-rgb: 255, 254, 254;
    --bs-secondary-25-rgb: 255, 254, 254;
    --bs-secondary-50-rgb: 254, 253, 253;
    --bs-secondary-100-rgb: 253, 252, 251;
    --bs-secondary-200-rgb: 251, 248, 246;
    --bs-secondary-300-rgb: 249, 245, 242;
    --bs-secondary-400-rgb: 247, 241, 237;
    --bs-secondary-500-rgb: 245, 238, 233;
    --bs-secondary-600-rgb: 196, 190, 186;
    --bs-secondary-700-rgb: 147, 143, 140;
    --bs-secondary-800-rgb: 98, 95, 93;
    --bs-secondary-900-rgb: 49, 48, 47;
    --bs-info-10-rgb: 247, 252, 253;
    --bs-info-25-rgb: 242, 250, 252;
    --bs-info-50-rgb: 230, 245, 250;
    --bs-info-100-rgb: 204, 235, 245;
    --bs-info-200-rgb: 153, 214, 235;
    --bs-info-300-rgb: 102, 194, 224;
    --bs-info-400-rgb: 51, 173, 214;
    --bs-info-500-rgb: 0, 153, 204;
    --bs-info-600-rgb: 0, 122, 163;
    --bs-info-700-rgb: 0, 92, 122;
    --bs-info-800-rgb: 0, 61, 82;
    --bs-info-900-rgb: 0, 31, 41;
    --bs-success-10-rgb: 250, 253, 250;
    --bs-success-25-rgb: 246, 251, 246;
    --bs-success-50-rgb: 237, 247, 238;
    --bs-success-100-rgb: 219, 239, 220;
    --bs-success-200-rgb: 183, 223, 185;
    --bs-success-300-rgb: 148, 207, 150;
    --bs-success-400-rgb: 112, 191, 115;
    --bs-success-500-rgb: 76, 175, 80;
    --bs-success-600-rgb: 61, 140, 64;
    --bs-success-700-rgb: 46, 105, 48;
    --bs-success-800-rgb: 30, 70, 32;
    --bs-success-900-rgb: 15, 35, 16;
    --bs-warning-10-rgb: 255, 253, 248;
    --bs-warning-25-rgb: 255, 251, 243;
    --bs-warning-50-rgb: 255, 247, 230;
    --bs-warning-100-rgb: 255, 240, 205;
    --bs-warning-200-rgb: 255, 225, 156;
    --bs-warning-300-rgb: 255, 209, 106;
    --bs-warning-400-rgb: 255, 194, 57;
    --bs-warning-500-rgb: 255, 179, 7;
    --bs-warning-600-rgb: 204, 143, 6;
    --bs-warning-700-rgb: 153, 107, 4;
    --bs-warning-800-rgb: 102, 72, 3;
    --bs-warning-900-rgb: 51, 36, 1;
    --bs-danger-10-rgb: 254, 250, 250;
    --bs-danger-25-rgb: 254, 246, 246;
    --bs-danger-50-rgb: 252, 237, 237;
    --bs-danger-100-rgb: 250, 219, 219;
    --bs-danger-200-rgb: 244, 183, 183;
    --bs-danger-300-rgb: 239, 147, 147;
    --bs-danger-400-rgb: 233, 111, 111;
    --bs-danger-500-rgb: 228, 75, 75;
    --bs-danger-600-rgb: 182, 60, 60;
    --bs-danger-700-rgb: 137, 45, 45;
    --bs-danger-800-rgb: 91, 30, 30;
    --bs-danger-900-rgb: 46, 15, 15;
    --bs-blue-rgb: 7, 138, 243;
    --bs-blue-10-rgb: 248, 251, 255;
    --bs-blue-25-rgb: 243, 249, 254;
    --bs-blue-50-rgb: 230, 243, 254;
    --bs-blue-100-rgb: 205, 232, 253;
    --bs-blue-200-rgb: 156, 208, 250;
    --bs-blue-300-rgb: 106, 185, 248;
    --bs-blue-400-rgb: 57, 161, 245;
    --bs-blue-500-rgb: 7, 138, 243;
    --bs-blue-600-rgb: 6, 110, 194;
    --bs-blue-700-rgb: 4, 83, 146;
    --bs-blue-800-rgb: 3, 55, 97;
    --bs-blue-900-rgb: 1, 28, 49;
    --bs-indigo-rgb: 85, 60, 223;
    --bs-indigo-10-rgb: 250, 249, 254;
    --bs-indigo-25-rgb: 247, 245, 253;
    --bs-indigo-50-rgb: 238, 236, 252;
    --bs-indigo-100-rgb: 221, 216, 249;
    --bs-indigo-200-rgb: 187, 177, 242;
    --bs-indigo-300-rgb: 153, 138, 236;
    --bs-indigo-400-rgb: 119, 99, 229;
    --bs-indigo-500-rgb: 85, 60, 223;
    --bs-indigo-600-rgb: 68, 48, 178;
    --bs-indigo-700-rgb: 51, 36, 134;
    --bs-indigo-800-rgb: 34, 24, 89;
    --bs-indigo-900-rgb: 17, 12, 45;
    --bs-purple-rgb: 137, 33, 228;
    --bs-purple-10-rgb: 251, 248, 254;
    --bs-purple-25-rgb: 249, 244, 254;
    --bs-purple-50-rgb: 243, 233, 252;
    --bs-purple-100-rgb: 231, 211, 250;
    --bs-purple-200-rgb: 208, 166, 244;
    --bs-purple-300-rgb: 184, 122, 239;
    --bs-purple-400-rgb: 161, 77, 233;
    --bs-purple-500-rgb: 137, 33, 228;
    --bs-purple-600-rgb: 110, 26, 182;
    --bs-purple-700-rgb: 82, 20, 137;
    --bs-purple-800-rgb: 55, 13, 91;
    --bs-purple-900-rgb: 27, 7, 46;
    --bs-red-rgb: 234, 67, 53;
    --bs-red-10-rgb: 254, 249, 249;
    --bs-red-25-rgb: 254, 246, 245;
    --bs-red-50-rgb: 253, 236, 235;
    --bs-red-100-rgb: 251, 217, 215;
    --bs-red-200-rgb: 247, 180, 174;
    --bs-red-300-rgb: 242, 142, 134;
    --bs-red-400-rgb: 238, 105, 93;
    --bs-red-500-rgb: 234, 67, 53;
    --bs-red-600-rgb: 187, 54, 42;
    --bs-red-700-rgb: 140, 40, 32;
    --bs-red-800-rgb: 94, 27, 21;
    --bs-red-900-rgb: 47, 13, 11;
    --bs-rose-rgb: 210, 14, 79;
    --bs-rose-10-rgb: 254, 248, 250;
    --bs-rose-25-rgb: 253, 243, 246;
    --bs-rose-50-rgb: 251, 231, 237;
    --bs-rose-100-rgb: 246, 207, 220;
    --bs-rose-200-rgb: 237, 159, 185;
    --bs-rose-300-rgb: 228, 110, 149;
    --bs-rose-400-rgb: 219, 62, 114;
    --bs-rose-500-rgb: 210, 14, 79;
    --bs-rose-600-rgb: 168, 11, 63;
    --bs-rose-700-rgb: 126, 8, 47;
    --bs-rose-800-rgb: 84, 6, 32;
    --bs-rose-900-rgb: 42, 3, 16;
    --bs-pink-rgb: 240, 107, 157;
    --bs-pink-10-rgb: 255, 251, 252;
    --bs-pink-25-rgb: 254, 248, 250;
    --bs-pink-50-rgb: 254, 240, 245;
    --bs-pink-100-rgb: 252, 225, 235;
    --bs-pink-200-rgb: 249, 196, 216;
    --bs-pink-300-rgb: 246, 166, 196;
    --bs-pink-400-rgb: 243, 137, 177;
    --bs-pink-500-rgb: 240, 107, 157;
    --bs-pink-600-rgb: 192, 86, 126;
    --bs-pink-700-rgb: 144, 64, 94;
    --bs-pink-800-rgb: 96, 43, 63;
    --bs-pink-900-rgb: 48, 21, 31;
    --bs-orange-rgb: 251, 107, 30;
    --bs-orange-10-rgb: 255, 251, 248;
    --bs-orange-25-rgb: 255, 248, 244;
    --bs-orange-50-rgb: 255, 240, 233;
    --bs-orange-100-rgb: 254, 225, 210;
    --bs-orange-200-rgb: 253, 196, 165;
    --bs-orange-300-rgb: 253, 166, 120;
    --bs-orange-400-rgb: 252, 137, 75;
    --bs-orange-500-rgb: 251, 107, 30;
    --bs-orange-600-rgb: 201, 86, 24;
    --bs-orange-700-rgb: 151, 64, 18;
    --bs-orange-800-rgb: 100, 43, 12;
    --bs-orange-900-rgb: 50, 21, 6;
    --bs-yellow-rgb: 252, 188, 5;
    --bs-yellow-10-rgb: 255, 253, 248;
    --bs-yellow-25-rgb: 255, 252, 243;
    --bs-yellow-50-rgb: 255, 248, 230;
    --bs-yellow-100-rgb: 254, 242, 205;
    --bs-yellow-200-rgb: 254, 228, 155;
    --bs-yellow-300-rgb: 253, 215, 105;
    --bs-yellow-400-rgb: 253, 201, 55;
    --bs-yellow-500-rgb: 252, 188, 5;
    --bs-yellow-600-rgb: 202, 150, 4;
    --bs-yellow-700-rgb: 151, 113, 3;
    --bs-yellow-800-rgb: 101, 75, 2;
    --bs-yellow-900-rgb: 50, 38, 1;
    --bs-green-rgb: 52, 168, 83;
    --bs-green-10-rgb: 249, 252, 250;
    --bs-green-25-rgb: 245, 251, 246;
    --bs-green-50-rgb: 235, 246, 238;
    --bs-green-100-rgb: 214, 238, 221;
    --bs-green-200-rgb: 174, 220, 186;
    --bs-green-300-rgb: 133, 203, 152;
    --bs-green-400-rgb: 93, 185, 117;
    --bs-green-500-rgb: 52, 168, 83;
    --bs-green-600-rgb: 42, 134, 66;
    --bs-green-700-rgb: 31, 101, 50;
    --bs-green-800-rgb: 21, 67, 33;
    --bs-green-900-rgb: 10, 34, 17;
    --bs-lime-rgb: 174, 243, 89;
    --bs-lime-10-rgb: 253, 255, 250;
    --bs-lime-25-rgb: 251, 254, 247;
    --bs-lime-50-rgb: 247, 254, 238;
    --bs-lime-100-rgb: 239, 253, 222;
    --bs-lime-200-rgb: 223, 250, 189;
    --bs-lime-300-rgb: 206, 248, 155;
    --bs-lime-400-rgb: 190, 245, 122;
    --bs-lime-500-rgb: 174, 243, 89;
    --bs-lime-600-rgb: 139, 194, 71;
    --bs-lime-700-rgb: 104, 146, 53;
    --bs-lime-800-rgb: 70, 97, 36;
    --bs-lime-900-rgb: 35, 49, 18;
    --bs-teal-rgb: 6, 246, 198;
    --bs-teal-10-rgb: 248, 255, 253;
    --bs-teal-25-rgb: 243, 255, 252;
    --bs-teal-50-rgb: 230, 254, 249;
    --bs-teal-100-rgb: 205, 253, 244;
    --bs-teal-200-rgb: 155, 251, 232;
    --bs-teal-300-rgb: 106, 250, 221;
    --bs-teal-400-rgb: 56, 248, 209;
    --bs-teal-500-rgb: 6, 246, 198;
    --bs-teal-600-rgb: 5, 197, 158;
    --bs-teal-700-rgb: 4, 148, 119;
    --bs-teal-800-rgb: 2, 98, 79;
    --bs-teal-900-rgb: 1, 49, 40;
    --bs-cyan-rgb: 56, 225, 255;
    --bs-cyan-10-rgb: 249, 254, 255;
    --bs-cyan-25-rgb: 245, 254, 255;
    --bs-cyan-50-rgb: 235, 252, 255;
    --bs-cyan-100-rgb: 215, 249, 255;
    --bs-cyan-200-rgb: 175, 243, 255;
    --bs-cyan-300-rgb: 136, 237, 255;
    --bs-cyan-400-rgb: 96, 231, 255;
    --bs-cyan-500-rgb: 56, 225, 255;
    --bs-cyan-600-rgb: 45, 180, 204;
    --bs-cyan-700-rgb: 34, 135, 153;
    --bs-cyan-800-rgb: 22, 90, 102;
    --bs-cyan-900-rgb: 11, 45, 51;
    --bs-tertiary-rgb: 42, 40, 95;
    --bs-tertiary-10-rgb: 254, 255, 252;
    --bs-tertiary-25-rgb: 253, 255, 250;
    --bs-tertiary-50-rgb: 252, 255, 245;
    --bs-tertiary-100-rgb: 248, 255, 235;
    --bs-tertiary-200-rgb: 241, 255, 215;
    --bs-tertiary-300-rgb: 235, 255, 194;
    --bs-tertiary-400-rgb: 228, 255, 174;
    --bs-tertiary-500-rgb: 42, 40, 95;
    --bs-tertiary-600-rgb: 177, 204, 123;
    --bs-tertiary-700-rgb: 133, 153, 92;
    --bs-tertiary-800-rgb: 88, 102, 62;
    --bs-tertiary-900-rgb: 44, 51, 31;
    --bs-primary-text-emphasis: rgb(5.2, 44, 101.2);
    --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
    --bs-success-text-emphasis: rgb(10, 54, 33.6);
    --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
    --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
    --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: rgb(206.6, 226, 254.6);
    --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
    --bs-success-bg-subtle: rgb(209, 231, 220.8);
    --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
    --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
    --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
    --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: rgb(158.2, 197, 254.2);
    --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
    --bs-success-border-subtle: rgb(163, 207, 186.6);
    --bs-info-border-subtle: rgb(158.2, 233.8, 249);
    --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
    --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--font-family-primary);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: rgb(10.4, 88, 202.4);
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: rgb(255, 242.6, 205.4);
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: rgba(131, 131, 131, 0.25);
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem -0.1rem var(--shadow-color);
    --bs-box-shadow-sm: 0 0.25rem 0.5rem -0.1rem var(--shadow-color);
    --bs-box-shadow-lg: 0 1rem 1.5rem -0.1rem var(--shadow-color);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

body,
html {
    height: 100%
}

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    background: #fff;
    font-size: 1rem;
    line-height: 1.4;
    font-family: var(--hx-font-primary);
    color: #222
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #222
}

p {
    margin-bottom: 25px
}

strong {
    font-weight: 500
}

label {
    font-weight: 400;
    margin-bottom: 3px;
    color: #222
}

hr {
    margin: 30px 0 30px 0;
    border-color: #ddd
}

ol,
ul {
    list-style: none;
    margin: 0 0 25px 0;
    padding: 0
}

a {
    color: var(--hx-theme-color);
    text-decoration: none;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    outline: 0
}

a:focus,
a:hover {
    color: #111;
    text-decoration: none;
    outline: 0
}

a.animated_link {
    position: relative;
    text-decoration: none
}

a.animated_link {
    position: relative;
    text-decoration: none
}

a.animated_link:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -5px;
    opacity: 1;
    left: 0;
    background-color: var(--hx-theme-color);
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

a.animated_link:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

a.animated_link.active {
    position: relative;
    text-decoration: none;
    color: var(--hx-theme-color)
}

a.animated_link.active:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -5px;
    opacity: 1;
    left: 0;
    background-color: var(--hx-theme-color);
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.btn_1,
a.btn_1 {
    border: none;
    color: #fff;
    background: var(--hx-theme-color);
    outline: 0;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    padding: 12px 25px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    font-size: .875rem
}

.btn_1:hover,
a.btn_1:hover {
	background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0 0);
}

.btn_1.full-width,
a.btn_1.full-width {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 5px
}

.btn_1.small,
a.btn_1.small {
    padding: 7px 10px;
    font-size: 13px;
    font-size: .8125rem
}

.btn_1.medium,
a.btn_1.medium {
    font-size: 16px;
    font-size: 1rem;
    padding: 18px 30px
}

.btn_1.rounded,
a.btn_1.rounded {
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    -ms-border-radius: 25px !important;
    border-radius: 25px !important;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2)
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    background-color: #fff;
    z-index: 999999
}

[data-loader=circle-side] {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    -webkit-animation: circle infinite .95s linear;
    -moz-animation: circle infinite .95s linear;
    -o-animation: circle infinite .95s linear;
    animation: circle infinite .95s linear;
    border: 2px solid #333;
    border-top-color: rgba(0, 0, 0, .2);
    border-right-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .2);
    border-radius: 100%
}

#loader_form {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .6);
    z-index: 999999;
    display: none
}

[data-loader=circle-side-2] {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    -webkit-animation: circle infinite .95s linear;
    -moz-animation: circle infinite .95s linear;
    -o-animation: circle infinite .95s linear;
    animation: circle infinite .95s linear;
    border: 2px solid #333;
    border-top-color: rgba(0, 0, 0, .2);
    border-right-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .2);
    border-radius: 100%
}

@-webkit-keyframes circle {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes circle {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes circle {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes circle {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.row-height {
    height: 100vh
}

@media (max-width:991px) {
    .row-height {
        height: auto
    }
}

.content-left {
    background-color: var(--hx-theme-color);
    padding: 0
}

.content-left-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
    min-height: 100%;
    padding: 60px 90px 35px 90px;
    background-color: var(--hx-theme-color);
    color: #fff;
    text-align: center;
    position: relative;
    background: 0 0;
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .5));
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .5))
}

@media (max-width:991px) {
    .content-left-wrapper {
        height: auto;
        padding: 195px 30px 35px 30px
    }
}

@media (max-width:767px) {
    .content-left-wrapper {
        padding: 95px 15px 35px 15px
    }
}

@media (max-width:991px) {
    .content-left-wrapper figure img {
        height: 150px
    }
}

.content-left-wrapper h2 {
    color: #fff;
    font-size: 32px;
    font-size: 2rem;
    margin: 20px 0 15px 0;
    font-weight: 400
}

@media (max-width:767px) {
    .content-left-wrapper h2 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.content-left-wrapper p {
    font-size: 20px;
    font-stretch: 75%;
}

@media (max-width:767px) {
    .content-left-wrapper p {
        font-size: 16px;
    }
}

.content-left-wrapper .btn_1 {
    margin: 25px 0 25px 0
}

@media (max-width:991px) {
    .content-left-wrapper .btn_1 {
        display: none
    }
}

.content-left-wrapper .btn_1.mobile_btn {
    display: none
}

@media (max-width:767px) {
    .content-left-wrapper .btn_1.mobile_btn {
        margin: 5px 0 30px 0;
        display: inline-block
    }
}

.content-right {
    padding: 60px;
    height: 100%;
    min-height: 100%;
    overflow-y: scroll;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width:991px) {
    .content-right {
        height: auto;
        padding: 30px 15px
    }
}
.content-register{
    width: 100%;
    font-stretch: 75%;
}
.content-register-title{
    font-stretch: 75%;
    font-size: 50px;
    line-height: .9;
    font-weight: 700;
}
.content-register p{
    font-stretch: 75%;
}
a#logo {
    position: absolute;
    left: 20px;
    top: 15px;
    display: block;
    height: 35px
}

@media (max-width:991px) {
    a#logo {
        left: 15px;
        top: 10px
    }
}

#social {
    position: absolute;
    top: 15px;
    right: 20px
}

@media (max-width:991px) {
    #social {
        right: 70px
    }
}

#social ul {
    margin: 0;
    padding: 0;
    text-align: center
}

#social ul li {
    float: left;
    margin: 0 5px 10px 0;
    list-style: none
}

#social ul li a {
    color: #fff;
    opacity: .6;
    text-align: center;
    line-height: 35px;
    display: block;
    font-size: 16px;
    font-size: 1rem;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#social ul li a:hover {
    opacity: 1
}

.copy {
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 100%;
    opacity: .5
}

@media (max-width:991px) {
    .copy {
        display: none
    }
}

#left_form {
    text-align: center
}

#left_form h2 {
    font-size: 28px;
    font-size: 1.75rem;
    color: #0686d8
}

@media (max-width:767px) {
    #left_form figure img {
        height: 130px;
        width: auto
    }
}

input#website {
    display: none
}

#wizard_container {
    width: 400px
}

@media (max-width:767px) {
    #wizard_container {
        width: 100%
    }
}

h3.main_question {
    margin: 0 0 20px 0;
    padding: 0;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.125rem
}

h3.main_question strong {
    display: block;
    color: #999;
    margin-bottom: 5px
}

button.backward,
button.forward,
button.submit {
    border: none;
    color: #fff;
    text-decoration: none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    text-align: center;
    background: var(--hx-theme-color);
    position: relative;
    font-size: 16px;
    font-weight: 400;  
    border-radius: 0.125rem;
    line-height: 1;
    padding: 12px 30px
}

button.backward {
    color: #777;
    background: #e8e8e8
}

button[disabled] {
    display: none
}

button.submit:before {
    content: "\4e";
    font-family: ElegantIcons;
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 18px;
    font-size: 1.125rem
}

.backward:hover,
.forward:hover {
	background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0 0);
    color: #fff
}

#top-wizard {
    padding-bottom: 20px
}

#middle-wizard {
    min-height: 330px
}

@media (max-width:991px) {
    #middle-wizard {
        min-height: inherit
    }
}

#bottom-wizard {
    border-top: 2px solid #ededed;
    padding-top: 20px;
    text-align: right;
    margin-top: 25px
}

.ui-widget-content {
    background-color: transparent
}

.ui-widget-content a {
    color: #222
}

.ui-widget-header {
    background: #6c3
}

.ui-widget-header a {
    color: #222
}

.ui-progressbar {
    height: 2px;
    width: 100%
}

.ui-progressbar .ui-progressbar-value {
    height: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.summary ul {
    margin: 0;
    padding: 0
}

.summary ul li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ededed;
    position: relative;
    padding-left: 45px;
    margin-bottom: 25px
}

.summary ul li:last-child {
    margin-bottom: 0;
    border-bottom: none
}

.summary ul li strong {
    display: block;
    line-height: 26px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    border: 2px solid #ddd
}

.summary ul li h5 {
    padding-top: 6px;
    font-size: 16px;
    font-weight: 500;
    color: #0686d8
}

.summary ul li ul {
    margin: 20px 0 25px 0;
    padding: 0
}

.summary ul li ul li {
    margin: 0;
    padding: 0;
    border-bottom: 0
}

.summary label {
    font-weight: 500
}

#success {
    position: relative;
    top: 50%;
    width: 450px;
    height: 190px;
    margin: 0 auto;
    margin-top: -185px;
    text-align: center
}

#success h4 {
    font-weight: 400;
    margin: 20px 0 0 0;
    font-size: 18px;
    font-size: 1.125rem
}

#success h4 span {
    display: block;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 2.4rem;
    font-stretch: 75%;
}
#success p {
    font-size: 1.3rem;
    margin-top:10px;
    font-stretch: 75%;
}
@-webkit-keyframes checkmark {
    0% {
        stroke-dashoffset: 50px
    }

    100% {
        stroke-dashoffset: 0
    }
}

@-ms-keyframes checkmark {
    0% {
        stroke-dashoffset: 50px
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes checkmark {
    0% {
        stroke-dashoffset: 50px
    }

    100% {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px
    }

    100% {
        stroke-dashoffset: 480px
    }
}

@-ms-keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px
    }

    100% {
        stroke-dashoffset: 480px
    }
}

@keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px
    }

    100% {
        stroke-dashoffset: 480px
    }
}

.inlinesvg .svg svg {
    display: inline
}

.checkmark svg path {
    -webkit-animation: checkmark .25s ease-in-out .7s backwards;
    animation: checkmark .25s ease-in-out .7s backwards
}

.checkmark svg circle {
    -webkit-animation: checkmark-circle .6s ease-in-out backwards;
    animation: checkmark-circle .6s ease-in-out backwards
}

header {
    position: relative;
    padding: 15px 0;
    background-color: #fff;
    border-bottom: 1px solid #d9e1e6
}

header .cd-nav-trigger {
    top: -5px !important
}

header #social {
    right: 80px;
    top: 0
}

header #social ul li a {
    color: #333
}

footer {
    border-top: 1px solid #ededed;
    padding: 30px 0
}

footer p {
    margin: 0;
    padding: 0;
    float: right
}

@media (max-width:991px) {
    footer p {
        float: none
    }
}

footer ul {
    float: left;
    margin: 0;
    padding: 0
}

@media (max-width:991px) {
    footer ul {
        float: none;
        margin-top: 10px
    }
}

footer ul li {
    display: inline-block;
    margin-right: 15px
}

footer ul li:after {
    content: "|";
    font-weight: 300;
    position: relative;
    left: 9px;
    color: #999
}

footer ul li:last-child {
    margin-right: 0
}

footer ul li:last-child:after {
    content: ""
}

footer ul li a {
    color: #555
}

footer ul li a:hover {
    color: #121921
}

.main_title {
    text-align: center
}

.main_title h2 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 42px;
    font-size: 2.625rem;
    color: var(--hx-theme-color);
    text-transform: uppercase
}

@media (max-width:767px) {
    .main_title h2 {
        font-size: 32px;
        font-size: 2rem
    }
}

.main_title h2 em {
    display: block;
    width: 40px;
    height: 4px;
    background-color: #ededed;
    margin: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px
}

.main_title p {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 0 10%;
    margin-bottom: 45px;
    color: #777
}

@media (max-width:767px) {
    .main_title p {
        font-size: 16px;
        font-size: 1rem
    }
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--hx-theme-color) !important
}

main#general_page {
    background-color: #fff
}

iframe#map_iframe {
    width: 100%;
    height: 450px;
    border: 0
}

@media (max-width:991px) {
    iframe#map_iframe {
        height: 400px
    }
}

.box_style_2 {
    background-color: #f8f8f8;
    padding: 25px 30px 30px 30px;
    position: relative;
    margin-bottom: 25px
}

.box_style_2 .form-control {
    background-color: #fff !important
}

.box_style_2 hr {
    margin: 10px -30px 20px -30px;
    border: 0;
    border-top: 2px solid #fff
}

ul.contacts_info {
    list-style: none;
    padding: 0;
    margin: 15px 0 0 0
}

ul.contacts_info li {
    margin-bottom: 15px
}

ul.contacts_info li:last-child {
    margin-bottom: 0
}

.parallax_window_in {
    height: 420px;
    position: relative;
    display: table;
    width: 100%
}

#sub_content_in {
    display: table-cell;
    padding: 45px 15% 0 15%;
    vertical-align: middle;
    text-align: center;
    background: rgba(0, 0, 0, .5)
}

@media (max-width:767px) {
    #sub_content_in {
        padding: 45px 30px 0 30px
    }
}

#sub_content_in h1 {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 46px;
    font-size: 46px;
    font-size: 2.875rem;
    margin-bottom: 0
}

@media (max-width:767px) {
    #sub_content_in h1 {
        font-size: 36px;
        font-size: 2.25rem
    }
}

#sub_content_in p {
    color: #fff;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300
}

@media (max-width:767px) {
    #sub_content_in p {
        font-size: 21px;
        font-size: 1.3125rem
    }
}

.container_styled_1 {
    background: #f9f9f9
}

.team-item-img {
    position: relative
}

.team-item-img .team-item-detail {
    background: none repeat scroll 0 0 rgba(0, 0, 0, .8);
    text-align: center;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s
}

.team-item:hover .team-item-detail {
    opacity: 1;
    visibility: visible
}

.team-item-img .team-item-detail .team-item-detail-inner {
    margin: auto;
    padding: 25px
}

.team-item-detail-inner h4 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500
}

.team-item-detail-inner .social {
    margin: 0 0 25px 0;
    padding: 0
}

.team-item-detail-inner .social li {
    list-style: none;
    display: inline-block;
    margin: 0 5px
}

.team-item-detail-inner .social li a {
    color: #fff
}

.team-item-detail-inner .social li a:hover {
	background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0 0);
}

.team-item-info {
    padding-top: 15px;
    text-align: center;
    text-transform: uppercase
}

.team-item-info h4 {
    margin-bottom: 0
}

.error_message {
    font-weight: 500;
    color: #ee5050
}

.modal-content {
    border: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3)
}

.form-group {
    position: relative;
    margin-bottom: 1rem
}

.form-group.terms {
    padding: 12px 0 0 0
}

.form-group i {
    font-size: 18px;
    font-size: 1.125rem;
    position: absolute;
    right: 5px;
    top: 11px;
    color: #ccc;
    width: 25px;
    height: 25px;
    display: block;
    font-weight: 400 !important
}

span.error {
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: 12px;
    position: absolute;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    top: -20px;
    right: -15px;
    z-index: 2;
    height: 25px;
    line-height: 1;
    background-color: #e34f4f;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    padding: 6px 8px
}

span.error:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 6px 6px 0;
    border-color: transparent #e34f4f;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -6px;
    left: 20%
}

.container_check.version_2 .error,
.container_radio.version_2 .error {
    left: -15px;
    top: -30px;
    right: inherit
}

.radio_input .error {
    left: -15px;
    top: -30px;
    right: inherit
}

.styled-select span.error {
    top: -20px
}

.terms span.error {
    top: -30px;
    left: -15px;
    right: inherit
}

.form-control {
    border: 1px solid #d2d8dd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    font-size: .875rem;
    height: calc(2.55rem + 2px)
}

.form-control:focus {
    box-shadow: none;
    border-color: var(--hx-theme-color)
}

.rating_wp {
    background-color: #f9f9f9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 14px 10px 10px 15px;
    margin-bottom: 5px
}

.rating {
    display: inline-block;
    font-size: 0;
    float: right;
    position: relative
}

@media (max-width:767px) {
    .rating {
        float: left;
        display: block
    }
}

.rating span.error {
    top: -30px
}

.rating_type {
    float: left;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500 !important;
    font-weight: 400;
    color: var(--hx-theme-color)
}

@media (max-width:767px) {
    .rating_type {
        float: none;
        display: block;
        margin-bottom: 5px
    }
}

.rating-input {
    float: right;
    padding: 0;
    margin: 0;
    opacity: 0;
    width: 4px
}

.rating-input:checked~.rating-star,
.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover~.rating-star {
    background-position: 0 0
}

.rating-star,
.rating:hover .rating-star {
    cursor: pointer;
    float: right;
    display: block;
    width: 25px;
    height: 25px;
    margin-right: 0;
    background: url(../img/stars.svg) 0 -27px
}

.review_message {
    height: 250px !important
}

@media (max-width:767px) {
    .review_message {
        height: 200px !important
    }
}

.container_check {
    display: block;
    position: relative;
    font-size: 14px;
    font-size: .875rem;
    padding-left: 30px;
    line-height: 1.3;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.container_check input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.container_check input:checked~.checkmark {
    background-color: var(--hx-theme-color);
    border: 1px solid transparent
}

.container_check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #d2d8dd;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.container_check .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.container_check.version_2 {
    padding: 6px 0 0 45px;
    min-height: 30px
}

.container_check.version_2 .checkmark {
    height: 30px;
    width: 30px
}

.container_check.version_2 .checkmark:after {
    left: 12px;
    top: 8px;
    width: 5px;
    height: 10px
}

.container_check input:checked~.checkmark:after {
    display: block
}

.container_radio {
    display: block;
    position: relative;
    font-size: 14px;
    font-size: .875rem;
    padding-left: 30px;
    line-height: 1.3;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.container_radio input {
    position: absolute;
    opacity: 0
}

.container_radio input:checked~.checkmark:after {
    opacity: 1
}

.container_radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%
}

.container_radio .checkmark:after {
    display: block;
    content: "";
    position: absolute;
    opacity: 0;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--hx-theme-color);
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.container_radio.version_2 {
    padding: 6px 0 0 45px;
    min-height: 30px
}

.container_radio.version_2 input:checked~.checkmark:before {
    opacity: 1
}

.container_radio.version_2 .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    border: 1px solid #ccc;
    border-radius: 50%
}

.container_radio.version_2 .checkmark:after {
    width: 30px;
    height: 30px;
    top: -1px;
    left: -1px
}

.container_radio.version_2 .checkmark:before {
    display: block;
    content: "";
    position: absolute;
    opacity: 0;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    left: 12px;
    top: 8px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    z-index: 999;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.my-toggle {
    background: 0 0;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    color: #888;
    cursor: pointer;
    font-size: 10px;
    font-size: 10px;
    font-size: .625rem;
    font-weight: 700;
    margin-right: 5px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    text-transform: uppercase;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #fff
}

.my-toggle:focus,
.my-toggle:hover {
    background-color: #eee;
    color: #555;
    outline: transparent
}

.hideShowPassword-wrapper {
    width: 100% !important
}

#pass-info {
    width: 100%;
    margin-bottom: 15px;
    color: #555;
    text-align: center;
    font-size: 12px;
    font-size: .75rem;
    padding: 5px 3px 3px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

#pass-info.weakpass {
    border: 1px solid #ff9191;
    background: #ffc7c7;
    color: #94546e
}

#pass-info.stillweakpass {
    border: 1px solid #fbb;
    background: #fdd;
    color: #945870
}

#pass-info.goodpass {
    border: 1px solid #c4eec8;
    background: #e4ffe4;
    color: #51926e
}

#pass-info.strongpass {
    border: 1px solid #6ed66e;
    background: #79f079;
    color: #348f34
}

#pass-info.vrystrongpass {
    border: 1px solid #379137;
    background: #48b448;
    color: #cdffcd
}

.radio_input .container_radio {
    display: inline-block;
    margin: 12px 0 0 12px
}

.fileupload {
    position: relative;
    width: 100%;
    margin-top: 5px
}

input[type=file] {
    border: 1px solid #d2d8dd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    height: auto;
    width: 100%;
    color: #999
}

input[type=file]:focus {
    box-shadow: none;
    outline: 0
}

input[type=file].invalid::-webkit-file-upload-button,
input[type=file].valid::-webkit-file-upload-button,
input[type=file]::-webkit-file-upload-button {
    color: #fff;
    font-size: 13px;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 8px 10px 8px 38px;
    background: var(--hx-theme-color) url(../img/upload_icon.svg) 8px center no-repeat;
    outline: 0
}

input[type=file].invalid::-webkit-file-upload-button:focus,
input[type=file].valid::-webkit-file-upload-button:focus,
input[type=file]::-webkit-file-upload-button:focus {
    box-shadow: none;
    outline: 0
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #d2d8dd;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: 40px;
    outline: 0;
    padding-left: 15px;
    padding-right: 27px;
    position: relative;
    text-align: left !important;
    transition: all .2s ease-in-out;
    user-select: none;
    white-space: nowrap;
    width: auto;
    color: #6c757d
}

.nice-select.open,
.nice-select:active,
.nice-select:focus {
    border-color: var(--hx-theme-color)
}

.nice-select:after {
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
    content: '';
    display: block;
    height: 8px;
    margin-top: -5px;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 50%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all .15s ease-in-out;
    width: 8px
}

.nice-select.open:after {
    transform: rotate(-135deg)
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #9e9e9e;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #fff
}

.nice-select.wide {
    width: 100%
}

.nice-select.wide .list {
    left: -1px !important;
    right: -1px !important
}

.nice-select.right {
    float: right
}

.nice-select.right .list {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: 12px;
    height: 42px;
    line-height: 40px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 40px;
    min-height: 40px
}

.nice-select .list {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: 50% 0;
    transform: scale(.75) translateY(-25px);
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    z-index: 9999;
    height: 23vh;
    overflow: auto
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important
}

.nice-select .list::-webkit-scrollbar {
    width: 14px;
    height: 18px
}

.nice-select .list::-webkit-scrollbar-thumb {
    height: 6px;
    border: 4px solid transparent;
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: rgba(0, 0, 0, .15);
    -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, .05), inset 1px 1px 0 rgba(0, 0, 0, .05)
}

.nice-select .list::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none
}

.nice-select .list::-webkit-scrollbar-corner {
    background-color: transparent
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 38px;
    list-style: none;
    min-height: 38px;
    outline: 0;
    padding-left: 15px;
    padding-right: 26px;
    text-align: left;
    transition: all .2s
}

.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
    background-color: #f6f6f6
}

.nice-select .option.selected {
    font-weight: 500
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default
}

.no-csspointerevents .nice-select .list {
    display: none
}

.no-csspointerevents .nice-select.open .list {
    display: block
}

.budget_slider {
    background-color: #f8f8f8;
    margin-bottom: 20px;
    padding: 45px 30px 15px 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.budget_slider span {
    display: block;
    font-weight: 600;
    color: var(--hx-theme-color);
    font-size: 24px;
    font-size: 1.5rem;
    margin-top: 25px
}

.budget_slider span:before {
    content: '$'
}

.rangeslider__handle {
    border: 2px solid var(--hx-theme-color) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15)
}

.rangeslider__fill {
    background: var(--hx-theme-color) !important
}

.add_bottom_10 {
    margin-bottom: 10px
}

.add_bottom_15 {
    margin-bottom: 15px
}

.add_bottom_30 {
    margin-bottom: 30px
}

.add_bottom_45 {
    margin-bottom: 45px
}

.add_bottom_60 {
    margin-bottom: 60px
}

.add_bottom_75 {
    margin-bottom: 75px
}

.add_top_10 {
    margin-top: 10px
}

.add_top_15 {
    margin-top: 15px
}

.add_top_20 {
    margin-top: 20px
}

.add_top_30 {
    margin-top: 30px
}

.add_top_60 {
    margin-top: 60px
}

.more_padding_left {
    padding-left: 40px
}

.nomargin_top {
    margin-top: 0
}

.nopadding {
    margin: 0 !important;
    padding: 0 !important
}

.nomargin {
    margin: 0 !important
}

.margin_30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.margin_60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.margin_60_35 {
    padding-top: 60px;
    padding-bottom: 35px
}