/*
	JCONSULT MY
	Version: 1.0
	Author: Holduix
	Design and Developed by: holsonmp.com
*/

@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('../fonts/graphik/Graphik-Regular.woff2'), url('../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('../fonts/graphik/Graphik-Medium.woff2'), url('../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('../fonts/graphik/Graphik-Semibold.woff2'), url('../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('../fonts/mabry-pro/MabryPro-Regular.woff2'), url('../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('../fonts/mabry-pro/MabryPro-Bold.woff2'), url('../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('../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('../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('../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('../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('../fonts/sunsive/Sunsive-Regular.woff'), url('../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('../fonts/sunsive/Sunsive-Medium.woff'), url('../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('../fonts/sunsive/Sunsive-SemiBold.woff'), url('../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('../fonts/sunsive/Sunsive-SemiBold.woff'), url('../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('../fonts/open-sauce-sans/OpenSauceSans-Regular.woff2'), url('../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('../fonts/open-sauce-sans/OpenSauceSans-Medium.woff2'), url('../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('../fonts/open-sauce-sans/OpenSauceSans-Bold.woff2'), url('../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('../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('../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('../fonts/optician-sans/Optician-Sans.woff'), url('../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: "Sunsive", "IBM Plex Sans Arabic", 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);
	--color-primary: #c22227;
	--color-primary-10: rgb(251.82, 248.25, 248.25);
	--color-primary-25: rgb(249.7, 243.75, 243.75);
	--color-primary-50: rgb(244.4, 232.5, 232.5);
	--color-primary-100: rgb(233.8, 210, 210);
	--color-primary-200: rgb(212.6, 165, 165);
	--color-primary-300: rgb(191.4, 120, 120);
	--color-primary-400: rgb(170.2, 75, 75);
	--color-primary-500: #c22227;
	--color-primary-600: rgb(119.2, 24, 24);
	--color-primary-700: rgb(89.4, 18, 18);
	--color-primary-800: rgb(59.6, 12, 12);
	--color-primary-900: rgb(29.8, 6, 6);
	--color-secondary: #f5eee9;
	--color-secondary-10: rgb(254.7, 254.49, 254.34);
	--color-secondary-25: rgb(254.5, 254.15, 253.9);
	--color-secondary-50: rgb(254, 253.3, 252.8);
	--color-secondary-100: rgb(253, 251.6, 250.6);
	--color-secondary-200: rgb(251, 248.2, 246.2);
	--color-secondary-300: rgb(249, 244.8, 241.8);
	--color-secondary-400: rgb(247, 241.4, 237.4);
	--color-secondary-500: #f5eee9;
	--color-secondary-600: rgb(196, 190.4, 186.4);
	--color-secondary-700: rgb(147, 142.8, 139.8);
	--color-secondary-800: rgb(98, 95.2, 93.2);
	--color-secondary-900: rgb(49, 47.6, 46.6);
	--color-info: #09c;
	--color-info-10: rgb(247.35, 251.94, 253.47);
	--color-info-25: rgb(242.25, 249.9, 252.45);
	--color-info-50: rgb(229.5, 244.8, 249.9);
	--color-info-100: rgb(204, 234.6, 244.8);
	--color-info-200: rgb(153, 214.2, 234.6);
	--color-info-300: rgb(102, 193.8, 224.4);
	--color-info-400: rgb(51, 173.4, 214.2);
	--color-info-500: #09c;
	--color-info-600: hsl(195, 100%, 32%);
	--color-info-700: rgb(0, 91.8, 122.4);
	--color-info-800: rgb(0, 61.2, 81.6);
	--color-info-900: rgb(0, 30.6, 40.8);
	--color-success: #4caf50;
	--color-success-10: rgb(249.63, 252.6, 249.75);
	--color-success-25: rgb(246.05, 251, 246.25);
	--color-success-50: rgb(237.1, 247, 237.5);
	--color-success-100: rgb(219.2, 239, 220);
	--color-success-200: rgb(183.4, 223, 185);
	--color-success-300: rgb(147.6, 207, 150);
	--color-success-400: rgb(111.8, 191, 115);
	--color-success-500: #4caf50;
	--color-success-600: rgb(60.8, 140, 64);
	--color-success-700: rgb(45.6, 105, 48);
	--color-success-800: rgb(30.4, 70, 32);
	--color-success-900: rgb(15.2, 35, 16);
	--color-warning: #ffb307;
	--color-warning-10: rgb(255, 252.72, 247.56);
	--color-warning-25: rgb(255, 251.2, 242.6);
	--color-warning-50: rgb(255, 247.4, 230.2);
	--color-warning-100: rgb(255, 239.8, 205.4);
	--color-warning-200: rgb(255, 224.6, 155.8);
	--color-warning-300: rgb(255, 209.4, 106.2);
	--color-warning-400: rgb(255, 194.2, 56.6);
	--color-warning-500: #ffb307;
	--color-warning-600: rgb(204, 143.2, 5.6);
	--color-warning-700: rgb(153, 107.4, 4.2);
	--color-warning-800: rgb(102, 71.6, 2.8);
	--color-warning-900: rgb(51, 35.8, 1.4);
	--color-danger: #e44b4b;
	--color-danger-10: rgb(254.19, 249.6, 249.6);
	--color-danger-25: rgb(253.65, 246, 246);
	--color-danger-50: rgb(252.3, 237, 237);
	--color-danger-100: rgb(249.6, 219, 219);
	--color-danger-200: rgb(244.2, 183, 183);
	--color-danger-300: rgb(238.8, 147, 147);
	--color-danger-400: rgb(233.4, 111, 111);
	--color-danger-500: #e44b4b;
	--color-danger-600: rgb(182.4, 60, 60);
	--color-danger-700: rgb(136.8, 45, 45);
	--color-danger-800: rgb(91.2, 30, 30);
	--color-danger-900: rgb(45.6, 15, 15);
	--color-blue: #078af3;
	--color-blue-10: rgb(247.56, 251.49, 254.64);
	--color-blue-25: rgb(242.6, 249.15, 254.4);
	--color-blue-50: rgb(230.2, 243.3, 253.8);
	--color-blue-100: rgb(205.4, 231.6, 252.6);
	--color-blue-200: rgb(155.8, 208.2, 250.2);
	--color-blue-300: rgb(106.2, 184.8, 247.8);
	--color-blue-400: rgb(56.6, 161.4, 245.4);
	--color-blue-500: #078af3;
	--color-blue-600: rgb(5.6, 110.4, 194.4);
	--color-blue-700: rgb(4.2, 82.8, 145.8);
	--color-blue-800: rgb(2.8, 55.2, 97.2);
	--color-blue-900: rgb(1.4, 27.6, 48.6);
	--color-indigo: #553cdf;
	--color-indigo-10: rgb(249.9, 249.15, 254.04);
	--color-indigo-25: rgb(246.5, 245.25, 253.4);
	--color-indigo-50: rgb(238, 235.5, 251.8);
	--color-indigo-100: rgb(221, 216, 248.6);
	--color-indigo-200: rgb(187, 177, 242.2);
	--color-indigo-300: rgb(153, 138, 235.8);
	--color-indigo-400: rgb(119, 99, 229.4);
	--color-indigo-500: #553cdf;
	--color-indigo-600: rgb(68, 48, 178.4);
	--color-indigo-700: rgb(51, 36, 133.8);
	--color-indigo-800: rgb(34, 24, 89.2);
	--color-indigo-900: rgb(17, 12, 44.6);
	--color-purple: #8921e4;
	--color-purple-10: rgb(251.46, 248.34, 254.19);
	--color-purple-25: rgb(249.1, 243.9, 253.65);
	--color-purple-50: rgb(243.2, 232.8, 252.3);
	--color-purple-100: rgb(231.4, 210.6, 249.6);
	--color-purple-200: rgb(207.8, 166.2, 244.2);
	--color-purple-300: rgb(184.2, 121.8, 238.8);
	--color-purple-400: rgb(160.6, 77.4, 233.4);
	--color-purple-500: #8921e4;
	--color-purple-600: rgb(109.6, 26.4, 182.4);
	--color-purple-700: rgb(82.2, 19.8, 136.8);
	--color-purple-800: rgb(54.8, 13.2, 91.2);
	--color-purple-900: rgb(27.4, 6.6, 45.6);
	--color-red: #ea4335;
	--color-red-10: rgb(254.37, 249.36, 248.94);
	--color-red-25: rgb(253.95, 245.6, 244.9);
	--color-red-50: rgb(252.9, 236.2, 234.8);
	--color-red-100: rgb(250.8, 217.4, 214.6);
	--color-red-200: rgb(246.6, 179.8, 174.2);
	--color-red-300: rgb(242.4, 142.2, 133.8);
	--color-red-400: rgb(238.2, 104.6, 93.4);
	--color-red-500: #ea4335;
	--color-red-600: rgb(187.2, 53.6, 42.4);
	--color-red-700: rgb(140.4, 40.2, 31.8);
	--color-red-800: rgb(93.6, 26.8, 21.2);
	--color-red-900: rgb(46.8, 13.4, 10.6);
	--color-rose: #d20e4f;
	--color-rose-10: rgb(253.65, 247.77, 249.72);
	--color-rose-25: rgb(252.75, 242.95, 246.2);
	--color-rose-50: rgb(250.5, 230.9, 237.4);
	--color-rose-100: rgb(246, 206.8, 219.8);
	--color-rose-200: rgb(237, 158.6, 184.6);
	--color-rose-300: rgb(228, 110.4, 149.4);
	--color-rose-400: rgb(219, 62.2, 114.2);
	--color-rose-500: #d20e4f;
	--color-rose-600: rgb(168, 11.2, 63.2);
	--color-rose-700: rgb(126, 8.4, 47.4);
	--color-rose-800: rgb(84, 5.6, 31.6);
	--color-rose-900: rgb(42, 2.8, 15.8);
	--color-pink: #f06b9d;
	--color-pink-10: rgb(254.55, 250.56, 252.06);
	--color-pink-25: rgb(254.25, 247.6, 250.1);
	--color-pink-50: rgb(253.5, 240.2, 245.2);
	--color-pink-100: rgb(252, 225.4, 235.4);
	--color-pink-200: rgb(249, 195.8, 215.8);
	--color-pink-300: rgb(246, 166.2, 196.2);
	--color-pink-400: rgb(243, 136.6, 176.6);
	--color-pink-500: #f06b9d;
	--color-pink-600: rgb(192, 85.6, 125.6);
	--color-pink-700: rgb(144, 64.2, 94.2);
	--color-pink-800: rgb(96, 42.8, 62.8);
	--color-pink-900: rgb(48, 21.4, 31.4);
	--color-orange: #fb6b1e;
	--color-orange-10: rgb(254.88, 250.56, 248.25);
	--color-orange-25: rgb(254.8, 247.6, 243.75);
	--color-orange-50: rgb(254.6, 240.2, 232.5);
	--color-orange-100: rgb(254.2, 225.4, 210);
	--color-orange-200: rgb(253.4, 195.8, 165);
	--color-orange-300: rgb(252.6, 166.2, 120);
	--color-orange-400: rgb(251.8, 136.6, 75);
	--color-orange-500: #fb6b1e;
	--color-orange-600: rgb(200.8, 85.6, 24);
	--color-orange-700: rgb(150.6, 64.2, 18);
	--color-orange-800: rgb(100.4, 42.8, 12);
	--color-orange-900: rgb(50.2, 21.4, 6);
	--color-yellow: #fcbc05;
	--color-yellow-10: rgb(254.91, 252.99, 247.5);
	--color-yellow-25: rgb(254.85, 251.65, 242.5);
	--color-yellow-50: rgb(254.7, 248.3, 230);
	--color-yellow-100: rgb(254.4, 241.6, 205);
	--color-yellow-200: rgb(253.8, 228.2, 155);
	--color-yellow-300: rgb(253.2, 214.8, 105);
	--color-yellow-400: rgb(252.6, 201.4, 55);
	--color-yellow-500: #fcbc05;
	--color-yellow-600: rgb(201.6, 150.4, 4);
	--color-yellow-700: rgb(151.2, 112.8, 3);
	--color-yellow-800: rgb(100.8, 75.2, 2);
	--color-yellow-900: rgb(50.4, 37.6, 1);
	--color-green: #34a853;
	--color-green-10: rgb(248.91, 252.39, 249.84);
	--color-green-25: rgb(244.85, 250.65, 246.4);
	--color-green-50: rgb(234.7, 246.3, 237.8);
	--color-green-100: rgb(214.4, 237.6, 220.6);
	--color-green-200: rgb(173.8, 220.2, 186.2);
	--color-green-300: rgb(133.2, 202.8, 151.8);
	--color-green-400: rgb(92.6, 185.4, 117.4);
	--color-green-500: #34a853;
	--color-green-600: rgb(41.6, 134.4, 66.4);
	--color-green-700: rgb(31.2, 100.8, 49.8);
	--color-green-800: rgb(20.8, 67.2, 33.2);
	--color-green-900: rgb(10.4, 33.6, 16.6);
	--color-lime: #aef359;
	--color-lime-10: rgb(252.57, 254.64, 250.02);
	--color-lime-25: rgb(250.95, 254.4, 246.7);
	--color-lime-50: rgb(246.9, 253.8, 238.4);
	--color-lime-100: rgb(238.8, 252.6, 221.8);
	--color-lime-200: rgb(222.6, 250.2, 188.6);
	--color-lime-300: rgb(206.4, 247.8, 155.4);
	--color-lime-400: rgb(190.2, 245.4, 122.2);
	--color-lime-500: #aef359;
	--color-lime-600: rgb(139.2, 194.4, 71.2);
	--color-lime-700: rgb(104.4, 145.8, 53.4);
	--color-lime-800: rgb(69.6, 97.2, 35.6);
	--color-lime-900: rgb(34.8, 48.6, 17.8);
	--color-teal: #06f6c6;
	--color-teal-10: rgb(247.53, 254.73, 253.29);
	--color-teal-25: rgb(242.55, 254.55, 252.15);
	--color-teal-50: rgb(230.1, 254.1, 249.3);
	--color-teal-100: rgb(205.2, 253.2, 243.6);
	--color-teal-200: rgb(155.4, 251.4, 232.2);
	--color-teal-300: rgb(105.6, 249.6, 220.8);
	--color-teal-400: rgb(55.8, 247.8, 209.4);
	--color-teal-500: #06f6c6;
	--color-teal-600: rgb(4.8, 196.8, 158.4);
	--color-teal-700: rgb(3.6, 147.6, 118.8);
	--color-teal-800: rgb(2.4, 98.4, 79.2);
	--color-teal-900: rgb(1.2, 49.2, 39.6);
	--color-cyan: #38e1ff;
	--color-cyan-10: rgb(249.03, 254.1, 255);
	--color-cyan-25: rgb(245.05, 253.5, 255);
	--color-cyan-50: rgb(235.1, 252, 255);
	--color-cyan-100: rgb(215.2, 249, 255);
	--color-cyan-200: rgb(175.4, 243, 255);
	--color-cyan-300: rgb(135.6, 237, 255);
	--color-cyan-400: rgb(95.8, 231, 255);
	--color-cyan-500: #38e1ff;
	--color-cyan-600: rgb(44.8, 180, 204);
	--color-cyan-700: rgb(33.6, 135, 153);
	--color-cyan-800: rgb(22.4, 90, 102);
	--color-cyan-900: rgb(11.2, 45, 51);
	--color-tertiary: #ddff9a;
	--color-tertiary-10: rgb(253.98, 255, 251.97);
	--color-tertiary-25: rgb(253.3, 255, 249.95);
	--color-tertiary-50: rgb(251.6, 255, 244.9);
	--color-tertiary-100: rgb(248.2, 255, 234.8);
	--color-tertiary-200: rgb(241.4, 255, 214.6);
	--color-tertiary-300: rgb(234.6, 255, 194.4);
	--color-tertiary-400: rgb(227.8, 255, 174.2);
	--color-tertiary-500: #ddff9a;
	--color-tertiary-600: rgb(176.8, 204, 123.2);
	--color-tertiary-700: rgb(132.6, 153, 92.4);
	--color-tertiary-800: rgb(88.4, 102, 61.6);
	--color-tertiary-900: rgb(44.2, 51, 30.8);
	--colors-accent-primary: var(--color-primary);
	--colors-accent-secondary: var(--color-secondary);
	--colors-accent-success: var(--color-success);
	--colors-accent-warning: var(--color-warning);
	--colors-accent-danger: var(--color-danger);
	--colors-accent-muted: var(--color-gray-400);
	--colors-button-primary: var(--color-primary);
	--colors-button-secondary: var(--color-secondary);
	--colors-button-success: var(--color-success);
	--colors-button-warning: var(--color-warning);
	--colors-button-danger: var(--color-danger);
	--colors-button-muted: var(--color-muted);
	--colors-button-primary-hover: var(--color-primary-600);
	--colors-button-secondary-hover: var(--color-secondary-600);
	--colors-button-success-hover: var(--color-success-600);
	--colors-button-warning-hover: var(--color-warning-600);
	--colors-button-danger-hover: var(--color-danger-600);
	--colors-button-muted-hover: var(--color-muted-600);
	--colors-form-primary: var(--color-primary);
	--colors-form-secondary: var(--color-secondary);
	--colors-form-success: var(--color-success);
	--colors-form-warning: var(--color-warning);
	--colors-form-danger: var(--color-danger);
	--colors-form-muted: var(--color-muted);
	--colors-card-primary: var(--color-primary);
	--colors-card-secondary: var(--color-secondary);
	--colors-card-success: var(--color-success);
	--colors-card-warning: var(--color-warning);
	--colors-card-danger: var(--color-danger);
	--colors-card-muted: var(--color-muted);
	--colors-background-primary: var(--color-primary);
	--colors-background-secondary: var(--color-secondary);
	--colors-background-success: var(--color-success);
	--colors-background-warning: var(--color-warning);
	--colors-background-danger: var(--color-danger);
	--colors-background-muted: var(--color-muted);
	--colors-text-primary: var(--color-primary);
	--colors-text-secondary: var(--color-secondary);
	--colors-text-success: var(--color-success);
	--colors-text-warning: var(--color-warning);
	--colors-text-danger: var(--color-danger);
	--colors-text-muted: var(--color-muted);
	--colors-label-primary: var(--color-primary);
	--colors-label-secondary: var(--color-secondary);
	--colors-label-success: var(--color-success);
	--colors-label-warning: var(--color-warning);
	--colors-label-danger: var(--color-danger);
	--colors-label-muted: var(--color-muted);
	--colors-alert-primary: var(--color-primary);
	--colors-alert-secondary: var(--color-secondary);
	--colors-alert-success: var(--color-success);
	--colors-alert-warning: var(--color-warning);
	--colors-alert-danger: var(--color-danger);
	--colors-alert-muted: var(--color-muted);
	--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
}

html {
	font-family: var(--body-font-typeface);
	font-size: var(--body-font-size, 1rem);
	font-weight: var(--body-font-weight, 400);
	letter-spacing: var(--body-font-spacing, normal);
	background-color: var(--body-color-background, inherit);
	color: var(--body-color-text, inherit);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-variant-numeric: lining-nums;
	scroll-behavior: smooth
}

body {
	font-family: var(--body-font-typeface);
	font-size: var(--body-font-size, 1rem);
	font-weight: var(--body-font-weight, 400);
	letter-spacing: var(--body-font-spacing, normal);
	background-color: var(--body-color-background, inherit);
	color: var(--body-color-text, inherit)
}

a {
	outline: medium none !important;
	color: var(--hx-theme-color);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-decoration: none;
}

a:focus {
	color: #000000;
	text-decoration: none !important;
}

a:hover {
	color: #000000;
	text-decoration: none !important;
}

a.text-dark:focus {
	color: var(--hx-theme-color) !important;
}

a.text-dark:hover {
	color: var(--hx-theme-color) !important;
}

input {
	outline: medium none !important;
	color: var(--hx-theme-color);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: "Sunsive", sans-serif;
	font-weight: normal;
	color: #000000;
	margin: 0px 0px 1rem;
	font-weight: bold;
	line-height: 1.2;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
	color: inherit;
}

iframe {
	width: 100%;
}

label {
	font-weight: normal;
}

h1 {
	font-size: 60px;
	font-style: normal;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
	font-weight: 600;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 500;
}

p {
	line-height: 1.8;
}

*::-moz-selection {
	background: var(--hx-theme-color);
	color: #ffffff;
	text-shadow: none;
}

::-moz-selection {
	background: var(--hx-theme-color);
	color: #ffffff;
	text-shadow: none;
}

::selection {
	background: var(--hx-theme-color);
	color: #ffffff;
	text-shadow: none;
}

/* container-fluid */
.container-fluid.container-space {
	padding: 0 100px;
}

@media (min-width: 1200px) {
	.container {
		max-width: 1140px;
	}
}

/* border */
.border {
	border-color: #eeeeee !important;
}

.border-top {
	border-top-color: #eeeeee !important;
}

.border-left {
	border-left-color: #eeeeee !important;
}

.border-right {
	border-right-color: #eeeeee !important;
}

.border-bottom {
	border-bottom-color: #eeeeee !important;
}

.border-radius {
	border-radius: 5px !important;
}

.border-radius-0 {
	border-radius: 0px !important;
}

/* badge */
.badge {
	border-radius: 5px;
	padding: .25em .4em;
}

.badge+.badge {
	margin-left: 6px;
}

.badge-md {
	padding: 5px 8px;
	font-size: 13px;
	font-weight: normal;
}

.badge-primary {
	background: var(--hx-theme-color);
}

/* back-to-to */
.back-to-top {
	background: var(--hx-theme-color);
	color: #ffffff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	display: inline-block;
	border-radius: 50%;
}

.back-to-top:hover {
	color: #ffffff;
}

.back-to-top:focus {
	color: #ffffff;
}

/* pagination */
.pagination .page-item .page-link {
	padding: 12px 25px;
	color: var(--hx-block-color);
	border-color: rgba(2, 45, 98, 0.1);
}

.pagination .page-item .page-link:hover {
	background: var(--hx-block-color);
	color: #ffffff;
}

.pagination .page-item .page-link:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.pagination .page-item.active .page-link {
	background: var(--hx-theme-color);
	border-color: var(--hx-theme-color);
	color: #ffffff;
}

/* blockquote */
.blockquote {
	font-size: 16px;
	border-left: 10px solid var(--hx-theme-color);
	padding-left: 30px;
	font-style: italic;
	display: block;
}

.blockquote-quote {
	position: relative;
	font-size: 18px;
	border-left: 0 solid var(--hx-theme-color);
	padding-left: 30px;
	font-style: italic;
	display: block;
	z-index: 1;
}

.blockquote-quote p {
	position: relative;
}

.blockquote-quote i {
	position: absolute;
	z-index: 0;
	top: 20px;
	left: 0;
	font-size: 60px;
	line-height: 60px;
	color: #dfdfdf;
}

/* table */
.table-bordered td {
	border-color: #eeeeee;
}

.table-bordered th {
	border-color: #eeeeee;
}

.table thead th {
	border-bottom-color: #eeeeee;
}

.table-striped tbody tr:nth-of-type(odd) {
	background: #f6f6f6;
}

/*****************************
	Helper Classes
*****************************/
/* color */
.text-primary {
	color: var(--hx-theme-color) !important;
}

.text-light {
	color: #626262 !important;
}

.text-dark {
	color: var(--hx-block-color) !important;
}

.bg-brush-primary {
	background: var(--hx-theme-color);
	border-radius: 6% 33% 19% 39%;
	color: #ffffff;
	padding: 0 10px;
}

/* fill colors for svg */
.fill-dark {
	fill: var(--hx-block-color);
}

.fill-primary {
	fill: var(--hx-theme-color);
}

.fill-light {
	fill: #dfdfdf;
}

.fill-white {
	fill: #ffffff;
}

/* hr */
hr {
	border-top-color: #f6f6f6;
}

/* hr light bg */
hr.light-bg {
	border-top-color: #dfdfdf;
}

/* background */
.bg-primary {
	background-color: var(--hx-theme-color) !important;
}

.bg-dark {
	background-color: var(--hx-block-color) !important;
}

.bg-light {
	background-color: #f6f6f6 !important;
}

.bg-black {
	background-color: #000000 !important;
}

/* Page section margin padding */
.space-ptb {
	padding: 100px 0;
}

.space-pt {
	padding: 100px 0 0;
}

.space-pb {
	padding: 0 0 100px;
}

.h-100vh {
	height: 100vh !important;
}

.h-800 {
	height: 800px;
}

.h-700 {
	height: 700px;
}

.h-600 {
	height: 600px;
}

.h-500 {
	height: 500px;
}

.m-n1 {
	margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
	margin-top: -0.25rem !important;
}

.me-n1,
.mx-n1 {
	margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
	margin-bottom: -0.25rem !important;
}

.ms-n1,
.mx-n1 {
	margin-left: -0.25rem !important;
}

.m-n2 {
	margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
	margin-top: -0.5rem !important;
}

.me-n2,
.mx-n2 {
	margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
	margin-bottom: -0.5rem !important;
}

.ms-n2,
.mx-n2 {
	margin-left: -0.5rem !important;
}

.m-n3 {
	margin: -1rem !important;
}

.mt-n3,
.my-n3 {
	margin-top: -1rem !important;
}

.me-n3,
.mx-n3 {
	margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
	margin-bottom: -1rem !important;
}

.ms-n3,
.mx-n3 {
	margin-left: -1rem !important;
}

.m-n4 {
	margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
	margin-top: -1.5rem !important;
}

.me-n4,
.mx-n4 {
	margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
	margin-bottom: -1.5rem !important;
}

.ms-n4,
.mx-n4 {
	margin-left: -1.5rem !important;
}

.m-n5 {
	margin: -3rem !important;
}

.mt-n5,
.my-n5 {
	margin-top: -3rem !important;
}

.me-n5,
.mx-n5 {
	margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
	margin-bottom: -3rem !important;
}

.ms-n5,
.mx-n5 {
	margin-left: -3rem !important;
}

.p-6 {
	padding: 5rem !important;
}

.px-6 {
	padding-left: 5rem !important;
	padding-right: 5rem !important;
}

.py-6 {
	padding-bottom: 5rem !important;
	padding-top: 5rem !important;
}

.pt-6 {
	padding-top: 5rem !important;
}

.pb-6 {
	padding-bottom: 5rem !important;
}

.pl-6 {
	padding-left: 5rem !important;
}

.pr-6 {
	padding-right: 5rem !important;
}

.m-n6 {
	margin: -7rem !important;
}

.mt-n6,
.my-n6 {
	margin-top: -7rem !important;
}

.me-n6,
.mx-n6 {
	margin-right: -7rem !important;
}

.mb-n6,
.my-n6 {
	margin-bottom: -7rem !important;
}

.ms-n6,
.mx-n6 {
	margin-left: -7rem !important;
}

.m-n7 {
	margin: -9rem !important;
}

.mt-n7,
.my-n7 {
	margin-top: -9rem !important;
}

.me-n7,
.mx-n7 {
	margin-right: -9rem !important;
}

.mb-n7,
.my-n7 {
	margin-bottom: -9rem !important;
}

.ms-n7,
.mx-n7 {
	margin-left: -9rem !important;
}

@media (min-width: 576px) {
	.m-sm-n1 {
		margin: -0.25rem !important;
	}

	.mt-sm-n1,
	.my-sm-n1 {
		margin-top: -0.25rem !important;
	}

	.me-sm-n1,
	.mx-sm-n1 {
		margin-right: -0.25rem !important;
	}

	.mb-sm-n1,
	.my-sm-n1 {
		margin-bottom: -0.25rem !important;
	}

	.ms-sm-n1,
	.mx-sm-n1 {
		margin-left: -0.25rem !important;
	}

	.m-sm-n2 {
		margin: -0.5rem !important;
	}

	.mt-sm-n2,
	.my-sm-n2 {
		margin-top: -0.5rem !important;
	}

	.me-sm-n2,
	.mx-sm-n2 {
		margin-right: -0.5rem !important;
	}

	.mb-sm-n2,
	.my-sm-n2 {
		margin-bottom: -0.5rem !important;
	}

	.ms-sm-n2,
	.mx-sm-n2 {
		margin-left: -0.5rem !important;
	}

	.m-sm-n3 {
		margin: -1rem !important;
	}

	.mt-sm-n3,
	.my-sm-n3 {
		margin-top: -1rem !important;
	}

	.me-sm-n3,
	.mx-sm-n3 {
		margin-right: -1rem !important;
	}

	.mb-sm-n3,
	.my-sm-n3 {
		margin-bottom: -1rem !important;
	}

	.ms-sm-n3,
	.mx-sm-n3 {
		margin-left: -1rem !important;
	}

	.m-sm-n4 {
		margin: -1.5rem !important;
	}

	.mt-sm-n4,
	.my-sm-n4 {
		margin-top: -1.5rem !important;
	}

	.me-sm-n4,
	.mx-sm-n4 {
		margin-right: -1.5rem !important;
	}

	.mb-sm-n4,
	.my-sm-n4 {
		margin-bottom: -1.5rem !important;
	}

	.ms-sm-n4,
	.mx-sm-n4 {
		margin-left: -1.5rem !important;
	}

	.m-sm-n5 {
		margin: -3rem !important;
	}

	.mt-sm-n5,
	.my-sm-n5 {
		margin-top: -3rem !important;
	}

	.me-sm-n5,
	.mx-sm-n5 {
		margin-right: -3rem !important;
	}

	.mb-sm-n5,
	.my-sm-n5 {
		margin-bottom: -3rem !important;
	}

	.ms-sm-n5,
	.mx-sm-n5 {
		margin-left: -3rem !important;
	}

	.mt-sm-n5,
	.my-sm-n5 {
		margin-top: -3rem !important;
	}

	.mb-sm-n5,
	.my-sm-n5 {
		margin-bottom: -3rem !important;
	}

	.m-sm-n6 {
		margin: -7rem !important;
	}

	.mt-sm-n6,
	.my-sm-n6 {
		margin-top: -7rem !important;
	}

	.me-sm-n6,
	.mx-sm-n6 {
		margin-right: -7rem !important;
	}

	.mb-sm-n6,
	.my-sm-n6 {
		margin-bottom: -7rem !important;
	}

	.ms-sm-n6,
	.mx-sm-n6 {
		margin-left: -7rem !important;
	}

	.m-sm-n7 {
		margin: -9rem !important;
	}

	.mt-sm-n7,
	.my-sm-n7 {
		margin-top: -9rem !important;
	}

	.me-sm-n7,
	.mx-sm-n7 {
		margin-right: -9rem !important;
	}

	.mb-sm-n7,
	.my-sm-n7 {
		margin-bottom: -9rem !important;
	}

	.ms-sm-n7,
	.mx-sm-n7 {
		margin-left: -9rem !important;
	}

	.p-sm-6 {
		padding: 5rem !important;
	}

	.px-sm-6 {
		padding-left: 5rem !important;
		padding-right: 5rem !important;
	}

	.py-sm-6 {
		padding-bottom: 5rem !important;
		padding-top: 5rem !important;
	}

	.pt-sm-6 {
		padding-top: 5rem !important;
	}

	.pb-sm-6 {
		padding-bottom: 5rem !important;
	}

	.pl-sm-6 {
		padding-left: 5rem !important;
	}

	.pr-sm-6 {
		padding-right: 5rem !important;
	}
}

@media (min-width: 768px) {
	.m-md-n1 {
		margin: -0.25rem !important;
	}

	.mt-md-n1,
	.my-md-n1 {
		margin-top: -0.25rem !important;
	}

	.me-md-n1,
	.mx-md-n1 {
		margin-right: -0.25rem !important;
	}

	.mb-md-n1,
	.my-md-n1 {
		margin-bottom: -0.25rem !important;
	}

	.ms-md-n1,
	.mx-md-n1 {
		margin-left: -0.25rem !important;
	}

	.m-md-n2 {
		margin: -0.5rem !important;
	}

	.mt-md-n2,
	.my-md-n2 {
		margin-top: -0.5rem !important;
	}

	.me-md-n2,
	.mx-md-n2 {
		margin-right: -0.5rem !important;
	}

	.mb-md-n2,
	.my-md-n2 {
		margin-bottom: -0.5rem !important;
	}

	.ms-md-n2,
	.mx-md-n2 {
		margin-left: -0.5rem !important;
	}

	.m-md-n3 {
		margin: -1rem !important;
	}

	.mt-md-n3,
	.my-md-n3 {
		margin-top: -1rem !important;
	}

	.me-md-n3,
	.mx-md-n3 {
		margin-right: -1rem !important;
	}

	.mb-md-n3,
	.my-md-n3 {
		margin-bottom: -1rem !important;
	}

	.ms-md-n3,
	.mx-md-n3 {
		margin-left: -1rem !important;
	}

	.m-md-n4 {
		margin: -1.5rem !important;
	}

	.mt-md-n4,
	.my-md-n4 {
		margin-top: -1.5rem !important;
	}

	.me-md-n4,
	.mx-md-n4 {
		margin-right: -1.5rem !important;
	}

	.mb-md-n4,
	.my-md-n4 {
		margin-bottom: -1.5rem !important;
	}

	.ms-md-n4,
	.mx-md-n4 {
		margin-left: -1.5rem !important;
	}

	.m-md-n5 {
		margin: -3rem !important;
	}

	.mt-md-n5,
	.my-md-n5 {
		margin-top: -3rem !important;
	}

	.me-md-n5,
	.mx-md-n5 {
		margin-right: -3rem !important;
	}

	.mb-md-n5,
	.my-md-n5 {
		margin-bottom: -3rem !important;
	}

	.ms-md-n5,
	.mx-md-n5 {
		margin-left: -3rem !important;
	}

	.m-md-n6 {
		margin: -7rem !important;
	}

	.mt-md-n6,
	.my-md-n6 {
		margin-top: -7rem !important;
	}

	.me-md-n6,
	.mx-md-n6 {
		margin-right: -7rem !important;
	}

	.mb-md-n6,
	.my-md-n6 {
		margin-bottom: -7rem !important;
	}

	.ms-md-n6,
	.mx-md-n6 {
		margin-left: -7rem !important;
	}

	.m-md-n7 {
		margin: -9rem !important;
	}

	.mt-md-n7,
	.my-md-n7 {
		margin-top: -9rem !important;
	}

	.me-md-n7,
	.mx-md-n7 {
		margin-right: -9rem !important;
	}

	.mb-md-n7,
	.my-md-n7 {
		margin-bottom: -9rem !important;
	}

	.ms-md-n7,
	.mx-md-n7 {
		margin-left: -9rem !important;
	}

	.p-md-6 {
		padding: 5rem !important;
	}

	.px-md-6 {
		padding-left: 5rem !important;
		padding-right: 5rem !important;
	}

	.py-md-6 {
		padding-bottom: 5rem !important;
		padding-top: 5rem !important;
	}

	.pt-md-6 {
		padding-top: 5rem !important;
	}

	.pb-md-6 {
		padding-bottom: 5rem !important;
	}

	.pl-md-6 {
		padding-left: 5rem !important;
	}

	.pr-md-6 {
		padding-right: 5rem !important;
	}
}

@media (min-width: 992px) {
	.m-lg-n1 {
		margin: -0.25rem !important;
	}

	.mt-lg-n1,
	.my-lg-n1 {
		margin-top: -0.25rem !important;
	}

	.me-lg-n1,
	.mx-lg-n1 {
		margin-right: -0.25rem !important;
	}

	.mb-lg-n1,
	.my-lg-n1 {
		margin-bottom: -0.25rem !important;
	}

	.ms-lg-n1,
	.mx-lg-n1 {
		margin-left: -0.25rem !important;
	}

	.m-lg-n2 {
		margin: -0.5rem !important;
	}

	.mt-lg-n2,
	.my-lg-n2 {
		margin-top: -0.5rem !important;
	}

	.me-lg-n2,
	.mx-lg-n2 {
		margin-right: -0.5rem !important;
	}

	.mb-lg-n2,
	.my-lg-n2 {
		margin-bottom: -0.5rem !important;
	}

	.ms-lg-n2,
	.mx-lg-n2 {
		margin-left: -0.5rem !important;
	}

	.m-lg-n3 {
		margin: -1rem !important;
	}

	.mt-lg-n3,
	.my-lg-n3 {
		margin-top: -1rem !important;
	}

	.me-lg-n3,
	.mx-lg-n3 {
		margin-right: -1rem !important;
	}

	.mb-lg-n3,
	.my-lg-n3 {
		margin-bottom: -1rem !important;
	}

	.ms-lg-n3,
	.mx-lg-n3 {
		margin-left: -1rem !important;
	}

	.m-lg-n4 {
		margin: -1.5rem !important;
	}

	.mt-lg-n4,
	.my-lg-n4 {
		margin-top: -1.5rem !important;
	}

	.me-lg-n4,
	.mx-lg-n4 {
		margin-right: -1.5rem !important;
	}

	.mb-lg-n4,
	.my-lg-n4 {
		margin-bottom: -1.5rem !important;
	}

	.ms-lg-n4,
	.mx-lg-n4 {
		margin-left: -1.5rem !important;
	}

	.m-lg-n5 {
		margin: -3rem !important;
	}

	.mt-lg-n5,
	.my-lg-n5 {
		margin-top: -3rem !important;
	}

	.me-lg-n5,
	.mx-lg-n5 {
		margin-right: -3rem !important;
	}

	.mb-lg-n5,
	.my-lg-n5 {
		margin-bottom: -3rem !important;
	}

	.ms-lg-n5,
	.mx-lg-n5 {
		margin-left: -3rem !important;
	}

	.m-lg-n6 {
		margin: -7rem !important;
	}

	.mt-lg-n6,
	.my-lg-n6 {
		margin-top: -7rem !important;
	}

	.me-lg-n6,
	.mx-lg-n6 {
		margin-right: -7rem !important;
	}

	.mb-lg-n6,
	.my-lg-n6 {
		margin-bottom: -7rem !important;
	}

	.ms-lg-n6,
	.mx-lg-n6 {
		margin-left: -7rem !important;
	}

	.m-lg-n7 {
		margin: -9rem !important;
	}

	.mt-lg-n7,
	.my-lg-n7 {
		margin-top: -9rem !important;
	}

	.me-lg-n7,
	.mx-lg-n7 {
		margin-right: -9rem !important;
	}

	.mb-lg-n7,
	.my-lg-n7 {
		margin-bottom: -9rem !important;
	}

	.ms-lg-n7,
	.mx-lg-n7 {
		margin-left: -9rem !important;
	}

	.p-lg-6 {
		padding: 5rem !important;
	}

	.px-lg-6 {
		padding-left: 5rem !important;
		padding-right: 5rem !important;
	}

	.py-lg-6 {
		padding-bottom: 5rem !important;
		padding-top: 5rem !important;
	}

	.pt-lg-6 {
		padding-top: 5rem !important;
	}

	.pb-lg-6 {
		padding-bottom: 5rem !important;
	}

	.pl-lg-6 {
		padding-left: 5rem !important;
	}

	.pr-lg-6 {
		padding-right: 5rem !important;
	}
}

@media (min-width: 1200px) {
	.m-xl-n1 {
		margin: -0.25rem !important;
	}

	.mt-xl-n1,
	.my-xl-n1 {
		margin-top: -0.25rem !important;
	}

	.me-xl-n1,
	.mx-xl-n1 {
		margin-right: -0.25rem !important;
	}

	.mb-xl-n1,
	.my-xl-n1 {
		margin-bottom: -0.25rem !important;
	}

	.ms-xl-n1,
	.mx-xl-n1 {
		margin-left: -0.25rem !important;
	}

	.m-xl-n2 {
		margin: -0.5rem !important;
	}

	.mt-xl-n2,
	.my-xl-n2 {
		margin-top: -0.5rem !important;
	}

	.me-xl-n2,
	.mx-xl-n2 {
		margin-right: -0.5rem !important;
	}

	.mb-xl-n2,
	.my-xl-n2 {
		margin-bottom: -0.5rem !important;
	}

	.ms-xl-n2,
	.mx-xl-n2 {
		margin-left: -0.5rem !important;
	}

	.m-xl-n3 {
		margin: -1rem !important;
	}

	.mt-xl-n3,
	.my-xl-n3 {
		margin-top: -1rem !important;
	}

	.me-xl-n3,
	.mx-xl-n3 {
		margin-right: -1rem !important;
	}

	.mb-xl-n3,
	.my-xl-n3 {
		margin-bottom: -1rem !important;
	}

	.ms-xl-n3,
	.mx-xl-n3 {
		margin-left: -1rem !important;
	}

	.m-xl-n4 {
		margin: -1.5rem !important;
	}

	.mt-xl-n4,
	.my-xl-n4 {
		margin-top: -1.5rem !important;
	}

	.me-xl-n4,
	.mx-xl-n4 {
		margin-right: -1.5rem !important;
	}

	.mb-xl-n4,
	.my-xl-n4 {
		margin-bottom: -1.5rem !important;
	}

	.ms-xl-n4,
	.mx-xl-n4 {
		margin-left: -1.5rem !important;
	}

	.m-xl-n5 {
		margin: -3rem !important;
	}

	.mt-xl-n5,
	.my-xl-n5 {
		margin-top: -3rem !important;
	}

	.me-xl-n5,
	.mx-xl-n5 {
		margin-right: -3rem !important;
	}

	.mb-xl-n5,
	.my-xl-n5 {
		margin-bottom: -3rem !important;
	}

	.ms-xl-n5,
	.mx-xl-n5 {
		margin-left: -3rem !important;
	}

	.m-xl-n6 {
		margin: -7rem !important;
	}

	.mt-xl-n6,
	.my-xl-n6 {
		margin-top: -7rem !important;
	}

	.me-xl-n6,
	.mx-xl-n6 {
		margin-right: -7rem !important;
	}

	.mb-xl-n6,
	.my-xl-n6 {
		margin-bottom: -7rem !important;
	}

	.ms-xl-n6,
	.mx-xl-n6 {
		margin-left: -7rem !important;
	}

	.m-xl-n7 {
		margin: -9rem !important;
	}

	.mt-xl-n7,
	.my-xl-n7 {
		margin-top: -9rem !important;
	}

	.me-xl-n7,
	.mx-xl-n7 {
		margin-right: -9rem !important;
	}

	.mb-xl-n7,
	.my-xl-n7 {
		margin-bottom: -9rem !important;
	}

	.ms-xl-n7,
	.mx-xl-n7 {
		margin-left: -9rem !important;
	}

	.p-xl-6 {
		padding: 5rem !important;
	}

	.px-xl-6 {
		padding-left: 5rem !important;
		padding-right: 5rem !important;
	}

	.py-xl-6 {
		padding-bottom: 5rem !important;
		padding-top: 5rem !important;
	}

	.pt-xl-6 {
		padding-top: 5rem !important;
	}

	.pb-xl-6 {
		padding-bottom: 5rem !important;
	}

	.pl-xl-6 {
		padding-left: 5rem !important;
	}

	.pr-xl-6 {
		padding-right: 5rem !important;
	}
}

.overview-hidden {
	overflow: hidden;
}

/* img holder */
.bg-holder {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
}

.dotted-overlay {
	position: relative;
	z-index: 1;
}

.dotted-overlay:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: transparent;
	background-image: radial-gradient(#626262 10%, transparent 10%);
	background-size: 5px 5px;
	z-index: 0;
}

/* Background overlay */
.bg-overlay-black-10 {
	position: relative;
	z-index: 1;
}

.bg-overlay-black-10:before {
	background: rgba(2, 45, 98, 0.1);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.bg-overlay-black-20 {
	position: relative;
	z-index: 1;
}

.bg-overlay-black-20:before {
	background: rgba(2, 45, 98, 0.2);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.bg-overlay-black-30 {
	position: relative;
	z-index: 1;
}

.bg-overlay-black-30:before {
	background: rgba(2, 45, 98, 0.3);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.bg-overlay-black-40 {
	position: relative;
	z-index: 1;
}

.bg-overlay-black-40:before {
	background: rgba(2, 45, 98, 0.4);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.bg-overlay-black-50 {
	position: relative;
	z-index: 1;
}

.bg-overlay-black-50:before {
	background: rgba(2, 45, 98, 0.5);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.bg-overlay-black-60 {
	position: relative;
	z-index: 1;
}

.bg-overlay-black-60:before {
	background: rgba(2, 45, 98, 0.6);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.bg-overlay-black-70 {
	position: relative;
	z-index: 1;
}

.bg-overlay-black-70:before {
	background: rgba(2, 45, 98, 0.7);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.bg-overlay-black-80 {
	position: relative;
	z-index: 1;
}

.bg-overlay-black-80:before {
	background: rgba(2, 45, 98, 0.8);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.bg-overlay-black-90 {
	position: relative;
	z-index: 1;
}

.bg-overlay-black-90:before {
	background: rgba(2, 45, 98, 0.9);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.bg-overlay-white-10 {
	position: relative;
	z-index: 1;
}

.bg-overlay-white-10:before {
	background: rgba(255, 255, 255, 0.1);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.bg-overlay-white-20 {
	position: relative;
	z-index: 1;
}

.bg-overlay-white-20:before {
	background: rgba(255, 255, 255, 0.2);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.bg-overlay-white-30 {
	position: relative;
	z-index: 1;
}

.bg-overlay-white-30:before {
	background: rgba(255, 255, 255, 0.3);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.bg-overlay-white-40 {
	position: relative;
	z-index: 1;
}

.bg-overlay-white-40:before {
	background: rgba(255, 255, 255, 0.4);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.bg-overlay-white-50 {
	position: relative;
	z-index: 1;
}

.bg-overlay-white-50:before {
	background: rgba(255, 255, 255, 0.5);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.bg-overlay-white-60 {
	position: relative;
	z-index: 1;
}

.bg-overlay-white-60:before {
	background: rgba(255, 255, 255, 0.6);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.bg-overlay-white-70 {
	position: relative;
	z-index: 1;
}

.bg-overlay-white-70:before {
	background: rgba(255, 255, 255, 0.7);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.bg-overlay-white-80 {
	position: relative;
	z-index: 1;
}

.bg-overlay-white-80:before {
	background: rgba(255, 255, 255, 0.8);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.bg-overlay-white-90 {
	position: relative;
	z-index: 1;
}

.bg-overlay-white-90:before {
	background: rgba(255, 255, 255, 0.9);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.bg-overlay-theme-20 {
	position: relative;
	z-index: 1;
}

.bg-overlay-theme-20:before {
	background: rgba(239, 49, 57, 0.2);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.bg-overlay-theme-50 {
	position: relative;
	z-index: 1;
}

.bg-overlay-theme-50:before {
	background: rgba(239, 49, 57, 0.5);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.bg-overlay-theme-70 {
	position: relative;
	z-index: 1;
}

.bg-overlay-theme-70:before {
	background: rgba(239, 49, 57, 0.7);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.bg-overlay-theme-90 {
	position: relative;
	z-index: 1;
}

.bg-overlay-theme-90:before {
	background: rgba(239, 49, 57, 0.9);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.bg-overlay-gradient-x-bottom {
	position: relative;
}

.bg-overlay-gradient-x-bottom:before {
	z-index: 0;
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
	top: auto;
	height: 75%;
	-webkit-transition: all .35s;
	transition: all .35s;
}

.bg-overlay-gradient-x-top {
	position: relative;
}

.bg-overlay-gradient-x-top:before {
	z-index: 0;
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	content: "";
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
	background: linear-gradient(to top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
	bottom: auto;
	height: 70%;
	-webkit-transition: all .35s;
	transition: all .35s;
}

.bg-overlay-gradient-x-light-bottom {
	position: relative;
}

.bg-overlay-gradient-x-light-bottom:before {
	z-index: 0;
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), to(white)), -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), to(white));
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, white 100%), linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, white 100%);
	top: auto;
	height: 100%;
	-webkit-transition: all .35s;
	transition: all .35s;
}

.bg-overlay-gradient-x-dark-bottom {
	position: relative;
}

.bg-overlay-gradient-x-dark-bottom:before {
	z-index: 0;
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(2, 45, 98, 0)), to(var(--hx-block-color))), -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(2, 45, 98, 0)), to(var(--hx-block-color)));
	background: linear-gradient(to bottom, rgba(2, 45, 98, 0) 0, var(--hx-block-color) 100%), linear-gradient(to bottom, rgba(2, 45, 98, 0) 0, var(--hx-block-color) 100%);
	top: auto;
	height: 100%;
	-webkit-transition: all .35s;
	transition: all .35s;
}

.bg-overlay-gradient-x-light-bottom {
	position: relative;
}

.bg-overlay-gradient-x-light-bottom:before {
	z-index: 0;
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(246, 246, 246, 0)), to(#f6f6f6)), -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(246, 246, 246, 0)), to(#f6f6f6));
	background: linear-gradient(to bottom, rgba(246, 246, 246, 0) 0, #f6f6f6 100%), linear-gradient(to bottom, rgba(246, 246, 246, 0) 0, #f6f6f6 100%);
	top: auto;
	height: 100%;
	-webkit-transition: all .35s;
	transition: all .35s;
}

.bg-overlay-gradient-y-left {
	position: relative;
}

.bg-overlay-gradient-y-left:before {
	z-index: 0;
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	background: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(2, 45, 98, 0)), to(var(--hx-block-color))), -webkit-gradient(linear, right top, left top, color-stop(0, rgba(2, 45, 98, 0)), to(var(--hx-block-color)));
	background: linear-gradient(to left, rgba(2, 45, 98, 0) 0, var(--hx-block-color) 100%), linear-gradient(to left, rgba(2, 45, 98, 0) 0, var(--hx-block-color) 100%);
	top: auto;
	height: 100%;
	-webkit-transition: all .35s;
	transition: all .35s;
}

/* border-radius-overlay */
.border-radius.bg-overlay-black-10:before,
.border-radius.bg-overlay-black-20:before,
.border-radius.bg-overlay-black-30:before,
.border-radius.bg-overlay-black-40:before,
.border-radius.bg-overlay-black-50:before,
.border-radius.bg-overlay-black-60:before,
.border-radius.bg-overlay-black-70:before,
.border-radius.bg-overlay-black-80:before,
.border-radius.bg-overlay-black-90:before,
.border-radius.bg-overlay-white-10:before,
.border-radius.bg-overlay-white-20:before,
.border-radius.bg-overlay-white-30:before,
.border-radius.bg-overlay-white-40:before,
.border-radius.bg-overlay-white-50:before,
.border-radius.bg-overlay-white-60:before,
.border-radius.bg-overlay-white-70:before,
.border-radius.bg-overlay-white-80:before,
.border-radius.bg-overlay-white-90:before,
.border-radius.bg-overlay-theme-10:before,
.border-radius.bg-overlay-theme-20:before,
.border-radius.bg-overlay-theme-30:before,
.border-radius.bg-overlay-theme-40:before,
.border-radius.bg-overlay-theme-50:before,
.border-radius.bg-overlay-theme-60:before,
.border-radius.bg-overlay-theme-70:before,
.border-radius.bg-overlay-theme-80:before,
.border-radius.bg-overlay-theme-90:before,
.border-radius.bg-overlay-gradient-x-bottom:before,
.border-radius.bg-overlay-gradient-x-top:before,
.border-radius.bg-overlay-gradient-x-light-bottom:before,
.border-radius.bg-overlay-gradient-y-left:before {
	border-radius: 5px;
}

/* 404 scg css */
.digit1,
.digit2 {
	fill-rule: evenodd;
}

.digit3 {
	font-size: 230px;
	font-weight: 600;
}

/* avatar */
.avatar {
	width: 50px;
	height: 50px;
	display: inline-block;
}

.avatar.avatar-sm {
	width: 20px;
	height: 20px;
}

.avatar.avatar-md {
	width: 80px;
	height: 80px;
}

.avatar.avatar-lg {
	width: 145px;
	height: 145px;
}

/* font size */
.font-sm {
	font-size: 13px;
}

.font-md {
	font-size: 15px;
}

.font-lg {
	font-size: 17px;
}

.font-xl {
	font-size: 21px;
}

.font-xll {
	font-size: 30px;
}

.font-xlll {
	font-size: 40px;
	line-height: 40px;
}

/* border-radius */
.b-radius-none {
	border-radius: 0 !important;
}

.b-radius-left-none {
	border-radius: 0 3px 3px 0;
}

.b-radius-right-none {
	border-radius: 3px 0 0 3px;
}

.b-radius-100 {
	border-radius: 100%;
}

/* z index */
.z-index-1 {
	z-index: 1;
}

.z-index-9 {
	z-index: 9;
}

.z-index-99 {
	z-index: 99;
}

.z-index-999 {
	z-index: 999;
}

.w-space {
	white-space: nowrap;
}

.grayscale,
.img-grayscale {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.grayscale:hover {
	-webkit-filter: inherit;
	filter: inherit;
}

/*************************
			 Responsive
*************************/
@media (max-width: 767px) {
	.h-sm-600 {
		height: 600px;
	}

	.h-sm-500 {
		height: 500px;
	}

	.h-sm-400 {
		height: 400px;
	}

	.h-sm-300 {
		height: 300px;
	}

	.p-6 {
		padding: 3rem !important;
	}

	.pt-6 {
		padding-top: 3rem !important;
	}

	.pb-6 {
		padding-bottom: 3rem !important;
	}

	.pl-6 {
		padding-left: 3rem !important;
	}

	.pr-6 {
		padding-right: 3rem !important;
	}

	/* comming soon */
	.coming-soon {
		height: 100% !important;
		padding-bottom: 50px !important;
		padding-top: 100px !important;
	}
}

@media (min-width: 1200px) {
	.display-1 {
		font-size: 5.5rem;
	}
}

/*****************************
	Shortcodes
*****************************/
/*****************************
	Accordion
*****************************/
.accordion .card {
	border: none;
}

.accordion .card:last-child .card-header {
	margin-bottom: 0;
}

.accordion .card-body {
	padding: 35px 45px 45px 62px;
}

.accordion .card-header {
	background: none;
	border-bottom: none;
	padding: 0;
}

.accordion>.card .card-header {
	margin-bottom: 10px;
}

.accordion .accordion-icon.card-header button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: var(--hx-theme-color);
	font-size: 18px;
	color: #ffffff;
	padding: 32px 30px 32px 62px;
	width: 100%;
	text-align: left;
	border: none;
	font-weight: normal;
	position: relative;
	border-radius: 5px;
	font-weight: 500;
}

.accordion .accordion-icon.card-header .btn:after {
	content: "\f062";
	margin-left: auto;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
}

.accordion .accordion-icon.card-header button.collapsed {
	background: var(--hx-block-color);
}

.accordion .accordion-icon.card-header button.collapsed:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

/*****************************
	Feature Info
*****************************/
.feature-info .feature-info-icon {
	color: var(--hx-theme-color);
	font-size: 60px;
	line-height: 1;
	margin-bottom: 15px;
}

/* Style 01 */
.feature-info-style-01 {
	background: #ffffff;
	padding: 45px;
	overflow: hidden;
	position: relative;
	-webkit-box-shadow: 2px 2px 4px 0px rgba(2, 45, 98, 0.1);
	box-shadow: 2px 2px 4px 0px rgba(2, 45, 98, 0.1);
	border-radius: 5px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.feature-info-style-01:hover {
	background: var(--hx-block-color);
}

.feature-info-style-01:hover .feature-info-icon {
	top: -90px;
}

.feature-info-style-01:hover .feature-info-content {
	margin-top: 0;
	margin-bottom: 80px;
}

.feature-info-style-01:hover .feature-info-content .feature-info-title {
	color: #ffffff;
}

.feature-info-style-01:hover .feature-info-content p {
	color: #ffffff;
}

.feature-info-style-01:hover .feature-info-content .icons-btn {
	bottom: 45px;
}

.feature-info-style-01 .feature-info-icon {
	margin-bottom: 25px;
	position: absolute;
	top: 45px;
}

.feature-info-style-01 .feature-info-content {
	margin-top: 80px;
}

.feature-info-style-01 .feature-info-content .icons-btn {
	position: absolute;
	bottom: -90px;
}

.feature-info,
.feature-info .feature-info-icon,
.feature-info .feature-info-content,
.feature-info .feature-info-content .feature-info-title,
.feature-info .feature-info-content p,
.feature-info-style-05 .feature-info-icon i,
.feature-info-style-05 .feature-info-icon i:after,
.feature-info-style-06 .feature-info-number,
.feature-info-style-06 .feature-info-number span,
.feature-info-style-08 .feature-info-item .feature-info-number span,
.feature-info-style-08 .feature-info-item .feature-info-number span:after {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* Style 02 */
.feature-info-style-02 {
	background: #ffffff;
	padding: 35px;
	overflow: hidden;
	position: relative;
	-webkit-box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
	box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
	border-radius: 5px;
	cursor: pointer;
}

.feature-info-style-02 .feature-info-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 15px;
	position: inherit;
	top: 0;
}

.feature-info-style-02 .feature-info-bg-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-size: cover;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.feature-info-style-02 .feature-info-bg-img:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(2, 45, 98, 0.5);
	z-index: 9;
	width: 100%;
	height: 100%;
}

.feature-info-style-02:hover .feature-info-bg-img {
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.feature-info-style-02:hover .feature-info-content .icons-btn {
	opacity: 1;
}

.feature-info-style-02 .feature-info-content .icons-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	z-index: 10;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* Style 03 */
.feature-info-style-03 {
	padding: 45px;
	background: #f6f6f6;
	border-radius: 5px;
}

/* Style 04 */
.feature-info-style-04 {
	padding: 45px;
	background: #f6f6f6;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
}

.feature-info-style-04:hover {
	background: var(--hx-block-color);
}

.feature-info-style-04:hover .feature-info-content .feature-info-title {
	position: absolute;
	top: -55px;
}

.feature-info-style-04:hover .feature-info-content p {
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 50px;
}

.feature-info-style-04:hover .feature-info-content .btn {
	bottom: 35px;
}

.feature-info-style-04 .feature-info-content .feature-info-title {
	position: absolute;
	top: 45px;
}

.feature-info-style-04 .feature-info-content p {
	margin-top: 50px;
	margin-bottom: 0;
}

.feature-info-style-04 .feature-info-content .btn {
	position: absolute;
	bottom: -55px;
}

/* Style 05 */
.feature-info-style-05 .feature-info-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 45px;
}

.feature-info-style-05 .feature-info-icon i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #f6f6f6;
	color: var(--hx-block-color);
	width: 144px;
	height: 144px;
	position: relative;
	border-radius: 50%;
}

.feature-info-style-05 .feature-info-icon i:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #f6f6f6;
	border-width: 9px;
	margin-left: -9px;
	margin-top: -1px;
}

.feature-info-style-05:before {
	content: "";
	border-top: 2px dotted var(--hx-block-color);
	width: 52px;
	display: inline-block;
	position: absolute;
	right: -26px;
	top: 70px;
}

.feature-info-style-05:hover .feature-info-icon i {
	background: var(--hx-theme-color);
	color: #ffffff;
}

.feature-info-style-05:hover .feature-info-icon i:after {
	border-top-color: var(--hx-theme-color);
}

.row [class*=col]:last-child .feature-info-style-05:before {
	content: none;
}

/* Style 06 */
.feature-info-style-06 .feature-info-img {
	margin-bottom: 30px;
}

.feature-info-style-06 .feature-info-img img {
	border-radius: 5px;
}

.feature-info-style-06 .feature-info-number {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 2px solid #eeeeee;
	position: relative;
}

.feature-info-style-06 .feature-info-number:after {
	content: "";
	height: 2px;
	background: #f6f6f6;
	width: 0%;
	position: absolute;
	bottom: -2px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.feature-info-style-06 .feature-info-number span {
	color: var(--hx-block-color);
	font-size: 48px;
	line-height: 1;
	font-weight: bold;
	opacity: 0.1;
	position: relative;
}

.feature-info-style-06 .feature-info-number .feature-info-title {
	-ms-flex-item-align: center;
	align-self: center;
}

.feature-info-style-06:hover .feature-info-number:after {
	width: 100%;
	background: var(--hx-block-color);
}

.feature-info-style-06:hover .feature-info-number span {
	color: var(--hx-theme-color);
	opacity: 0.5;
}

.feature-info-style-06 .feature-info-content p {
	-ms-flex-item-align: center;
	align-self: center;
}

.dark-background .feature-info-style-06:hover .feature-info-number span {
	color: var(--hx-theme-color);
	opacity: 0.5;
}

/* Dark Background */
.dark-background .feature-info-style-06 .feature-info-number {
	border-bottom-color: rgba(255, 255, 255, 0.1);
}

.dark-background .feature-info-style-06 .feature-info-number span {
	color: #ffffff;
	opacity: 0.1;
}

.dark-background .feature-info-style-06 .feature-info-number .feature-info-title {
	color: #ffffff;
}

.dark-background .feature-info-style-06:hover .feature-info-number {
	border-bottom-color: #ffffff;
}

.dark-background .feature-info-style-06:hover .feature-info-number:after {
	background: #ffffff;
}

.dark-background .feature-info-style-06 .feature-info-content p {
	color: #ffffff;
}

/* Style 07 */
.feature-info-style-07 {
	position: relative;
}

.feature-info-style-07 .feature-info-img img {
	border-radius: 5px;
}

.feature-info-style-07 .feature-info-content {
	padding: 30px 0 10px;
	background: #ffffff;
	position: relative;
}

.feature-info-style-07 .feature-info-content .feature-info-title {
	margin-bottom: 25px;
}

.feature-info-style-07 .feature-info-content .icons-btn {
	position: absolute;
	bottom: -40px;
	left: 0;
	opacity: 0;
}

.feature-info-style-07:hover .feature-info-content {
	margin-top: -40px;
	padding-bottom: 50px;
}

.feature-info-style-07:hover .feature-info-content .icons-btn {
	bottom: 0px;
	opacity: 1;
}

/* Style 08 */
.feature-info-style-08 .feature-info-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 90px;
	position: relative;
}

.feature-info-style-08 .feature-info-item:before {
	position: absolute;
	top: 0;
	content: "";
	left: 38px;
	height: 100%;
	width: 2px;
	background: #f6f6f6;
}

.feature-info-style-08 .feature-info-item:last-child {
	padding-bottom: 0;
}

.feature-info-style-08 .feature-info-item:last-child:before {
	position: relative;
	content: none;
}

.feature-info-style-08 .feature-info-item:hover .feature-info-number span {
	background: var(--hx-theme-color);
	color: #ffffff;
}

.feature-info-style-08 .feature-info-item:hover .feature-info-number span:after {
	border-left-color: var(--hx-theme-color);
}

.feature-info-style-08 .feature-info-inner {
	position: relative;
}

.feature-info-style-08 .feature-info-number span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: var(--hx-theme-color);
	color: var(--hx-block-color);
	font-size: 24px;
	width: 74px;
	height: 74px;
	margin-right: 25px;
	font-weight: bold;
	border-radius: 50%;
	position: relative;
	background: #f6f6f6;
}

.feature-info-style-08 .feature-info-number span:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(246, 246, 246, 0);
	border-left-color: #f6f6f6;
	border-width: 6px;
	margin-top: -6px;
	margin-left: -1px;
}

.feature-info-style-08 .feature-info-content {
	margin-top: 28px;
}

.dark-background .feature-info-style-08 .feature-info-inner:before {
	border-left-color: rgba(246, 246, 246, 0.1);
}

.dark-background .feature-info-style-08 .feature-info-content .feature-info-title {
	color: #ffffff;
}

.dark-background .feature-info-style-08 .feature-info-content p {
	color: #ffffff;
	opacity: 0.5;
}

@media (max-width: 1199px) {
	.feature-info-style-04 {
		padding: 45px 25px;
	}
}

@media (max-width: 991px) {
	.feature-info-style-03 {
		padding: 20px;
	}

	.feature-info-style-04 {
		padding: 45px 15px;
	}

	.feature-info-style-05 .feature-info-icon {
		margin-bottom: 35px;
	}

	.feature-info-style-08 .feature-info-item {
		margin-bottom: 0px;
		padding-bottom: 40px;
	}
}

@media (max-width: 767px) {
	.feature-info-style-02 {
		padding: 20px;
	}

	.feature-info-style-05:before {
		content: none;
	}

	.feature-info-style-05 .feature-info-icon {
		margin-bottom: 25px;
	}

	.feature-info-style-05 .feature-info-content .feature-info-title {
		margin-bottom: 5px;
	}

	.feature-info-style-06 .feature-info-img {
		margin-bottom: 20px;
	}

	.feature-info-style-06 .feature-info-number {
		padding-bottom: 20px;
	}

	.feature-info-style-07 .feature-info-content .feature-info-title {
		margin-bottom: 15px;
	}

	.feature-info-style-08 .feature-info-number span {
		font-size: 16px;
		width: 54px;
		height: 54px;
		margin-right: 15px;
	}

	.feature-info-style-08 .feature-info-inner:before {
		left: 28px;
	}

	.feature-info-style-08 .feature-info-item {
		padding-bottom: 30px;
	}

	.feature-info-style-08 .feature-info-item:before {
		left: 28px;
	}

	.feature-info-style-08 .feature-info-content {
		margin-top: 18px;
	}
}

/*****************************
	Team
*****************************/
.team {
	text-align: center;
	position: relative;
}

.team .team-img img {
	border-radius: 5px;
}

.team:hover .team-img {
	z-index: 9;
	position: relative;
}

.team:hover .team-info {
	z-index: 9;
	position: relative;
}

.team:hover .team-info ul {
	opacity: 1;
	bottom: -35px;
}

.team:hover .team-bg {
	opacity: 1;
	z-index: 5;
}

.team .team-info {
	padding: 20px 0px 0px;
}

.team .team-info .team-name {
	color: var(--hx-block-color);
	font-size: 13px;
	font-weight: 600;
}

.team .team-info .team-name:hover {
	color: var(--hx-theme-color);
}

.team .team-info p {
	font-size: 11px;
	margin-bottom: 20px;
}

.team .team-info ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 0;
	position: absolute;
	bottom: -25px;
	left: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.team .team-info ul li {
	margin: 0 12px;
}

.team .team-info ul li a {
	color: var(--hx-block-color);
}

.team .team-info ul li a:hover {
	color: var(--hx-theme-color);
}

.team .team-bg {
	background: #ffffff;
	position: absolute;
	left: -10%;
	top: -10%;
	width: 120%;
	height: 134%;
	z-index: 4;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 5px;
	-webkit-box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
	box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
}

.apply-position .team-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: var(--hx-block-color);
	padding: 0;
	border-radius: 3px;
	font-size: 110px;
	min-height: 173px;
	color: rgba(255, 255, 255, 0.1);
}

.apply-position .btn {
	padding: 0;
	font-size: 13px;
}

.apply-position .btn:after {
	margin-left: 10px;
}

@media (max-width: 575px) {
	.team .team-img img {
		width: 100%;
	}
}

/*****************************
		Testimonial
*****************************/
.testimonial .owl-item {
	padding: 0 2%;
}

.testimonial .testimonial-item .testimonial-avatar {
	margin-bottom: 40px;
	background: #ffffff;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0px auto 40px;
}

.testimonial .testimonial-item .testimonial-content {
	margin-bottom: 30px;
}

.testimonial .testimonial-item .testimonial-content p {
	font-size: 26px;
	color: var(--hx-block-color);
	line-height: 1.4;
}

.testimonial .testimonial-item .testimonial-author .testimonial-name h6 {
	font-weight: 700;
}

.row-background .testimonial-item .testimonial-content p {
	color: #ffffff;
}

.row-background .testimonial-item .testimonial-author {
	color: #ffffff;
}

.row-background .testimonial-item .testimonial-author .testimonial-name h6 {
	color: var(--hx-theme-color);
}

/* style 02 */
.testimonial-style-02 {
	-webkit-box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
	box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
	border-radius: 5px;
	/* testimonial-item-sm */
}

.testimonial-style-02 .testimonial-item {
	padding: 0 15%;
	margin-top: -70px;
	position: relative;
	z-index: 9;
}

.testimonial-style-02 .testimonial-item .testimonial-content p {
	font-size: 18px;
	color: #000000;
	font-style: italic;
}

.testimonial-style-02 .testimonial-item .testimonial-author {
	margin-bottom: 20px;
}

.testimonial-style-02 .testimonial-item .testimonial-avatar {
	width: 120px;
	height: 120px;
	margin: 0 auto;
}

.testimonial-style-02 .item .svg-item svg {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: auto;
}

.testimonial-style-02 .testimonial-item-sm {
	padding: 0 15%;
	margin-top: -50px;
	position: relative;
	z-index: 9;
}

.testimonial-style-02 .testimonial-item-sm .testimonial-content p {
	font-size: 18px;
	color: #000000;
	font-style: italic;
}

.testimonial-style-02 .testimonial-item-sm .testimonial-avatar-sm {
	width: 90px;
	height: 90px;
	margin: 0 auto;
}

.testimonial-style-02.owl-carousel .owl-nav {
	width: auto;
	display: inline-block;
	position: relative;
	bottom: -20px;
	-webkit-box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
	box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
	padding: 8px 10px;
	border-radius: 5px;
	background: #ffffff;
}

.testimonial-style-02.owl-carousel .owl-nav .owl-next {
	position: relative;
	top: 0;
	-webkit-transform: inherit;
	transform: inherit;
	right: 0;
}

.testimonial-style-02.owl-carousel .owl-nav .owl-prev {
	position: relative;
	top: 0;
	-webkit-transform: inherit;
	transform: inherit;
	left: 0;
}

.testimonial-style-02.owl-carousel .owl-nav i {
	font-size: 14px;
	padding: 0 10px;
}

.testimonial-style-02.owl-carousel .testimonial-img {
	position: relative;
}

.video-image {
	position: relative;
}

.video-image img {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.popup-icon {
	display: block;
}

.popup-icon i {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 32px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	width: 70px;
	height: 70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 5px;
	border: 7px solid #ffffff;
	border-radius: 50%;
	color: #ffffff;
}

/*****************************
		testimonial-style-03
*****************************/
.testimonial-style-03 {
	position: relative;
}

.testimonial-style-03 .testimonial-content .quotes {
	position: absolute;
	font-size: 40px;
	z-index: 0;
	color: #ffffff;
	right: 20px;
	bottom: 20px;
}

.testimonial-style-03 .testimonial-content .testimonial-des {
	font-size: 18px;
	margin-top: 10px;
}

@media (max-width: 991.98px) {
	.testimonial-item .testimonial-content p {
		font-size: 20px;
	}
}

@media (max-width: 767.98px) {
	.testimonial-item .testimonial-avatar {
		margin-bottom: 20px;
	}

	.testimonial-item .testimonial-content {
		margin-bottom: 20px;
	}

	.testimonial-item .testimonial-content p {
		font-size: 16px;
	}

	.testimonial-style-02 .testimonial-item {
		padding: 0 5%;
	}

	.testimonial-style-02 .item .svg-item {
		display: none;
	}

	.popup-icon i {
		width: 50px;
		height: 50px;
		font-size: 20px;
	}
}

@media (max-width: 575.98px) {
	.testimonial-style-02 .testimonial-item {
		margin-top: 20px;
	}

	.testimonial-style-02 .testimonial-item .testimonial-avatar {
		width: 80px;
		height: 80px;
	}
}

/*****************************
	Shortcodes
*****************************/
/*****************************
	Accordion
*****************************/
.accordion .card {
	border: none;
}

.accordion .card:last-child .card-header {
	margin-bottom: 0;
}

.accordion .card-body {
	padding: 35px 45px 45px 62px;
}

.accordion .card-header {
	background: none;
	border-bottom: none;
	padding: 0;
}

.accordion>.card .card-header {
	margin-bottom: 10px;
}

.accordion .accordion-icon.card-header button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: var(--hx-theme-color);
	font-size: 18px;
	color: #ffffff;
	padding: 32px 30px 32px 62px;
	width: 100%;
	text-align: left;
	border: none;
	font-weight: normal;
	position: relative;
	border-radius: 5px;
	font-weight: 500;
}

.accordion .accordion-icon.card-header .btn:after {
	content: "\f062";
	margin-left: auto;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
}

.accordion .accordion-icon.card-header button.collapsed {
	background: var(--hx-block-color);
}

.accordion .accordion-icon.card-header button.collapsed:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

/*****************************
	Newsletter
*****************************/
.newsletter {
	position: relative;
}

.newsletter .form-control {
	padding-right: 150px;
}

.newsletter .btn {
	position: absolute;
	right: 0;
	line-height: 20px;
	top: 0;
	padding: 13px 30px;
}

/*****************************
	Counter
*****************************/
.counter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px 0px;
}

.counter .counter-icon i {
	color: white;
	margin-right: 25px;
	font-size: 70px;
	line-height: 70px;
}

.counter .counter-content {
	-ms-flex-item-align: center;
	align-self: center;
}

.counter .counter-content .timer {
	position: relative;
	font-size: 36px;
	line-height: 36px;
	font-weight: 700;
	font-family: "Sunsive", sans-serif;
	color: #ffffff;
	margin-bottom: 10px;
	display: block;
}

.counter .counter-content label {
	display: block;
	color: #ffffff;
	margin-bottom: 0;
}

/* Counter 02 */
.counter.counter-02 .counter-content .timer {
	color: var(--hx-block-color);
}

.counter.counter-02 .counter-content label {
	color: #626262;
}

.counter.counter-02 .counter-icon i {
	color: #dfdfdf;
}

/* Counter 03 */
.counter.counter-03 {
	background: var(--hx-theme-color);
	padding: 32px;
	text-align: center;
	display: block;
	border-radius: 5px;
}

/*****************************
	Tabs
*****************************/
.nav-pills .nav-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: var(--hx-block-color);
	font-size: 22px;
	line-height: 1;
	padding: 20px 0px;
	font-weight: 600;
	border-radius: 0;
	position: relative;
}

.nav-pills .nav-link:hover {
	color: var(--hx-theme-color);
	background: transparent;
}

.nav-pills .nav-link:hover:after {
	opacity: 1;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	right: 0;
}

.nav-pills .nav-link:hover .data-hover {
	-webkit-transform: translate3d(0px, 0px, -30px) rotateX(90deg);
	transform: translate3d(0px, 0px, -30px) rotateX(90deg);
}

.nav-pills .nav-link:after {
	content: '\f061';
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	opacity: 0;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.nav-pills .nav-link .data-hover {
	display: block;
	position: relative;
	-webkit-transition: .5s ease-in-out all;
	transition: .5s ease-in-out all;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 100%;
	font-weight: 500;
}

.nav-pills .nav-link .data-hover span {
	margin-right: 20px;
}

.nav-pills .nav-link .data-hover:before {
	display: block;
	content: attr(data-title);
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: .5s ease-in-out all;
	transition: .5s ease-in-out all;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform: translate3d(0px, 105%, 0px) rotateX(-90deg);
	transform: translate3d(0px, 105%, 0px) rotateX(-90deg);
	font-weight: bold;
	width: 100%;
}

.nav-pills .nav-link.active {
	color: var(--hx-theme-color);
	background: transparent;
}

.nav-pills .nav-link.active:after {
	opacity: 1;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	right: 0;
}

.nav-pills .nav-link.active .data-hover {
	-webkit-transform: translate3d(0px, 0px, -30px) rotateX(90deg);
	transform: translate3d(0px, 0px, -30px) rotateX(90deg);
}

.nav-pills .show>.nav- {
	color: var(--hx-theme-color);
	background: transparent;
}

.nav-pills .show>.nav-link {
	color: var(--hx-theme-color);
	background: transparent;
}

.nav-tabs.nav-tabs-02 {
	border: none;
}

.nav-tabs.nav-tabs-02 .nav-link {
	border: none;
	color: var(--hx-block-color);
	font-weight: 700;
	background: #f6f6f6;
	border-radius: 50px;
	margin-right: 10px;
	padding: 12px 28px;
	margin-bottom: 10px;
}

.nav-tabs.nav-tabs-02 .nav-link.active {
	color: #ffffff;
	background: var(--hx-theme-color);
}

.nav-tabs.nav-tabs-02 .nav-link:hover {
	color: #ffffff;
	background: var(--hx-theme-color);
}

@media (max-width: 1199px) {
	.nav-pills .nav-link {
		font-size: 18px;
	}
}

@media (max-width: 991px) {
	.nav-pills .nav-link {
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.accordion .accordion-icon.card-header button {
		padding: 22px 20px 22px 52px;
	}

	.accordion .card-body {
		padding: 25px 25px 35px 52px;
	}

	.nav-pills.flex-column {
		-webkit-box-orient: inherit !important;
		-webkit-box-direction: inherit !important;
		-ms-flex-direction: inherit !important;
		flex-direction: inherit !important;
	}

	.nav-pills .nav-link {
		padding: 0 25px 25px 0;
		font-size: 16px;
	}

	.nav-pills .nav-link.active:after {
		content: none;
	}
}

@media (max-width: 575px) {
	.accordion .accordion-icon.card-header button {
		font-size: 16px;
		padding: 20px;
		line-height: 22px;
	}

	.accordion .card-body {
		padding: 20px;
	}
}

/*****************************
	Owl Carousel
*****************************/
.owl-carousel .owl-item img {
	width: auto;
	display: inherit;
}

.owl-carousel .owl-nav {
	cursor: pointer;
	z-index: 999;
	width: 100%;
}

.owl-carousel .owl-nav .owl-prev {
	display: block;
	position: absolute;
	text-indent: inherit;
	width: auto;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	left: 0px;
	display: block;
	position: absolute;
	text-indent: inherit;
	top: 55%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0 !important;
	display: inline-block;
	margin: 14px 2px 0;
}

.owl-carousel .owl-nav .owl-next {
	display: block;
	position: absolute;
	text-indent: inherit;
	width: auto;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	right: 0px;
	display: block;
	position: absolute;
	text-indent: inherit;
	top: 55%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0 !important;
	display: inline-block;
	margin: 14px 2px 0;
}

.owl-carousel .owl-nav i {
	font-size: 24px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color: var(--hx-block-color);
	opacity: 0.4;
}

.owl-carousel .owl-nav i:hover {
	color: var(--hx-block-color);
	opacity: 1;
}

.row-background .owl-carousel .owl-nav i {
	color: #ffffff;
	opacity: 0.4;
}

.row-background .owl-carousel .owl-nav i:hover {
	color: #ffffff;
	opacity: 1;
}

.owl-carousel .owl-dots {
	text-align: center;
	margin-top: 20px;
}

.owl-carousel button.owl-dot {
	width: 9px;
	height: 9px;
	background: var(--hx-block-color) !important;
	border-radius: 50%;
	margin-right: 10px;
	opacity: 0.5;
}

.owl-carousel button.owl-dot.active {
	background: var(--hx-theme-color) !important;
	opacity: 1;
}

@media (max-width: 991px) {
	.owl-carousel .owl-nav .owl-next {
		right: 0;
	}

	.owl-carousel .owl-nav .owl-prev {
		left: 0;
	}
}

/*****************************
	Pricing Table
*****************************/
.pricing-tab {
	text-align: center;
}

.pricing-tab span {
	vertical-align: middle;
}

.pricing-tab .monthly-tab {
	font-weight: 700;
	font-size: 18px;
	color: var(--hx-block-color);
}

.pricing-tab .yearly-tab {
	font-weight: 700;
	font-size: 18px;
	color: var(--hx-block-color);
}

.pricing-tab .pricing-tab-switcher {
	height: 32px;
	width: 60px;
	background: #ffffff;
	display: inline-block;
	border-radius: 30px;
	position: relative;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin: 0 10px;
	border: 2px solid var(--hx-theme-color);
}

.pricing-tab .pricing-tab-switcher:before {
	content: '';
	position: absolute;
	left: 4px;
	top: 4px;
	background: var(--hx-theme-color);
	width: 20px;
	height: 20px;
	border-radius: 100%;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.pricing-tab .pricing-tab-switcher.active:before {
	left: calc(100% - 24px);
}

.pricing {
	padding: 30px 20px;
	text-align: center;
	-webkit-box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
	box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
	border-radius: 5px;
}

.pricing .pricing-title {
	margin-bottom: 20px;
}

.pricing .pricing-price {
	display: inline-block;
	position: relative;
	color: #626262;
	font-weight: 600;
	margin-top: 30px;
}

.pricing .pricing-price sup {
	position: absolute;
	top: 15px;
	left: -20px;
	font-size: 24px;
	color: var(--hx-block-color);
}

.pricing .pricing-price strong {
	color: var(--hx-block-color);
	font-size: 70px;
	line-height: 70px;
	padding-right: 10px;
	font-weight: 500;
}

.pricing .yearly-price {
	display: none;
}

.pricing .change-pricing-price .yearly-price {
	display: block;
}

.pricing .change-pricing-price .monthly-price {
	display: none;
}

.pricing .pricing-list {
	margin-top: 30px;
	margin-bottom: 30px;
}

.pricing .pricing-list li {
	padding: 6px 0;
	color: #626262;
	font-weight: 600;
}

.pricing .pricing-list li:last-child {
	padding-bottom: 0;
}

.pricing.active {
	background: var(--hx-block-color);
	color: #ffffff;
}

.pricing.active .pricing-list li {
	color: #ffffff;
}

.pricing.active .pricing-title {
	color: #ffffff;
}

.pricing.active .pricing-price {
	color: #ffffff;
}

.pricing.active sup {
	color: #ffffff;
}

.pricing.active strong {
	color: var(--hx-theme-color);
}

.pricing.active .btn-round {
	color: #ffffff;
}

.pricing.active .btn-round:hover {
	color: #ffffff;
}

.pricing.active .btn-light-round:before {
	background-color: var(--hx-theme-color);
	opacity: 1;
}

.switch {
	display: inline-block;
	width: 60px;
	height: 30px;
	margin: 0px 15px;
	position: relative;
}

.switch .switch-btn {
	margin-bottom: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.switch .switch-btn span {
	font-size: 18px;
	color: var(--hx-block-color);
	font-weight: 600;
}

.switch input {
	display: none;
}

/*****************************
	Countdown
*****************************/
.countdown-wrapper {
	border-radius: 5px;
	overflow: hidden;
}

.countdown {
	padding: 20px;
	width: 140px;
	position: relative;
}

.countdown span {
	font-size: 54px;
	line-height: 60px;
	font-weight: 600;
	color: #ffffff;
}

.countdown p {
	font-size: 18px;
	text-transform: capitalize;
	margin-bottom: 0;
	color: var(--hx-block-color);
}

.countdown.countdown-last {
	position: absolute;
	bottom: 0;
	left: 140px;
}

.countdown-small span {
	font-size: 24px;
	line-height: 24px;
}

.countdown-small p {
	font-size: 14px;
}

@media (max-width: 767px) {
	.countdown span {
		font-size: 34px;
		line-height: 40px;
	}

	.countdown p {
		font-size: 16px;
	}
}

/*****************************
	Button
*****************************/
/*  */
.btn {
	font-size: 16px;
	font-weight: bold;
	padding: 14px 28px;
	line-height: 1;
	border-radius: 50px;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-decoration: none;
}

.btn:not(:disabled):not(.disabled).active:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}
.avatar-sm {
  height: 2.5rem!important;
  width: 2.5rem!important;
}
a.icons-btn:hover,	
.btn:not(:disabled):not(.disabled):active:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
	color: #ffffff!important;
}

.btn:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}

.btn:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
	color: #ffffff;
}

.btn:active {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
	color: #ffffff;
}

button {
	outline: medium none !important;
	color: var(--hx-theme-color);
}

.btn-link:after {
	margin-left: 12px;
}

.show>.btn.dropdown-toggle:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
	color: #ffffff;
}

.show>.btn-primary.dropdown-toggle {
	background: var(--hx-theme-color);
	border-color: var(--hx-theme-color);
}

.btn-primary {
	background: var(--hx-theme-color) !important;
	border-color: var(--hx-theme-color) !important;
}

.btn-primary:hover {
	background: var(--hx-block-color) !important;
	border-color: var(--hx-block-color) !important;
}

.btn-primary:hover:not(:disabled):not(.disabled).active {
	background: var(--hx-theme-color) !important;
	border-color: var(--hx-theme-color) !important;
}

.btn-primary:hover:not(:disabled):not(.disabled):active {
	background: var(--hx-theme-color) !important;
	border-color: var(--hx-theme-color) !important;
}

.btn-primary:not(:disabled):not(.disabled):active:focus {
	background: var(--hx-theme-color) !important;
	border-color: var(--hx-theme-color) !important;
}

.btn-dark {
	background: var(--hx-block-color) !important;
	border-color: var(--hx-block-color) !important;
}

.btn-dark:hover {
	background: var(--hx-theme-color) !important;
	border-color: var(--hx-theme-color) !important;
}

.btn:not(:disabled):not(.disabled).active:focus {
	color: #ffffff !important;
}

.btn-link {
	color: var(--hx-theme-color) !important;
	padding: 0;
}

.btn-link:hover {
	color: var(--hx-block-color);
	text-decoration: none;
	outline: none;
}

.btn-link:focus {
	color: var(--hx-block-color);
	text-decoration: none;
	outline: none;
}

.btn.btn-link:not(:disabled):not(.disabled):active:focus {
	color: var(--hx-block-color);
}

.btn-white {
	background: #ffffff !important;
	border-color: #ffffff !important;
	color: var(--hx-block-color) !important;
}

.btn-white:hover {
	background: var(--hx-theme-color) !important;
	border-color: var(--hx-theme-color) !important;
	color: #ffffff !important;
}

.btn-white:active {
	color: #ffffff !important;
}

.btn-white:focus {
	color: #ffffff !important;
}

.btn.btn-white:not(:disabled):not(.disabled):active:focus {
	color: var(--hx-block-color);
}

.btn-light:active {
	color: var(--hx-block-color);
}

.btn-light:focus {
	color: var(--hx-block-color) !important;
}

.btn.btn-light:not(:disabled):not(.disabled):active:focus {
	color: var(--hx-block-color);
}


.btn.btn-md {
	padding: 8px 30px;
}

.btn.btn-lg {
	padding: 17px 64px;
	font-size: 18px;
}

.btn-app {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.btn-app i {
	font-size: 40px;
}


.btn-round:before {
	content: '';
	width: 60px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50px !important;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: -1;
	opacity: 0.8;
	-webkit-border-radius: 50px !important;
	-moz-border-radius: 50px !important;
	-ms-border-radius: 50px !important;
	-o-border-radius: 50px !important;
}

.right-round:before {
	right: 0;
	left: auto;
}

.bg-dark .btn-primary-round:before {
	opacity: 1;
}

.btn-round:hover:before {
	width: 100%;
}

.btn-round,
.btn-round:hover {
	color: var(--hx-block-color);
}

.btn-primary-round:before {
	background-color: var(--hx-theme-color) !important;
}

.btn-light-round:before {
	background-color: #f6f6f6 !important;
}

.btn-round.btn-dark-round,
.btn-round.btn-dark-round:hover,
.btn-round.btn-dark-round:focus,
.btn.btn-round.btn-dark-round:not(:disabled):not(.disabled):active:focus {
	color: var(--hx-theme-color) !important;
}

.btn-round.btn-dark-round:hover {
	color: #ffffff !important;
}

.btn-dark-round:before {
	background-color: var(--hx-block-color) !important;
	opacity: 1;
}

a.text-primary:focus,
a.text-primary:hover {
	color: var(--hx-theme-color) !important;
}

.btn-white-round:before {
	background-color: #ffffff !important;
}

.btn-round:focus,
.btn.btn-round:not(:disabled):not(.disabled):active:focus {
	color: var(--hx-block-color) !important;
}

.dark-background .btn-round:before {
	opacity: 1;
}

/* Button Outline */
.btn-outline-primary {
	color: var(--hx-theme-color) !important;
	border-color: var(--hx-theme-color) !important;
}

.btn.btn-outline-primary:focus {
	color: var(--hx-theme-color) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
	background-color: var(--hx-theme-color) !important;
	border-color: var(--hx-theme-color) !important;
}

.btn-outline-dark {
	color: var(--hx-block-color) !important;
	border-color: var(--hx-block-color) !important;
}

.btn-outline-dark:focus {
	color: var(--hx-block-color) !important;
}

.btn-outline-dark:hover,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
	background-color: var(--hx-block-color) !important;
	border-color: var(--hx-block-color) !important;
}

.btn-primary-round.btn-round:hover {
	color: #ffffff !important;
}

/* Group Button */
.btn-group .btn:after {
	content: none;
}

.icons-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 40px;
	height: 40px;
	text-align: center;
	background: var(--hx-theme-color);
	border-radius: 50%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-item-align: center;
	align-self: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #ffffff;
}

.icons-btn {
	opacity: 1;
}

.icons-btn.btn-animation {
	opacity: 1;
}

.icons-btn-lg {
	width: 80px;
	height: 80px;
}

.icons-btn-md {
	width: 60px;
	height: 60px;
}

.icons-btn-sm {
	width: 40px;
	height: 40px;
}

.icons-btn-all-center {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.btn-animation:before {
	content: "";
	position: absolute;
	z-index: -9;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	width: 50px;
	height: 50px;
	background: var(--hx-theme-color);
	border-radius: 50%;
	-webkit-animation: pulse-border 1500ms ease-out infinite;
	animation: pulse-border 1500ms ease-out infinite;
}

.btn-animation.icons-btn-lg:before {
	width: 80px;
	height: 80px;
}

.btn-animation.icons-btn-md:before {
	width: 70px;
	height: 70px;
}

.video-btn.btn-animation {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.video-btn-02 a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.video-btn-02 a span {
	font-weight: 600;
}

.video-btn-02 .btn-animation {
	position: inherit;
	-webkit-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
}

/* keyframes */
@-webkit-keyframes pulse-border {
	0% {
		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0;
	}
}

@keyframes pulse-border {
	0% {
		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0;
	}
}

@-webkit-keyframes sonarWave {
	from {
		opacity: 0.4;
	}

	to {
		-webkit-transform: scale(3);
		transform: scale(3);
		opacity: 0;
	}
}

@keyframes sonarWave {
	from {
		opacity: 0.4;
	}

	to {
		-webkit-transform: scale(3);
		transform: scale(3);
		opacity: 0;
	}
}

@media (max-width: 991px) {
	.btn:after {
		margin-left: 22px;
	}
}

/*****************************
	Case Study
*****************************/
.case-study {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}

.case-study .case-study-title {
	display: block;
	color: var(--hx-block-color);
	font-size: 18px;
	font-weight: 600;
}

.case-study .case-study-title:hover {
	color: var(--hx-theme-color);
}

.case-study .case-study-services {
	display: block;
	margin-bottom: 10px;
}

.case-study .case-study-services:hover {
	color: #ffffff;
}

.case-study .case-study-img {
	background-size: cover;
	min-height: 249px;
	border-radius: 5px;
	background-position: center center;
}

.case-study .case-study-img.case-study-lg {
	min-height: 530px;
}

.case-study .case-study-info {
	padding: 20px;
	width: 90%;
	position: absolute;
	left: 50%;
	bottom: -90px;
	z-index: 2;
	opacity: 0;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	background: #ffffff;
}

.case-study .case-study-info p {
	max-height: 66px;
	overflow: auto;
}

.case-study:hover .case-study-info {
	opacity: 1;
	bottom: 20px;
}

.case-study .case-study-lg+.case-study-info p {
	max-height: 340px;
	overflow: auto;
}

/* style 02 */
.case-study-style-02 {
	position: relative;
}

.case-study-style-02:before {
	position: absolute;
	width: 100%;
	height: 0;
	bottom: 0;
	left: 0;
	top: auto;
	background: rgba(2, 45, 98, 0.85);
	content: "";
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-radius: 5px;
}

.case-study-style-02:hover:before {
	bottom: 0;
	height: 100%;
}

.case-study-style-02 .case-study-title {
	color: #ffffff;
}

.case-study-style-02 .case-study-info {
	background: transparent;
}

.case-study-style-02 .case-study-info p {
	color: #ffffff;
}

.clients-detail {
	margin: 0;
}

.clients-detail li {
	padding-right: 150px;
	margin-top: 20px;
}

.clients-detail li:last-child {
	padding-right: 0px;
}

.case-study-style-03 {
	overflow: hidden;
}

.case-study-style-03 .case-study-img {
	-webkit-transition: -webkit-transform .5s ease-in-out;
	transition: -webkit-transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
	transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
	overflow: hidden;
	border-radius: 0;
}

.case-study-style-03 .case-study-info {
	padding: inherit;
	width: inherit;
	position: relative;
	left: inherit;
	bottom: inherit;
	z-index: 2;
	opacity: inherit;
	border-radius: inherit;
	-webkit-transform: inherit;
	transform: inherit;
	background: #ffffff;
	padding-top: 20px;
}

.case-study-style-03:hover .case-study-info {
	bottom: inherit;
	height: 100%;
	-webkit-transition: -webkit-transform .5s ease-in-out;
	transition: -webkit-transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
	transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
}

.case-study-style-03:hover .case-study-img {
	-webkit-transform: scale(1.07);
	transform: scale(1.07);
	-webkit-transition: -webkit-transform .5s ease-in-out;
	transition: -webkit-transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
	transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
}

.case-study-style-03 .case-study-services:hover {
	color: var(--hx-theme-color);
}

/* Responsive View */
@media (max-width: 1199px) {
	.clients-detail li {
		padding-right: 110px;
	}
}

@media (max-width: 991px) {
	.case-study .case-study-info {
		padding: 20px;
	}

	.clients-detail li {
		padding-right: 50px;
	}
}

@media (max-width: 767px) {
	.clients-detail li {
		padding-right: 50px;
		width: 50%;
		float: left;
	}
}

@media (max-width: 575px) {
	.clients-detail li {
		padding-right: 0px;
		width: 100;
		float: none;
	}
}

/*****************************
	Category
*****************************/
/* Transition */
.category-grid-style-01 .category-item .category-icon,
.category-grid-style-01 .category-item:before,
.category-list-style-01 ul,
ul.category-list li a:after,
.category-box .category-icon,
.category-box:hover .category-icon i,
.category-box:hover .category-icon .category-title,
.category-box-style-02,
.category-box-style-02:before,
.category-box-style-02 ul.category-list {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* Grid Style 01 */
.category-grid-style-01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background: #ffffff;
	-webkit-box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
	box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
	border-radius: 5px;
}

.category-grid-style-01 .category-item {
	padding: 30px;
	text-align: center;
	width: 16.6666%;
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	position: relative;
	cursor: pointer;
}

.category-grid-style-01 .category-item:nth-child(6n+0) {
	border-right: none;
}

.category-grid-style-01 .category-item:before {
	content: "";
	background: #ffffff;
	width: 110%;
	height: 110%;
	display: inline-block;
	position: absolute;
	left: -5%;
	top: -5%;
	z-index: 1;
	opacity: 0;
	-webkit-transform: scale(0.96);
	transform: scale(0.96);
}

.category-grid-style-01 .category-item:hover:before {
	-webkit-box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
	box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.category-grid-style-01 .category-item:hover .category-icon {
	color: var(--hx-theme-color);
}

.category-grid-style-01 .category-item:hover .category-title {
	color: var(--hx-theme-color);
}

.category-grid-style-01 .category-item .category-icon {
	color: #000000;
	font-size: 44px;
	line-height: 1;
	margin-bottom: 10px;
	position: relative;
	z-index: 2;
}

.category-grid-style-01 .category-item .category-title {
	color: var(--hx-block-color);
	font-weight: bold;
	margin-bottom: 0;
	position: relative;
	z-index: 2;
	font-size: 16px;
}

.category-grid-style-01 .show-more-cat {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 60px 0 -20px 0;
	width: 100%;
}

.category-grid-style-01 .show-more-cat a {
	color: var(--hx-block-color);
	font-size: 12px;
	font-weight: bold;
}

.category-grid-style-01 .show-more-cat a:hover {
	color: var(--hx-theme-color);
}

.category-grid-style-01 .show-more-cat i {
	margin: 5px auto 0 auto;
}

/* Grid Style 02 */
.category-grid-style-02 ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0px -15px 0px -15px;
}

.category-grid-style-02 ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 25%;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 45px;
}

.category-grid-style-02 ul li a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	font-size: 18px;
	color: var(--hx-block-color);
	padding-bottom: 35px;
	border-bottom: 1px solid #eeeeee;
}

.category-grid-style-02 ul li a:hover {
	color: var(--hx-theme-color);
}

.category-grid-style-02 ul li:nth-last-child(-n+4) a {
	margin-bottom: 0;
}

/* List Style 01 */
.category-list-style-01 ul.category-list {
	margin-bottom: 0;
	padding: 0 0 15px;
	height: 100%;
	border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.category-list-style-01 ul.category-list:hover {
	border-bottom-color: rgba(255, 255, 255, 0.3);
}

ul.category-list {
	padding-left: 0;
	margin-bottom: 0;
}

ul.category-list li {
	list-style: none;
	margin-bottom: 15px;
}

ul.category-list li a {
	display: inline-block;
	color: #626262;
}

ul.category-list li a:hover {
	color: var(--hx-theme-color);
	font-weight: bold;
}

ul.category-list li a:hover:after {
	margin-left: 10px;
	opacity: 1;
}

ul.category-list li a:after {
	content: '\f061';
	font-family: "Font Awesome 5 Free";
	font-size: 12px;
	font-weight: bold;
	margin-left: -10px;
	opacity: 0;
}

.dark-background ul.category-list li a {
	color: #ffffff;
}

.dark-background ul.category-list li a:hover {
	color: var(--hx-theme-color);
}

/* Category Box Style 01 */
.category-box .category-icon {
	background: #ffffff;
	padding: 40px 30px;
	margin-bottom: 30px;
	text-align: center;
	-webkit-box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
	box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
	border-radius: 5px;
}

.category-box .category-icon i {
	color: var(--hx-theme-color);
	font-size: 80px;
	margin-bottom: 20px;
}

.category-box:hover .category-icon {
	background: var(--hx-block-color);
}

.category-box:hover .category-icon i {
	color: #ffffff;
}

.category-box:hover .category-icon .category-title {
	color: #ffffff;
}

.category-box ul.category-list li {
	margin-bottom: 20px;
}

.category-box ul.category-list li:last-child {
	margin-bottom: 0;
}

.category-box p {
	font-size: 16px;
	text-align: center;
	color: #000000;
	margin-bottom: 0;
}

/* Category Box Style 02 */
.category-box-style-02 {
	padding: 60px 5px;
	border-radius: 5px;
	-webkit-transform: scale(0.98);
	transform: scale(0.98);
}

.category-box-style-02:hover {
	background: var(--hx-block-color);
	-webkit-box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
	box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

.category-box-style-02:hover .category-icon {
	background: transparent;
}

.category-box-style-02:hover ul.category-list {
	opacity: 1;
}

.category-box-style-02 .category-icon {
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
}

.category-box-style-02 ul.category-list {
	opacity: 0;
}

.category-box-style-02 ul.category-list li a {
	color: #ffffff;
}

.category-box-style-02 ul.category-list li a:hover {
	color: var(--hx-theme-color);
}

.category-box-style-02.active {
	background: var(--hx-block-color);
	-webkit-box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
	box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

.category-box-style-02.active .category-icon {
	background: transparent;
}

.category-box-style-02.active .category-icon i {
	color: #ffffff;
}

.category-box-style-02.active .category-icon .category-title {
	color: #ffffff;
}

.category-box-style-02.active ul.category-list {
	opacity: 1;
}

/* category-style-03 */
.category-style-03 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.category-style-03 a.category-item {
	padding: 40px 30px 25px 30px;
}

/* Responsive View */
@media (max-width: 991px) {
	.category-grid-style-01 .category-item {
		width: 25%;
	}

	.category-grid-style-01 .category-item:nth-child(6n+0) {
		border-right: 1px solid #eeeeee;
	}

	.category-grid-style-01 .category-item:nth-child(4n+0) {
		border-right: none;
	}

	.category-box-style-02 {
		padding: 20px 5px;
	}

	.category-grid-style-02 ul li {
		width: 33.3333%;
		margin-bottom: 35px;
	}

	.category-grid-style-02 ul li a {
		padding-bottom: 25px;
	}
}

@media (max-width: 767px) {
	.category-grid-style-01 .category-item {
		width: 33.3333%;
	}

	.category-grid-style-01 .category-item:nth-child(4n+0) {
		border-right: 1px solid #eeeeee;
	}

	.category-grid-style-01 .category-item:nth-child(3n+0) {
		border-right: none;
	}

	.category-grid-style-01 .show-more-cat {
		margin-top: 40px;
	}

	.category-grid-style-02 ul li {
		width: 50%;
		margin-bottom: 25px;
	}

	.category-grid-style-02 ul li a {
		padding-bottom: 15px;
	}
}

@media (max-width: 575px) {
	.category-grid-style-01 .category-item {
		width: 100%;
	}

	.category-grid-style-01 .category-item:nth-child(3n+0) {
		border-right: 1px solid #eeeeee;
	}

	.category-grid-style-01 .category-item:nth-child(2n+0) {
		border-right: none;
	}

	.category-grid-style-02 ul li {
		width: 100%;
		margin-bottom: 15px;
	}
}

/*****************************
	Client
*****************************/
.our-clients {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.our-clients .owl-stage {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
}

.our-clients .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
}

.our-clients .client-title {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 16%;
	flex: 0 0 16%;
}

.our-clients .client-title h5 {
	position: relative;
	z-index: 9;
	margin-bottom: 0;
}

.our-clients .svg-item {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	overflow: hidden;
}

.our-clients .brand-logo {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 64%;
	flex: 0 0 64%;
	overflow: hidden;
	padding-right: 30px;
}

.our-clients .client-btn {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
}

/* style 02 */
.our-clients-style-02 {
	border-radius: 5px;
	padding: 40px 0;
}

.our-clients-style-02 .svg-item {
	border-radius: 5px;
	width: 100%;
	height: 100%;
}

.our-clients-style-02 .svg-item:before {
	position: absolute;
	left: -49px;
	width: 200px;
	height: 200px;
	background: var(--hx-theme-color);
	content: "";
	top: -30px;
	border-radius: 100%;
}

.our-clients-style-02 .svg-item:after {
	position: absolute;
	left: 80px;
	width: 70px;
	height: 70px;
	background: var(--hx-theme-color);
	content: "";
	bottom: -40px;
	border-radius: 100%;
}

@media (max-width: 1199px) {
	.our-clients-style-02 {
		display: block;
		padding: 0;
	}

	.our-clients-style-02 .client-title {
		padding-left: 20px;
		padding: 20px;
		background: var(--hx-theme-color);
	}

	.our-clients-style-02 .svg-item {
		display: none;
	}

	.our-clients-style-02 .brand-logo {
		margin: 40px 20px;
	}

	.our-clients-style-02 .client-btn {
		padding-left: 20px;
		padding-bottom: 20px;
	}
}

/*****************************
	Form Control
*****************************/
/* form-control */
.form-control {
	border: 1px solid #eeeeee;
	border-radius: 0px;
	padding: 10px 20px;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 14px;
	font-weight: 500;
	background: #f6f6f6;
	color: var(--hx-block-color);
	border-radius: 5px;
	background-clip: inherit !important;
}

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

input.form-control {
	height: 48px;
}

.form-control::-moz-placeholder {
	color: #3a4957;
}

.form-control::-ms-input-placeholder {
	color: #3a4957;
}

.form-control::-webkit-input-placeholder {
	color: #3a4957;
}

/* form-dark */
.form-dark .form-control {
	background-color: var(--hx-block-color);
	color: #ffffff;
}

.form-dark .form-control:focus {
	-webkit-box-shadow: 2px 2px 4px 0px rgba(2, 45, 98, 0.1);
	box-shadow: 2px 2px 4px 0px rgba(2, 45, 98, 0.1);
	border-color: var(--hx-theme-color);
}

.form-white .form-control {
	background-color: #ffffff;
	color: #ffffff;
}

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

.form-dark .form-control::-moz-placeholder {
	color: #ffffff;
}

.form-dark .form-control::-ms-input-placeholder {
	color: #ffffff;
}

.form-dark .form-control::-webkit-input-placeholder {
	color: #ffffff;
}

/* custom-file */
.custom-file {
	height: 50px;
}

.custom-file .custom-file-input {
	height: 50px;
	color: var(--hx-block-color);
	border-radius: 5px;
	border-color: #eeeeee;
}

.custom-file .custom-file-input:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: var(--hx-theme-color);
}

.custom-file .custom-file-label {
	height: 50px;
	font-size: 14px;
	font-weight: 600;
	color: var(--hx-block-color);
	border-color: #eeeeee;
	padding: 15px 90px 15px 20px;
	border-radius: 5px;
}

.custom-file .custom-file-label:after {
	height: 48px;
	padding: 14px 25px;
}

.custom-file-input:focus~.custom-file-label {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: var(--hx-theme-color);
}

/* input-group-prepend */
.input-group-prepend .input-group-text,
.input-group-append .input-group-text {
	background: transparent;
	border-color: #eeeeee;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/* checkbox */
.custom-control-input:checked~.custom-control-label:before {
	background: var(--hx-theme-color);
	border-color: var(--hx-theme-color);
}

.custom-control-input:not(:disabled):active~.custom-control-label:before {
	background: transparent;
	border-color: transparent;
}

.custom-control-input:focus~.custom-control-label:before {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.custom-control-input:focus:not(:checked)~.custom-control-label:before {
	border-color: #eeeeee;
}

.custom-control-label:before {
	top: 0px;
}

.custom-control-label:after {
	top: 0px;
}

.custom-checkbox .custom-control-label:before {
	border-radius: 5px;
	border: 2px solid #dfdfdf;
}

/* contact form */
.contact-form-style-02 .inp {
	position: relative;
	margin: auto;
	width: 100%;
}

.contact-form-style-02 .inp .label {
	position: absolute;
	top: 16px;
	left: 0;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
	font-weight: 400;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.contact-form-style-02 .inp .border {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	width: 100%;
	background: var(--hx-theme-color) !important;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border: none !important;
}

.contact-form-style-02 .inp .form-control {
	-webkit-appearance: none;
	width: 100%;
	padding: 0;
	border: 0;
	font-family: inherit;
	font-size: 16px;
	font-weight: 500;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	background: none;
	border-radius: 0;
	color: #ffffff;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.contact-form-style-02 .inp .form-control:hover {
	background: rgba(2, 45, 98, 0.03);
}

.contact-form-style-02 .inp .form-control:not(:-moz-placeholder-shown)+span {
	color: rgba(2, 45, 98, 0.05);
	transform: translateY(-16px) scale(0.75);
	color: rgba(2, 45, 98, 0.05);
	transform: translateY(-16px) scale(0.75);
	display: none;
}

.contact-form-style-02 .inp .form-control:not(:-ms-input-placeholder)+span {
	color: rgba(2, 45, 98, 0.05);
	transform: translateY(-16px) scale(0.75);
	color: rgba(2, 45, 98, 0.05);
	transform: translateY(-16px) scale(0.75);
	display: none;
}

.contact-form-style-02 .inp .form-control:not(:placeholder-shown)+span {
	color: rgba(2, 45, 98, 0.05);
	-webkit-transform: translateY(-16px) scale(0.75);
	transform: translateY(-16px) scale(0.75);
	color: rgba(2, 45, 98, 0.05);
	transform: translateY(-16px) scale(0.75);
	display: none;
}

.contact-form-style-02 .inp .form-control:focus {
	background: none;
	outline: none;
}

.contact-form-style-02 .inp .form-control:focus+span {
	color: #ffffff;
	-webkit-transform: translateY(-16px) scale(0.75);
	transform: translateY(-16px) scale(0.75);
	opacity: 1;
}

.contact-form-style-02 .inp .form-control:focus+span+.border {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	border-color: var(--hx-theme-color) !important;
}

/*************************
				Portfolio
*************************/
.portfolio-item {
	position: relative;
	overflow: hidden;
}

.portfolio-item:before {
	position: absolute;
	content: "";
	background: var(--hx-block-color);
	width: 100%;
	height: 100%;
	opacity: 0.3;
}

.portfolio-item:hover .portfolio-overlay {
	background: #ffffff;
	opacity: 1;
}

.portfolio-item:hover .portfolio-info {
	bottom: 20px;
}

.portfolio-item:hover .portfolio-icon {
	top: 20px;
}

.portfolio-overlay {
	padding: 20px;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	opacity: 0;
	height: 100%;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	color: #ffffff;
}

.portfolio-overlay .portfolio-title {
	color: var(--hx-theme-color);
}

.portfolio-info {
	position: absolute;
	bottom: 0px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	width: 100%;
	left: 0px;
	padding-left: 20px;
}

.portfolio-icon {
	position: absolute;
	top: 0px;
	left: 0px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-ms-flex-item-align: center;
	align-self: center;
	padding-left: 20px;
}

.portfolio-icon span {
	color: #000000;
	font-size: 18px;
}

.portfolio-icon i {
	color: var(--hx-theme-color);
	font-size: 20px;
}

/*************************************
				 Shuffle
 *************************************/
.my-shuffle-container.columns-1 .grid-item {
	width: 100%;
	padding: 15px;
}

.my-shuffle-container.columns-2 .grid-item {
	width: 50%;
	padding: 15px;
}

.my-shuffle-container.columns-3 .grid-item {
	width: 33.33333333%;
	padding: 15px;
}

.my-shuffle-container.columns-4 .grid-item {
	width: 25%;
	padding: 10px;
}

.my-shuffle-container.columns-5 .grid-item {
	width: 20%;
	padding: 15px;
}

.my-shuffle-container.columns-6 .grid-item {
	width: 16.666666%;
	padding: 0px;
}

.my-shuffle-container .portfolio-item {
	position: relative;
	-webkit-filter: contrast(0.8);
	filter: contrast(0.8);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.my-shuffle-container .portfolio-item:hover {
	-webkit-filter: contrast(1);
	filter: contrast(1);
}

@media (max-width: 1199px) {
	.my-shuffle-container.columns-6 .grid-item {
		width: 25%;
	}
}

@media (max-width: 991px) {
	.my-shuffle-container.columns-6 .grid-item {
		width: 33%;
	}
}

@media (max-width: 767px) {
	.my-shuffle-container.columns-3 .grid-item {
		width: 50%;
	}

	.my-shuffle-container.columns-4 .grid-item {
		width: 50%;
	}

	.my-shuffle-container.columns-5 .grid-item {
		width: 50%;
	}

	.my-shuffle-container.columns-6 .grid-item {
		width: 50%;
	}
}

@media (max-width: 575px) {
	.my-shuffle-container.columns-2 .grid-item {
		width: 100%;
	}

	.my-shuffle-container.columns-3 .grid-item {
		width: 100%;
	}

	.my-shuffle-container.columns-4 .grid-item {
		width: 100%;
	}

	.my-shuffle-container.columns-5 .grid-item {
		width: 100%;
	}

	.my-shuffle-container.columns-6 .grid-item {
		width: 100%;
	}
}

/*****************************
		Timeline
*****************************/
.cd-horizontal-timeline {
	opacity: 0;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.cd-horizontal-timeline ul {
	margin-top: 0;
	margin-bottom: 0rem;
	list-style-type: none;
	padding: 0;
}

.cd-horizontal-timeline a {
	text-decoration: none;
}

.cd-horizontal-timeline::before {
	content: 'mobile';
	display: none;
}

.cd-horizontal-timeline .timeline {
	position: relative;
	height: 100px;
	width: 100%;
}

.cd-horizontal-timeline .events-wrapper {
	position: relative;
	height: 100%;
	margin: 0 80px;
	overflow: hidden;
}

.cd-horizontal-timeline .events {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 49px;
	height: 2px;
	background: #dfdfdf;
	-webkit-transition: -webkit-transform 0.4s;
	transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	transition: transform 0.4s, -webkit-transform 0.4s;
}

.cd-horizontal-timeline .events a {
	position: absolute;
	bottom: 0;
	z-index: 2;
	text-align: center;
	padding-bottom: 15px;
	color: var(--hx-block-color);
	font-weight: 600;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.cd-horizontal-timeline .events a::after {
	content: '';
	position: absolute;
	left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -5px;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	border: 2px solid #dfdfdf;
	background-color: #ffffff;
	-webkit-transition: background-color 0.3s, border-color 0.3s;
	transition: background-color 0.3s, border-color 0.3s;
}

.cd-horizontal-timeline .events a.selected {
	pointer-events: none;
}

.cd-horizontal-timeline .events a.selected::after {
	background-color: var(--hx-theme-color);
	border-color: var(--hx-theme-color);
}

.cd-horizontal-timeline .events a.older-event::after {
	background-color: var(--hx-theme-color);
	border-color: var(--hx-theme-color);
}

.cd-horizontal-timeline .filling-line {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: var(--hx-theme-color);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}

.cd-horizontal-timeline.loaded {
	opacity: 1;
}

.no-touch .cd-horizontal-timeline .events a:hover::after {
	background-color: #dfdfdf;
	border-color: #dfdfdf;
}

.events-content .year {
	font-size: 96px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: absolute;
	top: 50px;
	right: -30px;
	margin-bottom: 0;
	opacity: 0.1;
	color: var(--hx-theme-color);
}

.cd-timeline-navigation a {
	position: absolute;
	z-index: 1;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 50px;
	width: 50px;
	border-radius: 50%;
	background: #f6f6f6;
	border: 2px solid #f6f6f6;
	overflow: hidden;
	color: transparent;
	-webkit-transition: border-color 0.3s;
	transition: border-color 0.3s;
	left: 0;
}

.cd-timeline-navigation a:hover {
	border: 2px solid var(--hx-theme-color);
	color: #ffffff;
	background: var(--hx-theme-color);
}

.cd-timeline-navigation a:hover:before {
	color: #ffffff;
}

.cd-timeline-navigation a.prev::before {
	content: "\f060";
	font-family: "Font Awesome 5 Free";
	color: var(--hx-block-color);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-weight: bold;
}

.cd-timeline-navigation a.next {
	right: 0;
	left: auto;
}

.cd-timeline-navigation a.next::before {
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: var(--hx-block-color);
	font-weight: bold;
}

.cd-timeline-navigation a.inactive {
	cursor: not-allowed;
}

.cd-timeline-navigation a.inactive::after {
	background-position: 0 -16px;
}

.cd-horizontal-timeline .events-content {
	position: relative;
	width: 100%;
	margin-top: 30px;
	overflow: hidden;
	-webkit-transition: height 0.4s;
	transition: height 0.4s;
	z-index: -9;
}

.cd-horizontal-timeline .events-content li {
	position: absolute;
	z-index: 1;
	width: 100%;
	left: 0;
	top: 0;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	padding: 0 5%;
	opacity: 0;
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

.cd-horizontal-timeline .events-content li>* {
	max-width: 700px;
	margin: 0 auto;
}

.cd-horizontal-timeline .events-content li.selected {
	position: relative;
	z-index: 2;
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.cd-horizontal-timeline .events-content li.enter-right {
	-webkit-animation-name: cd-enter-right;
	animation-name: cd-enter-right;
}

.cd-horizontal-timeline .events-content li.leave-right {
	-webkit-animation-name: cd-enter-right;
	animation-name: cd-enter-right;
	animation-direction: reverse;
}

.cd-horizontal-timeline .events-content li.enter-left {
	-webkit-animation-name: cd-enter-left;
	animation-name: cd-enter-left;
}

.cd-horizontal-timeline .events-content li.leave-left {
	-webkit-animation-name: cd-enter-left;
	animation-name: cd-enter-left;
	animation-direction: reverse;
}

@media only screen and (min-width: 1100px) {
	.cd-horizontal-timeline::before {
		/* never visible - this is used in jQuery to check the current MQ */
		content: 'desktop';
	}
}

@media only screen and (max-width: 767px) {
	.cd-horizontal-timeline .events-content {
		margin-top: 0;
	}

	.cd-horizontal-timeline .events-wrapper {
		margin: 0 40px;
	}

	.events-content .year {
		font-size: 66px;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		position: relative;
		top: 0;
		right: 0;
	}

	.cd-timeline-navigation a {
		width: 30px;
		height: 30px;
	}
}

@-webkit-keyframes cd-enter-right {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100%);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
	}
}

@keyframes cd-enter-right {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
}

@-webkit-keyframes cd-enter-left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
	}
}

@keyframes cd-enter-left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
}

/*****************************
	Progress Bar
*****************************/
.progress {
	position: relative;
	overflow: inherit;
	height: 10px;
	margin: 40px 0px 15px;
	width: 100%;
	display: inline-block;
	border-radius: 5px;
}

.progress .progress-bar {
	height: 10px;
	border-radius: 5px;
}

.progress .progress-bar-title {
	position: absolute;
	left: 0;
	top: -30px;
	color: var(--hx-block-color);
	font-size: 14px;
	font-weight: 600;
}

.progress .progress-bar-number {
	position: absolute;
	right: 0;
	color: var(--hx-block-color);
	top: -30px;
	font-weight: 600;
}

/*****************************
	List style
*****************************/
.list {
	margin: 0;
	padding: 0;
}

.list li {
	margin-bottom: 15px;
	color: #000000;
}

.list li:last-child {
	margin-bottom: 0px;
}

.list-number li span {
	background: rgba(239, 49, 57, 0.1);
	color: var(--hx-theme-color);
	border-radius: 50%;
	margin-right: 8px;
	width: 25px;
	height: 25px;
	font-weight: 600;
	text-align: center;
	display: inline-block;
	line-height: 25px;
	font-size: 13px;
}

/*************************
			 Header
*************************/
.header {
	background: #ffffff;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 14px rgba(0, 0, 0, 0.05);
}

.header .container-fluid {
	padding: 0 60px;
}

.header-transparent {
	position: absolute;
	background: transparent;
	width: 100%;
	z-index: 9;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.header-transparent .navbar .navbar-brand {
	padding: 30px 0px;
}

.header-transparent .navbar .navbar-nav .nav-link {
	color: #ffffff;
}

.header-transparent .search .search-btn {
	color: #ffffff;
}

.header.header-transparent.sticky-top {
	background: var(--hx-block-color);
}

/* topbar */
.header .topbar {
	padding: 15px 0;
	border-bottom: 1px solid rgba(2, 45, 98, 0.1);
}

.header .topbar ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 0;
	color: #ffffff;
}

.header .topbar ul li {
	padding: 0 12px;
}

.header .topbar ul li:last-child {
	padding-right: 0;
}

.header .topbar a {
	color: var(--hx-block-color);
	font-size: 13px;
	font-weight: 600;
}

.header .topbar a:hover {
	color: var(--hx-theme-color);
}

/* navbar */
.navbar {
	padding: 0;
}

.navbar .navbar-nav .nav-link {
	font-weight: 600;
	font-size: 16px;
	padding: 10px 16px 10px;
	margin-right: 15px;
	color: var(--hx-block-color);
	text-transform: capitalize;
}

.navbar .navbar-nav .nav-link:hover {
	color: var(--hx-theme-color);
}

.navbar .navbar-nav .nav-item.active a.nav-link {
	color: var(--hx-theme-color);
}

.navbar .navbar-nav .nav-item:last-child .nav-link {
	margin-right: 0;
}

.dropdown-menu {
	z-index: 9999;
}

.navbar-collapse {
	position: relative;
}

.navbar-light {
	color: #ffffff;
	background-color: #f6f6f6;
	border-color: #eeeeee;
}

.navbar-light .navbar-nav>li>a {
	color: #ffffff;
}

.navbar-light .navbar-nav>.dropdown>a .caret {
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
}

.navbar-brand {
	padding: 20px 0px;
	margin-right: 0;
}

.navbar-brand img {
	height: 50px;
}

.navbar .navbar-brand {
	color: #ffffff;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 200px;
	flex: 0 0 200px;
}

.header .navbar-nav>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.header .navbar-nav li>a {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 3px 0px;
	color: var(--hx-block-color);
	text-transform: capitalize;
	font-size: 14px;
}

.header .navbar-nav li>a:hover {
	color: var(--hx-theme-color);
}

.header .navbar-nav li>a i {
	color: var(--hx-theme-color);
	margin-left: 10px;
	font-size: 12px;
}

.header li>.dropdown-item:focus,
.header li>.dropdown-item:hover {
	color: var(--hx-theme-color);
	background: none;
}

.header .dropdown-item.active,
.header .dropdown-item:active,
.header .dropdown-item:focus,
.header .dropdown-item:hover {
	background: none;
}

.header .dropdown-toggle::after {
	content: none;
}

.header .navbar-collapse {
	-webkit-box-align: inherit;
	-ms-flex-align: inherit;
	align-items: inherit;
}

.header .megamenu .dropdown-item {
	padding: 0px;
}

.header .navbar .dropdown-menu a.dropdown-item {
	min-width: 200px;
}

.header .navbar .dropdown-menu {
	padding: 15px;
}

.header .navbar .dropdown-menu li a i {
	margin-left: 0;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	color: var(--hx-theme-color);
}

.navbar .dropdown>.dropdown-menu li>a:hover i {
	opacity: 1;
	margin-left: 10px;
}

.navbar .dropdown>.dropdown-menu li.active>a i {
	opacity: 1;
	margin-left: 10px;
}

.navbar .dropdown>.dropdown-menu li>a {
	font-size: 16px;
	padding: 10px 20px 10px 0;
	border-radius: 3px;
	position: relative;
	margin-bottom: 3px;
	text-transform: uppercase;
	font-weight: 700;
}

.navbar .dropdown>.dropdown-menu li>a:hover {
	background: rgba(239, 49, 57, 0.1);
	color: var(--hx-theme-color);
	padding-left: 15px;
}

.navbar .dropdown>.dropdown-menu li.active>a {
	background: rgba(239, 49, 57, 0.1);
	color: var(--hx-theme-color);
	padding-left: 15px;
}

.search {
	vertical-align: middle;
	display: table;
	height: 100%;
	float: left;
}

.search .search-btn {
	display: block;
	height: 22px;
	line-height: 22px;
	position: relative;
	text-indent: -9999px;
	width: 14px;
	color: var(--hx-block-color);
	-webkit-transition: color 300ms ease 0s;
	transition: color 300ms ease 0s;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.search .search-btn:before {
	content: "\f002";
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
	font-weight: 900;
	left: 0;
	position: absolute;
	text-indent: 0;
	top: 0;
}

.search.search-open .search-btn:before {
	content: "\f00d";
}

.search-box {
	display: block;
	margin: 0;
	opacity: 0 !important;
	position: absolute;
	right: 0;
	top: 100%;
	-webkit-transition: visibility 300ms ease 0s, opacity 300ms ease 0s;
	transition: visibility 300ms ease 0s, opacity 300ms ease 0s;
	visibility: hidden;
	width: 327px;
	z-index: 888;
	border-radius: 3px;
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
}

.search-box.open {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}

.search.search-open .search-box {
	opacity: 1 !important;
	visibility: visible !important;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
	box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
}

.search .search-box button {
	background: transparent;
	border: none;
	cursor: pointer;
	font-size: 16px;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.search .search-box .form-control {
	height: 58px;
}

.header.sticky-top {
	position: fixed;
	width: 100%;
	background: #ffffff;
	-webkit-box-shadow: 2px 2px 4px 0px rgba(2, 45, 98, 0.1);
	box-shadow: 2px 2px 4px 0px rgba(2, 45, 98, 0.1);
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	z-index: 1021;
	-webkit-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
	animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
}

.header.sticky-top .topbar {
	display: none;
}

.header.sticky-top .navbar-brand {
	padding: 15px 0px;
}

/* Header Style 02 */
.header-style-02 {
	background: var(--hx-block-color);
}

.header-style-02 .topbar {
	padding: 0;
	border-color: rgba(255, 255, 255, 0.1);
}

.header-style-02.sticky-top .topbar {
	display: block;
}

.header-style-02 .topbar .contact-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.header-style-02 .topbar .contact-info ul {
	padding: 0;
	margin: 0;
}

.header-style-02 .topbar .contact-info li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	padding: 20px 40px;
}

.header-style-02 .topbar .contact-info li:last-child {
	border-right: 0;
	font-size: 12px;
}

.header-style-02 .topbar .contact-info li i {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-right: 20px;
}

.header-style-02 .topbar .contact-info li label {
	margin-bottom: 0;
}

.header-style-02 .navbar .navbar-nav .nav-item .nav-link {
	color: #ffffff;
}

.header-style-02 .navbar .navbar-nav .nav-item:first-child .nav-link {
	padding-left: 0;
}

.header-style-02 .search .search-btn {
	color: #ffffff;
}

.header-style-02 .search-box {
	opacity: 1 !important;
	position: inherit;
	visibility: visible;
	-webkit-transform: inherit;
	transform: inherit;
	width: auto;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 0;
}

.header-style-02 .search-box .form-control {
	background: transparent;
	border: transparent;
	color: #ffffff;
	border-radius: 0;
	height: 60px;
	padding: 10px 18px;
}

.header-style-02 .search-box .search-button {
	position: absolute;
	right: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: transparent;
	border: transparent;
	color: #ffffff;
}

.header-style-02.sticky-top {
	background: var(--hx-block-color);
}

.header-style-02.sticky-top .topbar .contact-info {
	display: none !important;
}

.header-style-02.sticky-top .navbar {
	position: absolute;
	right: 10px;
	top: -65px;
}

.header-style-02 .search-box .form-control::-webkit-input-placeholder {
	font-weight: normal;
	color: rgba(255, 255, 255, 0.5);
}

.header-style-02 .search-box .form-control::-moz-placeholder {
	font-weight: normal;
	color: rgba(255, 255, 255, 0.5);
}

.header-style-02 .search-box .form-control:-ms-input-placeholder {
	font-weight: normal;
	color: rgba(255, 255, 255, 0.5);
}

.header-style-02 .search-box .form-control::-ms-input-placeholder {
	font-weight: normal;
	color: rgba(255, 255, 255, 0.5);
}

.header-style-02 .search-box .form-control::placeholder {
	font-weight: normal;
	color: rgba(255, 255, 255, 0.5);
}

/* Header Style 03 */
.header-style-03 {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9;
	background: transparent;
}

.header-style-03.sticky-top {
	background: var(--hx-block-color);
}

.header-style-03 .topbar {
	background: #ffffff;
}

.header-style-03 .navbar .navbar-nav .nav-link {
	color: #ffffff;
}

.header-style-03 .search {
	position: relative;
}

.header-style-03 .search-box {
	right: 0;
	margin-top: 10px;
}

.header-style-03 .search .search-btn {
	color: #ffffff;
}

.header-style-03+.banner {
	margin-top: 60px;
}

/* Header Transparent */
.header-transparent .search {
	position: relative;
}

.header-transparent .search-box {
	right: 0;
	margin-top: 10px;
}

.header-transparent .search .search-btn {
	color: #ffffff;
}

.megamenu {
	padding: 20px 20px;
	width: 100%;
}

.megamenu>div>li>ul {
	padding: 0;
	margin: 0;
}

.megamenu>div>li>ul>li {
	list-style: none;
}

.megamenu .card {
	outline: none;
}

.megamenu .card:hover,
.megamenu .card:focus {
	outline: 1px solid #000000;
}

.megamenu>div>li>ul>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: var(--hx-block-color);
	white-space: normal;
}

.megamenu>div>li>ul>li>a:hover,
.megamenu>div>li>ul>li>a:focus {
	text-decoration: none;
	color: var(--hx-block-color);
	background-color: #f6f6f6;
}

.megamenu.disabled>a,
.megamenu.disabled>a:hover,
.megamenu.disabled>a:focus {
	color: #f6f6f6;
}

.megamenu.disabled>a:hover,
.megamenu.disabled>a:focus {
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	cursor: not-allowed;
}

.megamenu.dropdown-header {
	color: var(--hx-theme-color);
	font-size: 18px;
}

@media (min-width: 992px) {
	.search .search-btn:before {
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

.header .form-control {
	background: #ffffff;
	border: 1px solid #ffffff;
}

/*
.form-check {
	padding-left: 15px;
}*/

.form-check-input {
	margin-left: 0;
}

.form-check-input:checked {
	background: var(--hx-theme-color);
	border-color: var(--hx-theme-color);
}

.form-check-input:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Contact Number */
.contact-number a {
	font-size: 16px;
}

.contact-number i {
	font-size: 20px;
	vertical-align: middle;
}

/* New Arrow */
.navbar .navbar-nav .nav-item .nav-link {
	position: relative;
}

.navbar .navbar-nav .dropdown.nav-item .nav-link:before,
.navbar .navbar-nav .dropdown.nav-item .nav-link:after {
	content: "";
	top: 20px;
	position: absolute;
	width: 8px;
	height: 2px;
	background-color: var(--hx-theme-color);
	display: inline-block;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border-radius: 3px;
}

.navbar .navbar-nav .dropdown.nav-item .nav-link:after {
	right: -5px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.navbar .navbar-nav .dropdown.nav-item .nav-link:before {
	right: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.navbar .navbar-nav .dropdown.nav-item:hover .nav-link:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.navbar .navbar-nav .dropdown.nav-item:hover .nav-link:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* Header search */
.center-position {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 8px;
}

.header-search-inner {
	width: 18px;
	height: 18px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	position: relative;
}

.header-search-inner::before {
	content: "";
	position: absolute;
	top: 7px;
	right: -2px;
	width: 0;
	height: 3px;
	margin-top: -2px;
	background-color: var(--hx-block-color);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: right top;
	transform-origin: right top;
	border-radius: 5px;
}

.header-search-inner::after {
	content: "";
	position: absolute;
	bottom: 0px;
	right: 2px;
	width: 9px;
	height: 3px;
	margin-top: -2px;
	background-color: var(--hx-block-color);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	border-radius: 5px;
}

.header-search-icon {
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border-width: 3px;
	border-style: solid;
	border-color: var(--hx-block-color);
}

.header-search-inner:hover::before,
.header-search-inner:hover::after {
	width: 15px;
}

.header-search-inner:hover::before {
	top: 7px;
	right: 2px;
}

.header-search-inner:hover .header-search-icon {
	width: 0;
	height: 0;
	border-color: transparent;
}

.header-search-inner::before,
.header-search-inner::after,
.header-search-inner .header-search-icon {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.header-inner {
	z-index: 99;
}

.header-inner-nav {
	position: relative;
}

.header-inner .header-inner-nav.page-menu-top {
	position: fixed;
	width: 100%;
	background: var(--hx-block-color);
	-webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	top: 70px;
	-webkit-animation: stickySlideDown 0.85s cubic-bezier(0.23, 1, 0.32, 1) both;
	animation: stickySlideDown 0.85s cubic-bezier(0.23, 1, 0.32, 1) both;
	padding: 5px 0;
}

.header-inner .header-inner-nav.page-menu-top .nav li a {
	color: #ffffff;
	padding: 10px 40px;
}

/*************************
			 Responsive
*************************/
@media (min-width: 992px) {
	.header .navbar .dropdown-menu {
		margin: 0px;
		font-size: 14px;
		border-radius: 0px;
		border: none;
		left: 100%;
		-webkit-transform: translate3d(-50%, 10px, 0);
		transform: translate3d(-50%, 10px, 0);
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		-webkit-transition-property: opacity, visibility, -webkit-transform;
		transition-property: opacity, visibility, -webkit-transform;
		transition-property: opacity, visibility, transform;
		transition-property: opacity, visibility, transform, -webkit-transform;
		-webkit-transform-origin: top center;
		transform-origin: top center;
		-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
		visibility: hidden;
		opacity: 0;
		display: block !important;
		border-radius: 3px;
		top: 100%;
	}

	.header .navbar .dropdown-menu.megamenu {
		left: 50%;
	}

	.navbar-nav .dropdown-menu.dropdown-menu-lg {
		min-width: 540px;
	}

	.navbar-nav .mega-menu {
		position: static;
	}

	.header .navbar .dropdown:hover>.dropdown-menu {
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
		visibility: visible;
		opacity: 1;
	}

	.header .navbar .dropdown-menu .dropdown-submenu .dropdown-menu {
		left: 100%;
		right: auto;
		-webkit-transform: translate3d(15px, 10px, 0);
		transform: translate3d(15px, 10px, 0);
	}

	.header .navbar .dropdown-menu .dropdown-submenu .dropdown-menu.left-side {
		right: 100%;
		left: auto;
		-webkit-transform: translate3d(-15px, 10px, 0);
		transform: translate3d(-15px, 10px, 0);
	}

	.navbar-nav li:hover>ul.dropdown-menu {
		visibility: visible;
		opacity: 1;
	}

	.header-transparent .navbar-collapse,
	.header-style-03 .navbar-collapse {
		position: static;
	}

	.header.default .container,
	.header.default .container-fluid {
		position: relative;
	}

	.header.default .navbar-collapse {
		position: static;
	}

	.header.default .container-fluid .navbar-collapse {
		position: relative;
	}

	.header-style-02 .navbar .dropdown:hover>.dropdown-menu.megamenu {
		-webkit-transform: translate3d(-50%, -7px, 0);
		transform: translate3d(-50%, -7px, 0);
	}

	.header-style-03 .navbar .dropdown:hover>.dropdown-menu.megamenu {
		-webkit-transform: translate3d(-50%, -7px, 0);
		transform: translate3d(-50%, -7px, 0);
	}

	.header-transparent .navbar .dropdown:hover>.dropdown-menu.megamenu {
		-webkit-transform: translate3d(-50%, -26px, 0);
		transform: translate3d(-50%, -26px, 0);
	}

	.header.default .navbar .container .dropdown:hover>.dropdown-menu.megamenu {
		-webkit-transform: translate3d(-50%, -16px, 0);
		transform: translate3d(-50%, -16px, 0);
	}

	.header.default .container .dropdown:hover>.dropdown-menu.megamenu {
		-webkit-transform: translate3d(-50%, -16px, 0);
		transform: translate3d(-50%, -16px, 0);
	}
}

@media (max-width: 1366px) {
	.navbar .navbar-nav .nav-link {
		padding: 10px 15px;
	}
}

@media (max-width: 1199px) {
	.header .container-fluid {
		padding: 0 15px;
	}

	.navbar .navbar-brand {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 150px;
		flex: 0 0 150px;
	}

	.navbar .navbar-nav .nav-link {
		font-size: 16px;
		padding: 10px 14px;
	}

	.search-box {
		right: 15px;
	}

	.contact-number a {
		font-size: 14px;
	}

	.header.default .navbar .navbar-nav .nav-link {
		padding: 10px 10px;
	}
}

@media (max-width: 991px) {
	.header .navbar .dropdown-menu {
		width: 100%;
	}

	.header.default .container {
		max-width: 100%;
	}

	.navbar-toggler {
		position: absolute;
		right: 15px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		color: var(--hx-block-color);
		border-color: var(--hx-block-color);
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}

	.header-style-02.sticky-top .navbar {
		position: relative;
		right: 0;
		top: 0px;
	}

	.header-style-03 .navbar-toggler {
		right: 0;
	}

	.header-style-03.sticky-top .navbar-toggler {
		color: #ffffff;
		border-color: #ffffff;
	}

	.header-style-03.sticky-top .navbar-toggler i {
		color: #ffffff;
	}

	.navbar-collapse {
		position: absolute;
		z-index: 999;
		background: #ffffff;
		width: 100%;
		left: 0;
		top: 80px;
		padding: 10px;
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	}

	.header .navbar-nav>li {
		display: block;
	}

	.navbar .navbar-nav .nav-item:last-child .nav-link {
		margin-right: 16px;
	}

	.navbar .navbar-nav .nav-item .nav-link {
		display: block;
		width: 100%;
	}

	.header-style-02 .navbar-toggler {
		position: absolute;
		right: 0;
		top: -40px;
		border-color: #ffffff;
		color: #ffffff;
	}

	.header-style-02.sticky-top .navbar-toggler {
		top: -35px;
	}

	.header-style-02 .navbar-collapse {
		top: 0;
	}

	.header-style-02 .navbar .navbar-nav .nav-item .nav-link {
		color: var(--hx-block-color);
	}

	.header-style-02 .navbar .navbar-nav .nav-item:first-child .nav-link {
		padding-left: 10px;
	}

	.header .navbar .dropdown-menu {
		max-height: 200px;
		overflow: scroll;
		margin-bottom: 15px;
	}

	.header-style-03 {
		position: relative;
		background: var(--hx-block-color);
	}

	.header-style-03 .navbar-toggler {
		border-color: #ffffff;
		color: #ffffff;
	}

	.header-style-03 .search .search-btn {
		color: #ffffff;
	}

	.header-style-03 .navbar-brand {
		padding: 10px 0px;
	}

	.header-style-03 .navbar .navbar-nav .nav-link {
		color: var(--hx-block-color);
	}

	.header-style-03+.banner {
		margin-top: 0;
	}

	.header-inner .header-inner-nav.page-menu-top .nav li a {
		padding: 10px 20px;
	}

	.header-style-03 .navbar-collapse {
		position: absolute;
		top: 60px;
		z-index: 999;
		background: #ffffff;
		width: 100%;
		max-height: 400px;
		overflow: auto;
		left: 0;
		margin-left: 0px;
		-webkit-box-shadow: 2px 2px 4px 0px rgba(2, 45, 98, 0.1);
		box-shadow: 2px 2px 4px 0px rgba(2, 45, 98, 0.1);
	}

	.sticky-top .navbar-collapse {
		top: 70px;
	}

	.header-style-02.sticky-top .navbar-collapse {
		top: 0;
	}

	.header-transparent {
		position: relative;
		background: var(--hx-block-color);
	}

	.header-transparent .navbar-toggler {
		border-color: #ffffff;
		color: #ffffff;
	}

	.header-transparent .search .search-btn {
		color: #ffffff;
	}

	.header-transparent .navbar .navbar-brand {
		padding: 14px 0px;
	}

	.navbar-expand-lg>.container,
	.navbar-expand-lg>.container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}

	.header-transparent .navbar .navbar-nav .nav-link {
		color: var(--hx-block-color);
	}

	.navbar .navbar-nav .dropdown.nav-item .nav-link:after {
		right: 20px;
	}

	.navbar .navbar-nav .dropdown.nav-item .nav-link:before {
		right: 15px;
	}

	.navbar .navbar-nav .dropdown.nav-item .nav-link:after {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.navbar .navbar-nav .dropdown.nav-item .nav-link:before {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.navbar .navbar-nav .dropdown.nav-item:hover .nav-link:after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.navbar .navbar-nav .dropdown.nav-item:hover .nav-link:before {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	header .nav-title {
		margin-bottom: 2px !important;
		margin-top: 10px;
	}

	.navbar .dropdown>.dropdown-menu li>a {
		padding: 6px 20px 6px 0;
	}

	.dropdown-menu.megamenu ul {
		margin-bottom: 11px;
	}
}

@media (max-width: 767px) {
	.navbar .navbar-brand {
		padding: 10px 0;
	}

	.navbar-collapse {
		top: 60px;
	}

	.navbar-toggler {
		right: 15px;
	}

	.header.default .container .navbar-toggler {
		right: 15px;
	}
}

/* sticky header */
@-webkit-keyframes stickySlideDown {
	0% {
		opacity: 0.7;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes stickySlideDown {
	0% {
		opacity: 0.7;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

/*****************************
	banner
*****************************/
.banner h1 {
	color: #ffffff;
	font-size: 50px;
	line-height: 50px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.banner h6 {
	color: #ffffff;
	margin-bottom: 30px;
}

.swiper-button-prev,
.swiper-button-next {
	background-image: none;
	opacity: 0.5;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.swiper-button-prev {
	left: 10%;
}

.swiper-button-next {
	right: 10%;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
	opacity: 1;
}

.banner ul {
	padding: 0;
	margin: 30px 0 50px;
	list-style-type: none;
	text-align: center;
}

.banner ul li {
	display: inline-block;
}

.banner ul li a {
	color: #ffffff;
	font-size: 18px;
	font-weight: 600;
	border-right: 2px solid #ffffff;
	padding: 0 15px;
}

.banner ul li a:hover {
	color: var(--hx-theme-color);
}

.banner ul li:last-child a {
	border-right: 0;
}

/* banner 02 */
.slider-02 .font-large {
	font-size: 50px;
	line-height: 50px;
}

.text-stroke-white {
	color: transparent !important;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #ffffff;
	display: block;
}

.text-stroke-primary {
	color: transparent !important;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--hx-theme-color);
	display: block;
}

.text-stroke-dark {
	color: transparent !important;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--hx-block-color);
	display: block;
}

/* banner 03 */
.banner-logo {
	padding: 10px 20px;
	background: var(--hx-theme-color);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 240px;
	flex: 0 0 240px;
	border-radius: 7px;
	color: #ffffff;
	font-size: 70px;
	line-height: 60px;
	position: relative;
	-ms-flex-item-align: center;
	align-self: center;
	margin-left: 20px;
	text-align: center;
	display: inline-block;
}

.banner-logo:before {
	position: absolute;
	content: "";
	width: 30px;
	height: 21px;
	left: -30px;
	border-top: 20px solid rgba(239, 49, 57, 0);
	border-right: 20px solid var(--hx-theme-color);
	top: 15px;
}

.banner .swiper-button-big .icons-btn {
	font-size: 100px;
	background: transparent;
	font-weight: 500;
}

/*************************
			 Responsive
*************************/
@media (max-width: 991px) {
	.banner h1 {
		font-size: 66px;
		line-height: 76px;
		margin-bottom: 10px;
	}

	.slider-02 .font-large {
		font-size: 66px;
		line-height: 76px;
	}

	.swiper-button-prev {
		left: 5%;
	}

	.swiper-button-next {
		right: 5%;
	}
}

@media (max-width: 767px) {
	.banner h1 {
		font-size: 35px;
		line-height: 35px;
		margin-bottom: 10px;
	}

	.banner h6 {
		font-size: 15px;
	}

	.slider-02 .font-large {
		font-size: 35px;
		line-height: 35px;
	}

	.banner-logo {
		width: auto;
		font-size: 50px;
		line-height: 50px;
	}
}

/*****************************
	Layout
*****************************/
/*****************************
	 Section Title
*****************************/
.section-title {
	margin-bottom: 50px;
}

.section-title p {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 0;
	line-height: 1.5;
	color: #000000;
}

/* Top Half Background */
.bg-dark-half-lg,
.bg-dark-half-md,
.bg-dark-half-sm {
	position: relative;
}

.bg-dark-half-lg:before,
.bg-dark-half-md:before,
.bg-dark-half-sm:before {
	content: "";
	background: var(--hx-block-color);
	width: 100%;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

.bg-light-half-lg,
.bg-light-half-md,
.bg-light-half-sm {
	position: relative;
}

.bg-light-half-lg:before,
.bg-light-half-md:before,
.bg-light-half-sm:before {
	content: "";
	background: #f6f6f6;
	width: 100%;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

.bg-dark-half-lg:before,
.bg-light-half-lg:before {
	height: 470px;
}

.bg-dark-half-md:before,
.bg-light-half-md:before {
	height: 370px;
}

.bg-dark-half-sm:before,
.bg-light-half-sm:before {
	height: 250px;
}

/* Background Border Top */
.background-border-top {
	background: var(--hx-theme-color);
	height: 5px;
	width: 100%;
	border-radius: 5px;
}

/* Footer Address */
.contact-address .contact-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 25px;
}

.contact-address .contact-item:last-child {
	margin-bottom: 0;
}

.contact-address .contact-item label {
	min-width: 100px;
	color: var(--hx-block-color);
	font-style: italic;
	margin-bottom: 0;
	text-align: right;
	padding-right: 20px;
	font-weight: 500;
}

.contact-address .contact-item p {
	margin-bottom: 0;
}

.contact-address-02 .contact-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.contact-address-02 .contact-item:last-child {
	margin-bottom: 0;
}

.contact-address-02 .contact-item label {
	min-width: 70px;
	color: var(--hx-block-color);
	margin-bottom: 0;
	padding-right: 20px;
	font-weight: 600;
}

.contact-address-02 .contact-item p {
	margin-bottom: 0;
}

/* Sticky column */
.is-sticky {
	position: sticky;
	top: 130px;
}

/* Back To Top */
.back-to-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	display: inline-block;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	width: 50px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 12px rgba(2, 45, 98, 0.1);
	box-shadow: 0px 0px 12px rgba(2, 45, 98, 0.1);
	-webkit-transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 0.25s ease-in-out, color 0.25s ease-in-out;
	transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 0.25s ease-in-out, color 0.25s ease-in-out;
	z-index: 9;
}

.back-to-top:hover,
.back-to-top.auto {
	color: rgba(255, 255, 255, 0);
	-webkit-transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 1s 0.25 ease-in-out, color 0.25s ease-in-out 0.25s;
	transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 1s 0.25 ease-in-out, color 0.25s ease-in-out 0.25s;
}

.back-to-top:hover:before,
.back-to-top.auto:before {
	-webkit-animation: lineUp 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
	animation: lineUp 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
}

.back-to-top:hover:after,
.back-to-top.auto:after {
	-webkit-animation: tipUp 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
	animation: tipUp 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
}

.back-to-top:before {
	position: absolute;
	display: inline-block;
	content: "";
	background: #ffffff;
	width: 3px;
	height: 20px;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -2px;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
}

.back-to-top:after {
	position: absolute;
	display: inline-block;
	content: "";
	width: 15px;
	height: 15px;
	color: #ffffff;
	border-top: 3px solid;
	border-left: 3px solid;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	top: 50%;
	left: 50%;
	margin-top: -9px;
	margin-left: -8px;
	-webkit-transform: translateY(50px) rotateZ(45deg);
	transform: translateY(50px) rotateZ(45deg);
}

@-webkit-keyframes tipUp {
	0% {
		-webkit-transform: translateY(50px) rotateZ(45deg);
		transform: translateY(50px) rotateZ(45deg);
	}

	100% {
		-webkit-transform: translateY(-70px) rotateZ(45deg);
		transform: translateY(-70px) rotateZ(45deg);
	}
}

@keyframes tipUp {
	0% {
		-webkit-transform: translateY(50px) rotateZ(45deg);
		transform: translateY(50px) rotateZ(45deg);
	}

	100% {
		-webkit-transform: translateY(-70px) rotateZ(45deg);
		transform: translateY(-70px) rotateZ(45deg);
	}
}

@-webkit-keyframes lineUp {
	0% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
	}

	100% {
		-webkit-transform: translateY(-70px);
		transform: translateY(-70px);
	}
}

@keyframes lineUp {
	0% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
	}

	100% {
		-webkit-transform: translateY(-70px);
		transform: translateY(-70px);
	}
}

.imageblock-section {
	position: relative;
	display: block;
	width: 100%;
}

.imageblock-section-img {
	position: absolute;
	height: 100%;
	top: 0;
	padding: 0;
	float: left;
	left: 0;
	right: auto;
}

.background-image-holder {
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover !important;
	background-position: 50% 50% !important;
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear;
	display: block;
	width: 100%;
}

@media (min-width:1300px) {
	.content-wrapper {
		max-width: 550px;
		margin: auto
	}

	.header-inner .header-inner-title {
		max-width: 690px;
	}
}

/* Header Inner */
.header-inner {
	padding: 130px 0px;
	background-size: cover;
	background-position: center center;
}

.header-inner .header-inner-title {
	font-size: 18px;
}

.header-inner .header-inner-title h1 {
	font-size: 45px;
	margin-bottom: 10px;
	font-stretch: 75%;
	font-weight: 700 !important;
}

.header-inner-menu {
	padding-bottom: 0;
}

.header-inner-menu .header-inner-title {
	margin-bottom: 80px;
}

.header-inner .header-inner-nav {
	padding: 15px 0;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, black), color-stop(100%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
	background: linear-gradient(0deg, black 20%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);
}

.header-inner .header-inner-nav .nav li a {
	color: #ffffff;
	padding: 14px 40px;
	font-weight: 600;
	border-radius: 5px;
}

.header-inner .header-inner-nav .nav li a.active {
	background: var(--hx-theme-color);
}

.contact-bg-logo {
	position: absolute;
	top: 0;
	z-index: -9;
}

.contact-bg-logo i {
	font-size: 42rem;
	color: rgba(239, 49, 57, 0.06);
}

.badge-round {
	width: 120px;
	height: 120px;
	line-height: 120px;
	background: var(--hx-theme-color);
	color: #ffffff;
	display: inline-block;
	border-radius: 50%;
	padding-top: 26px;
}

.envelope-box {
	padding: 1em;
	border: 16px solid transparent;
	-o-border-image: 16 repeating-linear-gradient(-45deg, red 0, red 1em, transparent 0, transparent 2em, #58a 0, #58a 3em, transparent 0, transparent 4em);
	border-image: 16 repeating-linear-gradient(-45deg, red 0, red 1em, transparent 0, transparent 2em, #58a 0, #58a 3em, transparent 0, transparent 4em);
}

.cookie {
	position: fixed;
	left: 50px;
	bottom: 50px;
	z-index: 9;
}

@media (max-width: 1199px) {

	/* Header Inner */
	.header-inner {
		padding: 100px 0px;
	}

	.header-inner-menu {
		padding-bottom: 0;
	}

	.header-inner-menu .header-inner-title {
		margin-bottom: 60px;
	}

	.header-inner .header-inner-nav .nav li a {
		padding: 14px 38px;
	}
}

@media (max-width: 991px) {

	/* Header Inner */
	.header-inner {
		padding: 80px 0px;
	}

	.header-inner-menu {
		padding-bottom: 0;
	}

	.header-inner-menu .header-inner-title {
		margin-bottom: 40px;
	}

	.header-inner .header-inner-nav .nav li a {
		padding: 10px 20px;
	}
}

@media (max-width: 767px) {

	/* Header Inner */
	.header-inner {
		padding: 60px 0px;
	}

	.header-inner-menu {
		padding-bottom: 0;
	}

	.header-inner-menu .header-inner-title {
		margin-bottom: 20px;
	}

	.header-inner .header-inner-nav .nav li a {
		padding: 6px 14px;
	}

	.header-inner .header-inner-title {
		font-size: 16px;
	}

	/* section title */
	.section-title {
		margin-bottom: 30px;
	}

	.section-title p {
		font-size: 16px;
	}

	/* svg */
	.icon-bg-dar svg {
		width: 100%;
		height: 100%;
		left: 0;
	}

	.imageblock-section-img {
		position: relative;
		height: 400px;
	}

	.contact-bg-logo i {
		font-size: 30rem;
	}

	.imageblock-section-img {
		float: none;
	}
}

@media (max-width: 575px) {

	/* Header Inner */
	.header-inner {
		padding: 40px 0px;
	}

	.header-inner-menu {
		padding-bottom: 0;
	}

	.bg-dark-half-sm:before,
	.bg-light-half-sm:before {
		height: 150px;
	}

	.contact-bg-logo i {
		font-size: 18rem;
	}
}

/*************************
			 Blog
*************************/
.blog-post {
	position: relative;
}

.blog-post .blog-post-image {
	position: relative;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.blog-post .blog-post-image img {
	border-radius: 5px;
}

.blog-post .blog-post-content {
	padding: 20px 20px 0;
}

.blog-post .blog-post-content .blog-post-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 10px;
}

.blog-post .blog-post-content .blog-post-info .btn {
	padding: 5px 12px;
}

.blog-post .blog-post-content .blog-post-info .btn-round:before {
	width: 30px;
}

.blog-post .blog-post-content .blog-post-info .btn-round:hover:before {
	width: 100%;
}

.blog-post .blog-post-content .blog-post-date {
	padding-left: 15px;
}

.blog-post .blog-post-content .blog-post-date a {
	color: rgba(2, 45, 98, 0.5);
}

.blog-post .blog-post-content .blog-post-date a:hover {
	color: var(--hx-theme-color);
}

.blog-post .blog-post-content .blog-post-details .blog-post-title a:hover {
	color: var(--hx-theme-color);
}

.blog-post .blog-post-content .blog-post-details .blog-post-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 5px 0;
}

.blog-post .blog-post-content .blog-post-details .blog-post-meta a {
	padding: 0 15px;
	border-right: 1px solid #f6f6f6;
	color: #626262;
	font-weight: 500;
}

.blog-post .blog-post-content .blog-post-details .blog-post-meta a:first-child {
	padding-left: 0;
}

.blog-post .blog-post-content .blog-post-details .blog-post-meta a:hover {
	color: var(--hx-theme-color);
}

/* blog post sticky */
.blog-post-sticky .blog-post-image {
	position: relative;
}

.blog-post-sticky .blog-post-image:before {
	content: "\f005";
	position: absolute;
	top: 7px;
	right: 5px;
	z-index: 2;
	font-family: "Font Awesome 5 free";
	color: #ffffff;
	font-size: 14px;
	font-weight: 900;
	line-height: normal;
}

.blog-post-sticky .blog-post-image:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	z-index: 1;
	border-style: solid;
	border-width: 0 45px 45px 0;
	border-color: transparent var(--hx-theme-color) transparent transparent;
}

.post-navigation .nav-previous {
	display: inline-block;
}

.post-navigation .nav-previous span {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 230px;
	display: inline-block;
}

.post-navigation .nav-next {
	display: inline-block;
	position: relative;
	float: right;
}

.post-navigation .nav-next span {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 230px;
	display: inline-block;
}

.pagination {
	margin-bottom: 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.comments .media-body p:last-child {
	margin-bottom: 0;
}

/*************************
			 Responsive
*************************/
@media (max-width: 767px) {
	.post-navigation .nav-previous {
		display: block;
		text-align: center;
	}

	.post-navigation .nav-next {
		display: block;
		text-align: center;
		float: none;
	}
}

@media (max-width: 575px) {
	.blog-post-meta {
		display: block;
	}

	.blog-post-meta a {
		display: inline-block;
		margin-bottom: 5px;
	}

	.post-navigation .nav-previous span,
	.post-navigation .nav-next span {
		width: 150px;
	}
}

/*****************************
		Footer
*****************************/
.footer {
	/* Social icon */
}

.footer .container-fluid {
	padding: 0 100px;
}

.footer .footer-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.footer .footer-link ul {
	padding-right: 50px;
}

.footer .footer-link ul:last-child {
	padding-right: 0px;
}

.footer .footer-link ul li a {
	color: #293745;
	font-weight: 500;
	padding: 7px 0px;
	display: block;
}

.footer .footer-link ul li:hover a {
	color: var(--hx-theme-color);
}

.footer .footer-link ul li:first-child a {
	padding-top: 0;
}

.footer .footer-link ul li:last-child a {
	padding-bottom: 0;
}

.footer .social-icon li {
	display: inline-block;
	margin-right: 50px;
}

.footer .social-icon li:last-child {
	margin-right: 0;
}

.footer .social-icon li a {
	font-size: 18px;
	color: var(--hx-block-color);
}

.footer .social-icon li:hover a {
	color: var(--hx-theme-color);
}

.footer .footer-contact-info p {
	color: #293745;
	font-weight: 500;
}

.footer .flag-svg {
	height: 30px;
}

.footer.bg-dark .footer-link ul li a {
	color: #ffffff;
}

.footer.bg-dark .footer-link ul li a:hover {
	color: var(--hx-theme-color);
}

.footer.bg-dark .social-icon li {
	margin-right: 30px;
}

.footer.bg-dark .social-icon li a {
	color: #ffffff;
}

.footer.bg-dark .social-icon li a:hover {
	color: var(--hx-theme-color);
}

/*************************
			 Responsive
*************************/
@media (max-width: 767px) {
	.social-icon-lg li i {
		font-size: 24px;
	}
}

@media (max-width: 575px) {
	.footer-link {
		display: block;
	}

	.footer-link ul li:first-child a {
		padding-top: 7px;
	}

	.footer-link ul li:last-child a {
		padding-bottom: 7px;
	}

	/* Social icon */
	.social-icon li {
		padding: 0 10px;
		margin-right: 8px;
	}

	.social-icon li i {
		font-size: 18px;
	}
}

/*************************
			 Responsive
*************************/
/*************************
			 1700px
*************************/
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.footer .container-fluid {
		padding: 0 15px;
	}
}

@media (max-width: 991px) {
	.space-ptb {
		padding: 70px 0;
	}

	.space-pt {
		padding-top: 70px;
	}

	.space-pb {
		padding-bottom: 70px;
	}

	.footer .container-fluid {
		padding: 0 50px;
	}

	.swiper-button-prev,
	.swiper-button-next {
		display: none;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.container {
		max-width: 96%;
	}

	.display-4 {
		font-size: 3rem;
	}
}

@media (max-width: 767px) {
	h1 {
		font-size: 32px;
	}

	h2 {
		font-size: 28px;
	}

	h3 {
		font-size: 24px;
	}

	h4 {
		font-size: 20px;
	}

	h5 {
		font-size: 18px;
	}

	h6 {
		font-size: 17px;
	}

	.space-ptb {
		padding: 50px 0;
	}

	.display-2 {
		font-size: 3rem !important;
	}

	.display-4 {
		font-size: 2rem;
	}

	.space-pt {
		padding-top: 50px;
	}

	.space-pb {
		padding-bottom: 50px;
	}

	.container {
		max-width: 100%;
	}

	.footer .container-fluid {
		padding: 0 30px;
	}

	.owl-carousel.testimonial .owl-nav i {
		display: none;
	}
}

@media (max-width: 575px) {
	h1 {
		font-size: 30px;
	}

	h2 {
		font-size: 24px;
	}

	h3 {
		font-size: 22px;
	}

	.testimonial .testimonial-item .testimonial-content p {
		font-size: 18px;
	}

	.footer.bg-dark .social-icon li {
		margin-bottom: 7px;
	}

	.footer .footer-link {
		display: block;
	}

	.pagination .page-item .page-link {
		padding: 10px 15px;
	}

	.footer .social-icon li {
		margin-right: 0;
	}

	.category-style-03 {
		display: block;
	}

	.category-style-03 a.category-item {
		display: inline-table;
	}
}

@media (max-width: 479px) {
	.footer .container-fluid {
		padding: 0 15px;
	}

	.font-xlll {
		font-size: 30px;
		line-height: 30px;
	}
}

:where(.uc-dark) .dark\:bg-primary,
:where(.uc-dark) .dark\:hover\:bg-primary:hover {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

:where(.uc-dark) .dark\:bg-secondary,
:where(.uc-dark) .dark\:hover\:bg-secondary:hover {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

:where(.uc-dark) .dark\:bg-success {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

:where(.uc-dark) .dark\:bg-gray-100 {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-gray-100-rgb), var(--bs-bg-opacity)) !important
}

:where(.uc-dark) .dark\:bg-gray-300 {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-gray-300-rgb), var(--bs-bg-opacity)) !important
}

:where(.uc-dark) .dark\:hover\:bg-gray-500:hover {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-gray-500-rgb), var(--bs-bg-opacity)) !important
}

:where(.uc-dark) .dark\:bg-gray-600 {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-gray-600-rgb), var(--bs-bg-opacity)) !important
}

:where(.uc-dark) .dark\:bg-gray-700,
:where(.uc-dark) .dark\:hover\:bg-gray-700:hover {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-gray-700-rgb), var(--bs-bg-opacity)) !important
}

:where(.uc-dark) .dark\:bg-gray-800,
:where(.uc-dark) .dark\:hover\:bg-gray-800:hover {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-gray-800-rgb), var(--bs-bg-opacity)) !important
}

:where(.uc-dark) .dark\:bg-gray-900 {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-gray-900-rgb), var(--bs-bg-opacity)) !important
}

:where(.uc-dark) .dark\:bg-primary-700 {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-primary-700-rgb), var(--bs-bg-opacity)) !important
}

:where(.uc-dark) .dark\:bg-blue {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-blue-rgb), var(--bs-bg-opacity)) !important
}

:where(.uc-dark) .dark\:bg-indigo {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-indigo-rgb), var(--bs-bg-opacity)) !important
}

:where(.uc-dark) .dark\:bg-orange {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-orange-rgb), var(--bs-bg-opacity)) !important
}

:where(.uc-dark) .dark\:bg-tertiary,
:where(.uc-dark) .dark\:hover\:bg-tertiary:hover {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-tertiary-rgb), var(--bs-bg-opacity)) !important
}

:where(.uc-dark) .dark\:hover\:bg-tertiary-300:hover {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-tertiary-300-rgb), var(--bs-bg-opacity)) !important
}

:where(.uc-dark) .dark\:bg-tertiary-600 {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-tertiary-600-rgb), var(--bs-bg-opacity)) !important
}

:where(.uc-dark) .dark\:bg-tertiary-700 {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-tertiary-700-rgb), var(--bs-bg-opacity)) !important
}

