/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE CSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
:root {
  --font-primary: Open Sans, sans-serif;
  --font-secondary: Open Sans, sans-serif;
  --font-tertiary: Open Sans, sans-serif;
  --nav-logo-desktop-width: 15.9375rem;
  --nav-logo-desktop-scrolled-width: 8.375rem;
  --nav-logo-mobile-width: 9.0625rem;
  --nav-logo-desktop-offset: 1rem;
  --nav-logo-desktop-scrolled-offset: 0rem;
  --nav-logo-mobile-offset: 0rem;
  --nav-desktop-height: 5.625rem;
  --nav-scrolled-height: 3.25rem;
  --nav-mobile-height: 4.375rem;
  --nav-tert-text-color: #8e0606;
  --nav-tert-height: 2.1875rem;
  --nav-tert-font: 1rem;
  --nav-tert-letter-case: capitalize;
  --nav-tert-text-hover-color: #8e0606;
  --nav-tert-background-hover-color: #ffffff;
  --nav-tert-text-hover-text-decoration: none;
  --nav-desktop-font-size: 1.0625rem;
  --nav-desktop-scrolled-font-size: 0.875rem;
  --nav-dropdown-font-size: 0.8125rem;
  --nav-mobile-font-size: 1.25rem;
  --nav-color: #ffffff;
  --nav-dropdown-color: #ffffff;
  --nav-mobile-dropdown-color: rgba(37,40,41, 0.98);
  --nav-text-color: #5d5d5d;
  --nav-dropdown-text-color: #5d5d5d;
  --nav-mobile-text-color: #ffffff;
  --nav-hover-text-color: #ffffff;
  --nav-hover-dropdown-text-color: #ffffff;
  --nav-hover-effect-color: #8e0606;
  --nav-hover-dropdown-effect-color: #8e0606;
  --nav-width: 99%;
  --nav-letter-case: capitalize;
  --nav-mobile-width: 85%;
  --primary: #8e0606;
  --primary-rgb: 142,6,6;
  --primary-rgb-format: 142 6 6;
  --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);
  --secondary: #3d3d3d;
  --secondary-rgb: 61,61,61;
  --secondary-rgb-format: 61 61 61;
  --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);
  --tertiary: #6AA442;
  --tertiary-rgb: 106,164,66;
  --tertiary-rgb-format: 106 164 66;
  --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);
  --quaternary: #707272;
  --quaternary-rgb: 112,114,114;
  --quaternary-rgb-format: 112 114 114;
  --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);
  --dark: #282d32;
  --gray: #f1f2f2;
  --p-font-size-xs: 1.25rem;
  --p-line-height-xs: 1.5;
  --p-font-weight-xs: 300;
  --p-margin-bottom-xs: 1.5rem;
  --p-font-size-sm: 1.25rem;
  --p-line-height-sm: 1.5;
  --p-font-weight-sm: 300;
  --p-margin-bottom-sm: 1.5rem;
  --p-font-size-md: 1.25rem;
  --p-line-height-md: 1.5;
  --p-font-weight-md: 300;
  --p-margin-bottom-md: 1.5rem;
  --p-font-size-lg: 1.25rem;
  --p-line-height-lg: 1.5;
  --p-font-weight-lg: 300;
  --p-margin-bottom-lg: 1.5rem;
  --p-font-size-xl: 1.25rem;
  --p-line-height-xl: 1.5;
  --p-font-weight-xl: 300;
  --p-margin-bottom-xl: 1.5rem;
  --p-font-size-xxl: 1.25rem;
  --p-line-height-xxl: 1.5;
  --p-font-weight-xxl: 300;
  --p-margin-bottom-xxl: 1.5rem;
  --h1-font-size-xs: 2.5rem;
  --h1-line-height-xs: 1.2;
  --h1-font-weight-xs: 500;
  --h1-margin-bottom-xs: 0.5rem;
  --h1-font-size-sm: 2.5rem;
  --h1-line-height-sm: 1.2;
  --h1-font-weight-sm: 500;
  --h1-margin-bottom-sm: 0.5rem;
  --h1-font-size-md: 2.5rem;
  --h1-line-height-md: 1.2;
  --h1-font-weight-md: 500;
  --h1-margin-bottom-md: 0.5rem;
  --h1-font-size-lg: 2.5rem;
  --h1-line-height-lg: 1.2;
  --h1-font-weight-lg: 500;
  --h1-margin-bottom-lg: 0.5rem;
  --h1-font-size-xl: 2.5rem;
  --h1-line-height-xl: 1.2;
  --h1-font-weight-xl: 500;
  --h1-margin-bottom-xl: 0.5rem;
  --h1-font-size-xxl: 2.5rem;
  --h1-line-height-xxl: 1.2;
  --h1-font-weight-xxl: 500;
  --h1-margin-bottom-xxl: 0.5rem;
  --h2-font-size-xs: 2rem;
  --h2-line-height-xs: 1.2;
  --h2-font-weight-xs: 500;
  --h2-margin-bottom-xs: 0.5rem;
  --h2-font-size-sm: 2rem;
  --h2-line-height-sm: 1.2;
  --h2-font-weight-sm: 500;
  --h2-margin-bottom-sm: 0.5rem;
  --h2-font-size-md: 2rem;
  --h2-line-height-md: 1.2;
  --h2-font-weight-md: 500;
  --h2-margin-bottom-md: 0.5rem;
  --h2-font-size-lg: 2rem;
  --h2-line-height-lg: 1.2;
  --h2-font-weight-lg: 500;
  --h2-margin-bottom-lg: 0.5rem;
  --h2-font-size-xl: 2rem;
  --h2-line-height-xl: 1.2;
  --h2-font-weight-xl: 500;
  --h2-margin-bottom-xl: 0.5rem;
  --h2-font-size-xxl: 2rem;
  --h2-line-height-xxl: 1.2;
  --h2-font-weight-xxl: 500;
  --h2-margin-bottom-xxl: 0.5rem;
  --h3-font-size-xs: 1.75rem;
  --h3-line-height-xs: 1.2;
  --h3-font-weight-xs: 500;
  --h3-margin-bottom-xs: 0.5rem;
  --h3-font-size-sm: 1.75rem;
  --h3-line-height-sm: 1.2;
  --h3-font-weight-sm: 500;
  --h3-margin-bottom-sm: 0.5rem;
  --h3-font-size-md: 1.75rem;
  --h3-line-height-md: 1.2;
  --h3-font-weight-md: 500;
  --h3-margin-bottom-md: 0.5rem;
  --h3-font-size-lg: 1.75rem;
  --h3-line-height-lg: 1.2;
  --h3-font-weight-lg: 500;
  --h3-margin-bottom-lg: 0.5rem;
  --h3-font-size-xl: 1.75rem;
  --h3-line-height-xl: 1.2;
  --h3-font-weight-xl: 500;
  --h3-margin-bottom-xl: 0.5rem;
  --h3-font-size-xxl: 1.75rem;
  --h3-line-height-xxl: 1.2;
  --h3-font-weight-xxl: 500;
  --h3-margin-bottom-xxl: 0.5rem;
  --h4-font-size-xs: 1.5rem;
  --h4-line-height-xs: 1.2;
  --h4-font-weight-xs: 500;
  --h4-margin-bottom-xs: 0.5rem;
  --h4-font-size-sm: 1.5rem;
  --h4-line-height-sm: 1.2;
  --h4-font-weight-sm: 500;
  --h4-margin-bottom-sm: 0.5rem;
  --h4-font-size-md: 1.5rem;
  --h4-line-height-md: 1.2;
  --h4-font-weight-md: 500;
  --h4-margin-bottom-md: 0.5rem;
  --h4-font-size-lg: 1.5rem;
  --h4-line-height-lg: 1.2;
  --h4-font-weight-lg: 500;
  --h4-margin-bottom-lg: 0.5rem;
  --h4-font-size-xl: 1.5rem;
  --h4-line-height-xl: 1.2;
  --h4-font-weight-xl: 500;
  --h4-margin-bottom-xl: 0.5rem;
  --h4-font-size-xxl: 1.5rem;
  --h4-line-height-xxl: 1.2;
  --h4-font-weight-xxl: 500;
  --h4-margin-bottom-xxl: 0.5rem;
  --h5-font-size-xs: 1.25rem;
  --h5-line-height-xs: 1.2;
  --h5-font-weight-xs: 500;
  --h5-margin-bottom-xs: 0.5rem;
  --h5-font-size-sm: 1.25rem;
  --h5-line-height-sm: 1.2;
  --h5-font-weight-sm: 500;
  --h5-margin-bottom-sm: 0.5rem;
  --h5-font-size-md: 1.25rem;
  --h5-line-height-md: 1.2;
  --h5-font-weight-md: 500;
  --h5-margin-bottom-md: 0.5rem;
  --h5-font-size-lg: 1.25rem;
  --h5-line-height-lg: 1.2;
  --h5-font-weight-lg: 500;
  --h5-margin-bottom-lg: 0.5rem;
  --h5-font-size-xl: 1.25rem;
  --h5-line-height-xl: 1.2;
  --h5-font-weight-xl: 500;
  --h5-margin-bottom-xl: 0.5rem;
  --h5-font-size-xxl: 1.25rem;
  --h5-line-height-xxl: 1.2;
  --h5-font-weight-xxl: 500;
  --h5-margin-bottom-xxl: 0.5rem;
  --h6-font-size-xs: 1rem;
  --h6-line-height-xs: 1.2;
  --h6-font-weight-xs: 500;
  --h6-margin-bottom-xs: 0.5rem;
  --h6-font-size-sm: 1rem;
  --h6-line-height-sm: 1.2;
  --h6-font-weight-sm: 500;
  --h6-margin-bottom-sm: 0.5rem;
  --h6-font-size-md: 1rem;
  --h6-line-height-md: 1.2;
  --h6-font-weight-md: 500;
  --h6-margin-bottom-md: 0.5rem;
  --h6-font-size-lg: 1rem;
  --h6-line-height-lg: 1.2;
  --h6-font-weight-lg: 500;
  --h6-margin-bottom-lg: 0.5rem;
  --h6-font-size-xl: 1rem;
  --h6-line-height-xl: 1.2;
  --h6-font-weight-xl: 500;
  --h6-margin-bottom-xl: 0.5rem;
  --h6-font-size-xxl: 1rem;
  --h6-line-height-xxl: 1.2;
  --h6-font-weight-xxl: 500;
  --h6-margin-bottom-xxl: 0.5rem;
  --unit-xs: 1rem;
  --unit-sm: 1rem;
  --unit-md: 1rem;
  --unit-lg: 1rem;
  --unit-xl: 1rem;
  --unit-xxl: 1rem;
  --container-w-xs: 100%;
  --container-w-sm: 540px;
  --container-w-md: 720px;
  --container-w-lg: 960px;
  --container-w-xl: 1140px;
  --container-w-xxl: 1320px;
  --transition: 0.3s ease-in;
  --btn-radius: 3px;
  --border-radius: 4px;
}
:root {
  --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 {
    --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 {
    --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 {
    --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 {
    --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: 1600px) {
  :root {
    --unit: var(--unit-xxl);
    --container-w: var(--container-w-xxl);
    --p-font-size: var(--p-font-size-xxl);
    --p-font-weight: var(--p-font-weight-xxl);
    --p-line-height: var(--p-line-height-xxl);
    --p-margin-bottom: var(--p-margin-bottom-xxl);
    --h1-font-size: var(--h1-font-size-xxl);
    --h1-font-weight: var(--h1-font-weight-xxl);
    --h1-line-height: var(--h1-line-height-xxl);
    --h1-margin-bottom: var(--h1-margin-bottom-xxl);
    --h2-font-size: var(--h2-font-size-xxl);
    --h2-font-weight: var(--h2-font-weight-xxl);
    --h2-line-height: var(--h2-line-height-xxl);
    --h2-margin-bottom: var(--h2-margin-bottom-xxl);
    --h3-font-size: var(--h3-font-size-xxl);
    --h3-font-weight: var(--h3-font-weight-xxl);
    --h3-line-height: var(--h3-line-height-xxl);
    --h3-margin-bottom: var(--h3-margin-bottom-xxl);
    --h4-font-size: var(--h4-font-size-xxl);
    --h4-font-weight: var(--h4-font-weight-xxl);
    --h4-line-height: var(--h4-line-height-xxl);
    --h4-margin-bottom: var(--h4-margin-bottom-xxl);
    --h5-font-size: var(--h5-font-size-xxl);
    --h5-font-weight: var(--h5-font-weight-xxl);
    --h5-line-height: var(--h5-line-height-xxl);
    --h5-margin-bottom: var(--h5-margin-bottom-xxl);
    --h6-font-size: var(--h6-font-size-xxl);
    --h6-font-weight: var(--h6-font-weight-xxl);
    --h6-line-height: var(--h6-line-height-xxl);
    --h6-margin-bottom: var(--h6-margin-bottom-xxl);
  }
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE Imports ///////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Typography ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
body {
  font-family: var(--font-secondary);
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .font-display {
  font-family: var(--font-primary);
  position: relative;
}
i {
  font-family: var(--font-tertiary);
}
a {
  color: var(--primary);
  text-decoration: none;
}
a:hover {
  color: var(--tertiary);
}
.text-primary {
  color: var(--primary);
}
.text-secondary {
  color: var(--secondary);
}
.text-tertiary {
  color: var(--tertiary);
}
.text-quaternary {
  color: var(--quaternary);
}
.text-light {
  color: #fff;
}
.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);
}
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);
}
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);
}
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);
}
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);
}
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);
}
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: 0px;
}
.display-1 {
  font-size: calc(1rem * 0.25);
  font-weight: 300;
  line-height: 1.2;
}
.display-2 {
  font-size: calc(1rem * 0.5);
  font-weight: 300;
  line-height: 1.2;
}
.display-3 {
  font-size: calc(1rem * 0.75);
  font-weight: 300;
  line-height: 1.2;
}
.display-4 {
  font-size: calc(1rem * 1);
  font-weight: 300;
  line-height: 1.2;
}
.display-5 {
  font-size: calc(1rem * 1.25);
  font-weight: 300;
  line-height: 1.2;
}
.display-6 {
  font-size: calc(1rem * 1.5);
  font-weight: 300;
  line-height: 1.2;
}
.display-7 {
  font-size: calc(1rem * 1.75);
  font-weight: 300;
  line-height: 1.2;
}
.display-8 {
  font-size: calc(1rem * 2);
  font-weight: 300;
  line-height: 1.2;
}
.display-9 {
  font-size: calc(1rem * 2.25);
  font-weight: 300;
  line-height: 1.2;
}
.display-10 {
  font-size: calc(1rem * 2.5);
  font-weight: 300;
  line-height: 1.2;
}
.display-11 {
  font-size: calc(1rem * 2.75);
  font-weight: 300;
  line-height: 1.2;
}
.display-12 {
  font-size: calc(1rem * 3);
  font-weight: 300;
  line-height: 1.2;
}
.display-13 {
  font-size: calc(1rem * 3.25);
  font-weight: 300;
  line-height: 1.2;
}
.display-14 {
  font-size: calc(1rem * 3.5);
  font-weight: 300;
  line-height: 1.2;
}
.display-15 {
  font-size: calc(1rem * 3.75);
  font-weight: 300;
  line-height: 1.2;
}
.display-16 {
  font-size: calc(1rem * 4);
  font-weight: 300;
  line-height: 1.2;
}
.display-17 {
  font-size: calc(1rem * 4.25);
  font-weight: 300;
  line-height: 1.2;
}
.display-18 {
  font-size: calc(1rem * 4.5);
  font-weight: 300;
  line-height: 1.2;
}
.display-19 {
  font-size: calc(1rem * 4.75);
  font-weight: 300;
  line-height: 1.2;
}
.display-20 {
  font-size: calc(1rem * 5);
  font-weight: 300;
  line-height: 1.2;
}
.display-21 {
  font-size: calc(1rem * 5.25);
  font-weight: 300;
  line-height: 1.2;
}
.display-22 {
  font-size: calc(1rem * 5.5);
  font-weight: 300;
  line-height: 1.2;
}
.display-23 {
  font-size: calc(1rem * 5.75);
  font-weight: 300;
  line-height: 1.2;
}
.display-24 {
  font-size: calc(1rem * 6);
  font-weight: 300;
  line-height: 1.2;
}
.display-25 {
  font-size: calc(1rem * 6.25);
  font-weight: 300;
  line-height: 1.2;
}
.display-26 {
  font-size: calc(1rem * 6.5);
  font-weight: 300;
  line-height: 1.2;
}
.display-27 {
  font-size: calc(1rem * 6.75);
  font-weight: 300;
  line-height: 1.2;
}
.display-28 {
  font-size: calc(1rem * 7);
  font-weight: 300;
  line-height: 1.2;
}
.display-29 {
  font-size: calc(1rem * 7.25);
  font-weight: 300;
  line-height: 1.2;
}
.display-30 {
  font-size: calc(1rem * 7.5);
  font-weight: 300;
  line-height: 1.2;
}
.display-31 {
  font-size: calc(1rem * 7.75);
  font-weight: 300;
  line-height: 1.2;
}
.display-32 {
  font-size: calc(1rem * 8);
  font-weight: 300;
  line-height: 1.2;
}
.display-33 {
  font-size: calc(1rem * 8.25);
  font-weight: 300;
  line-height: 1.2;
}
.display-34 {
  font-size: calc(1rem * 8.5);
  font-weight: 300;
  line-height: 1.2;
}
.display-35 {
  font-size: calc(1rem * 8.75);
  font-weight: 300;
  line-height: 1.2;
}
.display-36 {
  font-size: calc(1rem * 9);
  font-weight: 300;
  line-height: 1.2;
}
.display-37 {
  font-size: calc(1rem * 9.25);
  font-weight: 300;
  line-height: 1.2;
}
.display-38 {
  font-size: calc(1rem * 9.5);
  font-weight: 300;
  line-height: 1.2;
}
.display-39 {
  font-size: calc(1rem * 9.75);
  font-weight: 300;
  line-height: 1.2;
}
.display-40 {
  font-size: calc(1rem * 10);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 576px) {
  .display-sm-1 {
    font-size: calc(1rem * 0.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-2 {
    font-size: calc(1rem * 0.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-3 {
    font-size: calc(1rem * 0.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-4 {
    font-size: calc(1rem * 1);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-5 {
    font-size: calc(1rem * 1.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-6 {
    font-size: calc(1rem * 1.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-7 {
    font-size: calc(1rem * 1.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-8 {
    font-size: calc(1rem * 2);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-9 {
    font-size: calc(1rem * 2.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-10 {
    font-size: calc(1rem * 2.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-11 {
    font-size: calc(1rem * 2.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-12 {
    font-size: calc(1rem * 3);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-13 {
    font-size: calc(1rem * 3.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-14 {
    font-size: calc(1rem * 3.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-15 {
    font-size: calc(1rem * 3.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-16 {
    font-size: calc(1rem * 4);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-17 {
    font-size: calc(1rem * 4.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-18 {
    font-size: calc(1rem * 4.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-19 {
    font-size: calc(1rem * 4.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-20 {
    font-size: calc(1rem * 5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-21 {
    font-size: calc(1rem * 5.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-22 {
    font-size: calc(1rem * 5.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-23 {
    font-size: calc(1rem * 5.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-24 {
    font-size: calc(1rem * 6);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-25 {
    font-size: calc(1rem * 6.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-26 {
    font-size: calc(1rem * 6.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-27 {
    font-size: calc(1rem * 6.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-28 {
    font-size: calc(1rem * 7);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-29 {
    font-size: calc(1rem * 7.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-30 {
    font-size: calc(1rem * 7.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-31 {
    font-size: calc(1rem * 7.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-32 {
    font-size: calc(1rem * 8);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-33 {
    font-size: calc(1rem * 8.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-34 {
    font-size: calc(1rem * 8.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-35 {
    font-size: calc(1rem * 8.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-36 {
    font-size: calc(1rem * 9);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-37 {
    font-size: calc(1rem * 9.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-38 {
    font-size: calc(1rem * 9.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-39 {
    font-size: calc(1rem * 9.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-sm-40 {
    font-size: calc(1rem * 10);
    font-weight: 300;
    line-height: 1.2;
  }
}
@media (min-width: 768px) {
  .display-md-1 {
    font-size: calc(1rem * 0.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-2 {
    font-size: calc(1rem * 0.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-3 {
    font-size: calc(1rem * 0.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-4 {
    font-size: calc(1rem * 1);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-5 {
    font-size: calc(1rem * 1.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-6 {
    font-size: calc(1rem * 1.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-7 {
    font-size: calc(1rem * 1.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-8 {
    font-size: calc(1rem * 2);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-9 {
    font-size: calc(1rem * 2.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-10 {
    font-size: calc(1rem * 2.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-11 {
    font-size: calc(1rem * 2.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-12 {
    font-size: calc(1rem * 3);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-13 {
    font-size: calc(1rem * 3.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-14 {
    font-size: calc(1rem * 3.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-15 {
    font-size: calc(1rem * 3.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-16 {
    font-size: calc(1rem * 4);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-17 {
    font-size: calc(1rem * 4.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-18 {
    font-size: calc(1rem * 4.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-19 {
    font-size: calc(1rem * 4.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-20 {
    font-size: calc(1rem * 5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-21 {
    font-size: calc(1rem * 5.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-22 {
    font-size: calc(1rem * 5.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-23 {
    font-size: calc(1rem * 5.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-24 {
    font-size: calc(1rem * 6);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-25 {
    font-size: calc(1rem * 6.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-26 {
    font-size: calc(1rem * 6.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-27 {
    font-size: calc(1rem * 6.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-28 {
    font-size: calc(1rem * 7);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-29 {
    font-size: calc(1rem * 7.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-30 {
    font-size: calc(1rem * 7.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-31 {
    font-size: calc(1rem * 7.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-32 {
    font-size: calc(1rem * 8);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-33 {
    font-size: calc(1rem * 8.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-34 {
    font-size: calc(1rem * 8.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-35 {
    font-size: calc(1rem * 8.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-36 {
    font-size: calc(1rem * 9);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-37 {
    font-size: calc(1rem * 9.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-38 {
    font-size: calc(1rem * 9.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-39 {
    font-size: calc(1rem * 9.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-md-40 {
    font-size: calc(1rem * 10);
    font-weight: 300;
    line-height: 1.2;
  }
}
@media (min-width: 992px) {
  .display-lg-1 {
    font-size: calc(1rem * 0.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-2 {
    font-size: calc(1rem * 0.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-3 {
    font-size: calc(1rem * 0.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-4 {
    font-size: calc(1rem * 1);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-5 {
    font-size: calc(1rem * 1.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-6 {
    font-size: calc(1rem * 1.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-7 {
    font-size: calc(1rem * 1.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-8 {
    font-size: calc(1rem * 2);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-9 {
    font-size: calc(1rem * 2.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-10 {
    font-size: calc(1rem * 2.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-11 {
    font-size: calc(1rem * 2.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-12 {
    font-size: calc(1rem * 3);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-13 {
    font-size: calc(1rem * 3.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-14 {
    font-size: calc(1rem * 3.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-15 {
    font-size: calc(1rem * 3.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-16 {
    font-size: calc(1rem * 4);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-17 {
    font-size: calc(1rem * 4.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-18 {
    font-size: calc(1rem * 4.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-19 {
    font-size: calc(1rem * 4.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-20 {
    font-size: calc(1rem * 5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-21 {
    font-size: calc(1rem * 5.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-22 {
    font-size: calc(1rem * 5.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-23 {
    font-size: calc(1rem * 5.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-24 {
    font-size: calc(1rem * 6);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-25 {
    font-size: calc(1rem * 6.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-26 {
    font-size: calc(1rem * 6.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-27 {
    font-size: calc(1rem * 6.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-28 {
    font-size: calc(1rem * 7);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-29 {
    font-size: calc(1rem * 7.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-30 {
    font-size: calc(1rem * 7.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-31 {
    font-size: calc(1rem * 7.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-32 {
    font-size: calc(1rem * 8);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-33 {
    font-size: calc(1rem * 8.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-34 {
    font-size: calc(1rem * 8.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-35 {
    font-size: calc(1rem * 8.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-36 {
    font-size: calc(1rem * 9);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-37 {
    font-size: calc(1rem * 9.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-38 {
    font-size: calc(1rem * 9.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-39 {
    font-size: calc(1rem * 9.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-lg-40 {
    font-size: calc(1rem * 10);
    font-weight: 300;
    line-height: 1.2;
  }
}
@media (min-width: 1200px) {
  .display-xl-1 {
    font-size: calc(1rem * 0.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-2 {
    font-size: calc(1rem * 0.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-3 {
    font-size: calc(1rem * 0.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-4 {
    font-size: calc(1rem * 1);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-5 {
    font-size: calc(1rem * 1.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-6 {
    font-size: calc(1rem * 1.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-7 {
    font-size: calc(1rem * 1.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-8 {
    font-size: calc(1rem * 2);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-9 {
    font-size: calc(1rem * 2.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-10 {
    font-size: calc(1rem * 2.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-11 {
    font-size: calc(1rem * 2.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-12 {
    font-size: calc(1rem * 3);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-13 {
    font-size: calc(1rem * 3.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-14 {
    font-size: calc(1rem * 3.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-15 {
    font-size: calc(1rem * 3.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-16 {
    font-size: calc(1rem * 4);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-17 {
    font-size: calc(1rem * 4.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-18 {
    font-size: calc(1rem * 4.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-19 {
    font-size: calc(1rem * 4.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-20 {
    font-size: calc(1rem * 5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-21 {
    font-size: calc(1rem * 5.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-22 {
    font-size: calc(1rem * 5.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-23 {
    font-size: calc(1rem * 5.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-24 {
    font-size: calc(1rem * 6);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-25 {
    font-size: calc(1rem * 6.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-26 {
    font-size: calc(1rem * 6.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-27 {
    font-size: calc(1rem * 6.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-28 {
    font-size: calc(1rem * 7);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-29 {
    font-size: calc(1rem * 7.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-30 {
    font-size: calc(1rem * 7.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-31 {
    font-size: calc(1rem * 7.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-32 {
    font-size: calc(1rem * 8);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-33 {
    font-size: calc(1rem * 8.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-34 {
    font-size: calc(1rem * 8.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-35 {
    font-size: calc(1rem * 8.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-36 {
    font-size: calc(1rem * 9);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-37 {
    font-size: calc(1rem * 9.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-38 {
    font-size: calc(1rem * 9.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-39 {
    font-size: calc(1rem * 9.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xl-40 {
    font-size: calc(1rem * 10);
    font-weight: 300;
    line-height: 1.2;
  }
}
@media (min-width: 1600px) {
  .display-xxl-1 {
    font-size: calc(1rem * 0.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-2 {
    font-size: calc(1rem * 0.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-3 {
    font-size: calc(1rem * 0.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-4 {
    font-size: calc(1rem * 1);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-5 {
    font-size: calc(1rem * 1.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-6 {
    font-size: calc(1rem * 1.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-7 {
    font-size: calc(1rem * 1.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-8 {
    font-size: calc(1rem * 2);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-9 {
    font-size: calc(1rem * 2.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-10 {
    font-size: calc(1rem * 2.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-11 {
    font-size: calc(1rem * 2.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-12 {
    font-size: calc(1rem * 3);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-13 {
    font-size: calc(1rem * 3.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-14 {
    font-size: calc(1rem * 3.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-15 {
    font-size: calc(1rem * 3.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-16 {
    font-size: calc(1rem * 4);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-17 {
    font-size: calc(1rem * 4.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-18 {
    font-size: calc(1rem * 4.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-19 {
    font-size: calc(1rem * 4.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-20 {
    font-size: calc(1rem * 5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-21 {
    font-size: calc(1rem * 5.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-22 {
    font-size: calc(1rem * 5.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-23 {
    font-size: calc(1rem * 5.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-24 {
    font-size: calc(1rem * 6);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-25 {
    font-size: calc(1rem * 6.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-26 {
    font-size: calc(1rem * 6.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-27 {
    font-size: calc(1rem * 6.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-28 {
    font-size: calc(1rem * 7);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-29 {
    font-size: calc(1rem * 7.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-30 {
    font-size: calc(1rem * 7.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-31 {
    font-size: calc(1rem * 7.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-32 {
    font-size: calc(1rem * 8);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-33 {
    font-size: calc(1rem * 8.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-34 {
    font-size: calc(1rem * 8.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-35 {
    font-size: calc(1rem * 8.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-36 {
    font-size: calc(1rem * 9);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-37 {
    font-size: calc(1rem * 9.25);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-38 {
    font-size: calc(1rem * 9.5);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-39 {
    font-size: calc(1rem * 9.75);
    font-weight: 300;
    line-height: 1.2;
  }
  .display-xxl-40 {
    font-size: calc(1rem * 10);
    font-weight: 300;
    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;
}
.weight-200 {
  font-weight: 200;
}
.weight-300 {
  font-weight: 300;
}
.weight-400 {
  font-weight: 400;
}
.weight-500 {
  font-weight: 500;
}
.weight-600 {
  font-weight: 600;
}
.weight-700 {
  font-weight: 700;
}
.weight-800 {
  font-weight: 800;
}
.weight-900 {
  font-weight: 900;
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Header ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
header {
  --nav-height: var(--nav-mobile-height);
  --nav-logo-width: var(--nav-logo-mobile-width);
  --nav-logo-offset: var(--nav-logo-mobile-offset);
  --nav-font-size: var(--nav-mobile-font-size);
}
@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);
  }
}
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: flex;
  align-items: center;
}
header .main-nav .items {
  transition: all var(--transition);
  height: var(--nav-height);
  flex-grow: 1;
  justify-content: flex-end;
}
.main-nav .items, .main-nav .items nav {
  display: flex;
}
header .logo {
  display: flex;
  align-items: center;
  width: var(--nav-logo-width);
  margin-bottom: var(--nav-logo-offset);
  transition: all var(--transition);
  position: relative;
}
header .logo a {
  position: absolute;
  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 {
  justify-content: flex-start;
}
header .main-nav nav {
  position: fixed;
  left: 0vw;
  top: var(--top-bar, 0px);
  transition: var(--transition);
  overflow-y: hidden;
  display: flex;
  justify-content: center;
  width: 100vw;
  height: 0vh;
  background: var(--nav-mobile-dropdown-color);
}
header .main-nav .items nav ul {
  padding: 0px;
  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: flex;
  justify-content: space-between;
  padding: 15px 12px;
}
header .main-nav .items nav li a i {
  font-size: 0.8em;
  display: flex;
  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);
  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 {
  transition: var(--transition);
}
header .items nav ul li a.parent.open i {
  transform: scaleY(-1);
}
header .main-nav .item-append {
  display: flex;
  align-items: center;
  position: absolute;
  right: calc(var(--nav-height) - 20px);
  height: 100%;
}
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: 0px;
  display: flex;
  align-items: 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;
  font-size: 1.4rem;
  transition: var(--transition);
}
header .main-nav .mobile-nav-trigger .open-icon {
  opacity: 1;
  color: var(--primary);
}
header .main-nav .mobile-nav-trigger .close-icon {
  opacity: 0;
  color: var(--primary);
}
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;
}
@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: 0px;
  }
  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: none;
    transition: unset;
    top: 0px;
  }
  header .main-nav .items .item-append {
    position: relative;
    right: unset;
  }
  header .main-nav {
    justify-content: flex-start;
  }
  header .main-nav .items {
    justify-content: flex-end;
  }
  header .main-nav .items nav {
    padding: 0px 20px;
  }
  header .main-nav .items nav ul {
    margin: 0px;
    padding: 0px;
  }
  header .main-nav .items nav .level-1 > li > a {
    color: var(--nav-text-color);
    font-size: var(--nav-font-size);
    transition: var(--transition);
  }
  header .main-nav .items nav .level-2 li a {
    font-size: var(--nav-dropdown-font-size);
    color: var(--nav-dropdown-text-color);
  }
  header .main-nav .items nav li:not(.mega) a, header .main-nav .items nav li.mega > a {
    padding: 0 0.8rem;
  }
  header .main-nav .items nav li a:hover, header .main-nav .items nav li a.over {
    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);
    background-color: var(--nav-hover-effect-color);
  }
  header .main-nav .items nav .level-2 li a:hover, header .main-nav .items nav .level-2 li a.over {
    color: var(--nav-hover-text-color);
    background-color: var(--nav-hover-dropdown-effect-color);
  }
  header .logo {
    left: 0px;
  }
  header .main-nav .items nav .level-1 {
    height: var(--nav-height);
    width: unset;
    display: flex;
    flex-direction: row;
    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: flex;
    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: 0px;
  }
  header .main-nav .items nav .flyout.left > .level-2 {
    right: 0px;
  }
  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 {
    transition: transform var(--transition);
  }
  header .main-nav .items nav .level-1 > li > a.parent.over i {
    transform: scaleY(-1);
  }
  header .main-nav .items nav [class^='level-']:not(.level-1) > li > a.parent i {
    transform: rotate(-90deg);
  }
  header .main-nav .items nav [class^='level-']:not(.level-1) > li > a.parent.over i {
    transform: rotate(-90deg) scaleY(-1);
  }
  header .tert-nav > .container {
    display: flex;
    justify-content: flex-end;
  }
  body.h-show-tert-nav .tert-nav {
    display: flex;
    transition: var(--transition);
    border-bottom: 1px solid #eeeeee29;
    background: linear-gradient(135deg, white 2%, white 28%, #f6f6f6 100%);
  }
  body.h-show-tert-nav.scrolled .tert-nav {
    margin-top: calc(calc(var(--nav-tert-height) * -1) - 1px);
  }
  body.h-show-tert-nav .tert-nav a {
    height: var(--nav-tert-height);
    padding: 0 18px;
    display: flex;
    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 #eeeeee29;
  }
  body.h-show-tert-nav .tert-nav a:last-child {
    padding-right: 0px;
  }
  body.h-show-tert-nav .tert-nav a:hover {
    text-decoration: var(--nav-tert-text-hover-text-decoration);
    color: var(--nav-tert-text-hover-color);
    background-color: var(--nav-tert-background-hover-color);
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// LAYOUT ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
html {
  overflow-x: hidden;
}
body {
  background-color: white;
  overflow-x: hidden;
}
section {
  position: relative;
  margin: 0;
  padding: calc(var(--unit) * 4.6875) 0;
  background-color: #fff;
  /* default */
}
section.half-pad {
  padding: calc(var(--unit) * 2.3875) 0;
}
main > section:first-of-type, main section.first-section {
  padding-top: calc(var(--nav-mobile-height) + var(--top-bar, 0px) + calc(var(--unit) * 4.6875));
}
main > section.half-pad:first-of-type, main section.half-pad.first-section {
  padding-top: calc(var(--nav-mobile-height) + var(--top-bar, 0px) + calc(var(--unit) * 2.3875));
}
@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) + calc(var(--unit) * 4.6875));
  }
  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) + calc(var(--unit) * 2.3875));
  }
}
section.bg-overlay {
  display: flex;
  justify-content: center;
  padding: 0px !important;
}
section.bg-overlay .overlay {
  display: flex;
  align-items: center;
  width: 100%;
  padding: calc(var(--unit) * 4.6875) 0;
  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: 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(--top-bar, 0px) + calc(var(--unit) * 4.6875));
  padding-bottom: calc(var(--unit) * 4.6875);
}
@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) + calc(var(--unit) * 4.6875));
    padding-bottom: calc(var(--unit) * 4.6875);
  }
}
@media (max-width: 767px) {
  section.mobile-overlay::before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    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: #ffffffba;
  }
}
@media (min-width: 992px) {
  .overlap-top {
    margin-top: calc(calc(var(--unit) * -4.6875) * 1.5);
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Buttons ///////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.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: flex;
  align-items: 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: 0px !important;
}
.btn-count span.count {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
  width: auto;
  top: 0;
  left: 0;
  margin-right: 10px;
  padding: 0 8px;
  font-weight: bold;
  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);
  box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
}
.btn-primary.focus, .btn-primary:focus {
  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;
}
.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 {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
  box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb));
}
.btn-outline-primary.focus, .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb));
  background: var(--primary);
  border-color: var(--primary);
}
.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);
  box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
}
.btn-secondary.focus, .btn-secondary:focus {
  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;
}
.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 {
  color: #fff;
  background-color: var(--secondary);
  border-color: var(--secondary);
  box-shadow: 0 0 0 0.2rem rgb(var(--secondary-rgb));
}
.btn-outline-secondary.focus, .btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.2rem rgb(var(--secondary-rgb));
  background: var(--secondary);
  border-color: var(--secondary);
}
.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);
  box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
}
.btn-tertiary.focus, .btn-tertiary:focus {
  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;
}
.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 {
  color: #fff;
  background-color: var(--tertiary);
  border-color: var(--tertiary);
  box-shadow: 0 0 0 0.2rem rgb(var(--tertiary-rgb));
}
.btn-outline-tertiary.focus, .btn-outline-tertiary:focus {
  box-shadow: 0 0 0 0.2rem rgb(var(--tertiary-rgb));
  background: var(--tertiary);
  border-color: var(--tertiary);
}
.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);
  box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
}
.btn-quaternary.focus, .btn-quaternary:focus {
  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;
}
.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 {
  color: #fff;
  background-color: var(--quaternary);
  border-color: var(--quaternary);
  box-shadow: 0 0 0 0.2rem rgb(var(--quaternary-rgb));
}
.btn-outline-quaternary.focus, .btn-outline-quaternary:focus {
  box-shadow: 0 0 0 0.2rem rgb(var(--quaternary-rgb));
  background: var(--quaternary);
  border-color: var(--quaternary);
}
.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-outline-light {
  color: #ffffff;
  border-color: #ffffff;
  border-width: 2px;
}
.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 {
  color: var(--primary);
  background-color: #ffffff;
  border-color: #ffffff;
  box-shadow: 0 0 0 0.2rem white;
}
.btn-outline-light.focus, .btn-outline-light:focus {
  box-shadow: 0 0 0 0.2rem white;
  background: #fff;
  border-color: #fff;
}
.btn-secondary:hover {
  color: var(--primary);
}
.btn-primary:hover {
  color: var(--secondary);
}
@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: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
  }
  .btn-sm-primary.focus, .btn-sm-primary:focus {
    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;
  }
  .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 {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb));
  }
  .btn-sm-outline-primary.focus, .btn-sm-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb));
    background: var(--primary);
    border-color: var(--primary);
  }
  .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: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
  }
  .btn-sm-secondary.focus, .btn-sm-secondary:focus {
    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;
  }
  .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 {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 0 0 0.2rem rgb(var(--secondary-rgb));
  }
  .btn-sm-outline-secondary.focus, .btn-sm-outline-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--secondary-rgb));
    background: var(--secondary);
    border-color: var(--secondary);
  }
  .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: #fff;
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
  }
  .btn-sm-tertiary.focus, .btn-sm-tertiary:focus {
    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;
  }
  .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 {
    color: #fff;
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    box-shadow: 0 0 0 0.2rem rgb(var(--tertiary-rgb));
  }
  .btn-sm-outline-tertiary.focus, .btn-sm-outline-tertiary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--tertiary-rgb));
    background: var(--tertiary);
    border-color: var(--tertiary);
  }
  .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: #fff;
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
  }
  .btn-sm-quaternary.focus, .btn-sm-quaternary:focus {
    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;
  }
  .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 {
    color: #fff;
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    box-shadow: 0 0 0 0.2rem rgb(var(--quaternary-rgb));
  }
  .btn-sm-outline-quaternary.focus, .btn-sm-outline-quaternary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--quaternary-rgb));
    background: var(--quaternary);
    border-color: var(--quaternary);
  }
  .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-outline-light {
    color: #ffffff;
    border-color: #ffffff;
    border-width: 2px;
  }
  .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-outline-light.dropdown-toggle {
    color: var(--primary);
    background-color: #ffffff;
    border-color: #ffffff;
    box-shadow: 0 0 0 0.2rem white;
  }
  .btn-sm-outline-light.focus, .btn-sm-outline-light:focus {
    box-shadow: 0 0 0 0.2rem white;
    background: #fff;
    border-color: #fff;
  }
  .btn-sm-secondary:hover {
    color: var(--primary);
  }
  .btn-sm-primary:hover {
    color: var(--secondary);
  }
}
.btn-secondary:hover {
  color: var(--primary);
}
.btn-primary:hover {
  color: var(--secondary);
}
@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: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
  }
  .btn-md-primary.focus, .btn-md-primary:focus {
    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;
  }
  .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 {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb));
  }
  .btn-md-outline-primary.focus, .btn-md-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb));
    background: var(--primary);
    border-color: var(--primary);
  }
  .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: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
  }
  .btn-md-secondary.focus, .btn-md-secondary:focus {
    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;
  }
  .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 {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 0 0 0.2rem rgb(var(--secondary-rgb));
  }
  .btn-md-outline-secondary.focus, .btn-md-outline-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--secondary-rgb));
    background: var(--secondary);
    border-color: var(--secondary);
  }
  .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: #fff;
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
  }
  .btn-md-tertiary.focus, .btn-md-tertiary:focus {
    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;
  }
  .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 {
    color: #fff;
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    box-shadow: 0 0 0 0.2rem rgb(var(--tertiary-rgb));
  }
  .btn-md-outline-tertiary.focus, .btn-md-outline-tertiary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--tertiary-rgb));
    background: var(--tertiary);
    border-color: var(--tertiary);
  }
  .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: #fff;
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
  }
  .btn-md-quaternary.focus, .btn-md-quaternary:focus {
    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;
  }
  .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 {
    color: #fff;
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    box-shadow: 0 0 0 0.2rem rgb(var(--quaternary-rgb));
  }
  .btn-md-outline-quaternary.focus, .btn-md-outline-quaternary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--quaternary-rgb));
    background: var(--quaternary);
    border-color: var(--quaternary);
  }
  .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-outline-light {
    color: #ffffff;
    border-color: #ffffff;
    border-width: 2px;
  }
  .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-outline-light.dropdown-toggle {
    color: var(--primary);
    background-color: #ffffff;
    border-color: #ffffff;
    box-shadow: 0 0 0 0.2rem white;
  }
  .btn-md-outline-light.focus, .btn-md-outline-light:focus {
    box-shadow: 0 0 0 0.2rem white;
    background: #fff;
    border-color: #fff;
  }
  .btn-md-secondary:hover {
    color: var(--primary);
  }
  .btn-md-primary:hover {
    color: var(--secondary);
  }
}
.btn-secondary:hover {
  color: var(--primary);
}
.btn-primary:hover {
  color: var(--secondary);
}
@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: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
  }
  .btn-lg-primary.focus, .btn-lg-primary:focus {
    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;
  }
  .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 {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb));
  }
  .btn-lg-outline-primary.focus, .btn-lg-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb));
    background: var(--primary);
    border-color: var(--primary);
  }
  .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: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
  }
  .btn-lg-secondary.focus, .btn-lg-secondary:focus {
    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;
  }
  .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 {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 0 0 0.2rem rgb(var(--secondary-rgb));
  }
  .btn-lg-outline-secondary.focus, .btn-lg-outline-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--secondary-rgb));
    background: var(--secondary);
    border-color: var(--secondary);
  }
  .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: #fff;
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
  }
  .btn-lg-tertiary.focus, .btn-lg-tertiary:focus {
    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;
  }
  .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 {
    color: #fff;
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    box-shadow: 0 0 0 0.2rem rgb(var(--tertiary-rgb));
  }
  .btn-lg-outline-tertiary.focus, .btn-lg-outline-tertiary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--tertiary-rgb));
    background: var(--tertiary);
    border-color: var(--tertiary);
  }
  .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: #fff;
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
  }
  .btn-lg-quaternary.focus, .btn-lg-quaternary:focus {
    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;
  }
  .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 {
    color: #fff;
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    box-shadow: 0 0 0 0.2rem rgb(var(--quaternary-rgb));
  }
  .btn-lg-outline-quaternary.focus, .btn-lg-outline-quaternary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--quaternary-rgb));
    background: var(--quaternary);
    border-color: var(--quaternary);
  }
  .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-outline-light {
    color: #ffffff;
    border-color: #ffffff;
    border-width: 2px;
  }
  .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-outline-light.dropdown-toggle {
    color: var(--primary);
    background-color: #ffffff;
    border-color: #ffffff;
    box-shadow: 0 0 0 0.2rem white;
  }
  .btn-lg-outline-light.focus, .btn-lg-outline-light:focus {
    box-shadow: 0 0 0 0.2rem white;
    background: #fff;
    border-color: #fff;
  }
  .btn-lg-secondary:hover {
    color: var(--primary);
  }
  .btn-lg-primary:hover {
    color: var(--secondary);
  }
}
.btn-secondary:hover {
  color: var(--primary);
}
.btn-primary:hover {
  color: var(--secondary);
}
@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: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
  }
  .btn-xl-primary.focus, .btn-xl-primary:focus {
    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;
  }
  .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 {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb));
  }
  .btn-xl-outline-primary.focus, .btn-xl-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb));
    background: var(--primary);
    border-color: var(--primary);
  }
  .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: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
  }
  .btn-xl-secondary.focus, .btn-xl-secondary:focus {
    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;
  }
  .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 {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 0 0 0.2rem rgb(var(--secondary-rgb));
  }
  .btn-xl-outline-secondary.focus, .btn-xl-outline-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--secondary-rgb));
    background: var(--secondary);
    border-color: var(--secondary);
  }
  .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: #fff;
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
  }
  .btn-xl-tertiary.focus, .btn-xl-tertiary:focus {
    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;
  }
  .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 {
    color: #fff;
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    box-shadow: 0 0 0 0.2rem rgb(var(--tertiary-rgb));
  }
  .btn-xl-outline-tertiary.focus, .btn-xl-outline-tertiary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--tertiary-rgb));
    background: var(--tertiary);
    border-color: var(--tertiary);
  }
  .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: #fff;
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
  }
  .btn-xl-quaternary.focus, .btn-xl-quaternary:focus {
    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;
  }
  .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 {
    color: #fff;
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    box-shadow: 0 0 0 0.2rem rgb(var(--quaternary-rgb));
  }
  .btn-xl-outline-quaternary.focus, .btn-xl-outline-quaternary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--quaternary-rgb));
    background: var(--quaternary);
    border-color: var(--quaternary);
  }
  .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-outline-light {
    color: #ffffff;
    border-color: #ffffff;
    border-width: 2px;
  }
  .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-outline-light.dropdown-toggle {
    color: var(--primary);
    background-color: #ffffff;
    border-color: #ffffff;
    box-shadow: 0 0 0 0.2rem white;
  }
  .btn-xl-outline-light.focus, .btn-xl-outline-light:focus {
    box-shadow: 0 0 0 0.2rem white;
    background: #fff;
    border-color: #fff;
  }
  .btn-xl-secondary:hover {
    color: var(--primary);
  }
  .btn-xl-primary:hover {
    color: var(--secondary);
  }
}
.btn-secondary:hover {
  color: var(--primary);
}
.btn-primary:hover {
  color: var(--secondary);
}
@media (min-width: 1600px) {
  .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: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
  }
  .btn-xxl-primary.focus, .btn-xxl-primary:focus {
    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;
  }
  .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 {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb));
  }
  .btn-xxl-outline-primary.focus, .btn-xxl-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb));
    background: var(--primary);
    border-color: var(--primary);
  }
  .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: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
  }
  .btn-xxl-secondary.focus, .btn-xxl-secondary:focus {
    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;
  }
  .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 {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 0 0 0.2rem rgb(var(--secondary-rgb));
  }
  .btn-xxl-outline-secondary.focus, .btn-xxl-outline-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--secondary-rgb));
    background: var(--secondary);
    border-color: var(--secondary);
  }
  .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: #fff;
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
  }
  .btn-xxl-tertiary.focus, .btn-xxl-tertiary:focus {
    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;
  }
  .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 {
    color: #fff;
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    box-shadow: 0 0 0 0.2rem rgb(var(--tertiary-rgb));
  }
  .btn-xxl-outline-tertiary.focus, .btn-xxl-outline-tertiary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--tertiary-rgb));
    background: var(--tertiary);
    border-color: var(--tertiary);
  }
  .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: #fff;
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
  }
  .btn-xxl-quaternary.focus, .btn-xxl-quaternary:focus {
    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;
  }
  .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 {
    color: #fff;
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    box-shadow: 0 0 0 0.2rem rgb(var(--quaternary-rgb));
  }
  .btn-xxl-outline-quaternary.focus, .btn-xxl-outline-quaternary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--quaternary-rgb));
    background: var(--quaternary);
    border-color: var(--quaternary);
  }
  .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-outline-light {
    color: #ffffff;
    border-color: #ffffff;
    border-width: 2px;
  }
  .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-outline-light.dropdown-toggle {
    color: var(--primary);
    background-color: #ffffff;
    border-color: #ffffff;
    box-shadow: 0 0 0 0.2rem white;
  }
  .btn-xxl-outline-light.focus, .btn-xxl-outline-light:focus {
    box-shadow: 0 0 0 0.2rem white;
    background: #fff;
    border-color: #fff;
  }
  .btn-xxl-secondary:hover {
    color: var(--primary);
  }
  .btn-xxl-primary:hover {
    color: var(--secondary);
  }
}
.btn-secondary:hover {
  color: var(--primary);
}
.btn-primary:hover {
  color: var(--secondary);
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Utilities ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.bg-primary-to-primary {
  background: var(--primary);
  background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
}
.bg-primary-to-secondary {
  background: var(--primary);
  background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
}
.bg-primary-to-tertiary {
  background: var(--primary);
  background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
}
.bg-primary-to-quaternary {
  background: var(--primary);
  background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
}
.bg-primary {
  background-color: var(--primary);
}
.text-primary {
  color: var(--primary);
}
.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);
  background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
}
.bg-secondary-to-secondary {
  background: var(--secondary);
  background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
}
.bg-secondary-to-tertiary {
  background: var(--secondary);
  background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
}
.bg-secondary-to-quaternary {
  background: var(--secondary);
  background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
}
.bg-secondary {
  background-color: var(--secondary);
}
.text-secondary {
  color: var(--secondary);
}
.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);
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
}
.bg-tertiary-to-secondary {
  background: var(--tertiary);
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
}
.bg-tertiary-to-tertiary {
  background: var(--tertiary);
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
}
.bg-tertiary-to-quaternary {
  background: var(--tertiary);
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
}
.bg-tertiary {
  background-color: var(--tertiary);
}
.text-tertiary {
  color: var(--tertiary);
}
.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);
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
}
.bg-quaternary-to-secondary {
  background: var(--quaternary);
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
}
.bg-quaternary-to-tertiary {
  background: var(--quaternary);
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
}
.bg-quaternary-to-quaternary {
  background: var(--quaternary);
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
}
.bg-quaternary {
  background-color: var(--quaternary);
}
.text-quaternary {
  color: var(--quaternary);
}
.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-light {
  background-color: #fff;
}
.text-light {
  color: #fff;
}
.hover-light:hover {
  color: #fff !important;
}
.hover-bg-light:hover {
  background-color: #fff !important;
}
.hover-btn-light:hover {
  background-color: #fff !important;
  border-color: #fff !important;
}
.bg-dark {
  background-color: #282d32;
}
.text-dark {
  color: #282d32;
}
.hover-dark:hover {
  color: #282d32 !important;
}
.hover-bg-dark:hover {
  background-color: #282d32 !important;
}
.hover-btn-dark:hover {
  background-color: #282d32 !important;
  border-color: #282d32 !important;
}
.bg-gray {
  background-color: #f1f2f2;
}
.text-gray {
  color: #f1f2f2;
}
.hover-gray:hover {
  color: #f1f2f2 !important;
}
.hover-bg-gray:hover {
  background-color: #f1f2f2 !important;
}
.hover-btn-gray:hover {
  background-color: #f1f2f2 !important;
  border-color: #f1f2f2 !important;
}
.bg-dark-gray {
  background-color: #5f5f5f;
}
.text-dark-gray {
  color: #5f5f5f;
}
.hover-dark-gray:hover {
  color: #5f5f5f !important;
}
.hover-bg-dark-gray:hover {
  background-color: #5f5f5f !important;
}
.hover-btn-dark-gray:hover {
  background-color: #5f5f5f !important;
  border-color: #5f5f5f !important;
}
@media (min-width: 576px) {
  .bg-sm-primary-to-primary {
    background: var(--primary);
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
  .bg-sm-primary-to-secondary {
    background: var(--primary);
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
  .bg-sm-primary-to-tertiary {
    background: var(--primary);
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
  .bg-sm-primary-to-quaternary {
    background: var(--primary);
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
  .bg-sm-primary {
    background-color: var(--primary);
  }
  .text-sm-primary {
    color: var(--primary);
  }
  .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);
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
  .bg-sm-secondary-to-secondary {
    background: var(--secondary);
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
  .bg-sm-secondary-to-tertiary {
    background: var(--secondary);
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
  .bg-sm-secondary-to-quaternary {
    background: var(--secondary);
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
  .bg-sm-secondary {
    background-color: var(--secondary);
  }
  .text-sm-secondary {
    color: var(--secondary);
  }
  .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);
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
  .bg-sm-tertiary-to-secondary {
    background: var(--tertiary);
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
  .bg-sm-tertiary-to-tertiary {
    background: var(--tertiary);
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
  .bg-sm-tertiary-to-quaternary {
    background: var(--tertiary);
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
  .bg-sm-tertiary {
    background-color: var(--tertiary);
  }
  .text-sm-tertiary {
    color: var(--tertiary);
  }
  .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);
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
  .bg-sm-quaternary-to-secondary {
    background: var(--quaternary);
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
  .bg-sm-quaternary-to-tertiary {
    background: var(--quaternary);
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
  .bg-sm-quaternary-to-quaternary {
    background: var(--quaternary);
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
  .bg-sm-quaternary {
    background-color: var(--quaternary);
  }
  .text-sm-quaternary {
    color: var(--quaternary);
  }
  .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-light {
    background-color: #fff;
  }
  .text-sm-light {
    color: #fff;
  }
  .hover-sm-light:hover {
    color: #fff !important;
  }
  .hover-sm-bg-light:hover {
    background-color: #fff !important;
  }
  .hover-sm-btn-light:hover {
    background-color: #fff !important;
    border-color: #fff !important;
  }
  .bg-sm-dark {
    background-color: #282d32;
  }
  .text-sm-dark {
    color: #282d32;
  }
  .hover-sm-dark:hover {
    color: #282d32 !important;
  }
  .hover-sm-bg-dark:hover {
    background-color: #282d32 !important;
  }
  .hover-sm-btn-dark:hover {
    background-color: #282d32 !important;
    border-color: #282d32 !important;
  }
  .bg-sm-gray {
    background-color: #f1f2f2;
  }
  .text-sm-gray {
    color: #f1f2f2;
  }
  .hover-sm-gray:hover {
    color: #f1f2f2 !important;
  }
  .hover-sm-bg-gray:hover {
    background-color: #f1f2f2 !important;
  }
  .hover-sm-btn-gray:hover {
    background-color: #f1f2f2 !important;
    border-color: #f1f2f2 !important;
  }
  .bg-sm-dark-gray {
    background-color: #5f5f5f;
  }
  .text-sm-dark-gray {
    color: #5f5f5f;
  }
  .hover-sm-dark-gray:hover {
    color: #5f5f5f !important;
  }
  .hover-sm-bg-dark-gray:hover {
    background-color: #5f5f5f !important;
  }
  .hover-sm-btn-dark-gray:hover {
    background-color: #5f5f5f !important;
    border-color: #5f5f5f !important;
  }
}
@media (min-width: 768px) {
  .bg-md-primary-to-primary {
    background: var(--primary);
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
  .bg-md-primary-to-secondary {
    background: var(--primary);
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
  .bg-md-primary-to-tertiary {
    background: var(--primary);
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
  .bg-md-primary-to-quaternary {
    background: var(--primary);
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
  .bg-md-primary {
    background-color: var(--primary);
  }
  .text-md-primary {
    color: var(--primary);
  }
  .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);
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
  .bg-md-secondary-to-secondary {
    background: var(--secondary);
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
  .bg-md-secondary-to-tertiary {
    background: var(--secondary);
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
  .bg-md-secondary-to-quaternary {
    background: var(--secondary);
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
  .bg-md-secondary {
    background-color: var(--secondary);
  }
  .text-md-secondary {
    color: var(--secondary);
  }
  .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);
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
  .bg-md-tertiary-to-secondary {
    background: var(--tertiary);
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
  .bg-md-tertiary-to-tertiary {
    background: var(--tertiary);
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
  .bg-md-tertiary-to-quaternary {
    background: var(--tertiary);
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
  .bg-md-tertiary {
    background-color: var(--tertiary);
  }
  .text-md-tertiary {
    color: var(--tertiary);
  }
  .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);
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
  .bg-md-quaternary-to-secondary {
    background: var(--quaternary);
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
  .bg-md-quaternary-to-tertiary {
    background: var(--quaternary);
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
  .bg-md-quaternary-to-quaternary {
    background: var(--quaternary);
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
  .bg-md-quaternary {
    background-color: var(--quaternary);
  }
  .text-md-quaternary {
    color: var(--quaternary);
  }
  .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-light {
    background-color: #fff;
  }
  .text-md-light {
    color: #fff;
  }
  .hover-md-light:hover {
    color: #fff !important;
  }
  .hover-md-bg-light:hover {
    background-color: #fff !important;
  }
  .hover-md-btn-light:hover {
    background-color: #fff !important;
    border-color: #fff !important;
  }
  .bg-md-dark {
    background-color: #282d32;
  }
  .text-md-dark {
    color: #282d32;
  }
  .hover-md-dark:hover {
    color: #282d32 !important;
  }
  .hover-md-bg-dark:hover {
    background-color: #282d32 !important;
  }
  .hover-md-btn-dark:hover {
    background-color: #282d32 !important;
    border-color: #282d32 !important;
  }
  .bg-md-gray {
    background-color: #f1f2f2;
  }
  .text-md-gray {
    color: #f1f2f2;
  }
  .hover-md-gray:hover {
    color: #f1f2f2 !important;
  }
  .hover-md-bg-gray:hover {
    background-color: #f1f2f2 !important;
  }
  .hover-md-btn-gray:hover {
    background-color: #f1f2f2 !important;
    border-color: #f1f2f2 !important;
  }
  .bg-md-dark-gray {
    background-color: #5f5f5f;
  }
  .text-md-dark-gray {
    color: #5f5f5f;
  }
  .hover-md-dark-gray:hover {
    color: #5f5f5f !important;
  }
  .hover-md-bg-dark-gray:hover {
    background-color: #5f5f5f !important;
  }
  .hover-md-btn-dark-gray:hover {
    background-color: #5f5f5f !important;
    border-color: #5f5f5f !important;
  }
}
@media (min-width: 992px) {
  .bg-lg-primary-to-primary {
    background: var(--primary);
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
  .bg-lg-primary-to-secondary {
    background: var(--primary);
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
  .bg-lg-primary-to-tertiary {
    background: var(--primary);
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
  .bg-lg-primary-to-quaternary {
    background: var(--primary);
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
  .bg-lg-primary {
    background-color: var(--primary);
  }
  .text-lg-primary {
    color: var(--primary);
  }
  .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);
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
  .bg-lg-secondary-to-secondary {
    background: var(--secondary);
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
  .bg-lg-secondary-to-tertiary {
    background: var(--secondary);
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
  .bg-lg-secondary-to-quaternary {
    background: var(--secondary);
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
  .bg-lg-secondary {
    background-color: var(--secondary);
  }
  .text-lg-secondary {
    color: var(--secondary);
  }
  .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);
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
  .bg-lg-tertiary-to-secondary {
    background: var(--tertiary);
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
  .bg-lg-tertiary-to-tertiary {
    background: var(--tertiary);
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
  .bg-lg-tertiary-to-quaternary {
    background: var(--tertiary);
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
  .bg-lg-tertiary {
    background-color: var(--tertiary);
  }
  .text-lg-tertiary {
    color: var(--tertiary);
  }
  .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);
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
  .bg-lg-quaternary-to-secondary {
    background: var(--quaternary);
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
  .bg-lg-quaternary-to-tertiary {
    background: var(--quaternary);
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
  .bg-lg-quaternary-to-quaternary {
    background: var(--quaternary);
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
  .bg-lg-quaternary {
    background-color: var(--quaternary);
  }
  .text-lg-quaternary {
    color: var(--quaternary);
  }
  .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-light {
    background-color: #fff;
  }
  .text-lg-light {
    color: #fff;
  }
  .hover-lg-light:hover {
    color: #fff !important;
  }
  .hover-lg-bg-light:hover {
    background-color: #fff !important;
  }
  .hover-lg-btn-light:hover {
    background-color: #fff !important;
    border-color: #fff !important;
  }
  .bg-lg-dark {
    background-color: #282d32;
  }
  .text-lg-dark {
    color: #282d32;
  }
  .hover-lg-dark:hover {
    color: #282d32 !important;
  }
  .hover-lg-bg-dark:hover {
    background-color: #282d32 !important;
  }
  .hover-lg-btn-dark:hover {
    background-color: #282d32 !important;
    border-color: #282d32 !important;
  }
  .bg-lg-gray {
    background-color: #f1f2f2;
  }
  .text-lg-gray {
    color: #f1f2f2;
  }
  .hover-lg-gray:hover {
    color: #f1f2f2 !important;
  }
  .hover-lg-bg-gray:hover {
    background-color: #f1f2f2 !important;
  }
  .hover-lg-btn-gray:hover {
    background-color: #f1f2f2 !important;
    border-color: #f1f2f2 !important;
  }
  .bg-lg-dark-gray {
    background-color: #5f5f5f;
  }
  .text-lg-dark-gray {
    color: #5f5f5f;
  }
  .hover-lg-dark-gray:hover {
    color: #5f5f5f !important;
  }
  .hover-lg-bg-dark-gray:hover {
    background-color: #5f5f5f !important;
  }
  .hover-lg-btn-dark-gray:hover {
    background-color: #5f5f5f !important;
    border-color: #5f5f5f !important;
  }
}
@media (min-width: 1200px) {
  .bg-xl-primary-to-primary {
    background: var(--primary);
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
  .bg-xl-primary-to-secondary {
    background: var(--primary);
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
  .bg-xl-primary-to-tertiary {
    background: var(--primary);
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
  .bg-xl-primary-to-quaternary {
    background: var(--primary);
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
  .bg-xl-primary {
    background-color: var(--primary);
  }
  .text-xl-primary {
    color: var(--primary);
  }
  .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);
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
  .bg-xl-secondary-to-secondary {
    background: var(--secondary);
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
  .bg-xl-secondary-to-tertiary {
    background: var(--secondary);
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
  .bg-xl-secondary-to-quaternary {
    background: var(--secondary);
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
  .bg-xl-secondary {
    background-color: var(--secondary);
  }
  .text-xl-secondary {
    color: var(--secondary);
  }
  .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);
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
  .bg-xl-tertiary-to-secondary {
    background: var(--tertiary);
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
  .bg-xl-tertiary-to-tertiary {
    background: var(--tertiary);
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
  .bg-xl-tertiary-to-quaternary {
    background: var(--tertiary);
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
  .bg-xl-tertiary {
    background-color: var(--tertiary);
  }
  .text-xl-tertiary {
    color: var(--tertiary);
  }
  .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);
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
  .bg-xl-quaternary-to-secondary {
    background: var(--quaternary);
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
  .bg-xl-quaternary-to-tertiary {
    background: var(--quaternary);
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
  .bg-xl-quaternary-to-quaternary {
    background: var(--quaternary);
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
  .bg-xl-quaternary {
    background-color: var(--quaternary);
  }
  .text-xl-quaternary {
    color: var(--quaternary);
  }
  .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-light {
    background-color: #fff;
  }
  .text-xl-light {
    color: #fff;
  }
  .hover-xl-light:hover {
    color: #fff !important;
  }
  .hover-xl-bg-light:hover {
    background-color: #fff !important;
  }
  .hover-xl-btn-light:hover {
    background-color: #fff !important;
    border-color: #fff !important;
  }
  .bg-xl-dark {
    background-color: #282d32;
  }
  .text-xl-dark {
    color: #282d32;
  }
  .hover-xl-dark:hover {
    color: #282d32 !important;
  }
  .hover-xl-bg-dark:hover {
    background-color: #282d32 !important;
  }
  .hover-xl-btn-dark:hover {
    background-color: #282d32 !important;
    border-color: #282d32 !important;
  }
  .bg-xl-gray {
    background-color: #f1f2f2;
  }
  .text-xl-gray {
    color: #f1f2f2;
  }
  .hover-xl-gray:hover {
    color: #f1f2f2 !important;
  }
  .hover-xl-bg-gray:hover {
    background-color: #f1f2f2 !important;
  }
  .hover-xl-btn-gray:hover {
    background-color: #f1f2f2 !important;
    border-color: #f1f2f2 !important;
  }
  .bg-xl-dark-gray {
    background-color: #5f5f5f;
  }
  .text-xl-dark-gray {
    color: #5f5f5f;
  }
  .hover-xl-dark-gray:hover {
    color: #5f5f5f !important;
  }
  .hover-xl-bg-dark-gray:hover {
    background-color: #5f5f5f !important;
  }
  .hover-xl-btn-dark-gray:hover {
    background-color: #5f5f5f !important;
    border-color: #5f5f5f !important;
  }
}
@media (min-width: 1600px) {
  .bg-xxl-primary-to-primary {
    background: var(--primary);
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
  .bg-xxl-primary-to-secondary {
    background: var(--primary);
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
  .bg-xxl-primary-to-tertiary {
    background: var(--primary);
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
  .bg-xxl-primary-to-quaternary {
    background: var(--primary);
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
  .bg-xxl-primary {
    background-color: var(--primary);
  }
  .text-xxl-primary {
    color: var(--primary);
  }
  .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);
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
  .bg-xxl-secondary-to-secondary {
    background: var(--secondary);
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
  .bg-xxl-secondary-to-tertiary {
    background: var(--secondary);
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
  .bg-xxl-secondary-to-quaternary {
    background: var(--secondary);
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
  .bg-xxl-secondary {
    background-color: var(--secondary);
  }
  .text-xxl-secondary {
    color: var(--secondary);
  }
  .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);
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
  .bg-xxl-tertiary-to-secondary {
    background: var(--tertiary);
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
  .bg-xxl-tertiary-to-tertiary {
    background: var(--tertiary);
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
  .bg-xxl-tertiary-to-quaternary {
    background: var(--tertiary);
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
  .bg-xxl-tertiary {
    background-color: var(--tertiary);
  }
  .text-xxl-tertiary {
    color: var(--tertiary);
  }
  .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);
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
  .bg-xxl-quaternary-to-secondary {
    background: var(--quaternary);
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
  .bg-xxl-quaternary-to-tertiary {
    background: var(--quaternary);
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
  .bg-xxl-quaternary-to-quaternary {
    background: var(--quaternary);
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
  .bg-xxl-quaternary {
    background-color: var(--quaternary);
  }
  .text-xxl-quaternary {
    color: var(--quaternary);
  }
  .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-light {
    background-color: #fff;
  }
  .text-xxl-light {
    color: #fff;
  }
  .hover-xxl-light:hover {
    color: #fff !important;
  }
  .hover-xxl-bg-light:hover {
    background-color: #fff !important;
  }
  .hover-xxl-btn-light:hover {
    background-color: #fff !important;
    border-color: #fff !important;
  }
  .bg-xxl-dark {
    background-color: #282d32;
  }
  .text-xxl-dark {
    color: #282d32;
  }
  .hover-xxl-dark:hover {
    color: #282d32 !important;
  }
  .hover-xxl-bg-dark:hover {
    background-color: #282d32 !important;
  }
  .hover-xxl-btn-dark:hover {
    background-color: #282d32 !important;
    border-color: #282d32 !important;
  }
  .bg-xxl-gray {
    background-color: #f1f2f2;
  }
  .text-xxl-gray {
    color: #f1f2f2;
  }
  .hover-xxl-gray:hover {
    color: #f1f2f2 !important;
  }
  .hover-xxl-bg-gray:hover {
    background-color: #f1f2f2 !important;
  }
  .hover-xxl-btn-gray:hover {
    background-color: #f1f2f2 !important;
    border-color: #f1f2f2 !important;
  }
  .bg-xxl-dark-gray {
    background-color: #5f5f5f;
  }
  .text-xxl-dark-gray {
    color: #5f5f5f;
  }
  .hover-xxl-dark-gray:hover {
    color: #5f5f5f !important;
  }
  .hover-xxl-bg-dark-gray:hover {
    background-color: #5f5f5f !important;
  }
  .hover-xxl-btn-dark-gray:hover {
    background-color: #5f5f5f !important;
    border-color: #5f5f5f !important;
  }
}
.nine-h {
  height: var(--nine-h, unset);
}
.nine-w {
  width: var(--nine-w, unset);
}
.nine-h-max {
  max-height: var(--nine-h-max, unset);
}
.nine-w-max {
  max-width: var(--nine-w-max, unset);
}
.nine-h-min {
  min-height: var(--nine-h-min, unset);
}
.nine-w-min {
  min-width: var(--nine-w-min, unset);
}
.nine-bg-p {
  background-position: var(--nine-bg-p, center);
}
.nine-bg-s {
  background-size: var(--nine-bg-p, cover);
}
.nine-bg-i {
  background-image: url(var(--nine-bg-i));
}
.nine-fs {
  font-size: var(--nine-fs);
}
.nine-p {
  padding: var(--nine-p);
}
.nine-pt {
  padding-top: var(--nine-pt);
}
.nine-pe {
  padding-right: var(--nine-pe);
}
.nine-pb {
  padding-bottom: var(--nine-pb);
}
.nine-ps {
  padding-left: var(--nine-ps);
}
.nine-mt {
  margin-top: var(--nine-mt);
}
.nine-me {
  margin-right: var(--nine-me);
}
.nine-mb {
  margin-bottom: var(--nine-mb);
}
.nine-ms {
  margin-left: var(--nine-ms);
}
.nine-pos-t {
  top: var(--nine-pos-t);
}
.nine-pos-r {
  right: var(--nine-pos-r);
}
.nine-pos-b {
  bottom: var(--nine-pos-b);
}
.nine-pos-l {
  left: var(--nine-pos-l);
}
@media (min-width: 576px) {
  .nine-h-sm {
    height: var(--nine-h-sm);
  }
  .nine-w-sm {
    width: var(--nine-w-sm);
  }
  .nine-h-max-sm {
    max-height: var(--nine-h-max-sm);
  }
  .nine-w-max-sm {
    max-width: var(--nine-w-max-sm);
  }
  .nine-h-min-sm {
    min-height: var(--nine-h-min-sm);
  }
  .nine-w-min-sm {
    min-width: var(--nine-w-min-sm);
  }
  .nine-bg-p-sm {
    background-position: var(--nine-bg-p-sm);
  }
  .nine-bg-s-sm {
    background-size: var(--nine-bg-s-sm);
  }
  .nine-bg-i-sm {
    background-image: url(var(--nine-bg-i-sm));
  }
  .nine-fs-sm {
    font-size: var(--nine-fs-sm);
  }
  .nine-p-sm {
    padding: var(--nine-p-sm);
  }
  .nine-pt-sm {
    padding-top: var(--nine-pt-sm);
  }
  .nine-pe-sm {
    padding-right: var(--nine-pe-sm);
  }
  .nine-pb-sm {
    padding-bottom: var(--nine-pb-sm);
  }
  .nine-ps-sm {
    padding-left: var(--nine-ps-sm);
  }
  .nine-mt-sm {
    margin-top: var(--nine-mt-sm);
  }
  .nine-me-sm {
    margin-right: var(--nine-me-sm);
  }
  .nine-mb-sm {
    margin-bottom: var(--nine-mb-sm);
  }
  .nine-ms-sm {
    margin-left: var(--nine-ms-sm);
  }
  .nine-pos-t-sm {
    top: var(--nine-pos-t-sm);
  }
  .nine-pos-r-sm {
    right: var(--nine-pos-r-sm);
  }
  .nine-pos-b-sm {
    bottom: var(--nine-pos-b-sm);
  }
  .nine-pos-l-sm {
    left: var(--nine-pos-l-sm);
  }
}
@media (min-width: 768px) {
  .nine-h-md {
    height: var(--nine-h-md);
  }
  .nine-w-md {
    width: var(--nine-w-md);
  }
  .nine-h-max-md {
    max-height: var(--nine-h-max-md);
  }
  .nine-w-max-md {
    max-width: var(--nine-w-max-md);
  }
  .nine-h-min-md {
    min-height: var(--nine-h-min-md);
  }
  .nine-w-min-md {
    min-width: var(--nine-w-min-md);
  }
  .nine-bg-p-md {
    background-position: var(--nine-bg-p-md);
  }
  .nine-bg-s-md {
    background-size: var(--nine-bg-s-md);
  }
  .nine-bg-i-md {
    background-image: url(var(--nine-bg-i-md));
  }
  .nine-fs-md {
    font-size: var(--nine-fs-md);
  }
  .nine-p-md {
    padding: var(--nine-p-md);
  }
  .nine-pt-md {
    padding-top: var(--nine-pt-md);
  }
  .nine-pe-md {
    padding-right: var(--nine-pe-md);
  }
  .nine-pb-md {
    padding-bottom: var(--nine-pb-md);
  }
  .nine-ps-md {
    padding-left: var(--nine-ps-md);
  }
  .nine-mt-md {
    margin-top: var(--nine-mt-md);
  }
  .nine-me-md {
    margin-right: var(--nine-me-md);
  }
  .nine-mb-md {
    margin-bottom: var(--nine-mb-md);
  }
  .nine-ms-md {
    margin-left: var(--nine-ms-md);
  }
  .nine-pos-t-md {
    top: var(--nine-pos-t-md);
  }
  .nine-pos-r-md {
    right: var(--nine-pos-r-md);
  }
  .nine-pos-b-md {
    bottom: var(--nine-pos-b-md);
  }
  .nine-pos-l-md {
    left: var(--nine-pos-l-md);
  }
}
@media (min-width: 992px) {
  .nine-h-lg {
    height: var(--nine-h-lg);
  }
  .nine-w-lg {
    width: var(--nine-w-lg);
  }
  .nine-h-max-lg {
    max-height: var(--nine-h-max-lg);
  }
  .nine-w-max-lg {
    max-width: var(--nine-w-max-lg);
  }
  .nine-h-min-lg {
    min-height: var(--nine-h-min-lg);
  }
  .nine-w-min-lg {
    min-width: var(--nine-w-min-lg);
  }
  .nine-bg-p-lg {
    background-position: var(--nine-bg-p-lg);
  }
  .nine-bg-s-lg {
    background-size: var(--nine-bg-s-lg);
  }
  .nine-bg-i-lg {
    background-image: url(var(--nine-bg-i-lg));
  }
  .nine-fs-lg {
    font-size: var(--nine-fs-lg);
  }
  .nine-p-lg {
    padding: var(--nine-p-lg);
  }
  .nine-pt-lg {
    padding-top: var(--nine-pt-lg);
  }
  .nine-pe-lg {
    padding-right: var(--nine-pe-lg);
  }
  .nine-pb-lg {
    padding-bottom: var(--nine-pb-lg);
  }
  .nine-ps-lg {
    padding-left: var(--nine-ps-lg);
  }
  .nine-mt-lg {
    margin-top: var(--nine-mt-lg);
  }
  .nine-me-lg {
    margin-right: var(--nine-me-lg);
  }
  .nine-mb-lg {
    margin-bottom: var(--nine-mb-lg);
  }
  .nine-ms-lg {
    margin-left: var(--nine-ms-lg);
  }
  .nine-pos-t-lg {
    top: var(--nine-pos-t-lg);
  }
  .nine-pos-r-lg {
    right: var(--nine-pos-r-lg);
  }
  .nine-pos-b-lg {
    bottom: var(--nine-pos-b-lg);
  }
  .nine-pos-l-lg {
    left: var(--nine-pos-l-lg);
  }
}
@media (min-width: 1200px) {
  .nine-h-xl {
    height: var(--nine-h-xl);
  }
  .nine-w-xl {
    width: var(--nine-w-xl);
  }
  .nine-h-max-xl {
    max-height: var(--nine-h-max-xl);
  }
  .nine-w-max-xl {
    max-width: var(--nine-w-max-xl);
  }
  .nine-h-min-xl {
    min-height: var(--nine-h-min-xl);
  }
  .nine-w-min-xl {
    min-width: var(--nine-w-min-xl);
  }
  .nine-bg-p-xl {
    background-position: var(--nine-bg-p-xl);
  }
  .nine-bg-s-xl {
    background-size: var(--nine-bg-s-xl);
  }
  .nine-bg-i-xl {
    background-image: url(var(--nine-bg-i-xl));
  }
  .nine-fs-xl {
    font-size: var(--nine-fs-xl);
  }
  .nine-p-xl {
    padding: var(--nine-p-xl);
  }
  .nine-pt-xl {
    padding-top: var(--nine-pt-xl);
  }
  .nine-pe-xl {
    padding-right: var(--nine-pe-xl);
  }
  .nine-pb-xl {
    padding-bottom: var(--nine-pb-xl);
  }
  .nine-ps-xl {
    padding-left: var(--nine-ps-xl);
  }
  .nine-mt-xl {
    margin-top: var(--nine-mt-xl);
  }
  .nine-me-xl {
    margin-right: var(--nine-me-xl);
  }
  .nine-mb-xl {
    margin-bottom: var(--nine-mb-xl);
  }
  .nine-ms-xl {
    margin-left: var(--nine-ms-xl);
  }
  .nine-pos-t-xl {
    top: var(--nine-pos-t-xl);
  }
  .nine-pos-r-xl {
    right: var(--nine-pos-r-xl);
  }
  .nine-pos-b-xl {
    bottom: var(--nine-pos-b-xl);
  }
  .nine-pos-l-xl {
    left: var(--nine-pos-l-xl);
  }
}
@media (min-width: 1600px) {
  .nine-h-xxl {
    height: var(--nine-h-xxl);
  }
  .nine-w-xxl {
    width: var(--nine-w-xxl);
  }
  .nine-h-max-xxl {
    max-height: var(--nine-h-max-xxl);
  }
  .nine-w-max-xxl {
    max-width: var(--nine-w-max-xxl);
  }
  .nine-h-min-xxl {
    min-height: var(--nine-h-min-xxl);
  }
  .nine-w-min-xxl {
    min-width: var(--nine-w-min-xxl);
  }
  .nine-bg-p-xxl {
    background-position: var(--nine-bg-p-xxl);
  }
  .nine-bg-s-xxl {
    background-size: var(--nine-bg-s-xxl);
  }
  .nine-bg-i-xxl {
    background-image: url(var(--nine-bg-i-xxl));
  }
  .nine-fs-xxl {
    font-size: var(--nine-fs-xxl);
  }
  .nine-p-xxl {
    padding: var(--nine-p-xxl);
  }
  .nine-pt-xxl {
    padding-top: var(--nine-pt-xxl);
  }
  .nine-pe-xxl {
    padding-right: var(--nine-pe-xxl);
  }
  .nine-pb-xxl {
    padding-bottom: var(--nine-pb-xxl);
  }
  .nine-ps-xxl {
    padding-left: var(--nine-ps-xxl);
  }
  .nine-mt-xxl {
    margin-top: var(--nine-mt-xxl);
  }
  .nine-me-xxl {
    margin-right: var(--nine-me-xxl);
  }
  .nine-mb-xxl {
    margin-bottom: var(--nine-mb-xxl);
  }
  .nine-ms-xxl {
    margin-left: var(--nine-ms-xxl);
  }
  .nine-pos-t-xxl {
    top: var(--nine-pos-t-xxl);
  }
  .nine-pos-r-xxl {
    right: var(--nine-pos-r-xxl);
  }
  .nine-pos-b-xxl {
    bottom: var(--nine-pos-b-xxl);
  }
  .nine-pos-l-xxl {
    left: var(--nine-pos-l-xxl);
  }
}
header .fran-identifier {
  margin-top: 0.25rem;
  font-size: 13px;
  font-weight: 500;
  color: var(--tertiary);
  transition: margin-top var(--transition);
}
header.scrolled .fran-identifier {
  margin-top: 0px;
}
@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);
}
.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 Text and Background Color Options */
/* Default */
.accordion .accordion-header button.accordion-button:focus {
  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;
}
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;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -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;
}