@charset "UTF-8";
:root {
  --font-primary: Nunito, sans-serif;
  --font-secondary: littlegoose, sans-serif;
  --font-tertiary: bubblegum, sans-serif;
  --nav-logo-desktop-width: 7.875rem;
  --nav-logo-desktop-scrolled-width: 11.3rem;
  --nav-logo-mobile-width: 4.2rem;
  --nav-logo-desktop-offset: 2.1rem;
  --nav-logo-desktop-scrolled-offset: 0rem;
  --nav-logo-mobile-offset: 0rem;
  --nav-desktop-height: 4.6rem;
  --nav-scrolled-height: 4.6rem;
  --nav-mobile-height: 4.5rem;
  --nav-tert-text-color: #008BC4;
  --nav-tert-desktop-height: 2.2rem;
  --nav-tert-mobile-height: 1.8rem;
  --nav-tert-font: 0.9375rem;
  --nav-tert-letter-case: capitalize;
  --nav-tert-text-hover-color: #8C4799;
  --nav-tert-background-hover-color: #ffffff;
  --nav-tert-text-hover-text-decoration: none;
  --nav-desktop-font-size: 1.1rem;
  --nav-desktop-scrolled-font-size: 1.1rem;
  --nav-dropdown-font-size: 1rem;
  --nav-mobile-font-size: 1.1rem;
  --nav-mobile-trigger-open-font-size: 1.4rem;
  --nav-mobile-trigger-close-font-size: 1.4rem;
  --nav-desktop-page-padding: 1.06875rem;
  --nav-desktop-scrolled-page-padding: 1.06875rem;
  --nav-color: #ffffff;
  --nav-dropdown-color: #ffffff;
  --nav-mobile-dropdown-color: rgba(255,255,255, 0.98);
  --nav-mobile-trigger-open-color: #000000;
  --nav-mobile-trigger-close-color: #000000;
  --nav-text-color: #000000;
  --nav-dropdown-text-color: #000000;
  --nav-mobile-text-color: #000000;
  --nav-hover-text-color: #008BC4;
  --nav-hover-dropdown-text-color: #008BC4;
  --nav-hover-effect-color: #ffffff;
  --nav-hover-dropdown-effect-color: #ffffff;
  --nav-width: var(--container-w);
  --nav-letter-case: uppercase;
  --nav-mobile-width: 85%;
  --primary: #8C4799;
  --primary-rgb: 140,71,153;
  --primary-rgb-format: 140 71 153;
  --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);
  --secondary: #008BC4;
  --secondary-rgb: 0,139,196;
  --secondary-rgb-format: 0 139 196;
  --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);
  --tertiary: #2CCCD3;
  --tertiary-rgb: 44,204,211;
  --tertiary-rgb-format: 44 204 211;
  --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);
  --quaternary: #A4D65E;
  --quaternary-rgb: 164,214,94;
  --quaternary-rgb-format: 164 214 94;
  --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);
  --quinary: #F9E267;
  --quinary-rgb: 249,226,103;
  --quinary-rgb-format: 249 226 103;
  --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);
  --senary: #E56DB1;
  --senary-rgb: 229,109,177;
  --senary-rgb-format: 229 109 177;
  --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);
  --septenary: #98B6E4;
  --septenary-rgb: 152,182,228;
  --septenary-rgb-format: 152 182 228;
  --septenary-rgba-translucent: rgba(var(--septenary-rgb), .5);
  --septenary-rgba-semi-translucent: rgba(var(--septenary-rgb), .98);
  --septenary-rgba-tissue: rgba(var(--septenary-rgb), .8);
  --septenary-rgba-0: rgba(var(--septenary-rgb), 0);
  --septenary-rgba-1: rgba(var(--septenary-rgb), 0.1);
  --septenary-rgba-2: rgba(var(--septenary-rgb), 0.2);
  --septenary-rgba-3: rgba(var(--septenary-rgb), 0.3);
  --septenary-rgba-4: rgba(var(--septenary-rgb), 0.4);
  --septenary-rgba-5: rgba(var(--septenary-rgb), 0.5);
  --septenary-rgba-6: rgba(var(--septenary-rgb), 0.6);
  --septenary-rgba-7: rgba(var(--septenary-rgb), 0.7);
  --septenary-rgba-8: rgba(var(--septenary-rgb), 0.8);
  --septenary-rgba-9: rgba(var(--septenary-rgb), 0.9);
  --light: #fff;
  --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);
  --gray: #f8f9fa;
  --gray-rgb: 248,249,250;
  --gray-rgb-format: 248 249 250;
  --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);
  --dark: #212529;
  --dark-rgb: 33,37,41;
  --dark-rgb-format: 33 37 41;
  --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-gray: #5f5f5f;
  --dark-gray-rgb: 95,95,95;
  --dark-gray-rgb-format: 95 95 95;
  --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);
  --p-font-size-xs: 1.06rem;
  --p-line-height-xs: 1.6;
  --p-font-weight-xs: 400;
  --p-margin-bottom-xs: 1.5rem;
  --p-font-size-sm: 1.06rem;
  --p-line-height-sm: 1.6;
  --p-font-weight-sm: 400;
  --p-margin-bottom-sm: 1.5rem;
  --p-font-size-md: 1.06rem;
  --p-line-height-md: 1.6;
  --p-font-weight-md: 400;
  --p-margin-bottom-md: 1.5rem;
  --p-font-size-lg: 1.1875rem;
  --p-line-height-lg: 1.6;
  --p-font-weight-lg: 400;
  --p-margin-bottom-lg: 1.5rem;
  --p-font-size-xl: 1.19rem;
  --p-line-height-xl: 1.6;
  --p-font-weight-xl: 400;
  --p-margin-bottom-xl: 1.5rem;
  --p-font-size-xxl: 1.19rem;
  --p-line-height-xxl: 1.6;
  --p-font-weight-xxl: 400;
  --p-margin-bottom-xxl: 1.5rem;
  --h1-font-size-xs: 3.44rem;
  --h1-line-height-xs: 0.8;
  --h1-font-weight-xs: 400;
  --h1-margin-bottom-xs: 1.5rem;
  --h1-font-size-sm: 3.44rem;
  --h1-line-height-sm: 0.8;
  --h1-font-weight-sm: 400;
  --h1-margin-bottom-sm: 1.5rem;
  --h1-font-size-md: 3.44rem;
  --h1-line-height-md: 0.8;
  --h1-font-weight-md: 400;
  --h1-margin-bottom-md: 1.5rem;
  --h1-font-size-lg: 4.375rem;
  --h1-line-height-lg: 0.8;
  --h1-font-weight-lg: 400;
  --h1-margin-bottom-lg: 1.5rem;
  --h1-font-size-xl: 4.375rem;
  --h1-line-height-xl: 0.8;
  --h1-font-weight-xl: 400;
  --h1-margin-bottom-xl: 1.5rem;
  --h1-font-size-xxl: 4.375rem;
  --h1-line-height-xxl: 0.8;
  --h1-font-weight-xxl: 400;
  --h1-margin-bottom-xxl: 1.5rem;
  --h2-font-size-xs: 3rem;
  --h2-line-height-xs: 0.8;
  --h2-font-weight-xs: 400;
  --h2-margin-bottom-xs: 1.5rem;
  --h2-font-size-sm: 3rem;
  --h2-line-height-sm: 0.8;
  --h2-font-weight-sm: 400;
  --h2-margin-bottom-sm: 1.5rem;
  --h2-font-size-md: 3rem;
  --h2-line-height-md: 0.8;
  --h2-font-weight-md: 400;
  --h2-margin-bottom-md: 1.5rem;
  --h2-font-size-lg: 3.75rem;
  --h2-line-height-lg: 0.8;
  --h2-font-weight-lg: 400;
  --h2-margin-bottom-lg: 1.5rem;
  --h2-font-size-xl: 3.75rem;
  --h2-line-height-xl: 0.8;
  --h2-font-weight-xl: 400;
  --h2-margin-bottom-xl: 1.5rem;
  --h2-font-size-xxl: 3.75rem;
  --h2-line-height-xxl: 0.8;
  --h2-font-weight-xxl: 400;
  --h2-margin-bottom-xxl: 1.5rem;
  --h3-font-size-xs: 2.38rem;
  --h3-line-height-xs: 0.8;
  --h3-font-weight-xs: 200;
  --h3-margin-bottom-xs: 1.5rem;
  --h3-font-size-sm: 2.38rem;
  --h3-line-height-sm: 0.8;
  --h3-font-weight-sm: 200;
  --h3-margin-bottom-sm: 1.5rem;
  --h3-font-size-md: 2.38rem;
  --h3-line-height-md: 0.8;
  --h3-font-weight-md: 200;
  --h3-margin-bottom-md: 1.5rem;
  --h3-font-size-lg: 2.69rem;
  --h3-line-height-lg: 0.8;
  --h3-font-weight-lg: 200;
  --h3-margin-bottom-lg: 1.5rem;
  --h3-font-size-xl: 2.69rem;
  --h3-line-height-xl: 0.8;
  --h3-font-weight-xl: 200;
  --h3-margin-bottom-xl: 1.5rem;
  --h3-font-size-xxl: 2.69rem;
  --h3-line-height-xxl: 0.8;
  --h3-font-weight-xxl: 200;
  --h3-margin-bottom-xxl: 1.5rem;
  --h4-font-size-xs: 2rem;
  --h4-line-height-xs: 0.8;
  --h4-font-weight-xs: 400;
  --h4-margin-bottom-xs: 1.5rem;
  --h4-font-size-sm: 2rem;
  --h4-line-height-sm: 0.8;
  --h4-font-weight-sm: 400;
  --h4-margin-bottom-sm: 1.5rem;
  --h4-font-size-md: 2rem;
  --h4-line-height-md: 0.8;
  --h4-font-weight-md: 400;
  --h4-margin-bottom-md: 1.5rem;
  --h4-font-size-lg: 2.25rem;
  --h4-line-height-lg: 0.8;
  --h4-font-weight-lg: 400;
  --h4-margin-bottom-lg: 1.5rem;
  --h4-font-size-xl: 2.25rem;
  --h4-line-height-xl: 0.8;
  --h4-font-weight-xl: 400;
  --h4-margin-bottom-xl: 1.5rem;
  --h4-font-size-xxl: 2.25rem;
  --h4-line-height-xxl: 0.8;
  --h4-font-weight-xxl: 400;
  --h4-margin-bottom-xxl: 1.5rem;
  --h5-font-size-xs: 1.56rem;
  --h5-line-height-xs: 0.8;
  --h5-font-weight-xs: 400;
  --h5-margin-bottom-xs: 1.5rem;
  --h5-font-size-sm: 1.56rem;
  --h5-line-height-sm: 0.8;
  --h5-font-weight-sm: 400;
  --h5-margin-bottom-sm: 1.5rem;
  --h5-font-size-md: 1.56rem;
  --h5-line-height-md: 0.8;
  --h5-font-weight-md: 400;
  --h5-margin-bottom-md: 1.5rem;
  --h5-font-size-lg: 1.88rem;
  --h5-line-height-lg: 0.8;
  --h5-font-weight-lg: 400;
  --h5-margin-bottom-lg: 1.5rem;
  --h5-font-size-xl: 1.88rem;
  --h5-line-height-xl: 0.8;
  --h5-font-weight-xl: 400;
  --h5-margin-bottom-xl: 1.5rem;
  --h5-font-size-xxl: 1.88rem;
  --h5-line-height-xxl: 0.8;
  --h5-font-weight-xxl: 400;
  --h5-margin-bottom-xxl: 1.5rem;
  --h6-font-size-xs: 1rem;
  --h6-line-height-xs: 1;
  --h6-font-weight-xs: 600;
  --h6-margin-bottom-xs: 1.5rem;
  --h6-font-size-sm: 1rem;
  --h6-line-height-sm: 1;
  --h6-font-weight-sm: 600;
  --h6-margin-bottom-sm: 1.5rem;
  --h6-font-size-md: 1rem;
  --h6-line-height-md: 1;
  --h6-font-weight-md: 600;
  --h6-margin-bottom-md: 1.5rem;
  --h6-font-size-lg: 1rem;
  --h6-line-height-lg: 1;
  --h6-font-weight-lg: 600;
  --h6-margin-bottom-lg: 1.5rem;
  --h6-font-size-xl: 1rem;
  --h6-line-height-xl: 1;
  --h6-font-weight-xl: 600;
  --h6-margin-bottom-xl: 1.5rem;
  --h6-font-size-xxl: 1rem;
  --h6-line-height-xxl: 1;
  --h6-font-weight-xxl: 600;
  --h6-margin-bottom-xxl: 1.5rem;
  --section-unit-xs: 4.6875rem;
  --section-unit-sm: 4.6875rem;
  --section-unit-md: 4.6875rem;
  --section-unit-lg: 4.6875rem;
  --section-unit-xl: 4.6875rem;
  --section-unit-xxl: 4.6875rem;
  --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: 9px;
  --border-radius: 16px;
}

: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) ;
  }
}
/* Defaults
---------------------------------------------------------------------------- */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

a,
button,
input:focus,
input[type=button],
input[type=submit],
textarea:focus,
.wp-element-button {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a,
a:focus,
a:hover,
a:not(.wp-element-button) {
  text-decoration-thickness: 1px;
}

b,
strong {
  font-weight: var(--wp--custom--font-weight--medium);
}

blockquote {
  margin: 0;
}

ol,
ul {
  margin: 0;
  padding: 0;
}

ul {
  list-style-type: disc;
}

pre {
  white-space: pre-wrap;
}

mark {
  background: -webkit-gradient(linear, left top, right top, from(var(--wp--preset--color--primary)), to(var(--wp--preset--color--primary)));
  background: linear-gradient(90deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--primary) 100%);
  background-position: 0 85%;
  background-repeat: repeat-x;
  background-size: 100% 15%;
}

/* Blocks
---------------------------------------------------------------------------- */
/* Button - Outline
--------------------------------------------- */
.wp-block-button.is-style-outline .wp-element-button {
  background-color: transparent;
  border: 1px solid;
  border-color: currentColor;
  color: var(--wp--preset--color--contrast);
  padding: 14px 29px;
}

/* Calendar
--------------------------------------------- */
.wp-block-calendar table caption,
.wp-block-calendar table tbody {
  color: var(--wp--preset--color--contrast);
}

.wp-block-calendar table th {
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
}

.wp-block-calendar tbody td,
.wp-block-calendar th {
  border: 1px solid var(--wp--preset--color--contrast);
  padding: 10px;
}

/* Code
--------------------------------------------- */
.wp-block-code code {
  overflow-wrap: normal;
  overflow-x: scroll;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
  white-space: pre !important;
}

*:not(.wp-block-code) > code {
  background-color: var(--wp--preset--color--neutral);
  font-size: var(--wp--preset--font-size--small);
  padding: 5px 8px;
}

/* Comments
--------------------------------------------- */
.wp-block-comment-template li {
  margin-left: 0;
}

.wp-block-post-comments-form .comment-reply-title {
  font-weight: var(--wp--custom--font-weight--regular);
}

.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments-form textarea {
  font-weight: var(--wp--custom--font-weight--light);
  padding: 10px 15px;
}

.wp-block-post-comments-form input:not([type=submit]),
.wp-block-post-comments-form textarea {
  border-color: var(--wp--preset--color--contrast);
}

.wp-block-post-comments-form input[type=submit] {
  width: auto;
}

.wp-block-post-comments-form p {
  margin-bottom: 20px;
}

.wp-block-post-comments-form .form-submit {
  margin-bottom: 0;
}

.wp-block-post-comments-form .comment-form-cookies-consent label {
  font-size: var(--wp--preset--font-size--x-small);
}

/* Image
--------------------------------------------- */
.wp-block-image.aligncenter {
  margin-left: auto !important;
  margin-right: auto !important;
}

.wp-block-image.alignleft {
  margin-right: 30px !important;
}

.wp-block-image.alignright {
  margin-left: 30px !important;
}

/* List
--------------------------------------------- */
ol li:where(:not([class*=block])),
ul li:where(:not([class*=block])),
.wp-block-list li {
  margin-left: 30px;
}

.is-style-no-disc li {
  list-style-type: none;
  margin-left: 0;
}

/* Navigation
--------------------------------------------- */
.wp-block-navigation__responsive-container.is-menu-open {
  padding-bottom: 30px;
  padding-top: 30px;
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
  border: 1px solid currentColor;
  padding: 2px;
}

.has-background .wp-block-navigation__responsive-container-open:focus,
.has-background .wp-block-navigation__responsive-container-open:hover {
  color: var(--wp--preset--color--base);
}

.wp-block-navigation:not([style*=text-decoration]) a,
.wp-block-navigation:not([style*=text-decoration]) a:focus,
.wp-block-navigation:not([style*=text-decoration]) a:hover {
  text-decoration: none;
}

/* Navigation Submenu
--------------------------------------------- */
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
  background-color: var(--wp--preset--color--contrast);
  border: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
  padding: 10px;
}

.wp-block-navigation :where(.wp-block-navigation__submenu-container) a {
  padding: 2px 10px;
}

/* Paragraph
--------------------------------------------- */
p.has-background {
  padding: 20px 30px;
}

/* Preformatted
--------------------------------------------- */
.wp-block-preformatted {
  overflow-wrap: normal;
  overflow-x: scroll;
  white-space: pre;
}

/* Pullquote
--------------------------------------------- */
.wp-block-pullquote p:last-of-type {
  margin-bottom: 0;
}

/* Quote
--------------------------------------------- */
.wp-block-quote p:last-of-type {
  margin-bottom: 0;
}

/* Separator
--------------------------------------------- */
.wp-block-separator.is-style-dots:before {
  font-family: inherit;
  font-size: var(--wp--preset--font-size--large);
  letter-spacing: 10px;
  padding-left: 10px;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  width: 100px;
}

.wp-block-separator:not(.is-style-dots),
.wp-block-separator.has-background:not(.is-style-dots) {
  border-bottom: 1px solid currentColor;
  border-top: none;
  height: 1px;
}

/* Social Icons
--------------------------------------------- */
.wp-block-social-links.is-style-outline .wp-block-social-link {
  background-color: transparent;
  border: 1px solid currentColor;
}

/* Spacer
--------------------------------------------- */
.wp-block-spacer + * {
  margin-top: 0 !important;
}

/* Table
--------------------------------------------- */
.wp-block-table.is-style-stripes {
  border-bottom: none;
}

.wp-block-table table {
  border-collapse: collapse;
}

.wp-block-table thead {
  border-bottom: 3px solid var(--wp--preset--color--contrast);
}

.wp-block-table tfoot {
  border-top: 3px solid var(--wp--preset--color--contrast);
}

.wp-block-table td,
.wp-block-table th,
.wp-block-table tr,
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes tr {
  border: 1px solid var(--wp--preset--color--contrast);
}

.wp-block-table th {
  font-weight: var(--wp--custom--font-weight--regular);
}

.wp-block-table td,
.wp-block-table th {
  padding: 5px;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: var(--wp--preset--color--neutral);
}

/* Custom
---------------------------------------------------------------------------- */
/* Forms
--------------------------------------------- */
input,
select,
textarea,
.wp-block-search__input {
  background-color: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--contrast);
  border-radius: 0;
  color: var(--wp--preset--color--contrast);
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--medium);
  font-weight: var(--wp--custom--font-weight--light);
  line-height: var(--wp--custom--line-height--body);
  padding: 10px 20px;
  width: 100%;
}

input:focus,
textarea:focus {
  background-color: var(--wp--preset--color--neutral);
  outline: none;
}

input[type=checkbox],
input[type=image],
input[type=radio] {
  width: auto;
}

input[type=button],
input[type=email],
input[type=search],
input[type=submit],
input[type=text],
textarea {
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: var(--wp--preset--color--contrast);
  font-size: var(--wp--preset--font-size--small);
  opacity: 0.6;
}

::-moz-placeholder {
  color: var(--wp--preset--color--contrast);
  font-size: var(--wp--preset--font-size--small);
  opacity: 0.6;
}

:-ms-input-placeholder {
  color: var(--wp--preset--color--contrast);
  font-size: var(--wp--preset--font-size--small);
  opacity: 0.6;
}

::-ms-input-placeholder {
  color: var(--wp--preset--color--contrast);
  font-size: var(--wp--preset--font-size--small);
  opacity: 0.6;
}

::placeholder {
  color: var(--wp--preset--color--contrast);
  font-size: var(--wp--preset--font-size--small);
  opacity: 0.6;
}

/* Media Queries
---------------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
  /* Columns
  --------------------------------------------- */
  .is-style-columns-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 800px) {
  /* Navigation Link
  --------------------------------------------- */
  .wp-block-navigation-item.is-style-outline a {
    border: 1px solid currentColor;
    padding: 8px 15px;
  }
  /* Pullquote
  --------------------------------------------- */
  .wp-block-pullquote.alignleft,
  .wp-block-pullquote.alignright {
    max-width: 300px;
  }
  .wp-block-pullquote.alignleft {
    margin-right: 30px !important;
  }
  .wp-block-pullquote.alignright {
    margin-left: 30px !important;
  }
}
/* Alignments */
.wp-block-page-content .alignwide,
.wp-block-post-content .alignwide {
  max-width: var(--wp--style--global--wide-size);
  margin-left: auto;
  margin-right: auto;
}

/* for posts applies to pages and posts in html block templates */
/* .wp-site-blocks .wp-block-post-content {
	max-width: var(--wp--style--global--wide-size);
	margin-left: auto;
	margin-right: auto;
}  */
/* for pages custom class when using php custom templates */
/* .wp-site-blocks .wp-block-page-content {
	max-width: none;
}  */
body {
  font-family: var(--font-primary);
  font-optical-sizing: auto;
  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-secondary);
  position: relative;
}

a {
  color: var(--primary);
  text-decoration: none;
}

a:hover {
  color: var(--primary);
}

.text-primary {
  color: var(--primary);
}

.text-secondary {
  color: var(--secondary);
}

.text-tertiary {
  color: var(--tertiary);
}

.text-quaternary {
  color: var(--quaternary);
}

.text-quinary {
  color: var(--quinary);
}

.text-senary {
  color: var(--senary);
}

.text-septenary {
  color: var(--septenary);
}

.text-light {
  color: var(--light);
}

.text-gray {
  color: var(--gray);
}

.text-dark {
  color: var(--dark);
}

.text-dark-gray {
  color: var(--dark-gray);
}

.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);
}

p.lead {
  font-size: calc(var(--p-font-size) + 0.2rem);
}

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) ;
}

h1 span.sub, h2 span.sub, h3 span.sub, h4 span.sub, h5 span.sub, h6 span.sub, .h1 span.sub, .h2 span.sub, .h3 span.sub, .h4 span.sub, .h5 span.sub, .h6 span.sub {
  display: block;
  font-size: 60%;
  opacity: 0.7;
  margin-top: 0;
}

/* Legacy */
.display-1 {
  font-size: 0.25rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-2 {
  font-size: 0.5rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-3 {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-4 {
  font-size: 1rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-5 {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-6 {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-7 {
  font-size: 1.75rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-8 {
  font-size: 2rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-9 {
  font-size: 2.25rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-10 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-11 {
  font-size: 2.75rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-12 {
  font-size: 3rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-13 {
  font-size: 3.25rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-14 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-15 {
  font-size: 3.75rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-16 {
  font-size: 4rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-17 {
  font-size: 4.25rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-18 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-19 {
  font-size: 4.75rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-20 {
  font-size: 5rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-21 {
  font-size: 5.25rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-22 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-23 {
  font-size: 5.75rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-24 {
  font-size: 6rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-25 {
  font-size: 6.25rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-26 {
  font-size: 6.5rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-27 {
  font-size: 6.75rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-28 {
  font-size: 7rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-29 {
  font-size: 7.25rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-30 {
  font-size: 7.5rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-31 {
  font-size: 7.75rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-32 {
  font-size: 8rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-33 {
  font-size: 8.25rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-34 {
  font-size: 8.5rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-35 {
  font-size: 8.75rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-36 {
  font-size: 9rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-37 {
  font-size: 9.25rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-38 {
  font-size: 9.5rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-39 {
  font-size: 9.75rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

.display-40 {
  font-size: 10rem;
  font-weight: 300;
  line-height: var(--element-line-height, 1.2);
}

@media (min-width: 576px) {
  .display-sm-1 {
    font-size: 0.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-2 {
    font-size: 0.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-3 {
    font-size: 0.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-4 {
    font-size: 1rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-5 {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-6 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-7 {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-8 {
    font-size: 2rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-9 {
    font-size: 2.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-10 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-11 {
    font-size: 2.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-12 {
    font-size: 3rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-13 {
    font-size: 3.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-14 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-15 {
    font-size: 3.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-16 {
    font-size: 4rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-17 {
    font-size: 4.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-18 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-19 {
    font-size: 4.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-20 {
    font-size: 5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-21 {
    font-size: 5.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-22 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-23 {
    font-size: 5.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-24 {
    font-size: 6rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-25 {
    font-size: 6.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-26 {
    font-size: 6.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-27 {
    font-size: 6.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-28 {
    font-size: 7rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-29 {
    font-size: 7.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-30 {
    font-size: 7.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-31 {
    font-size: 7.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-32 {
    font-size: 8rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-33 {
    font-size: 8.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-34 {
    font-size: 8.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-35 {
    font-size: 8.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-36 {
    font-size: 9rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-37 {
    font-size: 9.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-38 {
    font-size: 9.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-39 {
    font-size: 9.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-sm-40 {
    font-size: 10rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
}
@media (min-width: 768px) {
  .display-md-1 {
    font-size: 0.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-2 {
    font-size: 0.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-3 {
    font-size: 0.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-4 {
    font-size: 1rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-5 {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-6 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-7 {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-8 {
    font-size: 2rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-9 {
    font-size: 2.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-10 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-11 {
    font-size: 2.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-12 {
    font-size: 3rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-13 {
    font-size: 3.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-14 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-15 {
    font-size: 3.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-16 {
    font-size: 4rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-17 {
    font-size: 4.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-18 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-19 {
    font-size: 4.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-20 {
    font-size: 5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-21 {
    font-size: 5.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-22 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-23 {
    font-size: 5.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-24 {
    font-size: 6rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-25 {
    font-size: 6.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-26 {
    font-size: 6.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-27 {
    font-size: 6.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-28 {
    font-size: 7rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-29 {
    font-size: 7.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-30 {
    font-size: 7.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-31 {
    font-size: 7.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-32 {
    font-size: 8rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-33 {
    font-size: 8.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-34 {
    font-size: 8.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-35 {
    font-size: 8.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-36 {
    font-size: 9rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-37 {
    font-size: 9.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-38 {
    font-size: 9.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-39 {
    font-size: 9.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-md-40 {
    font-size: 10rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
}
@media (min-width: 992px) {
  .display-lg-1 {
    font-size: 0.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-2 {
    font-size: 0.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-3 {
    font-size: 0.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-4 {
    font-size: 1rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-5 {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-6 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-7 {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-8 {
    font-size: 2rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-9 {
    font-size: 2.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-10 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-11 {
    font-size: 2.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-12 {
    font-size: 3rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-13 {
    font-size: 3.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-14 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-15 {
    font-size: 3.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-16 {
    font-size: 4rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-17 {
    font-size: 4.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-18 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-19 {
    font-size: 4.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-20 {
    font-size: 5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-21 {
    font-size: 5.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-22 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-23 {
    font-size: 5.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-24 {
    font-size: 6rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-25 {
    font-size: 6.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-26 {
    font-size: 6.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-27 {
    font-size: 6.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-28 {
    font-size: 7rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-29 {
    font-size: 7.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-30 {
    font-size: 7.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-31 {
    font-size: 7.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-32 {
    font-size: 8rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-33 {
    font-size: 8.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-34 {
    font-size: 8.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-35 {
    font-size: 8.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-36 {
    font-size: 9rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-37 {
    font-size: 9.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-38 {
    font-size: 9.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-39 {
    font-size: 9.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-lg-40 {
    font-size: 10rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
}
@media (min-width: 1200px) {
  .display-xl-1 {
    font-size: 0.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-2 {
    font-size: 0.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-3 {
    font-size: 0.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-4 {
    font-size: 1rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-5 {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-6 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-7 {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-8 {
    font-size: 2rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-9 {
    font-size: 2.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-10 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-11 {
    font-size: 2.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-12 {
    font-size: 3rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-13 {
    font-size: 3.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-14 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-15 {
    font-size: 3.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-16 {
    font-size: 4rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-17 {
    font-size: 4.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-18 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-19 {
    font-size: 4.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-20 {
    font-size: 5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-21 {
    font-size: 5.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-22 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-23 {
    font-size: 5.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-24 {
    font-size: 6rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-25 {
    font-size: 6.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-26 {
    font-size: 6.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-27 {
    font-size: 6.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-28 {
    font-size: 7rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-29 {
    font-size: 7.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-30 {
    font-size: 7.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-31 {
    font-size: 7.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-32 {
    font-size: 8rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-33 {
    font-size: 8.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-34 {
    font-size: 8.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-35 {
    font-size: 8.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-36 {
    font-size: 9rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-37 {
    font-size: 9.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-38 {
    font-size: 9.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-39 {
    font-size: 9.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xl-40 {
    font-size: 10rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
}
@media (min-width: 1400px) {
  .display-xxl-1 {
    font-size: 0.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-2 {
    font-size: 0.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-3 {
    font-size: 0.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-4 {
    font-size: 1rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-5 {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-6 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-7 {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-8 {
    font-size: 2rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-9 {
    font-size: 2.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-10 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-11 {
    font-size: 2.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-12 {
    font-size: 3rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-13 {
    font-size: 3.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-14 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-15 {
    font-size: 3.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-16 {
    font-size: 4rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-17 {
    font-size: 4.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-18 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-19 {
    font-size: 4.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-20 {
    font-size: 5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-21 {
    font-size: 5.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-22 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-23 {
    font-size: 5.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-24 {
    font-size: 6rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-25 {
    font-size: 6.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-26 {
    font-size: 6.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-27 {
    font-size: 6.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-28 {
    font-size: 7rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-29 {
    font-size: 7.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-30 {
    font-size: 7.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-31 {
    font-size: 7.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-32 {
    font-size: 8rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-33 {
    font-size: 8.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-34 {
    font-size: 8.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-35 {
    font-size: 8.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-36 {
    font-size: 9rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-37 {
    font-size: 9.25rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-38 {
    font-size: 9.5rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-39 {
    font-size: 9.75rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
  .display-xxl-40 {
    font-size: 10rem;
    font-weight: 300;
    line-height: var(--element-line-height, 1.2);
  }
}
.font-weight-light {
  font-weight: 200;
}

.font-weight-regular {
  font-weight: 400;
}

.font-weight-semi-bold {
  font-weight: 500;
}

.font-weight-bold {
  font-weight: 600;
}

.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;
}

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) ;
  }
}
header {
  width: 100%;
  position: fixed;
  z-index: 9;
  background-color: var(--nav-color);
  font-size: 1rem;
}

header .main-nav, header .tert-nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .main-nav .items {
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
  height: var(--nav-height);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.main-nav .items, .main-nav .items nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: var(--nav-logo-width);
  margin-bottom: var(--nav-logo-offset);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
  position: relative;
}

header .logo a {
  position: absolute;
  width: 100%;
}

header .logo a img {
  width: 100%;
}

header .logo .mobile {
  display: none;
}

body.h-show-mobile-logo header .logo .mobile {
  display: block;
}

body.h-show-mobile-logo header .logo .desktop {
  display: none;
}

@media (min-width: 992px) {
  body.h-show-mobile-logo header .logo .mobile {
    display: none;
  }
  body.h-show-mobile-logo header .logo .desktop {
    display: block;
  }
}
header .logo a picture img {
  width: 100%;
}

header .nav-container {
  max-width: unset;
}

header .main-nav {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

header .main-nav nav {
  position: fixed;
  left: 0;
  top: var(--top-bar, 0px);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  overflow-y: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100vw;
  height: 0;
  background: var(--nav-mobile-dropdown-color);
}

header .main-nav .items nav ul {
  padding: 0;
  list-style: none;
  margin: 0 20px;
}

header .main-nav .items nav li {
  position: relative;
}

header .main-nav .items nav ul li a {
  color: var(--nav-mobile-text-color);
  text-transform: var(--nav-letter-case);
  text-decoration: none;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 12px;
}

header .main-nav .items nav li a i {
  font-size: 0.8em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .main-nav .items nav li a i:not(.icon) {
  margin-left: 0.5em;
}

header .main-nav .items nav ul.level-2 li:last-child {
  border-bottom: none;
}

header .main-nav nav .level-1 {
  position: absolute;
  top: var(--nav-height);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
  width: var(--nav-mobile-width);
}

header .main-nav .items nav .level-1 > li > a {
  width: 100%;
  font-size: var(--nav-font-size);
}

header .main-nav .items nav .level-2 li a {
  font-size: 1rem;
}

header .items nav ul li a.parent i {
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

header .items nav ul li a.parent.open i {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}

header .main-nav .item-append {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: calc(var(--nav-height) - 20px);
  height: var(--nav-height);
  -webkit-transition: height var(--transition);
  transition: height var(--transition);
}

header .main-nav .items .item-append a span {
  text-decoration: none;
  line-height: 1;
}

header .main-nav .items .item-append a {
  max-height: 100%;
}

header .main-nav .items .item-append a:not(:last-child) {
  margin-right: 0.8rem;
}

header .main-nav .mobile-nav-trigger {
  position: absolute;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: var(--nav-height);
  width: calc(var(--nav-height) - 20px);
}

header .main-nav .mobile-nav-trigger:hover {
  cursor: pointer;
}

header .main-nav .mobile-nav-trigger i {
  position: absolute;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

header .main-nav .mobile-nav-trigger .open-icon {
  opacity: 1;
  font-size: var(--nav-mobile-trigger-open-font-size);
  color: var(--nav-mobile-trigger-open-color);
}

header .main-nav .mobile-nav-trigger .close-icon {
  opacity: 0;
  font-size: var(--nav-mobile-trigger-close-font-size);
  color: var(--nav-mobile-trigger-close-color);
}

header.open .main-nav .mobile-nav-trigger .close-icon {
  opacity: 1;
}

header.open .main-nav .mobile-nav-trigger .open-icon {
  opacity: 0;
}

header.open .main-nav nav {
  height: calc(100vh - var(--top-bar, 0px));
  overflow-y: scroll;
}

header .main-nav .on-open-only, header .main-nav .on-close-only {
  display: none;
}

@media (max-width: 992px) {
  header:not(.open) .main-nav .on-close-only {
    display: block;
  }
  header.open .main-nav .on-open-only {
    display: block;
  }
}
header .tert-nav {
  display: none;
}

header .tert-nav > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

body.h-show-tert-nav .tert-nav {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border-bottom: 1px solid rgba(238, 238, 238, 0.1607843137);
  background: linear-gradient(135deg, white 2%, white 28%, white 100%);
}

body.h-show-tert-nav.scrolled:not(.h-sticky-tert) .tert-nav {
  margin-top: calc(var(--nav-tert-height) * -1 - 1px);
}

body.h-show-tert-nav .tert-nav a {
  height: var(--nav-tert-height);
  padding: 0 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--nav-tert-text-color);
  font-size: var(--nav-tert-font);
  text-transform: var(--nav-tert-letter-case);
}

body.h-show-tert-nav .tert-nav a:not(:last-child) {
  border-right: 1px solid rgba(238, 238, 238, 0.1607843137);
}

body.h-show-tert-nav .tert-nav a:last-child {
  padding-right: 0;
}

body.h-show-tert-nav .tert-nav a:hover {
  -webkit-text-decoration: var(--nav-tert-text-hover-text-decoration);
          text-decoration: var(--nav-tert-text-hover-text-decoration);
  color: var(--nav-tert-text-hover-color);
  background-color: var(--nav-tert-background-hover-color);
}

@media (min-width: 992px) {
  header .main-nav .mobile-nav-trigger {
    display: none;
  }
  header .tert-nav {
    display: block;
  }
  header .main-nav .items nav .level-1 {
    top: 0;
  }
  header .nav-container {
    max-width: var(--nav-width);
  }
  header .main-nav .items nav {
    position: relative;
    width: unset;
    height: unset;
    left: unset;
    overflow-y: unset;
    background: 0 0;
    -webkit-transition: unset;
    transition: unset;
    top: 0;
  }
  header .main-nav .items .item-append {
    position: relative;
    right: unset;
  }
  header .main-nav {
    position: relative;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  header .main-nav .items {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  header .main-nav .items nav {
    padding: 0 20px;
  }
  header .main-nav .items nav ul {
    margin: 0;
    padding: 0;
  }
  header .main-nav .items nav .level-1 > li > a {
    color: var(--nav-text-color);
    font-size: var(--nav-font-size);
    -webkit-transition: var(--transition);
    transition: var(--transition);
  }
  header .main-nav .items nav .level-2 li a:not(.btn) {
    font-size: var(--nav-dropdown-font-size);
    color: var(--nav-dropdown-text-color);
  }
  header .main-nav .items nav > ul > li > a {
    padding: 0 var(--nav-desktop-page-padding);
    -webkit-transition: padding var(--transition);
    transition: padding var(--transition);
  }
  header.scrolled .main-nav .items nav > ul > li > a {
    padding: 0 var(--nav-desktop-scrolled-page-padding);
  }
  header .main-nav .items nav li a:hover, header .main-nav .items nav li a.over {
    -webkit-transition: var(--transition);
    transition: var(--transition);
  }
  header .main-nav .items nav .level-1 > li > a:hover, header .main-nav .items nav .level-1 > li > a.over {
    color: var(--nav-hover-text-color);
    text-decoration: none;
  }
  header .main-nav .items nav .level-2 li a:hover, header .main-nav .items nav .level-2 li a.over {
    color: var(--nav-hover-dropdown-text-color);
    text-decoration: none;
  }
  header .logo {
    left: 0;
  }
  header .main-nav .items nav .level-1 {
    height: var(--nav-height);
    width: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
  }
  header .main-nav .items nav .level-1 > li {
    border: unset;
  }
  header .main-nav .items nav .level-1 > li, header .main-nav .items nav .level-1 > li:not(.mega) a, header .main-nav .items nav .level-1 > li.mega > a {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header .main-nav .items nav [class^=level-]:not(.level-1) {
    position: absolute;
    width: 230px;
    background-color: var(--nav-dropdown-color);
  }
  header .main-nav .items nav .level-1 [class^=level-], header .main-nav .items nav .level-1 .level-2 li:last-child, header .main-nav .items nav .level-1 .level-2 li:last-child a {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  header .main-nav .items nav .level-2 {
    top: var(--nav-height);
  }
  header .main-nav .items nav .flyout.right > .level-2 {
    left: 0;
  }
  header .main-nav .items nav .flyout.left > .level-2 {
    right: 0;
  }
  header .main-nav .items nav .level-2 li a {
    padding: 12px 10px;
  }
  header .main-nav .items nav .level-2 li a:not(:first-child) {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
  }
  header .main-nav .items nav .level-2 li:first-child {
    border-top: 2px var(--secondary) solid;
  }
  header .main-nav .items nav [class^=level-]:not(.level-1):not(.level-2) {
    top: -2px;
  }
  header .main-nav .items nav .flyout.right > [class^=level-]:not(.level-2) {
    left: 100%;
  }
  header .main-nav .items nav .flyout.left > [class^=level-]:not(.level-2) {
    right: 100%;
  }
  header .main-nav .items nav ul li a.parent i {
    -webkit-transition: -webkit-transform var(--transition);
    transition: -webkit-transform var(--transition);
    transition: transform var(--transition);
    transition: transform var(--transition), -webkit-transform var(--transition);
  }
  header .main-nav .items nav .level-1 > li > a.parent.over i {
    -webkit-transform: scaleY(-1);
            transform: scaleY(-1);
  }
  header .main-nav .items nav [class^=level-]:not(.level-1) > li > a.parent i {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  header .main-nav .items nav [class^=level-]:not(.level-1) > li > a.parent.over i {
    -webkit-transform: rotate(-90deg) scaleY(-1);
            transform: rotate(-90deg) scaleY(-1);
  }
  body.h-show-tert-nav .tert-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
html {
  overflow-x: hidden;
}

body {
  background-color: #fff;
  overflow-x: hidden;
}

section {
  position: relative;
  margin: 0;
  padding: var(--section-unit) 0;
  background-color: #fff;
}

section.half-pad {
  padding: calc(var(--section-unit) / 2) 0;
}

main > section:first-of-type, main section.first-section {
  padding-top: calc(var(--nav-mobile-height) + var(--nav-tert-height) + var(--top-bar, 0px) + var(--section-unit));
}

main > section.half-pad:first-of-type, main section.half-pad.first-section {
  padding-top: calc(var(--nav-mobile-height) + var(--nav-tert-height) + var(--top-bar, 0px) + 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-tert-height) + var(--top-bar, 0px) + 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-tert-height) + var(--top-bar, 0px) + var(--section-unit) / 2);
  }
}
section.bg-overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 !important;
}

section.bg-overlay > .overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: var(--section-unit) 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(49%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.6)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 49%, rgba(0, 0, 0, 0.6) 100%);
  color: #fff;
}

main > section.bg-overlay.overlay-light > .overlay {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(49%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.3)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.5) 49%, rgba(0, 0, 0, 0.3) 100%);
}

main > section.bg-overlay:first-of-type > .overlay {
  padding-top: calc(var(--nav-mobile-height) + var(--nav-tert-height) + var(--top-bar, 0px) + var(--section-unit));
  padding-bottom: var(--section-unit);
}

@media (min-width: 992px) {
  main > section.bg-overlay:first-of-type > .overlay {
    padding-top: calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar, 0px) + var(--section-unit));
    padding-bottom: var(--section-unit);
  }
}
@media (max-width: 767px) {
  section.mobile-overlay::before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(49%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.6)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 49%, rgba(0, 0, 0, 0.6) 100%);
  }
  section.mobile-overlay.overlay-light::before {
    background: rgba(255, 255, 255, 0.7294117647);
  }
}
@media (min-width: 992px) {
  .overlap-top {
    margin-top: calc(var(--section-unit) * -1 * 1.5);
  }
}
.btn {
  border-radius: var(--btn-radius);
  white-space: normal;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: var(--font-primary);
}

.btn-lg {
  padding: 0.3rem 1.8rem;
}

.btn-icon {
  position: relative;
  overflow: hidden;
}

.btn-icon:not(.icon-right) {
  padding-left: 45px;
}

.btn-icon.icon-right {
  padding-right: 45px;
}

.btn-icon i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  height: 100%;
  width: 35px;
  top: 0;
  background-color: rgba(0, 0, 0, 0.13);
}

.btn-icon:not(.icon-right) i {
  left: 0;
  border-right: 1px solid transparent;
}

.btn-icon.icon-right i {
  right: 0;
  border-left: 1px solid transparent;
}

.btn-count {
  position: relative;
  overflow: hidden;
  padding-left: 0 !important;
}

.btn-count span.count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 100%;
  width: auto;
  top: 0;
  left: 0;
  margin-right: 10px;
  padding: 0 8px;
  font-weight: 700;
  background-color: rgba(0, 0, 0, 0.13);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.btn-count span.count {
  border-right: 1px solid transparent;
}

.btn-sub span.sub {
  display: block;
  font-size: 60%;
  line-height: 61%;
  text-transform: uppercase;
  opacity: 0.7;
}

.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
  -webkit-box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
}

.btn-primary.focus, .btn-primary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
  background: var(--primary);
  border-color: var(--primary);
}

.btn-outline-primary {
  color: var(--primary);
  border-color: var(--primary);
  border-width: 2px;
  background: 0 0;
}

.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle, .btn-outline-primary.focus, .btn-outline-primary:focus {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
  -webkit-box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
}

.btn-outline-primary.btn-icon i {
  color: #fff;
  background-color: rgb(var(--primary-rgb));
}

.btn-outline-primary.btn-icon:hover i {
  background-color: rgba(0, 0, 0, 0.13);
}

.btn-secondary {
  background-color: var(--secondary);
  border-color: var(--secondary);
}

.btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: var(--secondary);
  border-color: var(--secondary);
  -webkit-box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
}

.btn-secondary.focus, .btn-secondary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
  background: var(--secondary);
  border-color: var(--secondary);
}

.btn-outline-secondary {
  color: var(--secondary);
  border-color: var(--secondary);
  border-width: 2px;
  background: 0 0;
}

.btn-outline-secondary:hover, .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle, .btn-outline-secondary.focus, .btn-outline-secondary:focus {
  color: #fff;
  background-color: var(--secondary);
  border-color: var(--secondary);
  -webkit-box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
}

.btn-outline-secondary.btn-icon i {
  color: #fff;
  background-color: rgb(var(--secondary-rgb));
}

.btn-outline-secondary.btn-icon:hover i {
  background-color: rgba(0, 0, 0, 0.13);
}

.btn-tertiary {
  background-color: var(--tertiary);
  border-color: var(--tertiary);
}

.btn-tertiary:hover, .btn-tertiary:not(:disabled):not(.disabled).active, .btn-tertiary:not(:disabled):not(.disabled):active, .show > .btn-tertiary.dropdown-toggle {
  color: #fff;
  background-color: var(--tertiary);
  border-color: var(--tertiary);
  -webkit-box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
}

.btn-tertiary.focus, .btn-tertiary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
  background: var(--tertiary);
  border-color: var(--tertiary);
}

.btn-outline-tertiary {
  color: var(--tertiary);
  border-color: var(--tertiary);
  border-width: 2px;
  background: 0 0;
}

.btn-outline-tertiary:hover, .btn-outline-tertiary:not(:disabled):not(.disabled).active, .btn-outline-tertiary:not(:disabled):not(.disabled):active, .show > .btn-outline-tertiary.dropdown-toggle, .btn-outline-tertiary.focus, .btn-outline-tertiary:focus {
  color: #fff;
  background-color: var(--tertiary);
  border-color: var(--tertiary);
  -webkit-box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
}

.btn-outline-tertiary.btn-icon i {
  color: #fff;
  background-color: rgb(var(--tertiary-rgb));
}

.btn-outline-tertiary.btn-icon:hover i {
  background-color: rgba(0, 0, 0, 0.13);
}

.btn-quaternary {
  background-color: var(--quaternary);
  border-color: var(--quaternary);
}

.btn-quaternary:hover, .btn-quaternary:not(:disabled):not(.disabled).active, .btn-quaternary:not(:disabled):not(.disabled):active, .show > .btn-quaternary.dropdown-toggle {
  color: #fff;
  background-color: var(--quaternary);
  border-color: var(--quaternary);
  -webkit-box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
}

.btn-quaternary.focus, .btn-quaternary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
  background: var(--quaternary);
  border-color: var(--quaternary);
}

.btn-outline-quaternary {
  color: var(--quaternary);
  border-color: var(--quaternary);
  border-width: 2px;
  background: 0 0;
}

.btn-outline-quaternary:hover, .btn-outline-quaternary:not(:disabled):not(.disabled).active, .btn-outline-quaternary:not(:disabled):not(.disabled):active, .show > .btn-outline-quaternary.dropdown-toggle, .btn-outline-quaternary.focus, .btn-outline-quaternary:focus {
  color: #fff;
  background-color: var(--quaternary);
  border-color: var(--quaternary);
  -webkit-box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
}

.btn-outline-quaternary.btn-icon i {
  color: #fff;
  background-color: rgb(var(--quaternary-rgb));
}

.btn-outline-quaternary.btn-icon:hover i {
  background-color: rgba(0, 0, 0, 0.13);
}

.btn-quinary {
  background-color: var(--quinary);
  border-color: var(--quinary);
}

.btn-quinary:hover, .btn-quinary:not(:disabled):not(.disabled).active, .btn-quinary:not(:disabled):not(.disabled):active, .show > .btn-quinary.dropdown-toggle {
  color: #fff;
  background-color: var(--quinary);
  border-color: var(--quinary);
  -webkit-box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
}

.btn-quinary.focus, .btn-quinary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
  background: var(--quinary);
  border-color: var(--quinary);
}

.btn-outline-quinary {
  color: var(--quinary);
  border-color: var(--quinary);
  border-width: 2px;
  background: 0 0;
}

.btn-outline-quinary:hover, .btn-outline-quinary:not(:disabled):not(.disabled).active, .btn-outline-quinary:not(:disabled):not(.disabled):active, .show > .btn-outline-quinary.dropdown-toggle, .btn-outline-quinary.focus, .btn-outline-quinary:focus {
  color: #fff;
  background-color: var(--quinary);
  border-color: var(--quinary);
  -webkit-box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
}

.btn-outline-quinary.btn-icon i {
  color: #fff;
  background-color: rgb(var(--quinary-rgb));
}

.btn-outline-quinary.btn-icon:hover i {
  background-color: rgba(0, 0, 0, 0.13);
}

.btn-senary {
  background-color: var(--senary);
  border-color: var(--senary);
}

.btn-senary:hover, .btn-senary:not(:disabled):not(.disabled).active, .btn-senary:not(:disabled):not(.disabled):active, .show > .btn-senary.dropdown-toggle {
  color: #fff;
  background-color: var(--senary);
  border-color: var(--senary);
  -webkit-box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
}

.btn-senary.focus, .btn-senary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
  background: var(--senary);
  border-color: var(--senary);
}

.btn-outline-senary {
  color: var(--senary);
  border-color: var(--senary);
  border-width: 2px;
  background: 0 0;
}

.btn-outline-senary:hover, .btn-outline-senary:not(:disabled):not(.disabled).active, .btn-outline-senary:not(:disabled):not(.disabled):active, .show > .btn-outline-senary.dropdown-toggle, .btn-outline-senary.focus, .btn-outline-senary:focus {
  color: #fff;
  background-color: var(--senary);
  border-color: var(--senary);
  -webkit-box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
}

.btn-outline-senary.btn-icon i {
  color: #fff;
  background-color: rgb(var(--senary-rgb));
}

.btn-outline-senary.btn-icon:hover i {
  background-color: rgba(0, 0, 0, 0.13);
}

.btn-septenary {
  background-color: var(--septenary);
  border-color: var(--septenary);
}

.btn-septenary:hover, .btn-septenary:not(:disabled):not(.disabled).active, .btn-septenary:not(:disabled):not(.disabled):active, .show > .btn-septenary.dropdown-toggle {
  color: #fff;
  background-color: var(--septenary);
  border-color: var(--septenary);
  -webkit-box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
}

.btn-septenary.focus, .btn-septenary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
  background: var(--septenary);
  border-color: var(--septenary);
}

.btn-outline-septenary {
  color: var(--septenary);
  border-color: var(--septenary);
  border-width: 2px;
  background: 0 0;
}

.btn-outline-septenary:hover, .btn-outline-septenary:not(:disabled):not(.disabled).active, .btn-outline-septenary:not(:disabled):not(.disabled):active, .show > .btn-outline-septenary.dropdown-toggle, .btn-outline-septenary.focus, .btn-outline-septenary:focus {
  color: #fff;
  background-color: var(--septenary);
  border-color: var(--septenary);
  -webkit-box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
}

.btn-outline-septenary.btn-icon i {
  color: #fff;
  background-color: rgb(var(--septenary-rgb));
}

.btn-outline-septenary.btn-icon:hover i {
  background-color: rgba(0, 0, 0, 0.13);
}

.btn-light {
  background-color: var(--light);
  border-color: var(--light);
}

.btn-light:hover, .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
  color: #fff;
  background-color: var(--light);
  border-color: var(--light);
  -webkit-box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
}

.btn-light.focus, .btn-light:focus {
  -webkit-box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
  background: var(--light);
  border-color: var(--light);
}

.btn-outline-light {
  color: var(--light);
  border-color: var(--light);
  border-width: 2px;
  background: 0 0;
}

.btn-outline-light:hover, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle, .btn-outline-light.focus, .btn-outline-light:focus {
  color: #fff;
  background-color: var(--light);
  border-color: var(--light);
  -webkit-box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
}

.btn-outline-light.btn-icon i {
  color: #fff;
  background-color: rgb(var(--light-rgb));
}

.btn-outline-light.btn-icon:hover i {
  background-color: rgba(0, 0, 0, 0.13);
}

.btn-light:hover, .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle, .btn-outline-light:hover, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle, .btn-outline-light.focus, .btn-outline-light:focus, .btn-outline-light.btn-icon i {
  color: var(--dark);
}

.btn-gray {
  background-color: var(--gray);
  border-color: var(--gray);
}

.btn-gray:hover, .btn-gray:not(:disabled):not(.disabled).active, .btn-gray:not(:disabled):not(.disabled):active, .show > .btn-gray.dropdown-toggle {
  color: #fff;
  background-color: var(--gray);
  border-color: var(--gray);
  -webkit-box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
}

.btn-gray.focus, .btn-gray:focus {
  -webkit-box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
  background: var(--gray);
  border-color: var(--gray);
}

.btn-outline-gray {
  color: var(--gray);
  border-color: var(--gray);
  border-width: 2px;
  background: 0 0;
}

.btn-outline-gray:hover, .btn-outline-gray:not(:disabled):not(.disabled).active, .btn-outline-gray:not(:disabled):not(.disabled):active, .show > .btn-outline-gray.dropdown-toggle, .btn-outline-gray.focus, .btn-outline-gray:focus {
  color: #fff;
  background-color: var(--gray);
  border-color: var(--gray);
  -webkit-box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
}

.btn-outline-gray.btn-icon i {
  color: #fff;
  background-color: rgb(var(--gray-rgb));
}

.btn-outline-gray.btn-icon:hover i {
  background-color: rgba(0, 0, 0, 0.13);
}

.btn-dark {
  background-color: var(--dark);
  border-color: var(--dark);
}

.btn-dark:hover, .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: var(--dark);
  border-color: var(--dark);
  -webkit-box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
}

.btn-dark.focus, .btn-dark:focus {
  -webkit-box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
  background: var(--dark);
  border-color: var(--dark);
}

.btn-outline-dark {
  color: var(--dark);
  border-color: var(--dark);
  border-width: 2px;
  background: 0 0;
}

.btn-outline-dark:hover, .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle, .btn-outline-dark.focus, .btn-outline-dark:focus {
  color: #fff;
  background-color: var(--dark);
  border-color: var(--dark);
  -webkit-box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
}

.btn-outline-dark.btn-icon i {
  color: #fff;
  background-color: rgb(var(--dark-rgb));
}

.btn-outline-dark.btn-icon:hover i {
  background-color: rgba(0, 0, 0, 0.13);
}

.btn-dark-gray {
  background-color: var(--dark-gray);
  border-color: var(--dark-gray);
}

.btn-dark-gray:hover, .btn-dark-gray:not(:disabled):not(.disabled).active, .btn-dark-gray:not(:disabled):not(.disabled):active, .show > .btn-dark-gray.dropdown-toggle {
  color: #fff;
  background-color: var(--dark-gray);
  border-color: var(--dark-gray);
  -webkit-box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
}

.btn-dark-gray.focus, .btn-dark-gray:focus {
  -webkit-box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
  background: var(--dark-gray);
  border-color: var(--dark-gray);
}

.btn-outline-dark-gray {
  color: var(--dark-gray);
  border-color: var(--dark-gray);
  border-width: 2px;
  background: 0 0;
}

.btn-outline-dark-gray:hover, .btn-outline-dark-gray:not(:disabled):not(.disabled).active, .btn-outline-dark-gray:not(:disabled):not(.disabled):active, .show > .btn-outline-dark-gray.dropdown-toggle, .btn-outline-dark-gray.focus, .btn-outline-dark-gray:focus {
  color: #fff;
  background-color: var(--dark-gray);
  border-color: var(--dark-gray);
  -webkit-box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
          box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
}

.btn-outline-dark-gray.btn-icon i {
  color: #fff;
  background-color: rgb(var(--dark-gray-rgb));
}

.btn-outline-dark-gray.btn-icon:hover i {
  background-color: rgba(0, 0, 0, 0.13);
}

@media (min-width: 576px) {
  .btn-sm-primary {
    background-color: var(--primary);
    border-color: var(--primary);
  }
  .btn-sm-primary:hover, .btn-sm-primary:not(:disabled):not(.disabled).active, .btn-sm-primary:not(:disabled):not(.disabled):active, .show > .btn-sm-primary.dropdown-toggle {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
  }
  .btn-sm-primary.focus, .btn-sm-primary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
    background: var(--primary);
    border-color: var(--primary);
  }
  .btn-sm-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-sm-outline-primary:hover, .btn-sm-outline-primary:not(:disabled):not(.disabled).active, .btn-sm-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-primary.dropdown-toggle, .btn-sm-outline-primary.focus, .btn-sm-outline-primary:focus {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb));
  }
  .btn-sm-outline-primary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--primary-rgb));
  }
  .btn-sm-outline-primary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-sm-secondary {
    background-color: var(--secondary);
    border-color: var(--secondary);
  }
  .btn-sm-secondary:hover, .btn-sm-secondary:not(:disabled):not(.disabled).active, .btn-sm-secondary:not(:disabled):not(.disabled):active, .show > .btn-sm-secondary.dropdown-toggle {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
  }
  .btn-sm-secondary.focus, .btn-sm-secondary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
    background: var(--secondary);
    border-color: var(--secondary);
  }
  .btn-sm-outline-secondary {
    color: var(--secondary);
    border-color: var(--secondary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-sm-outline-secondary:hover, .btn-sm-outline-secondary:not(:disabled):not(.disabled).active, .btn-sm-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-secondary.dropdown-toggle, .btn-sm-outline-secondary.focus, .btn-sm-outline-secondary:focus {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--secondary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--secondary-rgb));
  }
  .btn-sm-outline-secondary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--secondary-rgb));
  }
  .btn-sm-outline-secondary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-sm-tertiary {
    background-color: var(--tertiary);
    border-color: var(--tertiary);
  }
  .btn-sm-tertiary:hover, .btn-sm-tertiary:not(:disabled):not(.disabled).active, .btn-sm-tertiary:not(:disabled):not(.disabled):active, .show > .btn-sm-tertiary.dropdown-toggle {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
  }
  .btn-sm-tertiary.focus, .btn-sm-tertiary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
    background: var(--tertiary);
    border-color: var(--tertiary);
  }
  .btn-sm-outline-tertiary {
    color: var(--tertiary);
    border-color: var(--tertiary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-sm-outline-tertiary:hover, .btn-sm-outline-tertiary:not(:disabled):not(.disabled).active, .btn-sm-outline-tertiary:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-tertiary.dropdown-toggle, .btn-sm-outline-tertiary.focus, .btn-sm-outline-tertiary:focus {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--tertiary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--tertiary-rgb));
  }
  .btn-sm-outline-tertiary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--tertiary-rgb));
  }
  .btn-sm-outline-tertiary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-sm-quaternary {
    background-color: var(--quaternary);
    border-color: var(--quaternary);
  }
  .btn-sm-quaternary:hover, .btn-sm-quaternary:not(:disabled):not(.disabled).active, .btn-sm-quaternary:not(:disabled):not(.disabled):active, .show > .btn-sm-quaternary.dropdown-toggle {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
  }
  .btn-sm-quaternary.focus, .btn-sm-quaternary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
    background: var(--quaternary);
    border-color: var(--quaternary);
  }
  .btn-sm-outline-quaternary {
    color: var(--quaternary);
    border-color: var(--quaternary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-sm-outline-quaternary:hover, .btn-sm-outline-quaternary:not(:disabled):not(.disabled).active, .btn-sm-outline-quaternary:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-quaternary.dropdown-toggle, .btn-sm-outline-quaternary.focus, .btn-sm-outline-quaternary:focus {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--quaternary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--quaternary-rgb));
  }
  .btn-sm-outline-quaternary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--quaternary-rgb));
  }
  .btn-sm-outline-quaternary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-sm-quinary {
    background-color: var(--quinary);
    border-color: var(--quinary);
  }
  .btn-sm-quinary:hover, .btn-sm-quinary:not(:disabled):not(.disabled).active, .btn-sm-quinary:not(:disabled):not(.disabled):active, .show > .btn-sm-quinary.dropdown-toggle {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
  }
  .btn-sm-quinary.focus, .btn-sm-quinary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
    background: var(--quinary);
    border-color: var(--quinary);
  }
  .btn-sm-outline-quinary {
    color: var(--quinary);
    border-color: var(--quinary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-sm-outline-quinary:hover, .btn-sm-outline-quinary:not(:disabled):not(.disabled).active, .btn-sm-outline-quinary:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-quinary.dropdown-toggle, .btn-sm-outline-quinary.focus, .btn-sm-outline-quinary:focus {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--quinary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--quinary-rgb));
  }
  .btn-sm-outline-quinary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--quinary-rgb));
  }
  .btn-sm-outline-quinary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-sm-senary {
    background-color: var(--senary);
    border-color: var(--senary);
  }
  .btn-sm-senary:hover, .btn-sm-senary:not(:disabled):not(.disabled).active, .btn-sm-senary:not(:disabled):not(.disabled):active, .show > .btn-sm-senary.dropdown-toggle {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
  }
  .btn-sm-senary.focus, .btn-sm-senary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
    background: var(--senary);
    border-color: var(--senary);
  }
  .btn-sm-outline-senary {
    color: var(--senary);
    border-color: var(--senary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-sm-outline-senary:hover, .btn-sm-outline-senary:not(:disabled):not(.disabled).active, .btn-sm-outline-senary:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-senary.dropdown-toggle, .btn-sm-outline-senary.focus, .btn-sm-outline-senary:focus {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--senary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--senary-rgb));
  }
  .btn-sm-outline-senary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--senary-rgb));
  }
  .btn-sm-outline-senary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-sm-septenary {
    background-color: var(--septenary);
    border-color: var(--septenary);
  }
  .btn-sm-septenary:hover, .btn-sm-septenary:not(:disabled):not(.disabled).active, .btn-sm-septenary:not(:disabled):not(.disabled):active, .show > .btn-sm-septenary.dropdown-toggle {
    color: var(--light);
    background-color: var(--septenary);
    border-color: var(--septenary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
  }
  .btn-sm-septenary.focus, .btn-sm-septenary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
    background: var(--septenary);
    border-color: var(--septenary);
  }
  .btn-sm-outline-septenary {
    color: var(--septenary);
    border-color: var(--septenary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-sm-outline-septenary:hover, .btn-sm-outline-septenary:not(:disabled):not(.disabled).active, .btn-sm-outline-septenary:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-septenary.dropdown-toggle, .btn-sm-outline-septenary.focus, .btn-sm-outline-septenary:focus {
    color: var(--light);
    background-color: var(--septenary);
    border-color: var(--septenary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--septenary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--septenary-rgb));
  }
  .btn-sm-outline-septenary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--septenary-rgb));
  }
  .btn-sm-outline-septenary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-sm-light {
    background-color: var(--light);
    border-color: var(--light);
  }
  .btn-sm-light:hover, .btn-sm-light:not(:disabled):not(.disabled).active, .btn-sm-light:not(:disabled):not(.disabled):active, .show > .btn-sm-light.dropdown-toggle {
    color: var(--light);
    background-color: var(--light);
    border-color: var(--light);
    -webkit-box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
  }
  .btn-sm-light.focus, .btn-sm-light:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
    background: var(--light);
    border-color: var(--light);
  }
  .btn-sm-outline-light {
    color: var(--light);
    border-color: var(--light);
    border-width: 2px;
    background: 0 0;
  }
  .btn-sm-outline-light:hover, .btn-sm-outline-light:not(:disabled):not(.disabled).active, .btn-sm-outline-light:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-light.dropdown-toggle, .btn-sm-outline-light.focus, .btn-sm-outline-light:focus {
    color: var(--light);
    background-color: var(--light);
    border-color: var(--light);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--light-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--light-rgb));
  }
  .btn-sm-outline-light.btn-icon i {
    color: #fff;
    background-color: rgb(var(--light-rgb));
  }
  .btn-sm-outline-light.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-sm-light:hover, .btn-sm-light:not(:disabled):not(.disabled).active, .btn-sm-light:not(:disabled):not(.disabled):active, .show > .btn-sm-light.dropdown-toggle, .btn-sm-outline-light:hover, .btn-sm-outline-light:not(:disabled):not(.disabled).active, .btn-sm-outline-light:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-light.dropdown-toggle, .btn-sm-outline-light.focus, .btn-sm-outline-light:focus, .btn-sm-outline-light.btn-icon i {
    color: var(--dark);
  }
  .btn-sm-gray {
    background-color: var(--gray);
    border-color: var(--gray);
  }
  .btn-sm-gray:hover, .btn-sm-gray:not(:disabled):not(.disabled).active, .btn-sm-gray:not(:disabled):not(.disabled):active, .show > .btn-sm-gray.dropdown-toggle {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
    -webkit-box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
  }
  .btn-sm-gray.focus, .btn-sm-gray:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
    background: var(--gray);
    border-color: var(--gray);
  }
  .btn-sm-outline-gray {
    color: var(--gray);
    border-color: var(--gray);
    border-width: 2px;
    background: 0 0;
  }
  .btn-sm-outline-gray:hover, .btn-sm-outline-gray:not(:disabled):not(.disabled).active, .btn-sm-outline-gray:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-gray.dropdown-toggle, .btn-sm-outline-gray.focus, .btn-sm-outline-gray:focus {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--gray-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--gray-rgb));
  }
  .btn-sm-outline-gray.btn-icon i {
    color: #fff;
    background-color: rgb(var(--gray-rgb));
  }
  .btn-sm-outline-gray.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-sm-dark {
    background-color: var(--dark);
    border-color: var(--dark);
  }
  .btn-sm-dark:hover, .btn-sm-dark:not(:disabled):not(.disabled).active, .btn-sm-dark:not(:disabled):not(.disabled):active, .show > .btn-sm-dark.dropdown-toggle {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
    -webkit-box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
  }
  .btn-sm-dark.focus, .btn-sm-dark:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
    background: var(--dark);
    border-color: var(--dark);
  }
  .btn-sm-outline-dark {
    color: var(--dark);
    border-color: var(--dark);
    border-width: 2px;
    background: 0 0;
  }
  .btn-sm-outline-dark:hover, .btn-sm-outline-dark:not(:disabled):not(.disabled).active, .btn-sm-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-dark.dropdown-toggle, .btn-sm-outline-dark.focus, .btn-sm-outline-dark:focus {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--dark-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--dark-rgb));
  }
  .btn-sm-outline-dark.btn-icon i {
    color: #fff;
    background-color: rgb(var(--dark-rgb));
  }
  .btn-sm-outline-dark.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-sm-dark-gray {
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
  }
  .btn-sm-dark-gray:hover, .btn-sm-dark-gray:not(:disabled):not(.disabled).active, .btn-sm-dark-gray:not(:disabled):not(.disabled):active, .show > .btn-sm-dark-gray.dropdown-toggle {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
    -webkit-box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
  }
  .btn-sm-dark-gray.focus, .btn-sm-dark-gray:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
    background: var(--dark-gray);
    border-color: var(--dark-gray);
  }
  .btn-sm-outline-dark-gray {
    color: var(--dark-gray);
    border-color: var(--dark-gray);
    border-width: 2px;
    background: 0 0;
  }
  .btn-sm-outline-dark-gray:hover, .btn-sm-outline-dark-gray:not(:disabled):not(.disabled).active, .btn-sm-outline-dark-gray:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-dark-gray.dropdown-toggle, .btn-sm-outline-dark-gray.focus, .btn-sm-outline-dark-gray:focus {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--dark-gray-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--dark-gray-rgb));
  }
  .btn-sm-outline-dark-gray.btn-icon i {
    color: #fff;
    background-color: rgb(var(--dark-gray-rgb));
  }
  .btn-sm-outline-dark-gray.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
}
@media (min-width: 768px) {
  .btn-md-primary {
    background-color: var(--primary);
    border-color: var(--primary);
  }
  .btn-md-primary:hover, .btn-md-primary:not(:disabled):not(.disabled).active, .btn-md-primary:not(:disabled):not(.disabled):active, .show > .btn-md-primary.dropdown-toggle {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
  }
  .btn-md-primary.focus, .btn-md-primary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
    background: var(--primary);
    border-color: var(--primary);
  }
  .btn-md-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-md-outline-primary:hover, .btn-md-outline-primary:not(:disabled):not(.disabled).active, .btn-md-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-md-outline-primary.dropdown-toggle, .btn-md-outline-primary.focus, .btn-md-outline-primary:focus {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb));
  }
  .btn-md-outline-primary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--primary-rgb));
  }
  .btn-md-outline-primary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-md-secondary {
    background-color: var(--secondary);
    border-color: var(--secondary);
  }
  .btn-md-secondary:hover, .btn-md-secondary:not(:disabled):not(.disabled).active, .btn-md-secondary:not(:disabled):not(.disabled):active, .show > .btn-md-secondary.dropdown-toggle {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
  }
  .btn-md-secondary.focus, .btn-md-secondary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
    background: var(--secondary);
    border-color: var(--secondary);
  }
  .btn-md-outline-secondary {
    color: var(--secondary);
    border-color: var(--secondary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-md-outline-secondary:hover, .btn-md-outline-secondary:not(:disabled):not(.disabled).active, .btn-md-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-md-outline-secondary.dropdown-toggle, .btn-md-outline-secondary.focus, .btn-md-outline-secondary:focus {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--secondary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--secondary-rgb));
  }
  .btn-md-outline-secondary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--secondary-rgb));
  }
  .btn-md-outline-secondary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-md-tertiary {
    background-color: var(--tertiary);
    border-color: var(--tertiary);
  }
  .btn-md-tertiary:hover, .btn-md-tertiary:not(:disabled):not(.disabled).active, .btn-md-tertiary:not(:disabled):not(.disabled):active, .show > .btn-md-tertiary.dropdown-toggle {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
  }
  .btn-md-tertiary.focus, .btn-md-tertiary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
    background: var(--tertiary);
    border-color: var(--tertiary);
  }
  .btn-md-outline-tertiary {
    color: var(--tertiary);
    border-color: var(--tertiary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-md-outline-tertiary:hover, .btn-md-outline-tertiary:not(:disabled):not(.disabled).active, .btn-md-outline-tertiary:not(:disabled):not(.disabled):active, .show > .btn-md-outline-tertiary.dropdown-toggle, .btn-md-outline-tertiary.focus, .btn-md-outline-tertiary:focus {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--tertiary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--tertiary-rgb));
  }
  .btn-md-outline-tertiary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--tertiary-rgb));
  }
  .btn-md-outline-tertiary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-md-quaternary {
    background-color: var(--quaternary);
    border-color: var(--quaternary);
  }
  .btn-md-quaternary:hover, .btn-md-quaternary:not(:disabled):not(.disabled).active, .btn-md-quaternary:not(:disabled):not(.disabled):active, .show > .btn-md-quaternary.dropdown-toggle {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
  }
  .btn-md-quaternary.focus, .btn-md-quaternary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
    background: var(--quaternary);
    border-color: var(--quaternary);
  }
  .btn-md-outline-quaternary {
    color: var(--quaternary);
    border-color: var(--quaternary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-md-outline-quaternary:hover, .btn-md-outline-quaternary:not(:disabled):not(.disabled).active, .btn-md-outline-quaternary:not(:disabled):not(.disabled):active, .show > .btn-md-outline-quaternary.dropdown-toggle, .btn-md-outline-quaternary.focus, .btn-md-outline-quaternary:focus {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--quaternary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--quaternary-rgb));
  }
  .btn-md-outline-quaternary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--quaternary-rgb));
  }
  .btn-md-outline-quaternary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-md-quinary {
    background-color: var(--quinary);
    border-color: var(--quinary);
  }
  .btn-md-quinary:hover, .btn-md-quinary:not(:disabled):not(.disabled).active, .btn-md-quinary:not(:disabled):not(.disabled):active, .show > .btn-md-quinary.dropdown-toggle {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
  }
  .btn-md-quinary.focus, .btn-md-quinary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
    background: var(--quinary);
    border-color: var(--quinary);
  }
  .btn-md-outline-quinary {
    color: var(--quinary);
    border-color: var(--quinary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-md-outline-quinary:hover, .btn-md-outline-quinary:not(:disabled):not(.disabled).active, .btn-md-outline-quinary:not(:disabled):not(.disabled):active, .show > .btn-md-outline-quinary.dropdown-toggle, .btn-md-outline-quinary.focus, .btn-md-outline-quinary:focus {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--quinary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--quinary-rgb));
  }
  .btn-md-outline-quinary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--quinary-rgb));
  }
  .btn-md-outline-quinary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-md-senary {
    background-color: var(--senary);
    border-color: var(--senary);
  }
  .btn-md-senary:hover, .btn-md-senary:not(:disabled):not(.disabled).active, .btn-md-senary:not(:disabled):not(.disabled):active, .show > .btn-md-senary.dropdown-toggle {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
  }
  .btn-md-senary.focus, .btn-md-senary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
    background: var(--senary);
    border-color: var(--senary);
  }
  .btn-md-outline-senary {
    color: var(--senary);
    border-color: var(--senary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-md-outline-senary:hover, .btn-md-outline-senary:not(:disabled):not(.disabled).active, .btn-md-outline-senary:not(:disabled):not(.disabled):active, .show > .btn-md-outline-senary.dropdown-toggle, .btn-md-outline-senary.focus, .btn-md-outline-senary:focus {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--senary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--senary-rgb));
  }
  .btn-md-outline-senary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--senary-rgb));
  }
  .btn-md-outline-senary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-md-septenary {
    background-color: var(--septenary);
    border-color: var(--septenary);
  }
  .btn-md-septenary:hover, .btn-md-septenary:not(:disabled):not(.disabled).active, .btn-md-septenary:not(:disabled):not(.disabled):active, .show > .btn-md-septenary.dropdown-toggle {
    color: var(--light);
    background-color: var(--septenary);
    border-color: var(--septenary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
  }
  .btn-md-septenary.focus, .btn-md-septenary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
    background: var(--septenary);
    border-color: var(--septenary);
  }
  .btn-md-outline-septenary {
    color: var(--septenary);
    border-color: var(--septenary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-md-outline-septenary:hover, .btn-md-outline-septenary:not(:disabled):not(.disabled).active, .btn-md-outline-septenary:not(:disabled):not(.disabled):active, .show > .btn-md-outline-septenary.dropdown-toggle, .btn-md-outline-septenary.focus, .btn-md-outline-septenary:focus {
    color: var(--light);
    background-color: var(--septenary);
    border-color: var(--septenary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--septenary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--septenary-rgb));
  }
  .btn-md-outline-septenary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--septenary-rgb));
  }
  .btn-md-outline-septenary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-md-light {
    background-color: var(--light);
    border-color: var(--light);
  }
  .btn-md-light:hover, .btn-md-light:not(:disabled):not(.disabled).active, .btn-md-light:not(:disabled):not(.disabled):active, .show > .btn-md-light.dropdown-toggle {
    color: var(--light);
    background-color: var(--light);
    border-color: var(--light);
    -webkit-box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
  }
  .btn-md-light.focus, .btn-md-light:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
    background: var(--light);
    border-color: var(--light);
  }
  .btn-md-outline-light {
    color: var(--light);
    border-color: var(--light);
    border-width: 2px;
    background: 0 0;
  }
  .btn-md-outline-light:hover, .btn-md-outline-light:not(:disabled):not(.disabled).active, .btn-md-outline-light:not(:disabled):not(.disabled):active, .show > .btn-md-outline-light.dropdown-toggle, .btn-md-outline-light.focus, .btn-md-outline-light:focus {
    color: var(--light);
    background-color: var(--light);
    border-color: var(--light);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--light-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--light-rgb));
  }
  .btn-md-outline-light.btn-icon i {
    color: #fff;
    background-color: rgb(var(--light-rgb));
  }
  .btn-md-outline-light.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-md-light:hover, .btn-md-light:not(:disabled):not(.disabled).active, .btn-md-light:not(:disabled):not(.disabled):active, .show > .btn-md-light.dropdown-toggle, .btn-md-outline-light:hover, .btn-md-outline-light:not(:disabled):not(.disabled).active, .btn-md-outline-light:not(:disabled):not(.disabled):active, .show > .btn-md-outline-light.dropdown-toggle, .btn-md-outline-light.focus, .btn-md-outline-light:focus, .btn-md-outline-light.btn-icon i {
    color: var(--dark);
  }
  .btn-md-gray {
    background-color: var(--gray);
    border-color: var(--gray);
  }
  .btn-md-gray:hover, .btn-md-gray:not(:disabled):not(.disabled).active, .btn-md-gray:not(:disabled):not(.disabled):active, .show > .btn-md-gray.dropdown-toggle {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
    -webkit-box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
  }
  .btn-md-gray.focus, .btn-md-gray:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
    background: var(--gray);
    border-color: var(--gray);
  }
  .btn-md-outline-gray {
    color: var(--gray);
    border-color: var(--gray);
    border-width: 2px;
    background: 0 0;
  }
  .btn-md-outline-gray:hover, .btn-md-outline-gray:not(:disabled):not(.disabled).active, .btn-md-outline-gray:not(:disabled):not(.disabled):active, .show > .btn-md-outline-gray.dropdown-toggle, .btn-md-outline-gray.focus, .btn-md-outline-gray:focus {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--gray-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--gray-rgb));
  }
  .btn-md-outline-gray.btn-icon i {
    color: #fff;
    background-color: rgb(var(--gray-rgb));
  }
  .btn-md-outline-gray.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-md-dark {
    background-color: var(--dark);
    border-color: var(--dark);
  }
  .btn-md-dark:hover, .btn-md-dark:not(:disabled):not(.disabled).active, .btn-md-dark:not(:disabled):not(.disabled):active, .show > .btn-md-dark.dropdown-toggle {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
    -webkit-box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
  }
  .btn-md-dark.focus, .btn-md-dark:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
    background: var(--dark);
    border-color: var(--dark);
  }
  .btn-md-outline-dark {
    color: var(--dark);
    border-color: var(--dark);
    border-width: 2px;
    background: 0 0;
  }
  .btn-md-outline-dark:hover, .btn-md-outline-dark:not(:disabled):not(.disabled).active, .btn-md-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-md-outline-dark.dropdown-toggle, .btn-md-outline-dark.focus, .btn-md-outline-dark:focus {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--dark-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--dark-rgb));
  }
  .btn-md-outline-dark.btn-icon i {
    color: #fff;
    background-color: rgb(var(--dark-rgb));
  }
  .btn-md-outline-dark.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-md-dark-gray {
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
  }
  .btn-md-dark-gray:hover, .btn-md-dark-gray:not(:disabled):not(.disabled).active, .btn-md-dark-gray:not(:disabled):not(.disabled):active, .show > .btn-md-dark-gray.dropdown-toggle {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
    -webkit-box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
  }
  .btn-md-dark-gray.focus, .btn-md-dark-gray:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
    background: var(--dark-gray);
    border-color: var(--dark-gray);
  }
  .btn-md-outline-dark-gray {
    color: var(--dark-gray);
    border-color: var(--dark-gray);
    border-width: 2px;
    background: 0 0;
  }
  .btn-md-outline-dark-gray:hover, .btn-md-outline-dark-gray:not(:disabled):not(.disabled).active, .btn-md-outline-dark-gray:not(:disabled):not(.disabled):active, .show > .btn-md-outline-dark-gray.dropdown-toggle, .btn-md-outline-dark-gray.focus, .btn-md-outline-dark-gray:focus {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--dark-gray-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--dark-gray-rgb));
  }
  .btn-md-outline-dark-gray.btn-icon i {
    color: #fff;
    background-color: rgb(var(--dark-gray-rgb));
  }
  .btn-md-outline-dark-gray.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
}
@media (min-width: 992px) {
  .btn-lg-primary {
    background-color: var(--primary);
    border-color: var(--primary);
  }
  .btn-lg-primary:hover, .btn-lg-primary:not(:disabled):not(.disabled).active, .btn-lg-primary:not(:disabled):not(.disabled):active, .show > .btn-lg-primary.dropdown-toggle {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
  }
  .btn-lg-primary.focus, .btn-lg-primary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
    background: var(--primary);
    border-color: var(--primary);
  }
  .btn-lg-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-lg-outline-primary:hover, .btn-lg-outline-primary:not(:disabled):not(.disabled).active, .btn-lg-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-primary.dropdown-toggle, .btn-lg-outline-primary.focus, .btn-lg-outline-primary:focus {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb));
  }
  .btn-lg-outline-primary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--primary-rgb));
  }
  .btn-lg-outline-primary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-lg-secondary {
    background-color: var(--secondary);
    border-color: var(--secondary);
  }
  .btn-lg-secondary:hover, .btn-lg-secondary:not(:disabled):not(.disabled).active, .btn-lg-secondary:not(:disabled):not(.disabled):active, .show > .btn-lg-secondary.dropdown-toggle {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
  }
  .btn-lg-secondary.focus, .btn-lg-secondary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
    background: var(--secondary);
    border-color: var(--secondary);
  }
  .btn-lg-outline-secondary {
    color: var(--secondary);
    border-color: var(--secondary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-lg-outline-secondary:hover, .btn-lg-outline-secondary:not(:disabled):not(.disabled).active, .btn-lg-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-secondary.dropdown-toggle, .btn-lg-outline-secondary.focus, .btn-lg-outline-secondary:focus {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--secondary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--secondary-rgb));
  }
  .btn-lg-outline-secondary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--secondary-rgb));
  }
  .btn-lg-outline-secondary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-lg-tertiary {
    background-color: var(--tertiary);
    border-color: var(--tertiary);
  }
  .btn-lg-tertiary:hover, .btn-lg-tertiary:not(:disabled):not(.disabled).active, .btn-lg-tertiary:not(:disabled):not(.disabled):active, .show > .btn-lg-tertiary.dropdown-toggle {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
  }
  .btn-lg-tertiary.focus, .btn-lg-tertiary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
    background: var(--tertiary);
    border-color: var(--tertiary);
  }
  .btn-lg-outline-tertiary {
    color: var(--tertiary);
    border-color: var(--tertiary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-lg-outline-tertiary:hover, .btn-lg-outline-tertiary:not(:disabled):not(.disabled).active, .btn-lg-outline-tertiary:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-tertiary.dropdown-toggle, .btn-lg-outline-tertiary.focus, .btn-lg-outline-tertiary:focus {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--tertiary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--tertiary-rgb));
  }
  .btn-lg-outline-tertiary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--tertiary-rgb));
  }
  .btn-lg-outline-tertiary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-lg-quaternary {
    background-color: var(--quaternary);
    border-color: var(--quaternary);
  }
  .btn-lg-quaternary:hover, .btn-lg-quaternary:not(:disabled):not(.disabled).active, .btn-lg-quaternary:not(:disabled):not(.disabled):active, .show > .btn-lg-quaternary.dropdown-toggle {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
  }
  .btn-lg-quaternary.focus, .btn-lg-quaternary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
    background: var(--quaternary);
    border-color: var(--quaternary);
  }
  .btn-lg-outline-quaternary {
    color: var(--quaternary);
    border-color: var(--quaternary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-lg-outline-quaternary:hover, .btn-lg-outline-quaternary:not(:disabled):not(.disabled).active, .btn-lg-outline-quaternary:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-quaternary.dropdown-toggle, .btn-lg-outline-quaternary.focus, .btn-lg-outline-quaternary:focus {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--quaternary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--quaternary-rgb));
  }
  .btn-lg-outline-quaternary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--quaternary-rgb));
  }
  .btn-lg-outline-quaternary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-lg-quinary {
    background-color: var(--quinary);
    border-color: var(--quinary);
  }
  .btn-lg-quinary:hover, .btn-lg-quinary:not(:disabled):not(.disabled).active, .btn-lg-quinary:not(:disabled):not(.disabled):active, .show > .btn-lg-quinary.dropdown-toggle {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
  }
  .btn-lg-quinary.focus, .btn-lg-quinary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
    background: var(--quinary);
    border-color: var(--quinary);
  }
  .btn-lg-outline-quinary {
    color: var(--quinary);
    border-color: var(--quinary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-lg-outline-quinary:hover, .btn-lg-outline-quinary:not(:disabled):not(.disabled).active, .btn-lg-outline-quinary:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-quinary.dropdown-toggle, .btn-lg-outline-quinary.focus, .btn-lg-outline-quinary:focus {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--quinary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--quinary-rgb));
  }
  .btn-lg-outline-quinary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--quinary-rgb));
  }
  .btn-lg-outline-quinary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-lg-senary {
    background-color: var(--senary);
    border-color: var(--senary);
  }
  .btn-lg-senary:hover, .btn-lg-senary:not(:disabled):not(.disabled).active, .btn-lg-senary:not(:disabled):not(.disabled):active, .show > .btn-lg-senary.dropdown-toggle {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
  }
  .btn-lg-senary.focus, .btn-lg-senary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
    background: var(--senary);
    border-color: var(--senary);
  }
  .btn-lg-outline-senary {
    color: var(--senary);
    border-color: var(--senary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-lg-outline-senary:hover, .btn-lg-outline-senary:not(:disabled):not(.disabled).active, .btn-lg-outline-senary:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-senary.dropdown-toggle, .btn-lg-outline-senary.focus, .btn-lg-outline-senary:focus {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--senary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--senary-rgb));
  }
  .btn-lg-outline-senary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--senary-rgb));
  }
  .btn-lg-outline-senary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-lg-septenary {
    background-color: var(--septenary);
    border-color: var(--septenary);
  }
  .btn-lg-septenary:hover, .btn-lg-septenary:not(:disabled):not(.disabled).active, .btn-lg-septenary:not(:disabled):not(.disabled):active, .show > .btn-lg-septenary.dropdown-toggle {
    color: var(--light);
    background-color: var(--septenary);
    border-color: var(--septenary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
  }
  .btn-lg-septenary.focus, .btn-lg-septenary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
    background: var(--septenary);
    border-color: var(--septenary);
  }
  .btn-lg-outline-septenary {
    color: var(--septenary);
    border-color: var(--septenary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-lg-outline-septenary:hover, .btn-lg-outline-septenary:not(:disabled):not(.disabled).active, .btn-lg-outline-septenary:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-septenary.dropdown-toggle, .btn-lg-outline-septenary.focus, .btn-lg-outline-septenary:focus {
    color: var(--light);
    background-color: var(--septenary);
    border-color: var(--septenary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--septenary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--septenary-rgb));
  }
  .btn-lg-outline-septenary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--septenary-rgb));
  }
  .btn-lg-outline-septenary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-lg-light {
    background-color: var(--light);
    border-color: var(--light);
  }
  .btn-lg-light:hover, .btn-lg-light:not(:disabled):not(.disabled).active, .btn-lg-light:not(:disabled):not(.disabled):active, .show > .btn-lg-light.dropdown-toggle {
    color: var(--light);
    background-color: var(--light);
    border-color: var(--light);
    -webkit-box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
  }
  .btn-lg-light.focus, .btn-lg-light:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
    background: var(--light);
    border-color: var(--light);
  }
  .btn-lg-outline-light {
    color: var(--light);
    border-color: var(--light);
    border-width: 2px;
    background: 0 0;
  }
  .btn-lg-outline-light:hover, .btn-lg-outline-light:not(:disabled):not(.disabled).active, .btn-lg-outline-light:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-light.dropdown-toggle, .btn-lg-outline-light.focus, .btn-lg-outline-light:focus {
    color: var(--light);
    background-color: var(--light);
    border-color: var(--light);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--light-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--light-rgb));
  }
  .btn-lg-outline-light.btn-icon i {
    color: #fff;
    background-color: rgb(var(--light-rgb));
  }
  .btn-lg-outline-light.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-lg-light:hover, .btn-lg-light:not(:disabled):not(.disabled).active, .btn-lg-light:not(:disabled):not(.disabled):active, .show > .btn-lg-light.dropdown-toggle, .btn-lg-outline-light:hover, .btn-lg-outline-light:not(:disabled):not(.disabled).active, .btn-lg-outline-light:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-light.dropdown-toggle, .btn-lg-outline-light.focus, .btn-lg-outline-light:focus, .btn-lg-outline-light.btn-icon i {
    color: var(--dark);
  }
  .btn-lg-gray {
    background-color: var(--gray);
    border-color: var(--gray);
  }
  .btn-lg-gray:hover, .btn-lg-gray:not(:disabled):not(.disabled).active, .btn-lg-gray:not(:disabled):not(.disabled):active, .show > .btn-lg-gray.dropdown-toggle {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
    -webkit-box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
  }
  .btn-lg-gray.focus, .btn-lg-gray:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
    background: var(--gray);
    border-color: var(--gray);
  }
  .btn-lg-outline-gray {
    color: var(--gray);
    border-color: var(--gray);
    border-width: 2px;
    background: 0 0;
  }
  .btn-lg-outline-gray:hover, .btn-lg-outline-gray:not(:disabled):not(.disabled).active, .btn-lg-outline-gray:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-gray.dropdown-toggle, .btn-lg-outline-gray.focus, .btn-lg-outline-gray:focus {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--gray-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--gray-rgb));
  }
  .btn-lg-outline-gray.btn-icon i {
    color: #fff;
    background-color: rgb(var(--gray-rgb));
  }
  .btn-lg-outline-gray.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-lg-dark {
    background-color: var(--dark);
    border-color: var(--dark);
  }
  .btn-lg-dark:hover, .btn-lg-dark:not(:disabled):not(.disabled).active, .btn-lg-dark:not(:disabled):not(.disabled):active, .show > .btn-lg-dark.dropdown-toggle {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
    -webkit-box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
  }
  .btn-lg-dark.focus, .btn-lg-dark:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
    background: var(--dark);
    border-color: var(--dark);
  }
  .btn-lg-outline-dark {
    color: var(--dark);
    border-color: var(--dark);
    border-width: 2px;
    background: 0 0;
  }
  .btn-lg-outline-dark:hover, .btn-lg-outline-dark:not(:disabled):not(.disabled).active, .btn-lg-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-dark.dropdown-toggle, .btn-lg-outline-dark.focus, .btn-lg-outline-dark:focus {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--dark-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--dark-rgb));
  }
  .btn-lg-outline-dark.btn-icon i {
    color: #fff;
    background-color: rgb(var(--dark-rgb));
  }
  .btn-lg-outline-dark.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-lg-dark-gray {
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
  }
  .btn-lg-dark-gray:hover, .btn-lg-dark-gray:not(:disabled):not(.disabled).active, .btn-lg-dark-gray:not(:disabled):not(.disabled):active, .show > .btn-lg-dark-gray.dropdown-toggle {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
    -webkit-box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
  }
  .btn-lg-dark-gray.focus, .btn-lg-dark-gray:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
    background: var(--dark-gray);
    border-color: var(--dark-gray);
  }
  .btn-lg-outline-dark-gray {
    color: var(--dark-gray);
    border-color: var(--dark-gray);
    border-width: 2px;
    background: 0 0;
  }
  .btn-lg-outline-dark-gray:hover, .btn-lg-outline-dark-gray:not(:disabled):not(.disabled).active, .btn-lg-outline-dark-gray:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-dark-gray.dropdown-toggle, .btn-lg-outline-dark-gray.focus, .btn-lg-outline-dark-gray:focus {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--dark-gray-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--dark-gray-rgb));
  }
  .btn-lg-outline-dark-gray.btn-icon i {
    color: #fff;
    background-color: rgb(var(--dark-gray-rgb));
  }
  .btn-lg-outline-dark-gray.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
}
@media (min-width: 1200px) {
  .btn-xl-primary {
    background-color: var(--primary);
    border-color: var(--primary);
  }
  .btn-xl-primary:hover, .btn-xl-primary:not(:disabled):not(.disabled).active, .btn-xl-primary:not(:disabled):not(.disabled):active, .show > .btn-xl-primary.dropdown-toggle {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
  }
  .btn-xl-primary.focus, .btn-xl-primary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
    background: var(--primary);
    border-color: var(--primary);
  }
  .btn-xl-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-xl-outline-primary:hover, .btn-xl-outline-primary:not(:disabled):not(.disabled).active, .btn-xl-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-primary.dropdown-toggle, .btn-xl-outline-primary.focus, .btn-xl-outline-primary:focus {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb));
  }
  .btn-xl-outline-primary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--primary-rgb));
  }
  .btn-xl-outline-primary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-xl-secondary {
    background-color: var(--secondary);
    border-color: var(--secondary);
  }
  .btn-xl-secondary:hover, .btn-xl-secondary:not(:disabled):not(.disabled).active, .btn-xl-secondary:not(:disabled):not(.disabled):active, .show > .btn-xl-secondary.dropdown-toggle {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
  }
  .btn-xl-secondary.focus, .btn-xl-secondary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
    background: var(--secondary);
    border-color: var(--secondary);
  }
  .btn-xl-outline-secondary {
    color: var(--secondary);
    border-color: var(--secondary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-xl-outline-secondary:hover, .btn-xl-outline-secondary:not(:disabled):not(.disabled).active, .btn-xl-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-secondary.dropdown-toggle, .btn-xl-outline-secondary.focus, .btn-xl-outline-secondary:focus {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--secondary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--secondary-rgb));
  }
  .btn-xl-outline-secondary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--secondary-rgb));
  }
  .btn-xl-outline-secondary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-xl-tertiary {
    background-color: var(--tertiary);
    border-color: var(--tertiary);
  }
  .btn-xl-tertiary:hover, .btn-xl-tertiary:not(:disabled):not(.disabled).active, .btn-xl-tertiary:not(:disabled):not(.disabled):active, .show > .btn-xl-tertiary.dropdown-toggle {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
  }
  .btn-xl-tertiary.focus, .btn-xl-tertiary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
    background: var(--tertiary);
    border-color: var(--tertiary);
  }
  .btn-xl-outline-tertiary {
    color: var(--tertiary);
    border-color: var(--tertiary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-xl-outline-tertiary:hover, .btn-xl-outline-tertiary:not(:disabled):not(.disabled).active, .btn-xl-outline-tertiary:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-tertiary.dropdown-toggle, .btn-xl-outline-tertiary.focus, .btn-xl-outline-tertiary:focus {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--tertiary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--tertiary-rgb));
  }
  .btn-xl-outline-tertiary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--tertiary-rgb));
  }
  .btn-xl-outline-tertiary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-xl-quaternary {
    background-color: var(--quaternary);
    border-color: var(--quaternary);
  }
  .btn-xl-quaternary:hover, .btn-xl-quaternary:not(:disabled):not(.disabled).active, .btn-xl-quaternary:not(:disabled):not(.disabled):active, .show > .btn-xl-quaternary.dropdown-toggle {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
  }
  .btn-xl-quaternary.focus, .btn-xl-quaternary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
    background: var(--quaternary);
    border-color: var(--quaternary);
  }
  .btn-xl-outline-quaternary {
    color: var(--quaternary);
    border-color: var(--quaternary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-xl-outline-quaternary:hover, .btn-xl-outline-quaternary:not(:disabled):not(.disabled).active, .btn-xl-outline-quaternary:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-quaternary.dropdown-toggle, .btn-xl-outline-quaternary.focus, .btn-xl-outline-quaternary:focus {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--quaternary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--quaternary-rgb));
  }
  .btn-xl-outline-quaternary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--quaternary-rgb));
  }
  .btn-xl-outline-quaternary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-xl-quinary {
    background-color: var(--quinary);
    border-color: var(--quinary);
  }
  .btn-xl-quinary:hover, .btn-xl-quinary:not(:disabled):not(.disabled).active, .btn-xl-quinary:not(:disabled):not(.disabled):active, .show > .btn-xl-quinary.dropdown-toggle {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
  }
  .btn-xl-quinary.focus, .btn-xl-quinary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
    background: var(--quinary);
    border-color: var(--quinary);
  }
  .btn-xl-outline-quinary {
    color: var(--quinary);
    border-color: var(--quinary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-xl-outline-quinary:hover, .btn-xl-outline-quinary:not(:disabled):not(.disabled).active, .btn-xl-outline-quinary:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-quinary.dropdown-toggle, .btn-xl-outline-quinary.focus, .btn-xl-outline-quinary:focus {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--quinary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--quinary-rgb));
  }
  .btn-xl-outline-quinary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--quinary-rgb));
  }
  .btn-xl-outline-quinary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-xl-senary {
    background-color: var(--senary);
    border-color: var(--senary);
  }
  .btn-xl-senary:hover, .btn-xl-senary:not(:disabled):not(.disabled).active, .btn-xl-senary:not(:disabled):not(.disabled):active, .show > .btn-xl-senary.dropdown-toggle {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
  }
  .btn-xl-senary.focus, .btn-xl-senary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
    background: var(--senary);
    border-color: var(--senary);
  }
  .btn-xl-outline-senary {
    color: var(--senary);
    border-color: var(--senary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-xl-outline-senary:hover, .btn-xl-outline-senary:not(:disabled):not(.disabled).active, .btn-xl-outline-senary:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-senary.dropdown-toggle, .btn-xl-outline-senary.focus, .btn-xl-outline-senary:focus {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--senary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--senary-rgb));
  }
  .btn-xl-outline-senary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--senary-rgb));
  }
  .btn-xl-outline-senary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-xl-septenary {
    background-color: var(--septenary);
    border-color: var(--septenary);
  }
  .btn-xl-septenary:hover, .btn-xl-septenary:not(:disabled):not(.disabled).active, .btn-xl-septenary:not(:disabled):not(.disabled):active, .show > .btn-xl-septenary.dropdown-toggle {
    color: var(--light);
    background-color: var(--septenary);
    border-color: var(--septenary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
  }
  .btn-xl-septenary.focus, .btn-xl-septenary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
    background: var(--septenary);
    border-color: var(--septenary);
  }
  .btn-xl-outline-septenary {
    color: var(--septenary);
    border-color: var(--septenary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-xl-outline-septenary:hover, .btn-xl-outline-septenary:not(:disabled):not(.disabled).active, .btn-xl-outline-septenary:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-septenary.dropdown-toggle, .btn-xl-outline-septenary.focus, .btn-xl-outline-septenary:focus {
    color: var(--light);
    background-color: var(--septenary);
    border-color: var(--septenary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--septenary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--septenary-rgb));
  }
  .btn-xl-outline-septenary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--septenary-rgb));
  }
  .btn-xl-outline-septenary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-xl-light {
    background-color: var(--light);
    border-color: var(--light);
  }
  .btn-xl-light:hover, .btn-xl-light:not(:disabled):not(.disabled).active, .btn-xl-light:not(:disabled):not(.disabled):active, .show > .btn-xl-light.dropdown-toggle {
    color: var(--light);
    background-color: var(--light);
    border-color: var(--light);
    -webkit-box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
  }
  .btn-xl-light.focus, .btn-xl-light:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
    background: var(--light);
    border-color: var(--light);
  }
  .btn-xl-outline-light {
    color: var(--light);
    border-color: var(--light);
    border-width: 2px;
    background: 0 0;
  }
  .btn-xl-outline-light:hover, .btn-xl-outline-light:not(:disabled):not(.disabled).active, .btn-xl-outline-light:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-light.dropdown-toggle, .btn-xl-outline-light.focus, .btn-xl-outline-light:focus {
    color: var(--light);
    background-color: var(--light);
    border-color: var(--light);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--light-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--light-rgb));
  }
  .btn-xl-outline-light.btn-icon i {
    color: #fff;
    background-color: rgb(var(--light-rgb));
  }
  .btn-xl-outline-light.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-xl-light:hover, .btn-xl-light:not(:disabled):not(.disabled).active, .btn-xl-light:not(:disabled):not(.disabled):active, .show > .btn-xl-light.dropdown-toggle, .btn-xl-outline-light:hover, .btn-xl-outline-light:not(:disabled):not(.disabled).active, .btn-xl-outline-light:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-light.dropdown-toggle, .btn-xl-outline-light.focus, .btn-xl-outline-light:focus, .btn-xl-outline-light.btn-icon i {
    color: var(--dark);
  }
  .btn-xl-gray {
    background-color: var(--gray);
    border-color: var(--gray);
  }
  .btn-xl-gray:hover, .btn-xl-gray:not(:disabled):not(.disabled).active, .btn-xl-gray:not(:disabled):not(.disabled):active, .show > .btn-xl-gray.dropdown-toggle {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
    -webkit-box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
  }
  .btn-xl-gray.focus, .btn-xl-gray:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
    background: var(--gray);
    border-color: var(--gray);
  }
  .btn-xl-outline-gray {
    color: var(--gray);
    border-color: var(--gray);
    border-width: 2px;
    background: 0 0;
  }
  .btn-xl-outline-gray:hover, .btn-xl-outline-gray:not(:disabled):not(.disabled).active, .btn-xl-outline-gray:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-gray.dropdown-toggle, .btn-xl-outline-gray.focus, .btn-xl-outline-gray:focus {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--gray-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--gray-rgb));
  }
  .btn-xl-outline-gray.btn-icon i {
    color: #fff;
    background-color: rgb(var(--gray-rgb));
  }
  .btn-xl-outline-gray.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-xl-dark {
    background-color: var(--dark);
    border-color: var(--dark);
  }
  .btn-xl-dark:hover, .btn-xl-dark:not(:disabled):not(.disabled).active, .btn-xl-dark:not(:disabled):not(.disabled):active, .show > .btn-xl-dark.dropdown-toggle {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
    -webkit-box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
  }
  .btn-xl-dark.focus, .btn-xl-dark:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
    background: var(--dark);
    border-color: var(--dark);
  }
  .btn-xl-outline-dark {
    color: var(--dark);
    border-color: var(--dark);
    border-width: 2px;
    background: 0 0;
  }
  .btn-xl-outline-dark:hover, .btn-xl-outline-dark:not(:disabled):not(.disabled).active, .btn-xl-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-dark.dropdown-toggle, .btn-xl-outline-dark.focus, .btn-xl-outline-dark:focus {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--dark-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--dark-rgb));
  }
  .btn-xl-outline-dark.btn-icon i {
    color: #fff;
    background-color: rgb(var(--dark-rgb));
  }
  .btn-xl-outline-dark.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-xl-dark-gray {
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
  }
  .btn-xl-dark-gray:hover, .btn-xl-dark-gray:not(:disabled):not(.disabled).active, .btn-xl-dark-gray:not(:disabled):not(.disabled):active, .show > .btn-xl-dark-gray.dropdown-toggle {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
    -webkit-box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
  }
  .btn-xl-dark-gray.focus, .btn-xl-dark-gray:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
    background: var(--dark-gray);
    border-color: var(--dark-gray);
  }
  .btn-xl-outline-dark-gray {
    color: var(--dark-gray);
    border-color: var(--dark-gray);
    border-width: 2px;
    background: 0 0;
  }
  .btn-xl-outline-dark-gray:hover, .btn-xl-outline-dark-gray:not(:disabled):not(.disabled).active, .btn-xl-outline-dark-gray:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-dark-gray.dropdown-toggle, .btn-xl-outline-dark-gray.focus, .btn-xl-outline-dark-gray:focus {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--dark-gray-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--dark-gray-rgb));
  }
  .btn-xl-outline-dark-gray.btn-icon i {
    color: #fff;
    background-color: rgb(var(--dark-gray-rgb));
  }
  .btn-xl-outline-dark-gray.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
}
@media (min-width: 1400px) {
  .btn-xxl-primary {
    background-color: var(--primary);
    border-color: var(--primary);
  }
  .btn-xxl-primary:hover, .btn-xxl-primary:not(:disabled):not(.disabled).active, .btn-xxl-primary:not(:disabled):not(.disabled):active, .show > .btn-xxl-primary.dropdown-toggle {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
  }
  .btn-xxl-primary.focus, .btn-xxl-primary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
    background: var(--primary);
    border-color: var(--primary);
  }
  .btn-xxl-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-xxl-outline-primary:hover, .btn-xxl-outline-primary:not(:disabled):not(.disabled).active, .btn-xxl-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-primary.dropdown-toggle, .btn-xxl-outline-primary.focus, .btn-xxl-outline-primary:focus {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb));
  }
  .btn-xxl-outline-primary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--primary-rgb));
  }
  .btn-xxl-outline-primary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-xxl-secondary {
    background-color: var(--secondary);
    border-color: var(--secondary);
  }
  .btn-xxl-secondary:hover, .btn-xxl-secondary:not(:disabled):not(.disabled).active, .btn-xxl-secondary:not(:disabled):not(.disabled):active, .show > .btn-xxl-secondary.dropdown-toggle {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
  }
  .btn-xxl-secondary.focus, .btn-xxl-secondary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
    background: var(--secondary);
    border-color: var(--secondary);
  }
  .btn-xxl-outline-secondary {
    color: var(--secondary);
    border-color: var(--secondary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-xxl-outline-secondary:hover, .btn-xxl-outline-secondary:not(:disabled):not(.disabled).active, .btn-xxl-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-secondary.dropdown-toggle, .btn-xxl-outline-secondary.focus, .btn-xxl-outline-secondary:focus {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--secondary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--secondary-rgb));
  }
  .btn-xxl-outline-secondary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--secondary-rgb));
  }
  .btn-xxl-outline-secondary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-xxl-tertiary {
    background-color: var(--tertiary);
    border-color: var(--tertiary);
  }
  .btn-xxl-tertiary:hover, .btn-xxl-tertiary:not(:disabled):not(.disabled).active, .btn-xxl-tertiary:not(:disabled):not(.disabled):active, .show > .btn-xxl-tertiary.dropdown-toggle {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
  }
  .btn-xxl-tertiary.focus, .btn-xxl-tertiary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
    background: var(--tertiary);
    border-color: var(--tertiary);
  }
  .btn-xxl-outline-tertiary {
    color: var(--tertiary);
    border-color: var(--tertiary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-xxl-outline-tertiary:hover, .btn-xxl-outline-tertiary:not(:disabled):not(.disabled).active, .btn-xxl-outline-tertiary:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-tertiary.dropdown-toggle, .btn-xxl-outline-tertiary.focus, .btn-xxl-outline-tertiary:focus {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--tertiary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--tertiary-rgb));
  }
  .btn-xxl-outline-tertiary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--tertiary-rgb));
  }
  .btn-xxl-outline-tertiary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-xxl-quaternary {
    background-color: var(--quaternary);
    border-color: var(--quaternary);
  }
  .btn-xxl-quaternary:hover, .btn-xxl-quaternary:not(:disabled):not(.disabled).active, .btn-xxl-quaternary:not(:disabled):not(.disabled):active, .show > .btn-xxl-quaternary.dropdown-toggle {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
  }
  .btn-xxl-quaternary.focus, .btn-xxl-quaternary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
    background: var(--quaternary);
    border-color: var(--quaternary);
  }
  .btn-xxl-outline-quaternary {
    color: var(--quaternary);
    border-color: var(--quaternary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-xxl-outline-quaternary:hover, .btn-xxl-outline-quaternary:not(:disabled):not(.disabled).active, .btn-xxl-outline-quaternary:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-quaternary.dropdown-toggle, .btn-xxl-outline-quaternary.focus, .btn-xxl-outline-quaternary:focus {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--quaternary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--quaternary-rgb));
  }
  .btn-xxl-outline-quaternary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--quaternary-rgb));
  }
  .btn-xxl-outline-quaternary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-xxl-quinary {
    background-color: var(--quinary);
    border-color: var(--quinary);
  }
  .btn-xxl-quinary:hover, .btn-xxl-quinary:not(:disabled):not(.disabled).active, .btn-xxl-quinary:not(:disabled):not(.disabled):active, .show > .btn-xxl-quinary.dropdown-toggle {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
  }
  .btn-xxl-quinary.focus, .btn-xxl-quinary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
    background: var(--quinary);
    border-color: var(--quinary);
  }
  .btn-xxl-outline-quinary {
    color: var(--quinary);
    border-color: var(--quinary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-xxl-outline-quinary:hover, .btn-xxl-outline-quinary:not(:disabled):not(.disabled).active, .btn-xxl-outline-quinary:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-quinary.dropdown-toggle, .btn-xxl-outline-quinary.focus, .btn-xxl-outline-quinary:focus {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--quinary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--quinary-rgb));
  }
  .btn-xxl-outline-quinary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--quinary-rgb));
  }
  .btn-xxl-outline-quinary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-xxl-senary {
    background-color: var(--senary);
    border-color: var(--senary);
  }
  .btn-xxl-senary:hover, .btn-xxl-senary:not(:disabled):not(.disabled).active, .btn-xxl-senary:not(:disabled):not(.disabled):active, .show > .btn-xxl-senary.dropdown-toggle {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
  }
  .btn-xxl-senary.focus, .btn-xxl-senary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
    background: var(--senary);
    border-color: var(--senary);
  }
  .btn-xxl-outline-senary {
    color: var(--senary);
    border-color: var(--senary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-xxl-outline-senary:hover, .btn-xxl-outline-senary:not(:disabled):not(.disabled).active, .btn-xxl-outline-senary:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-senary.dropdown-toggle, .btn-xxl-outline-senary.focus, .btn-xxl-outline-senary:focus {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--senary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--senary-rgb));
  }
  .btn-xxl-outline-senary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--senary-rgb));
  }
  .btn-xxl-outline-senary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-xxl-septenary {
    background-color: var(--septenary);
    border-color: var(--septenary);
  }
  .btn-xxl-septenary:hover, .btn-xxl-septenary:not(:disabled):not(.disabled).active, .btn-xxl-septenary:not(:disabled):not(.disabled):active, .show > .btn-xxl-septenary.dropdown-toggle {
    color: var(--light);
    background-color: var(--septenary);
    border-color: var(--septenary);
    -webkit-box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
  }
  .btn-xxl-septenary.focus, .btn-xxl-septenary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--septenary-rgba-translucent);
    background: var(--septenary);
    border-color: var(--septenary);
  }
  .btn-xxl-outline-septenary {
    color: var(--septenary);
    border-color: var(--septenary);
    border-width: 2px;
    background: 0 0;
  }
  .btn-xxl-outline-septenary:hover, .btn-xxl-outline-septenary:not(:disabled):not(.disabled).active, .btn-xxl-outline-septenary:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-septenary.dropdown-toggle, .btn-xxl-outline-septenary.focus, .btn-xxl-outline-septenary:focus {
    color: var(--light);
    background-color: var(--septenary);
    border-color: var(--septenary);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--septenary-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--septenary-rgb));
  }
  .btn-xxl-outline-septenary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--septenary-rgb));
  }
  .btn-xxl-outline-septenary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-xxl-light {
    background-color: var(--light);
    border-color: var(--light);
  }
  .btn-xxl-light:hover, .btn-xxl-light:not(:disabled):not(.disabled).active, .btn-xxl-light:not(:disabled):not(.disabled):active, .show > .btn-xxl-light.dropdown-toggle {
    color: var(--light);
    background-color: var(--light);
    border-color: var(--light);
    -webkit-box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
  }
  .btn-xxl-light.focus, .btn-xxl-light:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
    background: var(--light);
    border-color: var(--light);
  }
  .btn-xxl-outline-light {
    color: var(--light);
    border-color: var(--light);
    border-width: 2px;
    background: 0 0;
  }
  .btn-xxl-outline-light:hover, .btn-xxl-outline-light:not(:disabled):not(.disabled).active, .btn-xxl-outline-light:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-light.dropdown-toggle, .btn-xxl-outline-light.focus, .btn-xxl-outline-light:focus {
    color: var(--light);
    background-color: var(--light);
    border-color: var(--light);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--light-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--light-rgb));
  }
  .btn-xxl-outline-light.btn-icon i {
    color: #fff;
    background-color: rgb(var(--light-rgb));
  }
  .btn-xxl-outline-light.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-xxl-light:hover, .btn-xxl-light:not(:disabled):not(.disabled).active, .btn-xxl-light:not(:disabled):not(.disabled):active, .show > .btn-xxl-light.dropdown-toggle, .btn-xxl-outline-light:hover, .btn-xxl-outline-light:not(:disabled):not(.disabled).active, .btn-xxl-outline-light:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-light.dropdown-toggle, .btn-xxl-outline-light.focus, .btn-xxl-outline-light:focus, .btn-xxl-outline-light.btn-icon i {
    color: var(--dark);
  }
  .btn-xxl-gray {
    background-color: var(--gray);
    border-color: var(--gray);
  }
  .btn-xxl-gray:hover, .btn-xxl-gray:not(:disabled):not(.disabled).active, .btn-xxl-gray:not(:disabled):not(.disabled):active, .show > .btn-xxl-gray.dropdown-toggle {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
    -webkit-box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
  }
  .btn-xxl-gray.focus, .btn-xxl-gray:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
    background: var(--gray);
    border-color: var(--gray);
  }
  .btn-xxl-outline-gray {
    color: var(--gray);
    border-color: var(--gray);
    border-width: 2px;
    background: 0 0;
  }
  .btn-xxl-outline-gray:hover, .btn-xxl-outline-gray:not(:disabled):not(.disabled).active, .btn-xxl-outline-gray:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-gray.dropdown-toggle, .btn-xxl-outline-gray.focus, .btn-xxl-outline-gray:focus {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--gray-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--gray-rgb));
  }
  .btn-xxl-outline-gray.btn-icon i {
    color: #fff;
    background-color: rgb(var(--gray-rgb));
  }
  .btn-xxl-outline-gray.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-xxl-dark {
    background-color: var(--dark);
    border-color: var(--dark);
  }
  .btn-xxl-dark:hover, .btn-xxl-dark:not(:disabled):not(.disabled).active, .btn-xxl-dark:not(:disabled):not(.disabled):active, .show > .btn-xxl-dark.dropdown-toggle {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
    -webkit-box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
  }
  .btn-xxl-dark.focus, .btn-xxl-dark:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
    background: var(--dark);
    border-color: var(--dark);
  }
  .btn-xxl-outline-dark {
    color: var(--dark);
    border-color: var(--dark);
    border-width: 2px;
    background: 0 0;
  }
  .btn-xxl-outline-dark:hover, .btn-xxl-outline-dark:not(:disabled):not(.disabled).active, .btn-xxl-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-dark.dropdown-toggle, .btn-xxl-outline-dark.focus, .btn-xxl-outline-dark:focus {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--dark-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--dark-rgb));
  }
  .btn-xxl-outline-dark.btn-icon i {
    color: #fff;
    background-color: rgb(var(--dark-rgb));
  }
  .btn-xxl-outline-dark.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
  .btn-xxl-dark-gray {
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
  }
  .btn-xxl-dark-gray:hover, .btn-xxl-dark-gray:not(:disabled):not(.disabled).active, .btn-xxl-dark-gray:not(:disabled):not(.disabled):active, .show > .btn-xxl-dark-gray.dropdown-toggle {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
    -webkit-box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
  }
  .btn-xxl-dark-gray.focus, .btn-xxl-dark-gray:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
            box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
    background: var(--dark-gray);
    border-color: var(--dark-gray);
  }
  .btn-xxl-outline-dark-gray {
    color: var(--dark-gray);
    border-color: var(--dark-gray);
    border-width: 2px;
    background: 0 0;
  }
  .btn-xxl-outline-dark-gray:hover, .btn-xxl-outline-dark-gray:not(:disabled):not(.disabled).active, .btn-xxl-outline-dark-gray:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-dark-gray.dropdown-toggle, .btn-xxl-outline-dark-gray.focus, .btn-xxl-outline-dark-gray:focus {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--dark-gray-rgb));
            box-shadow: 0 0 0 0.2rem rgb(var(--dark-gray-rgb));
  }
  .btn-xxl-outline-dark-gray.btn-icon i {
    color: #fff;
    background-color: rgb(var(--dark-gray-rgb));
  }
  .btn-xxl-outline-dark-gray.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
}
.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: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.d-grid {
  display: -ms-grid !important;
  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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-sm-grid {
    display: -ms-grid !important;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-md-grid {
    display: -ms-grid !important;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-navbrk-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-navbrk-grid {
    display: -ms-grid !important;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-lg-grid {
    display: -ms-grid !important;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-navbrk-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-navbrk-grid {
    display: -ms-grid !important;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-xl-grid {
    display: -ms-grid !important;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-xxl-grid {
    display: -ms-grid !important;
    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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--primary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
}

.bg-primary-to-secondary {
  background: var(--primary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
}

.bg-primary-to-tertiary {
  background: var(--primary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
}

.bg-primary-to-quaternary {
  background: var(--primary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
}

.bg-primary-to-quinary {
  background: var(--primary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
}

.bg-primary-to-senary {
  background: var(--primary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--senary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
}

.bg-primary-to-septenary {
  background: var(--primary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
}

.bg-primary-to-light {
  background: var(--primary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--light-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
}

.bg-primary-to-gray {
  background: var(--primary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--gray-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
}

.bg-primary-to-dark {
  background: var(--primary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--dark-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
}

.bg-primary-to-dark-gray {
  background: var(--primary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--primary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
}

.bg-secondary-to-secondary {
  background: var(--secondary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
}

.bg-secondary-to-tertiary {
  background: var(--secondary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
}

.bg-secondary-to-quaternary {
  background: var(--secondary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
}

.bg-secondary-to-quinary {
  background: var(--secondary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
}

.bg-secondary-to-senary {
  background: var(--secondary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--senary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
}

.bg-secondary-to-septenary {
  background: var(--secondary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
}

.bg-secondary-to-light {
  background: var(--secondary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--light-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
}

.bg-secondary-to-gray {
  background: var(--secondary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--gray-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
}

.bg-secondary-to-dark {
  background: var(--secondary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--dark-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
}

.bg-secondary-to-dark-gray {
  background: var(--secondary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--primary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
}

.bg-tertiary-to-secondary {
  background: var(--tertiary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
}

.bg-tertiary-to-tertiary {
  background: var(--tertiary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
}

.bg-tertiary-to-quaternary {
  background: var(--tertiary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
}

.bg-tertiary-to-quinary {
  background: var(--tertiary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
}

.bg-tertiary-to-senary {
  background: var(--tertiary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--senary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
}

.bg-tertiary-to-septenary {
  background: var(--tertiary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
}

.bg-tertiary-to-light {
  background: var(--tertiary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--light-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
}

.bg-tertiary-to-gray {
  background: var(--tertiary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--gray-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
}

.bg-tertiary-to-dark {
  background: var(--tertiary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--dark-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
}

.bg-tertiary-to-dark-gray {
  background: var(--tertiary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--primary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
}

.bg-quaternary-to-secondary {
  background: var(--quaternary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
}

.bg-quaternary-to-tertiary {
  background: var(--quaternary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
}

.bg-quaternary-to-quaternary {
  background: var(--quaternary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
}

.bg-quaternary-to-quinary {
  background: var(--quaternary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
}

.bg-quaternary-to-senary {
  background: var(--quaternary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--senary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
}

.bg-quaternary-to-septenary {
  background: var(--quaternary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
}

.bg-quaternary-to-light {
  background: var(--quaternary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--light-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
}

.bg-quaternary-to-gray {
  background: var(--quaternary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--gray-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
}

.bg-quaternary-to-dark {
  background: var(--quaternary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--dark-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
}

.bg-quaternary-to-dark-gray {
  background: var(--quaternary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--primary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
}

.bg-quinary-to-secondary {
  background: var(--quinary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
}

.bg-quinary-to-tertiary {
  background: var(--quinary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
}

.bg-quinary-to-quaternary {
  background: var(--quinary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
}

.bg-quinary-to-quinary {
  background: var(--quinary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
}

.bg-quinary-to-senary {
  background: var(--quinary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--senary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
}

.bg-quinary-to-septenary {
  background: var(--quinary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
}

.bg-quinary-to-light {
  background: var(--quinary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--light-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
}

.bg-quinary-to-gray {
  background: var(--quinary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--gray-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
}

.bg-quinary-to-dark {
  background: var(--quinary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--dark-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
}

.bg-quinary-to-dark-gray {
  background: var(--quinary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--primary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
}

.bg-senary-to-secondary {
  background: var(--senary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
}

.bg-senary-to-tertiary {
  background: var(--senary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
}

.bg-senary-to-quaternary {
  background: var(--senary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
}

.bg-senary-to-quinary {
  background: var(--senary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
}

.bg-senary-to-senary {
  background: var(--senary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--senary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
}

.bg-senary-to-septenary {
  background: var(--senary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
}

.bg-senary-to-light {
  background: var(--senary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--light-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
}

.bg-senary-to-gray {
  background: var(--senary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--gray-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
}

.bg-senary-to-dark {
  background: var(--senary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--dark-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
}

.bg-senary-to-dark-gray {
  background: var(--senary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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-septenary-to-primary {
  background: var(--septenary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--primary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
}

.bg-septenary-to-secondary {
  background: var(--septenary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
}

.bg-septenary-to-tertiary {
  background: var(--septenary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
}

.bg-septenary-to-quaternary {
  background: var(--septenary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
}

.bg-septenary-to-quinary {
  background: var(--septenary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
}

.bg-septenary-to-senary {
  background: var(--septenary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--senary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
}

.bg-septenary-to-septenary {
  background: var(--septenary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
}

.bg-septenary-to-light {
  background: var(--septenary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--light-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
}

.bg-septenary-to-gray {
  background: var(--septenary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--gray-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
}

.bg-septenary-to-dark {
  background: var(--septenary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--dark-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
}

.bg-septenary-to-dark-gray {
  background: var(--septenary) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 100%) !important;
}

.bg-septenary {
  background-color: var(--septenary) !important;
}

.text-septenary {
  color: var(--septenary) !important;
}

.hover-septenary:hover {
  color: var(--septenary) !important;
}

.hover-bg-septenary:hover {
  background-color: var(--septenary) !important;
}

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

.bg-light-to-primary {
  background: var(--light) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--primary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
}

.bg-light-to-secondary {
  background: var(--light) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--secondary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
}

.bg-light-to-tertiary {
  background: var(--light) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
}

.bg-light-to-quaternary {
  background: var(--light) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
}

.bg-light-to-quinary {
  background: var(--light) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--quinary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
}

.bg-light-to-senary {
  background: var(--light) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--senary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
}

.bg-light-to-septenary {
  background: var(--light) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--septenary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
}

.bg-light-to-light {
  background: var(--light) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--light-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
}

.bg-light-to-gray {
  background: var(--light) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--gray-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
}

.bg-light-to-dark {
  background: var(--light) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--dark-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
}

.bg-light-to-dark-gray {
  background: var(--light) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--primary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
}

.bg-gray-to-secondary {
  background: var(--gray) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--secondary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
}

.bg-gray-to-tertiary {
  background: var(--gray) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
}

.bg-gray-to-quaternary {
  background: var(--gray) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
}

.bg-gray-to-quinary {
  background: var(--gray) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--quinary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
}

.bg-gray-to-senary {
  background: var(--gray) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--senary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
}

.bg-gray-to-septenary {
  background: var(--gray) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--septenary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
}

.bg-gray-to-light {
  background: var(--gray) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--light-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
}

.bg-gray-to-gray {
  background: var(--gray) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--gray-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
}

.bg-gray-to-dark {
  background: var(--gray) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--dark-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
}

.bg-gray-to-dark-gray {
  background: var(--gray) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--primary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
}

.bg-dark-to-secondary {
  background: var(--dark) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--secondary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
}

.bg-dark-to-tertiary {
  background: var(--dark) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
}

.bg-dark-to-quaternary {
  background: var(--dark) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
}

.bg-dark-to-quinary {
  background: var(--dark) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--quinary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
}

.bg-dark-to-senary {
  background: var(--dark) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--senary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
}

.bg-dark-to-septenary {
  background: var(--dark) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--septenary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
}

.bg-dark-to-light {
  background: var(--dark) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--light-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
}

.bg-dark-to-gray {
  background: var(--dark) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--gray-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
}

.bg-dark-to-dark {
  background: var(--dark) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--dark-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
}

.bg-dark-to-dark-gray {
  background: var(--dark) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--primary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
}

.bg-dark-gray-to-secondary {
  background: var(--dark-gray) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--secondary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
}

.bg-dark-gray-to-tertiary {
  background: var(--dark-gray) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
}

.bg-dark-gray-to-quaternary {
  background: var(--dark-gray) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
}

.bg-dark-gray-to-quinary {
  background: var(--dark-gray) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--quinary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
}

.bg-dark-gray-to-senary {
  background: var(--dark-gray) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--senary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
}

.bg-dark-gray-to-septenary {
  background: var(--dark-gray) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--septenary-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
}

.bg-dark-gray-to-light {
  background: var(--dark-gray) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--light-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
}

.bg-dark-gray-to-gray {
  background: var(--dark-gray) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--gray-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
}

.bg-dark-gray-to-dark {
  background: var(--dark-gray) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--dark-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
}

.bg-dark-gray-to-dark-gray {
  background: var(--dark-gray) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
  background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-sm-primary-to-secondary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-sm-primary-to-tertiary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-sm-primary-to-quaternary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-sm-primary-to-quinary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-sm-primary-to-senary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-sm-primary-to-septenary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-sm-primary-to-light {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-sm-primary-to-gray {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-sm-primary-to-dark {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-sm-primary-to-dark-gray {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-sm-secondary-to-secondary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-sm-secondary-to-tertiary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-sm-secondary-to-quaternary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-sm-secondary-to-quinary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-sm-secondary-to-senary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-sm-secondary-to-septenary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-sm-secondary-to-light {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-sm-secondary-to-gray {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-sm-secondary-to-dark {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-sm-secondary-to-dark-gray {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-sm-tertiary-to-secondary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-sm-tertiary-to-tertiary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-sm-tertiary-to-quaternary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-sm-tertiary-to-quinary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-sm-tertiary-to-senary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-sm-tertiary-to-septenary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-sm-tertiary-to-light {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-sm-tertiary-to-gray {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-sm-tertiary-to-dark {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-sm-tertiary-to-dark-gray {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-sm-quaternary-to-secondary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-sm-quaternary-to-tertiary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-sm-quaternary-to-quaternary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-sm-quaternary-to-quinary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-sm-quaternary-to-senary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-sm-quaternary-to-septenary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-sm-quaternary-to-light {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-sm-quaternary-to-gray {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-sm-quaternary-to-dark {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-sm-quaternary-to-dark-gray {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-sm-quinary-to-secondary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-sm-quinary-to-tertiary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-sm-quinary-to-quaternary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-sm-quinary-to-quinary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-sm-quinary-to-senary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-sm-quinary-to-septenary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-sm-quinary-to-light {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-sm-quinary-to-gray {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-sm-quinary-to-dark {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-sm-quinary-to-dark-gray {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-sm-senary-to-secondary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-sm-senary-to-tertiary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-sm-senary-to-quaternary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-sm-senary-to-quinary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-sm-senary-to-senary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-sm-senary-to-septenary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-sm-senary-to-light {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-sm-senary-to-gray {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-sm-senary-to-dark {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-sm-senary-to-dark-gray {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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-septenary-to-primary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-sm-septenary-to-secondary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-sm-septenary-to-tertiary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-sm-septenary-to-quaternary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-sm-septenary-to-quinary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-sm-septenary-to-senary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-sm-septenary-to-septenary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-sm-septenary-to-light {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-sm-septenary-to-gray {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-sm-septenary-to-dark {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-sm-septenary-to-dark-gray {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 100%) !important;
  }
  .bg-sm-septenary {
    background-color: var(--septenary) !important;
  }
  .text-sm-septenary {
    color: var(--septenary) !important;
  }
  .hover-sm-septenary:hover {
    color: var(--septenary) !important;
  }
  .hover-sm-bg-septenary:hover {
    background-color: var(--septenary) !important;
  }
  .hover-sm-btn-septenary:hover {
    background-color: var(--septenary) !important;
    border-color: var(--septenary) !important;
  }
  .bg-sm-light-to-primary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-sm-light-to-secondary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-sm-light-to-tertiary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-sm-light-to-quaternary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-sm-light-to-quinary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-sm-light-to-senary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-sm-light-to-septenary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-sm-light-to-light {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-sm-light-to-gray {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-sm-light-to-dark {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-sm-light-to-dark-gray {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-sm-gray-to-secondary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-sm-gray-to-tertiary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-sm-gray-to-quaternary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-sm-gray-to-quinary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-sm-gray-to-senary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-sm-gray-to-septenary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-sm-gray-to-light {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-sm-gray-to-gray {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-sm-gray-to-dark {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-sm-gray-to-dark-gray {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-sm-dark-to-secondary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-sm-dark-to-tertiary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-sm-dark-to-quaternary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-sm-dark-to-quinary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-sm-dark-to-senary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-sm-dark-to-septenary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-sm-dark-to-light {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-sm-dark-to-gray {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-sm-dark-to-dark {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-sm-dark-to-dark-gray {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-sm-dark-gray-to-secondary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-sm-dark-gray-to-tertiary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-sm-dark-gray-to-quaternary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-sm-dark-gray-to-quinary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-sm-dark-gray-to-senary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-sm-dark-gray-to-septenary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-sm-dark-gray-to-light {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-sm-dark-gray-to-gray {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-sm-dark-gray-to-dark {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-sm-dark-gray-to-dark-gray {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-md-primary-to-secondary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-md-primary-to-tertiary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-md-primary-to-quaternary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-md-primary-to-quinary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-md-primary-to-senary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-md-primary-to-septenary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-md-primary-to-light {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-md-primary-to-gray {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-md-primary-to-dark {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-md-primary-to-dark-gray {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-md-secondary-to-secondary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-md-secondary-to-tertiary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-md-secondary-to-quaternary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-md-secondary-to-quinary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-md-secondary-to-senary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-md-secondary-to-septenary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-md-secondary-to-light {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-md-secondary-to-gray {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-md-secondary-to-dark {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-md-secondary-to-dark-gray {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-md-tertiary-to-secondary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-md-tertiary-to-tertiary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-md-tertiary-to-quaternary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-md-tertiary-to-quinary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-md-tertiary-to-senary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-md-tertiary-to-septenary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-md-tertiary-to-light {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-md-tertiary-to-gray {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-md-tertiary-to-dark {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-md-tertiary-to-dark-gray {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-md-quaternary-to-secondary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-md-quaternary-to-tertiary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-md-quaternary-to-quaternary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-md-quaternary-to-quinary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-md-quaternary-to-senary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-md-quaternary-to-septenary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-md-quaternary-to-light {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-md-quaternary-to-gray {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-md-quaternary-to-dark {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-md-quaternary-to-dark-gray {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-md-quinary-to-secondary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-md-quinary-to-tertiary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-md-quinary-to-quaternary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-md-quinary-to-quinary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-md-quinary-to-senary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-md-quinary-to-septenary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-md-quinary-to-light {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-md-quinary-to-gray {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-md-quinary-to-dark {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-md-quinary-to-dark-gray {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-md-senary-to-secondary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-md-senary-to-tertiary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-md-senary-to-quaternary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-md-senary-to-quinary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-md-senary-to-senary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-md-senary-to-septenary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-md-senary-to-light {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-md-senary-to-gray {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-md-senary-to-dark {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-md-senary-to-dark-gray {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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-septenary-to-primary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-md-septenary-to-secondary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-md-septenary-to-tertiary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-md-septenary-to-quaternary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-md-septenary-to-quinary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-md-septenary-to-senary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-md-septenary-to-septenary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-md-septenary-to-light {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-md-septenary-to-gray {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-md-septenary-to-dark {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-md-septenary-to-dark-gray {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 100%) !important;
  }
  .bg-md-septenary {
    background-color: var(--septenary) !important;
  }
  .text-md-septenary {
    color: var(--septenary) !important;
  }
  .hover-md-septenary:hover {
    color: var(--septenary) !important;
  }
  .hover-md-bg-septenary:hover {
    background-color: var(--septenary) !important;
  }
  .hover-md-btn-septenary:hover {
    background-color: var(--septenary) !important;
    border-color: var(--septenary) !important;
  }
  .bg-md-light-to-primary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-md-light-to-secondary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-md-light-to-tertiary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-md-light-to-quaternary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-md-light-to-quinary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-md-light-to-senary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-md-light-to-septenary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-md-light-to-light {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-md-light-to-gray {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-md-light-to-dark {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-md-light-to-dark-gray {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-md-gray-to-secondary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-md-gray-to-tertiary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-md-gray-to-quaternary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-md-gray-to-quinary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-md-gray-to-senary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-md-gray-to-septenary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-md-gray-to-light {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-md-gray-to-gray {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-md-gray-to-dark {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-md-gray-to-dark-gray {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-md-dark-to-secondary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-md-dark-to-tertiary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-md-dark-to-quaternary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-md-dark-to-quinary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-md-dark-to-senary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-md-dark-to-septenary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-md-dark-to-light {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-md-dark-to-gray {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-md-dark-to-dark {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-md-dark-to-dark-gray {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-md-dark-gray-to-secondary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-md-dark-gray-to-tertiary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-md-dark-gray-to-quaternary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-md-dark-gray-to-quinary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-md-dark-gray-to-senary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-md-dark-gray-to-septenary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-md-dark-gray-to-light {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-md-dark-gray-to-gray {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-md-dark-gray-to-dark {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-md-dark-gray-to-dark-gray {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-lg-primary-to-secondary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-lg-primary-to-tertiary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-lg-primary-to-quaternary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-lg-primary-to-quinary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-lg-primary-to-senary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-lg-primary-to-septenary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-lg-primary-to-light {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-lg-primary-to-gray {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-lg-primary-to-dark {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-lg-primary-to-dark-gray {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-lg-secondary-to-secondary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-lg-secondary-to-tertiary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-lg-secondary-to-quaternary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-lg-secondary-to-quinary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-lg-secondary-to-senary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-lg-secondary-to-septenary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-lg-secondary-to-light {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-lg-secondary-to-gray {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-lg-secondary-to-dark {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-lg-secondary-to-dark-gray {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-lg-tertiary-to-secondary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-lg-tertiary-to-tertiary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-lg-tertiary-to-quaternary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-lg-tertiary-to-quinary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-lg-tertiary-to-senary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-lg-tertiary-to-septenary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-lg-tertiary-to-light {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-lg-tertiary-to-gray {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-lg-tertiary-to-dark {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-lg-tertiary-to-dark-gray {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-lg-quaternary-to-secondary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-lg-quaternary-to-tertiary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-lg-quaternary-to-quaternary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-lg-quaternary-to-quinary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-lg-quaternary-to-senary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-lg-quaternary-to-septenary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-lg-quaternary-to-light {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-lg-quaternary-to-gray {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-lg-quaternary-to-dark {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-lg-quaternary-to-dark-gray {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-lg-quinary-to-secondary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-lg-quinary-to-tertiary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-lg-quinary-to-quaternary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-lg-quinary-to-quinary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-lg-quinary-to-senary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-lg-quinary-to-septenary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-lg-quinary-to-light {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-lg-quinary-to-gray {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-lg-quinary-to-dark {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-lg-quinary-to-dark-gray {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-lg-senary-to-secondary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-lg-senary-to-tertiary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-lg-senary-to-quaternary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-lg-senary-to-quinary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-lg-senary-to-senary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-lg-senary-to-septenary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-lg-senary-to-light {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-lg-senary-to-gray {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-lg-senary-to-dark {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-lg-senary-to-dark-gray {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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-septenary-to-primary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-lg-septenary-to-secondary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-lg-septenary-to-tertiary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-lg-septenary-to-quaternary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-lg-septenary-to-quinary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-lg-septenary-to-senary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-lg-septenary-to-septenary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-lg-septenary-to-light {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-lg-septenary-to-gray {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-lg-septenary-to-dark {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-lg-septenary-to-dark-gray {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 100%) !important;
  }
  .bg-lg-septenary {
    background-color: var(--septenary) !important;
  }
  .text-lg-septenary {
    color: var(--septenary) !important;
  }
  .hover-lg-septenary:hover {
    color: var(--septenary) !important;
  }
  .hover-lg-bg-septenary:hover {
    background-color: var(--septenary) !important;
  }
  .hover-lg-btn-septenary:hover {
    background-color: var(--septenary) !important;
    border-color: var(--septenary) !important;
  }
  .bg-lg-light-to-primary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-lg-light-to-secondary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-lg-light-to-tertiary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-lg-light-to-quaternary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-lg-light-to-quinary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-lg-light-to-senary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-lg-light-to-septenary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-lg-light-to-light {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-lg-light-to-gray {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-lg-light-to-dark {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-lg-light-to-dark-gray {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-lg-gray-to-secondary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-lg-gray-to-tertiary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-lg-gray-to-quaternary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-lg-gray-to-quinary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-lg-gray-to-senary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-lg-gray-to-septenary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-lg-gray-to-light {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-lg-gray-to-gray {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-lg-gray-to-dark {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-lg-gray-to-dark-gray {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-lg-dark-to-secondary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-lg-dark-to-tertiary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-lg-dark-to-quaternary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-lg-dark-to-quinary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-lg-dark-to-senary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-lg-dark-to-septenary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-lg-dark-to-light {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-lg-dark-to-gray {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-lg-dark-to-dark {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-lg-dark-to-dark-gray {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-lg-dark-gray-to-secondary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-lg-dark-gray-to-tertiary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-lg-dark-gray-to-quaternary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-lg-dark-gray-to-quinary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-lg-dark-gray-to-senary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-lg-dark-gray-to-septenary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-lg-dark-gray-to-light {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-lg-dark-gray-to-gray {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-lg-dark-gray-to-dark {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-lg-dark-gray-to-dark-gray {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-xl-primary-to-secondary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-xl-primary-to-tertiary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-xl-primary-to-quaternary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-xl-primary-to-quinary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-xl-primary-to-senary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-xl-primary-to-septenary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-xl-primary-to-light {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-xl-primary-to-gray {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-xl-primary-to-dark {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-xl-primary-to-dark-gray {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-xl-secondary-to-secondary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-xl-secondary-to-tertiary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-xl-secondary-to-quaternary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-xl-secondary-to-quinary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-xl-secondary-to-senary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-xl-secondary-to-septenary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-xl-secondary-to-light {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-xl-secondary-to-gray {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-xl-secondary-to-dark {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-xl-secondary-to-dark-gray {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-xl-tertiary-to-secondary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-xl-tertiary-to-tertiary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-xl-tertiary-to-quaternary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-xl-tertiary-to-quinary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-xl-tertiary-to-senary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-xl-tertiary-to-septenary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-xl-tertiary-to-light {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-xl-tertiary-to-gray {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-xl-tertiary-to-dark {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-xl-tertiary-to-dark-gray {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-xl-quaternary-to-secondary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-xl-quaternary-to-tertiary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-xl-quaternary-to-quaternary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-xl-quaternary-to-quinary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-xl-quaternary-to-senary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-xl-quaternary-to-septenary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-xl-quaternary-to-light {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-xl-quaternary-to-gray {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-xl-quaternary-to-dark {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-xl-quaternary-to-dark-gray {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-xl-quinary-to-secondary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-xl-quinary-to-tertiary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-xl-quinary-to-quaternary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-xl-quinary-to-quinary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-xl-quinary-to-senary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-xl-quinary-to-septenary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-xl-quinary-to-light {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-xl-quinary-to-gray {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-xl-quinary-to-dark {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-xl-quinary-to-dark-gray {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-xl-senary-to-secondary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-xl-senary-to-tertiary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-xl-senary-to-quaternary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-xl-senary-to-quinary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-xl-senary-to-senary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-xl-senary-to-septenary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-xl-senary-to-light {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-xl-senary-to-gray {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-xl-senary-to-dark {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-xl-senary-to-dark-gray {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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-septenary-to-primary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-xl-septenary-to-secondary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-xl-septenary-to-tertiary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-xl-septenary-to-quaternary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-xl-septenary-to-quinary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-xl-septenary-to-senary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-xl-septenary-to-septenary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-xl-septenary-to-light {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-xl-septenary-to-gray {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-xl-septenary-to-dark {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-xl-septenary-to-dark-gray {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 100%) !important;
  }
  .bg-xl-septenary {
    background-color: var(--septenary) !important;
  }
  .text-xl-septenary {
    color: var(--septenary) !important;
  }
  .hover-xl-septenary:hover {
    color: var(--septenary) !important;
  }
  .hover-xl-bg-septenary:hover {
    background-color: var(--septenary) !important;
  }
  .hover-xl-btn-septenary:hover {
    background-color: var(--septenary) !important;
    border-color: var(--septenary) !important;
  }
  .bg-xl-light-to-primary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-xl-light-to-secondary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-xl-light-to-tertiary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-xl-light-to-quaternary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-xl-light-to-quinary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-xl-light-to-senary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-xl-light-to-septenary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-xl-light-to-light {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-xl-light-to-gray {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-xl-light-to-dark {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-xl-light-to-dark-gray {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-xl-gray-to-secondary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-xl-gray-to-tertiary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-xl-gray-to-quaternary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-xl-gray-to-quinary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-xl-gray-to-senary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-xl-gray-to-septenary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-xl-gray-to-light {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-xl-gray-to-gray {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-xl-gray-to-dark {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-xl-gray-to-dark-gray {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-xl-dark-to-secondary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-xl-dark-to-tertiary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-xl-dark-to-quaternary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-xl-dark-to-quinary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-xl-dark-to-senary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-xl-dark-to-septenary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-xl-dark-to-light {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-xl-dark-to-gray {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-xl-dark-to-dark {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-xl-dark-to-dark-gray {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-xl-dark-gray-to-secondary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-xl-dark-gray-to-tertiary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-xl-dark-gray-to-quaternary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-xl-dark-gray-to-quinary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-xl-dark-gray-to-senary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-xl-dark-gray-to-septenary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-xl-dark-gray-to-light {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-xl-dark-gray-to-gray {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-xl-dark-gray-to-dark {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-xl-dark-gray-to-dark-gray {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-xxl-primary-to-secondary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-xxl-primary-to-tertiary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-xxl-primary-to-quaternary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-xxl-primary-to-quinary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-xxl-primary-to-senary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-xxl-primary-to-septenary {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-xxl-primary-to-light {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-xxl-primary-to-gray {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-xxl-primary-to-dark {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-xxl-primary-to-dark-gray {
    background: var(--primary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--primary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-xxl-secondary-to-secondary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-xxl-secondary-to-tertiary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-xxl-secondary-to-quaternary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-xxl-secondary-to-quinary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-xxl-secondary-to-senary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-xxl-secondary-to-septenary {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-xxl-secondary-to-light {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-xxl-secondary-to-gray {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-xxl-secondary-to-dark {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-xxl-secondary-to-dark-gray {
    background: var(--secondary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--secondary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-xxl-tertiary-to-secondary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-xxl-tertiary-to-tertiary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-xxl-tertiary-to-quaternary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-xxl-tertiary-to-quinary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-xxl-tertiary-to-senary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-xxl-tertiary-to-septenary {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-xxl-tertiary-to-light {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-xxl-tertiary-to-gray {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-xxl-tertiary-to-dark {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-xxl-tertiary-to-dark-gray {
    background: var(--tertiary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--tertiary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-xxl-quaternary-to-secondary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-xxl-quaternary-to-tertiary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-xxl-quaternary-to-quaternary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-xxl-quaternary-to-quinary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-xxl-quaternary-to-senary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-xxl-quaternary-to-septenary {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-xxl-quaternary-to-light {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-xxl-quaternary-to-gray {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-xxl-quaternary-to-dark {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-xxl-quaternary-to-dark-gray {
    background: var(--quaternary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quaternary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-xxl-quinary-to-secondary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-xxl-quinary-to-tertiary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-xxl-quinary-to-quaternary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-xxl-quinary-to-quinary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-xxl-quinary-to-senary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-xxl-quinary-to-septenary {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-xxl-quinary-to-light {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-xxl-quinary-to-gray {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-xxl-quinary-to-dark {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-xxl-quinary-to-dark-gray {
    background: var(--quinary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--quinary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-xxl-senary-to-secondary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-xxl-senary-to-tertiary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-xxl-senary-to-quaternary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-xxl-senary-to-quinary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-xxl-senary-to-senary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-xxl-senary-to-septenary {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-xxl-senary-to-light {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-xxl-senary-to-gray {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-xxl-senary-to-dark {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-xxl-senary-to-dark-gray {
    background: var(--senary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--senary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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-septenary-to-primary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-xxl-septenary-to-secondary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-xxl-septenary-to-tertiary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-xxl-septenary-to-quaternary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-xxl-septenary-to-quinary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-xxl-septenary-to-senary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-xxl-septenary-to-septenary {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-xxl-septenary-to-light {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-xxl-septenary-to-gray {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-xxl-septenary-to-dark {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-xxl-septenary-to-dark-gray {
    background: var(--septenary) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--septenary-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--dark-gray-rgb)) 100%) !important;
  }
  .bg-xxl-septenary {
    background-color: var(--septenary) !important;
  }
  .text-xxl-septenary {
    color: var(--septenary) !important;
  }
  .hover-xxl-septenary:hover {
    color: var(--septenary) !important;
  }
  .hover-xxl-bg-septenary:hover {
    background-color: var(--septenary) !important;
  }
  .hover-xxl-btn-septenary:hover {
    background-color: var(--septenary) !important;
    border-color: var(--septenary) !important;
  }
  .bg-xxl-light-to-primary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-xxl-light-to-secondary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-xxl-light-to-tertiary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-xxl-light-to-quaternary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-xxl-light-to-quinary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-xxl-light-to-senary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-xxl-light-to-septenary {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-xxl-light-to-light {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-xxl-light-to-gray {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-xxl-light-to-dark {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-xxl-light-to-dark-gray {
    background: var(--light) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--light-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--light-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-xxl-gray-to-secondary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-xxl-gray-to-tertiary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-xxl-gray-to-quaternary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-xxl-gray-to-quinary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-xxl-gray-to-senary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-xxl-gray-to-septenary {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-xxl-gray-to-light {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-xxl-gray-to-gray {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-xxl-gray-to-dark {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-xxl-gray-to-dark-gray {
    background: var(--gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--gray-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--gray-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-xxl-dark-to-secondary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-xxl-dark-to-tertiary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-xxl-dark-to-quaternary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-xxl-dark-to-quinary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-xxl-dark-to-senary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-xxl-dark-to-septenary {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-xxl-dark-to-light {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-xxl-dark-to-gray {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-xxl-dark-to-dark {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-xxl-dark-to-dark-gray {
    background: var(--dark) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--primary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--primary-rgb)) 100%) !important;
  }
  .bg-xxl-dark-gray-to-secondary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--secondary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--secondary-rgb)) 100%) !important;
  }
  .bg-xxl-dark-gray-to-tertiary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--tertiary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%) !important;
  }
  .bg-xxl-dark-gray-to-quaternary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--quaternary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%) !important;
  }
  .bg-xxl-dark-gray-to-quinary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--quinary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--quinary-rgb)) 100%) !important;
  }
  .bg-xxl-dark-gray-to-senary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--senary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--senary-rgb)) 100%) !important;
  }
  .bg-xxl-dark-gray-to-septenary {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--septenary-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--septenary-rgb)) 100%) !important;
  }
  .bg-xxl-dark-gray-to-light {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--light-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--light-rgb)) 100%) !important;
  }
  .bg-xxl-dark-gray-to-gray {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--gray-rgb)) 100%) !important;
  }
  .bg-xxl-dark-gray-to-dark {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--dark-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--dark-rgb)) 100%) !important;
  }
  .bg-xxl-dark-gray-to-dark-gray {
    background: var(--dark-gray) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(var(--dark-gray-rgb))), to(rgba(var(--dark-gray-rgb)))) !important;
    background: linear-gradient(90deg, rgba(var(--dark-gray-rgb)) 35%, rgba(var(--dark-gray-rgb)) 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, unset) !important;
}

.nine-w {
  width: var(--nine-w, unset) !important;
}

.nine-h-max {
  max-height: var(--nine-h-max, unset) !important;
}

.nine-w-max {
  max-width: var(--nine-w-max, unset) !important;
}

.nine-h-min {
  min-height: var(--nine-h-min, unset) !important;
}

.nine-w-min {
  min-width: var(--nine-w-min, unset) !important;
}

.nine-obj-p {
  -o-object-position: var(--nine-obj-p);
     object-position: var(--nine-obj-p);
}

.nine-aspect-ratio {
  aspect-ratio: var(--nine-aspect-ratio);
}

.nine-bg-p {
  background-position: var(--nine-bg-p, center) !important;
}

.nine-bg-s {
  background-size: var(--nine-bg-p, cover) !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 {
  -webkit-box-flex: var(--nine-flex) !important;
      -ms-flex: var(--nine-flex) !important;
          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 {
    -o-object-position: var(--nine-obj-p-sm) !important;
       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 {
    -webkit-box-flex: var(--nine-flex-sm) !important;
        -ms-flex: var(--nine-flex-sm) !important;
            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 {
    -o-object-position: var(--nine-obj-p-md) !important;
       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 {
    -webkit-box-flex: var(--nine-flex-md) !important;
        -ms-flex: var(--nine-flex-md) !important;
            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 {
    -o-object-position: var(--nine-obj-p-lg) !important;
       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 {
    -webkit-box-flex: var(--nine-flex-lg) !important;
        -ms-flex: var(--nine-flex-lg) !important;
            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 {
    -o-object-position: var(--nine-obj-p-xl) !important;
       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 {
    -webkit-box-flex: var(--nine-flex-xl) !important;
        -ms-flex: var(--nine-flex-xl) !important;
            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 {
    -o-object-position: var(--nine-obj-p-xxl) !important;
       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 {
    -webkit-box-flex: var(--nine-flex-xxl) !important;
        -ms-flex: var(--nine-flex-xxl) !important;
            flex: var(--nine-flex-xxl) !important;
  }
}
header .fran-identifier {
  margin-top: 0.25rem;
  font-size: 13px;
  font-weight: 500;
  color: var(--tertiary);
  -webkit-transition: margin-top var(--transition);
  transition: margin-top var(--transition);
}

header.scrolled .fran-identifier {
  margin-top: 0;
}

@media (max-width: 991px) {
  body.franchise .item-append {
    margin-top: -4px;
  }
}
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.septenary {
  border: 1px solid var(--septenary);
  opacity: 1;
  background-color: var(--septenary);
}

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) ;
}

.border-secondary {
  --border-color: var(--secondary) ;
}

.border-tertiary {
  --border-color: var(--tertiary) ;
}

.border-quaternary {
  --border-color: var(--quaternary) ;
}

.border-quinary {
  --border-color: var(--quinary) ;
}

.border-senary {
  --border-color: var(--senary) ;
}

.border-septenary {
  --border-color: var(--septenary) ;
}

.border-light {
  --border-color: var(--light) ;
}

.border-gray {
  --border-color: var(--gray) ;
}

.border-dark {
  --border-color: var(--dark) ;
}

.border-dark-gray {
  --border-color: var(--dark-gray) ;
}

.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;
  }
}
.accordion .accordion-item .accordion-header h1, .accordion .accordion-item .accordion-header h2, .accordion .accordion-item .accordion-header h3, .accordion .accordion-item .accordion-header h4, .accordion .accordion-item .accordion-header h5, .accordion .accordion-item .accordion-header h6 {
  margin-bottom: 0;
}

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

.accordion .accordion-header button.accordion-button:focus {
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.13);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.13);
}

.accordion .accordion-header button.accordion-button:not(.collapsed) {
  background-color: inherit;
}

.accordion.accordion-text-light .accordion-header button.accordion-button {
  color: #fff !important;
}

.accordion.accordion-text-light-hover .accordion-header button.accordion-button:hover {
  color: #fff !important;
}

.accordion.accordion-text-dark .accordion-header button.accordion-button {
  color: #5d5d5d !important;
}

.accordion.accordion-text-dark-hover .accordion-header button.accordion-button:hover {
  color: #5d5d5d !important;
}

.accordion.accordion-bg-light .accordion-header button.accordion-button {
  background-color: #fff !important;
  color: #5d5d5d;
}

.accordion.accordion-bg-light-hover .accordion-header button:hover {
  background-color: #fff !important;
}

.accordion.accordion-bg-dark .accordion-header button.accordion-button {
  background-color: #5d5d5d !important;
  color: #fff;
}

.accordion.accordion-bg-dark-hover .accordion-header button.accordion-button:hover {
  background-color: #5d5d5d !important;
}

.accordion.accordion-text-primary .accordion-header button.accordion-button {
  color: var(--primary) !important;
}

.accordion.accordion-text-primary-hover .accordion-header button.accordion-button:hover {
  color: var(--primary) !important;
}

.accordion.accordion-bg-primary .accordion-header button.accordion-button {
  background-color: var(--primary) !important;
  color: #fff;
}

.accordion.accordion-bg-primary-hover .accordion-header button.accordion-button:hover {
  background-color: var(--primary) !important;
}

.accordion.accordion-text-secondary .accordion-header button.accordion-button {
  color: var(--secondary) !important;
}

.accordion.accordion-text-secondary-hover .accordion-header button.accordion-button:hover {
  color: var(--secondary) !important;
}

.accordion.accordion-bg-secondary .accordion-header button.accordion-button {
  background-color: var(--secondary) !important;
  color: #fff;
}

.accordion.accordion-bg-secondary-hover .accordion-header button.accordion-button:hover {
  background-color: var(--secondary) !important;
}

.accordion.accordion-text-tertiary .accordion-header button.accordion-button {
  color: var(--tertiary) !important;
}

.accordion.accordion-text-tertiary-hover .accordion-header button.accordion-button:hover {
  color: var(--tertiary) !important;
}

.accordion.accordion-bg-tertiary .accordion-header button.accordion-button {
  background-color: var(--tertiary) !important;
  color: #fff;
}

.accordion.accordion-bg-tertiary-hover .accordion-header button.accordion-button:hover {
  background-color: var(--tertiary) !important;
}

.accordion.accordion-text-quaternary .accordion-header button.accordion-button {
  color: var(--quaternary) !important;
}

.accordion.accordion-text-quaternary-hover .accordion-header button.accordion-button:hover {
  color: var(--quaternary) !important;
}

.accordion.accordion-bg-quaternary .accordion-header button.accordion-button {
  background-color: var(--quaternary) !important;
  color: #fff;
}

.accordion.accordion-bg-quaternary-hover .accordion-header button.accordion-button:hover {
  background-color: var(--quaternary) !important;
}

.accordion.accordion-text-quinary .accordion-header button.accordion-button {
  color: var(--quinary) !important;
}

.accordion.accordion-text-quinary-hover .accordion-header button.accordion-button:hover {
  color: var(--quinary) !important;
}

.accordion.accordion-bg-quinary .accordion-header button.accordion-button {
  background-color: var(--quinary) !important;
  color: #fff;
}

.accordion.accordion-bg-quinary-hover .accordion-header button.accordion-button:hover {
  background-color: var(--quinary) !important;
}

.accordion.accordion-text-senary .accordion-header button.accordion-button {
  color: var(--senary) !important;
}

.accordion.accordion-text-senary-hover .accordion-header button.accordion-button:hover {
  color: var(--senary) !important;
}

.accordion.accordion-bg-senary .accordion-header button.accordion-button {
  background-color: var(--senary) !important;
  color: #fff;
}

.accordion.accordion-bg-senary-hover .accordion-header button.accordion-button:hover {
  background-color: var(--senary) !important;
}

.accordion.accordion-text-septenary .accordion-header button.accordion-button {
  color: var(--septenary) !important;
}

.accordion.accordion-text-septenary-hover .accordion-header button.accordion-button:hover {
  color: var(--septenary) !important;
}

.accordion.accordion-bg-septenary .accordion-header button.accordion-button {
  background-color: var(--septenary) !important;
  color: #fff;
}

.accordion.accordion-bg-septenary-hover .accordion-header button.accordion-button:hover {
  background-color: var(--septenary) !important;
}

.accordion.accordion-text-light .accordion-header button.accordion-button {
  color: var(--light) !important;
}

.accordion.accordion-text-light-hover .accordion-header button.accordion-button:hover {
  color: var(--light) !important;
}

.accordion.accordion-bg-light .accordion-header button.accordion-button {
  background-color: var(--light) !important;
  color: #fff;
}

.accordion.accordion-bg-light-hover .accordion-header button.accordion-button:hover {
  background-color: var(--light) !important;
}

.accordion.accordion-text-gray .accordion-header button.accordion-button {
  color: var(--gray) !important;
}

.accordion.accordion-text-gray-hover .accordion-header button.accordion-button:hover {
  color: var(--gray) !important;
}

.accordion.accordion-bg-gray .accordion-header button.accordion-button {
  background-color: var(--gray) !important;
  color: #fff;
}

.accordion.accordion-bg-gray-hover .accordion-header button.accordion-button:hover {
  background-color: var(--gray) !important;
}

.accordion.accordion-text-dark .accordion-header button.accordion-button {
  color: var(--dark) !important;
}

.accordion.accordion-text-dark-hover .accordion-header button.accordion-button:hover {
  color: var(--dark) !important;
}

.accordion.accordion-bg-dark .accordion-header button.accordion-button {
  background-color: var(--dark) !important;
  color: #fff;
}

.accordion.accordion-bg-dark-hover .accordion-header button.accordion-button:hover {
  background-color: var(--dark) !important;
}

.accordion.accordion-text-dark-gray .accordion-header button.accordion-button {
  color: var(--dark-gray) !important;
}

.accordion.accordion-text-dark-gray-hover .accordion-header button.accordion-button:hover {
  color: var(--dark-gray) !important;
}

.accordion.accordion-bg-dark-gray .accordion-header button.accordion-button {
  background-color: var(--dark-gray) !important;
  color: #fff;
}

.accordion.accordion-bg-dark-gray-hover .accordion-header button.accordion-button:hover {
  background-color: var(--dark-gray) !important;
}

section.bg-video {
  position: relative;
  color: #fff;
  background-color: transparent;
  overflow: hidden;
}

section.bg-video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background-repeat: no-repeat;
  background-size: cover;
}

.yt-wrapper {
  position: absolute;
  top: 0%;
  left: 0%;
  min-width: 100%;
  min-height: 100%;
  z-index: 0;
}

section.bg-video .yt-wrapper {
  z-index: -100;
}

.yt-wrapper iframe {
  min-width: 100%;
  min-height: 100%;
}

.yt-poster {
  z-index: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  top: 0;
  position: absolute;
  left: 0;
  z-index: 1;
}

section.bg-video .yt-poster {
  z-index: -99;
}

.ui-timepicker-container {
  z-index: 1 !important;
}

.ninthroot-overlay::before {
  content: "";
  background: linear-gradient(45deg, rgba(58, 191, 224, 0.7) 0%, rgba(242, 104, 151, 0.73) 54%, rgba(255, 78, 108, 0.75) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.wi-subnav-image-1 a.wi-wrapper {
  display: block;
  text-align: center;
  color: #5d5d5d;
}

.wi-subnav-image-1 a.wi-wrapper .wi-image {
  position: relative;
  display: block;
  width: 80%;
  padding-top: 80%;
  margin: auto;
  border: 4px solid #fff;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}

.wi-subnav-image-2 a.wi-wrapper:hover {
  text-decoration: none;
}

.wi-subnav-image-1 a.wi-wrapper .wi-image .em-tag {
  position: absolute;
  z-index: 5;
  left: 0;
  top: calc(50% - 30px);
  width: 100%;
  text-align: center;
  font-size: 35px;
  text-transform: uppercase;
  opacity: 0;
  color: #fff !important;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}

.wi-subnav-image-1 a.wi-wrapper:hover .wi-image .em-tag {
  opacity: 1;
}

.wi-subnav-image-1 a.wi-wrapper .wi-image div.wi-underlay {
  position: absolute;
  z-index: 1;
  left: -120%;
  top: -120%;
  border-radius: 50%;
  width: 120%;
  height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.wi-subnav-image-1 a.wi-wrapper:hover .wi-image div.wi-underlay {
  left: -10%;
  top: -10%;
}

.wi-subnav-image-1 .color-primary a.wi-wrapper .wi-image div.wi-underlay {
  background-color: var(--primary-rgba-tissue);
}

.wi-subnav-image-1 .color-primary a.wi-wrapper:hover .wi-image {
  border-color: var(--primary);
}

.wi-subnav-image-1 .color-secondary a.wi-wrapper .wi-image div.wi-underlay {
  background-color: var(--secondary-rgba-tissue);
}

.wi-subnav-image-1 .color-secondary a.wi-wrapper:hover .wi-image {
  border-color: var(--secondary);
}

.wi-subnav-image-1 .color-tertiary a.wi-wrapper .wi-image div.wi-underlay {
  background-color: var(--tertiary-rgba-tissue);
}

.wi-subnav-image-1 .color-tertiary a.wi-wrapper:hover .wi-image {
  border-color: var(--tertiary);
}

.wi-subnav-image-1 .color-quaternary a.wi-wrapper .wi-image div.wi-underlay {
  background-color: var(--quaternary-rgba-tissue);
}

.wi-subnav-image-1 .color-quaternary a.wi-wrapper:hover .wi-image {
  border-color: var(--quaternary);
}

.wi-subnav-image-1 .color-quinary a.wi-wrapper .wi-image div.wi-underlay {
  background-color: var(--quinary-rgba-tissue);
}

.wi-subnav-image-1 .color-quinary a.wi-wrapper:hover .wi-image {
  border-color: var(--quinary);
}

.wi-subnav-image-1 .color-senary a.wi-wrapper .wi-image div.wi-underlay {
  background-color: var(--senary-rgba-tissue);
}

.wi-subnav-image-1 .color-senary a.wi-wrapper:hover .wi-image {
  border-color: var(--senary);
}

.wi-subnav-image-1 .color-septenary a.wi-wrapper .wi-image div.wi-underlay {
  background-color: var(--septenary-rgba-tissue);
}

.wi-subnav-image-1 .color-septenary a.wi-wrapper:hover .wi-image {
  border-color: var(--septenary);
}

.wi-subnav-image-1 .color-light a.wi-wrapper .wi-image div.wi-underlay {
  background-color: var(--light-rgba-tissue);
}

.wi-subnav-image-1 .color-light a.wi-wrapper:hover .wi-image {
  border-color: var(--light);
}

.wi-subnav-image-1 .color-gray a.wi-wrapper .wi-image div.wi-underlay {
  background-color: var(--gray-rgba-tissue);
}

.wi-subnav-image-1 .color-gray a.wi-wrapper:hover .wi-image {
  border-color: var(--gray);
}

.wi-subnav-image-1 .color-dark a.wi-wrapper .wi-image div.wi-underlay {
  background-color: var(--dark-rgba-tissue);
}

.wi-subnav-image-1 .color-dark a.wi-wrapper:hover .wi-image {
  border-color: var(--dark);
}

.wi-subnav-image-1 .color-dark-gray a.wi-wrapper .wi-image div.wi-underlay {
  background-color: var(--dark-gray-rgba-tissue);
}

.wi-subnav-image-1 .color-dark-gray a.wi-wrapper:hover .wi-image {
  border-color: var(--dark-gray);
}

.wi-subnav-image-1 a.wi-wrapper .wi-image div.wi-underlay {
  font-size: 100px;
}

.wi-subnav-image-1 a.wi-wrapper:hover .wi-image {
  border-color: var(--primary);
}

.wi-subnav-image-1 .go-btn {
  position: absolute;
  left: 0;
  bottom: 30%;
}

.well[class*=bg-] {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.well-small[class*=bg-] {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.well-outline {
  border: 2px solid var(--primary);
  border-radius: var(--border-radius);
  padding: 40px 18px;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

@media (min-width: 992px) {
  .well-outline {
    padding: 40px 43px;
  }
}
.well-outline.outline-primary {
  border-color: var(--primary);
}

.well-outline.outline-secondary {
  border-color: var(--secondary);
}

.well-outline.outline-tertiary {
  border-color: var(--tertiary);
}

.well-outline.outline-quaternary {
  border-color: var(--quaternary);
}

.well-outline.outline-quinary {
  border-color: var(--quinary);
}

.well-outline.outline-senary {
  border-color: var(--senary);
}

.well-outline.outline-septenary {
  border-color: var(--septenary);
}

.well-outline.outline-light {
  border-color: var(--light);
}

.well-outline.outline-gray {
  border-color: var(--gray);
}

.well-outline.outline-dark {
  border-color: var(--dark);
}

.well-outline.outline-dark-gray {
  border-color: var(--dark-gray);
}

@media (min-width: 0) {
  .well-xs-outline {
    border: 2px solid var(--primary);
    border-radius: var(--border-radius);
    padding: 40px 18px;
    -webkit-box-shadow: unset !important;
            box-shadow: unset !important;
  }
  .well-xs-outline-unset {
    border: unset;
    border-radius: unset;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .well-xs-outline {
    padding: 40px 43px;
  }
}
@media (min-width: 576px) {
  .well-sm-outline {
    border: 2px solid var(--primary);
    border-radius: var(--border-radius);
    padding: 40px 18px;
    -webkit-box-shadow: unset !important;
            box-shadow: unset !important;
  }
  .well-sm-outline-unset {
    border: unset;
    border-radius: unset;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .well-sm-outline {
    padding: 40px 43px;
  }
}
@media (min-width: 768px) {
  .well-md-outline {
    border: 2px solid var(--primary);
    border-radius: var(--border-radius);
    padding: 40px 18px;
    -webkit-box-shadow: unset !important;
            box-shadow: unset !important;
  }
  .well-md-outline-unset {
    border: unset;
    border-radius: unset;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .well-md-outline {
    padding: 40px 43px;
  }
}
@media (min-width: 992px) {
  .well-lg-outline {
    border: 2px solid var(--primary);
    border-radius: var(--border-radius);
    padding: 40px 18px;
    -webkit-box-shadow: unset !important;
            box-shadow: unset !important;
  }
  .well-lg-outline-unset {
    border: unset;
    border-radius: unset;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .well-lg-outline {
    padding: 40px 43px;
  }
}
@media (min-width: 1200px) {
  .well-xl-outline {
    border: 2px solid var(--primary);
    border-radius: var(--border-radius);
    padding: 40px 18px;
    -webkit-box-shadow: unset !important;
            box-shadow: unset !important;
  }
  .well-xl-outline-unset {
    border: unset;
    border-radius: unset;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .well-xl-outline {
    padding: 40px 43px;
  }
}
@media (min-width: 1400px) {
  .well-xxl-outline {
    border: 2px solid var(--primary);
    border-radius: var(--border-radius);
    padding: 40px 18px;
    -webkit-box-shadow: unset !important;
            box-shadow: unset !important;
  }
  .well-xxl-outline-unset {
    border: unset;
    border-radius: unset;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .well-xxl-outline {
    padding: 40px 43px;
  }
}
.well {
  border-radius: var(--border-radius);
  padding: 40px 18px;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
}

@media (min-width: 576px) {
  .well-sm {
    border-radius: var(--border-radius);
    -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
    padding: 40px 18px;
  }
}
@media (min-width: 768px) {
  .well-md {
    border-radius: var(--border-radius);
    -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
    padding: 40px 18px;
  }
}
@media (min-width: 992px) {
  .well-lg {
    border-radius: var(--border-radius);
    -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
    padding: 40px 18px;
  }
}
@media (min-width: 1200px) {
  .well-xl {
    border-radius: var(--border-radius);
    -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
    padding: 40px 18px;
  }
}
@media (min-width: 1400px) {
  .well-xxl {
    border-radius: var(--border-radius);
    -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
    padding: 40px 18px;
  }
}
@media (min-width: 992px) {
  .well, .well-sm, .well-md, .well-lg, .well-xl, .well-xxl {
    padding: 40px 43px;
  }
}
.well-small {
  border-radius: var(--border-radius);
  padding: 20px 18px;
  background-color: #fff;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
}

@media (min-width: 992px) {
  .well-small {
    padding: 29px;
  }
}
.wi-reviews-full-2 .wi-review .well {
  border-radius: var(--border-radius);
}

.wi-review .well .bg-gray {
  border-color: #f8f9fa;
}

.wi-reviews-full-2 .wi-review .directory {
  text-align: center;
  position: relative;
  top: -30px;
  margin-bottom: -30px;
}

.wi-reviews-full-2 .wi-review .directory a.directory-icon {
  color: #fff;
  background-color: var(--primary);
  border-radius: 100%;
  padding: 6.5px 8px;
}

.wi-reviews-full-2 .wi-review .directory a.directory-icon:hover {
  background-color: var(--primary) !important;
  -webkit-box-shadow: 0 0 0 0.15rem rgba(var(--primary-rgb));
          box-shadow: 0 0 0 0.15rem rgba(var(--primary-rgb));
}

.wi-reviews-full-2 .wi-review .directory a.directory-icon > span {
  text-align: center;
  width: 18px;
  height: 18px;
}

.wi-reviews-full-2 .wi-review > div > figure {
  height: 230px;
  overflow: hidden;
}

.wi-reviews-full-2 .expand-review {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  text-align: center;
}

.wi-reviews-full-2 .expand-review:hover {
  cursor: pointer;
  color: var(--primary);
}

.instagram-2 [class*=col-] {
  padding: 0;
}

.instagram-2 .wrap {
  padding-bottom: 100%;
  overflow: hidden;
}

.instagram-2 .wrap .ig-container {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.instagram-2 .wrap .ig-container .content {
  overflow: hidden;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.instagram-2 .wrap .ig-container .content .overlay {
  width: 100%;
  height: 100%;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.631372549);
  color: #fff;
  position: absolute;
  bottom: 100%;
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
}

.instagram-2 .wrap:hover .ig-container .content .overlay {
  bottom: 0;
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
}

.instagram-2 .wrap:hover .ig-container .content .overlay p {
  max-height: 84%;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.3;
}

.instagram-2 .wrap .ig-container .content .overlay .s-impressions {
  font-size: 20px;
}

.instagram-2 .wrap .ig-container .content .overlay .igo-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  position: relative;
  -webkit-mask-image: -webkit-gradient(linear, left 70%, left bottom, from(black), to(rgba(0, 0, 0, 0)));
}

.instagram-2 .wrap .ig-container .content .ig-media {
  min-width: 100%;
  max-height: 100%;
}

.nav-pills .nav-link {
  color: var(--primary);
}

.nav-pills .nav-link:hover {
  color: var(--secondary);
}

.cn-subnav-card-1 .s-card {
  border-radius: var(--border-radius);
  border: 1px solid rgba(0, 0, 0, 0.2509803922);
  overflow: hidden;
  position: relative;
}

.cn-subnav-card-1 .s-card .s-img-container {
  width: 100%;
  aspect-ratio: 1.5434782609;
  overflow: hidden;
  position: relative;
}

.cn-subnav-card-1 .s-card .s-img-container picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.cn-subnav-card-1 .s-card .s-img-container picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.cn-subnav-card-1 .s-card .s-btn {
  font-family: var(--font-primary);
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  line-height: var(--h4-line-height);
  position: relative;
  display: block;
  padding: 12px;
  width: 100%;
  color: #fff;
}

.cn-subnav-card-1 .s-card .content p {
  font-size: 1rem;
}

.cn-subnav-card-1 .content {
  padding: 1.75rem 18px;
}

@media (min-width: 992px) {
  .cn-subnav-card-1 .content {
    padding: 1.75rem;
  }
}
.cn-subnav-card-1 > div:nth-child(6n+1) .s-card .s-btn {
  background-color: var(--primary);
}

.cn-subnav-card-1 > div:nth-child(6n+1) .s-card h2.font-display, .cn-subnav-card-1 > div:nth-child(6n+1) .s-card h3 {
  color: var(--primary);
}

.cn-subnav-card-1 > div:nth-child(6n+2) .s-card .s-btn {
  background-color: var(--secondary);
}

.cn-subnav-card-1 > div:nth-child(6n+2) .s-card h2.font-display, .cn-subnav-card-1 > div:nth-child(6n+2) .s-card h3 {
  color: var(--secondary);
}

.cn-subnav-card-1 > div:nth-child(6n+3) .s-card .s-btn {
  background-color: var(--tertiary);
}

.cn-subnav-card-1 > div:nth-child(6n+3) .s-card h2.font-display, .cn-subnav-card-1 > div:nth-child(6n+3) .s-card h3 {
  color: var(--tertiary);
}

.cn-subnav-card-1 > div:nth-child(6n+4) .s-card .s-btn {
  background-color: var(--quaternary);
}

.cn-subnav-card-1 > div:nth-child(6n+4) .s-card h2.font-display, .cn-subnav-card-1 > div:nth-child(6n+4) .s-card h3 {
  color: var(--quaternary);
}

.cn-subnav-card-1 > div:nth-child(6n+5) .s-card .s-btn {
  background-color: var(--senary);
}

.cn-subnav-card-1 > div:nth-child(6n+5) .s-card h2.font-display, .cn-subnav-card-1 > div:nth-child(6n+5) .s-card h3 {
  color: var(--senary);
}

.cn-subnav-card-1 > div:nth-child(6n) .s-card .s-btn {
  background-color: var(--septenary);
}

.cn-subnav-card-1 > div:nth-child(6n) .s-card h2.font-display, .cn-subnav-card-1 > div:nth-child(6n) .s-card h3 {
  color: var(--septenary);
}

.wi-subnav-full-1 .go-arrow {
  position: absolute;
  right: -5px;
}

.wi-subnav-full-1 .grand-children-col {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 5px;
  padding-right: 5px;
}

.wi-subnav-full-1 .list-unstyled {
  padding-left: 0;
  list-style: none;
}

.wi-subnav-full-1 a.btn:hover {
  background-color: var(--primary);
  color: #fff;
}

.wi-subnav-tile-1 a.wi-bg-image {
  display: block;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}

.wi-subnav-tile-1 .wi-bg-image .wi-bg-overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 150px;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 31%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000",endColorstr="#1a000000",GradientType=1);
}

.wi-subnav-tile-1 a.wi-bg-image:hover {
  text-decoration: none;
}

.wi-subnav-tile-1 a.wi-bg-image:hover .wi-bg-overlay {
  background: linear-gradient(135deg, var(--primary-rgba-tissue) 0%, var(--primary-rgba-tissue) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cce87229",endColorstr="#e6f6892a",GradientType=1);
}

.wi-franchise-list .card-columns {
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
}

@media (min-width: 992px) {
  .wi-franchise-list .card-columns {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
@media (min-width: 1200px) {
  .wi-franchise-list .card-columns {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}
.wi-franchise-list .card-title {
  font-weight: 300;
  font-size: 1.3rem;
}

.wi-franchise-list .card-columns .card {
  width: 100%;
  margin-bottom: 20px;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid-column;
  display: table;
}

.wi-franchise-list ul.icon-list {
  margin: 0 0 0 10px;
  padding: 0;
}

.wi-franchise-list ul.icon-list li {
  position: relative;
  list-style-type: none;
  padding: 6px 0 5px 18px;
  margin-bottom: 0;
  font-size: 1rem;
}

.wi-franchise-list ul.icon-list li.col {
  padding: 6px 17px 5px;
}

.wi-franchise-list ul.icon-list li::after {
  font: var(--fa-font-solid);
  font-family: "font awesome 5 pro";
  content: "\f111";
  font-style: normal;
  font-weight: 500;
  text-decoration: inherit;
  position: absolute;
  font-size: 11px;
  color: var(--primary);
  top: 14px;
  left: 0;
  z-index: 1;
}

.wi-franchise-list ul.icon-list.list-arrow-circle li::after {
  content: "\f111";
}

.wi-franchise-list ul.icon-list.list-checkmark li {
  padding-bottom: 20px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.wi-franchise-list ul.icon-list.list-checkmark li::after {
  content: "\f111";
}

.wi-franchise-list ul.icon-list.list-checkmark li:last-child {
  border: none;
}

.wi-franchise-list .card-columns {
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
}

@media (min-width: 992px) {
  .wi-franchise-list .card-columns {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
@media (min-width: 1200px) {
  .wi-franchise-list .card-columns {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}
.wi-franchise-list ul.icon-list li::after {
  content: "" !important;
  font-style: normal;
  background: url(/oak/files/logos/lemon-tree.insignia.png);
  width: 20px;
  height: 20px;
  background-position: center;
  font-weight: 200;
  text-decoration: inherit;
  position: absolute;
  font-size: 13px;
  color: var(--primary);
  background-size: cover;
  top: 10px;
  left: -10px;
  z-index: 1;
}

.wi-locations-highlight-1 .wi-bg-image {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  cursor: pointer;
}

.wi-locations-highlight-1 .wi-bg-image .wi-bg-overlay {
  position: relative;
  padding: 25px;
  min-height: 100px;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 31%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000",endColorstr="#1a000000",GradientType=1);
}

.wi-badges-well-slider-1 img {
  background-color: #fff;
  padding: 15px;
  border-radius: 0.4rem;
}

.wi-badge-autoslide-1 ul li img {
  width: 150px;
}

.wi-badge-autoslide-1 ul li {
  padding: 0 30px;
}

.wi-badge-autoslide-1 .col-12:before, .wi-badge-autoslide-1 .col-12:after {
  content: "";
  height: 100%;
  width: 40px;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
}

.wi-badge-autoslide-1 .col-12::before {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
}

.wi-badge-autoslide-1 .col-12::after {
  right: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
}

.wi-faqs .panel {
  background-color: #f5f5f5;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  margin-bottom: 10px;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

.wi-faqs .panel.active {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.07);
}

.wi-faqs .panel h4 a {
  padding: 10px 16px;
  display: block;
}

.wi-faqs .panel-body {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 10px;
}

.wi-coupons-slider-1 .promo-wrapper {
  text-align: center;
  background: 0 0;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

.wi-coupons-slider-1 .promo {
  border: 4px dashed #fff;
  padding: 25px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.48);
}

.wi-coupons-slider-1 .promo-blue {
  background-color: rgba(0, 129, 204, 0.95);
}

.wi-coupons-slider-1 .promo-orange {
  background-color: rgba(232, 110, 4, 0.95);
}

.wi-coupons-slider-1 .promo-gray {
  background-color: rgba(0, 0, 0, 0.65);
}

.wi-coupons-slider-1 .promo h1, .wi-coupons-slider-1 .promo h2, .wi-coupons-slider-1 .promo h3, .wi-coupons-slider-1 .promo h4, .wi-coupons-slider-1 .promo h5 {
  color: #fff;
}

.wi-coupons-slider-1 .promo .expiration {
  opacity: 0.6;
  font-style: italic;
}

div.wi-coupons-slider-2 .col {
  padding-right: 15px;
  padding-left: 15px;
}

#email-for-coupon div.coupon-wrapper, div.wi-coupons-slider-2 div.coupon-wrapper {
  text-align: center;
  background: 0 0;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: cover;
  margin-bottom: 20px;
  cursor: pointer;
}

#email-for-coupon div.coupon-wrapper div.coupon, div.wi-coupons-slider-2 div.coupon-wrapper div.coupon {
  margin-top: 20px;
  border: 4px dashed #979797;
  border-radius: 15px;
  padding: 25px;
  min-height: 185px;
}

#email-for-coupon div.coupon-wrapper div.coupon div.amount, div.wi-coupons-slider-2 div.coupon-wrapper div.coupon div.amount {
  font-family: var(--font-primary);
  font-weight: 800;
  font-style: normal;
  font-size: 55px;
  line-height: 60px;
  letter-spacing: 1px;
  color: var(--primary);
}

#email-for-coupon div.coupon-wrapper div.coupon div.for, div.wi-coupons-slider-2 div.coupon-wrapper div.coupon div.for {
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 30px;
  line-height: 30px;
  color: var(--primary);
  min-height: 78px;
  width: 100%;
  margin: auto;
}

#email-for-coupon div.coupon-wrapper div.coupon div.image, div.wi-coupons-slider-2 div.coupon-wrapper div.coupon div.image {
  position: relative;
  top: -50px;
  margin-bottom: -50px;
}

#email-for-coupon div.coupon-wrapper div.coupon div.image img, div.wi-coupons-slider-2 div.coupon-wrapper div.coupon div.image img {
  height: 150px;
}

#email-for-coupon div.coupon-wrapper div.coupon div.expiration, div.wi-coupons-slider-2 div.coupon-wrapper div.coupon div.expiration {
  margin-top: 15px;
  opacity: 0.8;
}

#email-for-coupon div.coupon-wrapper div.coupon div.disclaimer, div.wi-coupons-slider-2 div.coupon-wrapper div.coupon div.disclaimer {
  opacity: 0.7;
  font-size: 80%;
  width: 70%;
  margin: auto;
}

section div.wi-coupons-slider-2 .slick-prev:before, section div.wi-coupons-slider-2 .slick-next:before {
  color: rgba(52, 58, 64, 0.3);
}

section.bg-image div.wi-coupons-slider-2 .slick-prev:before, section.bg-image div.wi-coupons-slider-2 .slick-next:before, section.bg-dark div.wi-coupons-slider-2 .slick-prev:before, section.bg-dark div.wi-coupons-slider-2 .slick-next:before {
  color: #fff;
}

.wi-team-grouped-1-nav .nav-item {
  width: 100%;
}

.wi-team-grouped-1-nav .nav-item a {
  padding: 0;
  margin: 0 0 0.5rem;
}

.wi-team-grouped-1-nav .nav-item a:hover {
  text-decoration: underline;
  text-decoration-color: var(--secondary);
}

.wi-team-grouped-1-nav.nav-pills .nav-link.active, .wi-team-grouped-1-nav.nav-pills .show > .nav-link {
  background-color: unset;
}

.wi-team-grouped-1 .wi-tmember:hover {
  cursor: default;
}

.wi-team-grouped-1 .wi-tmember {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.wi-team-grouped-1 .wi-tmember-info {
  position: relative;
  bottom: 60px;
  margin-left: -1px;
  margin-right: -1px;
  background-color: #f5f1ed;
  padding: 30px 15px;
  text-align: center;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 500px;
}

.wi-team-grouped-1 .wi-tmember-info h4 span.sub, .wi-team-grouped-1 .wi-tmember-info h6 span.sub {
  text-transform: uppercase;
  opacity: 1;
  font-weight: lighter;
  font-size: 70%;
  margin-top: 0.25rem;
}

@media (min-width: 992px) {
  .wi-team-grouped-1 .wi-tmember-info h4 span.sub, .wi-team-grouped-1 .wi-tmember-info h6 span.sub {
    font-size: 60%;
    margin-top: 1rem;
  }
}
@media (min-width: 992px) {
  .wi-team-grouped-1 .wi-tmember {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .wi-team-grouped-1 .wi-tmember-info {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.wi-team-grouped-1 .wi-tmember-info .btn {
  color: var(--primary);
  border-color: var(--primary);
  border-radius: 0.2rem;
  white-space: normal;
  font-family: var(--font-primary);
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.wi-team-grouped-1 .wi-tmember .wi-tmember-info .btn:not(.bio-btn-hidden):hover {
  color: #fff;
  background-color: var(--primary);
  cursor: pointer;
}

.bio-btn-hidden {
  visibility: hidden;
}

@media (min-width: 992px) {
  .wi-team-grouped-1 .wi-tmember-info {
    min-height: 200px;
  }
}
.accordion .accordion-title {
  position: relative;
  font-size: 18px;
  padding: 15px 20px;
  cursor: pointer;
  background-color: #f5f1ed;
  border-bottom: 1px solid #eee;
}

.accordion .accordion-title h5 {
  font-weight: 300;
  padding-top: 0.5rem;
}

.accordion .accordion-title i {
  position: absolute;
  font-size: 15px;
  right: 20px;
  top: 22px;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.accordion .accordion-title.collapsed i {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
}

.accordion .accordion-title:hover {
  color: var(--primary);
}

.accordion .accordion-content {
  padding: 20px;
}

h6, .h6 {
  font-size: 1.2rem;
}

.wi-team-highlight-1 .img-circle {
  width: 100%;
  border-radius: 50%;
  height: auto;
  padding-top: 100%;
}

.wi-team-highlight-1 h4 {
  margin: 0;
  text-align: center;
  color: var(--primary);
}

.wi-team-highlight-1 .wi-tmember:hover {
  cursor: pointer;
  text-decoration: underline;
}

div.wi-social-large-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin: auto;
}

div.wi-social-large-1 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 75px;
  height: 75px;
  border-radius: 2px;
  margin: 0 2px;
  font-size: 50px;
  line-height: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

div.wi-social-large-1 a:hover {
  color: #fff;
  background-color: #23a9e1;
}

div.wi-social-medium-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin: auto;
}

div.wi-social-medium-1 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 34px;
  height: 34px;
  border-radius: 2px;
  margin: 0 2px;
  font-size: 23px;
  color: var(--secondary);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

div.wi-social-medium-1 a:hover {
  color: var(--tertiary);
}

div.wi-social-small-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin: auto;
}

div.wi-social-small-1 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  width: 35px;
  height: 35px;
  font-size: 15px;
  color: var(--primary);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

div.wi-social-small-1 a:hover {
  color: #fff;
  background-color: #23a9e1;
}

ul.icon-list {
  margin: 0;
  padding: 0;
  --icon: "";
}

ul.icon-list.icon-img {
  --icon: url(../images/icons/RnR_Flower_Pink.svg) ;
}

ul.icon-list li {
  position: relative;
  list-style-type: none;
  padding-left: 30px;
  margin-bottom: var(--p-margin-bottom);
  font-size: var(--p-font-size);
  font-weight: var(--p-font-weight);
}

ul.icon-list li::before {
  position: absolute;
  left: 0;
  top: 1px;
  display: block;
  margin-right: 0;
}

ul.icon-list:not(.icon-img) li::before {
  content: var(--icon);
  font-family: "font awesome 6 pro";
  font-weight: 700;
  color: var(--primary);
  font-size: 16px;
}

ul.icon-list.icon-img li::before {
  content: var(--icon);
  width: 20px;
  top: 3px;
}

.wi-on-site-menu-1 {
  color: #000;
  font-family: helveticaneue-light, helvetica neue light, helvetica neue, Helvetica, Arial, lucida grande, sans-serif;
}

.wi-on-site-menu-1 h5, .wi-on-site-menu-1 h3, .wi-on-site-menu-1 h4 {
  font-family: arvo;
  font-weight: 700;
}

.wi-on-site-menu-1 .wi-item-title, .wi-on-site-menu-1 .wi-item-price {
  padding: 0;
  margin: 0;
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 1.2;
  font-family: open sans, sans-serif;
}

.wi-on-site-menu-1 .wi-item-title {
  max-width: 89%;
  font-weight: 600;
}

.wi-on-site-menu-1 .wi-item-price {
  font-weight: 600;
  letter-spacing: 0;
}

.wi-on-site-menu-1 .wi-item-price .pre, .wi-on-site-menu-1 .wi-item-price .post {
  font-weight: 400;
  font-size: 19px;
  color: #3c3c3c;
}

.wi-on-site-menu-1 .lines-wrap {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 10px 3px;
}

.wi-on-site-menu-1 .lines {
  width: 100%;
  height: 100%;
  border-bottom: 2px dotted var(--primary);
}

.btn {
  font-family: var(--font-secondary);
  font-size: 1.06rem;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 1;
  padding: 15px 29px 14px;
  border-radius: 50px;
}

@media (min-width: 992px) {
  .btn {
    font-size: 1.1rem;
  }
  .btn-lg {
    font-size: 1.8rem;
  }
}
.btn.btn-primary, .btn.btn-secondary, .btn.btn-tertiary, .btn.btn-quaternary, .btn.btn-senary, .btn.btn-septenary {
  color: #fff;
}

.btn.btn-quinary {
  color: var(--primary);
}

main .btn:not(.w-100) + .btn:not(.w-100) {
  margin-left: 15px;
}

main .btn.w-100 + .btn.w-100, footer .btn.w-100 + .btn.w-100 {
  margin-top: 15px;
}

@media (min-width: 576px) {
  main .btn.w-sm-100 + .btn.w-sm-100, footer .btn.w-sm-100 + .btn.w-sm-100 {
    margin-top: 15px;
    margin-left: 0;
  }
  main .btn.w-sm-unset + .btn.w-sm-unset, footer .btn.w-sm-unset + .btn.w-sm-unset {
    margin-top: 0;
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  main .btn.w-md-100 + .btn.w-md-100, footer .btn.w-md-100 + .btn.w-md-100 {
    margin-top: 15px;
    margin-left: 0;
  }
  main .btn.w-md-unset + .btn.w-md-unset, footer .btn.w-md-unset + .btn.w-md-unset {
    margin-top: 0;
    margin-left: 15px;
  }
}
@media (min-width: 992px) {
  main .btn.w-lg-100 + .btn.w-lg-100, footer .btn.w-lg-100 + .btn.w-lg-100 {
    margin-top: 15px;
    margin-left: 0;
  }
  main .btn.w-lg-unset + .btn.w-lg-unset, footer .btn.w-lg-unset + .btn.w-lg-unset {
    margin-top: 0;
    margin-left: 15px;
  }
}
@media (min-width: 1200px) {
  main .btn.w-xl-100 + .btn.w-xl-100, footer .btn.w-xl-100 + .btn.w-xl-100 {
    margin-top: 15px;
    margin-left: 0;
  }
  main .btn.w-xl-unset + .btn.w-xl-unset, footer .btn.w-xl-unset + .btn.w-xl-unset {
    margin-top: 0;
    margin-left: 15px;
  }
}
@media (min-width: 1400px) {
  main .btn.w-xxl-100 + .btn.w-xxl-100, footer .btn.w-xxl-100 + .btn.w-xxl-100 {
    margin-top: 15px;
    margin-left: 0;
  }
  main .btn.w-xxl-unset + .btn.w-xxl-unset, footer .btn.w-xxl-unset + .btn.w-xxl-unset {
    margin-top: 0;
    margin-left: 15px;
  }
}
.btn-row {
  margin-bottom: -15px;
}

.btn-row .col-auto {
  padding-right: 3px;
  padding-bottom: 15px;
}

.font-display {
  font-family: bubblegum, sans-serif;
  line-height: 1.05;
  margin-bottom: 0.75rem;
}

h1.font-display, .h1.font-display {
  font-size: 4.8rem;
}

h2.font-display, .h2.font-display {
  font-size: 3.8rem;
}

h3.font-display, .h3.font-display {
  font-size: 2.8rem;
}

h4.font-display, .h4.font-display {
  font-size: 2.3rem;
}

@media (min-width: 992px) {
  h1.font-display, .h1.font-display {
    font-size: 5.8rem;
  }
  h2.font-display, .h2.font-display {
    font-size: 4.9rem;
  }
  h3.font-display, .h3.font-display {
    font-size: 3.75rem;
  }
  h4.font-display, .h4.font-display {
    font-size: 3.3rem;
  }
}
.bg-img h1, .bg-img h2, .bg-img h3, .bg-img h4, .bg-img h5, .bg-img h6, .bg-img .h1, .bg-img .h2, .bg-img .h3, .bg-img .h4, .bg-img .h5, .bg-img .h6 {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

.text-shadow {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

p.lead {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4;
}

p.small, span.small {
  font-size: 1rem;
}

h1 span.sub {
  opacity: 1;
  font-size: 0.3em;
  display: inline;
}

h2 span.sub {
  opacity: 1;
  font-size: 0.3em;
  display: inline;
}

h3 span.sub {
  opacity: 1;
  font-size: 0.3em;
  display: inline;
}

h4 span.sub {
  opacity: 1;
  font-size: 0.3em;
  display: inline;
}

h5 span.sub {
  opacity: 1;
  font-size: 0.3em;
  display: inline;
}

h6 span.sub {
  opacity: 1;
  font-size: 0.3em;
  display: inline;
}

.subheading {
  font-size: 1.4rem !important;
  font-family: var(--font-primary) !important;
  text-transform: none !important;
  font-weight: 800 !important;
  line-height: 1.4;
}

section:not([class*=bg-]):not(.lr-section) + section:not([class*=bg-]):not(.lr-section):not(.normal-padding) {
  padding-top: 0;
}

:root {
  --border-radius: 16px ;
}

a.link-phone {
  color: var(--secondary);
  font-weight: 600;
}

a.link-phone:hover {
  color: var(--primary);
}

a.link-phone::before {
  content: "\f879";
  font-family: "font awesome 6 pro";
  weight: 900;
  font-size: 0.8em;
  bottom: 1px;
  position: relative;
  margin-right: 0.27em;
}

a.link-lead {
  font-family: var(--font-primary);
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  line-height: var(--h4-line-height);
}

a.link-lead:not(:has(i))::after, a.link-lead i {
  content: "\f0da";
  font-family: "font awesome 6 pro";
  font-weight: 600;
  font-size: 0.65em;
  margin-left: 0.46em;
}

.bg-img-container {
  --aspect-ratio: unset;
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 250px;
  aspect-ratio: var(--aspect-ratio);
}

.bg-img-container picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.bg-img-container img.bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.bg-img-container.bg-circle {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 100%;
}

.cl-reviews-slider-2 .infiniteslide_wrap {
  overflow: visible !important;
}

.cl-reviews-slider-2 ul {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.cl-reviews-slider-2 ul li {
  margin-right: 40px;
}

.cl-reviews-slider-2 .review-box .review-stars {
  color: var(--quinary);
}

.cl-reviews-slider-2 .review-box {
  width: 257px;
  position: relative;
  overflow: hidden;
  padding: 18px 24px;
  border-radius: var(--border-radius);
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
}

.cl-reviews-slider-2 .review-box .name {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
}

.cl-reviews-slider-2 .review-box:not(.expanded) {
  height: 333px;
}

.cl-reviews-slider-2 .loading-spinner {
  height: 333px;
}

.cl-reviews-slider-2 .review-type-icon-wrapper {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -21px;
}

.cl-reviews-slider-2 .review-type-icon-wrapper > .review-type-icon {
  text-align: center;
  width: 24px;
  height: 24px;
  color: #fff !important;
  z-index: 2;
}

.cl-reviews-slider-2 ul > li .review-type-icon-wrapper::before {
  width: 50px;
  margin-bottom: -6px;
  z-index: 1;
}

.cl-reviews-slider-2 ul > li:nth-child(5n) .review-type-icon-wrapper::before {
  content: url(/oak/files/icons/RnR_Circle_Blue.svg);
}

.cl-reviews-slider-2 ul > li:nth-child(5n+1) .review-type-icon-wrapper::before {
  content: url(/oak/files/icons/RnR_Circle_Purple.svg);
}

.cl-reviews-slider-2 ul > li:nth-child(5n+2) .review-type-icon-wrapper::before {
  content: url(/oak/files/icons/RnR_Circle_Pink.svg);
}

.cl-reviews-slider-2 ul > li:nth-child(5n+3) .review-type-icon-wrapper::before {
  content: url(/oak/files/icons/RnR_Circle_Periwinkle.svg);
}

.cl-reviews-slider-2 ul > li:nth-child(5n+4) .review-type-icon-wrapper::before {
  content: url(/oak/files/icons/RnR_Circle_Green.svg);
}

.cl-reviews-slider-2 .review-type-icon-wrapper > .review-type-icon:before {
  font-size: 24px;
}

.cl-reviews-slider-2 .review-box .review {
  font-size: 1rem;
  line-height: var(--p-line-height);
  font-weight: var(--p-font-weight);
  margin-bottom: var(--p-margin-bottom);
  color: var(--dark);
}

.cl-reviews-slider-2 .review-box .expand-review {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  text-align: center;
  font-size: 36px;
  color: var(--senary);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(35%, white), to(transparent));
  background: linear-gradient(0deg, white 35%, transparent 100%);
}

.cl-reviews-slider-2 .review-box .expand-review:hover {
  cursor: pointer;
  color: var(--secondary);
}

@media (min-width: 992px) {
  .cl-reviews-slider-2:before {
    content: "";
    height: 100%;
    width: 40px;
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
  }
  .cl-reviews-slider-2:before {
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
  }
}
.cl-reviews-slider-2 .see-more-container {
  position: relative;
  width: 100%;
  padding-left: 1rem;
}

.cl-reviews-slider-2 .see-more {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.5rem;
  padding-left: 1.5rem;
  -webkit-transition: background-color 0.1s;
  transition: background-color 0.1s;
  background-color: var(--senary);
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.cl-reviews-slider-2 .see-more:hover {
  background-color: var(--primary);
}

@media (min-width: 992px) {
  .cl-reviews-slider-2 .see-more-container {
    position: absolute;
    right: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: unset;
  }
  .cl-reviews-slider-2 .see-more-container::before {
    content: "";
    height: 121%;
    width: calc(100% + 130px);
    position: absolute;
    z-index: 2;
    right: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff calc(0% + 100px), white 100%);
  }
  .cl-reviews-slider-2 .see-more {
    z-index: 2;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    padding: 1.5rem;
    background-color: var(--senary);
    border-radius: var(--border-radius) 0 0 var(--border-radius);
  }
}
.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid var(--primary);
  border-color: var(--primary) transparent var(--primary) transparent;
  -webkit-animation: lds-dual-ring 1.2s linear infinite;
          animation: lds-dual-ring 1.2s linear infinite;
}

@-webkit-keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
hr {
  border-radius: 100px;
}

hr.thick {
  height: 7px;
  opacity: 1;
}

.img-w-shadow {
  --img-border-radius: var(--border-radius);
  --aspect-ratio: 460/413;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin-bottom: 14px;
  max-width: 360px;
}

@media (min-width: 992px) {
  .img-w-shadow {
    max-width: unset;
  }
}
.img-w-shadow.img-large {
  height: 420px;
  max-width: unset;
  --aspect-ratio: unset ;
}

.img-w-shadow.img-large .img-container {
  min-height: unset;
}

.img-w-shadow.img-medium {
  height: 300px;
  max-width: unset;
  --aspect-ratio: unset ;
}

.img-w-shadow.img-medium .img-container {
  min-height: unset;
}

.img-w-shadow.img-small {
  height: 236px;
  max-width: unset;
  --aspect-ratio: unset ;
}

.img-w-shadow.img-small .img-container {
  min-height: unset;
}

.img-w-shadow.ratio-video {
  --aspect-ratio: 16/9 ;
}

.img-w-shadow .img-container {
  border-radius: var(--img-border-radius);
  display: block;
  overflow: hidden;
  position: relative;
  width: calc(100% - 14px);
  min-height: 250px;
  aspect-ratio: var(--aspect-ratio);
  z-index: 2;
}

.img-w-shadow .img-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.img-w-shadow::after {
  content: "";
  aspect-ratio: var(--aspect-ratio);
  background-color: var(--primary);
  border-radius: var(--img-border-radius);
  width: calc(100% - 14px);
  position: absolute;
  top: 14px;
  display: block;
  right: 14px;
  z-index: 1;
  height: 100%;
}

.img-w-shadow.img-overlap-left {
  position: absolute;
  left: -40px;
  right: 0;
  width: unset;
}

.img-w-shadow.img-overlap-right {
  position: absolute;
  right: -40px;
  left: 0;
  width: unset;
}

.img-w-shadow.img-overlap-left-unset {
  position: relative;
  width: 100%;
}

.img-w-shadow.img-overlap-bottom {
  margin-bottom: -32px;
}

.img-w-shadow.img-overlap-bottom-unset {
  margin-bottom: unset;
}

@media (min-width: 576px) {
  .img-w-shadow.img-overlap-sm-left {
    position: absolute;
    left: -40px;
    right: 0;
    width: unset;
  }
  .img-w-shadow.img-overlap-sm-right {
    position: absolute;
    right: -40px;
    left: 0;
    width: unset;
  }
  .img-w-shadow.img-overlap-sm-left-unset {
    position: relative;
    width: 100%;
  }
  .img-w-shadow.img-overlap-sm-bottom {
    margin-bottom: -32px;
  }
  .img-w-shadow.img-overlap-sm-bottom-unset {
    margin-bottom: 14px;
  }
  .img-w-shadow.img-overlap-sm-bottom-large {
    margin-bottom: -87px;
  }
  .img-w-shadow.img-sm-large {
    height: 420px;
    max-width: unset;
    --aspect-ratio: unset ;
  }
  .img-w-shadow.img-sm-large .img-container {
    min-height: unset;
  }
  .img-w-shadow.img-sm-medium {
    height: 300px;
    max-width: unset;
    --aspect-ratio: unset ;
  }
  .img-w-shadow.img-sm-medium .img-container {
    min-height: unset;
  }
  .img-w-shadow.img-sm-small {
    height: 236px;
    max-width: unset;
    --aspect-ratio: unset ;
  }
  .img-w-shadow.img-sm-small .img-container {
    min-height: unset;
  }
}
@media (min-width: 768px) {
  .img-w-shadow.img-overlap-md-left {
    position: absolute;
    left: -40px;
    right: 0;
    width: unset;
  }
  .img-w-shadow.img-overlap-md-right {
    position: absolute;
    right: -40px;
    left: 0;
    width: unset;
  }
  .img-w-shadow.img-overlap-md-left-unset {
    position: relative;
    width: 100%;
  }
  .img-w-shadow.img-overlap-md-bottom {
    margin-bottom: -32px;
  }
  .img-w-shadow.img-overlap-md-bottom-unset {
    margin-bottom: 14px;
  }
  .img-w-shadow.img-overlap-md-bottom-large {
    margin-bottom: -87px;
  }
  .img-w-shadow.img-md-large {
    height: 420px;
    max-width: unset;
    --aspect-ratio: unset ;
  }
  .img-w-shadow.img-md-large .img-container {
    min-height: unset;
  }
  .img-w-shadow.img-md-medium {
    height: 300px;
    max-width: unset;
    --aspect-ratio: unset ;
  }
  .img-w-shadow.img-md-medium .img-container {
    min-height: unset;
  }
  .img-w-shadow.img-md-small {
    height: 236px;
    max-width: unset;
    --aspect-ratio: unset ;
  }
  .img-w-shadow.img-md-small .img-container {
    min-height: unset;
  }
}
@media (min-width: 992px) {
  .img-w-shadow.img-overlap-lg-left {
    position: absolute;
    left: -40px;
    right: 0;
    width: unset;
  }
  .img-w-shadow.img-overlap-lg-right {
    position: absolute;
    right: -40px;
    left: 0;
    width: unset;
  }
  .img-w-shadow.img-overlap-lg-left-unset {
    position: relative;
    width: 100%;
  }
  .img-w-shadow.img-overlap-lg-bottom {
    margin-bottom: -32px;
  }
  .img-w-shadow.img-overlap-lg-bottom-unset {
    margin-bottom: 14px;
  }
  .img-w-shadow.img-overlap-lg-bottom-large {
    margin-bottom: -87px;
  }
  .img-w-shadow.img-lg-large {
    height: 420px;
    max-width: unset;
    --aspect-ratio: unset ;
  }
  .img-w-shadow.img-lg-large .img-container {
    min-height: unset;
  }
  .img-w-shadow.img-lg-medium {
    height: 300px;
    max-width: unset;
    --aspect-ratio: unset ;
  }
  .img-w-shadow.img-lg-medium .img-container {
    min-height: unset;
  }
  .img-w-shadow.img-lg-small {
    height: 236px;
    max-width: unset;
    --aspect-ratio: unset ;
  }
  .img-w-shadow.img-lg-small .img-container {
    min-height: unset;
  }
}
@media (min-width: 1200px) {
  .img-w-shadow.img-overlap-xl-left {
    position: absolute;
    left: -40px;
    right: 0;
    width: unset;
  }
  .img-w-shadow.img-overlap-xl-right {
    position: absolute;
    right: -40px;
    left: 0;
    width: unset;
  }
  .img-w-shadow.img-overlap-xl-left-unset {
    position: relative;
    width: 100%;
  }
  .img-w-shadow.img-overlap-xl-bottom {
    margin-bottom: -32px;
  }
  .img-w-shadow.img-overlap-xl-bottom-unset {
    margin-bottom: 14px;
  }
  .img-w-shadow.img-overlap-xl-bottom-large {
    margin-bottom: -87px;
  }
  .img-w-shadow.img-xl-large {
    height: 420px;
    max-width: unset;
    --aspect-ratio: unset ;
  }
  .img-w-shadow.img-xl-large .img-container {
    min-height: unset;
  }
  .img-w-shadow.img-xl-medium {
    height: 300px;
    max-width: unset;
    --aspect-ratio: unset ;
  }
  .img-w-shadow.img-xl-medium .img-container {
    min-height: unset;
  }
  .img-w-shadow.img-xl-small {
    height: 236px;
    max-width: unset;
    --aspect-ratio: unset ;
  }
  .img-w-shadow.img-xl-small .img-container {
    min-height: unset;
  }
}
@media (min-width: 1400px) {
  .img-w-shadow.img-overlap-xxl-left {
    position: absolute;
    left: -40px;
    right: 0;
    width: unset;
  }
  .img-w-shadow.img-overlap-xxl-right {
    position: absolute;
    right: -40px;
    left: 0;
    width: unset;
  }
  .img-w-shadow.img-overlap-xxl-left-unset {
    position: relative;
    width: 100%;
  }
  .img-w-shadow.img-overlap-xxl-bottom {
    margin-bottom: -32px;
  }
  .img-w-shadow.img-overlap-xxl-bottom-unset {
    margin-bottom: 14px;
  }
  .img-w-shadow.img-overlap-xxl-bottom-large {
    margin-bottom: -87px;
  }
  .img-w-shadow.img-xxl-large {
    height: 420px;
    max-width: unset;
    --aspect-ratio: unset ;
  }
  .img-w-shadow.img-xxl-large .img-container {
    min-height: unset;
  }
  .img-w-shadow.img-xxl-medium {
    height: 300px;
    max-width: unset;
    --aspect-ratio: unset ;
  }
  .img-w-shadow.img-xxl-medium .img-container {
    min-height: unset;
  }
  .img-w-shadow.img-xxl-small {
    height: 236px;
    max-width: unset;
    --aspect-ratio: unset ;
  }
  .img-w-shadow.img-xxl-small .img-container {
    min-height: unset;
  }
}
.img-w-shadow.shadow-primary::after {
  background-color: var(--primary);
}

.img-w-shadow.shadow-secondary::after {
  background-color: var(--secondary);
}

.img-w-shadow.shadow-tertiary::after {
  background-color: var(--tertiary);
}

.img-w-shadow.shadow-quaternary::after {
  background-color: var(--quaternary);
}

.img-w-shadow.shadow-quinary::after {
  background-color: var(--quinary);
}

.img-w-shadow.shadow-senary::after {
  background-color: var(--senary);
}

.img-w-shadow.shadow-septenary::after {
  background-color: var(--septenary);
}

.img-w-shadow.shadow-light::after {
  background-color: var(--light);
}

.img-w-shadow.shadow-gray::after {
  background-color: var(--gray);
}

.img-w-shadow.shadow-dark::after {
  background-color: var(--dark);
}

.img-w-shadow.shadow-dark-gray::after {
  background-color: var(--dark-gray);
}

@media (min-width: 992px) {
  .img-w-shadow {
    --aspect-ratio: unset;
    height: 86%;
  }
  .img-w-shadow::after {
    height: 100%;
  }
}
.img-w-shadow .img-container .content {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  text-align: center;
  color: #fff;
}

.img-w-shadow .img-container a.content {
  background: rgba(0, 0, 0, 0.2705882353);
}

.img-w-shadow .img-container a.content:hover {
  background: rgba(0, 0, 0, 0.3607843137);
  color: #fff;
}

[class^=cta-box] {
  --height: 357px;
  --padding: 1.5rem ;
}

@media (min-width: 992px) {
  [class^=cta-box] {
    --height: 532px;
    --padding: 2.75rem;
    --min-height: 325px ;
  }
}
@media (max-width: 992px) {
  [class^=cta-box].cta-mobile-large {
    --height: 466px ;
  }
}
.cta-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: var(--height);
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius);
}

.cta-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 109, 177, 0)), to(#52034F));
  background: linear-gradient(180deg, rgba(229, 109, 177, 0) 0%, #52034F 100%);
  opacity: 0.4;
}

.cta-box > picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.cta-box > picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.cta-box .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: var(--min-height);
  height: 100%;
  width: 100%;
  z-index: 2;
  color: #fff;
  padding: var(--padding);
}

@media (min-width: 576px) {
  .cta-box-sm::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 109, 177, 0)), to(#52034F));
    background: linear-gradient(180deg, rgba(229, 109, 177, 0) 0%, #52034F 100%);
    opacity: 0.4;
  }
  .cta-box-sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--height);
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius);
  }
  .cta-box-sm > picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  .cta-box-sm > picture img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .cta-box-sm .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: var(--min-height);
    height: 100%;
    width: 100%;
    z-index: 2;
    color: #fff;
    padding: var(--padding);
  }
}
@media (min-width: 768px) {
  .cta-box-md::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 109, 177, 0)), to(#52034F));
    background: linear-gradient(180deg, rgba(229, 109, 177, 0) 0%, #52034F 100%);
    opacity: 0.4;
  }
  .cta-box-md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--height);
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius);
  }
  .cta-box-md > picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  .cta-box-md > picture img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .cta-box-md .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: var(--min-height);
    height: 100%;
    width: 100%;
    z-index: 2;
    color: #fff;
    padding: var(--padding);
  }
}
@media (min-width: 992px) {
  .cta-box-lg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 109, 177, 0)), to(#52034F));
    background: linear-gradient(180deg, rgba(229, 109, 177, 0) 0%, #52034F 100%);
    opacity: 0.4;
  }
  .cta-box-lg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--height);
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius);
  }
  .cta-box-lg > picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  .cta-box-lg > picture img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .cta-box-lg .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: var(--min-height);
    height: 100%;
    width: 100%;
    z-index: 2;
    color: #fff;
    padding: var(--padding);
  }
}
@media (min-width: 1200px) {
  .cta-box-xl::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 109, 177, 0)), to(#52034F));
    background: linear-gradient(180deg, rgba(229, 109, 177, 0) 0%, #52034F 100%);
    opacity: 0.4;
  }
  .cta-box-xl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--height);
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius);
  }
  .cta-box-xl > picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  .cta-box-xl > picture img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .cta-box-xl .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: var(--min-height);
    height: 100%;
    width: 100%;
    z-index: 2;
    color: #fff;
    padding: var(--padding);
  }
}
@media (min-width: 1400px) {
  .cta-box-xxl::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 109, 177, 0)), to(#52034F));
    background: linear-gradient(180deg, rgba(229, 109, 177, 0) 0%, #52034F 100%);
    opacity: 0.4;
  }
  .cta-box-xxl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--height);
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius);
  }
  .cta-box-xxl > picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  .cta-box-xxl > picture img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .cta-box-xxl .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: var(--min-height);
    height: 100%;
    width: 100%;
    z-index: 2;
    color: #fff;
    padding: var(--padding);
  }
}
.icon-left {
  position: relative;
}

.icon-left.icon-inline {
  margin-left: 0.83em;
}

.icon-left img {
  width: 0.67em;
  position: absolute;
  left: -0.83em;
  top: 0.15em;
}

.icon-semi-inline {
  position: relative;
  margin-left: 0.46em;
}

.icon-semi-inline img {
  width: 1.05em;
  position: absolute;
  left: -0.46em;
  top: 0;
}

.icon-semi-inline span {
  position: relative;
  z-index: 1;
}

.wi-testimonials-video-slider .item .video-player .video-poster-img {
  max-height: unset;
  aspect-ratio: 2.11;
  -o-object-position: top center;
     object-position: top center;
}

.wi-testimonials-video-slider .item .author {
  font-size: var(--p-font-size);
  line-height: var(--p-line-height);
  font-weight: var(--p-font-weight);
  margin-bottom: 0;
  font-family: var(--font-secondary);
}

.wi-testimonials-video-slider-parent .see-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: static;
  color: var(--primary);
  font-weight: 800;
  text-transform: uppercase;
  font-size: 18px;
  margin-top: calc(var(--p-margin-bottom) * 2.5);
}

.wi-testimonials-video-slider-parent .see-all:hover {
  color: var(--secondary);
}

@media (min-width: 992px) {
  .wi-testimonials-video-slider-parent .see-all {
    position: absolute;
    bottom: -30px;
    right: 0;
  }
}
.video-player {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  position: relative;
  border-radius: var(--border-radius);
}

.video-player picture {
  width: 100%;
}

.video-player .video-poster-img {
  width: 100%;
  max-height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
}

.video-player::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background: var(--primary);
}

.video-player:hover .video-poster-img {
  -webkit-box-shadow: 1px 0 10px #000;
          box-shadow: 1px 0 10px #000;
  -webkit-transition: -webkit-box-shadow 0.15s ease-in-out;
  transition: -webkit-box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.video-player .video-play-btn {
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  line-height: var(--h4-line-height);
  font-family: var(--font-primary);
  text-transform: uppercase;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}

.video-player .video-play-btn i {
  font-size: 54px;
  display: inline-block;
  margin-bottom: 7px;
}

@media (min-width: 992px) {
  .video-player .video-poster-img {
    width: 100%;
    max-height: 640px;
  }
}
.slick-dots {
  position: absolute !important;
  text-align: left;
  bottom: -35px;
}

.slick-dots li {
  margin-right: 5px;
  margin-left: 0;
}

.slick-dots li button {
  width: auto;
  height: auto;
  padding: 0;
}

.slick-dots li button:before {
  content: "";
  font-weight: 900;
  font-size: 35px;
  background-color: var(--primary-rgba-translucent);
  height: 7px;
  border-radius: 10px;
  width: 21px;
  opacity: 1;
}

.slick-dots li.slick-active button:before {
  color: var(--tertiary);
  background-color: var(--primary);
  opacity: 1;
}

.wi-faqs-accordion-1 .accordion-item {
  border: none;
  background-color: transparent;
  border-bottom: 1px solid var(--quinary);
}

.wi-faqs-accordion-1 .accordion-item:last-of-type .accordion-button.collapsed, .wi-faqs-accordion-1 .accordion-item:last-of-type {
  border-radius: unset !important;
}

.wi-faqs-accordion-1 .accordion-button, .wi-faqs-accordion-1 .accordion-button:not(.collapsed) {
  padding: 1.25rem 0;
  border: none;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: inherit;
}

.wi-faqs-accordion-1 .accordion-button:focus {
  border-color: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.wi-faqs-accordion-1 .accordion-button:after {
  content: "\f0d7";
  background-image: unset;
  color: var(--quinary);
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  font-weight: 900;
  font-family: "font awesome 6 pro";
}

.wi-faqs-accordion-1 .accordion-button:not(.collapsed):after {
  background-image: unset;
  content: "\f0d8";
  -webkit-transform: unset;
          transform: unset;
  font-size: 17px;
  line-height: 17px;
  height: 17px;
}

.wi-faqs-accordion-1 .accordion-item:first-child .accordion-header .accordion-button {
  padding-top: 0;
}

.wi-faqs-accordion-1 .accordion-body {
  padding: 0 0 1.25rem;
}

.wi-faqs-accordion-1 .accordion-button, .wi-faqs-accordion-1 .accordion-body {
  color: #fff;
}

.wi-faqs-accordion-1 .accordion-body *:last-child {
  margin-bottom: 0;
}

.borders-rounded {
  border-radius: var(--border-radius);
}

@media (min-width: 576px) {
  .borders-sm-rounded {
    border-radius: var(--border-radius);
  }
}
@media (min-width: 768px) {
  .borders-md-rounded {
    border-radius: var(--border-radius);
  }
}
@media (min-width: 992px) {
  .borders-lg-rounded {
    border-radius: var(--border-radius);
  }
}
@media (min-width: 1200px) {
  .borders-xl-rounded {
    border-radius: var(--border-radius);
  }
}
@media (min-width: 1400px) {
  .borders-xxl-rounded {
    border-radius: var(--border-radius);
  }
}
.wi-team .tmember {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  aspect-ratio: 0.7787878788;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius);
}

.wi-team .tmember picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.wi-team .tmember img,
.wi-team .tmember picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.wi-team .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.2));
  position: relative;
  left: 0;
  bottom: 21px;
  position: absolute;
}

.drop-shadow {
  -webkit-filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.2));
}

.drop-shadow-none {
  -webkit-filter: unset;
          filter: unset;
}

@media (min-width: 576px) {
  .drop-shadow-sm {
    -webkit-filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.2));
            filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.2));
  }
  .drop-shadow-none-sm {
    -webkit-filter: unset;
            filter: unset;
  }
}
@media (min-width: 768px) {
  .drop-shadow-md {
    -webkit-filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.2));
            filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.2));
  }
  .drop-shadow-none-md {
    -webkit-filter: unset;
            filter: unset;
  }
}
@media (min-width: 992px) {
  .drop-shadow-lg {
    -webkit-filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.2));
            filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.2));
  }
  .drop-shadow-none-lg {
    -webkit-filter: unset;
            filter: unset;
  }
}
@media (min-width: 1200px) {
  .drop-shadow-xl {
    -webkit-filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.2));
            filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.2));
  }
  .drop-shadow-none-xl {
    -webkit-filter: unset;
            filter: unset;
  }
}
@media (min-width: 1400px) {
  .drop-shadow-xxl {
    -webkit-filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.2));
            filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.2));
  }
  .drop-shadow-none-xxl {
    -webkit-filter: unset;
            filter: unset;
  }
}
.box-shadow {
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
}

.horizontal-scroll, .horizontal-scroll-mobile {
  --horizontal-scroll-offset: 0px ;
}

.horizontal-scroll .scroll-overlay:before, .horizontal-scroll .scroll-overlay:after {
  content: "";
  height: 100%;
  width: 20px;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.8;
}

.horizontal-scroll .scroll-overlay:before {
  left: 0;
}

.horizontal-scroll .scroll-overlay:after {
  right: 0;
}

@media (min-width: 992px) {
  .horizontal-scroll .scroll-overlay:before, .horizontal-scroll .scroll-overlay:after {
    width: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset));
  }
}
.horizontal-scroll .overflow {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: scroll;
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 576px) {
  .horizontal-scroll .overflow {
    padding-left: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset));
    padding-right: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset));
  }
}
.horizontal-scroll .overflow:hover {
  cursor: default;
}

.horizontal-scroll .overflow:not(.hide-scrollbar)::-webkit-scrollbar {
  display: block;
  height: 10px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  border-radius: 100px;
}

.horizontal-scroll .overflow:not(.hide-scrollbar)::-webkit-scrollbar-thumb {
  background-color: #707272;
  border-radius: 100px;
}

.horizontal-scroll .overflow:not(.hide-scrollbar)::-webkit-scrollbar-track-piece {
  background-color: rgba(112, 114, 114, 0.5);
  border-radius: 100px;
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-primary::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-primary::-webkit-scrollbar-track-piece {
  background-color: var(--primary-rgba-translucent);
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-secondary::-webkit-scrollbar-thumb {
  background-color: var(--secondary);
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-secondary::-webkit-scrollbar-track-piece {
  background-color: var(--secondary-rgba-translucent);
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-tertiary::-webkit-scrollbar-thumb {
  background-color: var(--tertiary);
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-tertiary::-webkit-scrollbar-track-piece {
  background-color: var(--tertiary-rgba-translucent);
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-quaternary::-webkit-scrollbar-thumb {
  background-color: var(--quaternary);
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-quaternary::-webkit-scrollbar-track-piece {
  background-color: var(--quaternary-rgba-translucent);
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-quinary::-webkit-scrollbar-thumb {
  background-color: var(--quinary);
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-quinary::-webkit-scrollbar-track-piece {
  background-color: var(--quinary-rgba-translucent);
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-senary::-webkit-scrollbar-thumb {
  background-color: var(--senary);
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-senary::-webkit-scrollbar-track-piece {
  background-color: var(--senary-rgba-translucent);
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-septenary::-webkit-scrollbar-thumb {
  background-color: var(--septenary);
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-septenary::-webkit-scrollbar-track-piece {
  background-color: var(--septenary-rgba-translucent);
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-thumb {
  background-color: var(--light);
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-track-piece {
  background-color: var(--light-rgba-translucent);
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-gray::-webkit-scrollbar-thumb {
  background-color: var(--gray);
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-gray::-webkit-scrollbar-track-piece {
  background-color: var(--gray-rgba-translucent);
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-dark::-webkit-scrollbar-thumb {
  background-color: var(--dark);
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-dark::-webkit-scrollbar-track-piece {
  background-color: var(--dark-rgba-translucent);
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-dark-gray::-webkit-scrollbar-thumb {
  background-color: var(--dark-gray);
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-dark-gray::-webkit-scrollbar-track-piece {
  background-color: var(--dark-gray-rgba-translucent);
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-thumb {
  background-color: #fff;
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-track-piece {
  background-color: rgba(255, 255, 255, 0.5);
}

.horizontal-scroll .overflow::-webkit-scrollbar-track-piece:start {
  margin-left: 20px;
}

.horizontal-scroll .overflow::-webkit-scrollbar-track-piece:end {
  margin-right: 20px;
}

@media (min-width: 992px) {
  .horizontal-scroll .overflow::-webkit-scrollbar-track-piece:start {
    margin-left: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset) + 12px);
  }
  .horizontal-scroll .overflow::-webkit-scrollbar-track-piece:end {
    margin-right: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset) + 12px);
  }
}
@media (max-width: 992px) {
  .horizontal-scroll-mobile {
    width: 100% !important;
    padding-right: var(--bs-gutter-x, 0.75rem) !important;
    padding-left: var(--bs-gutter-x, 0.75rem) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    max-width: unset !important;
  }
  .horizontal-scroll-mobile .scroll-overlay:before, .horizontal-scroll .scroll-overlay:after {
    content: "";
    height: 100%;
    width: 20px;
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.8;
  }
  .horizontal-scroll-mobile .scroll-overlay:before {
    left: 0;
  }
  .horizontal-scroll-mobile .scroll-overlay:after {
    right: 0;
  }
  .horizontal-scroll-mobile .overflow {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: scroll;
    padding-left: 20px;
    padding-right: 20px;
  }
  .horizontal-scroll-mobile .overflow {
    padding-left: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset));
    padding-right: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset));
  }
  .horizontal-scroll-mobile .overflow:hover {
    cursor: default;
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar)::-webkit-scrollbar {
    display: block;
    height: 4px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar)::-webkit-scrollbar-thumb {
    background-color: #707272;
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar)::-webkit-scrollbar-track-piece {
    background-color: rgba(112, 114, 114, 0.5);
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-primary::-webkit-scrollbar-thumb {
    background-color: var(--primary);
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-primary::-webkit-scrollbar-track-piece {
    background-color: var(--primary-rgba-translucent);
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-secondary::-webkit-scrollbar-thumb {
    background-color: var(--secondary);
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-secondary::-webkit-scrollbar-track-piece {
    background-color: var(--secondary-rgba-translucent);
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-tertiary::-webkit-scrollbar-thumb {
    background-color: var(--tertiary);
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-tertiary::-webkit-scrollbar-track-piece {
    background-color: var(--tertiary-rgba-translucent);
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-quaternary::-webkit-scrollbar-thumb {
    background-color: var(--quaternary);
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-quaternary::-webkit-scrollbar-track-piece {
    background-color: var(--quaternary-rgba-translucent);
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-quinary::-webkit-scrollbar-thumb {
    background-color: var(--quinary);
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-quinary::-webkit-scrollbar-track-piece {
    background-color: var(--quinary-rgba-translucent);
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-senary::-webkit-scrollbar-thumb {
    background-color: var(--senary);
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-senary::-webkit-scrollbar-track-piece {
    background-color: var(--senary-rgba-translucent);
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-septenary::-webkit-scrollbar-thumb {
    background-color: var(--septenary);
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-septenary::-webkit-scrollbar-track-piece {
    background-color: var(--septenary-rgba-translucent);
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-thumb {
    background-color: var(--light);
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-track-piece {
    background-color: var(--light-rgba-translucent);
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-gray::-webkit-scrollbar-thumb {
    background-color: var(--gray);
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-gray::-webkit-scrollbar-track-piece {
    background-color: var(--gray-rgba-translucent);
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-dark::-webkit-scrollbar-thumb {
    background-color: var(--dark);
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-dark::-webkit-scrollbar-track-piece {
    background-color: var(--dark-rgba-translucent);
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-dark-gray::-webkit-scrollbar-thumb {
    background-color: var(--dark-gray);
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-dark-gray::-webkit-scrollbar-track-piece {
    background-color: var(--dark-gray-rgba-translucent);
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-thumb {
    background-color: #fff;
  }
  .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-track-piece {
    background-color: rgba(255, 255, 255, 0.5);
  }
  .horizontal-scroll-mobile .overflow::-webkit-scrollbar-track-piece:start {
    margin-left: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset) + var(--bs-gutter-x) / 2);
  }
  .horizontal-scroll-mobile .overflow::-webkit-scrollbar-track-piece:end {
    margin-right: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset) + var(--bs-gutter-x) / 2);
  }
}
@media (max-width: 576px) {
  .horizontal-scroll-mobile {
    --horizontal-scroll-offset: 0 ;
  }
  .horizontal-scroll-mobile .scroll-overlay:before, .horizontal-scroll-mobile .scroll-overlay:after {
    width: 10px;
  }
  .horizontal-scroll-mobile .overflow::-webkit-scrollbar-track-piece:start {
    margin-left: calc(10px + var(--bs-gutter-x) / 2);
  }
  .horizontal-scroll-mobile .overflow::-webkit-scrollbar-track-piece:end {
    margin-right: calc(10px + var(--bs-gutter-x) / 2);
  }
}
.wi-badges-simple-1 .col img {
  max-height: 125px;
}

@media (max-width: 992px) {
  .wi-badges-simple-1 .col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .wi-badges-simple-1 .col img {
    max-height: 100px;
  }
}
.cn-subnav-highlight h2 {
  margin-left: 0.55em;
}

.cn-subnav-highlight h2 > span img {
  width: 1.136em;
  max-height: 1.136em;
  position: absolute;
  left: -0.53em;
  bottom: -0.13em;
}

.cn-subnav-highlight h2 > span span {
  z-index: 1;
  position: relative;
}

.cn-subnav-highlight .img-w-shadow {
  height: unset;
}

.wi-intro-slider {
  padding: 0 !important;
}

.wi-intro-slider .is-container {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wi-intro-slider .carousel-inner .carousel-item {
  height: 681px;
  width: 100%;
  padding-top: calc(var(--nav-mobile-height) + var(--nav-tert-height) + var(--top-bar, 0px) + var(--section-unit));
  padding-bottom: 194px;
}

@media (min-width: 992px) {
  .wi-intro-slider .carousel-inner .carousel-item {
    height: 840px;
    padding-top: calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar, 0px) + var(--section-unit));
    padding-bottom: var(--section-unit);
  }
}
.wi-intro-slider .carousel-inner .carousel-item.overlay-primary::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(73, 0, 57, 0.3803921569);
}

.wi-intro-slider .carousel-inner .carousel-item.overlay-secondary::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(1, 122, 171, 0.5019607843);
}

.wi-intro-slider .carousel-item {
  background-position: 90% 50%;
}

@media (min-width: 992px) {
  .wi-intro-slider .carousel-inner .carousel-item.overlay-secondary::before {
    background: -webkit-gradient(linear, left top, right top, from(rgba(1, 122, 171, 0.6117647059)), to(rgba(44, 204, 211, 0)));
    background: linear-gradient(90deg, rgba(1, 122, 171, 0.6117647059) 0%, rgba(44, 204, 211, 0) 100%);
  }
  .wi-intro-slider .carousel-inner .carousel-item.overlay-primary::before {
    background: -webkit-gradient(linear, left top, right top, from(rgba(73, 0, 57, 0.6)), to(rgba(73, 0, 57, 0)));
    background: linear-gradient(90deg, rgba(73, 0, 57, 0.6) 0%, rgba(73, 0, 57, 0) 100%);
  }
  .wi-intro-slider .carousel-item {
    background-position: 100% 50%;
  }
}
footer ul {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}

form .row {
  --bs-gutter-x: 10px ;
}

form .form-group:not(:last-child) {
  margin-bottom: 12px;
}

form .form-group label {
  font-size: 11px;
  line-height: 13px;
  font-weight: 400;
  font-family: var(--font-secondary);
  position: absolute;
  top: 4px;
  left: calc(var(--bs-gutter-x) * 0.5 + 6px);
}

form .form-group .form-control {
  border-radius: 8px;
  padding-top: 16px;
  padding-left: 6px;
  font-size: 13px;
  border: unset;
  background-color: #fff;
}

form .form-group textarea.form-control {
  min-height: 178px !important;
}

form .form-control:focus {
  border-radius: var(--border-radius);
}

form .form-control:-webkit-autofill, form .form-control:-webkit-autofill:hover, form .form-control:-webkit-autofill:focus, form .form-control:-webkit-autofill:active {
  border-radius: var(--border-radius);
}

form .form-group label {
  color: var(--dark);
}

form .form-group .form-control {
  color: var(--secondary);
}

form .form-control:-webkit-autofill, form .form-control:-webkit-autofill:hover, form .form-control:-webkit-autofill:focus, form .form-control:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #fff inset !important;
  -webkit-text-fill-color: var(--secondary) !important;
}

form .form-control:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
          box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
}

.bg-primary form .form-group label {
  color: #fff;
}

.bg-primary form .form-group .form-control {
  background: #733a7d;
  border-color: #733a7d;
  color: #fff;
}

.bg-primary form .form-control:-webkit-autofill, .bg-primary form .form-control:-webkit-autofill:hover, .bg-primary form .form-control:-webkit-autofill:focus, .bg-primary form .form-control:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #374046 inset !important;
  -webkit-text-fill-color: #fff !important;
}

.bg-primary form .form-control:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgb(var(--secondary-rgb-format)/25%);
          box-shadow: 0 0 0 0.25rem rgb(var(--secondary-rgb-format)/25%);
}

footer form .btn, .bg-dark form .btn, .bg-primary form .btn, .bg-secondary form .btn, .bg-tertiary form .btn, .bg-senary form .btn, .bg-septenary form .btn, .bg-quaternary form .btn, .bg-quinary form .btn {
  background-color: unset;
  color: #fff;
  border-color: #fff;
}

:root {
  --dark: black ;
}

body {
  color: #000;
}

.text-dark {
  color: var(--dark);
}

.bg-primary-light {
  background-color: #eee6f1;
}

.bg-secondary-light {
  background-color: rgba(var(--secondary-rgb-format)/15%);
}

.bg-tertiary-light {
  background-color: rgba(var(--tertiary-rgb-format)/15%);
}

.bg-quaternary-light {
  background-color: rgba(var(--quaternary-rgb-format)/15%);
}

.bg-quinary-light {
  background-color: rgba(var(--quinary-rgb-format)/15%);
}

.bg-senary-light {
  background-color: rgba(var(--senary-rgb-format)/15%);
}

.bg-septenary-light {
  background-color: rgba(var(--septenary-rgb-format)/15%);
}

.bg-light-light {
  background-color: rgba(var(--light-rgb-format)/15%);
}

.bg-gray-light {
  background-color: rgba(var(--gray-rgb-format)/15%);
}

.bg-dark-light {
  background-color: rgba(var(--dark-rgb-format)/15%);
}

.bg-dark-gray-light {
  background-color: rgba(var(--dark-gray-rgb-format)/15%);
}

.bg-secondary-to-tertiary {
  background: -webkit-gradient(linear, right top, left top, from(#2CCCD3), to(#008BC4));
  background: linear-gradient(270deg, #2CCCD3 0%, #008BC4 100%);
}

.bg-primary-to-senary {
  background: -webkit-gradient(linear, right top, left top, from(#E56DB1), to(#8C4799));
  background: linear-gradient(270deg, #E56DB1 0%, #8C4799 100%);
}

.bg-576px-secondary-to-tertiary {
  background: -webkit-gradient(linear, right top, left top, from(#2CCCD3), to(#008BC4));
  background: linear-gradient(270deg, #2CCCD3 0%, #008BC4 100%);
}

.bg-576px-primary-to-senary {
  background: -webkit-gradient(linear, right top, left top, from(#E56DB1), to(#8C4799));
  background: linear-gradient(270deg, #E56DB1 0%, #8C4799 100%);
}

.bg-768px-secondary-to-tertiary {
  background: -webkit-gradient(linear, right top, left top, from(#2CCCD3), to(#008BC4));
  background: linear-gradient(270deg, #2CCCD3 0%, #008BC4 100%);
}

.bg-768px-primary-to-senary {
  background: -webkit-gradient(linear, right top, left top, from(#E56DB1), to(#8C4799));
  background: linear-gradient(270deg, #E56DB1 0%, #8C4799 100%);
}

.bg-992px-secondary-to-tertiary {
  background: -webkit-gradient(linear, right top, left top, from(#2CCCD3), to(#008BC4));
  background: linear-gradient(270deg, #2CCCD3 0%, #008BC4 100%);
}

.bg-992px-primary-to-senary {
  background: -webkit-gradient(linear, right top, left top, from(#E56DB1), to(#8C4799));
  background: linear-gradient(270deg, #E56DB1 0%, #8C4799 100%);
}

.bg-1200px-secondary-to-tertiary {
  background: -webkit-gradient(linear, right top, left top, from(#2CCCD3), to(#008BC4));
  background: linear-gradient(270deg, #2CCCD3 0%, #008BC4 100%);
}

.bg-1200px-primary-to-senary {
  background: -webkit-gradient(linear, right top, left top, from(#E56DB1), to(#8C4799));
  background: linear-gradient(270deg, #E56DB1 0%, #8C4799 100%);
}

.bg-1400px-secondary-to-tertiary {
  background: -webkit-gradient(linear, right top, left top, from(#2CCCD3), to(#008BC4));
  background: linear-gradient(270deg, #2CCCD3 0%, #008BC4 100%);
}

.bg-1400px-primary-to-senary {
  background: -webkit-gradient(linear, right top, left top, from(#E56DB1), to(#8C4799));
  background: linear-gradient(270deg, #E56DB1 0%, #8C4799 100%);
}

.bg-horizontal-split-septenary-primary {
  background: -webkit-gradient(linear, left bottom, left top, from(var(--primary)), color-stop(50%, var(--primary)), color-stop(50%, var(--septenary)), to(var(--septenary)));
  background: linear-gradient(to top, var(--primary) 0%, var(--primary) 50%, var(--septenary) 50%, var(--septenary) 100%);
}

.bg-septenary-primay-overlap {
  background: -webkit-gradient(linear, left bottom, left top, from(var(--primary)), color-stop(92%, var(--primary)), color-stop(50%, var(--septenary)), to(var(--septenary)));
  background: linear-gradient(to top, var(--primary) 0%, var(--primary) 92%, var(--septenary) 50%, var(--septenary) 100%);
}

@media (max-width: 992px) {
  .bg-horizontal-split-septenary-primary {
    background: var(--primary);
  }
}
.wi-pricing-slider .pricing-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 55px;
  position: relative;
  border-radius: 50px;
  border: 1px solid var(--primary);
}

.wi-pricing-slider .pricing-control:hover {
  cursor: pointer;
}

.wi-pricing-slider .pricing-control div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  height: 100%;
  min-width: 50%;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 50px;
  text-transform: uppercase;
  color: var(--primary);
  font-family: var(--font-secondary);
  font-size: 17px;
  font-weight: 700;
}

.wi-pricing-slider .pricing-control div.active {
  background-color: var(--primary);
  color: #fff;
}

.wi-pricing-slider .pricing-control div:first-child {
  left: 0;
}

.wi-pricing-slider .pricing-control div:last-child {
  right: 0;
}

.wi-pricing-slider .pricing-control div span {
  margin-top: 2px;
}

.wi-pricing-slider .pricing-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}

.wi-pricing-slider .pricing-content > div {
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-column: 1;
      grid-column-start: 1;
  width: 100%;
  opacity: 0;
  z-index: 0;
}

.wi-pricing-slider .pricing-content > div.active {
  opacity: 1;
  z-index: 1;
}

.wi-pricing-slider .pricing-content .price {
  font-size: 6.25rem;
  line-height: 0.7;
}

.wi-pricing-slider > div .pricing-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  position: relative;
  justify-items: center;
}

.wi-pricing-slider .slick-track > div .pricing-content::before {
  width: 73px;
  position: absolute;
  top: -10px;
}

.wi-pricing-slider .slick-track > div .well-container, .wi-pricing-slider .slick-track > div .well-container .well {
  height: 100%;
}

.wi-pricing-slider .slick-track > div:nth-child(5n) .pricing-content::before {
  content: url(/oak/files/icons/RnR_Square_Teal.svg);
}

.wi-pricing-slider .slick-track > div:nth-child(5n+1) .pricing-content::before {
  content: url(/oak/files/icons/RnR_Square_Green.svg);
}

.wi-pricing-slider .slick-track > div:nth-child(5n+2) .pricing-content::before {
  content: url(/oak/files/icons/RnR_Square_Yellow.svg);
}

.wi-pricing-slider .slick-track > div:nth-child(5n+3) .pricing-content::before {
  content: url(/oak/files/icons/RnR_Square_Periwinkle.svg);
}

.wi-pricing-slider .slick-track > div:nth-child(5n+4) .pricing-content::before {
  content: url(/oak/files/icons/RnR_Square_Pink.svg);
}

.wi-pricing-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wi-pricing-slider .slick-list {
  padding: 0;
  overflow: visible;
}

.wi-pricing-slider .slick-list .slick-slide {
  padding: 0 calc(var(--bs-gutter-x) * 0.5);
  height: unset;
  min-height: unset;
}

.wi-pricing-slider.slick-slider .slick-prev, .wi-pricing-slider.slick-slider .slick-next {
  top: -72px;
}

.wi-pricing-slider.slick-slider .slick-next {
  right: 11px;
}

.wi-pricing-slider.slick-slider .slick-prev {
  left: 11px;
}

.wi-pricing-slider.slick-slider .slick-next::before, .wi-pricing-slider.slick-slider .slick-prev::before {
  font-family: "font awesome 6 pro";
  font-weight: 600;
  font-size: 40px;
}

.wi-pricing-slider.slick-slider .slick-next::before {
  content: "\f330";
}

.wi-pricing-slider.slick-slider .slick-prev::before {
  content: "\f32e";
}

@media (min-width: 992px) {
  .wi-pricing-slider .slick-track > div:nth-child(even) .well-container {
    padding-bottom: 54px;
  }
  .wi-pricing-slider .slick-track > div:nth-child(odd) .well-container {
    padding-top: 54px;
  }
}
h1.line-span, .h1.line-span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

h1.line-span::after, .h1.line-span::after {
  content: "";
  display: inline-block;
  -webkit-box-flex: 0.98;
      -ms-flex: 0.98;
          flex: 0.98;
  height: 7px;
  margin-top: auto;
  margin-left: auto;
  margin-bottom: 24px;
  border-radius: 100px;
}

h2.line-span, .h2.line-span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

h2.line-span::after, .h2.line-span::after {
  content: "";
  display: inline-block;
  -webkit-box-flex: 0.98;
      -ms-flex: 0.98;
          flex: 0.98;
  height: 7px;
  margin-top: auto;
  margin-left: auto;
  margin-bottom: 24px;
  border-radius: 100px;
}

h3.line-span, .h3.line-span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

h3.line-span::after, .h3.line-span::after {
  content: "";
  display: inline-block;
  -webkit-box-flex: 0.98;
      -ms-flex: 0.98;
          flex: 0.98;
  height: 7px;
  margin-top: auto;
  margin-left: auto;
  margin-bottom: 24px;
  border-radius: 100px;
}

h4.line-span, .h4.line-span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

h4.line-span::after, .h4.line-span::after {
  content: "";
  display: inline-block;
  -webkit-box-flex: 0.98;
      -ms-flex: 0.98;
          flex: 0.98;
  height: 7px;
  margin-top: auto;
  margin-left: auto;
  margin-bottom: 24px;
  border-radius: 100px;
}

h5.line-span, .h5.line-span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

h5.line-span::after, .h5.line-span::after {
  content: "";
  display: inline-block;
  -webkit-box-flex: 0.98;
      -ms-flex: 0.98;
          flex: 0.98;
  height: 7px;
  margin-top: auto;
  margin-left: auto;
  margin-bottom: 24px;
  border-radius: 100px;
}

h6.line-span, .h6.line-span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

h6.line-span::after, .h6.line-span::after {
  content: "";
  display: inline-block;
  -webkit-box-flex: 0.98;
      -ms-flex: 0.98;
          flex: 0.98;
  height: 7px;
  margin-top: auto;
  margin-left: auto;
  margin-bottom: 24px;
  border-radius: 100px;
}

@media (max-width: 576px) {
  h1.line-span::after, .h1.line-span::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 7px;
    margin-top: auto;
    margin-left: auto;
    margin-bottom: 0;
    position: absolute;
    bottom: -18px;
  }
  h2.line-span::after, .h2.line-span::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 7px;
    margin-top: auto;
    margin-left: auto;
    margin-bottom: 0;
    position: absolute;
    bottom: -18px;
  }
  h3.line-span::after, .h3.line-span::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 7px;
    margin-top: auto;
    margin-left: auto;
    margin-bottom: 0;
    position: absolute;
    bottom: -18px;
  }
  h4.line-span::after, .h4.line-span::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 7px;
    margin-top: auto;
    margin-left: auto;
    margin-bottom: 0;
    position: absolute;
    bottom: -18px;
  }
  h5.line-span::after, .h5.line-span::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 7px;
    margin-top: auto;
    margin-left: auto;
    margin-bottom: 0;
    position: absolute;
    bottom: -18px;
  }
  h6.line-span::after, .h6.line-span::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 7px;
    margin-top: auto;
    margin-left: auto;
    margin-bottom: 0;
    position: absolute;
    bottom: -18px;
  }
}
.line-span::after {
  background: -webkit-gradient(linear, right top, left top, from(var(--senary)), to(var(--primary)));
  background: linear-gradient(270deg, var(--senary) 0%, var(--primary) 100%);
}

.line-span.line-span-primary::after {
  background-color: #8c4799;
}

.line-span.line-span-secondary::after {
  background-color: #008bc4;
}

.line-span.line-span-tertiary::after {
  background-color: #2cccd3;
}

.line-span.line-span-quaternary::after {
  background-color: #a4d65e;
}

.line-span.line-span-quinary::after {
  background-color: #f9e267;
}

.line-span.line-span-senary::after {
  background-color: #e56db1;
}

.line-span.line-span-septenary::after {
  background-color: #98b6e4;
}

.line-span.line-span-light::after {
  background-color: #fff;
}

.line-span.line-span-gray::after {
  background-color: #f8f9fa;
}

.line-span.line-span-dark::after {
  background-color: #212529;
}

.line-span.line-span-dark-gray::after {
  background-color: #5f5f5f;
}

@media (max-width: 992px) {
  .line-span-desktop::after {
    display: none !important;
  }
}
body {
  --view-width: calc(100vw - (100vw - 100%)) ;
}

.lr-section {
  --lr-margin: calc(calc(var(--view-width) - var(--container-w)) / 2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 !important;
}

.lr-section > div[class*=col-] {
  padding: calc(var(--unit) * 4.6875) 0;
}

section.lr-section:first-child > div[class*=col-] {
  padding-top: calc(var(--nav-mobile-height) + var(--unit) * 4.6875);
}

.skew {
  overflow: hidden;
  position: relative;
}

.skew:before {
  content: "";
  display: inline-block;
  height: 100%;
  width: 100vw;
  position: absolute;
  bottom: 0;
  background-color: var(--primary);
}

.skew.top-right:before {
  left: 100%;
  -webkit-transform: skew(41deg);
          transform: skew(41deg);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}

.skew.top-left:before {
  right: 100%;
  -webkit-transform: skew(-41deg);
          transform: skew(-41deg);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}

.skew.bottom-left:before {
  right: 100%;
  -webkit-transform: skew(41deg);
          transform: skew(41deg);
  -webkit-transform-origin: top left;
          transform-origin: top left;
}

.skew.bottom-right:before {
  left: 100%;
  -webkit-transform: skew(-41deg);
          transform: skew(-41deg);
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

@media (min-width: 992px) {
  section.lr-section:first-child > div[class*=col-] {
    padding-top: calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar, 0px) + var(--unit) * 4.6875);
  }
}
.lr-section > [class*=col-] {
  width: 100%;
}

.lr-section > [class*=col-] .lr-content {
  width: var(--container-w);
  margin: 0 auto;
  padding-left: 12px;
  padding-right: 12px;
}

.lr-section > .col-1 {
  --col-xs-1: calc(var(--container-w) * 0.083333);
  width: calc(var(--col-xs-1) + var(--lr-margin));
}

.lr-section > .col-1 .lr-content {
  width: var(--col-xs-1);
}

.lr-section > .col-1:first-child .lr-content {
  margin-left: auto;
}

.lr-section > .col-1:last-child .lr-content {
  margin-right: auto;
}

.lr-section > .col-2 {
  --col-xs-2: calc(var(--container-w) * 0.166666);
  width: calc(var(--col-xs-2) + var(--lr-margin));
}

.lr-section > .col-2 .lr-content {
  width: var(--col-xs-2);
}

.lr-section > .col-2:first-child .lr-content {
  margin-left: auto;
}

.lr-section > .col-2:last-child .lr-content {
  margin-right: auto;
}

.lr-section > .col-3 {
  --col-xs-3: calc(var(--container-w) * 0.249999);
  width: calc(var(--col-xs-3) + var(--lr-margin));
}

.lr-section > .col-3 .lr-content {
  width: var(--col-xs-3);
}

.lr-section > .col-3:first-child .lr-content {
  margin-left: auto;
}

.lr-section > .col-3:last-child .lr-content {
  margin-right: auto;
}

.lr-section > .col-4 {
  --col-xs-4: calc(var(--container-w) * 0.333332);
  width: calc(var(--col-xs-4) + var(--lr-margin));
}

.lr-section > .col-4 .lr-content {
  width: var(--col-xs-4);
}

.lr-section > .col-4:first-child .lr-content {
  margin-left: auto;
}

.lr-section > .col-4:last-child .lr-content {
  margin-right: auto;
}

.lr-section > .col-5 {
  --col-xs-5: calc(var(--container-w) * 0.416665);
  width: calc(var(--col-xs-5) + var(--lr-margin));
}

.lr-section > .col-5 .lr-content {
  width: var(--col-xs-5);
}

.lr-section > .col-5:first-child .lr-content {
  margin-left: auto;
}

.lr-section > .col-5:last-child .lr-content {
  margin-right: auto;
}

.lr-section > .col-6 {
  --col-xs-6: calc(var(--container-w) * 0.499998);
  width: calc(var(--col-xs-6) + var(--lr-margin));
}

.lr-section > .col-6 .lr-content {
  width: var(--col-xs-6);
}

.lr-section > .col-6:first-child .lr-content {
  margin-left: auto;
}

.lr-section > .col-6:last-child .lr-content {
  margin-right: auto;
}

.lr-section > .col-7 {
  --col-xs-7: calc(var(--container-w) * 0.583331);
  width: calc(var(--col-xs-7) + var(--lr-margin));
}

.lr-section > .col-7 .lr-content {
  width: var(--col-xs-7);
}

.lr-section > .col-7:first-child .lr-content {
  margin-left: auto;
}

.lr-section > .col-7:last-child .lr-content {
  margin-right: auto;
}

.lr-section > .col-8 {
  --col-xs-8: calc(var(--container-w) * 0.666664);
  width: calc(var(--col-xs-8) + var(--lr-margin));
}

.lr-section > .col-8 .lr-content {
  width: var(--col-xs-8);
}

.lr-section > .col-8:first-child .lr-content {
  margin-left: auto;
}

.lr-section > .col-8:last-child .lr-content {
  margin-right: auto;
}

.lr-section > .col-9 {
  --col-xs-9: calc(var(--container-w) * 0.749997);
  width: calc(var(--col-xs-9) + var(--lr-margin));
}

.lr-section > .col-9 .lr-content {
  width: var(--col-xs-9);
}

.lr-section > .col-9:first-child .lr-content {
  margin-left: auto;
}

.lr-section > .col-9:last-child .lr-content {
  margin-right: auto;
}

.lr-section > .col-10 {
  --col-xs-10: calc(var(--container-w) * 0.83333);
  width: calc(var(--col-xs-10) + var(--lr-margin));
}

.lr-section > .col-10 .lr-content {
  width: var(--col-xs-10);
}

.lr-section > .col-10:first-child .lr-content {
  margin-left: auto;
}

.lr-section > .col-10:last-child .lr-content {
  margin-right: auto;
}

.lr-section > .col-11 {
  --col-xs-11: calc(var(--container-w) * 0.916663);
  width: calc(var(--col-xs-11) + var(--lr-margin));
}

.lr-section > .col-11 .lr-content {
  width: var(--col-xs-11);
}

.lr-section > .col-11:first-child .lr-content {
  margin-left: auto;
}

.lr-section > .col-11:last-child .lr-content {
  margin-right: auto;
}

.lr-section > .col-12 {
  --col-xs-12: calc(var(--container-w) * 0.999996);
  width: calc(var(--col-xs-12) + var(--lr-margin));
}

.lr-section > .col-12 .lr-content {
  width: var(--col-xs-12);
}

.lr-section > .col-12:first-child .lr-content {
  margin-left: auto;
}

.lr-section > .col-12:last-child .lr-content {
  margin-right: auto;
}

@media (min-width: 576px) {
  .lr-section > [class*=col-] .lr-content-sm {
    width: var(--container-w);
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px;
  }
  .lr-section > .col-sm-1 {
    --col-sm-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-sm-1) + var(--lr-margin));
  }
  .lr-section > .col-sm-1 .lr-content {
    width: var(--col-sm-1);
  }
  .lr-section > .col-sm-1:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-sm-1:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-sm-1 .lr-content-sm {
    width: var(--col-sm-1);
  }
  .lr-section > .col-sm-1:first-child .lr-content-sm {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-sm-1:last-child .lr-content-sm {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-sm-2 {
    --col-sm-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-sm-2) + var(--lr-margin));
  }
  .lr-section > .col-sm-2 .lr-content {
    width: var(--col-sm-2);
  }
  .lr-section > .col-sm-2:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-sm-2:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-sm-2 .lr-content-sm {
    width: var(--col-sm-2);
  }
  .lr-section > .col-sm-2:first-child .lr-content-sm {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-sm-2:last-child .lr-content-sm {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-sm-3 {
    --col-sm-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-sm-3) + var(--lr-margin));
  }
  .lr-section > .col-sm-3 .lr-content {
    width: var(--col-sm-3);
  }
  .lr-section > .col-sm-3:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-sm-3:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-sm-3 .lr-content-sm {
    width: var(--col-sm-3);
  }
  .lr-section > .col-sm-3:first-child .lr-content-sm {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-sm-3:last-child .lr-content-sm {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-sm-4 {
    --col-sm-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-sm-4) + var(--lr-margin));
  }
  .lr-section > .col-sm-4 .lr-content {
    width: var(--col-sm-4);
  }
  .lr-section > .col-sm-4:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-sm-4:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-sm-4 .lr-content-sm {
    width: var(--col-sm-4);
  }
  .lr-section > .col-sm-4:first-child .lr-content-sm {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-sm-4:last-child .lr-content-sm {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-sm-5 {
    --col-sm-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-sm-5) + var(--lr-margin));
  }
  .lr-section > .col-sm-5 .lr-content {
    width: var(--col-sm-5);
  }
  .lr-section > .col-sm-5:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-sm-5:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-sm-5 .lr-content-sm {
    width: var(--col-sm-5);
  }
  .lr-section > .col-sm-5:first-child .lr-content-sm {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-sm-5:last-child .lr-content-sm {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-sm-6 {
    --col-sm-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-sm-6) + var(--lr-margin));
  }
  .lr-section > .col-sm-6 .lr-content {
    width: var(--col-sm-6);
  }
  .lr-section > .col-sm-6:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-sm-6:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-sm-6 .lr-content-sm {
    width: var(--col-sm-6);
  }
  .lr-section > .col-sm-6:first-child .lr-content-sm {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-sm-6:last-child .lr-content-sm {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-sm-7 {
    --col-sm-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-sm-7) + var(--lr-margin));
  }
  .lr-section > .col-sm-7 .lr-content {
    width: var(--col-sm-7);
  }
  .lr-section > .col-sm-7:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-sm-7:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-sm-7 .lr-content-sm {
    width: var(--col-sm-7);
  }
  .lr-section > .col-sm-7:first-child .lr-content-sm {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-sm-7:last-child .lr-content-sm {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-sm-8 {
    --col-sm-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-sm-8) + var(--lr-margin));
  }
  .lr-section > .col-sm-8 .lr-content {
    width: var(--col-sm-8);
  }
  .lr-section > .col-sm-8:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-sm-8:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-sm-8 .lr-content-sm {
    width: var(--col-sm-8);
  }
  .lr-section > .col-sm-8:first-child .lr-content-sm {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-sm-8:last-child .lr-content-sm {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-sm-9 {
    --col-sm-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-sm-9) + var(--lr-margin));
  }
  .lr-section > .col-sm-9 .lr-content {
    width: var(--col-sm-9);
  }
  .lr-section > .col-sm-9:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-sm-9:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-sm-9 .lr-content-sm {
    width: var(--col-sm-9);
  }
  .lr-section > .col-sm-9:first-child .lr-content-sm {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-sm-9:last-child .lr-content-sm {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-sm-10 {
    --col-sm-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-sm-10) + var(--lr-margin));
  }
  .lr-section > .col-sm-10 .lr-content {
    width: var(--col-sm-10);
  }
  .lr-section > .col-sm-10:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-sm-10:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-sm-10 .lr-content-sm {
    width: var(--col-sm-10);
  }
  .lr-section > .col-sm-10:first-child .lr-content-sm {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-sm-10:last-child .lr-content-sm {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-sm-11 {
    --col-sm-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-sm-11) + var(--lr-margin));
  }
  .lr-section > .col-sm-11 .lr-content {
    width: var(--col-sm-11);
  }
  .lr-section > .col-sm-11:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-sm-11:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-sm-11 .lr-content-sm {
    width: var(--col-sm-11);
  }
  .lr-section > .col-sm-11:first-child .lr-content-sm {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-sm-11:last-child .lr-content-sm {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-sm-12 {
    --col-sm-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-sm-12) + var(--lr-margin));
  }
  .lr-section > .col-sm-12 .lr-content {
    width: var(--col-sm-12);
  }
  .lr-section > .col-sm-12:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-sm-12:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-sm-12 .lr-content-sm {
    width: var(--col-sm-12);
  }
  .lr-section > .col-sm-12:first-child .lr-content-sm {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-sm-12:last-child .lr-content-sm {
    margin-right: auto;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .lr-section > [class*=col-] .lr-content-md {
    width: var(--container-w);
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px;
  }
  .lr-section > .col-md-1 {
    --col-md-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-md-1) + var(--lr-margin));
  }
  .lr-section > .col-md-1 .lr-content {
    width: var(--col-md-1);
  }
  .lr-section > .col-md-1:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-md-1:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-md-1 .lr-content-md {
    width: var(--col-md-1);
  }
  .lr-section > .col-md-1:first-child .lr-content-md {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-md-1:last-child .lr-content-md {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-md-2 {
    --col-md-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-md-2) + var(--lr-margin));
  }
  .lr-section > .col-md-2 .lr-content {
    width: var(--col-md-2);
  }
  .lr-section > .col-md-2:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-md-2:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-md-2 .lr-content-md {
    width: var(--col-md-2);
  }
  .lr-section > .col-md-2:first-child .lr-content-md {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-md-2:last-child .lr-content-md {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-md-3 {
    --col-md-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-md-3) + var(--lr-margin));
  }
  .lr-section > .col-md-3 .lr-content {
    width: var(--col-md-3);
  }
  .lr-section > .col-md-3:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-md-3:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-md-3 .lr-content-md {
    width: var(--col-md-3);
  }
  .lr-section > .col-md-3:first-child .lr-content-md {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-md-3:last-child .lr-content-md {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-md-4 {
    --col-md-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-md-4) + var(--lr-margin));
  }
  .lr-section > .col-md-4 .lr-content {
    width: var(--col-md-4);
  }
  .lr-section > .col-md-4:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-md-4:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-md-4 .lr-content-md {
    width: var(--col-md-4);
  }
  .lr-section > .col-md-4:first-child .lr-content-md {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-md-4:last-child .lr-content-md {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-md-5 {
    --col-md-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-md-5) + var(--lr-margin));
  }
  .lr-section > .col-md-5 .lr-content {
    width: var(--col-md-5);
  }
  .lr-section > .col-md-5:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-md-5:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-md-5 .lr-content-md {
    width: var(--col-md-5);
  }
  .lr-section > .col-md-5:first-child .lr-content-md {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-md-5:last-child .lr-content-md {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-md-6 {
    --col-md-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-md-6) + var(--lr-margin));
  }
  .lr-section > .col-md-6 .lr-content {
    width: var(--col-md-6);
  }
  .lr-section > .col-md-6:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-md-6:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-md-6 .lr-content-md {
    width: var(--col-md-6);
  }
  .lr-section > .col-md-6:first-child .lr-content-md {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-md-6:last-child .lr-content-md {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-md-7 {
    --col-md-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-md-7) + var(--lr-margin));
  }
  .lr-section > .col-md-7 .lr-content {
    width: var(--col-md-7);
  }
  .lr-section > .col-md-7:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-md-7:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-md-7 .lr-content-md {
    width: var(--col-md-7);
  }
  .lr-section > .col-md-7:first-child .lr-content-md {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-md-7:last-child .lr-content-md {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-md-8 {
    --col-md-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-md-8) + var(--lr-margin));
  }
  .lr-section > .col-md-8 .lr-content {
    width: var(--col-md-8);
  }
  .lr-section > .col-md-8:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-md-8:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-md-8 .lr-content-md {
    width: var(--col-md-8);
  }
  .lr-section > .col-md-8:first-child .lr-content-md {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-md-8:last-child .lr-content-md {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-md-9 {
    --col-md-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-md-9) + var(--lr-margin));
  }
  .lr-section > .col-md-9 .lr-content {
    width: var(--col-md-9);
  }
  .lr-section > .col-md-9:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-md-9:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-md-9 .lr-content-md {
    width: var(--col-md-9);
  }
  .lr-section > .col-md-9:first-child .lr-content-md {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-md-9:last-child .lr-content-md {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-md-10 {
    --col-md-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-md-10) + var(--lr-margin));
  }
  .lr-section > .col-md-10 .lr-content {
    width: var(--col-md-10);
  }
  .lr-section > .col-md-10:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-md-10:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-md-10 .lr-content-md {
    width: var(--col-md-10);
  }
  .lr-section > .col-md-10:first-child .lr-content-md {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-md-10:last-child .lr-content-md {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-md-11 {
    --col-md-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-md-11) + var(--lr-margin));
  }
  .lr-section > .col-md-11 .lr-content {
    width: var(--col-md-11);
  }
  .lr-section > .col-md-11:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-md-11:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-md-11 .lr-content-md {
    width: var(--col-md-11);
  }
  .lr-section > .col-md-11:first-child .lr-content-md {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-md-11:last-child .lr-content-md {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-md-12 {
    --col-md-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-md-12) + var(--lr-margin));
  }
  .lr-section > .col-md-12 .lr-content {
    width: var(--col-md-12);
  }
  .lr-section > .col-md-12:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-md-12:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-md-12 .lr-content-md {
    width: var(--col-md-12);
  }
  .lr-section > .col-md-12:first-child .lr-content-md {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-md-12:last-child .lr-content-md {
    margin-right: auto;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .lr-section > [class*=col-] .lr-content-lg {
    width: var(--container-w);
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px;
  }
  .lr-section > .col-lg-1 {
    --col-lg-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-lg-1) + var(--lr-margin));
  }
  .lr-section > .col-lg-1 .lr-content {
    width: var(--col-lg-1);
  }
  .lr-section > .col-lg-1:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-lg-1:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-lg-1 .lr-content-lg {
    width: var(--col-lg-1);
  }
  .lr-section > .col-lg-1:first-child .lr-content-lg {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-lg-1:last-child .lr-content-lg {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-lg-2 {
    --col-lg-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-lg-2) + var(--lr-margin));
  }
  .lr-section > .col-lg-2 .lr-content {
    width: var(--col-lg-2);
  }
  .lr-section > .col-lg-2:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-lg-2:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-lg-2 .lr-content-lg {
    width: var(--col-lg-2);
  }
  .lr-section > .col-lg-2:first-child .lr-content-lg {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-lg-2:last-child .lr-content-lg {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-lg-3 {
    --col-lg-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-lg-3) + var(--lr-margin));
  }
  .lr-section > .col-lg-3 .lr-content {
    width: var(--col-lg-3);
  }
  .lr-section > .col-lg-3:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-lg-3:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-lg-3 .lr-content-lg {
    width: var(--col-lg-3);
  }
  .lr-section > .col-lg-3:first-child .lr-content-lg {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-lg-3:last-child .lr-content-lg {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-lg-4 {
    --col-lg-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-lg-4) + var(--lr-margin));
  }
  .lr-section > .col-lg-4 .lr-content {
    width: var(--col-lg-4);
  }
  .lr-section > .col-lg-4:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-lg-4:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-lg-4 .lr-content-lg {
    width: var(--col-lg-4);
  }
  .lr-section > .col-lg-4:first-child .lr-content-lg {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-lg-4:last-child .lr-content-lg {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-lg-5 {
    --col-lg-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-lg-5) + var(--lr-margin));
  }
  .lr-section > .col-lg-5 .lr-content {
    width: var(--col-lg-5);
  }
  .lr-section > .col-lg-5:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-lg-5:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-lg-5 .lr-content-lg {
    width: var(--col-lg-5);
  }
  .lr-section > .col-lg-5:first-child .lr-content-lg {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-lg-5:last-child .lr-content-lg {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-lg-6 {
    --col-lg-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-lg-6) + var(--lr-margin));
  }
  .lr-section > .col-lg-6 .lr-content {
    width: var(--col-lg-6);
  }
  .lr-section > .col-lg-6:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-lg-6:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-lg-6 .lr-content-lg {
    width: var(--col-lg-6);
  }
  .lr-section > .col-lg-6:first-child .lr-content-lg {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-lg-6:last-child .lr-content-lg {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-lg-7 {
    --col-lg-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-lg-7) + var(--lr-margin));
  }
  .lr-section > .col-lg-7 .lr-content {
    width: var(--col-lg-7);
  }
  .lr-section > .col-lg-7:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-lg-7:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-lg-7 .lr-content-lg {
    width: var(--col-lg-7);
  }
  .lr-section > .col-lg-7:first-child .lr-content-lg {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-lg-7:last-child .lr-content-lg {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-lg-8 {
    --col-lg-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-lg-8) + var(--lr-margin));
  }
  .lr-section > .col-lg-8 .lr-content {
    width: var(--col-lg-8);
  }
  .lr-section > .col-lg-8:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-lg-8:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-lg-8 .lr-content-lg {
    width: var(--col-lg-8);
  }
  .lr-section > .col-lg-8:first-child .lr-content-lg {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-lg-8:last-child .lr-content-lg {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-lg-9 {
    --col-lg-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-lg-9) + var(--lr-margin));
  }
  .lr-section > .col-lg-9 .lr-content {
    width: var(--col-lg-9);
  }
  .lr-section > .col-lg-9:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-lg-9:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-lg-9 .lr-content-lg {
    width: var(--col-lg-9);
  }
  .lr-section > .col-lg-9:first-child .lr-content-lg {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-lg-9:last-child .lr-content-lg {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-lg-10 {
    --col-lg-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-lg-10) + var(--lr-margin));
  }
  .lr-section > .col-lg-10 .lr-content {
    width: var(--col-lg-10);
  }
  .lr-section > .col-lg-10:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-lg-10:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-lg-10 .lr-content-lg {
    width: var(--col-lg-10);
  }
  .lr-section > .col-lg-10:first-child .lr-content-lg {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-lg-10:last-child .lr-content-lg {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-lg-11 {
    --col-lg-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-lg-11) + var(--lr-margin));
  }
  .lr-section > .col-lg-11 .lr-content {
    width: var(--col-lg-11);
  }
  .lr-section > .col-lg-11:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-lg-11:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-lg-11 .lr-content-lg {
    width: var(--col-lg-11);
  }
  .lr-section > .col-lg-11:first-child .lr-content-lg {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-lg-11:last-child .lr-content-lg {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-lg-12 {
    --col-lg-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-lg-12) + var(--lr-margin));
  }
  .lr-section > .col-lg-12 .lr-content {
    width: var(--col-lg-12);
  }
  .lr-section > .col-lg-12:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-lg-12:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-lg-12 .lr-content-lg {
    width: var(--col-lg-12);
  }
  .lr-section > .col-lg-12:first-child .lr-content-lg {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-lg-12:last-child .lr-content-lg {
    margin-right: auto;
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .lr-section > [class*=col-] .lr-content-xl {
    width: var(--container-w);
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px;
  }
  .lr-section > .col-xl-1 {
    --col-xl-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-xl-1) + var(--lr-margin));
  }
  .lr-section > .col-xl-1 .lr-content {
    width: var(--col-xl-1);
  }
  .lr-section > .col-xl-1:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xl-1:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xl-1 .lr-content-xl {
    width: var(--col-xl-1);
  }
  .lr-section > .col-xl-1:first-child .lr-content-xl {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xl-1:last-child .lr-content-xl {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xl-2 {
    --col-xl-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-xl-2) + var(--lr-margin));
  }
  .lr-section > .col-xl-2 .lr-content {
    width: var(--col-xl-2);
  }
  .lr-section > .col-xl-2:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xl-2:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xl-2 .lr-content-xl {
    width: var(--col-xl-2);
  }
  .lr-section > .col-xl-2:first-child .lr-content-xl {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xl-2:last-child .lr-content-xl {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xl-3 {
    --col-xl-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-xl-3) + var(--lr-margin));
  }
  .lr-section > .col-xl-3 .lr-content {
    width: var(--col-xl-3);
  }
  .lr-section > .col-xl-3:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xl-3:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xl-3 .lr-content-xl {
    width: var(--col-xl-3);
  }
  .lr-section > .col-xl-3:first-child .lr-content-xl {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xl-3:last-child .lr-content-xl {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xl-4 {
    --col-xl-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-xl-4) + var(--lr-margin));
  }
  .lr-section > .col-xl-4 .lr-content {
    width: var(--col-xl-4);
  }
  .lr-section > .col-xl-4:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xl-4:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xl-4 .lr-content-xl {
    width: var(--col-xl-4);
  }
  .lr-section > .col-xl-4:first-child .lr-content-xl {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xl-4:last-child .lr-content-xl {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xl-5 {
    --col-xl-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-xl-5) + var(--lr-margin));
  }
  .lr-section > .col-xl-5 .lr-content {
    width: var(--col-xl-5);
  }
  .lr-section > .col-xl-5:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xl-5:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xl-5 .lr-content-xl {
    width: var(--col-xl-5);
  }
  .lr-section > .col-xl-5:first-child .lr-content-xl {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xl-5:last-child .lr-content-xl {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xl-6 {
    --col-xl-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-xl-6) + var(--lr-margin));
  }
  .lr-section > .col-xl-6 .lr-content {
    width: var(--col-xl-6);
  }
  .lr-section > .col-xl-6:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xl-6:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xl-6 .lr-content-xl {
    width: var(--col-xl-6);
  }
  .lr-section > .col-xl-6:first-child .lr-content-xl {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xl-6:last-child .lr-content-xl {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xl-7 {
    --col-xl-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-xl-7) + var(--lr-margin));
  }
  .lr-section > .col-xl-7 .lr-content {
    width: var(--col-xl-7);
  }
  .lr-section > .col-xl-7:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xl-7:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xl-7 .lr-content-xl {
    width: var(--col-xl-7);
  }
  .lr-section > .col-xl-7:first-child .lr-content-xl {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xl-7:last-child .lr-content-xl {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xl-8 {
    --col-xl-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-xl-8) + var(--lr-margin));
  }
  .lr-section > .col-xl-8 .lr-content {
    width: var(--col-xl-8);
  }
  .lr-section > .col-xl-8:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xl-8:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xl-8 .lr-content-xl {
    width: var(--col-xl-8);
  }
  .lr-section > .col-xl-8:first-child .lr-content-xl {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xl-8:last-child .lr-content-xl {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xl-9 {
    --col-xl-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-xl-9) + var(--lr-margin));
  }
  .lr-section > .col-xl-9 .lr-content {
    width: var(--col-xl-9);
  }
  .lr-section > .col-xl-9:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xl-9:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xl-9 .lr-content-xl {
    width: var(--col-xl-9);
  }
  .lr-section > .col-xl-9:first-child .lr-content-xl {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xl-9:last-child .lr-content-xl {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xl-10 {
    --col-xl-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-xl-10) + var(--lr-margin));
  }
  .lr-section > .col-xl-10 .lr-content {
    width: var(--col-xl-10);
  }
  .lr-section > .col-xl-10:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xl-10:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xl-10 .lr-content-xl {
    width: var(--col-xl-10);
  }
  .lr-section > .col-xl-10:first-child .lr-content-xl {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xl-10:last-child .lr-content-xl {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xl-11 {
    --col-xl-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-xl-11) + var(--lr-margin));
  }
  .lr-section > .col-xl-11 .lr-content {
    width: var(--col-xl-11);
  }
  .lr-section > .col-xl-11:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xl-11:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xl-11 .lr-content-xl {
    width: var(--col-xl-11);
  }
  .lr-section > .col-xl-11:first-child .lr-content-xl {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xl-11:last-child .lr-content-xl {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xl-12 {
    --col-xl-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-xl-12) + var(--lr-margin));
  }
  .lr-section > .col-xl-12 .lr-content {
    width: var(--col-xl-12);
  }
  .lr-section > .col-xl-12:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xl-12:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xl-12 .lr-content-xl {
    width: var(--col-xl-12);
  }
  .lr-section > .col-xl-12:first-child .lr-content-xl {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xl-12:last-child .lr-content-xl {
    margin-right: auto;
    margin-left: 0;
  }
}
@media (min-width: 1400px) {
  .lr-section > [class*=col-] .lr-content-xxl {
    width: var(--container-w);
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px;
  }
  .lr-section > .col-xxl-1 {
    --col-xxl-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-xxl-1) + var(--lr-margin));
  }
  .lr-section > .col-xxl-1 .lr-content {
    width: var(--col-xxl-1);
  }
  .lr-section > .col-xxl-1:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xxl-1:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xxl-1 .lr-content-xxl {
    width: var(--col-xxl-1);
  }
  .lr-section > .col-xxl-1:first-child .lr-content-xxl {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xxl-1:last-child .lr-content-xxl {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xxl-2 {
    --col-xxl-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-xxl-2) + var(--lr-margin));
  }
  .lr-section > .col-xxl-2 .lr-content {
    width: var(--col-xxl-2);
  }
  .lr-section > .col-xxl-2:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xxl-2:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xxl-2 .lr-content-xxl {
    width: var(--col-xxl-2);
  }
  .lr-section > .col-xxl-2:first-child .lr-content-xxl {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xxl-2:last-child .lr-content-xxl {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xxl-3 {
    --col-xxl-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-xxl-3) + var(--lr-margin));
  }
  .lr-section > .col-xxl-3 .lr-content {
    width: var(--col-xxl-3);
  }
  .lr-section > .col-xxl-3:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xxl-3:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xxl-3 .lr-content-xxl {
    width: var(--col-xxl-3);
  }
  .lr-section > .col-xxl-3:first-child .lr-content-xxl {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xxl-3:last-child .lr-content-xxl {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xxl-4 {
    --col-xxl-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-xxl-4) + var(--lr-margin));
  }
  .lr-section > .col-xxl-4 .lr-content {
    width: var(--col-xxl-4);
  }
  .lr-section > .col-xxl-4:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xxl-4:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xxl-4 .lr-content-xxl {
    width: var(--col-xxl-4);
  }
  .lr-section > .col-xxl-4:first-child .lr-content-xxl {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xxl-4:last-child .lr-content-xxl {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xxl-5 {
    --col-xxl-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-xxl-5) + var(--lr-margin));
  }
  .lr-section > .col-xxl-5 .lr-content {
    width: var(--col-xxl-5);
  }
  .lr-section > .col-xxl-5:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xxl-5:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xxl-5 .lr-content-xxl {
    width: var(--col-xxl-5);
  }
  .lr-section > .col-xxl-5:first-child .lr-content-xxl {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xxl-5:last-child .lr-content-xxl {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xxl-6 {
    --col-xxl-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-xxl-6) + var(--lr-margin));
  }
  .lr-section > .col-xxl-6 .lr-content {
    width: var(--col-xxl-6);
  }
  .lr-section > .col-xxl-6:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xxl-6:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xxl-6 .lr-content-xxl {
    width: var(--col-xxl-6);
  }
  .lr-section > .col-xxl-6:first-child .lr-content-xxl {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xxl-6:last-child .lr-content-xxl {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xxl-7 {
    --col-xxl-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-xxl-7) + var(--lr-margin));
  }
  .lr-section > .col-xxl-7 .lr-content {
    width: var(--col-xxl-7);
  }
  .lr-section > .col-xxl-7:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xxl-7:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xxl-7 .lr-content-xxl {
    width: var(--col-xxl-7);
  }
  .lr-section > .col-xxl-7:first-child .lr-content-xxl {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xxl-7:last-child .lr-content-xxl {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xxl-8 {
    --col-xxl-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-xxl-8) + var(--lr-margin));
  }
  .lr-section > .col-xxl-8 .lr-content {
    width: var(--col-xxl-8);
  }
  .lr-section > .col-xxl-8:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xxl-8:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xxl-8 .lr-content-xxl {
    width: var(--col-xxl-8);
  }
  .lr-section > .col-xxl-8:first-child .lr-content-xxl {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xxl-8:last-child .lr-content-xxl {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xxl-9 {
    --col-xxl-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-xxl-9) + var(--lr-margin));
  }
  .lr-section > .col-xxl-9 .lr-content {
    width: var(--col-xxl-9);
  }
  .lr-section > .col-xxl-9:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xxl-9:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xxl-9 .lr-content-xxl {
    width: var(--col-xxl-9);
  }
  .lr-section > .col-xxl-9:first-child .lr-content-xxl {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xxl-9:last-child .lr-content-xxl {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xxl-10 {
    --col-xxl-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-xxl-10) + var(--lr-margin));
  }
  .lr-section > .col-xxl-10 .lr-content {
    width: var(--col-xxl-10);
  }
  .lr-section > .col-xxl-10:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xxl-10:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xxl-10 .lr-content-xxl {
    width: var(--col-xxl-10);
  }
  .lr-section > .col-xxl-10:first-child .lr-content-xxl {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xxl-10:last-child .lr-content-xxl {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xxl-11 {
    --col-xxl-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-xxl-11) + var(--lr-margin));
  }
  .lr-section > .col-xxl-11 .lr-content {
    width: var(--col-xxl-11);
  }
  .lr-section > .col-xxl-11:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xxl-11:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xxl-11 .lr-content-xxl {
    width: var(--col-xxl-11);
  }
  .lr-section > .col-xxl-11:first-child .lr-content-xxl {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xxl-11:last-child .lr-content-xxl {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xxl-12 {
    --col-xxl-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-xxl-12) + var(--lr-margin));
  }
  .lr-section > .col-xxl-12 .lr-content {
    width: var(--col-xxl-12);
  }
  .lr-section > .col-xxl-12:first-child .lr-content {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xxl-12:last-child .lr-content {
    margin-right: auto;
    margin-left: 0;
  }
  .lr-section > .col-xxl-12 .lr-content-xxl {
    width: var(--col-xxl-12);
  }
  .lr-section > .col-xxl-12:first-child .lr-content-xxl {
    margin-left: auto;
    margin-right: 0;
  }
  .lr-section > .col-xxl-12:last-child .lr-content-xxl {
    margin-right: auto;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .lr-section > div.bg-secondary[class*=col-] + div.bg-img {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    position: relative;
  }
  .lr-section > div.bg-secondary[class*=col-] + div.bg-img::before {
    content: "";
    background: var(--secondary);
    height: 150%;
    width: 500px;
    border-right: 20px solid var(--tertiary);
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    position: absolute;
    right: calc(100% - 100px);
  }
}
.lr-section.lr-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.lr-section.lr-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.lr-section.lr-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.lr-section.lr-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media (min-width: 576px) {
  .lr-section.lr-sm-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .lr-section.lr-sm-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .lr-section.lr-sm-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .lr-section.lr-sm-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media (min-width: 768px) {
  .lr-section.lr-md-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .lr-section.lr-md-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .lr-section.lr-md-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .lr-section.lr-md-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media (min-width: 992px) {
  .lr-section.lr-lg-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .lr-section.lr-lg-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .lr-section.lr-lg-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .lr-section.lr-lg-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media (min-width: 1200px) {
  .lr-section.lr-xl-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .lr-section.lr-xl-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .lr-section.lr-xl-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .lr-section.lr-xl-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media (min-width: 1400px) {
  .lr-section.lr-xxl-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .lr-section.lr-xxl-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .lr-section.lr-xxl-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .lr-section.lr-xxl-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.underline-primary::after {
  background: url(/oak/files/icons/underlines/underline.primary.png);
}

.underline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}

.underline::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 10px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100% 10px;
  background-position: center;
}

.underline > span {
  z-index: 1;
}

.underline-unset::after {
  content: none;
}

@media (min-width: 576px) {
  .underline-sm {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
  }
  .underline-sm::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 10px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 10px;
    background-position: center;
  }
  .underline-sm > span {
    z-index: 1;
  }
  .underline-sm-unset::after {
    content: none;
  }
}
@media (min-width: 768px) {
  .underline-md {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
  }
  .underline-md::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 10px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 10px;
    background-position: center;
  }
  .underline-md > span {
    z-index: 1;
  }
  .underline-md-unset::after {
    content: none;
  }
}
@media (min-width: 992px) {
  .underline-lg {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
  }
  .underline-lg::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 10px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 10px;
    background-position: center;
  }
  .underline-lg > span {
    z-index: 1;
  }
  .underline-lg-unset::after {
    content: none;
  }
}
@media (min-width: 1200px) {
  .underline-xl {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
  }
  .underline-xl::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 10px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 10px;
    background-position: center;
  }
  .underline-xl > span {
    z-index: 1;
  }
  .underline-xl-unset::after {
    content: none;
  }
}
@media (min-width: 1400px) {
  .underline-xxl {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
  }
  .underline-xxl::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 10px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 10px;
    background-position: center;
  }
  .underline-xxl > span {
    z-index: 1;
  }
  .underline-xxl-unset::after {
    content: none;
  }
}
#calendar-appointments {
  position: relative;
  content-visibility: visible !important;
}

#calendar-appointments * {
  border: unset !important;
}

#calendar-appointments .fc-header-toolbar {
  margin-bottom: 12px;
  position: relative;
}

#calendar-appointments .fc-header-toolbar .fc-left {
  position: absolute;
  width: 100%;
  z-index: 2;
}

#calendar-appointments .fc-header-toolbar .fc-left .btn-group {
  position: absolute;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#calendar-appointments .fc-header-toolbar .fc-left .btn-group button {
  padding: 19px;
  background: var(--primary);
  border-radius: 100%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#calendar-appointments .fc-header-toolbar .fc-left .btn-group button[disabled=disabled], #calendar-appointments .fc-header-toolbar .fc-left > button.disabled {
  opacity: 0.5;
}

#calendar-appointments .fc-header-toolbar .fc-left .btn-group button[disabled=disabled]:hover, #calendar-appointments .fc-header-toolbar .fc-left > button.disabled {
  cursor: not-allowed;
}

#calendar-appointments .fc-header-toolbar .fc-left .btn-group button span {
  position: absolute;
}

#calendar-appointments .fc-header-toolbar .fc-left > button {
  margin-left: 76px;
  background: unset;
  border: 1px solid var(--primary) !important;
  border-radius: 100px;
  font-family: var(--font-secondary);
  background-color: unset;
  font-weight: 700;
  text-transform: uppercase;
  height: unset;
  padding: 8px 26px 6px 28px;
  color: var(--primary);
}

#calendar-appointments .fc-header-toolbar .fc-right {
  position: relative;
  z-index: 2;
  margin-right: 76px;
}

#calendar-appointments .fc-header-toolbar .fc-center {
  position: absolute;
  width: 100%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}

#calendar-appointments .fc-header-toolbar .fc-center h2 {
  font-size: var(--h3-font-size);
  font-weight: var(--h3-font-weight);
  line-height: var(--h3-line-height);
  --element-line-height: var(--h3-line-height) ;
}

#calendar-appointments .fc-view-container {
  padding-top: 17px;
  border-top: 1px solid rgba(140, 71, 153, 0.15) !important;
}

#calendar-appointments.fc-ltr .fc-basic-view .fc-day-top {
  padding: 17px 14px 7px;
}

#calendar-appointments.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: unset;
  font-family: var(--font-secondary);
  font-size: 15px;
  font-weight: 600;
}

#calendar-appointments .fc-day-header {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.42px;
  padding-bottom: 6px;
}

#calendar-appointments .fc-view-container .fc-month-view > table > .fc-body .fc-week > div.fc-bg > table > tbody > tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
}

#calendar-appointments .fc-view-container .fc-month-view > table > .fc-body .fc-week > div.fc-bg td.fc-day {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  background: rgba(var(--primary-rgb-format)/15%);
  border-radius: 15px;
  border: 5px solid #fff !important;
  padding: 12px;
  padding-top: 45px;
  min-width: 0;
}

#calendar-appointments .fc-view-container .fc-month-view > table > .fc-body .fc-week > div.fc-bg td.fc-day .day-message .message:not(:has(a)), #calendar-appointments .fc-view-container .fc-month-view > table > .fc-body .fc-week > div.fc-bg td.fc-day .day-message .message a {
  background-color: rgba(var(--primary-rgb-format)/50%);
  border-radius: 30px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  font-family: var(--font-secondary);
  text-transform: uppercase;
  color: #fff;
  padding: 7px 0 4px;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#calendar-appointments .fc-view-container .fc-month-view > table > .fc-body .fc-week > div.fc-bg td.fc-day .day-message .message a {
  background-color: var(--secondary);
}

#calendar-appointments .fc-view-container .fc-month-view > table > .fc-body .fc-week > div.fc-bg td.fc-day.fc-other-month {
  background: unset;
}

#calendar-appointments .fc-view-container .fc-month-view > table > .fc-body .fc-week > div td.fc-other-month * {
  display: none !important;
}

#calendar-appointments .fc-h-event {
  text-align: center;
  border-radius: 10px;
  background-color: var(--tertiary);
  margin-bottom: 2px;
}

#calendar-appointments .fc-h-event .fc-title {
  display: none;
}

#calendar-appointments .fc-event-container {
  padding: 0 14px;
}

#calendar-appointments .fc-right div:not(.btn-group) button {
  background: unset;
  border: unset;
}

#calendar-appointments .fc-right .btn-group {
  border: 1px solid var(--primary) !important;
  border-radius: 100px;
}

#calendar-appointments .fc-right .btn-group button {
  color: var(--primary);
  border-radius: 100px;
  font-family: var(--font-secondary);
  background-color: unset;
  font-weight: 700;
  text-transform: uppercase;
  height: unset;
  padding: 8px 25px 6px;
}

#calendar-appointments .fc-right .btn-group button.active {
  background-color: var(--primary);
  color: #fff;
}

#calendar-appointments .calendar-loading {
  position: absolute;
  background: rgba(255, 255, 255, 0.5803921569);
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 55px;
}

#calendar-appointments .calendar-loading i {
  margin-right: 16px;
}

#calendar-appointments .calendar-loading span {
  text-transform: uppercase;
  font-size: var(--h1-font-size);
  font-weight: var(--h1-font-weight);
  line-height: var(--h1-line-height);
  font-family: var(--font-primary);
}

@media (max-width: 992px) {
  #calendar-appointments {
    --padding: 8px;
    --padding-top: 31px ;
  }
  #calendar-appointments .fc-view-container .fc-month-view > table > .fc-body .fc-week > div.fc-bg td.fc-day {
    padding: 33px 11px 10px;
    border-width: 3px !important;
    border-radius: 10px;
  }
  #calendar-appointments .fc-view-container .fc-month-view > table > .fc-body .fc-week > div.fc-bg td.fc-day .day-message .message:not(:has(a)), #calendar-appointments .fc-view-container .fc-month-view > table > .fc-body .fc-week > div.fc-bg td.fc-day .day-message .message a {
    font-size: 12px;
    padding: 3px 0 2px;
  }
  #calendar-appointments.fc-ltr .fc-basic-view .fc-day-top {
    padding: 11px 11px 0;
  }
  .fc-scroller.fc-day-grid-container {
    height: unset !important;
  }
  .fc-day-grid .fc-row {
    height: unset !important;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
  .fc-row .fc-bg, .fc-row .fc-content-skeleton {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
  .fc-row .fc-content-skeleton table tbody tr:last-child .fc-event-container {
    padding-bottom: 10px !important;
  }
  #calendar-appointments .fc-view-container {
    overflow-x: scroll;
    padding-bottom: 14px;
    border: 1px solid rgba(140, 71, 153, 0.15) !important;
    border-radius: 6px;
    border-bottom: unset !important;
  }
  #calendar-appointments .fc-view-container::-webkit-scrollbar {
    display: block;
    height: 10px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    border-radius: 100px;
  }
  #calendar-appointments .fc-view-container::-webkit-scrollbar-thumb {
    background-color: var(--primary);
    border-radius: 100px;
  }
  #calendar-appointments .fc-view-container::-webkit-scrollbar-track-piece {
    background-color: rgba(var(--primary-rgb-format)/50%);
    border-radius: 100px;
  }
  #calendar-appointments .fc-view-container > .fc-month-view {
    width: 660px;
  }
  #calendar-appointments .fc-header-toolbar .fc-right, #calendar-appointments .fc-header-toolbar .fc-left .fc-today-button {
    visibility: hidden;
  }
  #calendar-appointments .fc-event-container {
    padding: 0 13px;
  }
}
@media (min-width: 992px) {
  .see-more-mobile-wrapper .see-more-text, .see-more-mobile-wrapper .see-more-text-open {
    display: none;
  }
}
@media (max-width: 992px) {
  .see-more-mobile-wrapper {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
  }
  .see-more-mobile-wrapper:not(.open) {
    overflow-y: hidden;
    max-height: 240px;
    border-bottom: 3px solid #fff;
    -webkit-transition: max-height var(--transition);
    transition: max-height var(--transition);
  }
  .bg-gray .see-more-mobile-wrapper:not(.open) {
    border-color: var(--gray);
  }
  .see-more-mobile-wrapper.open {
    max-height: 3000px;
    padding-bottom: 30px;
    -webkit-transition: max-height var(--transition);
    transition: max-height var(--transition);
  }
  .see-more-mobile-wrapper:not(.open):before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(177.38deg, rgba(255, 255, 255, 0) 2.19%, #FFFFFF 66.36%);
  }
  .bg-gray .see-more-mobile-wrapper:not(.open):before {
    background: linear-gradient(177.38deg, rgba(247, 247, 249, 0) 2.19%, var(--gray) 66.36%);
  }
  .see-more-mobile-wrapper:not(.open) .see-more-text {
    display: block;
  }
  .see-more-mobile-wrapper:not(.open) .see-more-text-open {
    display: none;
  }
  .see-more-mobile-wrapper.open .see-more-text {
    display: none;
  }
  .see-more-mobile-wrapper.open .see-more-text-open {
    display: block;
  }
  .see-more-mobile-wrapper .see-more-text, .see-more-mobile-wrapper .see-more-text-open {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 30px;
    line-height: 18px;
    text-transform: uppercase;
    text-align: center;
    color: var(--secondary);
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 0;
  }
  .see-more-mobile-wrapper .see-more-text:hover, .see-more-mobile-wrapper .see-more-text-open:hover {
    color: var(--secondary);
    -webkit-transition: all var(--transition);
    transition: all var(--transition);
    cursor: pointer;
  }
  .see-more-mobile-wrapper .see-more-text i, .see-more-mobile-wrapper .see-more-text-open i {
    font-size: 26px;
  }
}
.see-more-wrapper {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

.see-more-wrapper:not(.open) {
  overflow-y: hidden;
  max-height: 150px;
  border-bottom: 3px solid #fff;
  -webkit-transition: max-height var(--transition);
  transition: max-height var(--transition);
}

.see-more-wrapper.see-more-large:not(.open) {
  max-height: 1000px;
}

.see-more-wrapper.schedule:not(.open) {
  height: 500px;
  max-height: 1000px;
}

.see-more-wrapper.see-more-small:not(.open) {
  max-height: 150px;
}

.see-more-wrapper.see-more-hidden:not(.open) {
  max-height: 22px;
}

.bg-gray .see-more-wrapper:not(.open) {
  border-color: var(--gray);
}

.see-more-wrapper.open {
  max-height: 3000px;
  padding-bottom: 30px;
  -webkit-transition: max-height var(--transition);
  transition: max-height var(--transition);
}

.see-more-wrapper.schedule.open {
  max-height: 7000px;
}

.see-more-wrapper.see-more-small.open {
  max-height: 1000px;
}

.see-more-wrapper:not(.open):before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100px;
  left: 0;
  bottom: 0;
  z-index: 2;
  background: linear-gradient(177.38deg, rgba(255, 255, 255, 0) 2.19%, #FFFFFF 66.36%);
}

.bg-gray .see-more-wrapper:not(.open):before {
  background: linear-gradient(177.38deg, rgba(247, 247, 249, 0) 2.19%, var(--gray) 66.36%);
}

.see-more-wrapper:not(.open) .see-more-text {
  display: block;
}

.see-more-wrapper:not(.open) .see-more-text-open {
  display: none;
}

.see-more-wrapper.open .see-more-text {
  display: none;
}

.see-more-wrapper.open .see-more-text-open {
  display: block;
}

.see-more-wrapper .see-more-text, .see-more-wrapper .see-more-text-open {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 30px;
  line-height: 18px;
  text-transform: uppercase;
  text-align: center;
  color: var(--secondary);
  position: absolute;
  z-index: 2;
  width: 100%;
  bottom: 0;
}

.see-more-wrapper .see-more-text:hover, .see-more-wrapper .see-more-text-open:hover {
  color: var(--secondary);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
  cursor: pointer;
}

.see-more-wrapper .see-more-text i, .see-more-wrapper .see-more-text-open i {
  font-size: 26px;
}

.anchor-subnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.anchor-subnav a {
  color: var(--primary);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  padding: 1.25rem;
  line-height: 1.25;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.anchor-subnav:not(.mobile-2-cols) a:not(:first-child) {
  border-left: 2px solid #fff;
}

.anchor-subnav a img {
  height: 30px;
  margin-bottom: 0.25rem;
}

@media (min-width: 992px) {
  .anchor-subnav a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    text-align: left;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    padding: 0.75rem 0;
    margin: 0 4rem;
    border-left: unset !important;
  }
  .anchor-subnav a img {
    height: 23px;
    margin-right: 0.5rem;
    margin-bottom: 0;
  }
  .anchor-subnav[class*=col-lg-]:not(.col-lg-12) {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .anchor-subnav[class*=col-lg-]:not(.col-lg-12) a {
    margin: 0;
  }
}
@media (max-width: 992px) {
  .anchor-subnav.mobile-2-cols {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
  }
  .anchor-subnav.mobile-2-cols a {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    width: 50%;
    padding: 1rem;
  }
  .anchor-subnav.mobile-2-cols a:nth-child(even) {
    border-left: 2px solid #fff;
  }
  .anchor-subnav.mobile-2-cols a:nth-child(1n+3) {
    border-top: 2px solid #fff;
  }
}
.tp-enrollments-slider-1.slick-slider .slick-next {
  right: 12px;
}

.tp-enrollments-slider-1.slick-slider .slick-prev {
  left: 12px;
}

.tp-enrollments-slider-1.slick-slider .slick-next, .tp-enrollments-slider-1.slick-slider .slick-prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}

.tp-enrollments-slider-1.slick-slider .slick-next::before, .tp-enrollments-slider-1.slick-slider .slick-prev::before {
  font-family: "font awesome 6 pro";
  font-weight: 600;
  font-size: 40px;
  color: var(--secondary);
}

.tp-enrollments-slider-1.slick-slider .slick-arrow:not(.slick-disabled)::before {
  opacity: 1;
}

.tp-enrollments-slider-1.slick-slider .slick-next::before {
  content: "\f330";
}

.tp-enrollments-slider-1.slick-slider .slick-prev::before {
  content: "\f32e";
}

.tp-enrollments-slider-1 .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tp-enrollments-slider-1 .slick-slide {
  padding: 0px calc(var(--bs-gutter-x) * 0.5);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: unset;
}

.tp-enrollments-slider-1 .slick-slide .well {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wi-pricing-highlight-slider .well.non-control {
  padding: 84px 43px;
}

.wi-pricing-highlight-slider .pricing-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 55px;
  position: relative;
  border-radius: 50px;
  border: 1px solid var(--primary);
}

.wi-pricing-highlight-slider .pricing-control:hover {
  cursor: pointer;
}

.wi-pricing-highlight-slider .pricing-control div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  height: 100%;
  min-width: 50%;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 50px;
  text-transform: uppercase;
  color: var(--primary);
  font-family: var(--font-secondary);
  font-size: 17px;
  font-weight: 700;
}

.wi-pricing-highlight-slider .pricing-control div.active {
  background-color: var(--primary);
  color: #fff;
}

.wi-pricing-highlight-slider .pricing-control div:first-child {
  left: 0;
}

.wi-pricing-highlight-slider .pricing-control div:last-child {
  right: 0;
}

.wi-pricing-highlight-slider .pricing-control div span {
  margin-top: 2px;
}

.wi-pricing-highlight-slider .pricing-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}

.wi-pricing-highlight-slider .pricing-content > div {
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-column: 1;
      grid-column-start: 1;
  width: 100%;
  opacity: 0;
  z-index: 0;
}

.wi-pricing-highlight-slider .pricing-content > div.active {
  opacity: 1;
  z-index: 1;
}

.wi-pricing-highlight-slider .pricing-content .price {
  font-size: 6.25rem;
  line-height: 0.7;
}

.wi-pricing-highlight-slider > div .pricing-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  position: relative;
  justify-items: center;
}

.wi-pricing-highlight-slider .slick-track > div .pricing-content::before {
  width: 73px;
  position: absolute;
  top: -10px;
}

.wi-pricing-highlight-slider .slick-track > div .well-container, .wi-pricing-highlight-slider .slick-track > div .well-container .well {
  height: 100%;
}

.wi-pricing-highlight-slider .slick-track > div:nth-child(5n) .pricing-content::before {
  content: url(/oak/files/icons/RnR_Square_Teal.svg);
}

.wi-pricing-highlight-slider .slick-track > div:nth-child(5n+1) .pricing-content::before {
  content: url(/oak/files/icons/RnR_Square_Green.svg);
}

.wi-pricing-highlight-slider .slick-track > div:nth-child(5n+2) .pricing-content::before {
  content: url(/oak/files/icons/RnR_Square_Yellow.svg);
}

.wi-pricing-highlight-slider .slick-track > div:nth-child(5n+3) .pricing-content::before {
  content: url(/oak/files/icons/RnR_Square_Periwinkle.svg);
}

.wi-pricing-highlight-slider .slick-track > div:nth-child(5n+4) .pricing-content::before {
  content: url(/oak/files/icons/RnR_Square_Pink.svg);
}

.wi-pricing-highlight-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wi-pricing-highlight-slider .slick-list {
  padding: 0;
}

.wi-pricing-highlight-slider .slick-list .slick-slide {
  padding: 6px calc(var(--bs-gutter-x) * 0.5) 20px calc(var(--bs-gutter-x) * 0.5);
  height: unset;
  min-height: unset;
}

.wi-pricing-highlight-slider.slick-slider .slick-next, .wi-pricing-highlight-slider.slick-slider .slick-prev {
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--quaternary);
  padding: 18px;
  border-radius: 100%;
}

.wi-pricing-highlight-slider.slick-slider .slick-next {
  right: 0;
}

.wi-pricing-highlight-slider.slick-slider .slick-prev {
  left: 0;
}

.wi-pricing-highlight-slider.slick-slider .slick-arrow:not(.slick-disabled)::before {
  opacity: 1;
}

.wi-pricing-highlight-slider.slick-slider .slick-next::before, .wi-pricing-highlight-slider.slick-slider .slick-prev::before {
  font-family: "font awesome 6 pro";
  font-weight: 600;
  font-size: 32px;
  color: #fff;
}

.wi-pricing-highlight-slider.slick-slider .slick-next::before {
  content: "\f0da";
}

.wi-pricing-highlight-slider.slick-slider .slick-prev::before {
  content: "\f0d9";
}

.wi-pricing-highlight-slider .well {
  -webkit-box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.15);
}

[d-check*="{"], [d-check=""] {
  display: none !important;
}

.wi-pricing-group-control .pricing-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 55px;
  position: relative;
  border-radius: 50px;
  border: 1px solid var(--primary);
}

.wi-pricing-group-control .pricing-control:hover {
  cursor: pointer;
}

.wi-pricing-group-control .pricing-control div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  height: 100%;
  min-width: 50%;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 50px;
  text-transform: uppercase;
  color: var(--primary);
  font-family: var(--font-secondary);
  font-size: 17px;
  font-weight: 700;
}

.wi-pricing-group-control .pricing-control div.active {
  background-color: var(--primary);
  color: #fff;
}

.wi-pricing-group-control .pricing-control div:first-child {
  left: 0;
}

.wi-pricing-group-control .pricing-control div:last-child {
  right: 0;
}

.wi-pricing-group-control .pricing-control div span {
  margin-top: 2px;
}

.wi-pricing-group .pricing-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}

.wi-pricing-group .pricing-content > div {
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-column: 1;
      grid-column-start: 1;
  width: 100%;
  opacity: 0;
  z-index: 0;
}

.wi-pricing-group .pricing-content > div.active {
  opacity: 1;
  z-index: 1;
}

.wi-pricing-group .pricing-content .price {
  font-size: 6.25rem;
  line-height: 0.7;
}

.wi-pricing-group > div .pricing-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  position: relative;
  justify-items: center;
}

.wi-pricing-group > div .pricing-content::before {
  width: 73px;
  position: absolute;
  top: -10px;
}

.wi-pricing-group > div .well-container, .wi-pricing-group > div .well-container .well {
  height: 100%;
}

.wi-pricing-group > div:nth-child(5n) .pricing-content::before {
  content: url(/oak/files/icons/RnR_Square_Teal.svg);
}

.wi-pricing-group > div:nth-child(5n+1) .pricing-content::before {
  content: url(/oak/files/icons/RnR_Square_Green.svg);
}

.wi-pricing-group > div:nth-child(5n+2) .pricing-content::before {
  content: url(/oak/files/icons/RnR_Square_Yellow.svg);
}

.wi-pricing-group > div:nth-child(5n+3) .pricing-content::before {
  content: url(/oak/files/icons/RnR_Square_Periwinkle.svg);
}

.wi-pricing-group > div:nth-child(5n+4) .pricing-content::before {
  content: url(/oak/files/icons/RnR_Square_Pink.svg);
}

.wi-pricing-group .well {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wi-pricing-group > .sold-out {
  display: none;
}

.wi-pricing-group > .sold-out .well::before {
  content: "Sold Out";
  font-family: var(--font-secondary);
  text-transform: uppercase;
  color: #fff;
  background-color: #000;
  padding: 12px 30px 10px;
  border-radius: 100px;
  position: absolute;
  top: -24px;
  font-weight: 800;
  font-size: 17px;
}

.wi-pricing-group > .sold-out .well > * {
  opacity: 0.4;
}

@media (min-width: 992px) {
  .wi-pricing-group > .sold-out {
    display: block;
  }
  .wi-pricing-group-control[f-name="Membership Options"] + .container-fluid .wi-pricing-group > div:nth-child(even) .well-container {
    padding-bottom: 54px;
  }
  .wi-pricing-group-control[f-name="Membership Options"] + .container-fluid .wi-pricing-group > div:nth-child(odd) .well-container {
    padding-top: 54px;
  }
  .wi-pricing-group .well {
    padding: 48px 43px;
  }
}
.wi-pricing-table {
  width: 100%;
  border-radius: var(--border-radius);
  border: 1px solid rgba(var(--primary-rgb-format)/25%);
  overflow: hidden;
}

.wi-pricing-table .thead {
  background-color: rgba(var(--primary-rgb-format)/15%);
}

.wi-pricing-table .trow:not(:nth-of-type(2)) {
  border-top: 1px solid rgba(var(--primary-rgb-format)/25%);
}

.wi-pricing-table .thead, .wi-pricing-table .trow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.wi-pricing-table .thead > div, .wi-pricing-table .trow > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 20px;
  font-size: var(--h3-font-size);
  font-family: var(--font-primary);
  font-weight: var(--h3-font-weight);
  line-height: var(--h3-line-height);
}

.wi-pricing-table > div > div:nth-child(1n) {
  text-align: left;
  width: 69.99%;
}

.wi-pricing-table > div > div:nth-child(2n) {
  border-left: 3px solid #fff;
  width: 30%;
}

.wi-pricing-table > div > div:nth-child(3n) {
  border-left: 3px solid #fff;
  display: none;
}

.wi-pricing-table .thead > div {
  color: var(--primary);
}

.wi-pricing-table .trow > div {
  color: var(--dark);
}

.text-primary + .wi-pricing-table {
  border-color: rgba(var(--primary-rgb-format)/25%);
}

.text-primary + .wi-pricing-table .thead {
  background-color: rgba(var(--primary-rgb-format)/15%);
}

.text-primary + .wi-pricing-table .thead div {
  color: var(--primary);
}

.text-primary + .wi-pricing-table .trow:not(:nth-of-type(2)) {
  border-color: rgba(var(--primary-rgb-format)/25%);
}

.text-secondary + .wi-pricing-table {
  border-color: rgba(var(--secondary-rgb-format)/25%);
}

.text-secondary + .wi-pricing-table .thead {
  background-color: rgba(var(--secondary-rgb-format)/15%);
}

.text-secondary + .wi-pricing-table .thead div {
  color: var(--secondary);
}

.text-secondary + .wi-pricing-table .trow:not(:nth-of-type(2)) {
  border-color: rgba(var(--secondary-rgb-format)/25%);
}

.text-tertiary + .wi-pricing-table {
  border-color: rgba(var(--tertiary-rgb-format)/25%);
}

.text-tertiary + .wi-pricing-table .thead {
  background-color: rgba(var(--tertiary-rgb-format)/15%);
}

.text-tertiary + .wi-pricing-table .thead div {
  color: var(--tertiary);
}

.text-tertiary + .wi-pricing-table .trow:not(:nth-of-type(2)) {
  border-color: rgba(var(--tertiary-rgb-format)/25%);
}

.text-quaternary + .wi-pricing-table {
  border-color: rgba(var(--quaternary-rgb-format)/25%);
}

.text-quaternary + .wi-pricing-table .thead {
  background-color: rgba(var(--quaternary-rgb-format)/15%);
}

.text-quaternary + .wi-pricing-table .thead div {
  color: var(--quaternary);
}

.text-quaternary + .wi-pricing-table .trow:not(:nth-of-type(2)) {
  border-color: rgba(var(--quaternary-rgb-format)/25%);
}

.text-quinary + .wi-pricing-table {
  border-color: rgba(var(--quinary-rgb-format)/25%);
}

.text-quinary + .wi-pricing-table .thead {
  background-color: rgba(var(--quinary-rgb-format)/15%);
}

.text-quinary + .wi-pricing-table .thead div {
  color: var(--quinary);
}

.text-quinary + .wi-pricing-table .trow:not(:nth-of-type(2)) {
  border-color: rgba(var(--quinary-rgb-format)/25%);
}

.text-senary + .wi-pricing-table {
  border-color: rgba(var(--senary-rgb-format)/25%);
}

.text-senary + .wi-pricing-table .thead {
  background-color: rgba(var(--senary-rgb-format)/15%);
}

.text-senary + .wi-pricing-table .thead div {
  color: var(--senary);
}

.text-senary + .wi-pricing-table .trow:not(:nth-of-type(2)) {
  border-color: rgba(var(--senary-rgb-format)/25%);
}

.text-septenary + .wi-pricing-table {
  border-color: rgba(var(--septenary-rgb-format)/25%);
}

.text-septenary + .wi-pricing-table .thead {
  background-color: rgba(var(--septenary-rgb-format)/15%);
}

.text-septenary + .wi-pricing-table .thead div {
  color: var(--septenary);
}

.text-septenary + .wi-pricing-table .trow:not(:nth-of-type(2)) {
  border-color: rgba(var(--septenary-rgb-format)/25%);
}

.text-light + .wi-pricing-table {
  border-color: rgba(var(--light-rgb-format)/25%);
}

.text-light + .wi-pricing-table .thead {
  background-color: rgba(var(--light-rgb-format)/15%);
}

.text-light + .wi-pricing-table .thead div {
  color: var(--light);
}

.text-light + .wi-pricing-table .trow:not(:nth-of-type(2)) {
  border-color: rgba(var(--light-rgb-format)/25%);
}

.text-gray + .wi-pricing-table {
  border-color: rgba(var(--gray-rgb-format)/25%);
}

.text-gray + .wi-pricing-table .thead {
  background-color: rgba(var(--gray-rgb-format)/15%);
}

.text-gray + .wi-pricing-table .thead div {
  color: var(--gray);
}

.text-gray + .wi-pricing-table .trow:not(:nth-of-type(2)) {
  border-color: rgba(var(--gray-rgb-format)/25%);
}

.text-dark + .wi-pricing-table {
  border-color: rgba(var(--dark-rgb-format)/25%);
}

.text-dark + .wi-pricing-table .thead {
  background-color: rgba(var(--dark-rgb-format)/15%);
}

.text-dark + .wi-pricing-table .thead div {
  color: var(--dark);
}

.text-dark + .wi-pricing-table .trow:not(:nth-of-type(2)) {
  border-color: rgba(var(--dark-rgb-format)/25%);
}

.text-dark-gray + .wi-pricing-table {
  border-color: rgba(var(--dark-gray-rgb-format)/25%);
}

.text-dark-gray + .wi-pricing-table .thead {
  background-color: rgba(var(--dark-gray-rgb-format)/15%);
}

.text-dark-gray + .wi-pricing-table .thead div {
  color: var(--dark-gray);
}

.text-dark-gray + .wi-pricing-table .trow:not(:nth-of-type(2)) {
  border-color: rgba(var(--dark-gray-rgb-format)/25%);
}

@media (min-width: 992px) {
  .wi-pricing-table > div > div:nth-child(1n) {
    text-align: center;
    width: 37.49%;
  }
  .wi-pricing-table > div > div:nth-child(2n) {
    width: 25%;
  }
  .wi-pricing-table > div > div:nth-child(3n) {
    width: 37.49%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
healcode-widget .bw-widget__header {
  background-color: var(--primary);
  color: #fff;
  border-radius: var(--border-radius);
}

healcode-widget .bw-widget__header .bw-header__title, healcode-widget .bw-widget__header .bw-header__account-link {
  font-family: var(--font-primary) !important;
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  line-height: var(--h4-line-height);
  color: #fff;
}

healcode-widget .bw-widget__day:first-of-type .bw-widget__date {
  border-top-style: none;
}

healcode-widget .bw-datepicker {
  border-radius: 100px;
  border: 1px solid #000;
  padding: 3px 14px 3px 23px;
  width: unset !important;
  height: unset !important;
}

healcode-widget .bw-datepicker input {
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  border-left: unset;
  width: 100px;
}

healcode-widget .bw-datepicker__button {
  height: unset !important;
  width: unset !important;
}

healcode-widget .bw-datepicker__button svg {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

healcode-widget .bw-widget__date {
  background-color: rgba(var(--primary-rgb-format)/15%);
  color: var(--primary);
  border-radius: var(--border-radius);
  font-family: var(--font-primary) !important;
  font-size: 36px !important;
  font-weight: 400;
}

healcode-widget .bw-widget__footer {
  display: none;
}

healcode-widget .bw-widget__day > div:first-child, healcode-widget .bw-widget__day > div:last-child {
  border-bottom: unset !important;
}

healcode-widget .bw-widget__cart_button button {
  font-family: var(--font-secondary) !important;
  text-transform: uppercase !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  width: 100% !important;
  text-align: center !important;
  padding: 8px 16px 7px !important;
}

healcode-widget .bw-session__detail-link {
  color: var(--primary) !important;
  text-transform: capitalize !important;
}

healcode-widget .bw-session__description {
  padding-bottom: 0 !important;
}

healcode-widget .bw-session__expanded {
  padding-top: 19px !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

healcode-widget .bw-session {
  padding: 19px 32px !important;
}

healcode-widget .bw-session__basics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

healcode-widget .bw-widget__signup-now {
  background-color: var(--primary) !important;
  color: #fff !important;
  border-color: var(--primary) !important;
}

healcode-widget .bw-session__time {
  white-space: normal !important;
}

healcode-widget .bw-session__description > * {
  text-align: left !important;
  font-size: 16px;
  color: var(--dark);
}

healcode-widget .bw-filters.bw-filters--is-open {
  margin-top: 1rem;
  border-radius: var(--border-radius);
}

healcode-widget .bw-filters {
  background: rgba(var(--primary-rgb-format)/15%);
}

healcode-widget .bw-calendar-container {
  border: none;
}

healcode-widget .bw-datepicker__input {
  width: 100px !important;
}

@media (min-width: 992px) {
  healcode-widget .bw-session__info {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  healcode-widget .bw-session__info > * {
    min-width: unset !important;
    margin: 0 !important;
  }
  healcode-widget .bw-session__info .bw-session__time {
    width: 25% !important;
  }
  healcode-widget .bw-session__info .bw-session__group2 {
    width: 30% !important;
  }
  healcode-widget .bw-session__info .bw-session__group1 {
    width: 45% !important;
  }
  healcode-widget .bw-session__basics {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  healcode-widget .bw-session__info {
    width: 86% !important;
    margin-right: 0 !important;
  }
  healcode-widget .bw-session__basics .bw-widget__cart_button, healcode-widget .bw-session__basics .bw-session__canceled {
    width: 14% !important;
    min-width: unset !important;
  }
  healcode-widget .bw-session__basics .bw-session__canceled {
    text-align: center;
  }
}
@media (max-width: 992px) {
  healcode-widget .bw-session {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}
header:not(.scrolled) > .container {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

header.scrolled {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

body header .desktop-scrolled {
  display: none;
}

@media (min-width: 992px) {
  body header .logo {
    z-index: 1;
  }
  body header .logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body header .logo a img {
    -webkit-transition: opacity var(--transition);
    transition: opacity var(--transition);
  }
  body header .desktop {
    width: 100%;
  }
  body header .desktop-scrolled {
    display: block;
    position: absolute;
    width: 100%;
    opacity: 0;
  }
  body.scrolled header .desktop-scrolled {
    opacity: 1;
  }
  body.scrolled header .desktop {
    opacity: 0;
  }
  body.h-show-tert-nav .tert-nav a {
    padding: 0 11px;
    border-right: unset !important;
  }
  body header {
    background: rgba(255, 255, 255, 0);
    -webkit-transition: background var(--transition);
    transition: background var(--transition);
  }
  body.scrolled header {
    background: #fff;
  }
  body header .tert-nav {
    background: unset !important;
    border: unset !important;
  }
  body header .tert-nav a:not([href*=tel]) {
    font-weight: 500;
  }
  body header > .nav-container {
    border-radius: 0 0 16px 16px;
    -webkit-transition: border-radius 0.1s;
    transition: border-radius 0.1s;
  }
  body header > .nav-container:has(.mega-custom .parent.over) {
    border-radius: 0;
  }
  body.scrolled header > .nav-container {
    border-radius: 0 0 0 0;
    -webkit-transition: border-radius 0.1s;
    transition: border-radius 0.1s;
  }
  body header .nav-container {
    padding: 0 18px;
  }
  header .main-nav .items nav ul li a.parent i {
    margin-bottom: 4px;
    line-height: 0.4;
    font-size: 1.18rem;
  }
  header .main-nav .items nav .level-1 > li > a {
    font-weight: 500;
  }
}
@media (max-width: 992px) {
  header .btn {
    padding: 13px 14px 12px;
    font-size: 13px;
  }
  header .main-nav .items .item-append a:not(:last-child) {
    margin-right: 0.5rem;
  }
  header .logo {
    z-index: 1;
  }
}
@media (max-width: 992px) {
  header .main-nav .logo {
    z-index: 2;
  }
  header .main-nav .logo img.mobile {
    display: block;
  }
  header .main-nav .logo img {
    position: relative;
    z-index: 1;
    -webkit-transition: opacity var(--transition);
    transition: opacity var(--transition);
  }
  header .main-nav nav {
    -webkit-transition: top var(--transition);
    transition: top var(--transition);
  }
  body.scrolled header .main-nav nav {
    top: 0;
  }
  header.open .main-nav nav {
    -webkit-transition: top var(--transition);
    transition: top var(--transition);
  }
  header.open .main-nav nav {
    height: 100vh;
  }
  header .main-nav nav > ul {
    width: 100% !important;
  }
  header .main-nav nav > ul > li {
    padding: 0 4%;
  }
  header .main-nav .items nav > ul {
    border-top: 3px solid rgb(var(--secondary-rgb-format)/0%);
  }
  header.open .main-nav .items nav > ul {
    border-top: 3px solid rgb(var(--primary-rgb-format)/100%);
  }
  header .main-nav .items nav ul {
    margin: 0;
  }
  header .main-nav .items nav .level-1 > li > a {
    border-bottom: 1px solid var(--primary-rgba-2);
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    font-weight: 600;
  }
  header .main-nav .items nav .level-1 > li > a.open {
    border-bottom: 1px solid var(--primary);
    color: var(--primary);
  }
  header .main-nav .items nav .level-1 > li:not(.social) > a {
    padding-left: 0;
  }
  header .main-nav .items nav ul li ul {
    border-bottom: 1px solid rgba(0, 85, 104, 0.2509803922);
  }
  header .main-nav .items nav li a:hover, header .main-nav .items nav li a:focus {
    color: var(--primary);
  }
  header .main-nav .items nav .level-2 li a, header .main-nav .items nav .level-2 li a .page-icon {
    font-size: 0.9rem;
  }
  header .main-nav .items nav .level-2 li a.has-icon span {
    padding-left: 22px;
  }
  header .main-nav .items nav .level-2 li a .page-icon {
    position: absolute;
    left: 0;
    color: var(--primary);
  }
  header .main-nav .items nav .level-1 > li.social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  header .main-nav .items nav .level-1 > li.social a:first-child {
    padding-left: 0;
  }
  header .main-nav .items nav .level-1 > li.social a {
    border-bottom: none;
    width: unset;
    padding: 15px 10px;
  }
  header .main-nav .items nav .level-1 > li.social a i {
    margin: 0;
  }
  header .level-2 {
    -webkit-box-shadow: unset;
            box-shadow: unset;
  }
  header .main-nav .item-append.nav-open .btn {
    padding: 7px;
  }
  header .main-nav .item-append.nav-open a:not(.btn) {
    margin-right: 0.4rem;
  }
  header .main-nav nav {
    background: #fff;
  }
  header .main-nav .item-append {
    right: 40px;
  }
  header .main-nav .mobile-nav-trigger {
    width: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  header .main-nav .items .item-append a.btn {
    padding: 15px 18px 14px;
    font-size: 0.9rem;
  }
  header .main-nav .items nav .level-1 > li > a {
    font-size: 1rem !important;
  }
}
@media (min-width: 992px) {
  header .main-nav .items nav ul li.mega .mega-nav-dropdown {
    width: 100%;
    border-top: 3px solid var(--primary);
  }
  header .main-nav .items nav ul li.mega .level-2 {
    z-index: 200;
    position: fixed;
    top: calc(var(--nav-height));
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: margin-top var(--transition), top var(--transition);
    transition: margin-top var(--transition), top var(--transition);
    width: var(--container-w);
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  body.h-show-tert-nav header .main-nav .items nav ul li.mega .level-2 {
    top: calc(var(--nav-height) + var(--nav-tert-height) + var(--top-bar, 0px));
  }
  header.scrolled .main-nav .items nav ul li.mega .level-2 {
    top: calc(var(--nav-height) - 1px) !important;
  }
  .mega .mega-nav-dropdown .desktop-mega {
    display: block !important;
  }
  .mega .mega-nav-dropdown .mobile-mega {
    display: none !important;
  }
  .mega .mega-nav-dropdown .desktop-mega .row {
    margin: 0;
  }
  .mega .mega-nav-dropdown .desktop-mega .row .row {
    margin: 0 -13px;
  }
  .mega .mega-nav-dropdown .desktop-mega > .row > div {
    padding: 26px;
  }
  .mega .mega-nav-dropdown .desktop-mega > .row > div > .content {
    padding: 26px;
  }
  .mega .mega-nav-dropdown .desktop-mega > .row > div > .row [class*=col-] {
    padding: 0 13px;
  }
  .mega .mega-nav-dropdown .mega-header, .mega .mega-nav-dropdown .mega-large-link, .mega .mega-nav-dropdown .mega-link {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 140.62%;
    color: var(--primary);
    margin-bottom: 28px;
    text-transform: uppercase;
    -webkit-transition: all var(--transition);
    transition: all var(--transition);
    padding: 0;
  }
  .mega .mega-nav-dropdown .mega-link {
    margin-bottom: 0;
    font-size: 16px;
    text-transform: none;
  }
  .mega .mega-nav-dropdown .mega-large-link {
    margin-bottom: 0;
  }
  .mega .mega-nav-dropdown .mega-large-link:hover, .mega .mega-nav-dropdown .mega-link:hover {
    color: var(--secondary);
  }
  .mega .chevron-right::after {
    margin-left: 10px;
  }
  .mega .highlight-link {
    width: 100% !important;
    background-color: var(--primary) !important;
    color: #fff !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    padding: 1rem !important;
    margin-top: auto;
    text-transform: uppercase !important;
    letter-spacing: 0.06rem !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
  }
  .mega .highlight-link:hover {
    background-color: var(--tertiary) !important;
    color: #fff !important;
  }
  .mega .mega-list {
    list-style: none;
    padding: 0;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
  .mega .mega-list li {
    border-top: unset !important;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 300;
  }
  header .main-nav .items nav .level-1 [class^=level-] {
    border-bottom-right-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
  }
  .mega .chevron-right {
    padding: 0 !important;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-pack: unset !important;
        -ms-flex-pack: unset !important;
            justify-content: unset !important;
    color: var(--dark) !important;
    font-size: 19px;
    font-weight: 800;
    margin-bottom: 26px;
  }
  .mega .chevron-right::after {
    font-family: "font awesome 6 pro";
    content: "\f138";
    color: var(--primary);
    font-size: 0.95em;
    margin-left: 8px;
    margin-top: -1px;
    font-weight: 700 !important;
  }
  .mega .chevron-right:hover {
    color: var(--primary) !important;
  }
}
@media (max-width: 992px) {
  .mobile-mega {
    display: block !important;
  }
  .desktop-mega {
    display: none !important;
  }
}
.mega-icon-list a {
  height: 100% !important;
  padding: 16px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  color: #fff !important;
  border-radius: var(--border-radius);
  text-align: center;
  -webkit-transition: background-color 0.2s !important;
  transition: background-color 0.2s !important;
}

.mega-icon-list > div a:hover {
  background-color: var(--primary) !important;
}

.mega-icon-list a img {
  height: 32px;
  margin-bottom: 8px;
}

.mega-icon-list a span {
  font-weight: 800;
  text-transform: capitalize !important;
}

.mega-icon-list > div:nth-child(5n) a {
  background-color: var(--tertiary);
}

.mega-icon-list > div:nth-child(5n+1) a {
  background-color: var(--senary);
}

.mega-icon-list > div:nth-child(5n+2) a {
  background-color: var(--quaternary);
}

.mega-icon-list > div:nth-child(5n+3) a {
  background-color: var(--quinary);
}

.mega-icon-list > div:nth-child(5n+4) a {
  background-color: var(--septenary);
}

.mega .mega-icon-list > div:nth-child(1n+3) {
  margin-top: 26px;
}

.mega-icons-inline {
  width: 100%;
}

.mega-icons-inline .icons-col {
  width: 20% !important;
  padding: 0 13px !important;
  text-align: center;
}

.mega-icons-inline .icons-col a {
  display: block !important;
  position: relative !important;
  padding: 0 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: start !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.mega-icons-inline .icons-col a .icons-box {
  width: 100%;
  aspect-ratio: 1;
  border: 3px solid var(--primary);
  border-radius: var(--border-radius);
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mega-icons-inline .icons-col a .icons-box.highlight {
  background-color: var(--primary);
}

.mega-icons-inline .icons-col a span {
  color: var(--secondary);
  font-weight: 800;
  text-transform: capitalize !important;
}

.mega-icons-inline .icons-col a:hover span {
  color: var(--primary) !important;
}

@media (min-width: 992px) {
  .mega-icons-inline .icons-col a img {
    height: 40px;
  }
}
@media (min-width: 1200px) {
  .mega-icons-inline .icons-col a img {
    height: 64px;
  }
}
@media (min-width: 1400px) {
  .mega-icons-inline .icons-col a img {
    height: 70px;
  }
}
.accordion-highlight .accordion-item {
  border-color: var(--primary);
}

.accordion-highlight .accordion-button {
  font-family: var(--font-primary);
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  line-height: var(--h4-line-height);
  padding: 20px;
  color: #fff;
  background-color: var(--primary);
}

.accordion-highlight .accordion-item:not(:last-of-type) {
  margin-bottom: 20px;
}

.accordion-highlight .accordion-button:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.accordion-highlight .accordion-button::after {
  content: "\f0d7";
  font-family: "font awesome 6 pro";
  font-weight: 800;
  color: #fff;
  margin-bottom: 8px;
  background-image: unset;
}

.accordion-highlight .accordion-button:not(.collapsed)::after {
  -webkit-transform: unset !important;
          transform: unset !important;
  content: "\f0d8";
}

.accordion-highlight .accordion-item {
  border-radius: var(--border-radius);
  overflow: hidden;
}

@media (min-width: 992px) {
  .accordion-highlight .accordion-body {
    padding: 28px 34px;
  }
}
.primary .accordion-highlight .accordion-item {
  border-color: var(--primary);
}

.primary .accordion-highlight .accordion-button {
  background-color: var(--primary);
}

.primary .accordion-highlight.faqs .accordion-item:has(.collapsed) {
  border-color: rgba(var(--primary-rgb-format)/15%);
}

.primary .accordion-highlight.faqs .accordion-button.collapsed {
  color: var(--dark);
  background-color: rgba(var(--primary-rgb-format)/15%);
}

.primary .accordion-highlight.faqs .accordion-button {
  background-color: var(--primary);
}

.primary .accordion-highlight.faqs .accordion-item {
  border-color: var(--primary);
}

.primary .accordion-highlight.faqs .accordion-button.collapsed::after {
  color: var(--primary);
}

.secondary .accordion-highlight .accordion-item {
  border-color: var(--secondary);
}

.secondary .accordion-highlight .accordion-button {
  background-color: var(--secondary);
}

.secondary .accordion-highlight.faqs .accordion-item:has(.collapsed) {
  border-color: rgba(var(--secondary-rgb-format)/15%);
}

.secondary .accordion-highlight.faqs .accordion-button.collapsed {
  color: var(--dark);
  background-color: rgba(var(--secondary-rgb-format)/15%);
}

.secondary .accordion-highlight.faqs .accordion-button {
  background-color: var(--secondary);
}

.secondary .accordion-highlight.faqs .accordion-item {
  border-color: var(--secondary);
}

.secondary .accordion-highlight.faqs .accordion-button.collapsed::after {
  color: var(--secondary);
}

.tertiary .accordion-highlight .accordion-item {
  border-color: var(--tertiary);
}

.tertiary .accordion-highlight .accordion-button {
  background-color: var(--tertiary);
}

.tertiary .accordion-highlight.faqs .accordion-item:has(.collapsed) {
  border-color: rgba(var(--tertiary-rgb-format)/15%);
}

.tertiary .accordion-highlight.faqs .accordion-button.collapsed {
  color: var(--dark);
  background-color: rgba(var(--tertiary-rgb-format)/15%);
}

.tertiary .accordion-highlight.faqs .accordion-button {
  background-color: var(--tertiary);
}

.tertiary .accordion-highlight.faqs .accordion-item {
  border-color: var(--tertiary);
}

.tertiary .accordion-highlight.faqs .accordion-button.collapsed::after {
  color: var(--tertiary);
}

.quaternary .accordion-highlight .accordion-item {
  border-color: var(--quaternary);
}

.quaternary .accordion-highlight .accordion-button {
  background-color: var(--quaternary);
}

.quaternary .accordion-highlight.faqs .accordion-item:has(.collapsed) {
  border-color: rgba(var(--quaternary-rgb-format)/15%);
}

.quaternary .accordion-highlight.faqs .accordion-button.collapsed {
  color: var(--dark);
  background-color: rgba(var(--quaternary-rgb-format)/15%);
}

.quaternary .accordion-highlight.faqs .accordion-button {
  background-color: var(--quaternary);
}

.quaternary .accordion-highlight.faqs .accordion-item {
  border-color: var(--quaternary);
}

.quaternary .accordion-highlight.faqs .accordion-button.collapsed::after {
  color: var(--quaternary);
}

.quinary .accordion-highlight .accordion-item {
  border-color: var(--quinary);
}

.quinary .accordion-highlight .accordion-button {
  background-color: var(--quinary);
}

.quinary .accordion-highlight.faqs .accordion-item:has(.collapsed) {
  border-color: rgba(var(--quinary-rgb-format)/15%);
}

.quinary .accordion-highlight.faqs .accordion-button.collapsed {
  color: var(--dark);
  background-color: rgba(var(--quinary-rgb-format)/15%);
}

.quinary .accordion-highlight.faqs .accordion-button {
  background-color: var(--quinary);
}

.quinary .accordion-highlight.faqs .accordion-item {
  border-color: var(--quinary);
}

.quinary .accordion-highlight.faqs .accordion-button.collapsed::after {
  color: var(--quinary);
}

.senary .accordion-highlight .accordion-item {
  border-color: var(--senary);
}

.senary .accordion-highlight .accordion-button {
  background-color: var(--senary);
}

.senary .accordion-highlight.faqs .accordion-item:has(.collapsed) {
  border-color: rgba(var(--senary-rgb-format)/15%);
}

.senary .accordion-highlight.faqs .accordion-button.collapsed {
  color: var(--dark);
  background-color: rgba(var(--senary-rgb-format)/15%);
}

.senary .accordion-highlight.faqs .accordion-button {
  background-color: var(--senary);
}

.senary .accordion-highlight.faqs .accordion-item {
  border-color: var(--senary);
}

.senary .accordion-highlight.faqs .accordion-button.collapsed::after {
  color: var(--senary);
}

.septenary .accordion-highlight .accordion-item {
  border-color: var(--septenary);
}

.septenary .accordion-highlight .accordion-button {
  background-color: var(--septenary);
}

.septenary .accordion-highlight.faqs .accordion-item:has(.collapsed) {
  border-color: rgba(var(--septenary-rgb-format)/15%);
}

.septenary .accordion-highlight.faqs .accordion-button.collapsed {
  color: var(--dark);
  background-color: rgba(var(--septenary-rgb-format)/15%);
}

.septenary .accordion-highlight.faqs .accordion-button {
  background-color: var(--septenary);
}

.septenary .accordion-highlight.faqs .accordion-item {
  border-color: var(--septenary);
}

.septenary .accordion-highlight.faqs .accordion-button.collapsed::after {
  color: var(--septenary);
}

.light .accordion-highlight .accordion-item {
  border-color: var(--light);
}

.light .accordion-highlight .accordion-button {
  background-color: var(--light);
}

.light .accordion-highlight.faqs .accordion-item:has(.collapsed) {
  border-color: rgba(var(--light-rgb-format)/15%);
}

.light .accordion-highlight.faqs .accordion-button.collapsed {
  color: var(--dark);
  background-color: rgba(var(--light-rgb-format)/15%);
}

.light .accordion-highlight.faqs .accordion-button {
  background-color: var(--light);
}

.light .accordion-highlight.faqs .accordion-item {
  border-color: var(--light);
}

.light .accordion-highlight.faqs .accordion-button.collapsed::after {
  color: var(--light);
}

.gray .accordion-highlight .accordion-item {
  border-color: var(--gray);
}

.gray .accordion-highlight .accordion-button {
  background-color: var(--gray);
}

.gray .accordion-highlight.faqs .accordion-item:has(.collapsed) {
  border-color: rgba(var(--gray-rgb-format)/15%);
}

.gray .accordion-highlight.faqs .accordion-button.collapsed {
  color: var(--dark);
  background-color: rgba(var(--gray-rgb-format)/15%);
}

.gray .accordion-highlight.faqs .accordion-button {
  background-color: var(--gray);
}

.gray .accordion-highlight.faqs .accordion-item {
  border-color: var(--gray);
}

.gray .accordion-highlight.faqs .accordion-button.collapsed::after {
  color: var(--gray);
}

.dark .accordion-highlight .accordion-item {
  border-color: var(--dark);
}

.dark .accordion-highlight .accordion-button {
  background-color: var(--dark);
}

.dark .accordion-highlight.faqs .accordion-item:has(.collapsed) {
  border-color: rgba(var(--dark-rgb-format)/15%);
}

.dark .accordion-highlight.faqs .accordion-button.collapsed {
  color: var(--dark);
  background-color: rgba(var(--dark-rgb-format)/15%);
}

.dark .accordion-highlight.faqs .accordion-button {
  background-color: var(--dark);
}

.dark .accordion-highlight.faqs .accordion-item {
  border-color: var(--dark);
}

.dark .accordion-highlight.faqs .accordion-button.collapsed::after {
  color: var(--dark);
}

.dark-gray .accordion-highlight .accordion-item {
  border-color: var(--dark-gray);
}

.dark-gray .accordion-highlight .accordion-button {
  background-color: var(--dark-gray);
}

.dark-gray .accordion-highlight.faqs .accordion-item:has(.collapsed) {
  border-color: rgba(var(--dark-gray-rgb-format)/15%);
}

.dark-gray .accordion-highlight.faqs .accordion-button.collapsed {
  color: var(--dark);
  background-color: rgba(var(--dark-gray-rgb-format)/15%);
}

.dark-gray .accordion-highlight.faqs .accordion-button {
  background-color: var(--dark-gray);
}

.dark-gray .accordion-highlight.faqs .accordion-item {
  border-color: var(--dark-gray);
}

.dark-gray .accordion-highlight.faqs .accordion-button.collapsed::after {
  color: var(--dark-gray);
}

.wi-social-tert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-left: 12px;
  margin-top: -1px;
}

.wi-social-tert a {
  padding: 0 6px !important;
}

.wi-social-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wi-social-footer a {
  color: #fff;
  padding: 0 7px;
  font-size: 17px;
}

.wi-social-footer a:hover {
  color: var(--tertiary);
}

.wi-top-bar {
  margin-top: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background: var(--primary) !important;
}

body.scrolled .wi-top-bar {
  margin-top: calc(var(--top-bar, 0px) * -1);
}

.wi-top-bar .headline {
  padding-top: 6px;
  padding-bottom: 6px;
  margin-bottom: 0;
}

.wi-top-bar a::after {
  color: #fff;
  margin-left: 12px;
}

.wi-top-bar .headline i {
  font-size: 20px;
  margin-left: 15px;
}

.wi-top-bar .btn-style-rounded-edges {
  border-radius: 40px;
  padding-left: 23px;
  padding-right: 23px;
}

.wi-top-bar .btn-effect-wiggle {
  -webkit-animation: wiggle 5s infinite;
          animation: wiggle 5s infinite;
}

.wi-top-bar:hover .btn-effect-wiggle {
  -webkit-animation: none;
          animation: none;
}

@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  80% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  82% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  84% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  86% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  88% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  90% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  92% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  94% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  96% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  98% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes wiggle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  80% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  82% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  84% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  86% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  88% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  90% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  92% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  94% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  96% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  98% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.wi-top-bar.bg-light i.close-button {
  color: #000;
}

.wi-top-bar i.close-button {
  color: #fff;
  opacity: 0.8;
  position: absolute;
  right: 20px;
}

.wi-top-bar i.close-button:hover {
  opacity: 1;
  cursor: pointer;
}

.wi-top-bar a:hover {
  color: #fff;
}

@media screen and (max-width: 991px) {
  .wi-top-bar i.close-button {
    top: -7px;
    right: 7px;
  }
}
@media screen and (min-width: 992px) {
  .wi-top-bar i.close-button {
    top: 0;
  }
}
footer {
  position: relative;
}

body .wi-top-bar {
  background: -webkit-gradient(linear, right top, left top, from(#E56DB1), to(#8C4799)) !important;
  background: linear-gradient(270deg, #E56DB1 0%, #8C4799 100%) !important;
}

body:has(main section.lr-section:first-child > div.bg-secondary) .wi-top-bar, body:has(main section.bg-secondary:first-child) .wi-top-bar {
  background: -webkit-gradient(linear, right top, left top, from(#E56DB1), to(#8C4799)) !important;
  background: linear-gradient(270deg, #E56DB1 0%, #8C4799 100%) !important;
}

body:has(main section.lr-section:first-child > div.bg-primary) .wi-top-bar, body:has(main section.bg-primary:first-child) .wi-top-bar {
  background: -webkit-gradient(linear, right top, left top, from(#2CCCD3), to(#008BC4)) !important;
  background: linear-gradient(270deg, #2CCCD3 0%, #008BC4 100%) !important;
}

.wi-camps-subnav {
  margin-bottom: -16px;
}

.wi-camps-subnav a {
  display: block;
  position: relative;
  text-align: center;
  margin-bottom: 16px;
}

.wi-camps-subnav a .box {
  width: 100%;
  aspect-ratio: 1;
  border-radius: var(--border-radius);
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wi-camps-subnav a .box img {
  height: 75px;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.wi-camps-subnav a span {
  font-size: 17px;
  font-weight: 800;
  color: var(--primary);
}

.wi-camps-subnav > div:nth-child(5n) a .box {
  background-color: var(--tertiary);
}

.wi-camps-subnav > div:nth-child(5n+1) a .box {
  background-color: var(--senary);
}

.wi-camps-subnav > div:nth-child(5n+2) a .box {
  background-color: var(--quaternary);
}

.wi-camps-subnav > div:nth-child(5n+3) a .box {
  background-color: var(--quinary);
}

.wi-camps-subnav > div:nth-child(5n+4) a .box {
  background-color: var(--septenary);
}

.wi-camps-subnav a:hover .box {
  background-color: var(--primary) !important;
}

.bg-secondary .wi-breadcrumb .breadcrumb-item:first-child a {
  color: var(--primary);
}

.wi-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
}

.wi-breadcrumb .breadcrumb-item + .breadcrumb-item a {
  color: #fff;
}

.wi-breadcrumb .breadcrumb-item.active, .wi-breadcrumb .breadcrumb-item {
  color: #fff;
  font-weight: 600;
  font-size: 19px;
}

.wi-breadcrumb li, .wi-breadcrumb a {
  text-transform: uppercase;
}

.wi-breadcrumb a:hover {
  color: var(--quinary) !important;
}

.breadcrumb-item + .breadcrumb-item::before {
  padding-right: 0.35rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.35rem;
}

.intro-icon {
  height: 75px;
}

.intro-icon-lg {
  height: 80px;
}

.intro-icon-xl {
  height: 80px;
}

.intro-icon-xxl {
  height: 100px;
}

.intro-mobile-img > .container-fluid {
  padding-bottom: 50px;
}

@media (min-width: 992px) {
  .intro-mobile-img .mobile-img .bg-img-container {
    height: 413px;
    border-radius: var(--border-radius);
  }
}
@media (max-width: 992px) {
  .intro-mobile-img .container-fluid > .row > div:not(.mobile-img) {
    padding-top: 28px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .intro-mobile-img .container-fluid > .row > .mobile-img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    height: 350px;
    margin-top: var(--top-bar);
  }
  .intro-mobile-img .container-fluid > .row > .mobile-img .bg-img-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.tp-enrollments-full-1 .well {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

.tp-enrollments-full-1 .well:not(.open) {
  overflow-y: hidden;
  max-height: 500px;
  border-bottom: 3px solid #fff;
  -webkit-transition: max-height var(--transition);
  transition: max-height var(--transition);
}

.bg-gray .tp-enrollments-full-1 .well:not(.open) {
  border-color: var(--gray);
}

.tp-enrollments-full-1 .well.open {
  max-height: 3000px;
  padding-bottom: 65px;
  -webkit-transition: max-height var(--transition);
  transition: max-height var(--transition);
}

.tp-enrollments-full-1 .well:not(.open):before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100px;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(177.38deg, rgba(255, 255, 255, 0) 2.19%, #FFFFFF 66.36%);
}

.bg-gray .tp-enrollments-full-1 .well:not(.open):before {
  background: linear-gradient(177.38deg, rgba(247, 247, 249, 0) 2.19%, var(--gray) 66.36%);
}

.tp-enrollments-full-1 .well:not(.open) .see-more-text {
  display: block;
}

.tp-enrollments-full-1 .well:not(.open) .see-more-text-open {
  display: none;
}

.tp-enrollments-full-1 .well.open .see-more-text {
  display: none;
}

.tp-enrollments-full-1 .well.open .see-more-text-open {
  display: block;
}

.tp-enrollments-full-1 .well .see-more-text, .tp-enrollments-full-1 .well .see-more-text-open {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 30px;
  line-height: 18px;
  text-transform: uppercase;
  text-align: center;
  color: var(--secondary);
  position: absolute;
  z-index: 2;
  left: 0;
  width: 100%;
  bottom: 27px;
}

.tp-enrollments-full-1 .well .see-more-text:hover, .tp-enrollments-full-1 .well .see-more-text-open:hover {
  color: var(--secondary);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
  cursor: pointer;
}

.tp-enrollments-full-1 .well .see-more-text i, .tp-enrollments-full-1 .well .see-more-text-open i {
  font-size: 26px;
}

@media (min-width: 992px) {
  .tp-enrollments-full-1 .well {
    margin-bottom: 1.75rem;
  }
}
ul:not(.icon-list) li, ol:not(.icon-list) li {
  margin-bottom: 6px;
}

@media (max-width: 992px) {
  .acc-mobile {
    padding: 19px;
    border-radius: var(--border-radius);
  }
  .acc-mobile .acc-content {
    max-height: 0;
    -webkit-transition: max-height 0.2s ease-in;
    transition: max-height 0.2s ease-in;
    overflow: hidden;
  }
  .acc-mobile .acc-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
  }
  .acc-mobile .acc-title::after {
    content: "\f0d7";
    font-family: "font awesome 6 pro";
    color: var(--primary);
    font-weight: 800;
    font-size: 34px;
    position: relative;
    right: 0;
  }
  .acc-mobile.open .acc-title::after {
    content: "\f0d8";
  }
  .acc-mobile .acc-title > *:last-child {
    margin-bottom: 0;
  }
  .acc-mobile .acc-content > *:first-child {
    margin-top: 1.5rem;
  }
  .acc-mobile.open .acc-content {
    max-height: 1100px;
  }
  .acc-mobile.acc-primary {
    border: 1px solid var(--primary);
  }
  .acc-mobile.acc-primary .acc-title::after {
    color: var(--primary);
  }
  .acc-mobile.acc-secondary {
    border: 1px solid var(--secondary);
  }
  .acc-mobile.acc-secondary .acc-title::after {
    color: var(--secondary);
  }
  .acc-mobile.acc-tertiary {
    border: 1px solid var(--tertiary);
  }
  .acc-mobile.acc-tertiary .acc-title::after {
    color: var(--tertiary);
  }
  .acc-mobile.acc-quaternary {
    border: 1px solid var(--quaternary);
  }
  .acc-mobile.acc-quaternary .acc-title::after {
    color: var(--quaternary);
  }
  .acc-mobile.acc-quinary {
    border: 1px solid var(--quinary);
  }
  .acc-mobile.acc-quinary .acc-title::after {
    color: var(--quinary);
  }
  .acc-mobile.acc-senary {
    border: 1px solid var(--senary);
  }
  .acc-mobile.acc-senary .acc-title::after {
    color: var(--senary);
  }
  .acc-mobile.acc-septenary {
    border: 1px solid var(--septenary);
  }
  .acc-mobile.acc-septenary .acc-title::after {
    color: var(--septenary);
  }
  .acc-mobile.acc-light {
    border: 1px solid var(--light);
  }
  .acc-mobile.acc-light .acc-title::after {
    color: var(--light);
  }
  .acc-mobile.acc-gray {
    border: 1px solid var(--gray);
  }
  .acc-mobile.acc-gray .acc-title::after {
    color: var(--gray);
  }
  .acc-mobile.acc-dark {
    border: 1px solid var(--dark);
  }
  .acc-mobile.acc-dark .acc-title::after {
    color: var(--dark);
  }
  .acc-mobile.acc-dark-gray {
    border: 1px solid var(--dark-gray);
  }
  .acc-mobile.acc-dark-gray .acc-title::after {
    color: var(--dark-gray);
  }
}
.cl-reviews-stack-1 .infiniteslide_wrap {
  overflow: visible !important;
}

.cl-reviews-stack-1 .review-box .review-stars {
  color: var(--quinary);
}

.cl-reviews-stack-1 .review-box {
  position: relative;
  overflow: hidden;
  padding: 18px 24px;
  border-radius: var(--border-radius);
  -webkit-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.15);
}

.cl-reviews-stack-1 .review-box .name {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
}

.cl-reviews-stack-1 .review-box:not(.expanded) {
  height: 333px;
}

.cl-reviews-stack-1 .loading-spinner {
  height: 333px;
}

.cl-reviews-stack-1 .review-type-icon-wrapper {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  text-align: center;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  display: flex !important;
}

.cl-reviews-stack-1 .review-type-icon-wrapper > .review-type-icon {
  text-align: center;
  width: 24px;
  height: 24px;
  color: #fff !important;
  z-index: 2;
}

.cl-reviews-stack-1 .review-type-icon-wrapper::before {
  width: 50px;
  margin-bottom: -6px;
  z-index: 1;
}

.cl-reviews-stack-1 > div:nth-child(5n) .review-type-icon-wrapper::before {
  content: url(/wp-content/uploads/2024/06/RnR_Circle_Blue.svg);
}

.cl-reviews-stack-1 > div:nth-child(5n+1) .review-type-icon-wrapper::before {
  content: url(/wp-content/uploads/2024/06/RnR_Circle_Purple.svg);
}

.cl-reviews-stack-1 > div:nth-child(5n+2) .review-type-icon-wrapper::before {
  content: url(/wp-content/uploads/2024/06/RnR_Circle_Pink.svg);
}

.cl-reviews-stack-1 > div:nth-child(5n+3) .review-type-icon-wrapper::before {
  content: url(/wp-content/uploads/2024/06/RnR_Circle_Periwinkle.svg);
}

.cl-reviews-stack-1 > div:nth-child(5n+4) .review-type-icon-wrapper::before {
  content: url(/wp-content/uploads/2024/05/RnR_Circle_Green.svg);
}

.cl-reviews-stack-1 .review-type-icon-wrapper > .review-type-icon:before {
  font-size: 24px;
}

.cl-reviews-stack-1 .review-box .review {
  font-size: 1rem;
  line-height: var(--p-line-height);
  font-weight: var(--p-font-weight);
  margin-bottom: var(--p-margin-bottom);
  text-align: left;
  color: var(--dark);
}

.cl-reviews-stack-1 .review-box .expand-review {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  text-align: center;
  font-size: 36px;
  color: var(--senary);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(35%, white), to(transparent));
  background: linear-gradient(0deg, white 35%, transparent 100%);
}

.cl-reviews-stack-1 .review-box .expand-review:hover {
  cursor: pointer;
  color: var(--secondary);
}

.see-more-exact {
  height: 1600px;
  -webkit-transition: height 0.7s ease-in;
  transition: height 0.7s ease-in;
  overflow: hidden;
}

.see-more-exact:not(.open):before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100px;
  left: 0;
  bottom: 0;
  z-index: 2;
  background: linear-gradient(177.38deg, rgba(255, 255, 255, 0) 2.19%, #FFFFFF 66.36%);
}

.see-more-exact .toggle-text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

.see-more-exact:not(.open) .toggle-text.close {
  display: none;
}

.see-more-exact.open .toggle-text.open {
  display: none;
}

@media (min-width: 992px) {
  .see-more-exact {
    height: 1180px;
  }
}
.wi-video-card-1 .s-card {
  border-radius: var(--border-radius);
  border: 1px solid rgba(0, 0, 0, 0.2509803922);
  overflow: hidden;
  position: relative;
}

.wi-video-card-1 .s-card .s-img-container {
  width: 100%;
  aspect-ratio: 1.5434782609;
  overflow: hidden;
  position: relative;
}

.wi-video-card-1 .s-card .s-img-container picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.wi-video-card-1 .s-card .s-img-container picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.wi-video-card-1 .s-card .s-btn {
  font-family: var(--font-primary);
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  line-height: var(--h4-line-height);
  position: relative;
  display: block;
  padding: 12px;
  width: 100%;
  color: #fff;
}

.wi-video-card-1 .content {
  padding: 1.75rem 18px;
}

@media (min-width: 992px) {
  .wi-video-card-1 .content {
    padding: 1.75rem;
  }
}
.wi-video-card-1 > div:nth-child(7n+1) .s-card .s-btn {
  background-color: var(--primary);
}

.wi-video-card-1 > div:nth-child(7n+1) .s-card h2.font-display, .wi-video-card-1 > div:nth-child(7n+1) .s-card h3 {
  color: var(--primary);
}

.wi-video-card-1 > div:nth-child(7n+2) .s-card .s-btn {
  background-color: var(--secondary);
}

.wi-video-card-1 > div:nth-child(7n+2) .s-card h2.font-display, .wi-video-card-1 > div:nth-child(7n+2) .s-card h3 {
  color: var(--secondary);
}

.wi-video-card-1 > div:nth-child(7n+3) .s-card .s-btn {
  background-color: var(--tertiary);
}

.wi-video-card-1 > div:nth-child(7n+3) .s-card h2.font-display, .wi-video-card-1 > div:nth-child(7n+3) .s-card h3 {
  color: var(--tertiary);
}

.wi-video-card-1 > div:nth-child(7n+4) .s-card .s-btn {
  background-color: var(--quaternary);
}

.wi-video-card-1 > div:nth-child(7n+4) .s-card h2.font-display, .wi-video-card-1 > div:nth-child(7n+4) .s-card h3 {
  color: var(--quaternary);
}

.wi-video-card-1 > div:nth-child(7n+5) .s-card .s-btn {
  background-color: var(--quinary);
}

.wi-video-card-1 > div:nth-child(7n+5) .s-card h2.font-display, .wi-video-card-1 > div:nth-child(7n+5) .s-card h3 {
  color: var(--quinary);
}

.wi-video-card-1 > div:nth-child(7n+6) .s-card .s-btn {
  background-color: var(--senary);
}

.wi-video-card-1 > div:nth-child(7n+6) .s-card h2.font-display, .wi-video-card-1 > div:nth-child(7n+6) .s-card h3 {
  color: var(--senary);
}

.wi-video-card-1 > div:nth-child(7n) .s-card .s-btn {
  background-color: var(--septenary);
}

.wi-video-card-1 > div:nth-child(7n) .s-card h2.font-display, .wi-video-card-1 > div:nth-child(7n) .s-card h3 {
  color: var(--septenary);
}

.wi-video-card-1 > div:nth-child(7n+8) .s-card .s-btn {
  background-color: var(--light);
}

.wi-video-card-1 > div:nth-child(7n+8) .s-card h2.font-display, .wi-video-card-1 > div:nth-child(7n+8) .s-card h3 {
  color: var(--light);
}

.wi-video-card-1 > div:nth-child(7n+9) .s-card .s-btn {
  background-color: var(--gray);
}

.wi-video-card-1 > div:nth-child(7n+9) .s-card h2.font-display, .wi-video-card-1 > div:nth-child(7n+9) .s-card h3 {
  color: var(--gray);
}

.wi-video-card-1 > div:nth-child(7n+10) .s-card .s-btn {
  background-color: var(--dark);
}

.wi-video-card-1 > div:nth-child(7n+10) .s-card h2.font-display, .wi-video-card-1 > div:nth-child(7n+10) .s-card h3 {
  color: var(--dark);
}

.wi-video-card-1 > div:nth-child(7n+11) .s-card .s-btn {
  background-color: var(--dark-gray);
}

.wi-video-card-1 > div:nth-child(7n+11) .s-card h2.font-display, .wi-video-card-1 > div:nth-child(7n+11) .s-card h3 {
  color: var(--dark-gray);
}

.bl-pag .btn {
  border-top-left-radius: 50px !important;
  border-top-right-radius: 50px !important;
  border-bottom-right-radius: 50px !important;
  border-bottom-left-radius: 50px !important;
}

.bl-posts a, .bl-posts a:hover {
  color: var(--dark);
}

@media (max-width: 991px) {
  .bl-posts .s-img-container {
    display: none;
  }
  .bl-posts .s-btn {
    display: none;
  }
  .bl-posts > div:last-child {
    display: none;
  }
}
@media (min-width: 992px) {
  .bl-posts .s-card {
    border-radius: var(--border-radius);
    border: 1px solid rgba(0, 0, 0, 0.2509803922);
    overflow: hidden;
    position: relative;
  }
  .bl-posts .s-card .s-img-container {
    width: 100%;
    aspect-ratio: 1.5434782609;
    overflow: hidden;
    position: relative;
  }
  .bl-posts .s-card .s-img-container picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  .bl-posts .s-card .s-img-container picture img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .bl-posts .s-card .s-btn {
    font-family: var(--font-primary);
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    line-height: var(--h4-line-height);
    position: relative;
    display: block;
    padding: 12px;
    width: 100%;
    color: #fff;
    background-color: var(--primary);
  }
  .bl-posts .content {
    padding: 1.75rem 18px;
  }
  .bl-posts .content {
    padding: 1.75rem;
  }
  .bl-pag .page-item {
    padding: 0 5px;
  }
}
.bg-side-bar a {
  padding: 15px 30px;
  font-size: 16px;
  text-transform: uppercase;
  display: block;
  text-align: center;
}

.bg-side-bar a:hover {
  color: var(--primary);
  background: rgba(140, 71, 153, 0.15);
}

.bg-side-bar a.active {
  background: rgba(140, 71, 153, 0.15);
}

@media (max-width: 992px) {
  .bg-side-bar > div:nth-child(1n+4) {
    border-top: 3px solid #fff;
  }
  .bg-side-bar > div:not(:nth-child(4n)):not(:first-child) {
    border-left: 3px solid #fff;
  }
}
.wi-map-full-2 input.form-control {
  background-color: unset !important;
  border: 1px solid #fff !important;
  border-radius: 24px;
  color: #fff;
  z-index: 0;
  padding-right: 34px;
  padding-left: 20px;
  padding-top: 13px;
  padding-bottom: 9px;
}

.wi-map-full-2 input.form-control:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #8c4799 inset;
}

.wi-map-full-2 input.form-control:-webkit-autofill {
  -webkit-text-fill-color: #fff !important;
}

.wi-map-full-2 button.search-btn {
  position: absolute;
  top: 2;
  right: 22px;
  z-index: 1;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.8);
  font-size: 20px;
  padding: 5px;
}

.wi-map-full-2 button.search-btn:hover {
  color: #fff;
}

.wi-map-full-2 button.search-btn:focus {
  outline: 0;
}

.wi-map-full-2 input.form-control::-webkit-input-placeholder {
  color: #fff;
}

.wi-map-full-2 input.form-control::-moz-placeholder {
  color: #fff;
}

.wi-map-full-2 input.form-control:-ms-input-placeholder {
  color: #fff;
}

.wi-map-full-2 input.form-control::-ms-input-placeholder {
  color: #fff;
}

.wi-map-full-2 input.form-control::placeholder {
  color: #fff;
}

.wi-map-full-2 .wi-counter {
  border: 2px solid #008bc4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 25px;
  line-height: 25px;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 5000;
}

.wi-map-full-2 .location-box {
  cursor: pointer;
  -webkit-box-shadow: 0 0 14px 0 hwb(0deg 0% 100%/20%);
  box-shadow: 0 0 14px 0 hwb(0deg 0% 100%/20%);
  border-color: #fff;
}

.wi-map-full-2 .location-box.selected {
  -webkit-box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.1);
  border-color: #e8e6e2;
}

.wi-map-full-2 .loading-overlay {
  position: absolute;
  z-index: 500;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wi-map-full-2 .loading-overlay i {
  font-size: 40px;
  line-height: 40px;
}

.wi-map-full-2 .leaflet-popup-content-wrapper {
  border-radius: var(--border-radius);
}

.wi-map-full-2 .location-box.well {
  padding: 20px;
}

.wi-map-full-2 button.btn {
  background-color: #fff !important;
  color: var(--primary) !important;
  padding: 13px 29px 12px !important;
}

.wi-map-full-2 .location-box a.btn {
  font-size: 0.9rem;
}

.wi-map-full-2 .leaflet-popup-content {
  width: 228px !important;
}

.wi-map-full-2 .coming-soon:hover {
  cursor: unset;
  background-color: unset !important;
  border-color: var(--tertiary) !important;
  color: var(--tertiary) !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.wi-franchise-list .card-columns {
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
}

@media (min-width: 992px) {
  .wi-franchise-list .card-columns {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
.wi-franchise-list .card {
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: var(--border-radius);
}

.wi-franchise-list .card .card-body .card-title {
  font-weight: 800;
  font-size: 28px;
  line-height: 48px;
  text-transform: uppercase;
  color: var(--primary);
  margin-bottom: 6px;
}

@media (min-width: 992px) {
  .wi-franchise-list .card .card-body .card-title {
    font-size: 20px;
    margin-bottom: 12px;
  }
}
.wi-franchise-list .card .card-body .title {
  margin-bottom: 14px;
}

.wi-franchise-list .card .card-body {
  padding: 20px;
}

.wi-franchise-list .card .card-body .location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 14px;
}

@media (min-width: 992px) {
  .wi-franchise-list .card .card-body .location {
    margin-bottom: 14px;
  }
}
.wi-franchise-list .card .card-body .location .name {
  font-weight: 800;
  font-size: 16px;
  line-height: 130%;
  color: var(--secondary);
  -webkit-transition: color var(--transition);
  transition: color var(--transition);
  margin-right: 10px;
}

.wi-franchise-list .card .card-body .location:hover .name {
  color: var(--primary);
}

@media (min-width: 992px) {
  .wi-franchise-list .card .card-body .location .name {
    font-size: 18px;
  }
}
.wi-franchise-list .card .card-body .location .arrow {
  background: var(--primary);
  border-radius: var(--border-radius);
  padding: 4px;
  line-height: 1;
  color: #fff;
  font-size: 11px;
}

@media (min-width: 992px) {
  .wi-franchise-list .card .card-body .location .arrow {
    padding: 5px;
    font-size: 12px;
  }
}
ul.icon-list li::after {
  font-family: "font awesome 6 pro" !important;
}

.wi-franchise-list .coming-soon:hover {
  cursor: unset;
  background-color: unset !important;
  border-color: var(--tertiary) !important;
  color: var(--tertiary) !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.bl-post .well {
  margin-bottom: 1.25rem;
}

.bl-post .card {
  border-radius: var(--border-radius);
  border: 1px solid var(--primary);
  overflow: hidden;
  margin-bottom: 0.75rem;
}

.bl-post .card .card-header button, .bl-post .card .card-header + div .card-body {
  padding: 20px;
}

.bl-post .card .card-header {
  background-color: unset;
  padding: 0;
  border: unset;
}

.bl-post .card .card-header button {
  width: 100%;
  border: unset;
  background-color: var(--primary);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bl-post .card .card-header button > * {
  margin-bottom: 0;
}

.bl-post .card .card-header button > i {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.bl-post .card .card-header button > *:not(i) {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.bl-post .card .card-header:has(+ div.active) button > i {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.bl-post .card .card-header + div {
  display: block;
  max-height: 0;
  -webkit-transition: max-height 0.3s ease-in;
  transition: max-height 0.3s ease-in;
}

.bl-post .card .card-header + div.active {
  max-height: 1000px;
}

.bl-post .img-thumbnail {
  padding: 0;
  border: unset;
  border-radius: var(--border-radius);
}

.section-overlap {
  --mbottom: 0px;
  --mtop: 0px;
  --pbottom: 50px;
  --ptop: 50px ;
}

.section-overlap.section-overlap-top {
  --mtop: 50px;
  --ptop: 0px ;
}

.section-overlap.section-overlap-bottom {
  --mbottom: 75px;
  --pbottom: 0px ;
}

@media (min-width: 576px) {
  .section-overlap.section-overlap-sm-top {
    --mtop: 50px;
    --ptop: 0px ;
  }
  .section-overlap.section-overlap-sm-bottom {
    --mbottom: 75px;
    --pbottom: 0px ;
  }
}
@media (min-width: 768px) {
  .section-overlap.section-overlap-md-top {
    --mtop: 50px;
    --ptop: 0px ;
  }
  .section-overlap.section-overlap-md-bottom {
    --mbottom: 75px;
    --pbottom: 0px ;
  }
}
@media (min-width: 992px) {
  .section-overlap.section-overlap-lg-top {
    --mtop: 50px;
    --ptop: 0px ;
  }
  .section-overlap.section-overlap-lg-bottom {
    --mbottom: 75px;
    --pbottom: 0px ;
  }
}
@media (min-width: 1200px) {
  .section-overlap.section-overlap-xl-top {
    --mtop: 50px;
    --ptop: 0px ;
  }
  .section-overlap.section-overlap-xl-bottom {
    --mbottom: 75px;
    --pbottom: 0px ;
  }
}
@media (min-width: 1400px) {
  .section-overlap.section-overlap-xxl-top {
    --mtop: 50px;
    --ptop: 0px ;
  }
  .section-overlap.section-overlap-xxl-bottom {
    --mbottom: 75px;
    --pbottom: 0px ;
  }
}
.section-overlap .overlap-background {
  margin-top: var(--mtop);
  margin-bottom: var(--mbottom);
  padding-bottom: var(--pbottom);
  padding-top: var(-ptop);
}

.section-overlap .overlap-foreground {
  margin-top: calc(var(--mtop) * -1);
  margin-bottom: calc(var(--mbottom) * -1);
}

.healcode .trainer_list ol {
  list-style: none;
  padding-left: 0;
}

.healcode .trainer_list ol li {
  border: unset !important;
  padding: 0;
}

.healcode .trainer_list ol li .trainer_name {
  color: var(--primary) !important;
}

.healcode .trainer_list ol li .trainer_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.healcode .trainer_list ol li .trainer_info .healcode-image-area img {
  border-radius: var(--border-radius);
}

.healcode .trainer_list ol li .trainer_info .trainer_bio {
  padding-left: 1.5rem;
  font-size: var(--p-font-size);
  line-height: var(--p-line-height);
  font-weight: var(--p-font-weight);
  color: var(--dark);
}

.healcode .trainer_list ol li .trainer_info .trainer_bio > div {
  margin-bottom: var(--p-margin-bottom);
}

.healcode .trainer_list ol li .trainer_info .trainer_bio span {
  font-size: var(--p-font-size) !important;
  line-height: var(--p-line-height);
  font-weight: var(--p-font-weight);
  color: var(--dark);
}

.healcode .trainer_list ol li .trainer_teaches_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-color: unset !important;
}

.healcode .trainer_list ol li .trainer_teaches_link a {
  background-color: var(--primary);
  color: #fff !important;
  font-size: 1.1rem;
  font-family: var(--font-secondary);
  font-size: 1.06rem;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 1;
  padding: 15px 29px 14px;
  border-radius: 50px;
  margin-left: calc(143px + 1.75rem);
}

.healcode .trainer_list .hc_footer {
  display: none;
}

.healcode .trainer_list .trainer_show {
  padding: 0 !important;
  border: unset !important;
  margin: 0 !important;
}

.healcode .trainer_list .trainer_show .trainer_name {
  color: var(--primary) !important;
}

.healcode .trainer_list .trainer_show .trainer_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.healcode .trainer_list .trainer_show .trainer_info .healcode-image-area img {
  border-radius: var(--border-radius);
}

.healcode .trainer_list .trainer_show .trainer_info .trainer_bio {
  padding-left: 1.5rem;
}

.healcode .trainer_list .trainer_show .back_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.healcode .trainer_list .trainer_show .schedule.mindbody_classic h1 {
  color: var(--dark) !important;
  font-size: var(--h3-font-size);
  font-weight: var(--h3-font-weight);
  line-height: var(--h3-line-height);
  margin-bottom: var(--h3-margin-bottom);
}

.healcode .trainer_list .trainer_show table.schedule {
  width: 100%;
}

.healcode .trainer_list .trainer_show table.schedule ol {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
}

.healcode .trainer_list .trainer_show table.schedule ol a.signup_now {
  background-color: unset !important;
}

#available-territories-1 {
  width: 100%;
  height: 500px;
}

#available-territories-1 .jvectormap-container .jvectormap-legend-cnt-v {
  top: 100px;
  right: 50px;
}

#available-territories-1 .jvectormap-container .jvectormap-legend-cnt-v .jvectormap-legend {
  padding: 1rem !important;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15) !important;
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15) !important;
  border-radius: 16px !important;
}

#available-territories-1 .jvectormap-container .jvectormap-legend-cnt-v .jvectormap-legend .jvectormap-legend-title {
  font-size: 36px;
  font-family: var(--font-primary);
  font-weight: var(--h4-font-weight);
  line-height: var(--h4-line-height);
  margin-bottom: 12px;
  --element-line-height: var(--h4-line-height) ;
}

#available-territories-1 .jvectormap-container .jvectormap-legend-cnt-v .jvectormap-legend-tick {
  margin-bottom: 3px;
}

#available-territories-1 .jvectormap-container .jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
  height: 24px;
  width: 24px;
  border-radius: 5px;
}

#available-territories-1 .jvectormap-container .jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
  font-size: 19px;
  font-family: var(--font-secondary);
  font-weight: 500;
  line-height: 32px;
  padding-left: 10px;
}

@media (max-width: 768px) {
  #available-territories-1 .jvectormap-container {
    padding-top: 200px;
  }
  #available-territories-1 .jvectormap-container .jvectormap-legend-cnt-v {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
  }
  #available-territories-1 .jvectormap-container .jvectormap-legend-cnt-v .jvectormap-legend {
    max-width: 255px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 992px) {
  section:first-child div.bg-img[class*=col-] {
    height: 350px !important;
    margin-top: var(--top-bar);
  }
}
section.bg-overlay {
  min-height: auto;
  display: block;
  padding: 0;
}

section.bg-overlay div.overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px 0;
  min-height: 250px;
  margin-bottom: -55px;
  -webkit-box-shadow: inset 0 11px 8px -10px rgba(0, 0, 0, 0.2), inset 0 -11px 8px -10px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 11px 8px -10px rgba(0, 0, 0, 0.2), inset 0 -11px 8px -10px rgba(0, 0, 0, 0.2);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.26) 0%, rgba(0, 0, 0, 0.55) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#42000000",endColorstr="#8c000000",GradientType=1);
}

section.bg-overlay.overlay-primary div.overlay {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(156, 91, 164, 0.62)), color-stop(48%, rgba(156, 91, 164, 0.48)), to(rgba(156, 91, 164, 0.57)));
  background: linear-gradient(to bottom, rgba(156, 91, 164, 0.62) 0%, rgba(156, 91, 164, 0.48) 48%, rgba(156, 91, 164, 0.57) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9e9c5ba4",endColorstr="#919c5ba4",GradientType=0);
}

section.bg-overlay.overlay-secondary div.overlay {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 190, 217, 0.62)), color-stop(48%, rgba(34, 190, 217, 0.48)), to(rgba(34, 190, 217, 0.57)));
  background: linear-gradient(to bottom, rgba(34, 190, 217, 0.62) 0%, rgba(34, 190, 217, 0.48) 48%, rgba(34, 190, 217, 0.57) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9e22bed9",endColorstr="#9122bed9",GradientType=0);
}

@media (min-width: 992px) {
  section.full-screen.bg-overlay div.overlay {
    height: 100vh;
  }
}
section.full-screen.bg-overlay div.overlay > div.container, section.full-screen.bg-overlay div.overlay > div.container > div.row {
  height: 100%;
}

@media (min-width: 992px) {
  section.partial-screen.bg-overlay div.overlay {
    height: 70vh;
  }
}
section.partial-screen.bg-overlay div.overlay > div.container, section.partial-screen.bg-overlay div.overlay > div.container > div.row {
  height: 100%;
}

healcode-widget .registration .healcode-registration-promo-text {
  font-family: var(--font-secondary);
  font-size: var(--p-font-size);
  line-height: var(--p-line-height);
  font-weight: var(--p-font-weight);
  margin-bottom: var(--p-margin-bottom);
  text-align: center;
}

@media (min-width: 0px) {
  healcode-widget .registration .hc_registration {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  healcode-widget .registration .hc_registration .hc-label {
    width: 100%;
    padding: 0 6px;
  }
  healcode-widget .registration .hc_registration .hc-registration-field {
    width: 100%;
    padding: 0 6px;
    margin-bottom: 12px !important;
  }
  healcode-widget .registration .hc_registration .hc-registration-field input, healcode-widget .registration .hc_registration .hc-registration-field select {
    width: 100%;
    padding: 9px;
    border-radius: 8px;
    border: unset;
  }
  healcode-widget .registration .hc_registration .hc-registration-field.hc-child_s_date_of_birth select {
    width: 31%;
  }
  healcode-widget .registration .hc_registration .communication-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 6px;
  }
  healcode-widget .registration .hc_registration .communication-wrapper .communication-settings {
    width: 100%;
  }
  healcode-widget .registration .hc_registration .hc-registration-field.hc-liability {
    width: 100%;
  }
  healcode-widget .registration .hc_registration .communication-wrapper .checkbox-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  healcode-widget .registration .hc_registration .communication-wrapper .checkbox-wrapper span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  healcode-widget .registration .hc_registration .communication-wrapper .checkbox-wrapper > span {
    width: unset;
  }
  healcode-widget .registration .hc_registration .communication-wrapper .checkbox-wrapper span input[type=checkbox] {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: unset;
    margin-left: 10px;
  }
  healcode-widget .registration .hc_registration .hc-liability .liability {
    width: 100%;
    max-width: unset;
    background: #fff;
    border-radius: 8px;
  }
  healcode-widget .registration .hc_registration .liability-checkbox-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  healcode-widget .registration .hc_registration .liability-checkbox-wrapper input[type=checkbox] {
    width: unset;
    margin-left: 10px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  healcode-widget .registration .hc_registration .hc-actions input#hc-register {
    font-family: var(--font-secondary);
    font-size: 1.06rem;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1;
    padding: 15px 29px 14px;
    border-radius: 50px;
    background-color: var(--primary);
    border-color: var(--primary);
    border-style: solid;
  }
}
@media (min-width: 992px) {
  healcode-widget .registration .hc_registration .hc-registration-field select:first-child {
    margin-top: 18px;
  }
  healcode-widget .registration .hc_registration .communication-wrapper .communication-settings {
    width: 50%;
  }
  healcode-widget .registration .hc_registration .hc-registration-field {
    width: 50%;
  }
}
@media (max-width: 992px) {
  div.healcode.registration .hc-registration-field > input, div.healcode.registration .hc-registration-field > div > select, div.healcode.registration .hc-registration-field > select {
    width: 100% !important;
  }
  healcode-widget .registration .hc_registration .hc-registration-field.hc-child_s_date_of_birth select {
    width: 30% !important;
  }
}
@media (min-width: 992px) {
  .schedule-tabs img {
    height: 23px;
    margin-right: 0.5rem;
  }
  .schedule-tabs > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-transform: uppercase;
    color: var(--primary);
    padding: 0.75rem;
  }
  .schedule-tabs > div:hover, .schedule-tabs > div.active {
    color: var(--primary);
    background-color: rgba(var(--primary-rgb-format)/15%);
  }
}
@media (max-width: 991px) {
  .schedule-tabs img {
    height: 30px;
    margin-bottom: 0.25rem;
  }
  .schedule-tabs > div {
    color: var(--primary);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-transform: uppercase;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    padding: 1.25rem;
    line-height: 1.25;
    width: 33.3334%;
  }
  .schedule-tabs > div:not(:first-child):not(:nth-last-child(2)) {
    border-left: 2px solid #fff;
  }
  .schedule-tabs > div:nth-last-child(1), .schedule-tabs > div:nth-last-child(2) {
    width: 50%;
    border-top: 2px solid #fff;
  }
  .schedule-tabs > div:hover, .schedule-tabs > div.active {
    color: var(--primary);
    background-color: rgba(var(--primary-rgb-format)/15%);
  }
}
.cn-subnav-icons .icon-link {
  position: relative;
  display: block;
}

.cn-subnav-icons .icon-link:hover .box.box-primary {
  background: var(--primary);
}

.cn-subnav-icons .icon-link:hover .box.box-primary + h3 {
  color: var(--primary);
}

.cn-subnav-icons .icon-link:hover .box.box-secondary {
  background: var(--secondary);
}

.cn-subnav-icons .icon-link:hover .box.box-secondary + h3 {
  color: var(--secondary);
}

.cn-subnav-icons .icon-link:hover .box.box-tertiary {
  background: var(--tertiary);
}

.cn-subnav-icons .icon-link:hover .box.box-tertiary + h3 {
  color: var(--tertiary);
}

.cn-subnav-icons .icon-link:hover .box.box-quaternary {
  background: var(--quaternary);
}

.cn-subnav-icons .icon-link:hover .box.box-quaternary + h3 {
  color: var(--quaternary);
}

.cn-subnav-icons .icon-link:hover .box.box-quinary {
  background: var(--quinary);
}

.cn-subnav-icons .icon-link:hover .box.box-quinary + h3 {
  color: var(--quinary);
}

.cn-subnav-icons .icon-link:hover .box.box-senary {
  background: var(--senary);
}

.cn-subnav-icons .icon-link:hover .box.box-senary + h3 {
  color: var(--senary);
}

.cn-subnav-icons .icon-link:hover .box.box-septenary {
  background: var(--septenary);
}

.cn-subnav-icons .icon-link:hover .box.box-septenary + h3 {
  color: var(--septenary);
}

.cn-subnav-icons .icon-link:hover .box.box-light {
  background: var(--light);
}

.cn-subnav-icons .icon-link:hover .box.box-light + h3 {
  color: var(--light);
}

.cn-subnav-icons .icon-link:hover .box.box-gray {
  background: var(--gray);
}

.cn-subnav-icons .icon-link:hover .box.box-gray + h3 {
  color: var(--gray);
}

.cn-subnav-icons .icon-link:hover .box.box-dark {
  background: var(--dark);
}

.cn-subnav-icons .icon-link:hover .box.box-dark + h3 {
  color: var(--dark);
}

.cn-subnav-icons .icon-link:hover .box.box-dark-gray {
  background: var(--dark-gray);
}

.cn-subnav-icons .icon-link:hover .box.box-dark-gray + h3 {
  color: var(--dark-gray);
}

.cn-subnav-icons .icon-link:hover .box img {
  -webkit-filter: brightness(100);
          filter: brightness(100);
}

.cn-subnav-icons .box {
  width: 100%;
  position: relative;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: var(--border-radius);
  margin-bottom: 12px;
}

.cn-subnav-icons .box picture {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cn-subnav-icons .box picture img {
  height: 44.7%;
  max-width: 150px;
}

@media (min-width: 992px) {
  .cn-subnav-icons .box picture img {
    height: 40%;
  }
}
.cn-subnav-icons h3 {
  color: var(--dark);
}

@media (min-width: 992px) {
  .wi-intro-slider + .d-lg-none + .promo-section {
    padding-top: 75px !important;
  }
  .promo-section {
    padding-top: 0 !important;
  }
}
@media (max-width: 992px) {
  .wi-intro-slider + .d-lg-none + .promo-section {
    margin-top: 45px !important;
  }
}
.wi-gallery-slider .infiniteslide_wrap {
  overflow: visible !important;
}

.wi-gallery-slider ul {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.wi-gallery-slider ul li {
  margin-right: 40px;
}

.wi-gallery-slider ul li div.image-container {
  height: 250px;
  width: 100%;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1.3434782609;
  overflow: hidden;
  position: relative;
  border-radius: var(--border-radius);
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
}

.wi-gallery-slider ul li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.wi-gallery-slider .col-12:before, .wi-gallery-slider .col-12:after {
  content: "";
  height: 100%;
  width: 40px;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
}

.wi-gallery-slider .col-12::before {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
}

.wi-gallery-slider .col-12::after {
  right: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
}

.wi-gallery-slider .loading-spinner {
  height: 256px;
}

@media (min-width: 992px) {
  .wi-gallery-slider:before {
    content: "";
    height: 100%;
    width: 40px;
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
  }
}
@media (max-width: 992px) {
  .wi-gallery-slider ul li div.image-container {
    height: 200px;
  }
}
.wi-fran-dev-investment-table [class^=col]:nth-child(6n+1) {
  background: #d6e8c6;
}

.wi-fran-dev-investment-table [class^=col]:nth-child(6n+2) {
  background: #b5d394;
}

.wi-fran-dev-investment-table [class^=col]:nth-child(6n+3) {
  background: #fac0d6;
}

.wi-fran-dev-investment-table [class^=col]:nth-child(6n+4) {
  background: #f18bb2;
}

.wi-fran-dev-investment-table [class^=col]:nth-child(6n+5) {
  background: #d2e1f2;
}

.wi-fran-dev-investment-table [class^=col]:nth-child(6n+6) {
  background: #adc8e5;
}

.wi-fran-dev-investment-table {
  font-size: 20px;
  font-weight: 700;
  font-family: var(--font-primary);
  margin-right: 0;
  margin-left: 0;
  line-height: 1;
  letter-spacing: 0.04rem;
}

.wi-fran-dev-investment-table [class^=col] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 65px;
}

.grecaptcha-badge {
  display: none !important;
}

@media (max-width: 991px) {
  body .uwy.userway_p5 .userway_buttons_wrapper {
    bottom: 5px !important;
    left: 5px !important;
  }
}
.wi-contact-sticky-popup {
  position: fixed;
  bottom: -1px;
  right: 2rem;
  width: 25rem;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  overflow: hidden;
  z-index: 1050;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 991px) {
  .wi-contact-sticky-popup {
    right: 0.675rem;
    left: 4rem;
    width: unset;
  }
}
.wi-contact-sticky-popup .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--tertiary);
  padding: 0.75rem 0.85rem;
  color: var(--light);
  font-size: 1.25rem;
}

.wi-contact-sticky-popup .header .title {
  font-family: var(--font-primary);
  width: 100%;
  text-align: center;
  margin: 0;
}

.wi-contact-sticky-popup .header .closed-title {
  display: block;
}

.wi-contact-sticky-popup .header .open-title {
  display: none;
}

.wi-contact-sticky-popup .header .open {
  display: none;
  line-height: 1;
}

.wi-contact-sticky-popup .header .close {
  display: block;
}

.wi-contact-sticky-popup .body {
  overflow: scroll;
  padding: 0.875rem 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 615px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  scrollbar-color: var(--primary-rgba-tissue) var(--gray);
}

@media (max-width: 991px) {
  .wi-contact-sticky-popup .body {
    padding: 0.875rem 1rem 1.5rem;
    max-height: 425px;
  }
}
.wi-contact-sticky-popup.open .header .closed-title {
  display: none;
}

.wi-contact-sticky-popup.open .header .open-title {
  display: block;
}

.wi-contact-sticky-popup:not(.open) .header .open {
  display: block;
}

.wi-contact-sticky-popup:not(.open) .header .close {
  display: none;
}

.wi-contact-sticky-popup:not(.open) .body {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.wi-contact-sticky-popup .header:hover {
  cursor: pointer;
}

#loom-companion-mv3 {
  display: none;
}

.skip-lazy-render, .skip-lazy-render .nitro-lazy-render {
  content-visibility: visible !important;
}

/* Read More */
@media (min-width: 1024px) {
  .read-more-accordion :not(.gb-accordion__item-open) > .gb-accordion__content {
    display: block !important;
    max-height: inherit !important;
  }
  .read-more-accordion .gb-accordion__toggle p.gb-headline {
    display: none !important;
  }
}
.read-more-styles .gb-accordion__item-open .gb-accordion__toggle p.gb-headline {
  display: none;
}

@media (max-width: 1024px) {
  .see-more-mobile-wrapper:not(.open):before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(177.38deg, rgba(255, 255, 255, 0) 2.19%, #FFFFFF 66.36%);
  }
  .wp-block-group:has(.gb-accordion__item-open) .see-more-mobile-wrapper:not(.open):before {
    background: none;
  }
}
/* Custom */
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
}

.wp-block-heading mark {
  text-decoration: none;
  background: none;
}

p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .font-display {
  -webkit-margin-before: unset;
          margin-block-start: unset;
  -webkit-margin-after: unset;
          margin-block-end: unset;
}

:where(body .is-layout-flex) {
  gap: unset;
}

:where(body .is-layout-flow) > * {
  -webkit-margin-before: unset;
          margin-block-start: unset;
  -webkit-margin-after: unset;
          margin-block-end: unset;
}

.wp-block-image.cta-shape {
  margin-bottom: -32px !important;
}
@media (max-width: 1024px) {
  .wp-block-image.cta-shape {
    margin-bottom: -41px !important;
  }
}

.shadow-sm {
  border-radius: var(--border-radius);
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.thick.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
  height: 7px;
  width: 100%;
}

@media (max-width: 1024px) {
  :where(body .is-layout-flow) > .image-offset-top:first-child:first-child {
    -webkit-margin-before: -100px !important;
            margin-block-start: -100px !important;
  }
}
/* Class Schedules Block Pattern */
@media (max-width: 1024px) {
  .rompy-peaking {
    display: none;
  }
}
.rompy-peaking {
  position: absolute;
  width: 198px;
  right: calc(100% - 57px);
}

/* Equal Height Columns in Gutenberg */
.wp-block-columns .wp-block-column {
  min-height: 100% !important;
}
.wp-block-columns .wp-block-column .wp-block-image.bg-img > .components-resizable-box__container {
  height: 100% !important;
}
.wp-block-columns .wp-block-column .wp-block-image.bg-img,
.wp-block-columns .wp-block-column .wp-block-group {
  height: 100%;
}
.wp-block-columns .wp-block-column .wp-block-image.bg-img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.wp-block-post-title,
.wp-block-post-title.editor-post-title {
  font-size: var(--wp--preset--font-size--2-xl);
}

.gb-headline:not(p) {
  position: relative;
}
.gb-headline:not(p) .gb-icon {
  position: relative;
  z-index: 0;
}
.gb-headline:not(p) .gb-headline-text {
  margin-left: -1em;
  z-index: 1;
}
.gb-headline:not(p).no-margin-icon .gb-headline-text {
  margin-left: 0;
}

.read-more-styles.gb-accordion .gb-accordion__item .gb-accordion__content {
  padding: 0;
}
.read-more-styles.gb-accordion .gb-accordion__item .gb-headline {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-family: var(--font-secondary);
  font-size: 30px;
}

/* Team Block */
figure.wp-block-image.no-max-width {
  margin-bottom: 0 !important;
}

figure.wp-block-image.no-max-width img {
  max-width: none !important;
}

@media (min-width: 120px) {
  .well-sm {
    border-radius: var(--border-radius);
    -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
    padding: 20px 16px;
  }
}
/* Box Nav */
.cn-subnav-icons .box:hover h4 {
  color: #fff;
}

/* Horizontal Scrolling */
.img-w-shadow .img-container {
  aspect-ratio: 16/9;
}

.img-w-shadow {
  max-width: 100%;
  aspect-ratio: 16/9;
}

.wp-block-columns .wp-block-column .wp-block-group.see-more-text, .wp-block-columns .wp-block-column .wp-block-group.see-more-text-open {
  height: auto;
}

.see-more-wrapper .gb-headline:not(p) .gb-icon {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-left: -0.5em;
}
.see-more-wrapper .gb-headline:not(p) .gb-headline-text {
  margin-left: 0;
}

.site-header {
  background: #fff !important;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.site-content {
  padding-top: 1px !important;
}

/* Accordions */
.gb-block-is-current.accordion-header {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.col-left-offset {
  -webkit-transform: translate(75px, 75px);
          transform: translate(75px, 75px);
}

/* Page Headers */
.underline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  line-height: 1.05;
  margin-bottom: 1.5rem;
}

.underline::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 10px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100% 10px;
  background-position: center;
}

.underline-primary::after {
  background-image: url(../images/underline.primary.png);
}

svg.page-header-divider-mobile,
svg.page-header-divider-desktop {
  margin-bottom: -1px;
}

.section-page-header:not(.section-page-header-lg) {
  padding-bottom: 8rem !important;
}

@media (min-width: 1025px) {
  .page-header-divider-mobile {
    display: none;
  }
}

.page-banner-large-bg {
  min-height: 300px;
  background-position: center top;
}

@media (min-width: 1025px) {
  .page-banner-large-bg {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    background-size: cover;
    background-position: 14% 50%;
    width: 100%;
    min-height: 600px;
  }
}
@media (min-width: 1600px) {
  .page-banner-large-bg {
    min-height: 900px;
  }
}
@media (min-width: 1025px) {
  .page-banner-large-bg::before {
    content: "";
    background: var(--secondary);
    height: 150%;
    border-right: 20px solid var(--tertiary);
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    position: absolute;
    width: 500px;
    left: calc(30% - 100px);
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
  }
}
@media (min-width: 1600px) {
  .page-banner-large-bg::before {
    left: calc(20% - 100px);
  }
}
/* Cards */
.small-card .gb-block-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  aspect-ratio: 3/2;
  margin-bottom: 0 !important;
}

/* Buttons */
.gb-button.button-bg-tertiary:hover {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 204, 211, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(44, 204, 211, 0.5);
}
.gb-button.button-bg-senary:hover:hover {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(229, 109, 177, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(229, 109, 177, 0.5);
}

.wp-block-button__link:hover {
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 204, 211, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(44, 204, 211, 0.5);
}
.wp-block-button__link.has-primary-background-color:hover {
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(140, 71, 153, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(140, 71, 153, 0.5);
}
.wp-block-button__link.has-secondary-background-color:hover {
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 139, 196, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(0, 139, 196, 0.5);
}
.wp-block-button__link.has-quaternary-background-color:hover {
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(164, 214, 94, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(164, 214, 94, 0.5);
}
.wp-block-button__link.has-quinary-background-color:hover {
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(249, 226, 103, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(249, 226, 103, 0.5);
}
.wp-block-button__link.has-senary-background-color:hover {
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(229, 109, 177, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(229, 109, 177, 0.5);
}
.wp-block-button__link.has-septenary-background-color:hover {
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(152, 182, 228, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(152, 182, 228, 0.5);
}

.img-container figure.wp-block-post-featured-image {
  margin-bottom: 0 !important;
  -webkit-margin-after: 0 !important;
          margin-block-end: 0 !important;
}

.section-page-header {
  -webkit-margin-before: 0px !important;
          margin-block-start: 0px !important;
}

.location-info .gb-headline {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

/* Forms */
@media (min-width: 640px) {
  #gform_fields_1 {
    row-gap: 16px !important;
  }
}
#gform_1 .gform-field-label > .gfield_required {
  color: #E56DB1 !important;
}

#gform_1 textarea::-webkit-input-placeholder, #gform_1 input::-webkit-input-placeholder {
  font-size: 100% !important;
  color: #fff !important;
}

#gform_1 textarea::-moz-placeholder, #gform_1 input::-moz-placeholder {
  font-size: 100% !important;
  color: #fff !important;
}

#gform_1 textarea:-ms-input-placeholder, #gform_1 input:-ms-input-placeholder {
  font-size: 100% !important;
  color: #fff !important;
}

#gform_1 textarea::-ms-input-placeholder, #gform_1 input::-ms-input-placeholder {
  font-size: 100% !important;
  color: #fff !important;
}

#gform_1 textarea::placeholder,
#gform_1 input::placeholder {
  font-size: 100% !important;
  color: #fff !important;
}

#gform_2 input#gform_submit_button_2,
#gform_1 input#gform_submit_button_1 {
  font-family: var(--font-primary);
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  border-radius: 500px;
}

.light-theme #gform_1 textarea::-webkit-input-placeholder, .light-theme #gform_1 input::-webkit-input-placeholder {
  color: #222 !important;
}

.light-theme #gform_1 textarea::-moz-placeholder, .light-theme #gform_1 input::-moz-placeholder {
  color: #222 !important;
}

.light-theme #gform_1 textarea:-ms-input-placeholder, .light-theme #gform_1 input:-ms-input-placeholder {
  color: #222 !important;
}

.light-theme #gform_1 textarea::-ms-input-placeholder, .light-theme #gform_1 input::-ms-input-placeholder {
  color: #222 !important;
}

.light-theme #gform_1 textarea::placeholder,
.light-theme #gform_1 input::placeholder {
  color: #222 !important;
}

/* Media + Text with Borders */
@media (max-width: 1023px) {
  body:not(.wp-admin) .wp-block-column.offset-img {
    position: relative;
    z-index: 2;
    margin-bottom: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body:not(.wp-admin) .wp-block-column.offset-img .wp-block-image {
    display: block;
    overflow: hidden;
    position: relative;
    width: calc(100% - 14px);
    min-height: 300px;
    aspect-ratio: 1/1;
    z-index: 2;
  }
  body:not(.wp-admin) .wp-block-column.offset-img .wp-block-image img {
    aspect-ratio: 1/1 !important;
    -o-object-position: top;
       object-position: top;
  }
  body:not(.wp-admin) .wp-block-column.offset-img.offset-img-right .wp-block-image {
    aspect-ratio: 4/3;
  }
  body:not(.wp-admin) .wp-block-column.offset-img.offset-img-right .wp-block-image img {
    aspect-ratio: 1/1 !important;
    -o-object-position: top;
       object-position: top;
  }
  body:not(.wp-admin) .wp-block-column.offset-img + .wp-block-column > .wp-block-group {
    padding-top: var(--wp--preset--spacing--large) !important;
  }
  body:not(.wp-admin) .wp-block-column.offset-img + .wp-block-column > .wp-block-group .wp-block-heading {
    text-align: center;
    margin: auto;
  }
}
@media (min-width: 1024px) {
  body:not(.wp-admin) .wp-block-column.offset-img {
    position: relative;
    z-index: 2;
    margin-right: -90px;
    margin-top: 20px;
  }
  body:not(.wp-admin) .wp-block-column.offset-img + .wp-block-column > .wp-block-group {
    padding-left: var(--wp--preset--spacing--x-large) !important;
  }
  body:not(.wp-admin) .offset-img.offset-img-right {
    margin-right: 0;
    margin-left: -90px;
  }
  body:not(.wp-admin) .wp-block-column:has(+ .offset-img-right) > .wp-block-group {
    padding-right: var(--wp--preset--spacing--x-large) !important;
    padding-left: var(--wp--preset--spacing--medium) !important;
  }
}
.desktop-video {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}

.bg-video {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.bg-video:after {
  background: rgba(0, 0, 0, 0.33);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

/* Breadcrumbs */
li.breadcrumb-item--home a span.breadcrumb-item-name {
  font-size: 0;
}
li.breadcrumb-item--home a span.breadcrumb-item-name:before {
  font-family: "Font Awesome 6 Pro";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  line-height: 1;
  font-size: 20px;
  text-rendering: auto;
  content: "\f015";
  color: #F9E267;
}

/* Blog */
.wp-block-post-featured-image img {
  -o-object-position: center top;
     object-position: center top;
}

.featured-image {
  -o-object-position: center top;
     object-position: center top;
}

.single-post *:has(+ li),
.single-post *:has(+ p) {
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
}

.single-post * + .wp-block-heading {
  -webkit-margin-before: 2rem;
          margin-block-start: 2rem;
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
}

:where(body.single-post .is-layout-flow) > * {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}

* + ul.icon-list {
  -webkit-margin-before: 1rem;
          margin-block-start: 1rem;
}

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

/* Splide */
.splide__arrow {
  height: 4em;
  width: 4em;
  background-color: var(--wp--preset--color--primary) !important;
}

.splide__arrow:hover {
  background-color: var(--wp--preset--color--secondary) !important;
}

.splide__arrow svg {
  height: 2em;
  width: 2em;
  fill: #fff;
}

/* Stack on MObile */
@media (max-width: 1200px) {
  .wp-block-group.is-style-stack-mobile {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
/* Top Header */
.site-header {
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}

.site-header.active-scroll {
  -webkit-transform: translateY(-49px);
          transform: translateY(-49px);
}

.topbar-header a {
  color: #fff;
}
.topbar-header a:hover {
  color: #f9e267;
}

.site-header + .page-banner-large,
.site-header + .page-banner,
.site-header + .first-section {
  top: 8rem;
  position: relative;
}

@media (max-width: 480px) {
  .icon-link img {
    width: 60px !important;
  }
}
@media (max-width: 480px) {
  .wp-block-buttons,
  .wp-block-buttons.is-content-justification-left {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-banner h2 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .img-w-shadow::after {
    height: 84%;
  }
  .pricing-tab-buttons .gb-button {
    padding: 1rem !important;
    font-size: 13px !important;
  }
}
@media (max-width: 480px) {
  .tmember img {
    aspect-ratio: 1/1;
    max-height: 100%;
  }
}
.pricing-table-grid .wp-block-group.is-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.pricing-table-grid .wp-block-group.is-vertical h3 {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

/* Debugging */
/* Nav */
.site-header .wp-block-navigation {
  padding: 0 !important;
}

.site-header :where(.desktop-navigation-block.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)), .site-header :where(.desktop-navigation-block.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) {
  padding: 0.25rem 0 0.25rem 0.5rem !important;
}

.site-header .desktop-navigation-block li.wp-block-navigation-item {
  text-transform: uppercase;
}

.site-header .desktop-navigation-block .wp-block-navigation-submenu li.wp-block-navigation-item {
  padding: 0 0.25rem !important;
}

.site-header .desktop-navigation-block li.wp-block-outermost-mega-menu,
.site-header .desktop-navigation-block li.wp-block-navigation-item {
  margin-bottom: 0;
}

.desktop-navigation-block.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
  color: var(--wp--preset--color--secondary) !important;
}
.desktop-navigation-block .wp-block-navigation__submenu-container {
  padding: 6px !important;
}
.desktop-navigation-block .wp-block-navigation-submenu li {
  font-size: 16px;
  text-transform: none !important;
  font-weight: 600;
}
.desktop-navigation-block .wp-block-navigation-submenu li a {
  text-transform: none !important;
  color: #373737 !important;
}
.desktop-navigation-block .wp-block-navigation-submenu li a:hover {
  color: var(--wp--preset--color--secondary) !important;
}
.desktop-navigation-block.wp-block-navigation .wp-block-navigation__submenu-icon {
  margin-left: 0.25rem;
}

/* Mega Menu */
.wp-block-outermost-mega-menu .wp-block-outermost-mega-menu__toggle {
  padding: 0.25rem 0.5rem !important;
  text-transform: uppercase;
}
.wp-block-outermost-mega-menu .wp-block-outermost-mega-menu__toggle:hover {
  color: var(--wp--preset--color--secondary) !important;
}

.wp-block-outermost-mega-menu__menu-container.menu-width-content,
.wp-block-outermost-mega-menu__menu-container.menu-width-wide,
.wp-block-outermost-mega-menu__menu-container.menu-width-full {
  max-width: 1440px;
  width: 100vw;
  background: #fff;
  top: calc(100% + 24px);
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  z-index: 50;
}

.wp-block-outermost-mega-menu__menu-container .menu-container__close-button {
  padding: 0.5rem;
  border-radius: 50%;
  background-color: var(--wp--preset--color--primary);
  opacity: 1 !important;
  visibility: visible;
}
.wp-block-outermost-mega-menu__menu-container .menu-container__close-button svg {
  height: 30px;
  width: 30px;
}
.wp-block-outermost-mega-menu__menu-container .menu-container__close-button svg path {
  fill: #fff;
}
.wp-block-outermost-mega-menu__menu-container .menu-container__close-button:hover {
  background-color: var(--wp--preset--color--senary);
}

.wp-block-outermost-mega-menu .wp-block-outermost-mega-menu__toggle .wp-block-outermost-mega-menu__toggle-icon svg {
  -webkit-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important;
}

.wp-block-outermost-mega-menu .wp-block-outermost-mega-menu__toggle[aria-expanded=true] .wp-block-outermost-mega-menu__toggle-icon svg {
  -webkit-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important;
}

/* Desktop and Mobile Menu Display  */
@media (min-width: 1064px) {
  .site-header .desktop-navigation-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .site-header .mobile-navigation-block {
    display: none;
  }
}
@media (max-width: 1063px) {
  .site-header .desktop-navigation-block {
    display: none;
  }
  .site-header .mobile-navigation-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .site-header .header-buttons {
    display: none;
  }
}
@media (max-width: 1439px) {
  .site-header .header-buttons .wp-block-button .wp-block-button__link {
    padding-top: 7px;
    padding-right: 10px;
    padding-bottom: 7px;
    padding-left: 10px;
    font-size: 14px;
  }
  .site-header .wp-block-outermost-mega-menu__toggle,
  .site-header .desktop-navigation-block li.wp-block-navigation-item > a {
    font-size: 14px;
  }
}
nav.mobile-navigation-block {
  color: #fff;
  border: 0 none !important;
}
nav.mobile-navigation-block button.wp-block-navigation__responsive-container-open {
  border-radius: 50% !important;
  border: 0 none !important;
  background-color: var(--wp--preset--color--primary);
  color: #fff;
}
nav.mobile-navigation-block button.wp-block-navigation__responsive-container-open svg {
  height: 30px;
  width: 30px;
}
nav.mobile-navigation-block button.wp-block-navigation__responsive-container-open:hover {
  background-color: var(--wp--preset--color--secondary);
}

/* Mobile Menu: Fix for the collapsible items */
.is-menu-open.wp-block-navigation__responsive-container {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  z-index: 99;
}

.site-header .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container {
  padding-top: 1rem;
  padding-left: 0.5rem;
}
.site-header .wp-block-navigation__responsive-container .wp-block-navigation-submenu li {
  margin-bottom: 0.25rem;
}
@media (max-width: 1024px) {
  .site-header .wp-block-navigation__responsive-container .wp-block-navigation-submenu li {
    font-size: 18px;
    text-transform: none;
    letter-spacing: 0;
  }
}
.site-header .wp-block-navigation__responsive-container .wp-block-navigation {
  width: 100%;
}
.site-header .wp-block-navigation__responsive-container .wp-block-navigation li {
  width: 100%;
}
.site-header .wp-block-navigation__responsive-container .wp-block-navigation-submenu__toggle {
  width: 100%;
}
.site-header .wp-block-navigation__responsive-container .wp-block-navigation__submenu-icon {
  display: inline-block !important;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0.25em;
  right: 0;
}
.site-header .wp-block-navigation__responsive-container .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
  stroke: var(--wp--preset--color--primary);
}
.site-header .wp-block-navigation__responsive-container .wp-block-navigation-submenu__toggle + span + ul.wp-block-navigation-submenu {
  display: none;
}
.site-header .wp-block-navigation__responsive-container .wp-block-navigation-submenu__toggle[aria-expanded=true] + span + ul.wp-block-navigation-submenu {
  display: block;
}
.site-header .wp-block-navigation__responsive-container .wp-block-navigation-submenu__toggle[aria-expanded=false] + span + ul.wp-block-navigation-submenu {
  display: none;
}