:where(.uc-dark) .dark\:bg-tertiary-800 {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-tertiary-800-rgb), var(--bs-bg-opacity)) !important
}

:where(.uc-dark) .dark\:bg-black {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

:where(.uc-dark) .dark\:bg-white,
:where(.uc-dark) .dark\:hover\:bg-white:hover {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

:where(.uc-dark) .dark\:bg-transparent {
	--bs-bg-opacity: 1;
	background-color: rgba(0, 0, 0, 0) !important
}

.text-gray {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-gray-rgb), var(--bs-text-opacity)) !important
}

.text-gray-100 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-gray-100-rgb), var(--bs-text-opacity)) !important
}

.text-gray-200 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-gray-200-rgb), var(--bs-text-opacity)) !important
}

.text-gray-300 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-gray-300-rgb), var(--bs-text-opacity)) !important
}

.text-gray-400 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-gray-400-rgb), var(--bs-text-opacity)) !important
}

.text-gray-500 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-gray-500-rgb), var(--bs-text-opacity)) !important
}

.text-gray-600 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-gray-600-rgb), var(--bs-text-opacity)) !important
}

.text-gray-900 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-gray-900-rgb), var(--bs-text-opacity)) !important
}

.text-primary-200 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-primary-200-rgb), var(--bs-text-opacity)) !important
}

