/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE CSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
:root {
  --font-primary: Inter, sans-serif;
  --font-secondary: Inter, sans-serif;
  --font-tertiary: Inter, sans-serif;
  --nav-logo-desktop-width: 14rem;
  --nav-logo-desktop-scrolled-width: 13.25rem;
  --nav-logo-mobile-width: 8.47225rem;
  --nav-logo-desktop-offset: 0rem;
  --nav-logo-desktop-scrolled-offset: 0rem;
  --nav-logo-mobile-offset: 0rem;
  --nav-desktop-height: 5.5rem;
  --nav-scrolled-height: 4.25rem;
  --nav-mobile-height: 3.4375rem;
  --nav-tert-text-color: #122A39;
  --nav-tert-desktop-height: 2.125rem;
  --nav-tert-mobile-height: 0rem;
  --nav-tert-font: 0.875rem;
  --nav-tert-letter-case: capitalize;
  --nav-tert-text-hover-color: #166EA3;
  --nav-tert-background-color: #F2F4F5;
  --nav-tert-background-hover-color: #F2F4F5;
  --nav-tert-text-hover-text-decoration: none;
  --nav-desktop-font-size: 1rem;
  --nav-desktop-scrolled-font-size: 1rem;
  --nav-dropdown-font-size: 1rem;
  --nav-mobile-font-size: 1rem;
  --nav-mobile-trigger-open-font-size: 1.4rem;
  --nav-mobile-trigger-close-font-size: 1.4rem;
  --nav-desktop-page-padding: 0.8rem;
  --nav-desktop-scrolled-page-padding: 0.8rem;
  --nav-color: #ffffff;
  --nav-dropdown-color: #ffffff;
  --nav-mobile-dropdown-color: rgba(255,255,255, 1);
  --nav-mobile-trigger-open-color: #495259;
  --nav-mobile-trigger-close-color: #495259;
  --nav-text-color: #414141;
  --nav-dropdown-text-color: #282d32;
  --nav-mobile-text-color: #414141;
  --nav-hover-text-color: #166EA3;
  --nav-hover-dropdown-text-color: #ffffff;
  --nav-hover-effect-color: #ffffff;
  --nav-hover-dropdown-effect-color: #3abfe0;
  --nav-width: var(--container-w);
  --nav-letter-case: capitalize;
  --nav-mobile-width: 100%;
  --primary: #166EA3;
  --primary-rgb: 22,110,163;
  --primary-rgb-format: 22 110 163;
  --primary-rgba-translucent: rgba(var(--primary-rgb), .5);
  --primary-rgba-semi-translucent: rgba(var(--primary-rgb), .98);
  --primary-rgba-tissue: rgba(var(--primary-rgb), .8);
  --primary-rgba-0: rgba(var(--primary-rgb), 0);
  --primary-rgba-1: rgba(var(--primary-rgb), 0.1);
  --primary-rgba-2: rgba(var(--primary-rgb), 0.2);
  --primary-rgba-3: rgba(var(--primary-rgb), 0.3);
  --primary-rgba-4: rgba(var(--primary-rgb), 0.4);
  --primary-rgba-5: rgba(var(--primary-rgb), 0.5);
  --primary-rgba-6: rgba(var(--primary-rgb), 0.6);
  --primary-rgba-7: rgba(var(--primary-rgb), 0.7);
  --primary-rgba-8: rgba(var(--primary-rgb), 0.8);
  --primary-rgba-9: rgba(var(--primary-rgb), 0.9);
  --primary-rgba-25: rgba(var(--primary-rgb), 0.25);
  --primary-rgba-50: rgba(var(--primary-rgb), 0.5);
  --primary-rgba-75: rgba(var(--primary-rgb), 0.75);
  --secondary: #193C51;
  --secondary-rgb: 25,60,81;
  --secondary-rgb-format: 25 60 81;
  --secondary-rgba-translucent: rgba(var(--secondary-rgb), .5);
  --secondary-rgba-semi-translucent: rgba(var(--secondary-rgb), .98);
  --secondary-rgba-tissue: rgba(var(--secondary-rgb), .8);
  --secondary-rgba-0: rgba(var(--secondary-rgb), 0);
  --secondary-rgba-1: rgba(var(--secondary-rgb), 0.1);
  --secondary-rgba-2: rgba(var(--secondary-rgb), 0.2);
  --secondary-rgba-3: rgba(var(--secondary-rgb), 0.3);
  --secondary-rgba-4: rgba(var(--secondary-rgb), 0.4);
  --secondary-rgba-5: rgba(var(--secondary-rgb), 0.5);
  --secondary-rgba-6: rgba(var(--secondary-rgb), 0.6);
  --secondary-rgba-7: rgba(var(--secondary-rgb), 0.7);
  --secondary-rgba-8: rgba(var(--secondary-rgb), 0.8);
  --secondary-rgba-9: rgba(var(--secondary-rgb), 0.9);
  --secondary-rgba-25: rgba(var(--secondary-rgb), 0.25);
  --secondary-rgba-50: rgba(var(--secondary-rgb), 0.5);
  --secondary-rgba-75: rgba(var(--secondary-rgb), 0.75);
  --tertiary: #122A39;
  --tertiary-rgb: 18,42,57;
  --tertiary-rgb-format: 18 42 57;
  --tertiary-rgba-translucent: rgba(var(--tertiary-rgb), .5);
  --tertiary-rgba-semi-translucent: rgba(var(--tertiary-rgb), .98);
  --tertiary-rgba-tissue: rgba(var(--tertiary-rgb), .8);
  --tertiary-rgba-0: rgba(var(--tertiary-rgb), 0);
  --tertiary-rgba-1: rgba(var(--tertiary-rgb), 0.1);
  --tertiary-rgba-2: rgba(var(--tertiary-rgb), 0.2);
  --tertiary-rgba-3: rgba(var(--tertiary-rgb), 0.3);
  --tertiary-rgba-4: rgba(var(--tertiary-rgb), 0.4);
  --tertiary-rgba-5: rgba(var(--tertiary-rgb), 0.5);
  --tertiary-rgba-6: rgba(var(--tertiary-rgb), 0.6);
  --tertiary-rgba-7: rgba(var(--tertiary-rgb), 0.7);
  --tertiary-rgba-8: rgba(var(--tertiary-rgb), 0.8);
  --tertiary-rgba-9: rgba(var(--tertiary-rgb), 0.9);
  --tertiary-rgba-25: rgba(var(--tertiary-rgb), 0.25);
  --tertiary-rgba-50: rgba(var(--tertiary-rgb), 0.5);
  --tertiary-rgba-75: rgba(var(--tertiary-rgb), 0.75);
  --quaternary: #F4F4F4;
  --quaternary-rgb: 244,244,244;
  --quaternary-rgb-format: 244 244 244;
  --quaternary-rgba-translucent: rgba(var(--quaternary-rgb), .5);
  --quaternary-rgba-semi-translucent: rgba(var(--quaternary-rgb), .98);
  --quaternary-rgba-tissue: rgba(var(--quaternary-rgb), .8);
  --quaternary-rgba-0: rgba(var(--quaternary-rgb), 0);
  --quaternary-rgba-1: rgba(var(--quaternary-rgb), 0.1);
  --quaternary-rgba-2: rgba(var(--quaternary-rgb), 0.2);
  --quaternary-rgba-3: rgba(var(--quaternary-rgb), 0.3);
  --quaternary-rgba-4: rgba(var(--quaternary-rgb), 0.4);
  --quaternary-rgba-5: rgba(var(--quaternary-rgb), 0.5);
  --quaternary-rgba-6: rgba(var(--quaternary-rgb), 0.6);
  --quaternary-rgba-7: rgba(var(--quaternary-rgb), 0.7);
  --quaternary-rgba-8: rgba(var(--quaternary-rgb), 0.8);
  --quaternary-rgba-9: rgba(var(--quaternary-rgb), 0.9);
  --quaternary-rgba-25: rgba(var(--quaternary-rgb), 0.25);
  --quaternary-rgba-50: rgba(var(--quaternary-rgb), 0.5);
  --quaternary-rgba-75: rgba(var(--quaternary-rgb), 0.75);
  --quinary: #535353;
  --quinary-rgb: 83,83,83;
  --quinary-rgb-format: 83 83 83;
  --quinary-rgba-translucent: rgba(var(--quinary-rgb), .5);
  --quinary-rgba-semi-translucent: rgba(var(--quinary-rgb), .98);
  --quinary-rgba-tissue: rgba(var(--quinary-rgb), .8);
  --quinary-rgba-0: rgba(var(--quinary-rgb), 0);
  --quinary-rgba-1: rgba(var(--quinary-rgb), 0.1);
  --quinary-rgba-2: rgba(var(--quinary-rgb), 0.2);
  --quinary-rgba-3: rgba(var(--quinary-rgb), 0.3);
  --quinary-rgba-4: rgba(var(--quinary-rgb), 0.4);
  --quinary-rgba-5: rgba(var(--quinary-rgb), 0.5);
  --quinary-rgba-6: rgba(var(--quinary-rgb), 0.6);
  --quinary-rgba-7: rgba(var(--quinary-rgb), 0.7);
  --quinary-rgba-8: rgba(var(--quinary-rgb), 0.8);
  --quinary-rgba-9: rgba(var(--quinary-rgb), 0.9);
  --quinary-rgba-25: rgba(var(--quinary-rgb), 0.25);
  --quinary-rgba-50: rgba(var(--quinary-rgb), 0.5);
  --quinary-rgba-75: rgba(var(--quinary-rgb), 0.75);
  --senary: #F4CC12;
  --senary-rgb: 244,204,18;
  --senary-rgb-format: 244 204 18;
  --senary-rgba-translucent: rgba(var(--senary-rgb), .5);
  --senary-rgba-semi-translucent: rgba(var(--senary-rgb), .98);
  --senary-rgba-tissue: rgba(var(--senary-rgb), .8);
  --senary-rgba-0: rgba(var(--senary-rgb), 0);
  --senary-rgba-1: rgba(var(--senary-rgb), 0.1);
  --senary-rgba-2: rgba(var(--senary-rgb), 0.2);
  --senary-rgba-3: rgba(var(--senary-rgb), 0.3);
  --senary-rgba-4: rgba(var(--senary-rgb), 0.4);
  --senary-rgba-5: rgba(var(--senary-rgb), 0.5);
  --senary-rgba-6: rgba(var(--senary-rgb), 0.6);
  --senary-rgba-7: rgba(var(--senary-rgb), 0.7);
  --senary-rgba-8: rgba(var(--senary-rgb), 0.8);
  --senary-rgba-9: rgba(var(--senary-rgb), 0.9);
  --senary-rgba-25: rgba(var(--senary-rgb), 0.25);
  --senary-rgba-50: rgba(var(--senary-rgb), 0.5);
  --senary-rgba-75: rgba(var(--senary-rgb), 0.75);
  --light: #FFFFFF;
  --light-rgb: 255,255,255;
  --light-rgb-format: 255 255 255;
  --light-rgba-translucent: rgba(var(--light-rgb), .5);
  --light-rgba-semi-translucent: rgba(var(--light-rgb), .98);
  --light-rgba-tissue: rgba(var(--light-rgb), .8);
  --light-rgba-0: rgba(var(--light-rgb), 0);
  --light-rgba-1: rgba(var(--light-rgb), 0.1);
  --light-rgba-2: rgba(var(--light-rgb), 0.2);
  --light-rgba-3: rgba(var(--light-rgb), 0.3);
  --light-rgba-4: rgba(var(--light-rgb), 0.4);
  --light-rgba-5: rgba(var(--light-rgb), 0.5);
  --light-rgba-6: rgba(var(--light-rgb), 0.6);
  --light-rgba-7: rgba(var(--light-rgb), 0.7);
  --light-rgba-8: rgba(var(--light-rgb), 0.8);
  --light-rgba-9: rgba(var(--light-rgb), 0.9);
  --light-rgba-25: rgba(var(--light-rgb), 0.25);
  --light-rgba-50: rgba(var(--light-rgb), 0.5);
  --light-rgba-75: rgba(var(--light-rgb), 0.75);
  --gray: #F2F4F5;
  --gray-rgb: 242,244,245;
  --gray-rgb-format: 242 244 245;
  --gray-rgba-translucent: rgba(var(--gray-rgb), .5);
  --gray-rgba-semi-translucent: rgba(var(--gray-rgb), .98);
  --gray-rgba-tissue: rgba(var(--gray-rgb), .8);
  --gray-rgba-0: rgba(var(--gray-rgb), 0);
  --gray-rgba-1: rgba(var(--gray-rgb), 0.1);
  --gray-rgba-2: rgba(var(--gray-rgb), 0.2);
  --gray-rgba-3: rgba(var(--gray-rgb), 0.3);
  --gray-rgba-4: rgba(var(--gray-rgb), 0.4);
  --gray-rgba-5: rgba(var(--gray-rgb), 0.5);
  --gray-rgba-6: rgba(var(--gray-rgb), 0.6);
  --gray-rgba-7: rgba(var(--gray-rgb), 0.7);
  --gray-rgba-8: rgba(var(--gray-rgb), 0.8);
  --gray-rgba-9: rgba(var(--gray-rgb), 0.9);
  --gray-rgba-25: rgba(var(--gray-rgb), 0.25);
  --gray-rgba-50: rgba(var(--gray-rgb), 0.5);
  --gray-rgba-75: rgba(var(--gray-rgb), 0.75);
  --dark: #122A39;
  --dark-rgb: 18,42,57;
  --dark-rgb-format: 18 42 57;
  --dark-rgba-translucent: rgba(var(--dark-rgb), .5);
  --dark-rgba-semi-translucent: rgba(var(--dark-rgb), .98);
  --dark-rgba-tissue: rgba(var(--dark-rgb), .8);
  --dark-rgba-0: rgba(var(--dark-rgb), 0);
  --dark-rgba-1: rgba(var(--dark-rgb), 0.1);
  --dark-rgba-2: rgba(var(--dark-rgb), 0.2);
  --dark-rgba-3: rgba(var(--dark-rgb), 0.3);
  --dark-rgba-4: rgba(var(--dark-rgb), 0.4);
  --dark-rgba-5: rgba(var(--dark-rgb), 0.5);
  --dark-rgba-6: rgba(var(--dark-rgb), 0.6);
  --dark-rgba-7: rgba(var(--dark-rgb), 0.7);
  --dark-rgba-8: rgba(var(--dark-rgb), 0.8);
  --dark-rgba-9: rgba(var(--dark-rgb), 0.9);
  --dark-rgba-25: rgba(var(--dark-rgb), 0.25);
  --dark-rgba-50: rgba(var(--dark-rgb), 0.5);
  --dark-rgba-75: rgba(var(--dark-rgb), 0.75);
  --dark-gray: #495259;
  --dark-gray-rgb: 73,82,89;
  --dark-gray-rgb-format: 73 82 89;
  --dark-gray-rgba-translucent: rgba(var(--dark-gray-rgb), .5);
  --dark-gray-rgba-semi-translucent: rgba(var(--dark-gray-rgb), .98);
  --dark-gray-rgba-tissue: rgba(var(--dark-gray-rgb), .8);
  --dark-gray-rgba-0: rgba(var(--dark-gray-rgb), 0);
  --dark-gray-rgba-1: rgba(var(--dark-gray-rgb), 0.1);
  --dark-gray-rgba-2: rgba(var(--dark-gray-rgb), 0.2);
  --dark-gray-rgba-3: rgba(var(--dark-gray-rgb), 0.3);
  --dark-gray-rgba-4: rgba(var(--dark-gray-rgb), 0.4);
  --dark-gray-rgba-5: rgba(var(--dark-gray-rgb), 0.5);
  --dark-gray-rgba-6: rgba(var(--dark-gray-rgb), 0.6);
  --dark-gray-rgba-7: rgba(var(--dark-gray-rgb), 0.7);
  --dark-gray-rgba-8: rgba(var(--dark-gray-rgb), 0.8);
  --dark-gray-rgba-9: rgba(var(--dark-gray-rgb), 0.9);
  --dark-gray-rgba-25: rgba(var(--dark-gray-rgb), 0.25);
  --dark-gray-rgba-50: rgba(var(--dark-gray-rgb), 0.5);
  --dark-gray-rgba-75: rgba(var(--dark-gray-rgb), 0.75);
  --p-font-size-xs: 1rem;
  --p-line-height-xs: 1.65;
  --p-font-weight-xs: 400;
  --p-margin-bottom-xs: 1.5rem;
  --p-font-size-sm: 1rem;
  --p-line-height-sm: 1.65;
  --p-font-weight-sm: 400;
  --p-margin-bottom-sm: 1.5rem;
  --p-font-size-md: 1rem;
  --p-line-height-md: 1.65;
  --p-font-weight-md: 400;
  --p-margin-bottom-md: 1.5rem;
  --p-font-size-lg: 1.125rem;
  --p-line-height-lg: 1.65;
  --p-font-weight-lg: 400;
  --p-margin-bottom-lg: 1.5rem;
  --p-font-size-xl: 1.125rem;
  --p-line-height-xl: 1.65;
  --p-font-weight-xl: 400;
  --p-margin-bottom-xl: 1.5rem;
  --p-font-size-xxl: 1.125rem;
  --p-line-height-xxl: 1.65;
  --p-font-weight-xxl: 400;
  --p-margin-bottom-xxl: 1.5rem;
  --h1-font-size-xs: 2.625rem;
  --h1-line-height-xs: 1.2;
  --h1-font-weight-xs: 800;
  --h1-margin-bottom-xs: 0rem;
  --h1-font-size-sm: 2.625rem;
  --h1-line-height-sm: 1.2;
  --h1-font-weight-sm: 800;
  --h1-margin-bottom-sm: 0rem;
  --h1-font-size-md: 2.625rem;
  --h1-line-height-md: 1.2;
  --h1-font-weight-md: 800;
  --h1-margin-bottom-md: 0rem;
  --h1-font-size-lg: 3.25rem;
  --h1-line-height-lg: 1.2;
  --h1-font-weight-lg: 800;
  --h1-margin-bottom-lg: 0rem;
  --h1-font-size-xl: 3.25rem;
  --h1-line-height-xl: 1.2;
  --h1-font-weight-xl: 800;
  --h1-margin-bottom-xl: 0rem;
  --h1-font-size-xxl: 3.25rem;
  --h1-line-height-xxl: 1.2;
  --h1-font-weight-xxl: 800;
  --h1-margin-bottom-xxl: 0rem;
  --h2-font-size-xs: 2.25rem;
  --h2-line-height-xs: 1.2;
  --h2-font-weight-xs: 800;
  --h2-margin-bottom-xs: 0rem;
  --h2-font-size-sm: 2.25rem;
  --h2-line-height-sm: 1.2;
  --h2-font-weight-sm: 800;
  --h2-margin-bottom-sm: 0rem;
  --h2-font-size-md: 2.25rem;
  --h2-line-height-md: 1.2;
  --h2-font-weight-md: 800;
  --h2-margin-bottom-md: 0rem;
  --h2-font-size-lg: 2.875rem;
  --h2-line-height-lg: 1.2;
  --h2-font-weight-lg: 800;
  --h2-margin-bottom-lg: 0rem;
  --h2-font-size-xl: 2.875rem;
  --h2-line-height-xl: 1.2;
  --h2-font-weight-xl: 800;
  --h2-margin-bottom-xl: 0rem;
  --h2-font-size-xxl: 2.875rem;
  --h2-line-height-xxl: 1.2;
  --h2-font-weight-xxl: 800;
  --h2-margin-bottom-xxl: 0rem;
  --h3-font-size-xs: 1.875rem;
  --h3-line-height-xs: 1.2;
  --h3-font-weight-xs: 800;
  --h3-margin-bottom-xs: 0rem;
  --h3-font-size-sm: 1.875rem;
  --h3-line-height-sm: 1.2;
  --h3-font-weight-sm: 800;
  --h3-margin-bottom-sm: 0rem;
  --h3-font-size-md: 1.875rem;
  --h3-line-height-md: 1.2;
  --h3-font-weight-md: 800;
  --h3-margin-bottom-md: 0rem;
  --h3-font-size-lg: 2.5rem;
  --h3-line-height-lg: 1.2;
  --h3-font-weight-lg: 800;
  --h3-margin-bottom-lg: 0rem;
  --h3-font-size-xl: 2.5rem;
  --h3-line-height-xl: 1.2;
  --h3-font-weight-xl: 800;
  --h3-margin-bottom-xl: 0rem;
  --h3-font-size-xxl: 2.5rem;
  --h3-line-height-xxl: 1.2;
  --h3-font-weight-xxl: 800;
  --h3-margin-bottom-xxl: 0rem;
  --h4-font-size-xs: 1.625rem;
  --h4-line-height-xs: 1.2;
  --h4-font-weight-xs: 800;
  --h4-margin-bottom-xs: 0rem;
  --h4-font-size-sm: 1.625rem;
  --h4-line-height-sm: 1.2;
  --h4-font-weight-sm: 800;
  --h4-margin-bottom-sm: 0rem;
  --h4-font-size-md: 1.625rem;
  --h4-line-height-md: 1.2;
  --h4-font-weight-md: 800;
  --h4-margin-bottom-md: 0rem;
  --h4-font-size-lg: 1.75rem;
  --h4-line-height-lg: 1.2;
  --h4-font-weight-lg: 800;
  --h4-margin-bottom-lg: 0rem;
  --h4-font-size-xl: 1.75rem;
  --h4-line-height-xl: 1.2;
  --h4-font-weight-xl: 800;
  --h4-margin-bottom-xl: 0rem;
  --h4-font-size-xxl: 1.75rem;
  --h4-line-height-xxl: 1.2;
  --h4-font-weight-xxl: 800;
  --h4-margin-bottom-xxl: 0rem;
  --h5-font-size-xs: 1.5rem;
  --h5-line-height-xs: 1.2;
  --h5-font-weight-xs: 800;
  --h5-margin-bottom-xs: 0rem;
  --h5-font-size-sm: 1.5rem;
  --h5-line-height-sm: 1.2;
  --h5-font-weight-sm: 800;
  --h5-margin-bottom-sm: 0rem;
  --h5-font-size-md: 1.5rem;
  --h5-line-height-md: 1.2;
  --h5-font-weight-md: 800;
  --h5-margin-bottom-md: 0rem;
  --h5-font-size-lg: 1.625rem;
  --h5-line-height-lg: 1.2;
  --h5-font-weight-lg: 800;
  --h5-margin-bottom-lg: 0rem;
  --h5-font-size-xl: 1.625rem;
  --h5-line-height-xl: 1.2;
  --h5-font-weight-xl: 800;
  --h5-margin-bottom-xl: 0rem;
  --h5-font-size-xxl: 1.625rem;
  --h5-line-height-xxl: 1.2;
  --h5-font-weight-xxl: 800;
  --h5-margin-bottom-xxl: 0rem;
  --h6-font-size-xs: 1.25rem;
  --h6-line-height-xs: 1.2;
  --h6-font-weight-xs: 800;
  --h6-margin-bottom-xs: 0rem;
  --h6-font-size-sm: 1.25rem;
  --h6-line-height-sm: 1.2;
  --h6-font-weight-sm: 800;
  --h6-margin-bottom-sm: 0rem;
  --h6-font-size-md: 1.25rem;
  --h6-line-height-md: 1.2;
  --h6-font-weight-md: 800;
  --h6-margin-bottom-md: 0rem;
  --h6-font-size-lg: 1.375rem;
  --h6-line-height-lg: 1.2;
  --h6-font-weight-lg: 800;
  --h6-margin-bottom-lg: 0rem;
  --h6-font-size-xl: 1.375rem;
  --h6-line-height-xl: 1.2;
  --h6-font-weight-xl: 800;
  --h6-margin-bottom-xl: 0rem;
  --h6-font-size-xxl: 1.375rem;
  --h6-line-height-xxl: 1.2;
  --h6-font-weight-xxl: 800;
  --h6-margin-bottom-xxl: 0rem;
  --section-unit-xs: 3.75rem;
  --section-unit-sm: 3.75rem;
  --section-unit-md: 3.75rem;
  --section-unit-lg: 5rem;
  --section-unit-xl: 5rem;
  --section-unit-xxl: 5rem;
  --unit-xs: 1rem;
  --unit-sm: 1rem;
  --unit-md: 1rem;
  --unit-lg: 1rem;
  --unit-xl: 1rem;
  --unit-xxl: 1rem;
  --container-w-xs: 100%;
  --container-w-sm: 540px;
  --container-w-md: 720px;
  --container-w-lg: 960px;
  --container-w-xl: 1140px;
  --container-w-xxl: 1320px;
  --transition: 0.3s ease-in;
  --btn-radius: 4px;
  --border-radius: 4px;
}
:root {
  --section-unit: var(--section-unit-xs);
  --unit: var(--unit-xs);
  --container-w: var(--container-w-xs);
  --p-font-size: var(--p-font-size-xs);
  --p-font-weight: var(--p-font-weight-xs);
  --p-line-height: var(--p-line-height-xs);
  --p-margin-bottom: var(--p-margin-bottom-xs);
  --h1-font-size: var(--h1-font-size-xs);
  --h1-font-weight: var(--h1-font-weight-xs);
  --h1-line-height: var(--h1-line-height-xs);
  --h1-margin-bottom: var(--h1-margin-bottom-xs);
  --h2-font-size: var(--h2-font-size-xs);
  --h2-font-weight: var(--h2-font-weight-xs);
  --h2-line-height: var(--h2-line-height-xs);
  --h2-margin-bottom: var(--h2-margin-bottom-xs);
  --h3-font-size: var(--h3-font-size-xs);
  --h3-font-weight: var(--h3-font-weight-xs);
  --h3-line-height: var(--h3-line-height-xs);
  --h3-margin-bottom: var(--h3-margin-bottom-xs);
  --h4-font-size: var(--h4-font-size-xs);
  --h4-font-weight: var(--h4-font-weight-xs);
  --h4-line-height: var(--h4-line-height-xs);
  --h4-margin-bottom: var(--h4-margin-bottom-xs);
  --h5-font-size: var(--h5-font-size-xs);
  --h5-font-weight: var(--h5-font-weight-xs);
  --h5-line-height: var(--h5-line-height-xs);
  --h5-margin-bottom: var(--h5-margin-bottom-xs);
  --h6-font-size: var(--h6-font-size-xs);
  --h6-font-weight: var(--h6-font-weight-xs);
  --h6-line-height: var(--h6-line-height-xs);
  --h6-margin-bottom: var(--h6-margin-bottom-xs);
}
@media (min-width: 576px) {
  :root {
    --section-unit: var(--section-unit-sm);
    --unit: var(--unit-sm);
    --container-w: var(--container-w-sm);
    --p-font-size: var(--p-font-size-sm);
    --p-font-weight: var(--p-font-weight-sm);
    --p-line-height: var(--p-line-height-sm);
    --p-margin-bottom: var(--p-margin-bottom-sm);
    --h1-font-size: var(--h1-font-size-sm);
    --h1-font-weight: var(--h1-font-weight-sm);
    --h1-line-height: var(--h1-line-height-sm);
    --h1-margin-bottom: var(--h1-margin-bottom-sm);
    --h2-font-size: var(--h2-font-size-sm);
    --h2-font-weight: var(--h2-font-weight-sm);
    --h2-line-height: var(--h2-line-height-sm);
    --h2-margin-bottom: var(--h2-margin-bottom-sm);
    --h3-font-size: var(--h3-font-size-sm);
    --h3-font-weight: var(--h3-font-weight-sm);
    --h3-line-height: var(--h3-line-height-sm);
    --h3-margin-bottom: var(--h3-margin-bottom-sm);
    --h4-font-size: var(--h4-font-size-sm);
    --h4-font-weight: var(--h4-font-weight-sm);
    --h4-line-height: var(--h4-line-height-sm);
    --h4-margin-bottom: var(--h4-margin-bottom-sm);
    --h5-font-size: var(--h5-font-size-sm);
    --h5-font-weight: var(--h5-font-weight-sm);
    --h5-line-height: var(--h5-line-height-sm);
    --h5-margin-bottom: var(--h5-margin-bottom-sm);
    --h6-font-size: var(--h6-font-size-sm);
    --h6-font-weight: var(--h6-font-weight-sm);
    --h6-line-height: var(--h6-line-height-sm);
    --h6-margin-bottom: var(--h6-margin-bottom-sm);
  }
}
@media (min-width: 768px) {
  :root {
    --section-unit: var(--section-unit-md);
    --unit: var(--unit-md);
    --container-w: var(--container-w-md);
    --p-font-size: var(--p-font-size-md);
    --p-font-weight: var(--p-font-weight-md);
    --p-line-height: var(--p-line-height-md);
    --p-margin-bottom: var(--p-margin-bottom-md);
    --h1-font-size: var(--h1-font-size-md);
    --h1-font-weight: var(--h1-font-weight-md);
    --h1-line-height: var(--h1-line-height-md);
    --h1-margin-bottom: var(--h1-margin-bottom-md);
    --h2-font-size: var(--h2-font-size-md);
    --h2-font-weight: var(--h2-font-weight-md);
    --h2-line-height: var(--h2-line-height-md);
    --h2-margin-bottom: var(--h2-margin-bottom-md);
    --h3-font-size: var(--h3-font-size-md);
    --h3-font-weight: var(--h3-font-weight-md);
    --h3-line-height: var(--h3-line-height-md);
    --h3-margin-bottom: var(--h3-margin-bottom-md);
    --h4-font-size: var(--h4-font-size-md);
    --h4-font-weight: var(--h4-font-weight-md);
    --h4-line-height: var(--h4-line-height-md);
    --h4-margin-bottom: var(--h4-margin-bottom-md);
    --h5-font-size: var(--h5-font-size-md);
    --h5-font-weight: var(--h5-font-weight-md);
    --h5-line-height: var(--h5-line-height-md);
    --h5-margin-bottom: var(--h5-margin-bottom-md);
    --h6-font-size: var(--h6-font-size-md);
    --h6-font-weight: var(--h6-font-weight-md);
    --h6-line-height: var(--h6-line-height-md);
    --h6-margin-bottom: var(--h6-margin-bottom-md);
  }
}
@media (min-width: 992px) {
  :root {
    --section-unit: var(--section-unit-lg);
    --unit: var(--unit-lg);
    --container-w: var(--container-w-lg);
    --p-font-size: var(--p-font-size-lg);
    --p-font-weight: var(--p-font-weight-lg);
    --p-line-height: var(--p-line-height-lg);
    --p-margin-bottom: var(--p-margin-bottom-lg);
    --h1-font-size: var(--h1-font-size-lg);
    --h1-font-weight: var(--h1-font-weight-lg);
    --h1-line-height: var(--h1-line-height-lg);
    --h1-margin-bottom: var(--h1-margin-bottom-lg);
    --h2-font-size: var(--h2-font-size-lg);
    --h2-font-weight: var(--h2-font-weight-lg);
    --h2-line-height: var(--h2-line-height-lg);
    --h2-margin-bottom: var(--h2-margin-bottom-lg);
    --h3-font-size: var(--h3-font-size-lg);
    --h3-font-weight: var(--h3-font-weight-lg);
    --h3-line-height: var(--h3-line-height-lg);
    --h3-margin-bottom: var(--h3-margin-bottom-lg);
    --h4-font-size: var(--h4-font-size-lg);
    --h4-font-weight: var(--h4-font-weight-lg);
    --h4-line-height: var(--h4-line-height-lg);
    --h4-margin-bottom: var(--h4-margin-bottom-lg);
    --h5-font-size: var(--h5-font-size-lg);
    --h5-font-weight: var(--h5-font-weight-lg);
    --h5-line-height: var(--h5-line-height-lg);
    --h5-margin-bottom: var(--h5-margin-bottom-lg);
    --h6-font-size: var(--h6-font-size-lg);
    --h6-font-weight: var(--h6-font-weight-lg);
    --h6-line-height: var(--h6-line-height-lg);
    --h6-margin-bottom: var(--h6-margin-bottom-lg);
  }
}
@media (min-width: 1200px) {
  :root {
    --section-unit: var(--section-unit-xl);
    --unit: var(--unit-xl);
    --container-w: var(--container-w-xl);
    --p-font-size: var(--p-font-size-xl);
    --p-font-weight: var(--p-font-weight-xl);
    --p-line-height: var(--p-line-height-xl);
    --p-margin-bottom: var(--p-margin-bottom-xl);
    --h1-font-size: var(--h1-font-size-xl);
    --h1-font-weight: var(--h1-font-weight-xl);
    --h1-line-height: var(--h1-line-height-xl);
    --h1-margin-bottom: var(--h1-margin-bottom-xl);
    --h2-font-size: var(--h2-font-size-xl);
    --h2-font-weight: var(--h2-font-weight-xl);
    --h2-line-height: var(--h2-line-height-xl);
    --h2-margin-bottom: var(--h2-margin-bottom-xl);
    --h3-font-size: var(--h3-font-size-xl);
    --h3-font-weight: var(--h3-font-weight-xl);
    --h3-line-height: var(--h3-line-height-xl);
    --h3-margin-bottom: var(--h3-margin-bottom-xl);
    --h4-font-size: var(--h4-font-size-xl);
    --h4-font-weight: var(--h4-font-weight-xl);
    --h4-line-height: var(--h4-line-height-xl);
    --h4-margin-bottom: var(--h4-margin-bottom-xl);
    --h5-font-size: var(--h5-font-size-xl);
    --h5-font-weight: var(--h5-font-weight-xl);
    --h5-line-height: var(--h5-line-height-xl);
    --h5-margin-bottom: var(--h5-margin-bottom-xl);
    --h6-font-size: var(--h6-font-size-xl);
    --h6-font-weight: var(--h6-font-weight-xl);
    --h6-line-height: var(--h6-line-height-xl);
    --h6-margin-bottom: var(--h6-margin-bottom-xl);
  }
}
@media (min-width: 1400px) {
  :root {
    --section-unit: var(--section-unit-xxl);
    --unit: var(--unit-xxl);
    --container-w: var(--container-w-xxl);
    --p-font-size: var(--p-font-size-xxl);
    --p-font-weight: var(--p-font-weight-xxl);
    --p-line-height: var(--p-line-height-xxl);
    --p-margin-bottom: var(--p-margin-bottom-xxl);
    --h1-font-size: var(--h1-font-size-xxl);
    --h1-font-weight: var(--h1-font-weight-xxl);
    --h1-line-height: var(--h1-line-height-xxl);
    --h1-margin-bottom: var(--h1-margin-bottom-xxl);
    --h2-font-size: var(--h2-font-size-xxl);
    --h2-font-weight: var(--h2-font-weight-xxl);
    --h2-line-height: var(--h2-line-height-xxl);
    --h2-margin-bottom: var(--h2-margin-bottom-xxl);
    --h3-font-size: var(--h3-font-size-xxl);
    --h3-font-weight: var(--h3-font-weight-xxl);
    --h3-line-height: var(--h3-line-height-xxl);
    --h3-margin-bottom: var(--h3-margin-bottom-xxl);
    --h4-font-size: var(--h4-font-size-xxl);
    --h4-font-weight: var(--h4-font-weight-xxl);
    --h4-line-height: var(--h4-line-height-xxl);
    --h4-margin-bottom: var(--h4-margin-bottom-xxl);
    --h5-font-size: var(--h5-font-size-xxl);
    --h5-font-weight: var(--h5-font-weight-xxl);
    --h5-line-height: var(--h5-line-height-xxl);
    --h5-margin-bottom: var(--h5-margin-bottom-xxl);
    --h6-font-size: var(--h6-font-size-xxl);
    --h6-font-weight: var(--h6-font-weight-xxl);
    --h6-line-height: var(--h6-line-height-xxl);
    --h6-margin-bottom: var(--h6-margin-bottom-xxl);
  }
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE Imports ///////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Typography ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
body {
  font-family: var(--font-secondary);
  color: var(--dark, #212529);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .font-display {
  font-family: var(--font-primary);
  position: relative;
}
i {
  font-family: var(--font-tertiary);
}
a {
  color: var(--primary);
  text-decoration: none;
}
a:hover {
  color: var(--tertiary);
}
.text-ninthroot {
  font-weight: 700;
  background: linear-gradient(230deg, #ff4e6c 0%, #f26897 25%, #3abfe0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
p, address {
  font-size: var(--p-font-size);
  line-height: var(--p-line-height);
  font-weight: var(--p-font-weight);
  margin-bottom: var(--p-margin-bottom);
}
h1, .h1 {
  font-size: var(--h1-font-size);
  font-weight: var(--h1-font-weight);
  line-height: var(--h1-line-height);
  margin-bottom: var(--h1-margin-bottom);
  --element-line-height: var(--h1-line-height);
}
h2, .h2 {
  font-size: var(--h2-font-size);
  font-weight: var(--h2-font-weight);
  line-height: var(--h2-line-height);
  margin-bottom: var(--h2-margin-bottom);
  --element-line-height: var(--h2-line-height);
}
h3, .h3 {
  font-size: var(--h3-font-size);
  font-weight: var(--h3-font-weight);
  line-height: var(--h3-line-height);
  margin-bottom: var(--h3-margin-bottom);
  --element-line-height: var(--h3-line-height);
}
h4, .h4 {
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  line-height: var(--h4-line-height);
  margin-bottom: var(--h4-margin-bottom);
  --element-line-height: var(--h4-line-height);
}
h5, .h5 {
  font-size: var(--h5-font-size);
  font-weight: var(--h5-font-weight);
  line-height: var(--h5-line-height);
  margin-bottom: var(--h5-margin-bottom);
  --element-line-height: var(--h5-line-height);
}
h6, .h6 {
  font-size: var(--h6-font-size);
  font-weight: var(--h6-font-weight);
  line-height: var(--h6-line-height);
  margin-bottom: var(--h6-margin-bottom);
  --element-line-height: var(--h6-line-height);
}
.display-1 {
  font-size: 0.25rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-2 {
  font-size: 0.5rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-3 {
  font-size: 0.75rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-4 {
  font-size: 1rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-5 {
  font-size: 1.25rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-6 {
  font-size: 1.5rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-7 {
  font-size: 1.75rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-8 {
  font-size: 2rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-9 {
  font-size: 2.25rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-10 {
  font-size: 2.5rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-11 {
  font-size: 2.75rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-12 {
  font-size: 3rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-13 {
  font-size: 3.25rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-14 {
  font-size: 3.5rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-15 {
  font-size: 3.75rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-16 {
  font-size: 4rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-17 {
  font-size: 4.25rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-18 {
  font-size: 4.5rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-19 {
  font-size: 4.75rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-20 {
  font-size: 5rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-21 {
  font-size: 5.25rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-22 {
  font-size: 5.5rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-23 {
  font-size: 5.75rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-24 {
  font-size: 6rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-25 {
  font-size: 6.25rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-26 {
  font-size: 6.5rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-27 {
  font-size: 6.75rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-28 {
  font-size: 7rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-29 {
  font-size: 7.25rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-30 {
  font-size: 7.5rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-31 {
  font-size: 7.75rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-32 {
  font-size: 8rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-33 {
  font-size: 8.25rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-34 {
  font-size: 8.5rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-35 {
  font-size: 8.75rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-36 {
  font-size: 9rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-37 {
  font-size: 9.25rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-38 {
  font-size: 9.5rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-39 {
  font-size: 9.75rem !important;
  line-height: var(--element-line-height, 1.2);
}
.display-40 {
  font-size: 10rem !important;
  line-height: var(--element-line-height, 1.2);
}
.weight-100 {
  font-weight: 100 !important;
}
.weight-200 {
  font-weight: 200 !important;
}
.weight-300 {
  font-weight: 300 !important;
}
.weight-400 {
  font-weight: 400 !important;
}
.weight-500 {
  font-weight: 500 !important;
}
.weight-600 {
  font-weight: 600 !important;
}
.weight-700 {
  font-weight: 700 !important;
}
.weight-800 {
  font-weight: 800 !important;
}
.weight-900 {
  font-weight: 900 !important;
}
@media (min-width: 576px) {
  .display-sm-1 {
    font-size: 0.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-2 {
    font-size: 0.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-3 {
    font-size: 0.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-4 {
    font-size: 1rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-5 {
    font-size: 1.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-6 {
    font-size: 1.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-7 {
    font-size: 1.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-8 {
    font-size: 2rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-9 {
    font-size: 2.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-10 {
    font-size: 2.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-11 {
    font-size: 2.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-12 {
    font-size: 3rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-13 {
    font-size: 3.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-14 {
    font-size: 3.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-15 {
    font-size: 3.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-16 {
    font-size: 4rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-17 {
    font-size: 4.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-18 {
    font-size: 4.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-19 {
    font-size: 4.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-20 {
    font-size: 5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-21 {
    font-size: 5.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-22 {
    font-size: 5.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-23 {
    font-size: 5.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-24 {
    font-size: 6rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-25 {
    font-size: 6.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-26 {
    font-size: 6.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-27 {
    font-size: 6.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-28 {
    font-size: 7rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-29 {
    font-size: 7.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-30 {
    font-size: 7.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-31 {
    font-size: 7.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-32 {
    font-size: 8rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-33 {
    font-size: 8.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-34 {
    font-size: 8.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-35 {
    font-size: 8.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-36 {
    font-size: 9rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-37 {
    font-size: 9.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-38 {
    font-size: 9.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-39 {
    font-size: 9.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-40 {
    font-size: 10rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .weight-sm-100 {
    font-weight: 100 !important;
  }
  .weight-sm-200 {
    font-weight: 200 !important;
  }
  .weight-sm-300 {
    font-weight: 300 !important;
  }
  .weight-sm-400 {
    font-weight: 400 !important;
  }
  .weight-sm-500 {
    font-weight: 500 !important;
  }
  .weight-sm-600 {
    font-weight: 600 !important;
  }
  .weight-sm-700 {
    font-weight: 700 !important;
  }
  .weight-sm-800 {
    font-weight: 800 !important;
  }
  .weight-sm-900 {
    font-weight: 900 !important;
  }
}
@media (min-width: 768px) {
  .display-md-1 {
    font-size: 0.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-2 {
    font-size: 0.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-3 {
    font-size: 0.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-4 {
    font-size: 1rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-5 {
    font-size: 1.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-6 {
    font-size: 1.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-7 {
    font-size: 1.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-8 {
    font-size: 2rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-9 {
    font-size: 2.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-10 {
    font-size: 2.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-11 {
    font-size: 2.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-12 {
    font-size: 3rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-13 {
    font-size: 3.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-14 {
    font-size: 3.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-15 {
    font-size: 3.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-16 {
    font-size: 4rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-17 {
    font-size: 4.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-18 {
    font-size: 4.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-19 {
    font-size: 4.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-20 {
    font-size: 5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-21 {
    font-size: 5.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-22 {
    font-size: 5.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-23 {
    font-size: 5.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-24 {
    font-size: 6rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-25 {
    font-size: 6.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-26 {
    font-size: 6.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-27 {
    font-size: 6.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-28 {
    font-size: 7rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-29 {
    font-size: 7.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-30 {
    font-size: 7.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-31 {
    font-size: 7.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-32 {
    font-size: 8rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-33 {
    font-size: 8.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-34 {
    font-size: 8.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-35 {
    font-size: 8.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-36 {
    font-size: 9rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-37 {
    font-size: 9.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-38 {
    font-size: 9.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-39 {
    font-size: 9.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-40 {
    font-size: 10rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .weight-md-100 {
    font-weight: 100 !important;
  }
  .weight-md-200 {
    font-weight: 200 !important;
  }
  .weight-md-300 {
    font-weight: 300 !important;
  }
  .weight-md-400 {
    font-weight: 400 !important;
  }
  .weight-md-500 {
    font-weight: 500 !important;
  }
  .weight-md-600 {
    font-weight: 600 !important;
  }
  .weight-md-700 {
    font-weight: 700 !important;
  }
  .weight-md-800 {
    font-weight: 800 !important;
  }
  .weight-md-900 {
    font-weight: 900 !important;
  }
}
@media (min-width: 992px) {
  .display-lg-1 {
    font-size: 0.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-2 {
    font-size: 0.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-3 {
    font-size: 0.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-4 {
    font-size: 1rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-5 {
    font-size: 1.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-6 {
    font-size: 1.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-7 {
    font-size: 1.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-8 {
    font-size: 2rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-9 {
    font-size: 2.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-10 {
    font-size: 2.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-11 {
    font-size: 2.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-12 {
    font-size: 3rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-13 {
    font-size: 3.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-14 {
    font-size: 3.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-15 {
    font-size: 3.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-16 {
    font-size: 4rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-17 {
    font-size: 4.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-18 {
    font-size: 4.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-19 {
    font-size: 4.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-20 {
    font-size: 5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-21 {
    font-size: 5.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-22 {
    font-size: 5.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-23 {
    font-size: 5.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-24 {
    font-size: 6rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-25 {
    font-size: 6.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-26 {
    font-size: 6.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-27 {
    font-size: 6.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-28 {
    font-size: 7rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-29 {
    font-size: 7.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-30 {
    font-size: 7.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-31 {
    font-size: 7.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-32 {
    font-size: 8rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-33 {
    font-size: 8.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-34 {
    font-size: 8.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-35 {
    font-size: 8.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-36 {
    font-size: 9rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-37 {
    font-size: 9.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-38 {
    font-size: 9.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-39 {
    font-size: 9.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-40 {
    font-size: 10rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .weight-lg-100 {
    font-weight: 100 !important;
  }
  .weight-lg-200 {
    font-weight: 200 !important;
  }
  .weight-lg-300 {
    font-weight: 300 !important;
  }
  .weight-lg-400 {
    font-weight: 400 !important;
  }
  .weight-lg-500 {
    font-weight: 500 !important;
  }
  .weight-lg-600 {
    font-weight: 600 !important;
  }
  .weight-lg-700 {
    font-weight: 700 !important;
  }
  .weight-lg-800 {
    font-weight: 800 !important;
  }
  .weight-lg-900 {
    font-weight: 900 !important;
  }
}
@media (min-width: 1200px) {
  .display-xl-1 {
    font-size: 0.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-2 {
    font-size: 0.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-3 {
    font-size: 0.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-4 {
    font-size: 1rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-5 {
    font-size: 1.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-6 {
    font-size: 1.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-7 {
    font-size: 1.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-8 {
    font-size: 2rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-9 {
    font-size: 2.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-10 {
    font-size: 2.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-11 {
    font-size: 2.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-12 {
    font-size: 3rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-13 {
    font-size: 3.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-14 {
    font-size: 3.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-15 {
    font-size: 3.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-16 {
    font-size: 4rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-17 {
    font-size: 4.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-18 {
    font-size: 4.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-19 {
    font-size: 4.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-20 {
    font-size: 5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-21 {
    font-size: 5.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-22 {
    font-size: 5.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-23 {
    font-size: 5.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-24 {
    font-size: 6rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-25 {
    font-size: 6.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-26 {
    font-size: 6.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-27 {
    font-size: 6.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-28 {
    font-size: 7rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-29 {
    font-size: 7.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-30 {
    font-size: 7.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-31 {
    font-size: 7.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-32 {
    font-size: 8rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-33 {
    font-size: 8.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-34 {
    font-size: 8.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-35 {
    font-size: 8.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-36 {
    font-size: 9rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-37 {
    font-size: 9.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-38 {
    font-size: 9.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-39 {
    font-size: 9.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-40 {
    font-size: 10rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .weight-xl-100 {
    font-weight: 100 !important;
  }
  .weight-xl-200 {
    font-weight: 200 !important;
  }
  .weight-xl-300 {
    font-weight: 300 !important;
  }
  .weight-xl-400 {
    font-weight: 400 !important;
  }
  .weight-xl-500 {
    font-weight: 500 !important;
  }
  .weight-xl-600 {
    font-weight: 600 !important;
  }
  .weight-xl-700 {
    font-weight: 700 !important;
  }
  .weight-xl-800 {
    font-weight: 800 !important;
  }
  .weight-xl-900 {
    font-weight: 900 !important;
  }
}
@media (min-width: 1400px) {
  .display-xxl-1 {
    font-size: 0.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-2 {
    font-size: 0.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-3 {
    font-size: 0.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-4 {
    font-size: 1rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-5 {
    font-size: 1.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-6 {
    font-size: 1.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-7 {
    font-size: 1.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-8 {
    font-size: 2rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-9 {
    font-size: 2.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-10 {
    font-size: 2.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-11 {
    font-size: 2.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-12 {
    font-size: 3rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-13 {
    font-size: 3.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-14 {
    font-size: 3.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-15 {
    font-size: 3.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-16 {
    font-size: 4rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-17 {
    font-size: 4.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-18 {
    font-size: 4.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-19 {
    font-size: 4.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-20 {
    font-size: 5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-21 {
    font-size: 5.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-22 {
    font-size: 5.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-23 {
    font-size: 5.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-24 {
    font-size: 6rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-25 {
    font-size: 6.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-26 {
    font-size: 6.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-27 {
    font-size: 6.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-28 {
    font-size: 7rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-29 {
    font-size: 7.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-30 {
    font-size: 7.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-31 {
    font-size: 7.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-32 {
    font-size: 8rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-33 {
    font-size: 8.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-34 {
    font-size: 8.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-35 {
    font-size: 8.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-36 {
    font-size: 9rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-37 {
    font-size: 9.25rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-38 {
    font-size: 9.5rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-39 {
    font-size: 9.75rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-40 {
    font-size: 10rem !important;
    line-height: var(--element-line-height, 1.2);
  }
  .weight-xxl-100 {
    font-weight: 100 !important;
  }
  .weight-xxl-200 {
    font-weight: 200 !important;
  }
  .weight-xxl-300 {
    font-weight: 300 !important;
  }
  .weight-xxl-400 {
    font-weight: 400 !important;
  }
  .weight-xxl-500 {
    font-weight: 500 !important;
  }
  .weight-xxl-600 {
    font-weight: 600 !important;
  }
  .weight-xxl-700 {
    font-weight: 700 !important;
  }
  .weight-xxl-800 {
    font-weight: 800 !important;
  }
  .weight-xxl-900 {
    font-weight: 900 !important;
  }
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Header ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
header {
  --nav-height: var(--nav-mobile-height);
  --nav-logo-width: var(--nav-logo-mobile-width);
  --nav-logo-offset: var(--nav-logo-mobile-offset);
  --nav-font-size: var(--nav-mobile-font-size);
}
body {
  --nav-tert-height: 0px;
}
@media (min-width: 992px) {
  header {
    --nav-height: var(--nav-desktop-height);
    --nav-logo-width: var(--nav-logo-desktop-width);
    --nav-logo-offset: var(--nav-logo-desktop-offset);
    --nav-font-size: var(--nav-desktop-font-size);
  }
  header.scrolled {
    --nav-height: var(--nav-scrolled-height);
    --nav-logo-width: var(--nav-logo-desktop-scrolled-width);
    --nav-logo-offset: var(--nav-logo-desktop-scrolled-offset);
    --nav-font-size: var(--nav-desktop-scrolled-font-size);
  }
  body.h-show-tert-nav {
    --nav-tert-height: var(--nav-tert-desktop-height);
  }
}
@media (max-width: 991px) {
  header {
    width: 100%;
    position: fixed;
    z-index: 9;
    background-color: var(--nav-color);
  }
  header .tert-nav, header .main-nav {
    display: flex;
    align-items: center;
    width: 100%;
  }
  header .tert-nav {
    position: relative;
    z-index: 1;
    display: none;
    height: var(--nav-tert-height);
    transition: margin-top var(--transition);
    background: var(--nav-tert-background-color);
  }
  header .tert-nav .nav-container {
    display: flex;
    justify-content: flex-end;
    height: 100%;
    max-width: unset;
  }
  header .tert-nav .nav-container a {
    display: flex;
    align-items: center;
    color: var(--nav-tert-text-color);
    font-size: var(--nav-tert-font);
    text-transform: var(--nav-tert-letter-case);
  }
  header .tert-nav .nav-container a:hover {
    text-decoration: var(--nav-tert-text-hover-text-decoration);
    color: var(--nav-tert-text-hover-color);
    background-color: var(--nav-tert-background-hover-color);
    cursor: pointer;
  }
  header > .nav-container {
    max-width: unset;
    height: var(--nav-height);
    display: flex;
  }
  header > .nav-container .main-nav {
    display: flex;
    justify-content: flex-start;
  }
  header > .nav-container .main-nav .logo {
    display: flex;
    align-items: center;
    width: var(--nav-logo-width);
    margin-bottom: var(--nav-logo-offset);
    transition: all var(--transition);
    position: relative;
  }
  header > .nav-container .main-nav .logo a {
    position: absolute;
    width: 100%;
  }
  header > .nav-container .main-nav .logo a img {
    width: 100%;
  }
  header > .nav-container .main-nav .items {
    height: 100%;
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
  }
  header > .nav-container .main-nav .items nav {
    position: fixed;
    left: 0vw;
    top: var(--top-bar, 0px);
    transition: var(--transition);
    overflow-y: hidden;
    display: flex;
    justify-content: center;
    width: 100vw;
    height: 0vh;
    background: var(--nav-mobile-dropdown-color);
  }
  header > .nav-container .main-nav .items nav ul.level-1 {
    position: absolute;
    top: calc(var(--nav-height) + var(--nav-tert-height));
    transition: all var(--transition);
    padding: 0px;
    margin: 0 20px;
    width: var(--nav-mobile-width);
    list-style: none;
  }
  header > .nav-container .main-nav .items nav ul.level-1 > li > a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: var(--nav-font-size);
    color: var(--nav-mobile-text-color);
    text-transform: var(--nav-letter-case);
  }
  header > .nav-container .main-nav .items .item-append {
    display: flex;
    align-items: center;
    position: absolute;
    right: calc(var(--nav-height) - 20px);
    height: var(--nav-height);
  }
  header > .nav-container .main-nav .items .mobile-nav-trigger {
    position: absolute;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--nav-height);
    width: calc(var(--nav-height) - 20px);
  }
  header > .nav-container .main-nav .items .mobile-nav-trigger .close-icon {
    opacity: 0;
    font-size: var(--nav-mobile-trigger-close-font-size);
    color: var(--nav-mobile-trigger-close-color);
  }
  header > .nav-container .main-nav .items .mobile-nav-trigger .open-icon {
    opacity: 1;
    font-size: var(--nav-mobile-trigger-open-font-size);
    color: var(--nav-mobile-trigger-open-color);
  }
  header > .nav-container .main-nav .items .mobile-nav-trigger i {
    position: absolute;
    transition: var(--transition);
  }
  header.scrolled .tert-nav {
    margin-top: calc((var(--nav-tert-height) * -1) - 1px);
  }
  header.scrolled > .nav-container .main-nav .items nav ul.level-1 {
    top: calc(var(--nav-height));
  }
  header.open > .nav-container .main-nav .items nav {
    height: calc(100vh - var(--top-bar, 0px));
    overflow-y: scroll;
  }
  header.open > .nav-container .main-nav .items .mobile-nav-trigger .close-icon {
    opacity: 1;
  }
  header.open > .nav-container .main-nav .items .mobile-nav-trigger .open-icon {
    opacity: 0;
  }
}
@media (min-width: 992px) {
  header {
    width: 100%;
    position: fixed;
    z-index: 9;
    background-color: var(--nav-color);
  }
  header .tert-nav, header .main-nav {
    display: flex;
    align-items: center;
    width: 100%;
  }
  header .tert-nav {
    display: flex;
    height: var(--nav-tert-height);
    transition: margin-top var(--transition);
    background: var(--nav-tert-background-color);
  }
  header .tert-nav .nav-container {
    display: flex;
    justify-content: flex-end;
    height: 100%;
    max-width: var(--nav-width);
  }
  header .tert-nav .nav-container a {
    display: flex;
    align-items: center;
    color: var(--nav-tert-text-color);
    font-size: var(--nav-tert-font);
    text-transform: var(--nav-tert-letter-case);
  }
  header .tert-nav .nav-container a:hover {
    text-decoration: var(--nav-tert-text-hover-text-decoration);
    color: var(--nav-tert-text-hover-color);
    background-color: var(--nav-tert-background-hover-color);
    cursor: pointer;
  }
  header > .nav-container {
    max-width: var(--nav-width);
    height: var(--nav-height);
    transition: height var(--transition);
    display: flex;
  }
  header > .nav-container .main-nav {
    display: flex;
    position: relative;
  }
  header > .nav-container .main-nav .logo {
    display: flex;
    align-items: center;
    position: relative;
    width: var(--nav-logo-width);
    margin-bottom: var(--nav-logo-offset);
    transition: all var(--transition);
  }
  header > .nav-container .main-nav .logo a {
    position: absolute;
    width: 100%;
  }
  header > .nav-container .main-nav .logo a img {
    width: 100%;
  }
  header > .nav-container .main-nav .items {
    height: 100%;
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
  }
  header > .nav-container .main-nav .items nav {
    display: flex;
  }
  header > .nav-container .main-nav .items nav > ul.level-1 {
    display: flex;
    list-style: none;
    position: relative;
    margin: 0px;
    padding: 0px;
  }
  header > .nav-container .main-nav .items nav > ul.level-1 > li {
    display: flex;
    height: 100%;
    position: relative;
  }
  header > .nav-container .main-nav .items nav > ul.level-1 > li > a {
    display: flex;
    align-items: center;
    color: var(--nav-text-color);
    font-size: var(--nav-font-size);
    text-transform: var(--nav-letter-case);
    line-height: 1;
    transition: color 0.2s ease-in, background-color 0.2s ease-in;
  }
  header > .nav-container .main-nav .items nav > ul.level-1 > li > a:hover {
    color: var(--nav-hover-text-color);
    text-decoration: none;
  }
  header > .nav-container .main-nav .items .item-append {
    display: flex;
    align-items: center;
  }
  header > .nav-container .main-nav .items .mobile-nav-trigger {
    display: none;
  }
  header.scrolled .tert-nav {
    margin-top: calc((var(--nav-tert-height) * -1) - 1px);
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// LAYOUT ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
html {
  overflow-x: hidden;
}
body {
  background-color: white;
  overflow-x: hidden;
}
main {
  padding-top: calc(var(--nav-mobile-height) + var(--top-bar, 0px));
}
@media (min-width: 992px) {
  main {
    padding-top: calc(var(--nav-scrolled-height) + var(--top-bar, 0px));
  }
}
section {
  position: relative;
  margin: 0;
  padding: var(--section-unit) 0;
  background-color: #fff;
  /* default */
}
section.half-pad {
  padding: calc(var(--section-unit) / 2) 0;
}
main > section:first-of-type, main section.first-section {
  padding-top: calc(var(--nav-tert-height) + var(--section-unit));
}
main > section.half-pad:first-of-type, main section.half-pad.first-section {
  padding-top: calc(var(--nav-tert-height) + calc(var(--section-unit) / 2));
}
@media (min-width: 992px) {
  main > section:first-of-type, main section.first-section {
    padding-top: calc((var(--nav-desktop-height) - var(--nav-scrolled-height)) + var(--nav-tert-height) + var(--section-unit));
  }
  main > section.half-pad:first-of-type, main section.half-pad.first-section {
    padding-top: calc((var(--nav-desktop-height) - var(--nav-scrolled-height)) + var(--nav-tert-height) + (var(--section-unit) / 2));
  }
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Utilities ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.d-none {
  display: none !important;
}
.d-block {
  display: block !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-grid {
  display: grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 992px) {
  .d-navbrk-none {
    display: none !important;
  }
  .d-navbrk-block {
    display: block !important;
  }
  .d-navbrk-inline {
    display: inline !important;
  }
  .d-navbrk-inline-block {
    display: inline-block !important;
  }
  .d-navbrk-flex {
    display: flex !important;
  }
  .d-navbrk-inline-flex {
    display: inline-flex !important;
  }
  .d-navbrk-grid {
    display: grid !important;
  }
  .d-navbrk-table {
    display: table !important;
  }
  .d-navbrk-table-row {
    display: table-row !important;
  }
  .d-navbrk-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 992px) {
  .d-navbrk-none {
    display: none !important;
  }
  .d-navbrk-block {
    display: block !important;
  }
  .d-navbrk-inline {
    display: inline !important;
  }
  .d-navbrk-inline-block {
    display: inline-block !important;
  }
  .d-navbrk-flex {
    display: flex !important;
  }
  .d-navbrk-inline-flex {
    display: inline-flex !important;
  }
  .d-navbrk-grid {
    display: grid !important;
  }
  .d-navbrk-table {
    display: table !important;
  }
  .d-navbrk-table-row {
    display: table-row !important;
  }
  .d-navbrk-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
}
.bg-primary-to-primary {
  background: var(--primary) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
}
.bg-primary-to-secondary {
  background: var(--primary) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
}
.bg-primary-to-tertiary {
  background: var(--primary) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
}
.bg-primary-to-quaternary {
  background: var(--primary) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
}
.bg-primary-to-quinary {
  background: var(--primary) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
}
.bg-primary-to-senary {
  background: var(--primary) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
}
.bg-primary-to-light {
  background: var(--primary) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
}
.bg-primary-to-gray {
  background: var(--primary) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
}
.bg-primary-to-dark {
  background: var(--primary) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
}
.bg-primary-to-dark-gray {
  background: var(--primary) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
}
.bg-primary {
  background-color: var(--primary) !important;
}
.text-primary {
  color: var(--primary) !important;
}
.hover-primary:hover {
  color: var(--primary) !important;
}
.hover-bg-primary:hover {
  background-color: var(--primary) !important;
}
.hover-btn-primary:hover {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.bg-secondary-to-primary {
  background: var(--secondary) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
}
.bg-secondary-to-secondary {
  background: var(--secondary) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
}
.bg-secondary-to-tertiary {
  background: var(--secondary) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
}
.bg-secondary-to-quaternary {
  background: var(--secondary) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
}
.bg-secondary-to-quinary {
  background: var(--secondary) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
}
.bg-secondary-to-senary {
  background: var(--secondary) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
}
.bg-secondary-to-light {
  background: var(--secondary) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
}
.bg-secondary-to-gray {
  background: var(--secondary) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
}
.bg-secondary-to-dark {
  background: var(--secondary) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
}
.bg-secondary-to-dark-gray {
  background: var(--secondary) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
}
.bg-secondary {
  background-color: var(--secondary) !important;
}
.text-secondary {
  color: var(--secondary) !important;
}
.hover-secondary:hover {
  color: var(--secondary) !important;
}
.hover-bg-secondary:hover {
  background-color: var(--secondary) !important;
}
.hover-btn-secondary:hover {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}
.bg-tertiary-to-primary {
  background: var(--tertiary) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
}
.bg-tertiary-to-secondary {
  background: var(--tertiary) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
}
.bg-tertiary-to-tertiary {
  background: var(--tertiary) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
}
.bg-tertiary-to-quaternary {
  background: var(--tertiary) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
}
.bg-tertiary-to-quinary {
  background: var(--tertiary) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
}
.bg-tertiary-to-senary {
  background: var(--tertiary) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
}
.bg-tertiary-to-light {
  background: var(--tertiary) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
}
.bg-tertiary-to-gray {
  background: var(--tertiary) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
}
.bg-tertiary-to-dark {
  background: var(--tertiary) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
}
.bg-tertiary-to-dark-gray {
  background: var(--tertiary) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
}
.bg-tertiary {
  background-color: var(--tertiary) !important;
}
.text-tertiary {
  color: var(--tertiary) !important;
}
.hover-tertiary:hover {
  color: var(--tertiary) !important;
}
.hover-bg-tertiary:hover {
  background-color: var(--tertiary) !important;
}
.hover-btn-tertiary:hover {
  background-color: var(--tertiary) !important;
  border-color: var(--tertiary) !important;
}
.bg-quaternary-to-primary {
  background: var(--quaternary) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
}
.bg-quaternary-to-secondary {
  background: var(--quaternary) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
}
.bg-quaternary-to-tertiary {
  background: var(--quaternary) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
}
.bg-quaternary-to-quaternary {
  background: var(--quaternary) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
}
.bg-quaternary-to-quinary {
  background: var(--quaternary) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
}
.bg-quaternary-to-senary {
  background: var(--quaternary) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
}
.bg-quaternary-to-light {
  background: var(--quaternary) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
}
.bg-quaternary-to-gray {
  background: var(--quaternary) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
}
.bg-quaternary-to-dark {
  background: var(--quaternary) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
}
.bg-quaternary-to-dark-gray {
  background: var(--quaternary) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
}
.bg-quaternary {
  background-color: var(--quaternary) !important;
}
.text-quaternary {
  color: var(--quaternary) !important;
}
.hover-quaternary:hover {
  color: var(--quaternary) !important;
}
.hover-bg-quaternary:hover {
  background-color: var(--quaternary) !important;
}
.hover-btn-quaternary:hover {
  background-color: var(--quaternary) !important;
  border-color: var(--quaternary) !important;
}
.bg-quinary-to-primary {
  background: var(--quinary) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
}
.bg-quinary-to-secondary {
  background: var(--quinary) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
}
.bg-quinary-to-tertiary {
  background: var(--quinary) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
}
.bg-quinary-to-quaternary {
  background: var(--quinary) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
}
.bg-quinary-to-quinary {
  background: var(--quinary) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
}
.bg-quinary-to-senary {
  background: var(--quinary) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
}
.bg-quinary-to-light {
  background: var(--quinary) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
}
.bg-quinary-to-gray {
  background: var(--quinary) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
}
.bg-quinary-to-dark {
  background: var(--quinary) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
}
.bg-quinary-to-dark-gray {
  background: var(--quinary) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
}
.bg-quinary {
  background-color: var(--quinary) !important;
}
.text-quinary {
  color: var(--quinary) !important;
}
.hover-quinary:hover {
  color: var(--quinary) !important;
}
.hover-bg-quinary:hover {
  background-color: var(--quinary) !important;
}
.hover-btn-quinary:hover {
  background-color: var(--quinary) !important;
  border-color: var(--quinary) !important;
}
.bg-senary-to-primary {
  background: var(--senary) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
}
.bg-senary-to-secondary {
  background: var(--senary) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
}
.bg-senary-to-tertiary {
  background: var(--senary) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
}
.bg-senary-to-quaternary {
  background: var(--senary) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
}
.bg-senary-to-quinary {
  background: var(--senary) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
}
.bg-senary-to-senary {
  background: var(--senary) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
}
.bg-senary-to-light {
  background: var(--senary) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
}
.bg-senary-to-gray {
  background: var(--senary) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
}
.bg-senary-to-dark {
  background: var(--senary) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
}
.bg-senary-to-dark-gray {
  background: var(--senary) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
}
.bg-senary {
  background-color: var(--senary) !important;
}
.text-senary {
  color: var(--senary) !important;
}
.hover-senary:hover {
  color: var(--senary) !important;
}
.hover-bg-senary:hover {
  background-color: var(--senary) !important;
}
.hover-btn-senary:hover {
  background-color: var(--senary) !important;
  border-color: var(--senary) !important;
}
.bg-light-to-primary {
  background: var(--light) !important;
  background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
}
.bg-light-to-secondary {
  background: var(--light) !important;
  background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
}
.bg-light-to-tertiary {
  background: var(--light) !important;
  background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
}
.bg-light-to-quaternary {
  background: var(--light) !important;
  background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
}
.bg-light-to-quinary {
  background: var(--light) !important;
  background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
}
.bg-light-to-senary {
  background: var(--light) !important;
  background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
}
.bg-light-to-light {
  background: var(--light) !important;
  background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
}
.bg-light-to-gray {
  background: var(--light) !important;
  background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
}
.bg-light-to-dark {
  background: var(--light) !important;
  background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
}
.bg-light-to-dark-gray {
  background: var(--light) !important;
  background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
}
.bg-light {
  background-color: var(--light) !important;
}
.text-light {
  color: var(--light) !important;
}
.hover-light:hover {
  color: var(--light) !important;
}
.hover-bg-light:hover {
  background-color: var(--light) !important;
}
.hover-btn-light:hover {
  background-color: var(--light) !important;
  border-color: var(--light) !important;
}
.bg-gray-to-primary {
  background: var(--gray) !important;
  background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
}
.bg-gray-to-secondary {
  background: var(--gray) !important;
  background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
}
.bg-gray-to-tertiary {
  background: var(--gray) !important;
  background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
}
.bg-gray-to-quaternary {
  background: var(--gray) !important;
  background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
}
.bg-gray-to-quinary {
  background: var(--gray) !important;
  background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
}
.bg-gray-to-senary {
  background: var(--gray) !important;
  background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
}
.bg-gray-to-light {
  background: var(--gray) !important;
  background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
}
.bg-gray-to-gray {
  background: var(--gray) !important;
  background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
}
.bg-gray-to-dark {
  background: var(--gray) !important;
  background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
}
.bg-gray-to-dark-gray {
  background: var(--gray) !important;
  background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
}
.bg-gray {
  background-color: var(--gray) !important;
}
.text-gray {
  color: var(--gray) !important;
}
.hover-gray:hover {
  color: var(--gray) !important;
}
.hover-bg-gray:hover {
  background-color: var(--gray) !important;
}
.hover-btn-gray:hover {
  background-color: var(--gray) !important;
  border-color: var(--gray) !important;
}
.bg-dark-to-primary {
  background: var(--dark) !important;
  background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
}
.bg-dark-to-secondary {
  background: var(--dark) !important;
  background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
}
.bg-dark-to-tertiary {
  background: var(--dark) !important;
  background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
}
.bg-dark-to-quaternary {
  background: var(--dark) !important;
  background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
}
.bg-dark-to-quinary {
  background: var(--dark) !important;
  background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
}
.bg-dark-to-senary {
  background: var(--dark) !important;
  background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
}
.bg-dark-to-light {
  background: var(--dark) !important;
  background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
}
.bg-dark-to-gray {
  background: var(--dark) !important;
  background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
}
.bg-dark-to-dark {
  background: var(--dark) !important;
  background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
}
.bg-dark-to-dark-gray {
  background: var(--dark) !important;
  background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
}
.bg-dark {
  background-color: var(--dark) !important;
}
.text-dark {
  color: var(--dark) !important;
}
.hover-dark:hover {
  color: var(--dark) !important;
}
.hover-bg-dark:hover {
  background-color: var(--dark) !important;
}
.hover-btn-dark:hover {
  background-color: var(--dark) !important;
  border-color: var(--dark) !important;
}
.bg-dark-gray-to-primary {
  background: var(--dark-gray) !important;
  background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
}
.bg-dark-gray-to-secondary {
  background: var(--dark-gray) !important;
  background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
}
.bg-dark-gray-to-tertiary {
  background: var(--dark-gray) !important;
  background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
}
.bg-dark-gray-to-quaternary {
  background: var(--dark-gray) !important;
  background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
}
.bg-dark-gray-to-quinary {
  background: var(--dark-gray) !important;
  background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
}
.bg-dark-gray-to-senary {
  background: var(--dark-gray) !important;
  background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
}
.bg-dark-gray-to-light {
  background: var(--dark-gray) !important;
  background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
}
.bg-dark-gray-to-gray {
  background: var(--dark-gray) !important;
  background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
}
.bg-dark-gray-to-dark {
  background: var(--dark-gray) !important;
  background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
}
.bg-dark-gray-to-dark-gray {
  background: var(--dark-gray) !important;
  background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
}
.bg-dark-gray {
  background-color: var(--dark-gray) !important;
}
.text-dark-gray {
  color: var(--dark-gray) !important;
}
.hover-dark-gray:hover {
  color: var(--dark-gray) !important;
}
.hover-bg-dark-gray:hover {
  background-color: var(--dark-gray) !important;
}
.hover-btn-dark-gray:hover {
  background-color: var(--dark-gray) !important;
  border-color: var(--dark-gray) !important;
}
@media (min-width: 576px) {
  .bg-sm-primary-to-primary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-sm-primary-to-secondary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-sm-primary-to-tertiary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-sm-primary-to-quaternary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-sm-primary-to-quinary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-sm-primary-to-senary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-sm-primary-to-light {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-sm-primary-to-gray {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-sm-primary-to-dark {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-sm-primary-to-dark-gray {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-sm-primary {
    background-color: var(--primary) !important;
  }
  .text-sm-primary {
    color: var(--primary) !important;
  }
  .hover-sm-primary:hover {
    color: var(--primary) !important;
  }
  .hover-sm-bg-primary:hover {
    background-color: var(--primary) !important;
  }
  .hover-sm-btn-primary:hover {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
  .bg-sm-secondary-to-primary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-sm-secondary-to-secondary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-sm-secondary-to-tertiary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-sm-secondary-to-quaternary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-sm-secondary-to-quinary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-sm-secondary-to-senary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-sm-secondary-to-light {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-sm-secondary-to-gray {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-sm-secondary-to-dark {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-sm-secondary-to-dark-gray {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-sm-secondary {
    background-color: var(--secondary) !important;
  }
  .text-sm-secondary {
    color: var(--secondary) !important;
  }
  .hover-sm-secondary:hover {
    color: var(--secondary) !important;
  }
  .hover-sm-bg-secondary:hover {
    background-color: var(--secondary) !important;
  }
  .hover-sm-btn-secondary:hover {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
  }
  .bg-sm-tertiary-to-primary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-sm-tertiary-to-secondary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-sm-tertiary-to-tertiary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-sm-tertiary-to-quaternary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-sm-tertiary-to-quinary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-sm-tertiary-to-senary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-sm-tertiary-to-light {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-sm-tertiary-to-gray {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-sm-tertiary-to-dark {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-sm-tertiary-to-dark-gray {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-sm-tertiary {
    background-color: var(--tertiary) !important;
  }
  .text-sm-tertiary {
    color: var(--tertiary) !important;
  }
  .hover-sm-tertiary:hover {
    color: var(--tertiary) !important;
  }
  .hover-sm-bg-tertiary:hover {
    background-color: var(--tertiary) !important;
  }
  .hover-sm-btn-tertiary:hover {
    background-color: var(--tertiary) !important;
    border-color: var(--tertiary) !important;
  }
  .bg-sm-quaternary-to-primary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-sm-quaternary-to-secondary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-sm-quaternary-to-tertiary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-sm-quaternary-to-quaternary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-sm-quaternary-to-quinary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-sm-quaternary-to-senary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-sm-quaternary-to-light {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-sm-quaternary-to-gray {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-sm-quaternary-to-dark {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-sm-quaternary-to-dark-gray {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-sm-quaternary {
    background-color: var(--quaternary) !important;
  }
  .text-sm-quaternary {
    color: var(--quaternary) !important;
  }
  .hover-sm-quaternary:hover {
    color: var(--quaternary) !important;
  }
  .hover-sm-bg-quaternary:hover {
    background-color: var(--quaternary) !important;
  }
  .hover-sm-btn-quaternary:hover {
    background-color: var(--quaternary) !important;
    border-color: var(--quaternary) !important;
  }
  .bg-sm-quinary-to-primary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-sm-quinary-to-secondary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-sm-quinary-to-tertiary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-sm-quinary-to-quaternary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-sm-quinary-to-quinary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-sm-quinary-to-senary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-sm-quinary-to-light {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-sm-quinary-to-gray {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-sm-quinary-to-dark {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-sm-quinary-to-dark-gray {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-sm-quinary {
    background-color: var(--quinary) !important;
  }
  .text-sm-quinary {
    color: var(--quinary) !important;
  }
  .hover-sm-quinary:hover {
    color: var(--quinary) !important;
  }
  .hover-sm-bg-quinary:hover {
    background-color: var(--quinary) !important;
  }
  .hover-sm-btn-quinary:hover {
    background-color: var(--quinary) !important;
    border-color: var(--quinary) !important;
  }
  .bg-sm-senary-to-primary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-sm-senary-to-secondary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-sm-senary-to-tertiary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-sm-senary-to-quaternary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-sm-senary-to-quinary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-sm-senary-to-senary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-sm-senary-to-light {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-sm-senary-to-gray {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-sm-senary-to-dark {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-sm-senary-to-dark-gray {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-sm-senary {
    background-color: var(--senary) !important;
  }
  .text-sm-senary {
    color: var(--senary) !important;
  }
  .hover-sm-senary:hover {
    color: var(--senary) !important;
  }
  .hover-sm-bg-senary:hover {
    background-color: var(--senary) !important;
  }
  .hover-sm-btn-senary:hover {
    background-color: var(--senary) !important;
    border-color: var(--senary) !important;
  }
  .bg-sm-light-to-primary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-sm-light-to-secondary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-sm-light-to-tertiary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-sm-light-to-quaternary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-sm-light-to-quinary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-sm-light-to-senary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-sm-light-to-light {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-sm-light-to-gray {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-sm-light-to-dark {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-sm-light-to-dark-gray {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-sm-light {
    background-color: var(--light) !important;
  }
  .text-sm-light {
    color: var(--light) !important;
  }
  .hover-sm-light:hover {
    color: var(--light) !important;
  }
  .hover-sm-bg-light:hover {
    background-color: var(--light) !important;
  }
  .hover-sm-btn-light:hover {
    background-color: var(--light) !important;
    border-color: var(--light) !important;
  }
  .bg-sm-gray-to-primary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-sm-gray-to-secondary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-sm-gray-to-tertiary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-sm-gray-to-quaternary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-sm-gray-to-quinary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-sm-gray-to-senary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-sm-gray-to-light {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-sm-gray-to-gray {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-sm-gray-to-dark {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-sm-gray-to-dark-gray {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-sm-gray {
    background-color: var(--gray) !important;
  }
  .text-sm-gray {
    color: var(--gray) !important;
  }
  .hover-sm-gray:hover {
    color: var(--gray) !important;
  }
  .hover-sm-bg-gray:hover {
    background-color: var(--gray) !important;
  }
  .hover-sm-btn-gray:hover {
    background-color: var(--gray) !important;
    border-color: var(--gray) !important;
  }
  .bg-sm-dark-to-primary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-sm-dark-to-secondary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-sm-dark-to-tertiary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-sm-dark-to-quaternary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-sm-dark-to-quinary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-sm-dark-to-senary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-sm-dark-to-light {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-sm-dark-to-gray {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-sm-dark-to-dark {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-sm-dark-to-dark-gray {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-sm-dark {
    background-color: var(--dark) !important;
  }
  .text-sm-dark {
    color: var(--dark) !important;
  }
  .hover-sm-dark:hover {
    color: var(--dark) !important;
  }
  .hover-sm-bg-dark:hover {
    background-color: var(--dark) !important;
  }
  .hover-sm-btn-dark:hover {
    background-color: var(--dark) !important;
    border-color: var(--dark) !important;
  }
  .bg-sm-dark-gray-to-primary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-sm-dark-gray-to-secondary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-sm-dark-gray-to-tertiary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-sm-dark-gray-to-quaternary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-sm-dark-gray-to-quinary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-sm-dark-gray-to-senary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-sm-dark-gray-to-light {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-sm-dark-gray-to-gray {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-sm-dark-gray-to-dark {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-sm-dark-gray-to-dark-gray {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-sm-dark-gray {
    background-color: var(--dark-gray) !important;
  }
  .text-sm-dark-gray {
    color: var(--dark-gray) !important;
  }
  .hover-sm-dark-gray:hover {
    color: var(--dark-gray) !important;
  }
  .hover-sm-bg-dark-gray:hover {
    background-color: var(--dark-gray) !important;
  }
  .hover-sm-btn-dark-gray:hover {
    background-color: var(--dark-gray) !important;
    border-color: var(--dark-gray) !important;
  }
}
@media (min-width: 768px) {
  .bg-md-primary-to-primary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-md-primary-to-secondary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-md-primary-to-tertiary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-md-primary-to-quaternary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-md-primary-to-quinary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-md-primary-to-senary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-md-primary-to-light {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-md-primary-to-gray {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-md-primary-to-dark {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-md-primary-to-dark-gray {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-md-primary {
    background-color: var(--primary) !important;
  }
  .text-md-primary {
    color: var(--primary) !important;
  }
  .hover-md-primary:hover {
    color: var(--primary) !important;
  }
  .hover-md-bg-primary:hover {
    background-color: var(--primary) !important;
  }
  .hover-md-btn-primary:hover {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
  .bg-md-secondary-to-primary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-md-secondary-to-secondary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-md-secondary-to-tertiary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-md-secondary-to-quaternary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-md-secondary-to-quinary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-md-secondary-to-senary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-md-secondary-to-light {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-md-secondary-to-gray {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-md-secondary-to-dark {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-md-secondary-to-dark-gray {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-md-secondary {
    background-color: var(--secondary) !important;
  }
  .text-md-secondary {
    color: var(--secondary) !important;
  }
  .hover-md-secondary:hover {
    color: var(--secondary) !important;
  }
  .hover-md-bg-secondary:hover {
    background-color: var(--secondary) !important;
  }
  .hover-md-btn-secondary:hover {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
  }
  .bg-md-tertiary-to-primary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-md-tertiary-to-secondary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-md-tertiary-to-tertiary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-md-tertiary-to-quaternary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-md-tertiary-to-quinary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-md-tertiary-to-senary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-md-tertiary-to-light {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-md-tertiary-to-gray {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-md-tertiary-to-dark {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-md-tertiary-to-dark-gray {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-md-tertiary {
    background-color: var(--tertiary) !important;
  }
  .text-md-tertiary {
    color: var(--tertiary) !important;
  }
  .hover-md-tertiary:hover {
    color: var(--tertiary) !important;
  }
  .hover-md-bg-tertiary:hover {
    background-color: var(--tertiary) !important;
  }
  .hover-md-btn-tertiary:hover {
    background-color: var(--tertiary) !important;
    border-color: var(--tertiary) !important;
  }
  .bg-md-quaternary-to-primary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-md-quaternary-to-secondary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-md-quaternary-to-tertiary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-md-quaternary-to-quaternary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-md-quaternary-to-quinary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-md-quaternary-to-senary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-md-quaternary-to-light {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-md-quaternary-to-gray {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-md-quaternary-to-dark {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-md-quaternary-to-dark-gray {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-md-quaternary {
    background-color: var(--quaternary) !important;
  }
  .text-md-quaternary {
    color: var(--quaternary) !important;
  }
  .hover-md-quaternary:hover {
    color: var(--quaternary) !important;
  }
  .hover-md-bg-quaternary:hover {
    background-color: var(--quaternary) !important;
  }
  .hover-md-btn-quaternary:hover {
    background-color: var(--quaternary) !important;
    border-color: var(--quaternary) !important;
  }
  .bg-md-quinary-to-primary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-md-quinary-to-secondary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-md-quinary-to-tertiary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-md-quinary-to-quaternary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-md-quinary-to-quinary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-md-quinary-to-senary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-md-quinary-to-light {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-md-quinary-to-gray {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-md-quinary-to-dark {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-md-quinary-to-dark-gray {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-md-quinary {
    background-color: var(--quinary) !important;
  }
  .text-md-quinary {
    color: var(--quinary) !important;
  }
  .hover-md-quinary:hover {
    color: var(--quinary) !important;
  }
  .hover-md-bg-quinary:hover {
    background-color: var(--quinary) !important;
  }
  .hover-md-btn-quinary:hover {
    background-color: var(--quinary) !important;
    border-color: var(--quinary) !important;
  }
  .bg-md-senary-to-primary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-md-senary-to-secondary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-md-senary-to-tertiary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-md-senary-to-quaternary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-md-senary-to-quinary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-md-senary-to-senary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-md-senary-to-light {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-md-senary-to-gray {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-md-senary-to-dark {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-md-senary-to-dark-gray {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-md-senary {
    background-color: var(--senary) !important;
  }
  .text-md-senary {
    color: var(--senary) !important;
  }
  .hover-md-senary:hover {
    color: var(--senary) !important;
  }
  .hover-md-bg-senary:hover {
    background-color: var(--senary) !important;
  }
  .hover-md-btn-senary:hover {
    background-color: var(--senary) !important;
    border-color: var(--senary) !important;
  }
  .bg-md-light-to-primary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-md-light-to-secondary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-md-light-to-tertiary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-md-light-to-quaternary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-md-light-to-quinary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-md-light-to-senary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-md-light-to-light {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-md-light-to-gray {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-md-light-to-dark {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-md-light-to-dark-gray {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-md-light {
    background-color: var(--light) !important;
  }
  .text-md-light {
    color: var(--light) !important;
  }
  .hover-md-light:hover {
    color: var(--light) !important;
  }
  .hover-md-bg-light:hover {
    background-color: var(--light) !important;
  }
  .hover-md-btn-light:hover {
    background-color: var(--light) !important;
    border-color: var(--light) !important;
  }
  .bg-md-gray-to-primary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-md-gray-to-secondary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-md-gray-to-tertiary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-md-gray-to-quaternary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-md-gray-to-quinary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-md-gray-to-senary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-md-gray-to-light {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-md-gray-to-gray {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-md-gray-to-dark {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-md-gray-to-dark-gray {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-md-gray {
    background-color: var(--gray) !important;
  }
  .text-md-gray {
    color: var(--gray) !important;
  }
  .hover-md-gray:hover {
    color: var(--gray) !important;
  }
  .hover-md-bg-gray:hover {
    background-color: var(--gray) !important;
  }
  .hover-md-btn-gray:hover {
    background-color: var(--gray) !important;
    border-color: var(--gray) !important;
  }
  .bg-md-dark-to-primary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-md-dark-to-secondary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-md-dark-to-tertiary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-md-dark-to-quaternary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-md-dark-to-quinary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-md-dark-to-senary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-md-dark-to-light {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-md-dark-to-gray {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-md-dark-to-dark {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-md-dark-to-dark-gray {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-md-dark {
    background-color: var(--dark) !important;
  }
  .text-md-dark {
    color: var(--dark) !important;
  }
  .hover-md-dark:hover {
    color: var(--dark) !important;
  }
  .hover-md-bg-dark:hover {
    background-color: var(--dark) !important;
  }
  .hover-md-btn-dark:hover {
    background-color: var(--dark) !important;
    border-color: var(--dark) !important;
  }
  .bg-md-dark-gray-to-primary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-md-dark-gray-to-secondary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-md-dark-gray-to-tertiary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-md-dark-gray-to-quaternary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-md-dark-gray-to-quinary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-md-dark-gray-to-senary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-md-dark-gray-to-light {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-md-dark-gray-to-gray {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-md-dark-gray-to-dark {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-md-dark-gray-to-dark-gray {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-md-dark-gray {
    background-color: var(--dark-gray) !important;
  }
  .text-md-dark-gray {
    color: var(--dark-gray) !important;
  }
  .hover-md-dark-gray:hover {
    color: var(--dark-gray) !important;
  }
  .hover-md-bg-dark-gray:hover {
    background-color: var(--dark-gray) !important;
  }
  .hover-md-btn-dark-gray:hover {
    background-color: var(--dark-gray) !important;
    border-color: var(--dark-gray) !important;
  }
}
@media (min-width: 992px) {
  .bg-lg-primary-to-primary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-lg-primary-to-secondary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-lg-primary-to-tertiary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-lg-primary-to-quaternary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-lg-primary-to-quinary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-lg-primary-to-senary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-lg-primary-to-light {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-lg-primary-to-gray {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-lg-primary-to-dark {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-lg-primary-to-dark-gray {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-lg-primary {
    background-color: var(--primary) !important;
  }
  .text-lg-primary {
    color: var(--primary) !important;
  }
  .hover-lg-primary:hover {
    color: var(--primary) !important;
  }
  .hover-lg-bg-primary:hover {
    background-color: var(--primary) !important;
  }
  .hover-lg-btn-primary:hover {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
  .bg-lg-secondary-to-primary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-lg-secondary-to-secondary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-lg-secondary-to-tertiary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-lg-secondary-to-quaternary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-lg-secondary-to-quinary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-lg-secondary-to-senary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-lg-secondary-to-light {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-lg-secondary-to-gray {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-lg-secondary-to-dark {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-lg-secondary-to-dark-gray {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-lg-secondary {
    background-color: var(--secondary) !important;
  }
  .text-lg-secondary {
    color: var(--secondary) !important;
  }
  .hover-lg-secondary:hover {
    color: var(--secondary) !important;
  }
  .hover-lg-bg-secondary:hover {
    background-color: var(--secondary) !important;
  }
  .hover-lg-btn-secondary:hover {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
  }
  .bg-lg-tertiary-to-primary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-lg-tertiary-to-secondary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-lg-tertiary-to-tertiary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-lg-tertiary-to-quaternary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-lg-tertiary-to-quinary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-lg-tertiary-to-senary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-lg-tertiary-to-light {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-lg-tertiary-to-gray {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-lg-tertiary-to-dark {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-lg-tertiary-to-dark-gray {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-lg-tertiary {
    background-color: var(--tertiary) !important;
  }
  .text-lg-tertiary {
    color: var(--tertiary) !important;
  }
  .hover-lg-tertiary:hover {
    color: var(--tertiary) !important;
  }
  .hover-lg-bg-tertiary:hover {
    background-color: var(--tertiary) !important;
  }
  .hover-lg-btn-tertiary:hover {
    background-color: var(--tertiary) !important;
    border-color: var(--tertiary) !important;
  }
  .bg-lg-quaternary-to-primary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-lg-quaternary-to-secondary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-lg-quaternary-to-tertiary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-lg-quaternary-to-quaternary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-lg-quaternary-to-quinary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-lg-quaternary-to-senary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-lg-quaternary-to-light {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-lg-quaternary-to-gray {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-lg-quaternary-to-dark {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-lg-quaternary-to-dark-gray {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-lg-quaternary {
    background-color: var(--quaternary) !important;
  }
  .text-lg-quaternary {
    color: var(--quaternary) !important;
  }
  .hover-lg-quaternary:hover {
    color: var(--quaternary) !important;
  }
  .hover-lg-bg-quaternary:hover {
    background-color: var(--quaternary) !important;
  }
  .hover-lg-btn-quaternary:hover {
    background-color: var(--quaternary) !important;
    border-color: var(--quaternary) !important;
  }
  .bg-lg-quinary-to-primary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-lg-quinary-to-secondary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-lg-quinary-to-tertiary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-lg-quinary-to-quaternary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-lg-quinary-to-quinary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-lg-quinary-to-senary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-lg-quinary-to-light {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-lg-quinary-to-gray {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-lg-quinary-to-dark {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-lg-quinary-to-dark-gray {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-lg-quinary {
    background-color: var(--quinary) !important;
  }
  .text-lg-quinary {
    color: var(--quinary) !important;
  }
  .hover-lg-quinary:hover {
    color: var(--quinary) !important;
  }
  .hover-lg-bg-quinary:hover {
    background-color: var(--quinary) !important;
  }
  .hover-lg-btn-quinary:hover {
    background-color: var(--quinary) !important;
    border-color: var(--quinary) !important;
  }
  .bg-lg-senary-to-primary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-lg-senary-to-secondary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-lg-senary-to-tertiary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-lg-senary-to-quaternary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-lg-senary-to-quinary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-lg-senary-to-senary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-lg-senary-to-light {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-lg-senary-to-gray {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-lg-senary-to-dark {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-lg-senary-to-dark-gray {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-lg-senary {
    background-color: var(--senary) !important;
  }
  .text-lg-senary {
    color: var(--senary) !important;
  }
  .hover-lg-senary:hover {
    color: var(--senary) !important;
  }
  .hover-lg-bg-senary:hover {
    background-color: var(--senary) !important;
  }
  .hover-lg-btn-senary:hover {
    background-color: var(--senary) !important;
    border-color: var(--senary) !important;
  }
  .bg-lg-light-to-primary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-lg-light-to-secondary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-lg-light-to-tertiary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-lg-light-to-quaternary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-lg-light-to-quinary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-lg-light-to-senary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-lg-light-to-light {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-lg-light-to-gray {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-lg-light-to-dark {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-lg-light-to-dark-gray {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-lg-light {
    background-color: var(--light) !important;
  }
  .text-lg-light {
    color: var(--light) !important;
  }
  .hover-lg-light:hover {
    color: var(--light) !important;
  }
  .hover-lg-bg-light:hover {
    background-color: var(--light) !important;
  }
  .hover-lg-btn-light:hover {
    background-color: var(--light) !important;
    border-color: var(--light) !important;
  }
  .bg-lg-gray-to-primary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-lg-gray-to-secondary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-lg-gray-to-tertiary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-lg-gray-to-quaternary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-lg-gray-to-quinary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-lg-gray-to-senary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-lg-gray-to-light {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-lg-gray-to-gray {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-lg-gray-to-dark {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-lg-gray-to-dark-gray {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-lg-gray {
    background-color: var(--gray) !important;
  }
  .text-lg-gray {
    color: var(--gray) !important;
  }
  .hover-lg-gray:hover {
    color: var(--gray) !important;
  }
  .hover-lg-bg-gray:hover {
    background-color: var(--gray) !important;
  }
  .hover-lg-btn-gray:hover {
    background-color: var(--gray) !important;
    border-color: var(--gray) !important;
  }
  .bg-lg-dark-to-primary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-lg-dark-to-secondary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-lg-dark-to-tertiary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-lg-dark-to-quaternary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-lg-dark-to-quinary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-lg-dark-to-senary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-lg-dark-to-light {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-lg-dark-to-gray {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-lg-dark-to-dark {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-lg-dark-to-dark-gray {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-lg-dark {
    background-color: var(--dark) !important;
  }
  .text-lg-dark {
    color: var(--dark) !important;
  }
  .hover-lg-dark:hover {
    color: var(--dark) !important;
  }
  .hover-lg-bg-dark:hover {
    background-color: var(--dark) !important;
  }
  .hover-lg-btn-dark:hover {
    background-color: var(--dark) !important;
    border-color: var(--dark) !important;
  }
  .bg-lg-dark-gray-to-primary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-lg-dark-gray-to-secondary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-lg-dark-gray-to-tertiary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-lg-dark-gray-to-quaternary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-lg-dark-gray-to-quinary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-lg-dark-gray-to-senary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-lg-dark-gray-to-light {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-lg-dark-gray-to-gray {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-lg-dark-gray-to-dark {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-lg-dark-gray-to-dark-gray {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-lg-dark-gray {
    background-color: var(--dark-gray) !important;
  }
  .text-lg-dark-gray {
    color: var(--dark-gray) !important;
  }
  .hover-lg-dark-gray:hover {
    color: var(--dark-gray) !important;
  }
  .hover-lg-bg-dark-gray:hover {
    background-color: var(--dark-gray) !important;
  }
  .hover-lg-btn-dark-gray:hover {
    background-color: var(--dark-gray) !important;
    border-color: var(--dark-gray) !important;
  }
}
@media (min-width: 1200px) {
  .bg-xl-primary-to-primary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-xl-primary-to-secondary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-xl-primary-to-tertiary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-xl-primary-to-quaternary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-xl-primary-to-quinary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-xl-primary-to-senary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-xl-primary-to-light {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-xl-primary-to-gray {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-xl-primary-to-dark {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-xl-primary-to-dark-gray {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-xl-primary {
    background-color: var(--primary) !important;
  }
  .text-xl-primary {
    color: var(--primary) !important;
  }
  .hover-xl-primary:hover {
    color: var(--primary) !important;
  }
  .hover-xl-bg-primary:hover {
    background-color: var(--primary) !important;
  }
  .hover-xl-btn-primary:hover {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
  .bg-xl-secondary-to-primary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-xl-secondary-to-secondary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-xl-secondary-to-tertiary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-xl-secondary-to-quaternary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-xl-secondary-to-quinary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-xl-secondary-to-senary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-xl-secondary-to-light {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-xl-secondary-to-gray {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-xl-secondary-to-dark {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-xl-secondary-to-dark-gray {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-xl-secondary {
    background-color: var(--secondary) !important;
  }
  .text-xl-secondary {
    color: var(--secondary) !important;
  }
  .hover-xl-secondary:hover {
    color: var(--secondary) !important;
  }
  .hover-xl-bg-secondary:hover {
    background-color: var(--secondary) !important;
  }
  .hover-xl-btn-secondary:hover {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
  }
  .bg-xl-tertiary-to-primary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-xl-tertiary-to-secondary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-xl-tertiary-to-tertiary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-xl-tertiary-to-quaternary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-xl-tertiary-to-quinary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-xl-tertiary-to-senary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-xl-tertiary-to-light {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-xl-tertiary-to-gray {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-xl-tertiary-to-dark {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-xl-tertiary-to-dark-gray {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-xl-tertiary {
    background-color: var(--tertiary) !important;
  }
  .text-xl-tertiary {
    color: var(--tertiary) !important;
  }
  .hover-xl-tertiary:hover {
    color: var(--tertiary) !important;
  }
  .hover-xl-bg-tertiary:hover {
    background-color: var(--tertiary) !important;
  }
  .hover-xl-btn-tertiary:hover {
    background-color: var(--tertiary) !important;
    border-color: var(--tertiary) !important;
  }
  .bg-xl-quaternary-to-primary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-xl-quaternary-to-secondary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-xl-quaternary-to-tertiary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-xl-quaternary-to-quaternary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-xl-quaternary-to-quinary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-xl-quaternary-to-senary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-xl-quaternary-to-light {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-xl-quaternary-to-gray {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-xl-quaternary-to-dark {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-xl-quaternary-to-dark-gray {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-xl-quaternary {
    background-color: var(--quaternary) !important;
  }
  .text-xl-quaternary {
    color: var(--quaternary) !important;
  }
  .hover-xl-quaternary:hover {
    color: var(--quaternary) !important;
  }
  .hover-xl-bg-quaternary:hover {
    background-color: var(--quaternary) !important;
  }
  .hover-xl-btn-quaternary:hover {
    background-color: var(--quaternary) !important;
    border-color: var(--quaternary) !important;
  }
  .bg-xl-quinary-to-primary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-xl-quinary-to-secondary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-xl-quinary-to-tertiary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-xl-quinary-to-quaternary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-xl-quinary-to-quinary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-xl-quinary-to-senary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-xl-quinary-to-light {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-xl-quinary-to-gray {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-xl-quinary-to-dark {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-xl-quinary-to-dark-gray {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-xl-quinary {
    background-color: var(--quinary) !important;
  }
  .text-xl-quinary {
    color: var(--quinary) !important;
  }
  .hover-xl-quinary:hover {
    color: var(--quinary) !important;
  }
  .hover-xl-bg-quinary:hover {
    background-color: var(--quinary) !important;
  }
  .hover-xl-btn-quinary:hover {
    background-color: var(--quinary) !important;
    border-color: var(--quinary) !important;
  }
  .bg-xl-senary-to-primary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-xl-senary-to-secondary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-xl-senary-to-tertiary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-xl-senary-to-quaternary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-xl-senary-to-quinary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-xl-senary-to-senary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-xl-senary-to-light {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-xl-senary-to-gray {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-xl-senary-to-dark {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-xl-senary-to-dark-gray {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-xl-senary {
    background-color: var(--senary) !important;
  }
  .text-xl-senary {
    color: var(--senary) !important;
  }
  .hover-xl-senary:hover {
    color: var(--senary) !important;
  }
  .hover-xl-bg-senary:hover {
    background-color: var(--senary) !important;
  }
  .hover-xl-btn-senary:hover {
    background-color: var(--senary) !important;
    border-color: var(--senary) !important;
  }
  .bg-xl-light-to-primary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-xl-light-to-secondary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-xl-light-to-tertiary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-xl-light-to-quaternary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-xl-light-to-quinary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-xl-light-to-senary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-xl-light-to-light {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-xl-light-to-gray {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-xl-light-to-dark {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-xl-light-to-dark-gray {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-xl-light {
    background-color: var(--light) !important;
  }
  .text-xl-light {
    color: var(--light) !important;
  }
  .hover-xl-light:hover {
    color: var(--light) !important;
  }
  .hover-xl-bg-light:hover {
    background-color: var(--light) !important;
  }
  .hover-xl-btn-light:hover {
    background-color: var(--light) !important;
    border-color: var(--light) !important;
  }
  .bg-xl-gray-to-primary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-xl-gray-to-secondary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-xl-gray-to-tertiary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-xl-gray-to-quaternary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-xl-gray-to-quinary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-xl-gray-to-senary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-xl-gray-to-light {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-xl-gray-to-gray {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-xl-gray-to-dark {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-xl-gray-to-dark-gray {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-xl-gray {
    background-color: var(--gray) !important;
  }
  .text-xl-gray {
    color: var(--gray) !important;
  }
  .hover-xl-gray:hover {
    color: var(--gray) !important;
  }
  .hover-xl-bg-gray:hover {
    background-color: var(--gray) !important;
  }
  .hover-xl-btn-gray:hover {
    background-color: var(--gray) !important;
    border-color: var(--gray) !important;
  }
  .bg-xl-dark-to-primary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-xl-dark-to-secondary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-xl-dark-to-tertiary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-xl-dark-to-quaternary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-xl-dark-to-quinary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-xl-dark-to-senary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-xl-dark-to-light {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-xl-dark-to-gray {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-xl-dark-to-dark {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-xl-dark-to-dark-gray {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-xl-dark {
    background-color: var(--dark) !important;
  }
  .text-xl-dark {
    color: var(--dark) !important;
  }
  .hover-xl-dark:hover {
    color: var(--dark) !important;
  }
  .hover-xl-bg-dark:hover {
    background-color: var(--dark) !important;
  }
  .hover-xl-btn-dark:hover {
    background-color: var(--dark) !important;
    border-color: var(--dark) !important;
  }
  .bg-xl-dark-gray-to-primary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-xl-dark-gray-to-secondary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-xl-dark-gray-to-tertiary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-xl-dark-gray-to-quaternary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-xl-dark-gray-to-quinary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-xl-dark-gray-to-senary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-xl-dark-gray-to-light {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-xl-dark-gray-to-gray {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-xl-dark-gray-to-dark {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-xl-dark-gray-to-dark-gray {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-xl-dark-gray {
    background-color: var(--dark-gray) !important;
  }
  .text-xl-dark-gray {
    color: var(--dark-gray) !important;
  }
  .hover-xl-dark-gray:hover {
    color: var(--dark-gray) !important;
  }
  .hover-xl-bg-dark-gray:hover {
    background-color: var(--dark-gray) !important;
  }
  .hover-xl-btn-dark-gray:hover {
    background-color: var(--dark-gray) !important;
    border-color: var(--dark-gray) !important;
  }
}
@media (min-width: 1400px) {
  .bg-xxl-primary-to-primary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-xxl-primary-to-secondary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-xxl-primary-to-tertiary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-xxl-primary-to-quaternary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-xxl-primary-to-quinary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-xxl-primary-to-senary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-xxl-primary-to-light {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-xxl-primary-to-gray {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-xxl-primary-to-dark {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-xxl-primary-to-dark-gray {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-xxl-primary {
    background-color: var(--primary) !important;
  }
  .text-xxl-primary {
    color: var(--primary) !important;
  }
  .hover-xxl-primary:hover {
    color: var(--primary) !important;
  }
  .hover-xxl-bg-primary:hover {
    background-color: var(--primary) !important;
  }
  .hover-xxl-btn-primary:hover {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
  .bg-xxl-secondary-to-primary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-xxl-secondary-to-secondary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-xxl-secondary-to-tertiary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-xxl-secondary-to-quaternary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-xxl-secondary-to-quinary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-xxl-secondary-to-senary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-xxl-secondary-to-light {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-xxl-secondary-to-gray {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-xxl-secondary-to-dark {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-xxl-secondary-to-dark-gray {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-xxl-secondary {
    background-color: var(--secondary) !important;
  }
  .text-xxl-secondary {
    color: var(--secondary) !important;
  }
  .hover-xxl-secondary:hover {
    color: var(--secondary) !important;
  }
  .hover-xxl-bg-secondary:hover {
    background-color: var(--secondary) !important;
  }
  .hover-xxl-btn-secondary:hover {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
  }
  .bg-xxl-tertiary-to-primary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-xxl-tertiary-to-secondary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-xxl-tertiary-to-tertiary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-xxl-tertiary-to-quaternary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-xxl-tertiary-to-quinary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-xxl-tertiary-to-senary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-xxl-tertiary-to-light {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-xxl-tertiary-to-gray {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-xxl-tertiary-to-dark {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-xxl-tertiary-to-dark-gray {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-xxl-tertiary {
    background-color: var(--tertiary) !important;
  }
  .text-xxl-tertiary {
    color: var(--tertiary) !important;
  }
  .hover-xxl-tertiary:hover {
    color: var(--tertiary) !important;
  }
  .hover-xxl-bg-tertiary:hover {
    background-color: var(--tertiary) !important;
  }
  .hover-xxl-btn-tertiary:hover {
    background-color: var(--tertiary) !important;
    border-color: var(--tertiary) !important;
  }
  .bg-xxl-quaternary-to-primary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-xxl-quaternary-to-secondary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-xxl-quaternary-to-tertiary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-xxl-quaternary-to-quaternary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-xxl-quaternary-to-quinary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-xxl-quaternary-to-senary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-xxl-quaternary-to-light {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-xxl-quaternary-to-gray {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-xxl-quaternary-to-dark {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-xxl-quaternary-to-dark-gray {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-xxl-quaternary {
    background-color: var(--quaternary) !important;
  }
  .text-xxl-quaternary {
    color: var(--quaternary) !important;
  }
  .hover-xxl-quaternary:hover {
    color: var(--quaternary) !important;
  }
  .hover-xxl-bg-quaternary:hover {
    background-color: var(--quaternary) !important;
  }
  .hover-xxl-btn-quaternary:hover {
    background-color: var(--quaternary) !important;
    border-color: var(--quaternary) !important;
  }
  .bg-xxl-quinary-to-primary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-xxl-quinary-to-secondary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-xxl-quinary-to-tertiary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-xxl-quinary-to-quaternary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-xxl-quinary-to-quinary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-xxl-quinary-to-senary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-xxl-quinary-to-light {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-xxl-quinary-to-gray {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-xxl-quinary-to-dark {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-xxl-quinary-to-dark-gray {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-xxl-quinary {
    background-color: var(--quinary) !important;
  }
  .text-xxl-quinary {
    color: var(--quinary) !important;
  }
  .hover-xxl-quinary:hover {
    color: var(--quinary) !important;
  }
  .hover-xxl-bg-quinary:hover {
    background-color: var(--quinary) !important;
  }
  .hover-xxl-btn-quinary:hover {
    background-color: var(--quinary) !important;
    border-color: var(--quinary) !important;
  }
  .bg-xxl-senary-to-primary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-xxl-senary-to-secondary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-xxl-senary-to-tertiary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-xxl-senary-to-quaternary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-xxl-senary-to-quinary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-xxl-senary-to-senary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-xxl-senary-to-light {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-xxl-senary-to-gray {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-xxl-senary-to-dark {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-xxl-senary-to-dark-gray {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-xxl-senary {
    background-color: var(--senary) !important;
  }
  .text-xxl-senary {
    color: var(--senary) !important;
  }
  .hover-xxl-senary:hover {
    color: var(--senary) !important;
  }
  .hover-xxl-bg-senary:hover {
    background-color: var(--senary) !important;
  }
  .hover-xxl-btn-senary:hover {
    background-color: var(--senary) !important;
    border-color: var(--senary) !important;
  }
  .bg-xxl-light-to-primary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-xxl-light-to-secondary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-xxl-light-to-tertiary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-xxl-light-to-quaternary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-xxl-light-to-quinary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-xxl-light-to-senary {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-xxl-light-to-light {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-xxl-light-to-gray {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-xxl-light-to-dark {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-xxl-light-to-dark-gray {
    background: var(--light) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-xxl-light {
    background-color: var(--light) !important;
  }
  .text-xxl-light {
    color: var(--light) !important;
  }
  .hover-xxl-light:hover {
    color: var(--light) !important;
  }
  .hover-xxl-bg-light:hover {
    background-color: var(--light) !important;
  }
  .hover-xxl-btn-light:hover {
    background-color: var(--light) !important;
    border-color: var(--light) !important;
  }
  .bg-xxl-gray-to-primary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-xxl-gray-to-secondary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-xxl-gray-to-tertiary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-xxl-gray-to-quaternary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-xxl-gray-to-quinary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-xxl-gray-to-senary {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-xxl-gray-to-light {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-xxl-gray-to-gray {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-xxl-gray-to-dark {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-xxl-gray-to-dark-gray {
    background: var(--gray) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-xxl-gray {
    background-color: var(--gray) !important;
  }
  .text-xxl-gray {
    color: var(--gray) !important;
  }
  .hover-xxl-gray:hover {
    color: var(--gray) !important;
  }
  .hover-xxl-bg-gray:hover {
    background-color: var(--gray) !important;
  }
  .hover-xxl-btn-gray:hover {
    background-color: var(--gray) !important;
    border-color: var(--gray) !important;
  }
  .bg-xxl-dark-to-primary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-xxl-dark-to-secondary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-xxl-dark-to-tertiary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-xxl-dark-to-quaternary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-xxl-dark-to-quinary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-xxl-dark-to-senary {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-xxl-dark-to-light {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-xxl-dark-to-gray {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-xxl-dark-to-dark {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-xxl-dark-to-dark-gray {
    background: var(--dark) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-xxl-dark {
    background-color: var(--dark) !important;
  }
  .text-xxl-dark {
    color: var(--dark) !important;
  }
  .hover-xxl-dark:hover {
    color: var(--dark) !important;
  }
  .hover-xxl-bg-dark:hover {
    background-color: var(--dark) !important;
  }
  .hover-xxl-btn-dark:hover {
    background-color: var(--dark) !important;
    border-color: var(--dark) !important;
  }
  .bg-xxl-dark-gray-to-primary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--primary-rgb), 1) 100%) !important;
  }
  .bg-xxl-dark-gray-to-secondary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--secondary-rgb), 1) 100%) !important;
  }
  .bg-xxl-dark-gray-to-tertiary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--tertiary-rgb), 1) 100%) !important;
  }
  .bg-xxl-dark-gray-to-quaternary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--quaternary-rgb), 1) 100%) !important;
  }
  .bg-xxl-dark-gray-to-quinary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--quinary-rgb), 1) 100%) !important;
  }
  .bg-xxl-dark-gray-to-senary {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--senary-rgb), 1) 100%) !important;
  }
  .bg-xxl-dark-gray-to-light {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--light-rgb), 1) 100%) !important;
  }
  .bg-xxl-dark-gray-to-gray {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--gray-rgb), 1) 100%) !important;
  }
  .bg-xxl-dark-gray-to-dark {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--dark-rgb), 1) 100%) !important;
  }
  .bg-xxl-dark-gray-to-dark-gray {
    background: var(--dark-gray) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb), 1) 35%, rgba(var(--dark-gray-rgb), 1) 100%) !important;
  }
  .bg-xxl-dark-gray {
    background-color: var(--dark-gray) !important;
  }
  .text-xxl-dark-gray {
    color: var(--dark-gray) !important;
  }
  .hover-xxl-dark-gray:hover {
    color: var(--dark-gray) !important;
  }
  .hover-xxl-bg-dark-gray:hover {
    background-color: var(--dark-gray) !important;
  }
  .hover-xxl-btn-dark-gray:hover {
    background-color: var(--dark-gray) !important;
    border-color: var(--dark-gray) !important;
  }
}
.nine-h {
  height: var(--nine-h) !important;
}
.nine-w {
  width: var(--nine-w) !important;
}
.nine-h-max {
  max-height: var(--nine-h-max) !important;
}
.nine-w-max {
  max-width: var(--nine-w-max) !important;
}
.nine-h-min {
  min-height: var(--nine-h-min) !important;
}
.nine-w-min {
  min-width: var(--nine-w-min) !important;
}
.nine-obj-p {
  object-position: var(--nine-obj-p) !important;
}
.nine-aspect-ratio {
  aspect-ratio: var(--nine-aspect-ratio) !important;
}
.nine-bg-p {
  background-position: var(--nine-bg-p) !important;
}
.nine-bg-s {
  background-size: var(--nine-bg-s) !important;
}
.nine-bg-i {
  background-image: var(--nine-bg-i) !important;
}
.nine-fs {
  font-size: var(--nine-fs) !important;
}
.nine-lh {
  line-height: var(--nine-lh) !important;
}
.nine-b {
  border: var(--nine-b) !important;
}
.nine-bt {
  border-top: var(--nine-bt) !important;
}
.nine-be {
  border-right: var(--nine-be) !important;
}
.nine-bb {
  border-bottom: var(--nine-bb) !important;
}
.nine-bs {
  border-left: var(--nine-bs) !important;
}
.nine-p {
  padding: var(--nine-p) !important;
}
.nine-pt {
  padding-top: var(--nine-pt) !important;
}
.nine-pe {
  padding-right: var(--nine-pe) !important;
}
.nine-pb {
  padding-bottom: var(--nine-pb) !important;
}
.nine-ps {
  padding-left: var(--nine-ps) !important;
}
.nine-px {
  padding-left: var(--nine-px) !important;
  padding-right: var(--nine-px) !important;
}
.nine-py {
  padding-top: var(--nine-py) !important;
  padding-bottom: var(--nine-py) !important;
}
.nine-mt {
  margin-top: var(--nine-mt) !important;
}
.nine-me {
  margin-right: var(--nine-me) !important;
}
.nine-mb {
  margin-bottom: var(--nine-mb) !important;
}
.nine-ms {
  margin-left: var(--nine-ms) !important;
}
.nine-mx {
  margin-left: var(--nine-mx) !important;
  margin-right: var(--nine-mx) !important;
}
.nine-my {
  margin-top: var(--nine-my) !important;
  margin-bottom: var(--nine-my) !important;
}
.nine-pos {
  position: var(--nine-pos) !important;
}
.nine-pos-t {
  top: var(--nine-pos-t) !important;
}
.nine-pos-r {
  right: var(--nine-pos-r) !important;
}
.nine-pos-b {
  bottom: var(--nine-pos-b) !important;
}
.nine-pos-l {
  left: var(--nine-pos-l) !important;
}
.nine-z {
  z-index: var(--nine-z) !important;
}
.nine-flex {
  flex: var(--nine-flex) !important;
}
@media (min-width: 576px) {
  .nine-h-sm {
    height: var(--nine-h-sm) !important;
  }
  .nine-w-sm {
    width: var(--nine-w-sm) !important;
  }
  .nine-h-max-sm {
    max-height: var(--nine-h-max-sm) !important;
  }
  .nine-w-max-sm {
    max-width: var(--nine-w-max-sm) !important;
  }
  .nine-h-min-sm {
    min-height: var(--nine-h-min-sm) !important;
  }
  .nine-w-min-sm {
    min-width: var(--nine-w-min-sm) !important;
  }
  .nine-obj-p-sm {
    object-position: var(--nine-obj-p-sm) !important;
  }
  .nine-aspect-ratio-sm {
    aspect-ratio: var(--nine-aspect-ratio-sm) !important;
  }
  .nine-bg-p-sm {
    background-position: var(--nine-bg-p-sm) !important;
  }
  .nine-bg-s-sm {
    background-size: var(--nine-bg-s-sm) !important;
  }
  .nine-bg-i-sm {
    background-image: var(--nine-bg-i-sm) !important;
  }
  .nine-fs-sm {
    font-size: var(--nine-fs-sm) !important;
  }
  .nine-lh-sm {
    line-height: var(--nine-lh-sm) !important;
  }
  .nine-b-sm {
    border: var(--nine-b-sm) !important;
  }
  .nine-bt-sm {
    border-top: var(--nine-bt-sm) !important;
  }
  .nine-be-sm {
    border-right: var(--nine-be-sm) !important;
  }
  .nine-bb-sm {
    border-bottom: var(--nine-bb-sm) !important;
  }
  .nine-bs-sm {
    border-left: var(--nine-bs-sm) !important;
  }
  .nine-p-sm {
    padding: var(--nine-p-sm) !important;
  }
  .nine-pt-sm {
    padding-top: var(--nine-pt-sm) !important;
  }
  .nine-pe-sm {
    padding-right: var(--nine-pe-sm) !important;
  }
  .nine-pb-sm {
    padding-bottom: var(--nine-pb-sm) !important;
  }
  .nine-ps-sm {
    padding-left: var(--nine-ps-sm) !important;
  }
  .nine-px-sm {
    padding-left: var(--nine-px-sm) !important;
    padding-right: var(--nine-px-sm) !important;
  }
  .nine-py-sm {
    padding-top: var(--nine-py-sm) !important;
    padding-bottom: var(--nine-py-sm) !important;
  }
  .nine-mt-sm {
    margin-top: var(--nine-mt-sm) !important;
  }
  .nine-me-sm {
    margin-right: var(--nine-me-sm) !important;
  }
  .nine-mb-sm {
    margin-bottom: var(--nine-mb-sm) !important;
  }
  .nine-ms-sm {
    margin-left: var(--nine-ms-sm) !important;
  }
  .nine-mx-sm {
    margin-left: var(--nine-mx-sm) !important;
    margin-right: var(--nine-mx-sm) !important;
  }
  .nine-my-sm {
    margin-top: var(--nine-my-sm) !important;
    margin-bottom: var(--nine-my-sm) !important;
  }
  .nine-pos-sm {
    position: var(--nine-pos-sm) !important;
  }
  .nine-pos-t-sm {
    top: var(--nine-pos-t-sm) !important;
  }
  .nine-pos-r-sm {
    right: var(--nine-pos-r-sm) !important;
  }
  .nine-pos-b-sm {
    bottom: var(--nine-pos-b-sm) !important;
  }
  .nine-pos-l-sm {
    left: var(--nine-pos-l-sm) !important;
  }
  .nine-z-sm {
    z-index: var(--nine-z-sm) !important;
  }
  .nine-flex-sm {
    flex: var(--nine-flex-sm) !important;
  }
}
@media (min-width: 768px) {
  .nine-h-md {
    height: var(--nine-h-md) !important;
  }
  .nine-w-md {
    width: var(--nine-w-md) !important;
  }
  .nine-h-max-md {
    max-height: var(--nine-h-max-md) !important;
  }
  .nine-w-max-md {
    max-width: var(--nine-w-max-md) !important;
  }
  .nine-h-min-md {
    min-height: var(--nine-h-min-md) !important;
  }
  .nine-w-min-md {
    min-width: var(--nine-w-min-md) !important;
  }
  .nine-obj-p-md {
    object-position: var(--nine-obj-p-md) !important;
  }
  .nine-aspect-ratio-md {
    aspect-ratio: var(--nine-aspect-ratio-md) !important;
  }
  .nine-bg-p-md {
    background-position: var(--nine-bg-p-md) !important;
  }
  .nine-bg-s-md {
    background-size: var(--nine-bg-s-md) !important;
  }
  .nine-bg-i-md {
    background-image: var(--nine-bg-i-md) !important;
  }
  .nine-fs-md {
    font-size: var(--nine-fs-md) !important;
  }
  .nine-lh-md {
    line-height: var(--nine-lh-md) !important;
  }
  .nine-b-md {
    border: var(--nine-b-md) !important;
  }
  .nine-bt-md {
    border-top: var(--nine-bt-md) !important;
  }
  .nine-be-md {
    border-right: var(--nine-be-md) !important;
  }
  .nine-bb-md {
    border-bottom: var(--nine-bb-md) !important;
  }
  .nine-bs-md {
    border-left: var(--nine-bs-md) !important;
  }
  .nine-p-md {
    padding: var(--nine-p-md) !important;
  }
  .nine-pt-md {
    padding-top: var(--nine-pt-md) !important;
  }
  .nine-pe-md {
    padding-right: var(--nine-pe-md) !important;
  }
  .nine-pb-md {
    padding-bottom: var(--nine-pb-md) !important;
  }
  .nine-ps-md {
    padding-left: var(--nine-ps-md) !important;
  }
  .nine-px-md {
    padding-left: var(--nine-px-md) !important;
    padding-right: var(--nine-px-md) !important;
  }
  .nine-py-md {
    padding-top: var(--nine-py-md) !important;
    padding-bottom: var(--nine-py-md) !important;
  }
  .nine-mt-md {
    margin-top: var(--nine-mt-md) !important;
  }
  .nine-me-md {
    margin-right: var(--nine-me-md) !important;
  }
  .nine-mb-md {
    margin-bottom: var(--nine-mb-md) !important;
  }
  .nine-ms-md {
    margin-left: var(--nine-ms-md) !important;
  }
  .nine-mx-md {
    margin-left: var(--nine-mx-md) !important;
    margin-right: var(--nine-mx-md) !important;
  }
  .nine-my-md {
    margin-top: var(--nine-my-md) !important;
    margin-bottom: var(--nine-my-md) !important;
  }
  .nine-pos-md {
    position: var(--nine-pos-md) !important;
  }
  .nine-pos-t-md {
    top: var(--nine-pos-t-md) !important;
  }
  .nine-pos-r-md {
    right: var(--nine-pos-r-md) !important;
  }
  .nine-pos-b-md {
    bottom: var(--nine-pos-b-md) !important;
  }
  .nine-pos-l-md {
    left: var(--nine-pos-l-md) !important;
  }
  .nine-z-md {
    z-index: var(--nine-z-md) !important;
  }
  .nine-flex-md {
    flex: var(--nine-flex-md) !important;
  }
}
@media (min-width: 992px) {
  .nine-h-lg {
    height: var(--nine-h-lg) !important;
  }
  .nine-w-lg {
    width: var(--nine-w-lg) !important;
  }
  .nine-h-max-lg {
    max-height: var(--nine-h-max-lg) !important;
  }
  .nine-w-max-lg {
    max-width: var(--nine-w-max-lg) !important;
  }
  .nine-h-min-lg {
    min-height: var(--nine-h-min-lg) !important;
  }
  .nine-w-min-lg {
    min-width: var(--nine-w-min-lg) !important;
  }
  .nine-obj-p-lg {
    object-position: var(--nine-obj-p-lg) !important;
  }
  .nine-aspect-ratio-lg {
    aspect-ratio: var(--nine-aspect-ratio-lg) !important;
  }
  .nine-bg-p-lg {
    background-position: var(--nine-bg-p-lg) !important;
  }
  .nine-bg-s-lg {
    background-size: var(--nine-bg-s-lg) !important;
  }
  .nine-bg-i-lg {
    background-image: var(--nine-bg-i-lg) !important;
  }
  .nine-fs-lg {
    font-size: var(--nine-fs-lg) !important;
  }
  .nine-lh-lg {
    line-height: var(--nine-lh-lg) !important;
  }
  .nine-b-lg {
    border: var(--nine-b-lg) !important;
  }
  .nine-bt-lg {
    border-top: var(--nine-bt-lg) !important;
  }
  .nine-be-lg {
    border-right: var(--nine-be-lg) !important;
  }
  .nine-bb-lg {
    border-bottom: var(--nine-bb-lg) !important;
  }
  .nine-bs-lg {
    border-left: var(--nine-bs-lg) !important;
  }
  .nine-p-lg {
    padding: var(--nine-p-lg) !important;
  }
  .nine-pt-lg {
    padding-top: var(--nine-pt-lg) !important;
  }
  .nine-pe-lg {
    padding-right: var(--nine-pe-lg) !important;
  }
  .nine-pb-lg {
    padding-bottom: var(--nine-pb-lg) !important;
  }
  .nine-ps-lg {
    padding-left: var(--nine-ps-lg) !important;
  }
  .nine-px-lg {
    padding-left: var(--nine-px-lg) !important;
    padding-right: var(--nine-px-lg) !important;
  }
  .nine-py-lg {
    padding-top: var(--nine-py-lg) !important;
    padding-bottom: var(--nine-py-lg) !important;
  }
  .nine-mt-lg {
    margin-top: var(--nine-mt-lg) !important;
  }
  .nine-me-lg {
    margin-right: var(--nine-me-lg) !important;
  }
  .nine-mb-lg {
    margin-bottom: var(--nine-mb-lg) !important;
  }
  .nine-ms-lg {
    margin-left: var(--nine-ms-lg) !important;
  }
  .nine-mx-lg {
    margin-left: var(--nine-mx-lg) !important;
    margin-right: var(--nine-mx-lg) !important;
  }
  .nine-my-lg {
    margin-top: var(--nine-my-lg) !important;
    margin-bottom: var(--nine-my-lg) !important;
  }
  .nine-pos-lg {
    position: var(--nine-pos-lg) !important;
  }
  .nine-pos-t-lg {
    top: var(--nine-pos-t-lg) !important;
  }
  .nine-pos-r-lg {
    right: var(--nine-pos-r-lg) !important;
  }
  .nine-pos-b-lg {
    bottom: var(--nine-pos-b-lg) !important;
  }
  .nine-pos-l-lg {
    left: var(--nine-pos-l-lg) !important;
  }
  .nine-z-lg {
    z-index: var(--nine-z-lg) !important;
  }
  .nine-flex-lg {
    flex: var(--nine-flex-lg) !important;
  }
}
@media (min-width: 1200px) {
  .nine-h-xl {
    height: var(--nine-h-xl) !important;
  }
  .nine-w-xl {
    width: var(--nine-w-xl) !important;
  }
  .nine-h-max-xl {
    max-height: var(--nine-h-max-xl) !important;
  }
  .nine-w-max-xl {
    max-width: var(--nine-w-max-xl) !important;
  }
  .nine-h-min-xl {
    min-height: var(--nine-h-min-xl) !important;
  }
  .nine-w-min-xl {
    min-width: var(--nine-w-min-xl) !important;
  }
  .nine-obj-p-xl {
    object-position: var(--nine-obj-p-xl) !important;
  }
  .nine-aspect-ratio-xl {
    aspect-ratio: var(--nine-aspect-ratio-xl) !important;
  }
  .nine-bg-p-xl {
    background-position: var(--nine-bg-p-xl) !important;
  }
  .nine-bg-s-xl {
    background-size: var(--nine-bg-s-xl) !important;
  }
  .nine-bg-i-xl {
    background-image: var(--nine-bg-i-xl) !important;
  }
  .nine-fs-xl {
    font-size: var(--nine-fs-xl) !important;
  }
  .nine-lh-xl {
    line-height: var(--nine-lh-xl) !important;
  }
  .nine-b-xl {
    border: var(--nine-b-xl) !important;
  }
  .nine-bt-xl {
    border-top: var(--nine-bt-xl) !important;
  }
  .nine-be-xl {
    border-right: var(--nine-be-xl) !important;
  }
  .nine-bb-xl {
    border-bottom: var(--nine-bb-xl) !important;
  }
  .nine-bs-xl {
    border-left: var(--nine-bs-xl) !important;
  }
  .nine-p-xl {
    padding: var(--nine-p-xl) !important;
  }
  .nine-pt-xl {
    padding-top: var(--nine-pt-xl) !important;
  }
  .nine-pe-xl {
    padding-right: var(--nine-pe-xl) !important;
  }
  .nine-pb-xl {
    padding-bottom: var(--nine-pb-xl) !important;
  }
  .nine-ps-xl {
    padding-left: var(--nine-ps-xl) !important;
  }
  .nine-px-xl {
    padding-left: var(--nine-px-xl) !important;
    padding-right: var(--nine-px-xl) !important;
  }
  .nine-py-xl {
    padding-top: var(--nine-py-xl) !important;
    padding-bottom: var(--nine-py-xl) !important;
  }
  .nine-mt-xl {
    margin-top: var(--nine-mt-xl) !important;
  }
  .nine-me-xl {
    margin-right: var(--nine-me-xl) !important;
  }
  .nine-mb-xl {
    margin-bottom: var(--nine-mb-xl) !important;
  }
  .nine-ms-xl {
    margin-left: var(--nine-ms-xl) !important;
  }
  .nine-mx-xl {
    margin-left: var(--nine-mx-xl) !important;
    margin-right: var(--nine-mx-xl) !important;
  }
  .nine-my-xl {
    margin-top: var(--nine-my-xl) !important;
    margin-bottom: var(--nine-my-xl) !important;
  }
  .nine-pos-xl {
    position: var(--nine-pos-xl) !important;
  }
  .nine-pos-t-xl {
    top: var(--nine-pos-t-xl) !important;
  }
  .nine-pos-r-xl {
    right: var(--nine-pos-r-xl) !important;
  }
  .nine-pos-b-xl {
    bottom: var(--nine-pos-b-xl) !important;
  }
  .nine-pos-l-xl {
    left: var(--nine-pos-l-xl) !important;
  }
  .nine-z-xl {
    z-index: var(--nine-z-xl) !important;
  }
  .nine-flex-xl {
    flex: var(--nine-flex-xl) !important;
  }
}
@media (min-width: 1400px) {
  .nine-h-xxl {
    height: var(--nine-h-xxl) !important;
  }
  .nine-w-xxl {
    width: var(--nine-w-xxl) !important;
  }
  .nine-h-max-xxl {
    max-height: var(--nine-h-max-xxl) !important;
  }
  .nine-w-max-xxl {
    max-width: var(--nine-w-max-xxl) !important;
  }
  .nine-h-min-xxl {
    min-height: var(--nine-h-min-xxl) !important;
  }
  .nine-w-min-xxl {
    min-width: var(--nine-w-min-xxl) !important;
  }
  .nine-obj-p-xxl {
    object-position: var(--nine-obj-p-xxl) !important;
  }
  .nine-aspect-ratio-xxl {
    aspect-ratio: var(--nine-aspect-ratio-xxl) !important;
  }
  .nine-bg-p-xxl {
    background-position: var(--nine-bg-p-xxl) !important;
  }
  .nine-bg-s-xxl {
    background-size: var(--nine-bg-s-xxl) !important;
  }
  .nine-bg-i-xxl {
    background-image: var(--nine-bg-i-xxl) !important;
  }
  .nine-fs-xxl {
    font-size: var(--nine-fs-xxl) !important;
  }
  .nine-lh-xxl {
    line-height: var(--nine-lh-xxl) !important;
  }
  .nine-b-xxl {
    border: var(--nine-b-xxl) !important;
  }
  .nine-bt-xxl {
    border-top: var(--nine-bt-xxl) !important;
  }
  .nine-be-xxl {
    border-right: var(--nine-be-xxl) !important;
  }
  .nine-bb-xxl {
    border-bottom: var(--nine-bb-xxl) !important;
  }
  .nine-bs-xxl {
    border-left: var(--nine-bs-xxl) !important;
  }
  .nine-p-xxl {
    padding: var(--nine-p-xxl) !important;
  }
  .nine-pt-xxl {
    padding-top: var(--nine-pt-xxl) !important;
  }
  .nine-pe-xxl {
    padding-right: var(--nine-pe-xxl) !important;
  }
  .nine-pb-xxl {
    padding-bottom: var(--nine-pb-xxl) !important;
  }
  .nine-ps-xxl {
    padding-left: var(--nine-ps-xxl) !important;
  }
  .nine-px-xxl {
    padding-left: var(--nine-px-xxl) !important;
    padding-right: var(--nine-px-xxl) !important;
  }
  .nine-py-xxl {
    padding-top: var(--nine-py-xxl) !important;
    padding-bottom: var(--nine-py-xxl) !important;
  }
  .nine-mt-xxl {
    margin-top: var(--nine-mt-xxl) !important;
  }
  .nine-me-xxl {
    margin-right: var(--nine-me-xxl) !important;
  }
  .nine-mb-xxl {
    margin-bottom: var(--nine-mb-xxl) !important;
  }
  .nine-ms-xxl {
    margin-left: var(--nine-ms-xxl) !important;
  }
  .nine-mx-xxl {
    margin-left: var(--nine-mx-xxl) !important;
    margin-right: var(--nine-mx-xxl) !important;
  }
  .nine-my-xxl {
    margin-top: var(--nine-my-xxl) !important;
    margin-bottom: var(--nine-my-xxl) !important;
  }
  .nine-pos-xxl {
    position: var(--nine-pos-xxl) !important;
  }
  .nine-pos-t-xxl {
    top: var(--nine-pos-t-xxl) !important;
  }
  .nine-pos-r-xxl {
    right: var(--nine-pos-r-xxl) !important;
  }
  .nine-pos-b-xxl {
    bottom: var(--nine-pos-b-xxl) !important;
  }
  .nine-pos-l-xxl {
    left: var(--nine-pos-l-xxl) !important;
  }
  .nine-z-xxl {
    z-index: var(--nine-z-xxl) !important;
  }
  .nine-flex-xxl {
    flex: var(--nine-flex-xxl) !important;
  }
}
hr.primary {
  border: 1px solid var(--primary);
  opacity: 1;
  background-color: var(--primary);
}
hr.secondary {
  border: 1px solid var(--secondary);
  opacity: 1;
  background-color: var(--secondary);
}
hr.tertiary {
  border: 1px solid var(--tertiary);
  opacity: 1;
  background-color: var(--tertiary);
}
hr.quaternary {
  border: 1px solid var(--quaternary);
  opacity: 1;
  background-color: var(--quaternary);
}
hr.quinary {
  border: 1px solid var(--quinary);
  opacity: 1;
  background-color: var(--quinary);
}
hr.senary {
  border: 1px solid var(--senary);
  opacity: 1;
  background-color: var(--senary);
}
hr.light {
  border: 1px solid var(--light);
  opacity: 1;
  background-color: var(--light);
}
hr.gray {
  border: 1px solid var(--gray);
  opacity: 1;
  background-color: var(--gray);
}
hr.dark {
  border: 1px solid var(--dark);
  opacity: 1;
  background-color: var(--dark);
}
hr.dark-gray {
  border: 1px solid var(--dark-gray);
  opacity: 1;
  background-color: var(--dark-gray);
}
:root {
  --border-color: #dee2e6;
}
.border-primary {
  --border-color: var(--primary) !important;
}
.border-secondary {
  --border-color: var(--secondary) !important;
}
.border-tertiary {
  --border-color: var(--tertiary) !important;
}
.border-quaternary {
  --border-color: var(--quaternary) !important;
}
.border-quinary {
  --border-color: var(--quinary) !important;
}
.border-senary {
  --border-color: var(--senary) !important;
}
.border-light {
  --border-color: var(--light) !important;
}
.border-gray {
  --border-color: var(--gray) !important;
}
.border-dark {
  --border-color: var(--dark) !important;
}
.border-dark-gray {
  --border-color: var(--dark-gray) !important;
}
.border-faded {
  --border-color: rgba(112, 114, 114, 0.5);
}
.border {
  border: 1px solid var(--border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-start {
  border-left: 1px solid var(--border-color) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-end {
  border-right: 1px solid var(--border-color) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: 1px solid var(--border-color) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-top {
  border-top: 1px solid var(--border-color) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
@media (min-width: 576px) {
  .border-sm {
    border: 1px solid var(--border-color) !important;
  }
  .border-sm-0 {
    border: 0 !important;
  }
  .border-sm-start {
    border-left: 1px solid var(--border-color) !important;
  }
  .border-sm-start-0 {
    border-left: 0 !important;
  }
  .border-sm-end {
    border-right: 1px solid var(--border-color) !important;
  }
  .border-sm-end-0 {
    border-right: 0 !important;
  }
  .border-sm-bottom {
    border-bottom: 1px solid var(--border-color) !important;
  }
  .border-sm-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-sm-top {
    border-top: 1px solid var(--border-color) !important;
  }
  .border-sm-top-0 {
    border-top: 0 !important;
  }
}
@media (min-width: 768px) {
  .border-md {
    border: 1px solid var(--border-color) !important;
  }
  .border-md-0 {
    border: 0 !important;
  }
  .border-md-start {
    border-left: 1px solid var(--border-color) !important;
  }
  .border-md-start-0 {
    border-left: 0 !important;
  }
  .border-md-end {
    border-right: 1px solid var(--border-color) !important;
  }
  .border-md-end-0 {
    border-right: 0 !important;
  }
  .border-md-bottom {
    border-bottom: 1px solid var(--border-color) !important;
  }
  .border-md-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-md-top {
    border-top: 1px solid var(--border-color) !important;
  }
  .border-md-top-0 {
    border-top: 0 !important;
  }
}
@media (min-width: 992px) {
  .border-lg {
    border: 1px solid var(--border-color) !important;
  }
  .border-lg-0 {
    border: 0 !important;
  }
  .border-lg-start {
    border-left: 1px solid var(--border-color) !important;
  }
  .border-lg-start-0 {
    border-left: 0 !important;
  }
  .border-lg-end {
    border-right: 1px solid var(--border-color) !important;
  }
  .border-lg-end-0 {
    border-right: 0 !important;
  }
  .border-lg-bottom {
    border-bottom: 1px solid var(--border-color) !important;
  }
  .border-lg-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-lg-top {
    border-top: 1px solid var(--border-color) !important;
  }
  .border-lg-top-0 {
    border-top: 0 !important;
  }
}
@media (min-width: 1200px) {
  .border-xl {
    border: 1px solid var(--border-color) !important;
  }
  .border-xl-0 {
    border: 0 !important;
  }
  .border-xl-start {
    border-left: 1px solid var(--border-color) !important;
  }
  .border-xl-start-0 {
    border-left: 0 !important;
  }
  .border-xl-end {
    border-right: 1px solid var(--border-color) !important;
  }
  .border-xl-end-0 {
    border-right: 0 !important;
  }
  .border-xl-bottom {
    border-bottom: 1px solid var(--border-color) !important;
  }
  .border-xl-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-xl-top {
    border-top: 1px solid var(--border-color) !important;
  }
  .border-xl-top-0 {
    border-top: 0 !important;
  }
}
@media (min-width: 1400px) {
  .border-xxl {
    border: 1px solid var(--border-color) !important;
  }
  .border-xxl-0 {
    border: 0 !important;
  }
  .border-xxl-start {
    border-left: 1px solid var(--border-color) !important;
  }
  .border-xxl-start-0 {
    border-left: 0 !important;
  }
  .border-xxl-end {
    border-right: 1px solid var(--border-color) !important;
  }
  .border-xxl-end-0 {
    border-right: 0 !important;
  }
  .border-xxl-bottom {
    border-bottom: 1px solid var(--border-color) !important;
  }
  .border-xxl-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-xxl-top {
    border-top: 1px solid var(--border-color) !important;
  }
  .border-xxl-top-0 {
    border-top: 0 !important;
  }
}