.text-primary-400 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-primary-400-rgb), var(--bs-text-opacity)) !important
}

.hover\:text-primary-600:hover {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-primary-600-rgb), var(--bs-text-opacity)) !important
}

.text-primary-700 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-primary-700-rgb), var(--bs-text-opacity)) !important
}

.text-secondary-200 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-secondary-200-rgb), var(--bs-text-opacity)) !important
}

.text-secondary-300 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-secondary-300-rgb), var(--bs-text-opacity)) !important
}

.text-secondary-900 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-secondary-900-rgb), var(--bs-text-opacity)) !important
}

.text-warning-600 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-warning-600-rgb), var(--bs-text-opacity)) !important
}

.text-blue {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-blue-rgb), var(--bs-text-opacity)) !important
}

.text-indigo {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-indigo-rgb), var(--bs-text-opacity)) !important
}

.text-purple-600 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-purple-600-rgb), var(--bs-text-opacity)) !important
}

.text-red {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-red-rgb), var(--bs-text-opacity)) !important
}

.text-orange {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-orange-rgb), var(--bs-text-opacity)) !important
}

.text-yellow {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-yellow-rgb), var(--bs-text-opacity)) !important
}

.text-green {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-green-rgb), var(--bs-text-opacity)) !important
}

.text-lime-200 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-lime-200-rgb), var(--bs-text-opacity)) !important
}

.hover\:text-tertiary:hover,
.text-tertiary {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-tertiary-rgb), var(--bs-text-opacity)) !important
}

.text-tertiary-100 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-tertiary-100-rgb), var(--bs-text-opacity)) !important
}

.text-tertiary-200 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-tertiary-200-rgb), var(--bs-text-opacity)) !important
}

.text-tertiary-400 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-tertiary-400-rgb), var(--bs-text-opacity)) !important
}

.text-tertiary-700 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-tertiary-700-rgb), var(--bs-text-opacity)) !important
}

.text-tertiary-900 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-tertiary-900-rgb), var(--bs-text-opacity)) !important
}

.hover\:text-black:hover,
.text-black {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white:hover,
.text-white {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
	--bs-text-opacity: 1;
	color: var(--bs-secondary-color) !important
}

:where(.uc-dark) .dark\:hover\:text-primary:hover,
:where(.uc-dark) .dark\:text-primary {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

:where(.uc-dark) .dark\:text-secondary {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

:where(.uc-dark) .dark\:text-success {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

:where(.uc-dark) .dark\:hover\:text-dark:hover,
:where(.uc-dark) .dark\:text-dark {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

:where(.uc-dark) .dark\:text-gray-100 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-gray-100-rgb), var(--bs-text-opacity)) !important
}

:where(.uc-dark) .dark\:text-gray-200 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-gray-200-rgb), var(--bs-text-opacity)) !important
}

:where(.uc-dark) .dark\:text-gray-300 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-gray-300-rgb), var(--bs-text-opacity)) !important
}

:where(.uc-dark) .dark\:text-gray-700 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-gray-700-rgb), var(--bs-text-opacity)) !important
}

:where(.uc-dark) .dark\:hover\:text-gray-900:hover {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-gray-900-rgb), var(--bs-text-opacity)) !important
}

:where(.uc-dark) .dark\:text-primary-400 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-primary-400-rgb), var(--bs-text-opacity)) !important
}

:where(.uc-dark) .dark\:hover\:text-primary-700:hover,
:where(.uc-dark) .dark\:text-primary-700 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-primary-700-rgb), var(--bs-text-opacity)) !important
}

:where(.uc-dark) .dark\:text-blue {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-blue-rgb), var(--bs-text-opacity)) !important
}

:where(.uc-dark) .dark\:text-indigo {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-indigo-rgb), var(--bs-text-opacity)) !important
}

:where(.uc-dark) .dark\:text-orange {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-orange-rgb), var(--bs-text-opacity)) !important
}

:where(.uc-dark) .dark\:text-yellow-400 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-yellow-400-rgb), var(--bs-text-opacity)) !important
}

:where(.uc-dark) .dark\:hover\:text-tertiary:hover,
:where(.uc-dark) .dark\:text-tertiary {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-tertiary-rgb), var(--bs-text-opacity)) !important
}

:where(.uc-dark) .dark\:text-tertiary-200 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-tertiary-200-rgb), var(--bs-text-opacity)) !important
}

:where(.uc-dark) .dark\:text-tertiary-400 {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-tertiary-400-rgb), var(--bs-text-opacity)) !important
}

:where(.uc-dark) .dark\:hover\:text-white:hover,
:where(.uc-dark) .dark\:text-white {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.panel {
	display: flow-root;
	position: relative;
	box-sizing: border-box
}

.panel>:last-child {
	margin-bottom: 0
}

.section {
	display: flow-root;
	position: relative;
	box-sizing: border-box
}

.media-cover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	object-fit: cover
}

.position-cover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.hr,
.vr,
hr {
	display: inline-block;
	align-self: stretch;
	background-color: currentcolor;
	opacity: .25;
	margin: 0
}

.hr,
hr {
	height: 1px;
	min-width: 1em;
	border-top-color: var(--border-color)
}

.hr.border,
hr.border {
	border-bottom: 0 !important
}

.vr {
	width: 1px !important;
	min-height: 1em !important;
	border-left: 1px solid var(--border-color)
}

.vr.border {
	border-left: 0 !important
}

.link-gradient,
.text-gradient {
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.link-gradient {
	border-bottom: 1px solid;
	border-color: var(--border-color)
}

.hstack {
	display: flex;
	flex-direction: row;
	align-items: center;
	align-self: stretch
}

.hstack,
html.bp-lg .lg\:hstack,
html.bp-md .md\:hstack,
html.bp-sm .hstack-sm,
html.bp-sm .sm\:hstack {
	display: flex;
	flex-direction: row;
	align-items: center;
	align-self: stretch
}

.vstack {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	align-self: stretch
}

.cstack {
	display: flex;
	justify-content: center;
	align-items: center
}

[class*=ratio-] {
	position: relative;
	width: 100%
}

[class*=ratio-]::before {
	display: block;
	padding-top: var(--bs-aspect-ratio);
	content: ""
}

[class*=ratio-]>* {
	object-fit: cover
}


.uc-offcanvas-bar .uc-link:hover,
.uc-offcanvas-bar a:hover {
	transition: color .2s;
	color: var(--color-gray-900)
}

.uc-offcanvas-bar .uc-link:hover:where(.uc-dark),
.uc-offcanvas-bar a:hover:where(.uc-dark),
:where(.uc-dark) .uc-offcanvas-bar .uc-link:hover,
:where(.uc-dark) .uc-offcanvas-bar a:hover {
	color: #fff
}

.uc-link {
	color: var(--color-primary);
	font-weight: 500
}

.uc-link:hover {
	color: var(--color-primary-600)
}

.uc-list-divider>:nth-child(n+2) {
	border-top: 1px solid var(--border-color)
}

@media(min-width:459px) {
	.sm\:overflow-hidden {
		overflow: hidden !important
	}

	.sm\:d-inline-block {
		display: inline-block !important
	}

	.sm\:d-block {
		display: block !important
	}

	.sm\:d-none {
		display: none !important
	}

	.shadow-sm {
		box-shadow: 0 .5rem 1rem -.1rem var(--shadow-color) !important
	}

	.sm\:border-3 {
		border-width: 3px !important
	}

	.sm\:w-32px {
		width: 32px !important
	}

	.sm\:w-48px {
		width: 48px !important
	}

	.sm\:w-56px {
		width: 56px !important
	}

	.sm\:w-64px {
		width: 64px !important
	}

	.sm\:w-80px {
		width: 80px !important
	}

	.sm\:w-250px {
		width: 250px !important
	}

	.sm\:w-300px {
		width: 300px !important
	}

	.sm\:w-350px {
		width: 350px !important
	}

	.sm\:w-400px {
		width: 400px !important
	}

	.sm\:w-500px {
		width: 500px !important
	}

	.sm\:w-550px {
		width: 550px !important
	}

	.sm\:w-3\/5 {
		width: 60% !important
	}

	.sm\:w-1\/2 {
		width: 50% !important
	}

	.sm\:w-auto {
		width: auto !important
	}

	.sm\:max-w-450px {
		max-width: 450px !important
	}

	.sm\:max-w-500px {
		max-width: 500px !important
	}

	.sm\:max-w-600px {
		max-width: 600px !important
	}

	.sm\:max-w-md {
		max-width: 720px !important
	}

	.sm\:max-w-lg {
		max-width: 1040px !important
	}

	.sm\:h-32px {
		height: 32px !important
	}

	.sm\:h-40px {
		height: 40px !important
	}

	.sm\:h-48px {
		height: 48px !important
	}

	.sm\:h-56px {
		height: 56px !important
	}

	.sm\:h-64px {
		height: 64px !important
	}

	.sm\:h-80px {
		height: 80px !important
	}

	.sm\:h-300px {
		height: 300px !important
	}

	.sm\:h-500px {
		height: 500px !important
	}

	.sm\:h-600px {
		height: 600px !important
	}

	.sm\:h-2\/3 {
		height: 66.6666667% !important
	}

	.sm\:max-h-700px {
		max-height: 700px !important
	}

	.sm\:order-0 {
		order: 0 !important
	}

	.sm\:order-1 {
		order: 1 !important
	}

	.sm\:order-2 {
		order: 2 !important
	}

	.sm\:m-0 {
		margin: 0 !important
	}

	.sm\:mx-auto {
		margin-right: auto !important;
		margin-left: auto !important
	}

	.sm\:my-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important
	}

	.sm\:my-4 {
		margin-top: 2rem !important;
		margin-bottom: 2rem !important
	}

	.sm\:mt-0 {
		margin-top: 0 !important
	}

	.sm\:mt-1 {
		margin-top: .5rem !important
	}

	.sm\:mt-2 {
		margin-top: 1rem !important
	}

	.sm\:mt-3 {
		margin-top: 1.5rem !important
	}

	.sm\:mt-4 {
		margin-top: 2rem !important
	}

	.sm\:mt-6 {
		margin-top: 3rem !important
	}

	.sm\:mt-8 {
		margin-top: 4rem !important
	}

	[dir=rtl] .rtl\:sm\:me-2 {
		margin-right: 1rem !important
	}

	.sm\:mb-2 {
		margin-bottom: 1rem !important
	}

	.sm\:mb-4 {
		margin-bottom: 2rem !important
	}

	.sm\:mb-6 {
		margin-bottom: 3rem !important
	}

	.sm\:mb-8 {
		margin-bottom: 4rem !important
	}

	[dir=ltr] .ltr\:sm\:ms-2 {
		margin-left: 1rem !important
	}

	.sm\:p-3 {
		padding: 1.5rem !important
	}

	.sm\:p-4 {
		padding: 2rem !important
	}

	.sm\:p-6 {
		padding: 3rem !important
	}

	.sm\:px-0 {
		padding-right: 0 !important;
		padding-left: 0 !important
	}

	.sm\:px-3 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important
	}

	.sm\:px-4 {
		padding-right: 2rem !important;
		padding-left: 2rem !important
	}

	.sm\:py-6 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important
	}

	.sm\:py-8 {
		padding-top: 4rem !important;
		padding-bottom: 4rem !important
	}

	.sm\:py-9 {
		padding-top: 6rem !important;
		padding-bottom: 6rem !important
	}

	.sm\:pt-4 {
		padding-top: 2rem !important
	}

	.sm\:pt-6 {
		padding-top: 3rem !important
	}

	.sm\:pt-8 {
		padding-top: 4rem !important
	}

	.sm\:pt-10 {
		padding-top: 8rem !important
	}

	.sm\:pb-6 {
		padding-bottom: 3rem !important
	}

	.sm\:pb-8 {
		padding-bottom: 4rem !important
	}

	.sm\:pb-9 {
		padding-bottom: 6rem !important
	}

	.sm\:gap-0 {
		gap: 0 !important
	}

	.sm\:gap-2 {
		gap: 1rem !important
	}

	.sm\:gap-3 {
		gap: 1.5rem !important
	}

	.sm\:gap-4 {
		gap: 2rem !important
	}

	.sm\:gap-6 {
		gap: 3rem !important
	}

	.sm\:gap-8 {
		gap: 4rem !important
	}

	.sm\:fs-4 {
		font-size: 1.25rem !important
	}

	.sm\:fs-5 {
		font-size: 1.125rem !important
	}

	.sm\:fs-6 {
		font-size: 1rem !important
	}

	.sm\:fs-7 {
		font-size: .875rem !important
	}

	.sm\:text-start,
	[dir=ltr] .ltr\:sm\:text-start {
		text-align: left !important
	}

	[dir=rtl] .rtl\:sm\:text-end {
		text-align: right !important
	}

	.sm\:text-center {
		text-align: center !important
	}

	.sm\:rounded {
		border-radius: var(--radius) !important
	}

	.sm\:rounded-1-5 {
		border-radius: 12px !important
	}

	.sm\:rounded-2 {
		border-radius: 16px !important
	}

	.sm\:rounded-3 {
		border-radius: 24px !important
	}

	.sm\:rounded-pill {
		border-radius: 50rem !important
	}

	.sm\:rounded-start-0 {
		border-bottom-left-radius: 0 !important;
		border-top-left-radius: 0 !important
	}

	.sm\:g-row-span-3 {
		grid-row: span 3/span 3 !important
	}

	.sm\:g-row-start-1 {
		grid-row-start: 1 !important
	}

	.sm\:g-row-start-4 {
		grid-row-start: 4 !important
	}

	.sm\:g-row-start-7 {
		grid-row-start: 7 !important
	}

	.sm\:g-row-start-10 {
		grid-row-start: 10 !important
	}

	.sm\:g-col-span-6 {
		grid-column: span 6/span 6 !important
	}

	.sm\:g-col-start-4 {
		grid-column-start: 4 !important
	}

	.sm\:g-col-start-7 {
		grid-column-start: 7 !important
	}

	.sm\:min-w-64px {
		min-width: 64px !important
	}

	.sm\:min-w-100px {
		min-width: 100px !important
	}

	.sm\:min-w-150px {
		min-width: 150px !important
	}

	.sm\:min-h-64px {
		min-height: 64px !important
	}

	.sm\:min-h-100px {
		min-height: 100px !important
	}

	.sm\:icon-3 {
		width: 32px !important;
		height: 32px !important;
		font-size: 32px !important
	}

	[dir=ltr] .ltr\:sm\:-ls-4 {
		letter-spacing: -4px !important
	}

	.sm\:rounded-top-end-0 {
		border-top-right-radius: 0 !important
	}

	.sm\:rounded-bottom-end-0 {
		border-bottom-right-radius: 0 !important
	}
}

@media(min-width:768px) {
	.md\:d-block {
		display: block !important
	}

	.md\:d-flex {
		display: flex !important
	}

	.md\:d-none {
		display: none !important
	}

	.hover\:shadow-md:hover,
	.shadow-md {
		box-shadow: 0 .5rem 1rem -.1rem var(--shadow-color) !important
	}

	.md\:w-40px {
		width: 40px !important
	}

	.md\:w-48px {
		width: 48px !important
	}

	.md\:w-56px {
		width: 56px !important
	}

	.md\:w-100px {
		width: 100px !important
	}

	.md\:w-500px {
		width: 500px !important
	}

	.md\:w-1\/2 {
		width: 50% !important
	}

	.md\:max-w-128px {
		max-width: 128px !important
	}

	.md\:max-w-150px {
		max-width: 150px !important
	}

	.md\:max-w-1\/2 {
		max-width: 50% !important
	}

	.md\:h-40px {
		height: 40px !important
	}

	.md\:h-48px {
		height: 48px !important
	}

	.md\:h-100px {
		height: 100px !important
	}

	.md\:h-screen {
		height: 100vh !important
	}

	.md\:justify-start {
		justify-content: flex-start !important
	}

	.md\:items-end {
		align-items: flex-end !important
	}

	.md\:order-1 {
		order: 1 !important
	}

	.md\:order-2 {
		order: 2 !important
	}

	.md\:m-2 {
		margin: 1rem !important
	}

	.md\:my-2 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important
	}

	.md\:my-3 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important
	}

	.md\:mt-2 {
		margin-top: 1rem !important
	}

	.md\:mt-4 {
		margin-top: 2rem !important
	}

	.md\:mt-6 {
		margin-top: 3rem !important
	}

	.md\:mt-8 {
		margin-top: 4rem !important
	}

	.md\:me-2 {
		margin-right: 1rem !important
	}

	.md\:mb-4 {
		margin-bottom: 2rem !important
	}

	.md\:mb-5 {
		margin-bottom: 2.5rem !important
	}

	.md\:ms-2 {
		margin-left: 1rem !important
	}

	.md\:mt-n10 {
		margin-top: -8rem !important
	}

	.md\:p-2 {
		padding: 1rem !important
	}

	.md\:p-3 {
		padding: 1.5rem !important
	}

	.md\:p-4 {
		padding: 2rem !important
	}

	.md\:p-6 {
		padding: 3rem !important
	}

	.md\:p-8 {
		padding: 4rem !important
	}

	.md\:px-4 {
		padding-right: 2rem !important;
		padding-left: 2rem !important
	}

	.md\:py-6 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important
	}

	.md\:py-8 {
		padding-top: 4rem !important;
		padding-bottom: 4rem !important
	}

	.md\:pt-6 {
		padding-top: 3rem !important
	}

	.md\:pt-8 {
		padding-top: 4rem !important
	}

	[dir=ltr] .ltr\:md\:pe-8 {
		padding-right: 4rem !important
	}

	.md\:pb-0 {
		padding-bottom: 0 !important
	}

	.md\:pb-6 {
		padding-bottom: 3rem !important
	}

	[dir=rtl] .rtl\:md\:ps-8 {
		padding-left: 4rem !important
	}

	.md\:gap-2 {
		gap: 1rem !important
	}

	.md\:gap-3 {
		gap: 1.5rem !important
	}

	.md\:gap-4 {
		gap: 2rem !important
	}

	.md\:gap-6 {
		gap: 3rem !important
	}

	.md\:fs-5 {
		font-size: 1.125rem !important
	}

	.md\:fs-6 {
		font-size: 1rem !important
	}

	.md\:min-h-250px {
		min-height: 250px !important
	}

	.md\:icon-1 {
		width: 20px !important;
		height: 20px !important;
		font-size: 20px !important
	}

	.md\:icon-2 {
		width: 24px !important;
		height: 24px !important;
		font-size: 24px !important
	}
}

@media(min-width:992px) {
	.lg\:overflow-hidden {
		overflow: hidden !important
	}

	.lg\:d-inline-block {
		display: inline-block !important
	}

	.lg\:d-block {
		display: block !important
	}

	.lg\:d-flex {
		display: flex !important
	}

	.lg\:d-inline-flex {
		display: inline-flex !important
	}

	.lg\:d-none {
		display: none !important
	}

	.shadow-lg {
		box-shadow: 0 .5rem 1rem -.1rem var(--shadow-color) !important
	}

	.lg\:shadow-lg {
		box-shadow: 0 1rem 1.5rem -.1rem var(--shadow-color) !important
	}

	.lg\:shadow-xl {
		box-shadow: 0 1.5rem 2rem -.1rem var(--shadow-color) !important
	}

	.lg\:w-40px {
		width: 40px !important
	}

	.lg\:w-48px {
		width: 48px !important
	}

	.lg\:w-56px {
		width: 56px !important
	}

	.lg\:w-64px {
		width: 64px !important
	}

	.lg\:w-72px {
		width: 72px !important
	}

	.lg\:w-80px {
		width: 80px !important
	}

	.lg\:w-96px {
		width: 96px !important
	}

	.lg\:w-100px {
		width: 100px !important
	}

	.lg\:w-128px {
		width: 128px !important
	}

	.lg\:w-150px {
		width: 150px !important
	}

	.lg\:w-200px {
		width: 200px !important
	}

	.lg\:w-250px {
		width: 250px !important
	}

	.lg\:w-300px {
		width: 300px !important
	}

	.lg\:w-350px {
		width: 350px !important
	}

	.lg\:w-450px {
		width: 450px !important
	}

	.lg\:w-500px {
		width: 500px !important
	}

	.lg\:w-800px {
		width: 800px !important
	}

	.lg\:w-1\/6 {
		width: 16.6666667% !important
	}

	.lg\:w-5\/6 {
		width: 83.3333333% !important
	}

	.lg\:w-1\/3 {
		width: 33.3333333% !important
	}

	.lg\:w-1\/2 {
		width: 50% !important
	}

	.lg\:max-w-56px {
		max-width: 56px !important
	}

	.lg\:max-w-80px {
		max-width: 80px !important
	}

	.lg\:max-w-128px {
		max-width: 128px !important
	}

	.lg\:max-w-150px {
		max-width: 150px !important
	}

	.lg\:max-w-300px {
		max-width: 300px !important
	}

	.lg\:max-w-350px {
		max-width: 350px !important
	}

	.lg\:max-w-500px {
		max-width: 500px !important
	}

	.lg\:max-w-550px {
		max-width: 550px !important
	}

	.lg\:max-w-600px {
		max-width: 600px !important
	}

	.lg\:max-w-650px {
		max-width: 650px !important
	}

	.lg\:max-w-700px {
		max-width: 700px !important
	}

	.lg\:max-w-750px {
		max-width: 750px !important
	}

	.lg\:max-w-900px {
		max-width: 900px !important
	}

	.lg\:max-w-950px {
		max-width: 950px !important
	}

	.lg\:max-w-3\/5 {
		max-width: 60% !important
	}

	.lg\:max-w-1\/2 {
		max-width: 50% !important
	}

	.lg\:max-w-lg {
		max-width: 1040px !important
	}

	.lg\:h-40px {
		height: 40px !important
	}

	.lg\:h-48px {
		height: 48px !important
	}

	.lg\:h-56px {
		height: 56px !important
	}

	.lg\:h-64px {
		height: 64px !important
	}

	.lg\:h-80px {
		height: 80px !important
	}

	.lg\:h-96px {
		height: 96px !important
	}

	.lg\:h-100px {
		height: 100px !important
	}

	.lg\:h-150px {
		height: 150px !important
	}

	.lg\:h-350px {
		height: 350px !important
	}

	.lg\:h-500px {
		height: 500px !important
	}

	.lg\:h-100 {
		height: 100% !important
	}

	.lg\:h-screen {
		height: 100vh !important
	}

	.lg\:max-h-550px {
		max-height: 550px !important
	}

	.lg\:justify-start {
		justify-content: flex-start !important
	}

	.lg\:justify-center {
		justify-content: center !important
	}

	.lg\:justify-end {
		justify-content: flex-end !important
	}

	.lg\:justify-between {
		justify-content: space-between !important
	}

	.lg\:items-start {
		align-items: flex-start !important
	}

	.lg\:order-0 {
		order: 0 !important
	}

	.lg\:order-1 {
		order: 1 !important
	}

	.lg\:order-2 {
		order: 2 !important
	}

	.lg\:m-0 {
		margin: 0 !important
	}

	.lg\:m-2 {
		margin: 1rem !important
	}

	.lg\:m-6 {
		margin: 3rem !important
	}

	.lg\:m-auto {
		margin: auto !important
	}

	.lg\:mx-0 {
		margin-right: 0 !important;
		margin-left: 0 !important
	}

	.lg\:mx-2 {
		margin-right: 1rem !important;
		margin-left: 1rem !important
	}

	.lg\:mx-3 {
		margin-right: 1.5rem !important;
		margin-left: 1.5rem !important
	}

	.lg\:mx-auto {
		margin-right: auto !important;
		margin-left: auto !important
	}

	.lg\:my-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important
	}

	.lg\:my-3 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important
	}

	.lg\:my-4 {
		margin-top: 2rem !important;
		margin-bottom: 2rem !important
	}

	.lg\:my-6 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important
	}

	.lg\:mt-0 {
		margin-top: 0 !important
	}

	.lg\:mt-2 {
		margin-top: 1rem !important
	}

	.lg\:mt-3 {
		margin-top: 1.5rem !important
	}

	.lg\:mt-4 {
		margin-top: 2rem !important
	}

	.lg\:mt-6 {
		margin-top: 3rem !important
	}

	.lg\:mt-8 {
		margin-top: 4rem !important
	}

	.lg\:mt-9 {
		margin-top: 6rem !important
	}

	[dir=rtl] .rtl\:lg\:me-2 {
		margin-right: 1rem !important
	}

	.lg\:me-5 {
		margin-right: 2.5rem !important
	}

	.lg\:mb-narrow {
		margin-bottom: .25rem !important
	}

	.lg\:mb-2 {
		margin-bottom: 1rem !important
	}

	.lg\:mb-3 {
		margin-bottom: 1.5rem !important
	}

	.lg\:mb-5 {
		margin-bottom: 2.5rem !important
	}

	.lg\:mb-6 {
		margin-bottom: 3rem !important
	}

	.lg\:mb-7 {
		margin-bottom: 3.5rem !important
	}

	.lg\:mb-8 {
		margin-bottom: 4rem !important
	}

	.lg\:mb-9 {
		margin-bottom: 6rem !important
	}

	[dir=ltr] .ltr\:lg\:ms-2,
	[dir=rtl] .rtl\:lg\:ms-2 {
		margin-left: 1rem !important
	}

	.lg\:mt-n6 {
		margin-top: -3rem !important
	}

	.lg\:mt-n8 {
		margin-top: -4rem !important
	}

	.lg\:p-1 {
		padding: .5rem !important
	}

	.lg\:p-2 {
		padding: 1rem !important
	}

	.lg\:p-3 {
		padding: 1.5rem !important
	}

	.lg\:p-4 {
		padding: 2rem !important
	}

	.lg\:p-5 {
		padding: 2.5rem !important
	}

	.lg\:p-6 {
		padding: 3rem !important
	}

	.lg\:p-8 {
		padding: 4rem !important
	}

	.lg\:px-0 {
		padding-right: 0 !important;
		padding-left: 0 !important
	}

	.lg\:px-2 {
		padding-right: 1rem !important;
		padding-left: 1rem !important
	}

	.lg\:px-3 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important
	}

	.lg\:px-4 {
		padding-right: 2rem !important;
		padding-left: 2rem !important
	}

	.lg\:px-5 {
		padding-right: 2.5rem !important;
		padding-left: 2.5rem !important
	}

	.lg\:px-6 {
		padding-right: 3rem !important;
		padding-left: 3rem !important
	}

	.lg\:px-7 {
		padding-right: 3.5rem !important;
		padding-left: 3.5rem !important
	}

	.lg\:px-8 {
		padding-right: 4rem !important;
		padding-left: 4rem !important
	}

	.lg\:py-4 {
		padding-top: 2rem !important;
		padding-bottom: 2rem !important
	}

	.lg\:py-5 {
		padding-top: 2.5rem !important;
		padding-bottom: 2.5rem !important
	}

	.lg\:py-6 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important
	}

	.lg\:py-8 {
		padding-top: 4rem !important;
		padding-bottom: 4rem !important
	}

	.lg\:py-9 {
		padding-top: 6rem !important;
		padding-bottom: 6rem !important
	}

	.lg\:py-10 {
		padding-top: 8rem !important;
		padding-bottom: 8rem !important
	}

	.lg\:pt-0 {
		padding-top: 0 !important
	}

	.lg\:pt-2 {
		padding-top: 1rem !important
	}

	.lg\:pt-4 {
		padding-top: 2rem !important
	}

	.lg\:pt-6 {
		padding-top: 3rem !important
	}

	.lg\:pt-8 {
		padding-top: 4rem !important
	}

	.lg\:pt-9 {
		padding-top: 6rem !important
	}

	.lg\:pt-10 {
		padding-top: 8rem !important
	}

	[dir=rtl] .rtl\:lg\:pe-4 {
		padding-right: 2rem !important
	}

	.lg\:pb-3 {
		padding-bottom: 1.5rem !important
	}

	.lg\:pb-4 {
		padding-bottom: 2rem !important
	}

	.lg\:pb-6 {
		padding-bottom: 3rem !important
	}

	.lg\:pb-8 {
		padding-bottom: 4rem !important
	}

	.lg\:pb-9 {
		padding-bottom: 6rem !important
	}

	[dir=ltr] .ltr\:lg\:ps-4 {
		padding-left: 2rem !important
	}

	.lg\:gap-narrow {
		gap: .25rem !important
	}

	.lg\:gap-1 {
		gap: .5rem !important
	}

	.lg\:gap-2 {
		gap: 1rem !important
	}

	.lg\:gap-3 {
		gap: 1.5rem !important
	}

	.lg\:gap-4 {
		gap: 2rem !important
	}

	.lg\:gap-6 {
		gap: 3rem !important
	}

	.lg\:gap-8 {
		gap: 4rem !important
	}

	.lg\:gap-9 {
		gap: 6rem !important
	}

	.lg\:fs-3 {
		font-size: 1.5rem !important
	}

	.lg\:fs-4 {
		font-size: 1.25rem !important
	}

	.lg\:fs-5 {
		font-size: 1.125rem !important
	}

	.lg\:fs-6 {
		font-size: 1rem !important
	}

	.lg\:text-start,
	[dir=ltr] .ltr\:lg\:text-start {
		text-align: left !important
	}

	[dir=rtl] .rtl\:lg\:text-end {
		text-align: right !important
	}

	.lg\:rounded-1-5 {
		border-radius: 12px !important
	}

	.lg\:rounded-2 {
		border-radius: 16px !important
	}

	.lg\:rounded-3 {
		border-radius: 24px !important
	}

	.lg\:rounded-4 {
		border-radius: 32px !important
	}

	.lg\:rounded-pill {
		border-radius: 50rem !important
	}

	.lg\:rounded-top-0 {
		border-top-left-radius: 0 !important;
		border-top-right-radius: 0 !important
	}

	.lg\:rounded-bottom-2 {
		border-bottom-right-radius: 16px !important;
		border-bottom-left-radius: 16px !important
	}

	.lg\:rounded-bottom-3 {
		border-bottom-right-radius: 24px !important;
		border-bottom-left-radius: 24px !important
	}

	.lg\:rounded-bottom-5 {
		border-bottom-right-radius: 40px !important;
		border-bottom-left-radius: 40px !important
	}

	.lg\:rounded-bottom-0 {
		border-bottom-right-radius: 0 !important;
		border-bottom-left-radius: 0 !important
	}

	.lg\:rounded-start-1-5 {
		border-bottom-left-radius: 12px !important;
		border-top-left-radius: 12px !important
	}

	.lg\:g-row-span-4 {
		grid-row: span 4/span 4 !important
	}

	.lg\:g-row-start-9 {
		grid-row-start: 9 !important
	}

	.lg\:g-col-span-4 {
		grid-column: span 4/span 4 !important
	}

	.lg\:g-col-start-3 {
		grid-column-start: 3 !important
	}

	.lg\:g-col-start-5 {
		grid-column-start: 5 !important
	}

	.lg\:g-col-start-7 {
		grid-column-start: 7 !important
	}

	.lg\:g-col-start-9 {
		grid-column-start: 9 !important
	}

	.lg\:min-w-80px {
		min-width: 80px !important
	}

	.lg\:min-w-150px {
		min-width: 150px !important
	}

	.lg\:min-w-200px {
		min-width: 200px !important
	}

	.lg\:min-w-300px {
		min-width: 300px !important
	}

	.lg\:min-w-1\/4 {
		min-width: 25% !important
	}

	.lg\:min-h-80px {
		min-height: 80px !important
	}

	.lg\:min-h-96px {
		min-height: 96px !important
	}

	.lg\:min-h-100px {
		min-height: 100px !important
	}

	.lg\:min-h-600px {
		min-height: 600px !important
	}

	.lg\:icon-3 {
		width: 32px !important;
		height: 32px !important;
		font-size: 32px !important
	}

	.lg\:icon-4 {
		width: 48px !important;
		height: 48px !important;
		font-size: 48px !important
	}

	.lg\:hover\:scale-105:hover {
		transform: scale(1.05) !important
	}

	.lg\:hover\:-translate-y-2:hover {
		transform: translateY(-1rem) !important
	}

	.lg\:-rotate-2 {
		transform: rotate(-2deg) !important
	}

	.lg\:rounded-top-start-0 {
		border-top-left-radius: 0 !important
	}

	.lg\:rounded-top-end-1-5 {
		border-top-right-radius: 12px !important
	}

	.lg\:rounded-top-end-0 {
		border-top-right-radius: 0 !important
	}

	.lg\:rounded-bottom-end-0 {
		border-bottom-right-radius: 0 !important
	}

	.lg\:ratio-1x1 {
		--bs-aspect-ratio: 100% !important
	}
}

@media(min-width:1200px) {
	.xl\:d-block {
		display: block !important
	}

	.xl\:d-flex {
		display: flex !important
	}

	.xl\:d-inline-flex {
		display: inline-flex !important
	}

	.xl\:d-none {
		display: none !important
	}

	.shadow-xl {
		box-shadow: 0 .5rem 1rem -.1rem var(--shadow-color) !important
	}

	.xl\:w-24px {
		width: 24px !important
	}

	.xl\:w-32px {
		width: 32px !important
	}

	.xl\:w-48px {
		width: 48px !important
	}

	.xl\:w-56px {
		width: 56px !important
	}

	.xl\:w-64px {
		width: 64px !important
	}

	.xl\:w-80px {
		width: 80px !important
	}

	.xl\:w-100px {
		width: 100px !important
	}

	.xl\:w-150px {
		width: 150px !important
	}

	.xl\:w-250px {
		width: 250px !important
	}

	.xl\:w-300px {
		width: 300px !important
	}

	.xl\:w-350px {
		width: 350px !important
	}

	.xl\:w-400px {
		width: 400px !important
	}

	.xl\:w-450px {
		width: 450px !important
	}

	.xl\:w-500px {
		width: 500px !important
	}

	.xl\:w-600px {
		width: 600px !important
	}

	.xl\:w-700px {
		width: 700px !important
	}

	.xl\:w-750px {
		width: 750px !important
	}

	.xl\:w-auto {
		width: auto !important
	}

	.xl\:max-w-450px {
		max-width: 450px !important
	}

	.xl\:max-w-500px {
		max-width: 500px !important
	}

	.xl\:max-w-600px {
		max-width: 600px !important
	}

	.xl\:max-w-650px {
		max-width: 650px !important
	}

	.xl\:max-w-700px {
		max-width: 700px !important
	}

	.xl\:max-w-800px {
		max-width: 800px !important
	}

	.xl\:max-w-900px {
		max-width: 900px !important
	}

	.xl\:max-w-3\/4 {
		max-width: 75% !important
	}

	.xl\:max-w-md {
		max-width: 720px !important
	}

	.xl\:max-w-lg {
		max-width: 1040px !important
	}

	.xl\:max-w-xl {
		max-width: 1280px !important
	}

	.xl\:h-48px {
		height: 48px !important
	}

	.xl\:h-56px {
		height: 56px !important
	}

	.xl\:h-64px {
		height: 64px !important
	}

	.xl\:h-100px {
		height: 100px !important
	}

	.xl\:h-200px {
		height: 200px !important
	}

	.xl\:h-400px {
		height: 400px !important
	}

	.xl\:h-650px {
		height: 650px !important
	}

	.xl\:h-750px {
		height: 750px !important
	}

	.xl\:h-screen {
		height: 100vh !important
	}

	.xl\:max-h-850px {
		max-height: 850px !important
	}

	.xl\:m-9 {
		margin: 6rem !important
	}

	.xl\:mx-2 {
		margin-right: 1rem !important;
		margin-left: 1rem !important
	}

	.xl\:mx-9 {
		margin-right: 6rem !important;
		margin-left: 6rem !important
	}

	.xl\:my-8 {
		margin-top: 4rem !important;
		margin-bottom: 4rem !important
	}

	.xl\:my-9 {
		margin-top: 6rem !important;
		margin-bottom: 6rem !important
	}

	.xl\:mt-1 {
		margin-top: .5rem !important
	}

	.xl\:mt-2 {
		margin-top: 1rem !important
	}

	.xl\:mt-3 {
		margin-top: 1.5rem !important
	}

	.xl\:mt-4 {
		margin-top: 2rem !important
	}

	.xl\:mt-6 {
		margin-top: 3rem !important
	}

	.xl\:mt-8 {
		margin-top: 4rem !important
	}

	.xl\:mt-9 {
		margin-top: 6rem !important
	}

	.xl\:mt-10 {
		margin-top: 8rem !important
	}

	.xl\:me-2 {
		margin-right: 1rem !important
	}

	[dir=rtl] .rtl\:xl\:me-3 {
		margin-right: 1.5rem !important
	}

	.xl\:me-4,
	[dir=ltr] .ltr\:xl\:me-4,
	[dir=rtl] .rtl\:xl\:me-4 {
		margin-right: 2rem !important
	}

	[dir=ltr] .ltr\:xl\:me-7 {
		margin-right: 3.5rem !important
	}

	.xl\:mb-2 {
		margin-bottom: 1rem !important
	}

	.xl\:mb-3 {
		margin-bottom: 1.5rem !important
	}

	.xl\:mb-6 {
		margin-bottom: 3rem !important
	}

	.xl\:mb-7 {
		margin-bottom: 3.5rem !important
	}

	.xl\:mb-8 {
		margin-bottom: 4rem !important
	}

	.xl\:mb-9 {
		margin-bottom: 6rem !important
	}

	[dir=ltr] .ltr\:xl\:ms-3,
	[dir=rtl] .rtl\:xl\:ms-3 {
		margin-left: 1.5rem !important
	}

	[dir=ltr] .ltr\:xl\:ms-4,
	[dir=rtl] .rtl\:xl\:ms-4 {
		margin-left: 2rem !important
	}

	[dir=rtl] .rtl\:xl\:ms-7 {
		margin-left: 3.5rem !important
	}

	.xl\:p-1 {
		padding: .5rem !important
	}

	.xl\:p-2 {
		padding: 1rem !important
	}

	.xl\:p-3 {
		padding: 1.5rem !important
	}

	.xl\:p-4 {
		padding: 2rem !important
	}

	.xl\:p-5 {
		padding: 2.5rem !important
	}

	.xl\:p-6 {
		padding: 3rem !important
	}

	.xl\:p-8 {
		padding: 4rem !important
	}

	.xl\:p-9 {
		padding: 6rem !important
	}

	.xl\:px-4 {
		padding-right: 2rem !important;
		padding-left: 2rem !important
	}

	.xl\:px-5 {
		padding-right: 2.5rem !important;
		padding-left: 2.5rem !important
	}

	.xl\:px-6 {
		padding-right: 3rem !important;
		padding-left: 3rem !important
	}

	.xl\:px-7 {
		padding-right: 3.5rem !important;
		padding-left: 3.5rem !important
	}

	.xl\:px-8 {
		padding-right: 4rem !important;
		padding-left: 4rem !important
	}

	.xl\:px-9 {
		padding-right: 6rem !important;
		padding-left: 6rem !important
	}

	.xl\:px-10 {
		padding-right: 8rem !important;
		padding-left: 8rem !important
	}

	.xl\:py-2 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important
	}

	.xl\:py-3 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important
	}

	.xl\:py-6 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important
	}

	.xl\:py-8 {
		padding-top: 4rem !important;
		padding-bottom: 4rem !important
	}

	.xl\:py-9 {
		padding-top: 6rem !important;
		padding-bottom: 6rem !important
	}

	.xl\:py-10 {
		padding-top: 8rem !important;
		padding-bottom: 8rem !important
	}

	.xl\:pt-0 {
		padding-top: 0 !important
	}

	.xl\:pt-4 {
		padding-top: 2rem !important
	}

	.xl\:pt-8 {
		padding-top: 4rem !important
	}

	.xl\:pt-9 {
		padding-top: 6rem !important
	}

	.xl\:pt-10 {
		padding-top: 8rem !important
	}

	[dir=rtl] .rtl\:xl\:pe-6 {
		padding-right: 3rem !important
	}

	.xl\:pb-6 {
		padding-bottom: 3rem !important
	}

	.xl\:pb-9 {
		padding-bottom: 6rem !important
	}

	.xl\:pb-10 {
		padding-bottom: 8rem !important
	}

	.xl\:ps-3 {
		padding-left: 1.5rem !important
	}

	[dir=ltr] .ltr\:xl\:ps-6 {
		padding-left: 3rem !important
	}

	.xl\:gap-1 {
		gap: .5rem !important
	}

	.xl\:gap-2 {
		gap: 1rem !important
	}

	.xl\:gap-3 {
		gap: 1.5rem !important
	}

	.xl\:gap-4 {
		gap: 2rem !important
	}

	.xl\:gap-5 {
		gap: 2.5rem !important
	}

	.xl\:gap-6 {
		gap: 3rem !important
	}

	.xl\:gap-8 {
		gap: 4rem !important
	}

	.xl\:gap-9 {
		gap: 6rem !important
	}

	.xl\:fs-2 {
		font-size: 1.75rem !important
	}

	.xl\:fs-3 {
		font-size: 1.5rem !important
	}

	.xl\:fs-4 {
		font-size: 1.25rem !important
	}

	.xl\:fs-5 {
		font-size: 1.125rem !important
	}

	.xl\:fs-6 {
		font-size: 1rem !important
	}

	.xl\:rounded-2 {
		border-radius: 16px !important
	}

	.xl\:rounded-3 {
		border-radius: 24px !important
	}

	.xl\:rounded-4 {
		border-radius: 32px !important
	}

	.xl\:rounded-top-3 {
		border-top-left-radius: 24px !important;
		border-top-right-radius: 24px !important
	}

	.xl\:rounded-bottom-3 {
		border-bottom-right-radius: 24px !important;
		border-bottom-left-radius: 24px !important
	}

	.xl\:min-w-80px {
		min-width: 80px !important
	}

	.xl\:min-w-200px {
		min-width: 200px !important
	}

	.xl\:min-w-md {
		min-width: 720px !important
	}

	.xl\:min-h-80px {
		min-height: 80px !important
	}

	.xl\:min-h-300px {
		min-height: 300px !important
	}

	.xl\:min-h-700px {
		min-height: 700px !important
	}

	.xl\:icon-2 {
		width: 24px !important;
		height: 24px !important;
		font-size: 24px !important
	}

	.xl\:icon-3 {
		width: 32px !important;
		height: 32px !important;
		font-size: 32px !important
	}
}

[hidden] {
	display: none !important
}

.display-5 {
	font-size: var(--sizes-heading-display-5-size) !important;
	line-height: var(--sizes-heading-display-5-lh) !important;
	letter-spacing: var(--sizes-heading-display-5-lp) !important
}

.h1 {
	font-size: var(--sizes-heading-h1-size) !important;
	line-height: var(--sizes-heading-h1-lh) !important;
	letter-spacing: var(--sizes-heading-h1-lp) !important
}

.h2 {
	font-size: var(--sizes-heading-h2-size) !important;
	line-height: var(--sizes-heading-h2-lh) !important;
	letter-spacing: var(--sizes-heading-h2-lp) !important
}

.h3 {
	font-size: var(--sizes-heading-h3-size) !important;
	line-height: var(--sizes-heading-h3-lh) !important;
	letter-spacing: var(--sizes-heading-h3-lp) !important
}

.h4 {
	font-size: var(--sizes-heading-h4-size) !important;
	line-height: var(--sizes-heading-h4-lh) !important;
	letter-spacing: var(--sizes-heading-h4-lp) !important
}

.h5 {
	font-size: var(--sizes-heading-h5-size) !important;
	line-height: var(--sizes-heading-h5-lh) !important;
	letter-spacing: var(--sizes-heading-h5-lp) !important
}

.h6 {
	font-size: var(--sizes-heading-h6-size) !important;
	line-height: var(--sizes-heading-h6-lh) !important;
	letter-spacing: var(--sizes-heading-h6-lp) !important
}

@media(min-width:459px) {
	.sm\:display-2 {
		font-size: var(--sizes-heading-display-2-size) !important;
		line-height: var(--sizes-heading-display-2-lh) !important;
		letter-spacing: var(--sizes-heading-display-2-lp) !important
	}

	.sm\:display-6 {
		font-size: var(--sizes-heading-display-6-size) !important;
		line-height: var(--sizes-heading-display-6-lh) !important;
		letter-spacing: var(--sizes-heading-display-6-lp) !important
	}

	.sm\:h1 {
		font-size: var(--sizes-heading-h1-size) !important;
		line-height: var(--sizes-heading-h1-lh) !important;
		letter-spacing: var(--sizes-heading-h1-lp) !important
	}

	.sm\:h2 {
		font-size: var(--sizes-heading-h2-size) !important;
		line-height: var(--sizes-heading-h2-lh) !important;
		letter-spacing: var(--sizes-heading-h2-lp) !important
	}

	.sm\:h3 {
		font-size: var(--sizes-heading-h3-size) !important;
		line-height: var(--sizes-heading-h3-lh) !important;
		letter-spacing: var(--sizes-heading-h3-lp) !important
	}

	.sm\:h4 {
		font-size: var(--sizes-heading-h4-size) !important;
		line-height: var(--sizes-heading-h4-lh) !important;
		letter-spacing: var(--sizes-heading-h4-lp) !important
	}

	.sm\:h5 {
		font-size: var(--sizes-heading-h5-size) !important;
		line-height: var(--sizes-heading-h5-lh) !important;
		letter-spacing: var(--sizes-heading-h5-lp) !important
	}
}

@media(min-width:768px) {
	.md\:display-5 {
		font-size: var(--sizes-heading-display-5-size) !important;
		line-height: var(--sizes-heading-display-5-lh) !important;
		letter-spacing: var(--sizes-heading-display-5-lp) !important
	}

	.md\:display-6 {
		font-size: var(--sizes-heading-display-6-size) !important;
		line-height: var(--sizes-heading-display-6-lh) !important;
		letter-spacing: var(--sizes-heading-display-6-lp) !important
	}

	.md\:h1 {
		font-size: var(--sizes-heading-h1-size) !important;
		line-height: var(--sizes-heading-h1-lh) !important;
		letter-spacing: var(--sizes-heading-h1-lp) !important
	}

	.md\:h2 {
		font-size: var(--sizes-heading-h2-size) !important;
		line-height: var(--sizes-heading-h2-lh) !important;
		letter-spacing: var(--sizes-heading-h2-lp) !important
	}

	.md\:h3 {
		font-size: var(--sizes-heading-h3-size) !important;
		line-height: var(--sizes-heading-h3-lh) !important;
		letter-spacing: var(--sizes-heading-h3-lp) !important
	}

	.md\:h4 {
		font-size: var(--sizes-heading-h4-size) !important;
		line-height: var(--sizes-heading-h4-lh) !important;
		letter-spacing: var(--sizes-heading-h4-lp) !important
	}

	.md\:h5 {
		font-size: var(--sizes-heading-h5-size) !important;
		line-height: var(--sizes-heading-h5-lh) !important;
		letter-spacing: var(--sizes-heading-h5-lp) !important
	}
}

@media(min-width:992px) {
	.lg\:display-4 {
		font-size: var(--sizes-heading-display-4-size) !important;
		line-height: var(--sizes-heading-display-4-lh) !important;
		letter-spacing: var(--sizes-heading-display-4-lp) !important
	}

	.lg\:display-5 {
		font-size: var(--sizes-heading-display-5-size) !important;
		line-height: var(--sizes-heading-display-5-lh) !important;
		letter-spacing: var(--sizes-heading-display-5-lp) !important
	}

	.lg\:display-6 {
		font-size: var(--sizes-heading-display-6-size) !important;
		line-height: var(--sizes-heading-display-6-lh) !important;
		letter-spacing: var(--sizes-heading-display-6-lp) !important
	}

	.lg\:h1 {
		font-size: var(--sizes-heading-h1-size) !important;
		line-height: var(--sizes-heading-h1-lh) !important;
		letter-spacing: var(--sizes-heading-h1-lp) !important
	}

	.lg\:h2 {
		font-size: var(--sizes-heading-h2-size) !important;
		line-height: var(--sizes-heading-h2-lh) !important;
		letter-spacing: var(--sizes-heading-h2-lp) !important
	}

	.lg\:h3 {
		font-size: var(--sizes-heading-h3-size) !important;
		line-height: var(--sizes-heading-h3-lh) !important;
		letter-spacing: var(--sizes-heading-h3-lp) !important
	}

	.lg\:h4 {
		font-size: var(--sizes-heading-h4-size) !important;
		line-height: var(--sizes-heading-h4-lh) !important;
		letter-spacing: var(--sizes-heading-h4-lp) !important
	}

	.lg\:h5 {
		font-size: var(--sizes-heading-h5-size) !important;
		line-height: var(--sizes-heading-h5-lh) !important;
		letter-spacing: var(--sizes-heading-h5-lp) !important
	}

	.lg\:h6 {
		font-size: var(--sizes-heading-h6-size) !important;
		line-height: var(--sizes-heading-h6-lh) !important;
		letter-spacing: var(--sizes-heading-h6-lp) !important
	}
}

@media(min-width:1200px) {
	.xl\:display-2 {
		font-size: var(--sizes-heading-display-2-size) !important;
		line-height: var(--sizes-heading-display-2-lh) !important;
		letter-spacing: var(--sizes-heading-display-2-lp) !important
	}

	.xl\:display-3 {
		font-size: var(--sizes-heading-display-3-size) !important;
		line-height: var(--sizes-heading-display-3-lh) !important;
		letter-spacing: var(--sizes-heading-display-3-lp) !important
	}

	.xl\:display-4 {
		font-size: var(--sizes-heading-display-4-size) !important;
		line-height: var(--sizes-heading-display-4-lh) !important;
		letter-spacing: var(--sizes-heading-display-4-lp) !important
	}

	.xl\:display-5 {
		font-size: var(--sizes-heading-display-5-size) !important;
		line-height: var(--sizes-heading-display-5-lh) !important;
		letter-spacing: var(--sizes-heading-display-5-lp) !important
	}

	.xl\:display-6 {
		font-size: var(--sizes-heading-display-6-size) !important;
		line-height: var(--sizes-heading-display-6-lh) !important;
		letter-spacing: var(--sizes-heading-display-6-lp) !important
	}

	.xl\:h1 {
		font-size: var(--sizes-heading-h1-size) !important;
		line-height: var(--sizes-heading-h1-lh) !important;
		letter-spacing: var(--sizes-heading-h1-lp) !important
	}

	.xl\:h2 {
		font-size: var(--sizes-heading-h2-size) !important;
		line-height: var(--sizes-heading-h2-lh) !important;
		letter-spacing: var(--sizes-heading-h2-lp) !important
	}

	.xl\:h3 {
		font-size: var(--sizes-heading-h3-size) !important;
		line-height: var(--sizes-heading-h3-lh) !important;
		letter-spacing: var(--sizes-heading-h3-lp) !important
	}

	.xl\:h4 {
		font-size: var(--sizes-heading-h4-size) !important;
		line-height: var(--sizes-heading-h4-lh) !important;
		letter-spacing: var(--sizes-heading-h4-lp) !important
	}

	.xl\:h5 {
		font-size: var(--sizes-heading-h5-size) !important;
		line-height: var(--sizes-heading-h5-lh) !important;
		letter-spacing: var(--sizes-heading-h5-lp) !important
	}
}

.g-0 .expand-container,
.g-0 html.bp-lg .g-0,
.g-0 html.bp-md .g-0,
.g-0 html.bp-sm .g-0,
.g-0 html.bp-xl .g-0,
.g-0 html.bp-xs .g-0,
.g-0 html.bp-xxl .g-0,
.gx-0 .expand-container,
.gx-0 html.bp-lg .g-0,
.gx-0 html.bp-md .g-0,
.gx-0 html.bp-sm .g-0,
.gx-0 html.bp-xl .g-0,
.gx-0 html.bp-xs .g-0,
.gx-0 html.bp-xxl .g-0 {
	--grid-gap: 0rem
}

.grid.g-child-rows-12 {
	grid-template-rows: repeat(12, minmax(0, 1fr))
}

.child-cols>* {
	flex: 1
}

.child-cols-3>* {
	--grid-total: 12;
	--grid-count: 3;
	flex: 0 0 auto;
	width: 25%
}

.child-cols-4>* {
	--grid-total: 12;
	--grid-count: 4;
	flex: 0 0 auto;
	width: 33.33333333%
}

.child-cols-6>* {
	--grid-total: 12;
	--grid-count: 6;
	flex: 0 0 auto;
	width: 50%
}

.child-cols-12>* {
	--grid-total: 12;
	--grid-count: 12;
	flex: 0 0 auto;
	width: 100%
}

@media(min-width:459px) {
	.grid.g-child-rows-12 {
		grid-template-rows: repeat(12, minmax(0, 1fr))
	}

	.sm\:child-cols>* {
		flex: 1 0 0%
	}

	.sm\:child-cols-4>* {
		--grid-total: 12;
		--grid-count: 4;
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.sm\:child-cols-6>* {
		--grid-total: 12;
		--grid-count: 6;
		flex: 0 0 auto;
		width: 50%
	}
}

@media(min-width:768px) {
	.grid.g-child-rows-12 {
		grid-template-rows: repeat(12, minmax(0, 1fr))
	}

	.md\:child-cols>* {
		flex: 1 0 0%
	}

	.md\:child-cols-4>* {
		--grid-total: 12;
		--grid-count: 4;
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.md\:child-cols-6>* {
		--grid-total: 12;
		--grid-count: 6;
		flex: 0 0 auto;
		width: 50%
	}
}

@media(min-width:992px) {
	.grid.g-child-rows-12 {
		grid-template-rows: repeat(12, minmax(0, 1fr))
	}

	.lg\:child-cols>* {
		flex: 1 0 0%
	}

	.lg\:child-cols-3>* {
		--grid-total: 12;
		--grid-count: 3;
		flex: 0 0 auto;
		width: 25%
	}

	.lg\:child-cols-4>* {
		--grid-total: 12;
		--grid-count: 4;
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.lg\:child-cols-5>* {
		--grid-total: 12;
		--grid-count: 5;
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.lg\:child-cols-6>* {
		--grid-total: 12;
		--grid-count: 6;
		flex: 0 0 auto;
		width: 50%
	}
}

@media(min-width:1200px) {
	.grid.g-child-rows-12 {
		grid-template-rows: repeat(12, minmax(0, 1fr))
	}

	.xl\:child-cols-3>* {
		--grid-total: 12;
		--grid-count: 3;
		flex: 0 0 auto;
		width: 25%
	}

	.xl\:child-cols-4>* {
		--grid-total: 12;
		--grid-count: 4;
		flex: 0 0 auto;
		width: 33.33333333%
	}
}

@media(min-width:1400px) {
	.grid.g-child-rows-12 {
		grid-template-rows: repeat(12, minmax(0, 1fr))
	}
}

.py-7 {
	padding-top: 6rem !important;
	padding-bottom: 6rem !important;
}

.avatar {
	height: 3rem;
	width: 3rem;
	position: relative;
	display: inline-block !important;
}

.avatar-img {
	width: 100% !important;
	height: 100% !important;
	-o-object-fit: cover;
	object-fit: cover;
}

.created-by-instructor {
	color: white;
}

.created-by-instructor:hover {
	color: white!important;
}

.text-light {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.list-unstyled {
	padding-left: 0;
	list-style: none;
}

.list-inline {
	padding-left: 0;
	list-style: none;
}

.list-inline-item {
	display: inline-block;
}

.list-inline-item:not(:last-child) {
	margin-right: 0.5rem;
}

.initialism {
	font-size: 0.875em;
	text-transform: uppercase;
}

.blockquote {
	margin-bottom: 1rem;
	font-size: 1.25rem;
}

.blockquote> :last-child {
	margin-bottom: 0;
}

.blockquote-footer {
	margin-top: -1rem;
	margin-bottom: 1rem;
	font-size: 0.875em;
	color: #6c757d;
}

.blockquote-footer::before {
	content: "— ";
}

.course-decription {
	background-color: var(--bs-white);
}
.course-decription .card-body{
	padding: 35px 40px;
}
.course-decription .course-right-section {
	position: sticky;
	top: 10px;
}

@media only screen and (min-width: 992px) {
	.course-card {
		margin-top: -225px;
	}
}

.course-right-section .course-card .card-img {
	position: relative;
}

.radius-0 {
	border-radius: 0px !important;
}

.bg-overlay {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.opacity-1 {
	opacity: 0.1 !important;
}

.bg-dark {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.btn-round.btn-lg,
.btn-group-lg>.btn-round.btn {
	height: 55px;
	width: 55px;
	line-height: 55px;
}

.course-card {
	box-sizing: border-box;
	border-radius: 10px;
	margin-top: -100px;
	background-color: var(--bs-white);
}

hr {
	margin: 1rem 0;
	color: var(--bs-gray-500);
	border: 0;
	border-top-width: 0px;
	border-top-style: none;
	border-top-color: currentcolor;
	border-top: var(--bs-border-width) solid;
	opacity: 0.25;
	width: 100%;
}

.text-bg-orange {
	color: #fff !important;
	background-color: RGBA(253, 126, 20, var(--bs-bg-opacity, 1)) !important;
}

.px-2 {
	padding-right: 0.5rem !important;
	padding-left: 0.5rem !important;
}

.card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
	color: var(--bs-card-color);
}

.btn {
	position: relative;
	overflow: hidden;
	outline: 0;
	white-space: nowrap;
	margin-bottom: 6px;
}

.list-group-borderless .list-group-item {
	border: none !important;
	padding: 0.425rem 0;
	padding-right: 0px;
	padding-left: 0px;
}

.list-group-item:first-child {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}

.px-0 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.list-group .list-group-item i,
.list-group .list-group-item span {
	margin-right: 5px;
}
.tabdate{
	border: 1px #e5e5e5 solid!important;
}
.tabdate thead{
	border-bottom: 1px #e5e5e5 solid;
	background-color: #f4f5f6;
	padding: 10px;
}
.text-20px {
  font-size: 20px !important;
}
.list-group-item.active{
	background: #eee;
  	color: #000;
}