/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE Functions /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE Imports ///////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@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');
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE CSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
:root {
  --font-primary: IBM Plex Sans, sans-serif;
  --font-secondary: IBM Plex Sans, sans-serif;
  --fa-thin: 100;
  --fa-light: 300;
  --fa-regular: 400;
  --fa-solid: 900;
  --fa-type: var(--fa-solid);
  --nav-logo-desktop-width: 10.6rem;
  --nav-logo-desktop-scrolled-width: 9rem;
  --nav-logo-mobile-width: 7.8rem;
  --nav-logo-desktop-offset: 0rem;
  --nav-logo-desktop-scrolled-offset: 0rem;
  --nav-logo-mobile-offset: 0rem;
  --nav-desktop-height: 5.9rem;
  --nav-scrolled-height: 3rem;
  --nav-mobile-height: 4rem;
  --nav-tert-text-color: #093d61;
  --nav-tert-height: 1.8rem;
  --nav-tert-font: 0.9rem;
  --nav-tert-letter-case: capitalize;
  --nav-font-size: 1rem;
  --nav-dropdown-font-size: 1rem;
  --nav-mobile-font-size: 1.4rem;
  --nav-color: #ffffff;
  --nav-dropdown-color: #ffffff;
  --nav-mobile-dropdown-color: rgba(255,255,255, 0.98);
  --nav-text-color: #2ca3fc;
  --nav-dropdown-text-color: #2ca3fc;
  --nav-mobile-text-color: #2ca3fc;
  --nav-hover-text-color: #093d61;
  --nav-hover-dropdown-text-color: #093d61;
  --nav-hover-effect-color: #000000;
  --nav-hover-dropdown-effect-color: #000000;
  --nav-width: 99%;
  --nav-letter-case: capitalize;
  --primary: #2ca3fc;
  --primary-rgb: 44,163,252;
  --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: #093d61;
  --secondary-rgb: 9,61,97;
  --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: #00d99d;
  --tertiary-rgb: 0,217,157;
  --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: #f4fcfa;
  --quaternary-rgb: 244,252,250;
  --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);
  --quinary: #e1f2fd;
  --quinary-rgb: 225,242,253;
  --quinary-rgba-translucent: rgba(var(--quinary-rgb), .5);
  --quinary-rgba-semi-translucent: rgba(var(--quinary-rgb), .98);
  --quinary-rgba-tissue: rgba(var(--quinary-rgb), .8);
  --senary: #f9f6bd;
  --senary-rgb: 249,246,189;
  --senary-rgba-translucent: rgba(var(--senary-rgb), .5);
  --senary-rgba-semi-translucent: rgba(var(--senary-rgb), .98);
  --senary-rgba-tissue: rgba(var(--senary-rgb), .8);
  --septenary: #f2ccc2;
  --septenary-rgb: 242,204,194;
  --septenary-rgba-translucent: rgba(var(--septenary-rgb), .5);
  --septenary-rgba-semi-translucent: rgba(var(--septenary-rgb), .98);
  --septenary-rgba-tissue: rgba(var(--septenary-rgb), .8);
  --dark: #282d32;
  --gray: #f1f2f2;
  --p-size: 1.3rem;
  --unit-xs: 1rem;
  --unit-sm: 1rem;
  --unit-md: 1rem;
  --unit-lg: 1rem;
  --unit-xl: 1rem;
  --unit-xxl: 1rem;
  --container-w-xs: 100%;
  --container-w-sm: 540px;
  --container-w-md: 720px;
  --container-w-lg: 960px;
  --container-w-xl: 1140px;
  --container-w-xxl: 1320px;
  --transition: 0.3s ease-in;
  --btn-radius: 9px;
  --border-radius: 4px;
}
:root {
  --unit: var(--unit-xs);
  --container-w: var(--container-w-xs);
}
@media (min-width: 576px) {
  :root {
    --unit: var(--unit-sm);
    --container-w: var(--container-w-sm);
  }
}
@media (min-width: 768px) {
  :root {
    --unit: var(--unit-md);
    --container-w: var(--container-w-md);
  }
}
@media (min-width: 992px) {
  :root {
    --unit: var(--unit-lg);
    --container-w: var(--container-w-lg);
  }
}
@media (min-width: 1200px) {
  :root {
    --unit: var(--unit-xl);
    --container-w: var(--container-w-xl);
  }
}
@media (min-width: 1400px) {
  :root {
    --unit: var(--unit-xxl);
    --container-w: var(--container-w-xxl);
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Typography ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
body {
  font-family: var(--font-secondary);
  color: var(--secondary);
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .font-display {
  font-family: var(--font-primary);
  position: relative;
}
a {
  color: var(--primary);
  text-decoration: none;
}
a:hover {
  color: var(--tertiary);
}
.text-ninthroot {
  font-weight: 700;
  background: linear-gradient(230deg, #ff4e6c 0%, #f26897 25%, #3abfe0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
p, address {
  font-size: var(--p-size);
  line-height: 1.26;
  font-weight: 300;
}
p.lead {
  font-size: calc(var(--p-size) + 0.2);
}
h1, .h1 {
  font-size: 4.8rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
h2, .h2 {
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 1.5rem;
}
h3, .h3 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
h4, .h4 {
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 1.5rem;
}
h5, .h5 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
h6, .h6 {
  font-size: 1rem;
}
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;
}
@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;
  }
}
@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;
  }
}
@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;
  }
}
@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;
  }
}
@media (min-width: 1400px) {
  .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;
  }
}
.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;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: calc(var(--unit) * .5);
}
p, address {
  margin-bottom: calc(var(--unit) * 1.5);
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Header ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
header {
  --nav-height: var(--nav-mobile-height);
  --nav-logo-width: var(--nav-logo-mobile-width);
  --nav-logo-offset: var(--nav-logo-mobile-offset);
}
@media (min-width: 1350px) {
  header {
    --nav-height: var(--nav-desktop-height);
    --nav-logo-width: var(--nav-logo-desktop-width);
    --nav-logo-offset: var(--nav-logo-desktop-offset);
  }
  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);
  }
}
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;
}
.main-nav.locked {
  height: var(--nav-height);
}
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);
  position: relative;
  margin-bottom: var(--nav-logo-offset);
  transition: all var(--transition);
  left: calc(var(--nav-height) - 26px);
}
header .logo a {
  position: absolute;
  width: 100%;
}
header .locked .logo .logo-wrapper {
  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: 1350px) {
  body.h-show-mobile-logo header .logo .mobile {
    display: none;
  }
  body.h-show-mobile-logo header .logo .desktop {
    display: block;
  }
}
header .nav-container {
  max-width: unset;
}
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;
  margin-left: 0.5em;
  display: flex;
  align-items: center;
}
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: 85%;
}
header .main-nav .items nav .level-1 > li > a {
  width: 100%;
  font-size: var(--nav-mobile-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;
  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;
  left: 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: 100vh;
  overflow-y: scroll;
}
header .tert-nav {
  display: none;
}
@media (min-width: 1350px) {
  header .logo {
    left: 0px;
  }
  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 .items {
    justify-content: space-between;
  }
  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);
  }
  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);
    text-decoration: none;
  }
  header .main-nav .items nav .level-2 li a:hover, header .main-nav .items nav .level-2 li a.over {
    color: var(--nav-hover-text-color);
    text-decoration: none;
  }
  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: 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 header .tert-nav {
    display: flex;
    transition: var(--transition);
    border-bottom: 1px solid #eeeeee29;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0) 2%, rgba(255, 255, 255, 0.27) 28%, #f1f2f2 100%);
  }
  body.h-show-tert-nav header.scrolled .tert-nav {
    margin-top: calc(calc(var(--nav-tert-height) * -1) - 1px);
  }
  body.h-show-tert-nav header .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 header .tert-nav a:not(:last-child) {
    border-right: 1px solid #eeeeee29;
  }
  body.h-show-tert-nav header .tert-nav a:last-child {
    padding-right: 0px;
  }
  body.h-show-tert-nav header .tert-nav a:hover {
    text-decoration: none;
    color: var(--primary);
  }
}
header .main-nav .items nav ul li.mega div.mega-nav .lr-mega .mega-columns {
  column-count: 1;
}
header .main-nav .items nav ul li.mega div.mega-nav .lr-mega > div:first-child .mega-content .mega-parent.nav-icon {
  display: flex;
  justify-content: flex-start;
  position: relative;
}
header .main-nav .items nav ul li.mega div.mega-nav .lr-mega > div:first-child .mega-content .mega-parent.nav-icon::before {
  content: unset;
}
@media (min-width: 576px) {
  header .main-nav .items nav ul li.mega div.mega-nav .lr-mega .mega-columns {
    column-count: 2;
  }
}
@media (min-width: 1350px) {
  header .main-nav .items nav ul li.mega div.mega-nav .lr-mega {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
  header .main-nav .items nav ul li.mega div.mega-nav .lr-mega .mega-columns {
    column-count: 3;
  }
  header .main-nav .items nav ul li.mega div.mega-nav {
    position: fixed;
    top: calc(var(--nav-height) + var(--nav-tert-height) + var(--top-bar));
    left: 0px;
    transition: margin-top var(--transition), top var(--transition);
    width: 100vw;
    background-color: white;
  }
  header.scrolled .main-nav .items nav ul li.mega div.mega-nav {
    top: var(--nav-height);
  }
  header .main-nav .items nav ul li.mega div.mega-nav .mega-parent, header .main-nav .items nav ul li.mega div.mega-nav .mega-child {
    display: flex;
  }
  header .main-nav .items nav ul li.mega div.mega-nav .mega-parent {
    color: var(--secondary);
    font-weight: 500;
    font-size: 1rem;
  }
  header .main-nav .items nav ul li.mega div.mega-nav .mega-child {
    color: var(--secondary);
    font-size: 1rem;
    font-weight: 300;
  }
  header .main-nav .items nav ul li.mega div.mega-nav .mega-parent, header .main-nav .items nav ul li.mega div.mega-nav .mega-child {
    padding-left: 0px;
    transition: 0.2s ease-in;
  }
  header .main-nav .items nav ul li.mega div.mega-nav .mega-parent:hover, header .main-nav .items nav ul li.mega div.mega-nav .mega-child:hover {
    padding-left: 5px;
    color: var(--primary);
  }
  header .main-nav .items nav ul li.mega div.mega-nav .mega-content {
    page-break-inside: avoid;
    break-inside: avoid-column;
    display: table;
  }
  header .main-nav .items nav ul li.mega div.mega-nav .lr-mega .lr-content {
    padding: 30px;
  }
  header .main-nav .items nav ul li.mega div.mega-nav .lr-mega > [class*='col-']:last-child {
    background-color: #f2f3f3;
  }
  header .main-nav .items nav ul li.mega div.mega-nav .lr-mega > [class*='col-']:first-child .lr-content {
    margin-right: unset;
  }
  header .main-nav .items nav ul li.mega div.mega-nav .lr-mega > [class*='col-']:last-child .lr-content {
    margin-left: unset;
  }
  header .main-nav .items nav ul li.mega div.mega-nav .lr-mega a {
    line-height: unset;
    padding: unset;
  }
  header .main-nav .items nav ul li.mega div.mega-nav .lr-mega > div:first-child .mega-content {
    padding-left: 42px;
  }
  header .main-nav .items nav ul li.mega div.mega-nav .lr-mega > div:first-child .mega-content .mega-parent.nav-icon {
    display: flex;
    align-items: center;
    position: relative;
  }
  header .main-nav .items nav ul li.mega div.mega-nav .lr-mega > div:first-child .mega-content .mega-parent.nav-icon::before {
    content: var(--icon-unicode);
    position: absolute;
    left: -40px;
    font-family: var(--icon-font);
    font-size: 20px;
  }
}
.lr-mega {
  --lr-margin: calc(calc(100vw - var(--container-w)) / 2);
  display: flex;
  flex-wrap: wrap;
  padding: 0px !important;
  margin: 0px 20px;
}
@media (min-width: 1350px) {
  .lr-mega {
    margin: 0px;
  }
  .lr-mega > [class*="col-"] {
    width: 100%;
  }
  .lr-mega > [class*="col-"] .lr-content {
    width: var(--container-w);
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px;
  }
}
.lr-mega > .col-1 {
  --col-xs-1: calc(var(--container-w) * 0.083333);
  width: 100%;
}
.lr-mega > .col-1 .lr-content {
  width: 100%;
}
.lr-mega > .col-2 {
  --col-xs-2: calc(var(--container-w) * 0.166666);
  width: 100%;
}
.lr-mega > .col-2 .lr-content {
  width: 100%;
}
.lr-mega > .col-3 {
  --col-xs-3: calc(var(--container-w) * 0.249999);
  width: 100%;
}
.lr-mega > .col-3 .lr-content {
  width: 100%;
}
.lr-mega > .col-4 {
  --col-xs-4: calc(var(--container-w) * 0.333332);
  width: 100%;
}
.lr-mega > .col-4 .lr-content {
  width: 100%;
}
.lr-mega > .col-5 {
  --col-xs-5: calc(var(--container-w) * 0.416665);
  width: 100%;
}
.lr-mega > .col-5 .lr-content {
  width: 100%;
}
.lr-mega > .col-6 {
  --col-xs-6: calc(var(--container-w) * 0.499998);
  width: 100%;
}
.lr-mega > .col-6 .lr-content {
  width: 100%;
}
.lr-mega > .col-7 {
  --col-xs-7: calc(var(--container-w) * 0.583331);
  width: 100%;
}
.lr-mega > .col-7 .lr-content {
  width: 100%;
}
.lr-mega > .col-8 {
  --col-xs-8: calc(var(--container-w) * 0.666664);
  width: 100%;
}
.lr-mega > .col-8 .lr-content {
  width: 100%;
}
.lr-mega > .col-9 {
  --col-xs-9: calc(var(--container-w) * 0.749997);
  width: 100%;
}
.lr-mega > .col-9 .lr-content {
  width: 100%;
}
.lr-mega > .col-10 {
  --col-xs-10: calc(var(--container-w) * 0.83333);
  width: 100%;
}
.lr-mega > .col-10 .lr-content {
  width: 100%;
}
.lr-mega > .col-11 {
  --col-xs-11: calc(var(--container-w) * 0.916663);
  width: 100%;
}
.lr-mega > .col-11 .lr-content {
  width: 100%;
}
.lr-mega > .col-12 {
  --col-xs-12: calc(var(--container-w) * 0.999996);
  width: 100%;
}
.lr-mega > .col-12 .lr-content {
  width: 100%;
}
@media (min-width: 576px) {
  .lr-mega > .col-sm-1 {
    --col-sm-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-sm-1) + var(--lr-margin));
  }
  .lr-mega > .col-sm-1 .lr-content {
    width: var(--col-sm-1);
  }
  .lr-mega > .col-sm-1:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-sm-1:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-sm-2 {
    --col-sm-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-sm-2) + var(--lr-margin));
  }
  .lr-mega > .col-sm-2 .lr-content {
    width: var(--col-sm-2);
  }
  .lr-mega > .col-sm-2:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-sm-2:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-sm-3 {
    --col-sm-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-sm-3) + var(--lr-margin));
  }
  .lr-mega > .col-sm-3 .lr-content {
    width: var(--col-sm-3);
  }
  .lr-mega > .col-sm-3:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-sm-3:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-sm-4 {
    --col-sm-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-sm-4) + var(--lr-margin));
  }
  .lr-mega > .col-sm-4 .lr-content {
    width: var(--col-sm-4);
  }
  .lr-mega > .col-sm-4:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-sm-4:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-sm-5 {
    --col-sm-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-sm-5) + var(--lr-margin));
  }
  .lr-mega > .col-sm-5 .lr-content {
    width: var(--col-sm-5);
  }
  .lr-mega > .col-sm-5:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-sm-5:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-sm-6 {
    --col-sm-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-sm-6) + var(--lr-margin));
  }
  .lr-mega > .col-sm-6 .lr-content {
    width: var(--col-sm-6);
  }
  .lr-mega > .col-sm-6:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-sm-6:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-sm-7 {
    --col-sm-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-sm-7) + var(--lr-margin));
  }
  .lr-mega > .col-sm-7 .lr-content {
    width: var(--col-sm-7);
  }
  .lr-mega > .col-sm-7:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-sm-7:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-sm-8 {
    --col-sm-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-sm-8) + var(--lr-margin));
  }
  .lr-mega > .col-sm-8 .lr-content {
    width: var(--col-sm-8);
  }
  .lr-mega > .col-sm-8:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-sm-8:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-sm-9 {
    --col-sm-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-sm-9) + var(--lr-margin));
  }
  .lr-mega > .col-sm-9 .lr-content {
    width: var(--col-sm-9);
  }
  .lr-mega > .col-sm-9:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-sm-9:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-sm-10 {
    --col-sm-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-sm-10) + var(--lr-margin));
  }
  .lr-mega > .col-sm-10 .lr-content {
    width: var(--col-sm-10);
  }
  .lr-mega > .col-sm-10:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-sm-10:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-sm-11 {
    --col-sm-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-sm-11) + var(--lr-margin));
  }
  .lr-mega > .col-sm-11 .lr-content {
    width: var(--col-sm-11);
  }
  .lr-mega > .col-sm-11:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-sm-11:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-sm-12 {
    --col-sm-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-sm-12) + var(--lr-margin));
  }
  .lr-mega > .col-sm-12 .lr-content {
    width: var(--col-sm-12);
  }
  .lr-mega > .col-sm-12:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-sm-12:last-child .lr-content {
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  .lr-mega > .col-md-1 {
    --col-md-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-md-1) + var(--lr-margin));
  }
  .lr-mega > .col-md-1 .lr-content {
    width: var(--col-md-1);
  }
  .lr-mega > .col-md-1:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-md-1:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-md-2 {
    --col-md-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-md-2) + var(--lr-margin));
  }
  .lr-mega > .col-md-2 .lr-content {
    width: var(--col-md-2);
  }
  .lr-mega > .col-md-2:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-md-2:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-md-3 {
    --col-md-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-md-3) + var(--lr-margin));
  }
  .lr-mega > .col-md-3 .lr-content {
    width: var(--col-md-3);
  }
  .lr-mega > .col-md-3:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-md-3:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-md-4 {
    --col-md-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-md-4) + var(--lr-margin));
  }
  .lr-mega > .col-md-4 .lr-content {
    width: var(--col-md-4);
  }
  .lr-mega > .col-md-4:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-md-4:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-md-5 {
    --col-md-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-md-5) + var(--lr-margin));
  }
  .lr-mega > .col-md-5 .lr-content {
    width: var(--col-md-5);
  }
  .lr-mega > .col-md-5:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-md-5:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-md-6 {
    --col-md-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-md-6) + var(--lr-margin));
  }
  .lr-mega > .col-md-6 .lr-content {
    width: var(--col-md-6);
  }
  .lr-mega > .col-md-6:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-md-6:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-md-7 {
    --col-md-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-md-7) + var(--lr-margin));
  }
  .lr-mega > .col-md-7 .lr-content {
    width: var(--col-md-7);
  }
  .lr-mega > .col-md-7:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-md-7:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-md-8 {
    --col-md-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-md-8) + var(--lr-margin));
  }
  .lr-mega > .col-md-8 .lr-content {
    width: var(--col-md-8);
  }
  .lr-mega > .col-md-8:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-md-8:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-md-9 {
    --col-md-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-md-9) + var(--lr-margin));
  }
  .lr-mega > .col-md-9 .lr-content {
    width: var(--col-md-9);
  }
  .lr-mega > .col-md-9:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-md-9:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-md-10 {
    --col-md-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-md-10) + var(--lr-margin));
  }
  .lr-mega > .col-md-10 .lr-content {
    width: var(--col-md-10);
  }
  .lr-mega > .col-md-10:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-md-10:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-md-11 {
    --col-md-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-md-11) + var(--lr-margin));
  }
  .lr-mega > .col-md-11 .lr-content {
    width: var(--col-md-11);
  }
  .lr-mega > .col-md-11:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-md-11:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-md-12 {
    --col-md-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-md-12) + var(--lr-margin));
  }
  .lr-mega > .col-md-12 .lr-content {
    width: var(--col-md-12);
  }
  .lr-mega > .col-md-12:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-md-12:last-child .lr-content {
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  .lr-mega > .col-lg-1 {
    --col-lg-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-lg-1) + var(--lr-margin));
  }
  .lr-mega > .col-lg-1 .lr-content {
    width: var(--col-lg-1);
  }
  .lr-mega > .col-lg-1:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-lg-1:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-lg-2 {
    --col-lg-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-lg-2) + var(--lr-margin));
  }
  .lr-mega > .col-lg-2 .lr-content {
    width: var(--col-lg-2);
  }
  .lr-mega > .col-lg-2:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-lg-2:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-lg-3 {
    --col-lg-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-lg-3) + var(--lr-margin));
  }
  .lr-mega > .col-lg-3 .lr-content {
    width: var(--col-lg-3);
  }
  .lr-mega > .col-lg-3:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-lg-3:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-lg-4 {
    --col-lg-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-lg-4) + var(--lr-margin));
  }
  .lr-mega > .col-lg-4 .lr-content {
    width: var(--col-lg-4);
  }
  .lr-mega > .col-lg-4:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-lg-4:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-lg-5 {
    --col-lg-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-lg-5) + var(--lr-margin));
  }
  .lr-mega > .col-lg-5 .lr-content {
    width: var(--col-lg-5);
  }
  .lr-mega > .col-lg-5:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-lg-5:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-lg-6 {
    --col-lg-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-lg-6) + var(--lr-margin));
  }
  .lr-mega > .col-lg-6 .lr-content {
    width: var(--col-lg-6);
  }
  .lr-mega > .col-lg-6:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-lg-6:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-lg-7 {
    --col-lg-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-lg-7) + var(--lr-margin));
  }
  .lr-mega > .col-lg-7 .lr-content {
    width: var(--col-lg-7);
  }
  .lr-mega > .col-lg-7:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-lg-7:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-lg-8 {
    --col-lg-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-lg-8) + var(--lr-margin));
  }
  .lr-mega > .col-lg-8 .lr-content {
    width: var(--col-lg-8);
  }
  .lr-mega > .col-lg-8:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-lg-8:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-lg-9 {
    --col-lg-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-lg-9) + var(--lr-margin));
  }
  .lr-mega > .col-lg-9 .lr-content {
    width: var(--col-lg-9);
  }
  .lr-mega > .col-lg-9:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-lg-9:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-lg-10 {
    --col-lg-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-lg-10) + var(--lr-margin));
  }
  .lr-mega > .col-lg-10 .lr-content {
    width: var(--col-lg-10);
  }
  .lr-mega > .col-lg-10:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-lg-10:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-lg-11 {
    --col-lg-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-lg-11) + var(--lr-margin));
  }
  .lr-mega > .col-lg-11 .lr-content {
    width: var(--col-lg-11);
  }
  .lr-mega > .col-lg-11:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-lg-11:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-lg-12 {
    --col-lg-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-lg-12) + var(--lr-margin));
  }
  .lr-mega > .col-lg-12 .lr-content {
    width: var(--col-lg-12);
  }
  .lr-mega > .col-lg-12:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-lg-12:last-child .lr-content {
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .lr-mega > .col-xl-1 {
    --col-xl-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-xl-1) + var(--lr-margin));
  }
  .lr-mega > .col-xl-1 .lr-content {
    width: var(--col-xl-1);
  }
  .lr-mega > .col-xl-1:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-xl-1:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-xl-2 {
    --col-xl-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-xl-2) + var(--lr-margin));
  }
  .lr-mega > .col-xl-2 .lr-content {
    width: var(--col-xl-2);
  }
  .lr-mega > .col-xl-2:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-xl-2:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-xl-3 {
    --col-xl-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-xl-3) + var(--lr-margin));
  }
  .lr-mega > .col-xl-3 .lr-content {
    width: var(--col-xl-3);
  }
  .lr-mega > .col-xl-3:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-xl-3:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-xl-4 {
    --col-xl-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-xl-4) + var(--lr-margin));
  }
  .lr-mega > .col-xl-4 .lr-content {
    width: var(--col-xl-4);
  }
  .lr-mega > .col-xl-4:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-xl-4:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-xl-5 {
    --col-xl-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-xl-5) + var(--lr-margin));
  }
  .lr-mega > .col-xl-5 .lr-content {
    width: var(--col-xl-5);
  }
  .lr-mega > .col-xl-5:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-xl-5:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-xl-6 {
    --col-xl-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-xl-6) + var(--lr-margin));
  }
  .lr-mega > .col-xl-6 .lr-content {
    width: var(--col-xl-6);
  }
  .lr-mega > .col-xl-6:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-xl-6:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-xl-7 {
    --col-xl-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-xl-7) + var(--lr-margin));
  }
  .lr-mega > .col-xl-7 .lr-content {
    width: var(--col-xl-7);
  }
  .lr-mega > .col-xl-7:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-xl-7:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-xl-8 {
    --col-xl-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-xl-8) + var(--lr-margin));
  }
  .lr-mega > .col-xl-8 .lr-content {
    width: var(--col-xl-8);
  }
  .lr-mega > .col-xl-8:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-xl-8:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-xl-9 {
    --col-xl-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-xl-9) + var(--lr-margin));
  }
  .lr-mega > .col-xl-9 .lr-content {
    width: var(--col-xl-9);
  }
  .lr-mega > .col-xl-9:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-xl-9:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-xl-10 {
    --col-xl-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-xl-10) + var(--lr-margin));
  }
  .lr-mega > .col-xl-10 .lr-content {
    width: var(--col-xl-10);
  }
  .lr-mega > .col-xl-10:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-xl-10:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-xl-11 {
    --col-xl-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-xl-11) + var(--lr-margin));
  }
  .lr-mega > .col-xl-11 .lr-content {
    width: var(--col-xl-11);
  }
  .lr-mega > .col-xl-11:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-xl-11:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-xl-12 {
    --col-xl-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-xl-12) + var(--lr-margin));
  }
  .lr-mega > .col-xl-12 .lr-content {
    width: var(--col-xl-12);
  }
  .lr-mega > .col-xl-12:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-xl-12:last-child .lr-content {
    margin-right: auto;
  }
}
@media (min-width: 1400px) {
  .lr-mega > .col-xxl-1 {
    --col-xxl-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-xxl-1) + var(--lr-margin));
  }
  .lr-mega > .col-xxl-1 .lr-content {
    width: var(--col-xxl-1);
  }
  .lr-mega > .col-xxl-1:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-xxl-1:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-xxl-2 {
    --col-xxl-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-xxl-2) + var(--lr-margin));
  }
  .lr-mega > .col-xxl-2 .lr-content {
    width: var(--col-xxl-2);
  }
  .lr-mega > .col-xxl-2:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-xxl-2:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-xxl-3 {
    --col-xxl-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-xxl-3) + var(--lr-margin));
  }
  .lr-mega > .col-xxl-3 .lr-content {
    width: var(--col-xxl-3);
  }
  .lr-mega > .col-xxl-3:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-xxl-3:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-xxl-4 {
    --col-xxl-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-xxl-4) + var(--lr-margin));
  }
  .lr-mega > .col-xxl-4 .lr-content {
    width: var(--col-xxl-4);
  }
  .lr-mega > .col-xxl-4:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-xxl-4:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-xxl-5 {
    --col-xxl-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-xxl-5) + var(--lr-margin));
  }
  .lr-mega > .col-xxl-5 .lr-content {
    width: var(--col-xxl-5);
  }
  .lr-mega > .col-xxl-5:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-xxl-5:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-xxl-6 {
    --col-xxl-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-xxl-6) + var(--lr-margin));
  }
  .lr-mega > .col-xxl-6 .lr-content {
    width: var(--col-xxl-6);
  }
  .lr-mega > .col-xxl-6:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-xxl-6:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-xxl-7 {
    --col-xxl-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-xxl-7) + var(--lr-margin));
  }
  .lr-mega > .col-xxl-7 .lr-content {
    width: var(--col-xxl-7);
  }
  .lr-mega > .col-xxl-7:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-xxl-7:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-xxl-8 {
    --col-xxl-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-xxl-8) + var(--lr-margin));
  }
  .lr-mega > .col-xxl-8 .lr-content {
    width: var(--col-xxl-8);
  }
  .lr-mega > .col-xxl-8:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-xxl-8:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-xxl-9 {
    --col-xxl-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-xxl-9) + var(--lr-margin));
  }
  .lr-mega > .col-xxl-9 .lr-content {
    width: var(--col-xxl-9);
  }
  .lr-mega > .col-xxl-9:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-xxl-9:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-xxl-10 {
    --col-xxl-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-xxl-10) + var(--lr-margin));
  }
  .lr-mega > .col-xxl-10 .lr-content {
    width: var(--col-xxl-10);
  }
  .lr-mega > .col-xxl-10:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-xxl-10:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-xxl-11 {
    --col-xxl-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-xxl-11) + var(--lr-margin));
  }
  .lr-mega > .col-xxl-11 .lr-content {
    width: var(--col-xxl-11);
  }
  .lr-mega > .col-xxl-11:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-xxl-11:last-child .lr-content {
    margin-right: auto;
  }
  .lr-mega > .col-xxl-12 {
    --col-xxl-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-xxl-12) + var(--lr-margin));
  }
  .lr-mega > .col-xxl-12 .lr-content {
    width: var(--col-xxl-12);
  }
  .lr-mega > .col-xxl-12:first-child .lr-content {
    margin-left: auto;
  }
  .lr-mega > .col-xxl-12:last-child .lr-content {
    margin-right: auto;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// LAYOUT ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
html {
  overflow-x: hidden;
}
body {
  background-color: var(--secondary);
  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;
}
section.quarter-pad {
  padding: calc(var(--unit) * 1.19375) 0;
}
main > section:first-child, 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-child, main section.half-pad.first-section {
  padding-top: calc(var(--nav-mobile-height) + var(--top-bar, 0px) + calc(var(--unit) * 2.3875));
}
main > section.quarter-pad:first-child, main section.quarter-pad.first-section {
  padding-top: calc(var(--nav-mobile-height) + var(--top-bar, 0px) + calc(var(--unit) * 1.19375));
}
@media (min-width: 1350px) {
  main > section:first-child, 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-child, 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));
  }
  main > section.quarter-pad:first-child, main section.quarter-pad.first-section {
    padding-top: calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar, 0px) + calc(var(--unit) * 1.19375));
  }
}
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-child .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-light {
  color: var(--primary);
  background-color: #fff;
  border-color: #fff;
}
.btn-light:hover, .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
  color: var(--primary);
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-light.focus, .btn-light:focus {
  box-shadow: 0 0 0 0.2rem white;
}
.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;
}
.btn-secondary:hover {
  color: var(--primary);
}
.btn-primary:hover {
  color: var(--secondary);
}
@media (min-width: 0) {
  .btn-xs-light {
    color: var(--primary);
    background-color: #fff;
    border-color: #fff;
  }
  .btn-xs-light:hover, .btn-xs-light:not(:disabled):not(.disabled).active, .btn-xs-light:not(:disabled):not(.disabled):active, .show > .btn-xs-light.dropdown-toggle {
    color: var(--primary);
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
  }
  .btn-xs-light.focus, .btn-xs-light:focus {
    box-shadow: 0 0 0 0.2rem white;
  }
  .btn-xs-outline-light {
    background-color: transparent;
    color: #ffffff;
    border-color: #ffffff;
    border-width: 2px;
  }
  .btn-xs-outline-light:hover, .btn-xs-outline-light:not(:disabled):not(.disabled).active, .btn-xs-outline-light:not(:disabled):not(.disabled):active, .show > .btn-xs-outline-light.dropdown-toggle {
    color: var(--primary);
    background-color: #ffffff;
    border-color: #ffffff;
    box-shadow: 0 0 0 0.2rem white;
  }
  .btn-xs-outline-light.focus, .btn-xs-outline-light:focus {
    box-shadow: 0 0 0 0.2rem white;
  }
  .btn-xs-secondary:hover {
    color: var(--primary);
  }
  .btn-xs-primary:hover {
    color: var(--secondary);
  }
}
.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 rgba(var(--primary-rgb));
}
.btn-primary.focus, .btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb));
}
.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));
}
.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 rgba(var(--secondary-rgb));
}
.btn-secondary.focus, .btn-secondary:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb));
}
.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));
}
.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 rgba(var(--tertiary-rgb));
}
.btn-tertiary.focus, .btn-tertiary:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--tertiary-rgb));
}
.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));
}
.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 rgba(var(--quaternary-rgb));
}
.btn-quaternary.focus, .btn-quaternary:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--quaternary-rgb));
}
.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));
}
.btn-outline-quaternary.btn-icon i {
  color: #fff;
  background-color: rgb(var(--quaternary-rgb));
}
.btn-outline-quaternary.btn-icon:hover i {
  background-color: rgba(0, 0, 0, 0.13);
}
.btn-quinary {
  background-color: var(--quinary);
  border-color: var(--quinary);
}
.btn-quinary:hover, .btn-quinary:not(:disabled):not(.disabled).active, .btn-quinary:not(:disabled):not(.disabled):active, .show > .btn-quinary.dropdown-toggle {
  color: #fff;
  background-color: var(--quinary);
  border-color: var(--quinary);
  box-shadow: 0 0 0 0.2rem rgba(var(--quinary-rgb));
}
.btn-quinary.focus, .btn-quinary:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--quinary-rgb));
}
.btn-outline-quinary {
  color: var(--quinary);
  border-color: var(--quinary);
  border-width: 2px;
}
.btn-outline-quinary:hover, .btn-outline-quinary:not(:disabled):not(.disabled).active, .btn-outline-quinary:not(:disabled):not(.disabled):active, .show > .btn-outline-quinary.dropdown-toggle {
  color: #fff;
  background-color: var(--quinary);
  border-color: var(--quinary);
  box-shadow: 0 0 0 0.2rem rgb(var(--quinary-rgb));
}
.btn-outline-quinary.focus, .btn-outline-quinary:focus {
  box-shadow: 0 0 0 0.2rem rgb(var(--quinary-rgb));
}
.btn-outline-quinary.btn-icon i {
  color: #fff;
  background-color: rgb(var(--quinary-rgb));
}
.btn-outline-quinary.btn-icon:hover i {
  background-color: rgba(0, 0, 0, 0.13);
}
.btn-senary {
  background-color: var(--senary);
  border-color: var(--senary);
}
.btn-senary:hover, .btn-senary:not(:disabled):not(.disabled).active, .btn-senary:not(:disabled):not(.disabled):active, .show > .btn-senary.dropdown-toggle {
  color: #fff;
  background-color: var(--senary);
  border-color: var(--senary);
  box-shadow: 0 0 0 0.2rem rgba(var(--senary-rgb));
}
.btn-senary.focus, .btn-senary:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--senary-rgb));
}
.btn-outline-senary {
  color: var(--senary);
  border-color: var(--senary);
  border-width: 2px;
}
.btn-outline-senary:hover, .btn-outline-senary:not(:disabled):not(.disabled).active, .btn-outline-senary:not(:disabled):not(.disabled):active, .show > .btn-outline-senary.dropdown-toggle {
  color: #fff;
  background-color: var(--senary);
  border-color: var(--senary);
  box-shadow: 0 0 0 0.2rem rgb(var(--senary-rgb));
}
.btn-outline-senary.focus, .btn-outline-senary:focus {
  box-shadow: 0 0 0 0.2rem rgb(var(--senary-rgb));
}
.btn-outline-senary.btn-icon i {
  color: #fff;
  background-color: rgb(var(--senary-rgb));
}
.btn-outline-senary.btn-icon:hover i {
  background-color: rgba(0, 0, 0, 0.13);
}
.btn-septenary {
  background-color: var(--septenary);
  border-color: var(--septenary);
}
.btn-septenary:hover, .btn-septenary:not(:disabled):not(.disabled).active, .btn-septenary:not(:disabled):not(.disabled):active, .show > .btn-septenary.dropdown-toggle {
  color: #fff;
  background-color: var(--septenary);
  border-color: var(--septenary);
  box-shadow: 0 0 0 0.2rem rgba(var(--septenary-rgb));
}
.btn-septenary.focus, .btn-septenary:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--septenary-rgb));
}
.btn-outline-septenary {
  color: var(--septenary);
  border-color: var(--septenary);
  border-width: 2px;
}
.btn-outline-septenary:hover, .btn-outline-septenary:not(:disabled):not(.disabled).active, .btn-outline-septenary:not(:disabled):not(.disabled):active, .show > .btn-outline-septenary.dropdown-toggle {
  color: #fff;
  background-color: var(--septenary);
  border-color: var(--septenary);
  box-shadow: 0 0 0 0.2rem rgb(var(--septenary-rgb));
}
.btn-outline-septenary.focus, .btn-outline-septenary:focus {
  box-shadow: 0 0 0 0.2rem rgb(var(--septenary-rgb));
}
.btn-outline-septenary.btn-icon i {
  color: #fff;
  background-color: rgb(var(--septenary-rgb));
}
.btn-outline-septenary.btn-icon:hover i {
  background-color: rgba(0, 0, 0, 0.13);
}
@media (min-width: 576px) {
  .btn-sm-light {
    color: var(--primary);
    background-color: #fff;
    border-color: #fff;
  }
  .btn-sm-light:hover, .btn-sm-light:not(:disabled):not(.disabled).active, .btn-sm-light:not(:disabled):not(.disabled):active, .show > .btn-sm-light.dropdown-toggle {
    color: var(--primary);
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
  }
  .btn-sm-light.focus, .btn-sm-light:focus {
    box-shadow: 0 0 0 0.2rem white;
  }
  .btn-sm-outline-light {
    background-color: transparent;
    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-sm-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;
  }
  .btn-sm-secondary:hover {
    color: var(--primary);
  }
  .btn-sm-primary:hover {
    color: var(--secondary);
  }
}
@media (min-width: 576px) {
  .btn-sm-primary {
    color: #fff;
    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 rgba(var(--primary-rgb));
  }
  .btn-sm-primary.focus, .btn-sm-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb));
  }
  .btn-sm-outline-primary {
    color: var(--primary);
    background-color: transparent;
    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));
  }
  .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);
  }
}
@media (min-width: 576px) {
  .btn-sm-secondary {
    color: #fff;
    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 rgba(var(--secondary-rgb));
  }
  .btn-sm-secondary.focus, .btn-sm-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb));
  }
  .btn-sm-outline-secondary {
    color: var(--secondary);
    background-color: transparent;
    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));
  }
  .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);
  }
}
@media (min-width: 576px) {
  .btn-sm-tertiary {
    color: #fff;
    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 rgba(var(--tertiary-rgb));
  }
  .btn-sm-tertiary.focus, .btn-sm-tertiary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--tertiary-rgb));
  }
  .btn-sm-outline-tertiary {
    color: var(--tertiary);
    background-color: transparent;
    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));
  }
  .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);
  }
}
@media (min-width: 576px) {
  .btn-sm-quaternary {
    color: #fff;
    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 rgba(var(--quaternary-rgb));
  }
  .btn-sm-quaternary.focus, .btn-sm-quaternary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--quaternary-rgb));
  }
  .btn-sm-outline-quaternary {
    color: var(--quaternary);
    background-color: transparent;
    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));
  }
  .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);
  }
}
@media (min-width: 576px) {
  .btn-sm-quinary {
    color: #fff;
    background-color: var(--quinary);
    border-color: var(--quinary);
  }
  .btn-sm-quinary:hover, .btn-sm-quinary:not(:disabled):not(.disabled).active, .btn-sm-quinary:not(:disabled):not(.disabled):active, .show > .btn-sm-quinary.dropdown-toggle {
    color: #fff;
    background-color: var(--quinary);
    border-color: var(--quinary);
    box-shadow: 0 0 0 0.2rem rgba(var(--quinary-rgb));
  }
  .btn-sm-quinary.focus, .btn-sm-quinary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--quinary-rgb));
  }
  .btn-sm-outline-quinary {
    color: var(--quinary);
    background-color: transparent;
    border-color: var(--quinary);
    border-width: 2px;
  }
  .btn-sm-outline-quinary:hover, .btn-sm-outline-quinary:not(:disabled):not(.disabled).active, .btn-sm-outline-quinary:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-quinary.dropdown-toggle {
    color: #fff;
    background-color: var(--quinary);
    border-color: var(--quinary);
    box-shadow: 0 0 0 0.2rem rgb(var(--quinary-rgb));
  }
  .btn-sm-outline-quinary.focus, .btn-sm-outline-quinary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--quinary-rgb));
  }
  .btn-sm-outline-quinary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--quinary-rgb));
  }
  .btn-sm-outline-quinary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
}
@media (min-width: 576px) {
  .btn-sm-senary {
    color: #fff;
    background-color: var(--senary);
    border-color: var(--senary);
  }
  .btn-sm-senary:hover, .btn-sm-senary:not(:disabled):not(.disabled).active, .btn-sm-senary:not(:disabled):not(.disabled):active, .show > .btn-sm-senary.dropdown-toggle {
    color: #fff;
    background-color: var(--senary);
    border-color: var(--senary);
    box-shadow: 0 0 0 0.2rem rgba(var(--senary-rgb));
  }
  .btn-sm-senary.focus, .btn-sm-senary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--senary-rgb));
  }
  .btn-sm-outline-senary {
    color: var(--senary);
    background-color: transparent;
    border-color: var(--senary);
    border-width: 2px;
  }
  .btn-sm-outline-senary:hover, .btn-sm-outline-senary:not(:disabled):not(.disabled).active, .btn-sm-outline-senary:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-senary.dropdown-toggle {
    color: #fff;
    background-color: var(--senary);
    border-color: var(--senary);
    box-shadow: 0 0 0 0.2rem rgb(var(--senary-rgb));
  }
  .btn-sm-outline-senary.focus, .btn-sm-outline-senary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--senary-rgb));
  }
  .btn-sm-outline-senary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--senary-rgb));
  }
  .btn-sm-outline-senary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
}
@media (min-width: 576px) {
  .btn-sm-septenary {
    color: #fff;
    background-color: var(--septenary);
    border-color: var(--septenary);
  }
  .btn-sm-septenary:hover, .btn-sm-septenary:not(:disabled):not(.disabled).active, .btn-sm-septenary:not(:disabled):not(.disabled):active, .show > .btn-sm-septenary.dropdown-toggle {
    color: #fff;
    background-color: var(--septenary);
    border-color: var(--septenary);
    box-shadow: 0 0 0 0.2rem rgba(var(--septenary-rgb));
  }
  .btn-sm-septenary.focus, .btn-sm-septenary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--septenary-rgb));
  }
  .btn-sm-outline-septenary {
    color: var(--septenary);
    background-color: transparent;
    border-color: var(--septenary);
    border-width: 2px;
  }
  .btn-sm-outline-septenary:hover, .btn-sm-outline-septenary:not(:disabled):not(.disabled).active, .btn-sm-outline-septenary:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-septenary.dropdown-toggle {
    color: #fff;
    background-color: var(--septenary);
    border-color: var(--septenary);
    box-shadow: 0 0 0 0.2rem rgb(var(--septenary-rgb));
  }
  .btn-sm-outline-septenary.focus, .btn-sm-outline-septenary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--septenary-rgb));
  }
  .btn-sm-outline-septenary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--septenary-rgb));
  }
  .btn-sm-outline-septenary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
}
@media (min-width: 768px) {
  .btn-md-light {
    color: var(--primary);
    background-color: #fff;
    border-color: #fff;
  }
  .btn-md-light:hover, .btn-md-light:not(:disabled):not(.disabled).active, .btn-md-light:not(:disabled):not(.disabled):active, .show > .btn-md-light.dropdown-toggle {
    color: var(--primary);
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
  }
  .btn-md-light.focus, .btn-md-light:focus {
    box-shadow: 0 0 0 0.2rem white;
  }
  .btn-md-outline-light {
    background-color: transparent;
    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-md-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;
  }
  .btn-md-secondary:hover {
    color: var(--primary);
  }
  .btn-md-primary:hover {
    color: var(--secondary);
  }
}
@media (min-width: 768px) {
  .btn-md-primary {
    color: #fff;
    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 rgba(var(--primary-rgb));
  }
  .btn-md-primary.focus, .btn-md-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb));
  }
  .btn-md-outline-primary {
    color: var(--primary);
    background-color: transparent;
    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));
  }
  .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);
  }
}
@media (min-width: 768px) {
  .btn-md-secondary {
    color: #fff;
    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 rgba(var(--secondary-rgb));
  }
  .btn-md-secondary.focus, .btn-md-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb));
  }
  .btn-md-outline-secondary {
    color: var(--secondary);
    background-color: transparent;
    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));
  }
  .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);
  }
}
@media (min-width: 768px) {
  .btn-md-tertiary {
    color: #fff;
    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 rgba(var(--tertiary-rgb));
  }
  .btn-md-tertiary.focus, .btn-md-tertiary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--tertiary-rgb));
  }
  .btn-md-outline-tertiary {
    color: var(--tertiary);
    background-color: transparent;
    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));
  }
  .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);
  }
}
@media (min-width: 768px) {
  .btn-md-quaternary {
    color: #fff;
    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 rgba(var(--quaternary-rgb));
  }
  .btn-md-quaternary.focus, .btn-md-quaternary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--quaternary-rgb));
  }
  .btn-md-outline-quaternary {
    color: var(--quaternary);
    background-color: transparent;
    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));
  }
  .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);
  }
}
@media (min-width: 768px) {
  .btn-md-quinary {
    color: #fff;
    background-color: var(--quinary);
    border-color: var(--quinary);
  }
  .btn-md-quinary:hover, .btn-md-quinary:not(:disabled):not(.disabled).active, .btn-md-quinary:not(:disabled):not(.disabled):active, .show > .btn-md-quinary.dropdown-toggle {
    color: #fff;
    background-color: var(--quinary);
    border-color: var(--quinary);
    box-shadow: 0 0 0 0.2rem rgba(var(--quinary-rgb));
  }
  .btn-md-quinary.focus, .btn-md-quinary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--quinary-rgb));
  }
  .btn-md-outline-quinary {
    color: var(--quinary);
    background-color: transparent;
    border-color: var(--quinary);
    border-width: 2px;
  }
  .btn-md-outline-quinary:hover, .btn-md-outline-quinary:not(:disabled):not(.disabled).active, .btn-md-outline-quinary:not(:disabled):not(.disabled):active, .show > .btn-md-outline-quinary.dropdown-toggle {
    color: #fff;
    background-color: var(--quinary);
    border-color: var(--quinary);
    box-shadow: 0 0 0 0.2rem rgb(var(--quinary-rgb));
  }
  .btn-md-outline-quinary.focus, .btn-md-outline-quinary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--quinary-rgb));
  }
  .btn-md-outline-quinary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--quinary-rgb));
  }
  .btn-md-outline-quinary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
}
@media (min-width: 768px) {
  .btn-md-senary {
    color: #fff;
    background-color: var(--senary);
    border-color: var(--senary);
  }
  .btn-md-senary:hover, .btn-md-senary:not(:disabled):not(.disabled).active, .btn-md-senary:not(:disabled):not(.disabled):active, .show > .btn-md-senary.dropdown-toggle {
    color: #fff;
    background-color: var(--senary);
    border-color: var(--senary);
    box-shadow: 0 0 0 0.2rem rgba(var(--senary-rgb));
  }
  .btn-md-senary.focus, .btn-md-senary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--senary-rgb));
  }
  .btn-md-outline-senary {
    color: var(--senary);
    background-color: transparent;
    border-color: var(--senary);
    border-width: 2px;
  }
  .btn-md-outline-senary:hover, .btn-md-outline-senary:not(:disabled):not(.disabled).active, .btn-md-outline-senary:not(:disabled):not(.disabled):active, .show > .btn-md-outline-senary.dropdown-toggle {
    color: #fff;
    background-color: var(--senary);
    border-color: var(--senary);
    box-shadow: 0 0 0 0.2rem rgb(var(--senary-rgb));
  }
  .btn-md-outline-senary.focus, .btn-md-outline-senary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--senary-rgb));
  }
  .btn-md-outline-senary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--senary-rgb));
  }
  .btn-md-outline-senary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
}
@media (min-width: 768px) {
  .btn-md-septenary {
    color: #fff;
    background-color: var(--septenary);
    border-color: var(--septenary);
  }
  .btn-md-septenary:hover, .btn-md-septenary:not(:disabled):not(.disabled).active, .btn-md-septenary:not(:disabled):not(.disabled):active, .show > .btn-md-septenary.dropdown-toggle {
    color: #fff;
    background-color: var(--septenary);
    border-color: var(--septenary);
    box-shadow: 0 0 0 0.2rem rgba(var(--septenary-rgb));
  }
  .btn-md-septenary.focus, .btn-md-septenary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--septenary-rgb));
  }
  .btn-md-outline-septenary {
    color: var(--septenary);
    background-color: transparent;
    border-color: var(--septenary);
    border-width: 2px;
  }
  .btn-md-outline-septenary:hover, .btn-md-outline-septenary:not(:disabled):not(.disabled).active, .btn-md-outline-septenary:not(:disabled):not(.disabled):active, .show > .btn-md-outline-septenary.dropdown-toggle {
    color: #fff;
    background-color: var(--septenary);
    border-color: var(--septenary);
    box-shadow: 0 0 0 0.2rem rgb(var(--septenary-rgb));
  }
  .btn-md-outline-septenary.focus, .btn-md-outline-septenary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--septenary-rgb));
  }
  .btn-md-outline-septenary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--septenary-rgb));
  }
  .btn-md-outline-septenary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
}
@media (min-width: 992px) {
  .btn-lg-light {
    color: var(--primary);
    background-color: #fff;
    border-color: #fff;
  }
  .btn-lg-light:hover, .btn-lg-light:not(:disabled):not(.disabled).active, .btn-lg-light:not(:disabled):not(.disabled):active, .show > .btn-lg-light.dropdown-toggle {
    color: var(--primary);
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
  }
  .btn-lg-light.focus, .btn-lg-light:focus {
    box-shadow: 0 0 0 0.2rem white;
  }
  .btn-lg-outline-light {
    background-color: transparent;
    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-lg-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;
  }
  .btn-lg-secondary:hover {
    color: var(--primary);
  }
  .btn-lg-primary:hover {
    color: var(--secondary);
  }
}
@media (min-width: 992px) {
  .btn-lg-primary {
    color: #fff;
    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 rgba(var(--primary-rgb));
  }
  .btn-lg-primary.focus, .btn-lg-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb));
  }
  .btn-lg-outline-primary {
    color: var(--primary);
    background-color: transparent;
    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));
  }
  .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);
  }
}
@media (min-width: 992px) {
  .btn-lg-secondary {
    color: #fff;
    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 rgba(var(--secondary-rgb));
  }
  .btn-lg-secondary.focus, .btn-lg-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb));
  }
  .btn-lg-outline-secondary {
    color: var(--secondary);
    background-color: transparent;
    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));
  }
  .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);
  }
}
@media (min-width: 992px) {
  .btn-lg-tertiary {
    color: #fff;
    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 rgba(var(--tertiary-rgb));
  }
  .btn-lg-tertiary.focus, .btn-lg-tertiary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--tertiary-rgb));
  }
  .btn-lg-outline-tertiary {
    color: var(--tertiary);
    background-color: transparent;
    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));
  }
  .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);
  }
}
@media (min-width: 992px) {
  .btn-lg-quaternary {
    color: #fff;
    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 rgba(var(--quaternary-rgb));
  }
  .btn-lg-quaternary.focus, .btn-lg-quaternary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--quaternary-rgb));
  }
  .btn-lg-outline-quaternary {
    color: var(--quaternary);
    background-color: transparent;
    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));
  }
  .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);
  }
}
@media (min-width: 992px) {
  .btn-lg-quinary {
    color: #fff;
    background-color: var(--quinary);
    border-color: var(--quinary);
  }
  .btn-lg-quinary:hover, .btn-lg-quinary:not(:disabled):not(.disabled).active, .btn-lg-quinary:not(:disabled):not(.disabled):active, .show > .btn-lg-quinary.dropdown-toggle {
    color: #fff;
    background-color: var(--quinary);
    border-color: var(--quinary);
    box-shadow: 0 0 0 0.2rem rgba(var(--quinary-rgb));
  }
  .btn-lg-quinary.focus, .btn-lg-quinary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--quinary-rgb));
  }
  .btn-lg-outline-quinary {
    color: var(--quinary);
    background-color: transparent;
    border-color: var(--quinary);
    border-width: 2px;
  }
  .btn-lg-outline-quinary:hover, .btn-lg-outline-quinary:not(:disabled):not(.disabled).active, .btn-lg-outline-quinary:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-quinary.dropdown-toggle {
    color: #fff;
    background-color: var(--quinary);
    border-color: var(--quinary);
    box-shadow: 0 0 0 0.2rem rgb(var(--quinary-rgb));
  }
  .btn-lg-outline-quinary.focus, .btn-lg-outline-quinary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--quinary-rgb));
  }
  .btn-lg-outline-quinary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--quinary-rgb));
  }
  .btn-lg-outline-quinary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
}
@media (min-width: 992px) {
  .btn-lg-senary {
    color: #fff;
    background-color: var(--senary);
    border-color: var(--senary);
  }
  .btn-lg-senary:hover, .btn-lg-senary:not(:disabled):not(.disabled).active, .btn-lg-senary:not(:disabled):not(.disabled):active, .show > .btn-lg-senary.dropdown-toggle {
    color: #fff;
    background-color: var(--senary);
    border-color: var(--senary);
    box-shadow: 0 0 0 0.2rem rgba(var(--senary-rgb));
  }
  .btn-lg-senary.focus, .btn-lg-senary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--senary-rgb));
  }
  .btn-lg-outline-senary {
    color: var(--senary);
    background-color: transparent;
    border-color: var(--senary);
    border-width: 2px;
  }
  .btn-lg-outline-senary:hover, .btn-lg-outline-senary:not(:disabled):not(.disabled).active, .btn-lg-outline-senary:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-senary.dropdown-toggle {
    color: #fff;
    background-color: var(--senary);
    border-color: var(--senary);
    box-shadow: 0 0 0 0.2rem rgb(var(--senary-rgb));
  }
  .btn-lg-outline-senary.focus, .btn-lg-outline-senary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--senary-rgb));
  }
  .btn-lg-outline-senary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--senary-rgb));
  }
  .btn-lg-outline-senary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
}
@media (min-width: 992px) {
  .btn-lg-septenary {
    color: #fff;
    background-color: var(--septenary);
    border-color: var(--septenary);
  }
  .btn-lg-septenary:hover, .btn-lg-septenary:not(:disabled):not(.disabled).active, .btn-lg-septenary:not(:disabled):not(.disabled):active, .show > .btn-lg-septenary.dropdown-toggle {
    color: #fff;
    background-color: var(--septenary);
    border-color: var(--septenary);
    box-shadow: 0 0 0 0.2rem rgba(var(--septenary-rgb));
  }
  .btn-lg-septenary.focus, .btn-lg-septenary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--septenary-rgb));
  }
  .btn-lg-outline-septenary {
    color: var(--septenary);
    background-color: transparent;
    border-color: var(--septenary);
    border-width: 2px;
  }
  .btn-lg-outline-septenary:hover, .btn-lg-outline-septenary:not(:disabled):not(.disabled).active, .btn-lg-outline-septenary:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-septenary.dropdown-toggle {
    color: #fff;
    background-color: var(--septenary);
    border-color: var(--septenary);
    box-shadow: 0 0 0 0.2rem rgb(var(--septenary-rgb));
  }
  .btn-lg-outline-septenary.focus, .btn-lg-outline-septenary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--septenary-rgb));
  }
  .btn-lg-outline-septenary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--septenary-rgb));
  }
  .btn-lg-outline-septenary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
}
@media (min-width: 1200px) {
  .btn-xl-light {
    color: var(--primary);
    background-color: #fff;
    border-color: #fff;
  }
  .btn-xl-light:hover, .btn-xl-light:not(:disabled):not(.disabled).active, .btn-xl-light:not(:disabled):not(.disabled):active, .show > .btn-xl-light.dropdown-toggle {
    color: var(--primary);
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
  }
  .btn-xl-light.focus, .btn-xl-light:focus {
    box-shadow: 0 0 0 0.2rem white;
  }
  .btn-xl-outline-light {
    background-color: transparent;
    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-xl-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;
  }
  .btn-xl-secondary:hover {
    color: var(--primary);
  }
  .btn-xl-primary:hover {
    color: var(--secondary);
  }
}
@media (min-width: 1200px) {
  .btn-xl-primary {
    color: #fff;
    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 rgba(var(--primary-rgb));
  }
  .btn-xl-primary.focus, .btn-xl-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb));
  }
  .btn-xl-outline-primary {
    color: var(--primary);
    background-color: transparent;
    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));
  }
  .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);
  }
}
@media (min-width: 1200px) {
  .btn-xl-secondary {
    color: #fff;
    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 rgba(var(--secondary-rgb));
  }
  .btn-xl-secondary.focus, .btn-xl-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb));
  }
  .btn-xl-outline-secondary {
    color: var(--secondary);
    background-color: transparent;
    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));
  }
  .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);
  }
}
@media (min-width: 1200px) {
  .btn-xl-tertiary {
    color: #fff;
    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 rgba(var(--tertiary-rgb));
  }
  .btn-xl-tertiary.focus, .btn-xl-tertiary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--tertiary-rgb));
  }
  .btn-xl-outline-tertiary {
    color: var(--tertiary);
    background-color: transparent;
    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));
  }
  .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);
  }
}
@media (min-width: 1200px) {
  .btn-xl-quaternary {
    color: #fff;
    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 rgba(var(--quaternary-rgb));
  }
  .btn-xl-quaternary.focus, .btn-xl-quaternary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--quaternary-rgb));
  }
  .btn-xl-outline-quaternary {
    color: var(--quaternary);
    background-color: transparent;
    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));
  }
  .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);
  }
}
@media (min-width: 1200px) {
  .btn-xl-quinary {
    color: #fff;
    background-color: var(--quinary);
    border-color: var(--quinary);
  }
  .btn-xl-quinary:hover, .btn-xl-quinary:not(:disabled):not(.disabled).active, .btn-xl-quinary:not(:disabled):not(.disabled):active, .show > .btn-xl-quinary.dropdown-toggle {
    color: #fff;
    background-color: var(--quinary);
    border-color: var(--quinary);
    box-shadow: 0 0 0 0.2rem rgba(var(--quinary-rgb));
  }
  .btn-xl-quinary.focus, .btn-xl-quinary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--quinary-rgb));
  }
  .btn-xl-outline-quinary {
    color: var(--quinary);
    background-color: transparent;
    border-color: var(--quinary);
    border-width: 2px;
  }
  .btn-xl-outline-quinary:hover, .btn-xl-outline-quinary:not(:disabled):not(.disabled).active, .btn-xl-outline-quinary:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-quinary.dropdown-toggle {
    color: #fff;
    background-color: var(--quinary);
    border-color: var(--quinary);
    box-shadow: 0 0 0 0.2rem rgb(var(--quinary-rgb));
  }
  .btn-xl-outline-quinary.focus, .btn-xl-outline-quinary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--quinary-rgb));
  }
  .btn-xl-outline-quinary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--quinary-rgb));
  }
  .btn-xl-outline-quinary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
}
@media (min-width: 1200px) {
  .btn-xl-senary {
    color: #fff;
    background-color: var(--senary);
    border-color: var(--senary);
  }
  .btn-xl-senary:hover, .btn-xl-senary:not(:disabled):not(.disabled).active, .btn-xl-senary:not(:disabled):not(.disabled):active, .show > .btn-xl-senary.dropdown-toggle {
    color: #fff;
    background-color: var(--senary);
    border-color: var(--senary);
    box-shadow: 0 0 0 0.2rem rgba(var(--senary-rgb));
  }
  .btn-xl-senary.focus, .btn-xl-senary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--senary-rgb));
  }
  .btn-xl-outline-senary {
    color: var(--senary);
    background-color: transparent;
    border-color: var(--senary);
    border-width: 2px;
  }
  .btn-xl-outline-senary:hover, .btn-xl-outline-senary:not(:disabled):not(.disabled).active, .btn-xl-outline-senary:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-senary.dropdown-toggle {
    color: #fff;
    background-color: var(--senary);
    border-color: var(--senary);
    box-shadow: 0 0 0 0.2rem rgb(var(--senary-rgb));
  }
  .btn-xl-outline-senary.focus, .btn-xl-outline-senary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--senary-rgb));
  }
  .btn-xl-outline-senary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--senary-rgb));
  }
  .btn-xl-outline-senary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
}
@media (min-width: 1200px) {
  .btn-xl-septenary {
    color: #fff;
    background-color: var(--septenary);
    border-color: var(--septenary);
  }
  .btn-xl-septenary:hover, .btn-xl-septenary:not(:disabled):not(.disabled).active, .btn-xl-septenary:not(:disabled):not(.disabled):active, .show > .btn-xl-septenary.dropdown-toggle {
    color: #fff;
    background-color: var(--septenary);
    border-color: var(--septenary);
    box-shadow: 0 0 0 0.2rem rgba(var(--septenary-rgb));
  }
  .btn-xl-septenary.focus, .btn-xl-septenary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--septenary-rgb));
  }
  .btn-xl-outline-septenary {
    color: var(--septenary);
    background-color: transparent;
    border-color: var(--septenary);
    border-width: 2px;
  }
  .btn-xl-outline-septenary:hover, .btn-xl-outline-septenary:not(:disabled):not(.disabled).active, .btn-xl-outline-septenary:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-septenary.dropdown-toggle {
    color: #fff;
    background-color: var(--septenary);
    border-color: var(--septenary);
    box-shadow: 0 0 0 0.2rem rgb(var(--septenary-rgb));
  }
  .btn-xl-outline-septenary.focus, .btn-xl-outline-septenary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--septenary-rgb));
  }
  .btn-xl-outline-septenary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--septenary-rgb));
  }
  .btn-xl-outline-septenary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
}
@media (min-width: 1400px) {
  .btn-xxl-light {
    color: var(--primary);
    background-color: #fff;
    border-color: #fff;
  }
  .btn-xxl-light:hover, .btn-xxl-light:not(:disabled):not(.disabled).active, .btn-xxl-light:not(:disabled):not(.disabled):active, .show > .btn-xxl-light.dropdown-toggle {
    color: var(--primary);
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
  }
  .btn-xxl-light.focus, .btn-xxl-light:focus {
    box-shadow: 0 0 0 0.2rem white;
  }
  .btn-xxl-outline-light {
    background-color: transparent;
    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-xxl-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;
  }
  .btn-xxl-secondary:hover {
    color: var(--primary);
  }
  .btn-xxl-primary:hover {
    color: var(--secondary);
  }
}
@media (min-width: 1400px) {
  .btn-xxl-primary {
    color: #fff;
    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 rgba(var(--primary-rgb));
  }
  .btn-xxl-primary.focus, .btn-xxl-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb));
  }
  .btn-xxl-outline-primary {
    color: var(--primary);
    background-color: transparent;
    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));
  }
  .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);
  }
}
@media (min-width: 1400px) {
  .btn-xxl-secondary {
    color: #fff;
    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 rgba(var(--secondary-rgb));
  }
  .btn-xxl-secondary.focus, .btn-xxl-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb));
  }
  .btn-xxl-outline-secondary {
    color: var(--secondary);
    background-color: transparent;
    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));
  }
  .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);
  }
}
@media (min-width: 1400px) {
  .btn-xxl-tertiary {
    color: #fff;
    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 rgba(var(--tertiary-rgb));
  }
  .btn-xxl-tertiary.focus, .btn-xxl-tertiary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--tertiary-rgb));
  }
  .btn-xxl-outline-tertiary {
    color: var(--tertiary);
    background-color: transparent;
    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));
  }
  .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);
  }
}
@media (min-width: 1400px) {
  .btn-xxl-quaternary {
    color: #fff;
    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 rgba(var(--quaternary-rgb));
  }
  .btn-xxl-quaternary.focus, .btn-xxl-quaternary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--quaternary-rgb));
  }
  .btn-xxl-outline-quaternary {
    color: var(--quaternary);
    background-color: transparent;
    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));
  }
  .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);
  }
}
@media (min-width: 1400px) {
  .btn-xxl-quinary {
    color: #fff;
    background-color: var(--quinary);
    border-color: var(--quinary);
  }
  .btn-xxl-quinary:hover, .btn-xxl-quinary:not(:disabled):not(.disabled).active, .btn-xxl-quinary:not(:disabled):not(.disabled):active, .show > .btn-xxl-quinary.dropdown-toggle {
    color: #fff;
    background-color: var(--quinary);
    border-color: var(--quinary);
    box-shadow: 0 0 0 0.2rem rgba(var(--quinary-rgb));
  }
  .btn-xxl-quinary.focus, .btn-xxl-quinary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--quinary-rgb));
  }
  .btn-xxl-outline-quinary {
    color: var(--quinary);
    background-color: transparent;
    border-color: var(--quinary);
    border-width: 2px;
  }
  .btn-xxl-outline-quinary:hover, .btn-xxl-outline-quinary:not(:disabled):not(.disabled).active, .btn-xxl-outline-quinary:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-quinary.dropdown-toggle {
    color: #fff;
    background-color: var(--quinary);
    border-color: var(--quinary);
    box-shadow: 0 0 0 0.2rem rgb(var(--quinary-rgb));
  }
  .btn-xxl-outline-quinary.focus, .btn-xxl-outline-quinary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--quinary-rgb));
  }
  .btn-xxl-outline-quinary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--quinary-rgb));
  }
  .btn-xxl-outline-quinary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
}
@media (min-width: 1400px) {
  .btn-xxl-senary {
    color: #fff;
    background-color: var(--senary);
    border-color: var(--senary);
  }
  .btn-xxl-senary:hover, .btn-xxl-senary:not(:disabled):not(.disabled).active, .btn-xxl-senary:not(:disabled):not(.disabled):active, .show > .btn-xxl-senary.dropdown-toggle {
    color: #fff;
    background-color: var(--senary);
    border-color: var(--senary);
    box-shadow: 0 0 0 0.2rem rgba(var(--senary-rgb));
  }
  .btn-xxl-senary.focus, .btn-xxl-senary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--senary-rgb));
  }
  .btn-xxl-outline-senary {
    color: var(--senary);
    background-color: transparent;
    border-color: var(--senary);
    border-width: 2px;
  }
  .btn-xxl-outline-senary:hover, .btn-xxl-outline-senary:not(:disabled):not(.disabled).active, .btn-xxl-outline-senary:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-senary.dropdown-toggle {
    color: #fff;
    background-color: var(--senary);
    border-color: var(--senary);
    box-shadow: 0 0 0 0.2rem rgb(var(--senary-rgb));
  }
  .btn-xxl-outline-senary.focus, .btn-xxl-outline-senary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--senary-rgb));
  }
  .btn-xxl-outline-senary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--senary-rgb));
  }
  .btn-xxl-outline-senary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
}
@media (min-width: 1400px) {
  .btn-xxl-septenary {
    color: #fff;
    background-color: var(--septenary);
    border-color: var(--septenary);
  }
  .btn-xxl-septenary:hover, .btn-xxl-septenary:not(:disabled):not(.disabled).active, .btn-xxl-septenary:not(:disabled):not(.disabled):active, .show > .btn-xxl-septenary.dropdown-toggle {
    color: #fff;
    background-color: var(--septenary);
    border-color: var(--septenary);
    box-shadow: 0 0 0 0.2rem rgba(var(--septenary-rgb));
  }
  .btn-xxl-septenary.focus, .btn-xxl-septenary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--septenary-rgb));
  }
  .btn-xxl-outline-septenary {
    color: var(--septenary);
    background-color: transparent;
    border-color: var(--septenary);
    border-width: 2px;
  }
  .btn-xxl-outline-septenary:hover, .btn-xxl-outline-septenary:not(:disabled):not(.disabled).active, .btn-xxl-outline-septenary:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-septenary.dropdown-toggle {
    color: #fff;
    background-color: var(--septenary);
    border-color: var(--septenary);
    box-shadow: 0 0 0 0.2rem rgb(var(--septenary-rgb));
  }
  .btn-xxl-outline-septenary.focus, .btn-xxl-outline-septenary:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--septenary-rgb));
  }
  .btn-xxl-outline-septenary.btn-icon i {
    color: #fff;
    background-color: rgb(var(--septenary-rgb));
  }
  .btn-xxl-outline-septenary.btn-icon:hover i {
    background-color: rgba(0, 0, 0, 0.13);
  }
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Utilities ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.bg-primary-to-primary {
  background: var(--primary) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
}
.bg-primary-to-secondary {
  background: var(--primary) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
}
.bg-primary-to-tertiary {
  background: var(--primary) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
}
.bg-primary-to-quaternary {
  background: var(--primary) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
}
.bg-primary-to-quinary {
  background: var(--primary) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
}
.bg-primary-to-senary {
  background: var(--primary) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
}
.bg-primary-to-septenary {
  background: var(--primary) !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
}
.bg-primary {
  background-color: var(--primary) !important;
}
.text-primary {
  color: var(--primary) !important;
}
.hover-primary:hover {
  color: var(--primary) !important;
}
.hover-bg-primary:hover {
  background-color: var(--primary) !important;
}
.hover-btn-primary:hover {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.bg-secondary-to-primary {
  background: var(--secondary) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
}
.bg-secondary-to-secondary {
  background: var(--secondary) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
}
.bg-secondary-to-tertiary {
  background: var(--secondary) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
}
.bg-secondary-to-quaternary {
  background: var(--secondary) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
}
.bg-secondary-to-quinary {
  background: var(--secondary) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
}
.bg-secondary-to-senary {
  background: var(--secondary) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
}
.bg-secondary-to-septenary {
  background: var(--secondary) !important;
  background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
}
.bg-secondary {
  background-color: var(--secondary) !important;
}
.text-secondary {
  color: var(--secondary) !important;
}
.hover-secondary:hover {
  color: var(--secondary) !important;
}
.hover-bg-secondary:hover {
  background-color: var(--secondary) !important;
}
.hover-btn-secondary:hover {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}
.bg-tertiary-to-primary {
  background: var(--tertiary) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
}
.bg-tertiary-to-secondary {
  background: var(--tertiary) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
}
.bg-tertiary-to-tertiary {
  background: var(--tertiary) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
}
.bg-tertiary-to-quaternary {
  background: var(--tertiary) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
}
.bg-tertiary-to-quinary {
  background: var(--tertiary) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
}
.bg-tertiary-to-senary {
  background: var(--tertiary) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
}
.bg-tertiary-to-septenary {
  background: var(--tertiary) !important;
  background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
}
.bg-tertiary {
  background-color: var(--tertiary) !important;
}
.text-tertiary {
  color: var(--tertiary) !important;
}
.hover-tertiary:hover {
  color: var(--tertiary) !important;
}
.hover-bg-tertiary:hover {
  background-color: var(--tertiary) !important;
}
.hover-btn-tertiary:hover {
  background-color: var(--tertiary) !important;
  border-color: var(--tertiary) !important;
}
.bg-quaternary-to-primary {
  background: var(--quaternary) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
}
.bg-quaternary-to-secondary {
  background: var(--quaternary) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
}
.bg-quaternary-to-tertiary {
  background: var(--quaternary) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
}
.bg-quaternary-to-quaternary {
  background: var(--quaternary) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
}
.bg-quaternary-to-quinary {
  background: var(--quaternary) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
}
.bg-quaternary-to-senary {
  background: var(--quaternary) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
}
.bg-quaternary-to-septenary {
  background: var(--quaternary) !important;
  background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
}
.bg-quaternary {
  background-color: var(--quaternary) !important;
}
.text-quaternary {
  color: var(--quaternary) !important;
}
.hover-quaternary:hover {
  color: var(--quaternary) !important;
}
.hover-bg-quaternary:hover {
  background-color: var(--quaternary) !important;
}
.hover-btn-quaternary:hover {
  background-color: var(--quaternary) !important;
  border-color: var(--quaternary) !important;
}
.bg-quinary-to-primary {
  background: var(--quinary) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
}
.bg-quinary-to-secondary {
  background: var(--quinary) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
}
.bg-quinary-to-tertiary {
  background: var(--quinary) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
}
.bg-quinary-to-quaternary {
  background: var(--quinary) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
}
.bg-quinary-to-quinary {
  background: var(--quinary) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
}
.bg-quinary-to-senary {
  background: var(--quinary) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
}
.bg-quinary-to-septenary {
  background: var(--quinary) !important;
  background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
}
.bg-quinary {
  background-color: var(--quinary) !important;
}
.text-quinary {
  color: var(--quinary) !important;
}
.hover-quinary:hover {
  color: var(--quinary) !important;
}
.hover-bg-quinary:hover {
  background-color: var(--quinary) !important;
}
.hover-btn-quinary:hover {
  background-color: var(--quinary) !important;
  border-color: var(--quinary) !important;
}
.bg-senary-to-primary {
  background: var(--senary) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
}
.bg-senary-to-secondary {
  background: var(--senary) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
}
.bg-senary-to-tertiary {
  background: var(--senary) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
}
.bg-senary-to-quaternary {
  background: var(--senary) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
}
.bg-senary-to-quinary {
  background: var(--senary) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
}
.bg-senary-to-senary {
  background: var(--senary) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
}
.bg-senary-to-septenary {
  background: var(--senary) !important;
  background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
}
.bg-senary {
  background-color: var(--senary) !important;
}
.text-senary {
  color: var(--senary) !important;
}
.hover-senary:hover {
  color: var(--senary) !important;
}
.hover-bg-senary:hover {
  background-color: var(--senary) !important;
}
.hover-btn-senary:hover {
  background-color: var(--senary) !important;
  border-color: var(--senary) !important;
}
.bg-septenary-to-primary {
  background: var(--septenary) !important;
  background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
}
.bg-septenary-to-secondary {
  background: var(--septenary) !important;
  background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
}
.bg-septenary-to-tertiary {
  background: var(--septenary) !important;
  background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
}
.bg-septenary-to-quaternary {
  background: var(--septenary) !important;
  background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
}
.bg-septenary-to-quinary {
  background: var(--septenary) !important;
  background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
}
.bg-septenary-to-senary {
  background: var(--septenary) !important;
  background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
}
.bg-septenary-to-septenary {
  background: var(--septenary) !important;
  background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
}
.bg-septenary {
  background-color: var(--septenary) !important;
}
.text-septenary {
  color: var(--septenary) !important;
}
.hover-septenary:hover {
  color: var(--septenary) !important;
}
.hover-bg-septenary:hover {
  background-color: var(--septenary) !important;
}
.hover-btn-septenary:hover {
  background-color: var(--septenary) !important;
  border-color: var(--septenary) !important;
}
.bg-light {
  background-color: #fff;
}
.text-light {
  color: #fff !important;
}
.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 !important;
}
.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 !important;
}
.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 !important;
}
.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) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-primary-to-secondary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-primary-to-tertiary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-primary-to-quaternary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-primary-to-quinary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-primary-to-senary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-primary-to-septenary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-primary {
    background-color: var(--primary) !important;
  }
  .text-sm-primary {
    color: var(--primary) !important;
  }
  .hover-sm-primary:hover {
    color: var(--primary) !important;
  }
  .hover-bg-sm-primary:hover {
    background-color: var(--primary) !important;
  }
  .hover-btn-sm-primary:hover {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}
@media (min-width: 576px) {
  .bg-sm-secondary-to-primary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-secondary-to-secondary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-secondary-to-tertiary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-secondary-to-quaternary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-secondary-to-quinary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-secondary-to-senary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-secondary-to-septenary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-secondary {
    background-color: var(--secondary) !important;
  }
  .text-sm-secondary {
    color: var(--secondary) !important;
  }
  .hover-sm-secondary:hover {
    color: var(--secondary) !important;
  }
  .hover-bg-sm-secondary:hover {
    background-color: var(--secondary) !important;
  }
  .hover-btn-sm-secondary:hover {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
  }
}
@media (min-width: 576px) {
  .bg-sm-tertiary-to-primary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-tertiary-to-secondary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-tertiary-to-tertiary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-tertiary-to-quaternary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-tertiary-to-quinary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-tertiary-to-senary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-tertiary-to-septenary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-tertiary {
    background-color: var(--tertiary) !important;
  }
  .text-sm-tertiary {
    color: var(--tertiary) !important;
  }
  .hover-sm-tertiary:hover {
    color: var(--tertiary) !important;
  }
  .hover-bg-sm-tertiary:hover {
    background-color: var(--tertiary) !important;
  }
  .hover-btn-sm-tertiary:hover {
    background-color: var(--tertiary) !important;
    border-color: var(--tertiary) !important;
  }
}
@media (min-width: 576px) {
  .bg-sm-quaternary-to-primary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-quaternary-to-secondary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-quaternary-to-tertiary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-quaternary-to-quaternary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-quaternary-to-quinary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-quaternary-to-senary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-quaternary-to-septenary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-quaternary {
    background-color: var(--quaternary) !important;
  }
  .text-sm-quaternary {
    color: var(--quaternary) !important;
  }
  .hover-sm-quaternary:hover {
    color: var(--quaternary) !important;
  }
  .hover-bg-sm-quaternary:hover {
    background-color: var(--quaternary) !important;
  }
  .hover-btn-sm-quaternary:hover {
    background-color: var(--quaternary) !important;
    border-color: var(--quaternary) !important;
  }
}
@media (min-width: 576px) {
  .bg-sm-quinary-to-primary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-quinary-to-secondary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-quinary-to-tertiary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-quinary-to-quaternary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-quinary-to-quinary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-quinary-to-senary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-quinary-to-septenary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-quinary {
    background-color: var(--quinary) !important;
  }
  .text-sm-quinary {
    color: var(--quinary) !important;
  }
  .hover-sm-quinary:hover {
    color: var(--quinary) !important;
  }
  .hover-bg-sm-quinary:hover {
    background-color: var(--quinary) !important;
  }
  .hover-btn-sm-quinary:hover {
    background-color: var(--quinary) !important;
    border-color: var(--quinary) !important;
  }
}
@media (min-width: 576px) {
  .bg-sm-senary-to-primary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-senary-to-secondary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-senary-to-tertiary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-senary-to-quaternary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-senary-to-quinary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-senary-to-senary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-senary-to-septenary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-senary {
    background-color: var(--senary) !important;
  }
  .text-sm-senary {
    color: var(--senary) !important;
  }
  .hover-sm-senary:hover {
    color: var(--senary) !important;
  }
  .hover-bg-sm-senary:hover {
    background-color: var(--senary) !important;
  }
  .hover-btn-sm-senary:hover {
    background-color: var(--senary) !important;
    border-color: var(--senary) !important;
  }
}
@media (min-width: 576px) {
  .bg-sm-septenary-to-primary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-septenary-to-secondary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-septenary-to-tertiary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-septenary-to-quaternary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-septenary-to-quinary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-septenary-to-senary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-septenary-to-septenary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 576px) {
  .bg-sm-septenary {
    background-color: var(--septenary) !important;
  }
  .text-sm-septenary {
    color: var(--septenary) !important;
  }
  .hover-sm-septenary:hover {
    color: var(--septenary) !important;
  }
  .hover-bg-sm-septenary:hover {
    background-color: var(--septenary) !important;
  }
  .hover-btn-sm-septenary:hover {
    background-color: var(--septenary) !important;
    border-color: var(--septenary) !important;
  }
}
@media (min-width: 576px) {
  .bg-sm-light {
    background-color: #fff;
  }
  .text-sm-light {
    color: #fff !important;
  }
  .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;
  }
}
@media (min-width: 576px) {
  .bg-sm-dark {
    background-color: #282d32;
  }
  .text-sm-dark {
    color: #282d32 !important;
  }
  .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;
  }
}
@media (min-width: 576px) {
  .bg-sm-gray {
    background-color: #f1f2f2;
  }
  .text-sm-gray {
    color: #f1f2f2 !important;
  }
  .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;
  }
}
@media (min-width: 576px) {
  .bg-sm-dark-gray {
    background-color: #5f5f5f;
  }
  .text-sm-dark-gray {
    color: #5f5f5f !important;
  }
  .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) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-primary-to-secondary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-primary-to-tertiary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-primary-to-quaternary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-primary-to-quinary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-primary-to-senary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-primary-to-septenary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-primary {
    background-color: var(--primary) !important;
  }
  .text-md-primary {
    color: var(--primary) !important;
  }
  .hover-md-primary:hover {
    color: var(--primary) !important;
  }
  .hover-bg-md-primary:hover {
    background-color: var(--primary) !important;
  }
  .hover-btn-md-primary:hover {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}
@media (min-width: 768px) {
  .bg-md-secondary-to-primary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-secondary-to-secondary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-secondary-to-tertiary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-secondary-to-quaternary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-secondary-to-quinary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-secondary-to-senary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-secondary-to-septenary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-secondary {
    background-color: var(--secondary) !important;
  }
  .text-md-secondary {
    color: var(--secondary) !important;
  }
  .hover-md-secondary:hover {
    color: var(--secondary) !important;
  }
  .hover-bg-md-secondary:hover {
    background-color: var(--secondary) !important;
  }
  .hover-btn-md-secondary:hover {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
  }
}
@media (min-width: 768px) {
  .bg-md-tertiary-to-primary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-tertiary-to-secondary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-tertiary-to-tertiary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-tertiary-to-quaternary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-tertiary-to-quinary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-tertiary-to-senary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-tertiary-to-septenary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-tertiary {
    background-color: var(--tertiary) !important;
  }
  .text-md-tertiary {
    color: var(--tertiary) !important;
  }
  .hover-md-tertiary:hover {
    color: var(--tertiary) !important;
  }
  .hover-bg-md-tertiary:hover {
    background-color: var(--tertiary) !important;
  }
  .hover-btn-md-tertiary:hover {
    background-color: var(--tertiary) !important;
    border-color: var(--tertiary) !important;
  }
}
@media (min-width: 768px) {
  .bg-md-quaternary-to-primary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-quaternary-to-secondary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-quaternary-to-tertiary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-quaternary-to-quaternary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-quaternary-to-quinary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-quaternary-to-senary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-quaternary-to-septenary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-quaternary {
    background-color: var(--quaternary) !important;
  }
  .text-md-quaternary {
    color: var(--quaternary) !important;
  }
  .hover-md-quaternary:hover {
    color: var(--quaternary) !important;
  }
  .hover-bg-md-quaternary:hover {
    background-color: var(--quaternary) !important;
  }
  .hover-btn-md-quaternary:hover {
    background-color: var(--quaternary) !important;
    border-color: var(--quaternary) !important;
  }
}
@media (min-width: 768px) {
  .bg-md-quinary-to-primary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-quinary-to-secondary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-quinary-to-tertiary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-quinary-to-quaternary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-quinary-to-quinary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-quinary-to-senary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-quinary-to-septenary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-quinary {
    background-color: var(--quinary) !important;
  }
  .text-md-quinary {
    color: var(--quinary) !important;
  }
  .hover-md-quinary:hover {
    color: var(--quinary) !important;
  }
  .hover-bg-md-quinary:hover {
    background-color: var(--quinary) !important;
  }
  .hover-btn-md-quinary:hover {
    background-color: var(--quinary) !important;
    border-color: var(--quinary) !important;
  }
}
@media (min-width: 768px) {
  .bg-md-senary-to-primary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-senary-to-secondary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-senary-to-tertiary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-senary-to-quaternary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-senary-to-quinary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-senary-to-senary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-senary-to-septenary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-senary {
    background-color: var(--senary) !important;
  }
  .text-md-senary {
    color: var(--senary) !important;
  }
  .hover-md-senary:hover {
    color: var(--senary) !important;
  }
  .hover-bg-md-senary:hover {
    background-color: var(--senary) !important;
  }
  .hover-btn-md-senary:hover {
    background-color: var(--senary) !important;
    border-color: var(--senary) !important;
  }
}
@media (min-width: 768px) {
  .bg-md-septenary-to-primary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-septenary-to-secondary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-septenary-to-tertiary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-septenary-to-quaternary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-septenary-to-quinary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-septenary-to-senary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-septenary-to-septenary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 768px) {
  .bg-md-septenary {
    background-color: var(--septenary) !important;
  }
  .text-md-septenary {
    color: var(--septenary) !important;
  }
  .hover-md-septenary:hover {
    color: var(--septenary) !important;
  }
  .hover-bg-md-septenary:hover {
    background-color: var(--septenary) !important;
  }
  .hover-btn-md-septenary:hover {
    background-color: var(--septenary) !important;
    border-color: var(--septenary) !important;
  }
}
@media (min-width: 768px) {
  .bg-md-light {
    background-color: #fff;
  }
  .text-md-light {
    color: #fff !important;
  }
  .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;
  }
}
@media (min-width: 768px) {
  .bg-md-dark {
    background-color: #282d32;
  }
  .text-md-dark {
    color: #282d32 !important;
  }
  .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;
  }
}
@media (min-width: 768px) {
  .bg-md-gray {
    background-color: #f1f2f2;
  }
  .text-md-gray {
    color: #f1f2f2 !important;
  }
  .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;
  }
}
@media (min-width: 768px) {
  .bg-md-dark-gray {
    background-color: #5f5f5f;
  }
  .text-md-dark-gray {
    color: #5f5f5f !important;
  }
  .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) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-primary-to-secondary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-primary-to-tertiary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-primary-to-quaternary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-primary-to-quinary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-primary-to-senary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-primary-to-septenary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-primary {
    background-color: var(--primary) !important;
  }
  .text-lg-primary {
    color: var(--primary) !important;
  }
  .hover-lg-primary:hover {
    color: var(--primary) !important;
  }
  .hover-bg-lg-primary:hover {
    background-color: var(--primary) !important;
  }
  .hover-btn-lg-primary:hover {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}
@media (min-width: 992px) {
  .bg-lg-secondary-to-primary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-secondary-to-secondary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-secondary-to-tertiary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-secondary-to-quaternary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-secondary-to-quinary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-secondary-to-senary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-secondary-to-septenary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-secondary {
    background-color: var(--secondary) !important;
  }
  .text-lg-secondary {
    color: var(--secondary) !important;
  }
  .hover-lg-secondary:hover {
    color: var(--secondary) !important;
  }
  .hover-bg-lg-secondary:hover {
    background-color: var(--secondary) !important;
  }
  .hover-btn-lg-secondary:hover {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
  }
}
@media (min-width: 992px) {
  .bg-lg-tertiary-to-primary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-tertiary-to-secondary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-tertiary-to-tertiary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-tertiary-to-quaternary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-tertiary-to-quinary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-tertiary-to-senary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-tertiary-to-septenary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-tertiary {
    background-color: var(--tertiary) !important;
  }
  .text-lg-tertiary {
    color: var(--tertiary) !important;
  }
  .hover-lg-tertiary:hover {
    color: var(--tertiary) !important;
  }
  .hover-bg-lg-tertiary:hover {
    background-color: var(--tertiary) !important;
  }
  .hover-btn-lg-tertiary:hover {
    background-color: var(--tertiary) !important;
    border-color: var(--tertiary) !important;
  }
}
@media (min-width: 992px) {
  .bg-lg-quaternary-to-primary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-quaternary-to-secondary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-quaternary-to-tertiary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-quaternary-to-quaternary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-quaternary-to-quinary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-quaternary-to-senary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-quaternary-to-septenary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-quaternary {
    background-color: var(--quaternary) !important;
  }
  .text-lg-quaternary {
    color: var(--quaternary) !important;
  }
  .hover-lg-quaternary:hover {
    color: var(--quaternary) !important;
  }
  .hover-bg-lg-quaternary:hover {
    background-color: var(--quaternary) !important;
  }
  .hover-btn-lg-quaternary:hover {
    background-color: var(--quaternary) !important;
    border-color: var(--quaternary) !important;
  }
}
@media (min-width: 992px) {
  .bg-lg-quinary-to-primary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-quinary-to-secondary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-quinary-to-tertiary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-quinary-to-quaternary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-quinary-to-quinary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-quinary-to-senary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-quinary-to-septenary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-quinary {
    background-color: var(--quinary) !important;
  }
  .text-lg-quinary {
    color: var(--quinary) !important;
  }
  .hover-lg-quinary:hover {
    color: var(--quinary) !important;
  }
  .hover-bg-lg-quinary:hover {
    background-color: var(--quinary) !important;
  }
  .hover-btn-lg-quinary:hover {
    background-color: var(--quinary) !important;
    border-color: var(--quinary) !important;
  }
}
@media (min-width: 992px) {
  .bg-lg-senary-to-primary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-senary-to-secondary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-senary-to-tertiary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-senary-to-quaternary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-senary-to-quinary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-senary-to-senary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-senary-to-septenary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-senary {
    background-color: var(--senary) !important;
  }
  .text-lg-senary {
    color: var(--senary) !important;
  }
  .hover-lg-senary:hover {
    color: var(--senary) !important;
  }
  .hover-bg-lg-senary:hover {
    background-color: var(--senary) !important;
  }
  .hover-btn-lg-senary:hover {
    background-color: var(--senary) !important;
    border-color: var(--senary) !important;
  }
}
@media (min-width: 992px) {
  .bg-lg-septenary-to-primary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-septenary-to-secondary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-septenary-to-tertiary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-septenary-to-quaternary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-septenary-to-quinary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-septenary-to-senary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-septenary-to-septenary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 992px) {
  .bg-lg-septenary {
    background-color: var(--septenary) !important;
  }
  .text-lg-septenary {
    color: var(--septenary) !important;
  }
  .hover-lg-septenary:hover {
    color: var(--septenary) !important;
  }
  .hover-bg-lg-septenary:hover {
    background-color: var(--septenary) !important;
  }
  .hover-btn-lg-septenary:hover {
    background-color: var(--septenary) !important;
    border-color: var(--septenary) !important;
  }
}
@media (min-width: 992px) {
  .bg-lg-light {
    background-color: #fff;
  }
  .text-lg-light {
    color: #fff !important;
  }
  .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;
  }
}
@media (min-width: 992px) {
  .bg-lg-dark {
    background-color: #282d32;
  }
  .text-lg-dark {
    color: #282d32 !important;
  }
  .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;
  }
}
@media (min-width: 992px) {
  .bg-lg-gray {
    background-color: #f1f2f2;
  }
  .text-lg-gray {
    color: #f1f2f2 !important;
  }
  .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;
  }
}
@media (min-width: 992px) {
  .bg-lg-dark-gray {
    background-color: #5f5f5f;
  }
  .text-lg-dark-gray {
    color: #5f5f5f !important;
  }
  .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) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-primary-to-secondary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-primary-to-tertiary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-primary-to-quaternary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-primary-to-quinary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-primary-to-senary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-primary-to-septenary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-primary {
    background-color: var(--primary) !important;
  }
  .text-xl-primary {
    color: var(--primary) !important;
  }
  .hover-xl-primary:hover {
    color: var(--primary) !important;
  }
  .hover-bg-xl-primary:hover {
    background-color: var(--primary) !important;
  }
  .hover-btn-xl-primary:hover {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}
@media (min-width: 1200px) {
  .bg-xl-secondary-to-primary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-secondary-to-secondary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-secondary-to-tertiary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-secondary-to-quaternary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-secondary-to-quinary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-secondary-to-senary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-secondary-to-septenary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-secondary {
    background-color: var(--secondary) !important;
  }
  .text-xl-secondary {
    color: var(--secondary) !important;
  }
  .hover-xl-secondary:hover {
    color: var(--secondary) !important;
  }
  .hover-bg-xl-secondary:hover {
    background-color: var(--secondary) !important;
  }
  .hover-btn-xl-secondary:hover {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
  }
}
@media (min-width: 1200px) {
  .bg-xl-tertiary-to-primary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-tertiary-to-secondary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-tertiary-to-tertiary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-tertiary-to-quaternary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-tertiary-to-quinary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-tertiary-to-senary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-tertiary-to-septenary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-tertiary {
    background-color: var(--tertiary) !important;
  }
  .text-xl-tertiary {
    color: var(--tertiary) !important;
  }
  .hover-xl-tertiary:hover {
    color: var(--tertiary) !important;
  }
  .hover-bg-xl-tertiary:hover {
    background-color: var(--tertiary) !important;
  }
  .hover-btn-xl-tertiary:hover {
    background-color: var(--tertiary) !important;
    border-color: var(--tertiary) !important;
  }
}
@media (min-width: 1200px) {
  .bg-xl-quaternary-to-primary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-quaternary-to-secondary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-quaternary-to-tertiary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-quaternary-to-quaternary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-quaternary-to-quinary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-quaternary-to-senary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-quaternary-to-septenary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-quaternary {
    background-color: var(--quaternary) !important;
  }
  .text-xl-quaternary {
    color: var(--quaternary) !important;
  }
  .hover-xl-quaternary:hover {
    color: var(--quaternary) !important;
  }
  .hover-bg-xl-quaternary:hover {
    background-color: var(--quaternary) !important;
  }
  .hover-btn-xl-quaternary:hover {
    background-color: var(--quaternary) !important;
    border-color: var(--quaternary) !important;
  }
}
@media (min-width: 1200px) {
  .bg-xl-quinary-to-primary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-quinary-to-secondary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-quinary-to-tertiary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-quinary-to-quaternary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-quinary-to-quinary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-quinary-to-senary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-quinary-to-septenary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-quinary {
    background-color: var(--quinary) !important;
  }
  .text-xl-quinary {
    color: var(--quinary) !important;
  }
  .hover-xl-quinary:hover {
    color: var(--quinary) !important;
  }
  .hover-bg-xl-quinary:hover {
    background-color: var(--quinary) !important;
  }
  .hover-btn-xl-quinary:hover {
    background-color: var(--quinary) !important;
    border-color: var(--quinary) !important;
  }
}
@media (min-width: 1200px) {
  .bg-xl-senary-to-primary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-senary-to-secondary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-senary-to-tertiary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-senary-to-quaternary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-senary-to-quinary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-senary-to-senary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-senary-to-septenary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-senary {
    background-color: var(--senary) !important;
  }
  .text-xl-senary {
    color: var(--senary) !important;
  }
  .hover-xl-senary:hover {
    color: var(--senary) !important;
  }
  .hover-bg-xl-senary:hover {
    background-color: var(--senary) !important;
  }
  .hover-btn-xl-senary:hover {
    background-color: var(--senary) !important;
    border-color: var(--senary) !important;
  }
}
@media (min-width: 1200px) {
  .bg-xl-septenary-to-primary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-septenary-to-secondary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-septenary-to-tertiary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-septenary-to-quaternary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-septenary-to-quinary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-septenary-to-senary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-septenary-to-septenary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 1200px) {
  .bg-xl-septenary {
    background-color: var(--septenary) !important;
  }
  .text-xl-septenary {
    color: var(--septenary) !important;
  }
  .hover-xl-septenary:hover {
    color: var(--septenary) !important;
  }
  .hover-bg-xl-septenary:hover {
    background-color: var(--septenary) !important;
  }
  .hover-btn-xl-septenary:hover {
    background-color: var(--septenary) !important;
    border-color: var(--septenary) !important;
  }
}
@media (min-width: 1200px) {
  .bg-xl-light {
    background-color: #fff;
  }
  .text-xl-light {
    color: #fff !important;
  }
  .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;
  }
}
@media (min-width: 1200px) {
  .bg-xl-dark {
    background-color: #282d32;
  }
  .text-xl-dark {
    color: #282d32 !important;
  }
  .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;
  }
}
@media (min-width: 1200px) {
  .bg-xl-gray {
    background-color: #f1f2f2;
  }
  .text-xl-gray {
    color: #f1f2f2 !important;
  }
  .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;
  }
}
@media (min-width: 1200px) {
  .bg-xl-dark-gray {
    background-color: #5f5f5f;
  }
  .text-xl-dark-gray {
    color: #5f5f5f !important;
  }
  .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: 1400px) {
  .bg-xxl-primary-to-primary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-primary-to-secondary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-primary-to-tertiary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-primary-to-quaternary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-primary-to-quinary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-primary-to-senary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-primary-to-septenary {
    background: var(--primary) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-primary {
    background-color: var(--primary) !important;
  }
  .text-xxl-primary {
    color: var(--primary) !important;
  }
  .hover-xxl-primary:hover {
    color: var(--primary) !important;
  }
  .hover-bg-xxl-primary:hover {
    background-color: var(--primary) !important;
  }
  .hover-btn-xxl-primary:hover {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}
@media (min-width: 1400px) {
  .bg-xxl-secondary-to-primary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-secondary-to-secondary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-secondary-to-tertiary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-secondary-to-quaternary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-secondary-to-quinary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-secondary-to-senary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-secondary-to-septenary {
    background: var(--secondary) !important;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-secondary {
    background-color: var(--secondary) !important;
  }
  .text-xxl-secondary {
    color: var(--secondary) !important;
  }
  .hover-xxl-secondary:hover {
    color: var(--secondary) !important;
  }
  .hover-bg-xxl-secondary:hover {
    background-color: var(--secondary) !important;
  }
  .hover-btn-xxl-secondary:hover {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
  }
}
@media (min-width: 1400px) {
  .bg-xxl-tertiary-to-primary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-tertiary-to-secondary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-tertiary-to-tertiary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-tertiary-to-quaternary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-tertiary-to-quinary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-tertiary-to-senary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-tertiary-to-septenary {
    background: var(--tertiary) !important;
    background: linear-gradient(90deg, rgba(var(--tertiary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-tertiary {
    background-color: var(--tertiary) !important;
  }
  .text-xxl-tertiary {
    color: var(--tertiary) !important;
  }
  .hover-xxl-tertiary:hover {
    color: var(--tertiary) !important;
  }
  .hover-bg-xxl-tertiary:hover {
    background-color: var(--tertiary) !important;
  }
  .hover-btn-xxl-tertiary:hover {
    background-color: var(--tertiary) !important;
    border-color: var(--tertiary) !important;
  }
}
@media (min-width: 1400px) {
  .bg-xxl-quaternary-to-primary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-quaternary-to-secondary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-quaternary-to-tertiary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-quaternary-to-quaternary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-quaternary-to-quinary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-quaternary-to-senary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-quaternary-to-septenary {
    background: var(--quaternary) !important;
    background: linear-gradient(90deg, rgba(var(--quaternary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-quaternary {
    background-color: var(--quaternary) !important;
  }
  .text-xxl-quaternary {
    color: var(--quaternary) !important;
  }
  .hover-xxl-quaternary:hover {
    color: var(--quaternary) !important;
  }
  .hover-bg-xxl-quaternary:hover {
    background-color: var(--quaternary) !important;
  }
  .hover-btn-xxl-quaternary:hover {
    background-color: var(--quaternary) !important;
    border-color: var(--quaternary) !important;
  }
}
@media (min-width: 1400px) {
  .bg-xxl-quinary-to-primary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-quinary-to-secondary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-quinary-to-tertiary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-quinary-to-quaternary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-quinary-to-quinary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-quinary-to-senary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-quinary-to-septenary {
    background: var(--quinary) !important;
    background: linear-gradient(90deg, rgba(var(--quinary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-quinary {
    background-color: var(--quinary) !important;
  }
  .text-xxl-quinary {
    color: var(--quinary) !important;
  }
  .hover-xxl-quinary:hover {
    color: var(--quinary) !important;
  }
  .hover-bg-xxl-quinary:hover {
    background-color: var(--quinary) !important;
  }
  .hover-btn-xxl-quinary:hover {
    background-color: var(--quinary) !important;
    border-color: var(--quinary) !important;
  }
}
@media (min-width: 1400px) {
  .bg-xxl-senary-to-primary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-senary-to-secondary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-senary-to-tertiary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-senary-to-quaternary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-senary-to-quinary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-senary-to-senary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-senary-to-septenary {
    background: var(--senary) !important;
    background: linear-gradient(90deg, rgba(var(--senary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-senary {
    background-color: var(--senary) !important;
  }
  .text-xxl-senary {
    color: var(--senary) !important;
  }
  .hover-xxl-senary:hover {
    color: var(--senary) !important;
  }
  .hover-bg-xxl-senary:hover {
    background-color: var(--senary) !important;
  }
  .hover-btn-xxl-senary:hover {
    background-color: var(--senary) !important;
    border-color: var(--senary) !important;
  }
}
@media (min-width: 1400px) {
  .bg-xxl-septenary-to-primary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--primary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-septenary-to-secondary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--secondary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-septenary-to-tertiary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--tertiary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-septenary-to-quaternary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--quaternary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-septenary-to-quinary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--quinary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-septenary-to-senary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--senary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-septenary-to-septenary {
    background: var(--septenary) !important;
    background: linear-gradient(90deg, rgba(var(--septenary-rgb)) 35%, rgba(var(--septenary-rgb)) 100%);
  }
}
@media (min-width: 1400px) {
  .bg-xxl-septenary {
    background-color: var(--septenary) !important;
  }
  .text-xxl-septenary {
    color: var(--septenary) !important;
  }
  .hover-xxl-septenary:hover {
    color: var(--septenary) !important;
  }
  .hover-bg-xxl-septenary:hover {
    background-color: var(--septenary) !important;
  }
  .hover-btn-xxl-septenary:hover {
    background-color: var(--septenary) !important;
    border-color: var(--septenary) !important;
  }
}
@media (min-width: 1400px) {
  .bg-xxl-light {
    background-color: #fff;
  }
  .text-xxl-light {
    color: #fff !important;
  }
  .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;
  }
}
@media (min-width: 1400px) {
  .bg-xxl-dark {
    background-color: #282d32;
  }
  .text-xxl-dark {
    color: #282d32 !important;
  }
  .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;
  }
}
@media (min-width: 1400px) {
  .bg-xxl-gray {
    background-color: #f1f2f2;
  }
  .text-xxl-gray {
    color: #f1f2f2 !important;
  }
  .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;
  }
}
@media (min-width: 1400px) {
  .bg-xxl-dark-gray {
    background-color: #5f5f5f;
  }
  .text-xxl-dark-gray {
    color: #5f5f5f !important;
  }
  .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;
  }
}
.well {
  position: relative;
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: var(--gray);
  border-radius: var(--border-radius);
}
@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
}
section.arrow {
  border-top: calc(var(--unit) * .625) solid #fff;
  --arrow-color: #fff;
}
section.arrow::before {
  content: '';
  width: 0;
  height: 0;
  z-index: 1;
  position: absolute;
  top: 0;
  left: calc(50% - 20px);
  border-style: solid;
  border-width: calc(var(--unit) * 1.563) calc(var(--unit) * 1.563) 0 calc(var(--unit) * 1.563);
  border-color: var(--arrow-color) transparent transparent transparent;
}
section.arrow.arrow-primary {
  border-color: var(--primary);
  --arrow-color: var(--primary);
}
section.arrow.arrow-secondary {
  border-color: var(--secondary);
  --arrow-color: var(--secondary);
}
section.arrow.arrow-tertiary {
  border-color: var(--tertiary);
  --arrow-color: var(--tertiary);
}
section.arrow.arrow-quaternary {
  border-color: var(--quaternary);
  --arrow-color: var(--quaternary);
}
section.arrow.arrow-quinary {
  border-color: var(--quinary);
  --arrow-color: var(--quinary);
}
section.arrow.arrow-senary {
  border-color: var(--senary);
  --arrow-color: var(--senary);
}
section.arrow.arrow-septenary {
  border-color: var(--septenary);
  --arrow-color: var(--septenary);
}
.divider-diagonal::before, .divider-diagonal::after {
  position: absolute;
  content: '';
  pointer-events: none;
}
.divider-diagonal {
  z-index: 1;
  padding-top: 6em;
  background: #fff;
}
.divider-diagonal::before, .divider-diagonal::after {
  top: 0;
  left: -25%;
  z-index: -1;
  width: 150%;
  height: 75%;
  background: inherit;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
/* Mirror */
.divider-diagonal.diagonal-mirror::before, .divider-diagonal.diagonal-mirror::after {
  top: -80px;
  left: -5%;
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg);
}
/* Add Shadow */
.divider-diagonal.diagonal-shadow::before {
  height: 50%;
  background: rgba(46, 51, 57, 0.5);
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  -webkit-transform-origin: 3% 0;
  transform-origin: 3% 0;
}
.divider-diagonal.diagonal-mirror.diagonal-shadow::before {
  top: -100px;
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
}
.divider-diagonal.diagonal-shadow.shadow-primary::before {
  background: var(--primary-rgba-translucent);
}
.divider-diagonal.diagonal-shadow.shadow-secondary::before {
  background: var(--secondary-rgba-translucent);
}
.divider-diagonal.diagonal-shadow.shadow-tertiary::before {
  background: var(--tertiary-rgba-translucent);
}
.divider-diagonal.diagonal-shadow.shadow-quaternary::before {
  background: var(--quaternary-rgba-translucent);
}
.divider-diagonal.diagonal-shadow.shadow-quinary::before {
  background: var(--quinary-rgba-translucent);
}
.divider-diagonal.diagonal-shadow.shadow-senary::before {
  background: var(--senary-rgba-translucent);
}
.divider-diagonal.diagonal-shadow.shadow-septenary::before {
  background: var(--septenary-rgba-translucent);
}
ul.icon-list {
  --icon-unicode: '';
  --icon-weight: 300;
  --icon-font-size: var(--p-size);
  --icon-color: var(--secondary);
  --icon-font: 'Font Awesome 6 Pro';
  font-size: var(--p-size);
  font-weight: 300;
  margin: 0 0 0 10px;
  padding: 0;
}
ul.icon-list.icon-xl {
  font-size: 1.5rem;
  --icon-font-size:  2.5rem;
}
ul.icon-list li {
  position: relative;
  list-style-type: none;
  padding: 0px 0 5px 38px;
  margin-bottom: calc(var(--unit) * 1);
}
ul.icon-list.icon-xl li {
  padding-left: 68px;
}
ul.icon-list.icon-xl li:not(:last-child) {
  margin-bottom: 1.2rem;
}
/* default: chevron */
ul.icon-list li::after {
  font-family: var(--icon-font);
  content: var(--icon-unicode);
  font-style: normal;
  font-weight: var(--icon-weight);
  line-height: 1;
  text-decoration: inherit;
  position: absolute;
  font-size: var(--icon-font-size);
  color: var(--icon-color);
  top: 7px;
  left: 0;
  z-index: 1;
}
ul.icon-list li[class*='zr-']:before {
  content: unset;
}
/* chevron circle */
ul.icon-list.list-arrow-circle li::after {
  content: '';
}
/* checkmark */
ul.icon-list.list-checkmark li::after {
  content: '';
  opacity: 1;
}
ul.icon-list.list-checkmark.check-strong li::after {
  font-weight: bold;
}
ul.icon-list.icons-primary {
  --icon-color: var(--primary);
}
ul.icon-list .icons-primary {
  --icon-color: var(--primary);
}
ul.icon-list.icons-secondary {
  --icon-color: var(--secondary);
}
ul.icon-list .icons-secondary {
  --icon-color: var(--secondary);
}
ul.icon-list.icons-tertiary {
  --icon-color: var(--tertiary);
}
ul.icon-list .icons-tertiary {
  --icon-color: var(--tertiary);
}
ul.icon-list.icons-quaternary {
  --icon-color: var(--quaternary);
}
ul.icon-list .icons-quaternary {
  --icon-color: var(--quaternary);
}
ul.icon-list.icons-quinary {
  --icon-color: var(--quinary);
}
ul.icon-list .icons-quinary {
  --icon-color: var(--quinary);
}
ul.icon-list.icons-senary {
  --icon-color: var(--senary);
}
ul.icon-list .icons-senary {
  --icon-color: var(--senary);
}
ul.icon-list.icons-septenary {
  --icon-color: var(--septenary);
}
ul.icon-list .icons-septenary {
  --icon-color: var(--septenary);
}
.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, 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: 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-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: 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-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: 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-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: 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-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: 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: 1400px) {
  .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-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: 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);
  }
}
.link-overlay {
  position: relative;
}
.link-overlay a {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
  background-color: #00000000;
}
.link-overlay a:hover {
  background-color: #0000002e;
  cursor: pointer;
}
@media (max-width: 991px) {
  .link-overlay {
    min-height: 200px;
    width: 100%;
  }
}
.img-abstract {
  min-height: 400px;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// FORMS /////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.form-control {
  border-radius: 0.2rem;
  margin-bottom: var(--unit);
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: rgba(122, 104, 173, 0.8);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(122, 104, 173, 0.2);
}
.hide-form-labels form {
  margin-top: 15px;
}
.hide-form-labels .form-group label {
  display: none;
}
@media (min-width: 576px) {
  .hide-form-labels-sm form {
    margin-top: 15px;
  }
  .hide-form-labels-sm .form-group label {
    display: none;
  }
}
@media (min-width: 768px) {
  .hide-form-labels-md form {
    margin-top: 15px;
  }
  .hide-form-labels-md .form-group label {
    display: none;
  }
}
@media (min-width: 992px) {
  .hide-form-labels-lg form {
    margin-top: 15px;
  }
  .hide-form-labels-lg .form-group label {
    display: none;
  }
}
@media (min-width: 1200px) {
  .hide-form-labels-xl form {
    margin-top: 15px;
  }
  .hide-form-labels-xl .form-group label {
    display: none;
  }
}
@media (min-width: 1400px) {
  .hide-form-labels-xxl form {
    margin-top: 15px;
  }
  .hide-form-labels-xxl .form-group label {
    display: none;
  }
}
.inlay-form-labels form {
  margin-top: 15px;
}
.inlay-form-labels .form-group {
  position: relative;
  margin-top: -19px;
}
.inlay-form-labels .form-group input, .inlay-form-labels .form-group textarea {
  width: 100%;
  height: 50px;
  padding-top: 21px;
}
.inlay-form-labels .form-group label {
  position: relative;
  left: 12px;
  top: 25px;
  display: block;
  color: #b3b3b3;
  padding: 0;
  margin: 0;
  font-size: 13px;
}
.inlay-form-labels .form-group.inlay-select, .inlay-form-labels .form-group.inlay-button {
  margin-top: 0;
}
.inlay-form-labels .form-group.inlay-select label, .inlay-form-labels .form-group.inlay-button label {
  display: none;
}
.inlay-form-labels .form-group.inlay-select select {
  height: 100%;
}
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Style Snippets //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.play-btn {
  background-color: var(--primary);
  border-radius: 100%;
  width: var(--dimension, 60px);
  height: var(--dimension, 60px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.link-overlay > .play-btn {
  margin: 0px auto 40px auto;
}
.play-btn i {
  font-size: var(--font, 25px);
  color: white;
  margin-left: var(--lm, -2px);
}
@media (min-width: 992px) {
  .play-btn.play-xxl {
    --dimension: 112px;
    --font: 56px;
    --lm: 14px;
  }
}
.layered-circle::before {
  background-color: var(--primary);
}
.layered-circle::after {
  background-color: var(--secondary);
}
section.bg-primary .layered-circle::before {
  background-color: var(--secondary);
}
section.bg-primary .layered-circle::after {
  background-color: white;
}
.layered-circle {
  position: relative;
  width: 300px;
}
.layered-circle::before {
  content: '';
  width: 103%;
  padding-bottom: 103%;
  border-radius: 100%;
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
}
.layered-circle::after {
  content: '';
  width: 103%;
  padding-bottom: 103%;
  border-radius: 100%;
  position: absolute;
  z-index: 1;
  top: 1.5%;
  left: 1.5%;
}
.layered-circle .circle {
  padding-bottom: 100%;
  border-radius: 100%;
  position: relative;
  z-index: 3;
  display: flex;
  overflow: hidden;
}
.layered-circle .circle .play-btn {
  position: absolute;
  z-index: 5;
}
.layered-circle .circle .overlay {
  background-color: black;
  opacity: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  transition: 0.2s ease-in;
}
.layered-circle .circle:hover .overlay {
  opacity: 0.3;
  transition: 0.2s ease-in;
}
.nine-img-nav [class*="col-"] {
  padding-right: 16px;
  padding-left: 0px;
}
.nine-img-nav .row {
  margin: 0px;
}
.nine-img-nav [class*="col-"]:last-child {
  padding-right: 0px;
}
.nine-img-nav .img-nav-cont {
  height: 406px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  padding: 10px 20px;
  border-radius: var(--border-radius);
  transition: all 0.2s ease-in;
  overflow: hidden;
  color: var(--secondary);
}
.nine-img-nav .img-nav-cont:hover {
  text-decoration: none;
  color: var(--secondary);
  border-radius: calc(var(--border-radius) + 4px);
  padding: 20px 20px;
  box-shadow: rgba(0, 0, 0, 0.32) 0px 0.375rem 1rem 0px;
}
.nine-img-nav .img-nav-cont .btn {
  align-self: flex-start;
  position: relative;
  z-index: 1;
  transition: all 0.2s ease-in;
  opacity: 0;
}
.nine-img-nav .img-nav-cont:hover .btn {
  opacity: 1;
}
.nine-img-nav .img-nav-cont h1, .nine-img-nav .img-nav-cont h2, .nine-img-nav .img-nav-cont h3, .nine-img-nav .img-nav-cont h4, .nine-img-nav .img-nav-cont h5, .nine-img-nav .img-nav-cont h6, .nine-img-nav .img-nav-cont p, .nine-img-nav .img-nav-cont span {
  transition: all 0.2s ease-in;
  position: relative;
  z-index: 1;
}
.nine-img-nav .img-nav-cont .img-nav-img {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-size: cover;
  background-position: center;
}
.nine-img-nav .img-nav-stack {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.nine-img-nav .img-nav-stack .img-nav-cont:hover {
  padding: 10px 20px;
}
.nine-img-nav .img-nav-stack .img-nav-cont:hover h4 {
  margin-top: 10px;
}
.nine-img-nav .img-nav-stack .img-nav-cont:hover button {
  margin-bottom: 10px;
}
.nine-img-nav .img-nav-stack .img-nav-cont {
  height: 100% !important;
}
.nine-img-nav .img-nav-stack .img-nav-cont:not(:last-child) {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .nine-img-nav [class*='col-']:nth-child(odd) {
    padding-right: 7px;
  }
  .nine-img-nav [class*='col-']:nth-child(even) {
    padding-left: 7px;
    padding-right: 0px;
  }
  .nine-img-nav .img-nav-cont {
    width: 100%;
    height: unset;
    padding-top: 0px;
    padding-bottom: 100%;
  }
  .nine-img-nav .img-nav-cont:hover {
    padding-top: 0px;
    padding-bottom: 100%;
  }
  .nine-img-nav .img-nav-cont h4 {
    position: absolute;
    top: 10px;
  }
  .nine-img-nav .img-nav-cont button {
    display: none;
  }
  .nine-img-nav .img-nav-stack {
    flex-direction: row;
  }
  .nine-img-nav .img-nav-stack .img-nav-cont {
    height: unset !important;
  }
}
.lr-section {
  --lr-margin: calc(calc(100vw - var(--container-w)) / 2);
  display: flex;
  flex-wrap: wrap;
  padding: 0px !important;
}
.lr-section > div[class*='col-'] {
  padding: calc(var(--unit) * 4.6875) 0;
}
section.lr-section:first-child > div[class*='col-'] {
  padding-top: calc(var(--nav-mobile-height) + calc(var(--unit) * 4.6875));
}
.skew {
  overflow: hidden;
  position: relative;
}
.skew:before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 100vw;
  position: absolute;
  bottom: 0px;
  background-color: var(--primary);
}
.skew.top-right:before {
  left: 100%;
  transform: skew(41deg);
  transform-origin: bottom right;
}
.skew.top-left:before {
  right: 100%;
  transform: skew(-41deg);
  transform-origin: bottom left;
}
.skew.bottom-left:before {
  right: 100%;
  transform: skew(41deg);
  transform-origin: top left;
}
.skew.bottom-right:before {
  left: 100%;
  transform: skew(-41deg);
  transform-origin: top right;
}
@media (min-width: 1350px) {
  section.lr-section:first-child div[class*='col-'] {
    padding-top: calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar, 0px) + calc(var(--unit) * 4.6875));
  }
}
.lr-section > [class*="col-"] {
  width: 100%;
}
.lr-section > [class*="col-"] .lr-content {
  width: var(--container-w);
  margin: 0 auto;
  padding-left: 12px;
  padding-right: 12px;
}
.lr-section > .col-1 {
  --col-xs-1: calc(var(--container-w) * 0.083333);
  width: calc(var(--col-xs-1) + var(--lr-margin));
}
.lr-section > .col-1 .lr-content {
  width: var(--col-xs-1);
}
.lr-section > .col-1:first-child .lr-content {
  margin-left: auto;
}
.lr-section > .col-1:last-child .lr-content {
  margin-right: auto;
}
.lr-section > .col-2 {
  --col-xs-2: calc(var(--container-w) * 0.166666);
  width: calc(var(--col-xs-2) + var(--lr-margin));
}
.lr-section > .col-2 .lr-content {
  width: var(--col-xs-2);
}
.lr-section > .col-2:first-child .lr-content {
  margin-left: auto;
}
.lr-section > .col-2:last-child .lr-content {
  margin-right: auto;
}
.lr-section > .col-3 {
  --col-xs-3: calc(var(--container-w) * 0.249999);
  width: calc(var(--col-xs-3) + var(--lr-margin));
}
.lr-section > .col-3 .lr-content {
  width: var(--col-xs-3);
}
.lr-section > .col-3:first-child .lr-content {
  margin-left: auto;
}
.lr-section > .col-3:last-child .lr-content {
  margin-right: auto;
}
.lr-section > .col-4 {
  --col-xs-4: calc(var(--container-w) * 0.333332);
  width: calc(var(--col-xs-4) + var(--lr-margin));
}
.lr-section > .col-4 .lr-content {
  width: var(--col-xs-4);
}
.lr-section > .col-4:first-child .lr-content {
  margin-left: auto;
}
.lr-section > .col-4:last-child .lr-content {
  margin-right: auto;
}
.lr-section > .col-5 {
  --col-xs-5: calc(var(--container-w) * 0.416665);
  width: calc(var(--col-xs-5) + var(--lr-margin));
}
.lr-section > .col-5 .lr-content {
  width: var(--col-xs-5);
}
.lr-section > .col-5:first-child .lr-content {
  margin-left: auto;
}
.lr-section > .col-5:last-child .lr-content {
  margin-right: auto;
}
.lr-section > .col-6 {
  --col-xs-6: calc(var(--container-w) * 0.499998);
  width: calc(var(--col-xs-6) + var(--lr-margin));
}
.lr-section > .col-6 .lr-content {
  width: var(--col-xs-6);
}
.lr-section > .col-6:first-child .lr-content {
  margin-left: auto;
}
.lr-section > .col-6:last-child .lr-content {
  margin-right: auto;
}
.lr-section > .col-7 {
  --col-xs-7: calc(var(--container-w) * 0.583331);
  width: calc(var(--col-xs-7) + var(--lr-margin));
}
.lr-section > .col-7 .lr-content {
  width: var(--col-xs-7);
}
.lr-section > .col-7:first-child .lr-content {
  margin-left: auto;
}
.lr-section > .col-7:last-child .lr-content {
  margin-right: auto;
}
.lr-section > .col-8 {
  --col-xs-8: calc(var(--container-w) * 0.666664);
  width: calc(var(--col-xs-8) + var(--lr-margin));
}
.lr-section > .col-8 .lr-content {
  width: var(--col-xs-8);
}
.lr-section > .col-8:first-child .lr-content {
  margin-left: auto;
}
.lr-section > .col-8:last-child .lr-content {
  margin-right: auto;
}
.lr-section > .col-9 {
  --col-xs-9: calc(var(--container-w) * 0.749997);
  width: calc(var(--col-xs-9) + var(--lr-margin));
}
.lr-section > .col-9 .lr-content {
  width: var(--col-xs-9);
}
.lr-section > .col-9:first-child .lr-content {
  margin-left: auto;
}
.lr-section > .col-9:last-child .lr-content {
  margin-right: auto;
}
.lr-section > .col-10 {
  --col-xs-10: calc(var(--container-w) * 0.83333);
  width: calc(var(--col-xs-10) + var(--lr-margin));
}
.lr-section > .col-10 .lr-content {
  width: var(--col-xs-10);
}
.lr-section > .col-10:first-child .lr-content {
  margin-left: auto;
}
.lr-section > .col-10:last-child .lr-content {
  margin-right: auto;
}
.lr-section > .col-11 {
  --col-xs-11: calc(var(--container-w) * 0.916663);
  width: calc(var(--col-xs-11) + var(--lr-margin));
}
.lr-section > .col-11 .lr-content {
  width: var(--col-xs-11);
}
.lr-section > .col-11:first-child .lr-content {
  margin-left: auto;
}
.lr-section > .col-11:last-child .lr-content {
  margin-right: auto;
}
.lr-section > .col-12 {
  --col-xs-12: calc(var(--container-w) * 0.999996);
  width: calc(var(--col-xs-12) + var(--lr-margin));
}
.lr-section > .col-12 .lr-content {
  width: var(--col-xs-12);
}
.lr-section > .col-12:first-child .lr-content {
  margin-left: auto;
}
.lr-section > .col-12:last-child .lr-content {
  margin-right: auto;
}
@media (min-width: 576px) {
  .lr-section > .col-sm-1 {
    --col-sm-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-sm-1) + var(--lr-margin));
  }
  .lr-section > .col-sm-1 .lr-content {
    width: var(--col-sm-1);
  }
  .lr-section > .col-sm-1:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-sm-1:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-sm-2 {
    --col-sm-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-sm-2) + var(--lr-margin));
  }
  .lr-section > .col-sm-2 .lr-content {
    width: var(--col-sm-2);
  }
  .lr-section > .col-sm-2:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-sm-2:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-sm-3 {
    --col-sm-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-sm-3) + var(--lr-margin));
  }
  .lr-section > .col-sm-3 .lr-content {
    width: var(--col-sm-3);
  }
  .lr-section > .col-sm-3:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-sm-3:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-sm-4 {
    --col-sm-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-sm-4) + var(--lr-margin));
  }
  .lr-section > .col-sm-4 .lr-content {
    width: var(--col-sm-4);
  }
  .lr-section > .col-sm-4:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-sm-4:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-sm-5 {
    --col-sm-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-sm-5) + var(--lr-margin));
  }
  .lr-section > .col-sm-5 .lr-content {
    width: var(--col-sm-5);
  }
  .lr-section > .col-sm-5:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-sm-5:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-sm-6 {
    --col-sm-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-sm-6) + var(--lr-margin));
  }
  .lr-section > .col-sm-6 .lr-content {
    width: var(--col-sm-6);
  }
  .lr-section > .col-sm-6:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-sm-6:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-sm-7 {
    --col-sm-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-sm-7) + var(--lr-margin));
  }
  .lr-section > .col-sm-7 .lr-content {
    width: var(--col-sm-7);
  }
  .lr-section > .col-sm-7:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-sm-7:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-sm-8 {
    --col-sm-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-sm-8) + var(--lr-margin));
  }
  .lr-section > .col-sm-8 .lr-content {
    width: var(--col-sm-8);
  }
  .lr-section > .col-sm-8:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-sm-8:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-sm-9 {
    --col-sm-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-sm-9) + var(--lr-margin));
  }
  .lr-section > .col-sm-9 .lr-content {
    width: var(--col-sm-9);
  }
  .lr-section > .col-sm-9:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-sm-9:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-sm-10 {
    --col-sm-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-sm-10) + var(--lr-margin));
  }
  .lr-section > .col-sm-10 .lr-content {
    width: var(--col-sm-10);
  }
  .lr-section > .col-sm-10:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-sm-10:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-sm-11 {
    --col-sm-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-sm-11) + var(--lr-margin));
  }
  .lr-section > .col-sm-11 .lr-content {
    width: var(--col-sm-11);
  }
  .lr-section > .col-sm-11:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-sm-11:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-sm-12 {
    --col-sm-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-sm-12) + var(--lr-margin));
  }
  .lr-section > .col-sm-12 .lr-content {
    width: var(--col-sm-12);
  }
  .lr-section > .col-sm-12:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-sm-12:last-child .lr-content {
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  .lr-section > .col-md-1 {
    --col-md-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-md-1) + var(--lr-margin));
  }
  .lr-section > .col-md-1 .lr-content {
    width: var(--col-md-1);
  }
  .lr-section > .col-md-1:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-md-1:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-md-2 {
    --col-md-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-md-2) + var(--lr-margin));
  }
  .lr-section > .col-md-2 .lr-content {
    width: var(--col-md-2);
  }
  .lr-section > .col-md-2:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-md-2:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-md-3 {
    --col-md-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-md-3) + var(--lr-margin));
  }
  .lr-section > .col-md-3 .lr-content {
    width: var(--col-md-3);
  }
  .lr-section > .col-md-3:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-md-3:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-md-4 {
    --col-md-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-md-4) + var(--lr-margin));
  }
  .lr-section > .col-md-4 .lr-content {
    width: var(--col-md-4);
  }
  .lr-section > .col-md-4:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-md-4:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-md-5 {
    --col-md-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-md-5) + var(--lr-margin));
  }
  .lr-section > .col-md-5 .lr-content {
    width: var(--col-md-5);
  }
  .lr-section > .col-md-5:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-md-5:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-md-6 {
    --col-md-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-md-6) + var(--lr-margin));
  }
  .lr-section > .col-md-6 .lr-content {
    width: var(--col-md-6);
  }
  .lr-section > .col-md-6:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-md-6:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-md-7 {
    --col-md-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-md-7) + var(--lr-margin));
  }
  .lr-section > .col-md-7 .lr-content {
    width: var(--col-md-7);
  }
  .lr-section > .col-md-7:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-md-7:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-md-8 {
    --col-md-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-md-8) + var(--lr-margin));
  }
  .lr-section > .col-md-8 .lr-content {
    width: var(--col-md-8);
  }
  .lr-section > .col-md-8:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-md-8:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-md-9 {
    --col-md-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-md-9) + var(--lr-margin));
  }
  .lr-section > .col-md-9 .lr-content {
    width: var(--col-md-9);
  }
  .lr-section > .col-md-9:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-md-9:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-md-10 {
    --col-md-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-md-10) + var(--lr-margin));
  }
  .lr-section > .col-md-10 .lr-content {
    width: var(--col-md-10);
  }
  .lr-section > .col-md-10:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-md-10:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-md-11 {
    --col-md-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-md-11) + var(--lr-margin));
  }
  .lr-section > .col-md-11 .lr-content {
    width: var(--col-md-11);
  }
  .lr-section > .col-md-11:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-md-11:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-md-12 {
    --col-md-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-md-12) + var(--lr-margin));
  }
  .lr-section > .col-md-12 .lr-content {
    width: var(--col-md-12);
  }
  .lr-section > .col-md-12:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-md-12:last-child .lr-content {
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  .lr-section > .col-lg-1 {
    --col-lg-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-lg-1) + var(--lr-margin));
  }
  .lr-section > .col-lg-1 .lr-content {
    width: var(--col-lg-1);
  }
  .lr-section > .col-lg-1:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-lg-1:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-lg-2 {
    --col-lg-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-lg-2) + var(--lr-margin));
  }
  .lr-section > .col-lg-2 .lr-content {
    width: var(--col-lg-2);
  }
  .lr-section > .col-lg-2:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-lg-2:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-lg-3 {
    --col-lg-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-lg-3) + var(--lr-margin));
  }
  .lr-section > .col-lg-3 .lr-content {
    width: var(--col-lg-3);
  }
  .lr-section > .col-lg-3:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-lg-3:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-lg-4 {
    --col-lg-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-lg-4) + var(--lr-margin));
  }
  .lr-section > .col-lg-4 .lr-content {
    width: var(--col-lg-4);
  }
  .lr-section > .col-lg-4:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-lg-4:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-lg-5 {
    --col-lg-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-lg-5) + var(--lr-margin));
  }
  .lr-section > .col-lg-5 .lr-content {
    width: var(--col-lg-5);
  }
  .lr-section > .col-lg-5:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-lg-5:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-lg-6 {
    --col-lg-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-lg-6) + var(--lr-margin));
  }
  .lr-section > .col-lg-6 .lr-content {
    width: var(--col-lg-6);
  }
  .lr-section > .col-lg-6:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-lg-6:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-lg-7 {
    --col-lg-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-lg-7) + var(--lr-margin));
  }
  .lr-section > .col-lg-7 .lr-content {
    width: var(--col-lg-7);
  }
  .lr-section > .col-lg-7:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-lg-7:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-lg-8 {
    --col-lg-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-lg-8) + var(--lr-margin));
  }
  .lr-section > .col-lg-8 .lr-content {
    width: var(--col-lg-8);
  }
  .lr-section > .col-lg-8:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-lg-8:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-lg-9 {
    --col-lg-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-lg-9) + var(--lr-margin));
  }
  .lr-section > .col-lg-9 .lr-content {
    width: var(--col-lg-9);
  }
  .lr-section > .col-lg-9:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-lg-9:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-lg-10 {
    --col-lg-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-lg-10) + var(--lr-margin));
  }
  .lr-section > .col-lg-10 .lr-content {
    width: var(--col-lg-10);
  }
  .lr-section > .col-lg-10:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-lg-10:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-lg-11 {
    --col-lg-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-lg-11) + var(--lr-margin));
  }
  .lr-section > .col-lg-11 .lr-content {
    width: var(--col-lg-11);
  }
  .lr-section > .col-lg-11:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-lg-11:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-lg-12 {
    --col-lg-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-lg-12) + var(--lr-margin));
  }
  .lr-section > .col-lg-12 .lr-content {
    width: var(--col-lg-12);
  }
  .lr-section > .col-lg-12:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-lg-12:last-child .lr-content {
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .lr-section > .col-xl-1 {
    --col-xl-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-xl-1) + var(--lr-margin));
  }
  .lr-section > .col-xl-1 .lr-content {
    width: var(--col-xl-1);
  }
  .lr-section > .col-xl-1:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-xl-1:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-xl-2 {
    --col-xl-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-xl-2) + var(--lr-margin));
  }
  .lr-section > .col-xl-2 .lr-content {
    width: var(--col-xl-2);
  }
  .lr-section > .col-xl-2:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-xl-2:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-xl-3 {
    --col-xl-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-xl-3) + var(--lr-margin));
  }
  .lr-section > .col-xl-3 .lr-content {
    width: var(--col-xl-3);
  }
  .lr-section > .col-xl-3:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-xl-3:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-xl-4 {
    --col-xl-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-xl-4) + var(--lr-margin));
  }
  .lr-section > .col-xl-4 .lr-content {
    width: var(--col-xl-4);
  }
  .lr-section > .col-xl-4:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-xl-4:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-xl-5 {
    --col-xl-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-xl-5) + var(--lr-margin));
  }
  .lr-section > .col-xl-5 .lr-content {
    width: var(--col-xl-5);
  }
  .lr-section > .col-xl-5:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-xl-5:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-xl-6 {
    --col-xl-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-xl-6) + var(--lr-margin));
  }
  .lr-section > .col-xl-6 .lr-content {
    width: var(--col-xl-6);
  }
  .lr-section > .col-xl-6:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-xl-6:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-xl-7 {
    --col-xl-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-xl-7) + var(--lr-margin));
  }
  .lr-section > .col-xl-7 .lr-content {
    width: var(--col-xl-7);
  }
  .lr-section > .col-xl-7:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-xl-7:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-xl-8 {
    --col-xl-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-xl-8) + var(--lr-margin));
  }
  .lr-section > .col-xl-8 .lr-content {
    width: var(--col-xl-8);
  }
  .lr-section > .col-xl-8:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-xl-8:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-xl-9 {
    --col-xl-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-xl-9) + var(--lr-margin));
  }
  .lr-section > .col-xl-9 .lr-content {
    width: var(--col-xl-9);
  }
  .lr-section > .col-xl-9:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-xl-9:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-xl-10 {
    --col-xl-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-xl-10) + var(--lr-margin));
  }
  .lr-section > .col-xl-10 .lr-content {
    width: var(--col-xl-10);
  }
  .lr-section > .col-xl-10:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-xl-10:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-xl-11 {
    --col-xl-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-xl-11) + var(--lr-margin));
  }
  .lr-section > .col-xl-11 .lr-content {
    width: var(--col-xl-11);
  }
  .lr-section > .col-xl-11:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-xl-11:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-xl-12 {
    --col-xl-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-xl-12) + var(--lr-margin));
  }
  .lr-section > .col-xl-12 .lr-content {
    width: var(--col-xl-12);
  }
  .lr-section > .col-xl-12:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-xl-12:last-child .lr-content {
    margin-right: auto;
  }
}
@media (min-width: 1400px) {
  .lr-section > .col-xxl-1 {
    --col-xxl-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-xxl-1) + var(--lr-margin));
  }
  .lr-section > .col-xxl-1 .lr-content {
    width: var(--col-xxl-1);
  }
  .lr-section > .col-xxl-1:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-xxl-1:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-xxl-2 {
    --col-xxl-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-xxl-2) + var(--lr-margin));
  }
  .lr-section > .col-xxl-2 .lr-content {
    width: var(--col-xxl-2);
  }
  .lr-section > .col-xxl-2:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-xxl-2:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-xxl-3 {
    --col-xxl-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-xxl-3) + var(--lr-margin));
  }
  .lr-section > .col-xxl-3 .lr-content {
    width: var(--col-xxl-3);
  }
  .lr-section > .col-xxl-3:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-xxl-3:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-xxl-4 {
    --col-xxl-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-xxl-4) + var(--lr-margin));
  }
  .lr-section > .col-xxl-4 .lr-content {
    width: var(--col-xxl-4);
  }
  .lr-section > .col-xxl-4:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-xxl-4:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-xxl-5 {
    --col-xxl-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-xxl-5) + var(--lr-margin));
  }
  .lr-section > .col-xxl-5 .lr-content {
    width: var(--col-xxl-5);
  }
  .lr-section > .col-xxl-5:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-xxl-5:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-xxl-6 {
    --col-xxl-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-xxl-6) + var(--lr-margin));
  }
  .lr-section > .col-xxl-6 .lr-content {
    width: var(--col-xxl-6);
  }
  .lr-section > .col-xxl-6:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-xxl-6:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-xxl-7 {
    --col-xxl-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-xxl-7) + var(--lr-margin));
  }
  .lr-section > .col-xxl-7 .lr-content {
    width: var(--col-xxl-7);
  }
  .lr-section > .col-xxl-7:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-xxl-7:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-xxl-8 {
    --col-xxl-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-xxl-8) + var(--lr-margin));
  }
  .lr-section > .col-xxl-8 .lr-content {
    width: var(--col-xxl-8);
  }
  .lr-section > .col-xxl-8:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-xxl-8:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-xxl-9 {
    --col-xxl-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-xxl-9) + var(--lr-margin));
  }
  .lr-section > .col-xxl-9 .lr-content {
    width: var(--col-xxl-9);
  }
  .lr-section > .col-xxl-9:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-xxl-9:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-xxl-10 {
    --col-xxl-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-xxl-10) + var(--lr-margin));
  }
  .lr-section > .col-xxl-10 .lr-content {
    width: var(--col-xxl-10);
  }
  .lr-section > .col-xxl-10:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-xxl-10:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-xxl-11 {
    --col-xxl-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-xxl-11) + var(--lr-margin));
  }
  .lr-section > .col-xxl-11 .lr-content {
    width: var(--col-xxl-11);
  }
  .lr-section > .col-xxl-11:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-xxl-11:last-child .lr-content {
    margin-right: auto;
  }
  .lr-section > .col-xxl-12 {
    --col-xxl-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-xxl-12) + var(--lr-margin));
  }
  .lr-section > .col-xxl-12 .lr-content {
    width: var(--col-xxl-12);
  }
  .lr-section > .col-xxl-12:first-child .lr-content {
    margin-left: auto;
  }
  .lr-section > .col-xxl-12:last-child .lr-content {
    margin-right: auto;
  }
}
.comparison-slider {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px !important;
  width: 100%;
  background-color: var(--dark) !important;
  border-radius: 30px !important;
  border: unset !important;
}
.comparison-slider .ui-slider-handle {
  top: unset !important;
  border: none !important;
  background-color: #ffffff00 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.comparison-slider .ui-slider-handle:before {
  font-family: 'Font Awesome 6 Pro';
  content: '';
  font-style: normal;
  font-weight: 200;
  text-decoration: inherit;
  position: absolute;
  color: white;
  font-size: 34px;
  margin-top: 4px;
  z-index: 1;
}
.comparison-slider .ui-slider-handle:after {
  content: '';
  display: block;
  position: absolute;
  height: 36px;
  width: 76px;
  background-color: var(--primary);
  border-radius: 20px;
}
.slider-labels {
  width: calc(100% - 84px);
  position: relative;
}
.slider-labels .slide-label {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 30px;
  text-align: center;
}
.slider-labels .slide-label * {
  color: var(--dark);
  font-size: 90%;
  position: absolute;
}
.slider-labels .slide-label:after {
  content: '';
  width: 2px;
  height: 12px;
  background-color: var(--dark);
  position: absolute;
  top: 20px;
}
.comparison {
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.comparison .ours, .comparison .theirs {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 370px;
}
.comparison .glass {
  width: 100%;
  z-index: 1;
}
.comparison .carpet {
  position: absolute;
  width: 75%;
}
.comparison[month="6"] .ours .carpet {
  opacity: 0.4;
}
.comparison[month="6"] .theirs .carpet {
  opacity: 1;
}
.comparison[month="5"] .ours .carpet {
  opacity: 0.3;
}
.comparison[month="5"] .theirs .carpet {
  opacity: 0.8;
}
.comparison[month="4"] .ours .carpet {
  opacity: 0.25;
}
.comparison[month="4"] .theirs .carpet {
  opacity: 0.7;
}
.comparison[month="3"] .ours .carpet {
  opacity: 0.1;
}
.comparison[month="3"] .theirs .carpet {
  opacity: 0.6;
}
.comparison[month="2"] .ours .carpet {
  opacity: 0.05;
}
.comparison[month="2"] .theirs .carpet {
  opacity: 0.5;
}
.comparison[month="1"] .ours .carpet {
  opacity: 0;
}
.comparison[month="1"] .theirs .carpet {
  opacity: 0.4;
}
footer ul {
  margin: 0px !important;
  padding-left: 0px;
}
footer ul li {
  list-style: none;
  margin-bottom: 10px;
  padding-left: 0px !important;
}
footer ul li a {
  font-weight: 300;
  font-size: 19px;
  opacity: 0.85;
  color: white;
}
footer .footer-social a {
  color: white;
  font-size: 1.5rem;
  margin-right: 13px;
}
section.lr-section-fade {
  background-color: #eff7ff;
  position: relative;
  padding: 6em 0;
}
section.lr-section-fade .container-fluid {
  padding-left: 2em;
  padding-right: 2em;
}
div.lr-section-fade-image {
  position: absolute;
  top: 0;
  height: 100%;
  width: 60%;
  background-position: center center;
  background-size: cover;
}
div.lr-section-fade-image.right {
  left: 40%;
}
div.lr-section-fade-image.left {
  right: 40%;
}
div.lr-section-fade-image::after {
  content: "";
  background: linear-gradient(to right, #eff7ff 0, transparent 30%);
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
div.lr-section-fade-image.right::after {
  left: 0;
}
div.lr-section-fade-image.left::after {
  right: 0;
}
@media screen and (max-width: 991px) {
  div.lr-section-fade-image::after {
    background-color: rgba(239, 247, 255, 0.7);
  }
}
@media screen and (max-width: 650px) {
  div.lr-section-fade-image.right {
    left: 0;
  }
  div.lr-section-fade-image.left {
    right: 0;
  }
  div.lr-section-fade-image {
    position: relative;
    width: 100%;
    height: 300px;
    margin-top: -6em;
    margin-bottom: 6em;
  }
  div.lr-section-fade-image::after {
    background-color: transparent;
  }
}
div.lr-fade-content {
  padding-right: 40px;
  padding-left: 0;
  margin-left: 0;
  position: relative;
  z-index: 2;
  width: 40%;
  transition: 300ms width;
}
div.lr-fade-content.left {
  margin-right: 60%;
}
div.lr-fade-content.right {
  margin-left: 60%;
}
@media screen and (max-width: 991px) {
  div.lr-fade-content {
    width: 66.67%;
  }
  div.lr-fade-content.left {
    margin-right: 33.33%;
  }
  div.lr-fade-content.right {
    margin-left: 33.33%;
  }
}
@media screen and (max-width: 650px) {
  div.lr-fade-content {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    margin-right: 0;
    padding-right: 0;
  }
}
section.bg-frandev-gradient {
  background-image: linear-gradient(to bottom, rgba(230, 239, 250, 0.71), rgba(138, 190, 229, 0.71));
}
.video-overlay {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-overlay::before {
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  height: 100%;
  width: 100%;
  transition: var(--transition);
  background-color: white;
  opacity: 0;
}
.video-overlay:hover::before {
  opacity: 0.5;
}
.video-overlay > * {
  z-index: 2;
}
.accordion-item .accordion-button::after {
  color: var(--secondary);
  font-family: 'Font Awesome 6 Pro';
  content: '';
  font-weight: 300;
  background-image: unset !important;
}
.accordion-item .accordion-button:not(.collapsed)::after {
  color: white;
}
@font-face {
  font-family: 'zerorez';
  src: url('/oak/themes/zerorez/css/fonts/zerorez.eot?4fh5lr');
  src: url('/oak/themes/zerorez/css/fonts/zerorez.eot?4fh5lr#iefix') format('embedded-opentype'), url('/oak/themes/zerorez/css/fonts/zerorez.ttf?4fh5lr') format('truetype'), url('/oak/themes/zerorez/css/fonts/zerorez.woff?4fh5lr') format('woff'), url('/oak/themes/zerorez/css/fonts/zerorez.svg?4fh5lr#zerorez') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.zr {
  display: inline-block;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'zerorez' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.zr-bed:before {
  content: "";
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-bed {
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-carpet:before {
  content: "";
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-carpet {
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-granite:before {
  content: "";
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-granite {
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-vent:before {
  content: "";
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-vent {
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-chat:before {
  content: "";
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-chat {
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-expert:before {
  content: "";
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-expert {
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-fan:before {
  content: "";
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-fan {
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-water:before {
  content: "";
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-water {
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-dogs:before {
  content: "";
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-dogs {
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-phone:before {
  content: "";
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-phone {
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-protector:before {
  content: "";
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-protector {
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-shine:before {
  content: "";
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-shine {
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-rug:before {
  content: "";
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-rug {
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-schedule:before {
  content: "";
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-schedule {
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-tile:before {
  content: "";
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-tile {
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-chair:before {
  content: "";
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-chair {
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-car:before {
  content: "";
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-car {
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-guarantee:before {
  content: "";
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-guarantee {
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-hardwood:before {
  content: "";
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-hardwood {
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-maid:before {
  content: "";
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
.zr-maid {
  --icon-unicode: "";
  --icon-font: 'zerorez';
}
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: 1350px) {
  body.franchise .item-append {
    margin-top: -4px;
  }
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
@media (min-width: 576px) {
  .rounded-sm {
    border-radius: 0.25rem !important;
  }
  .rounded-sm-0 {
    border-radius: 0 !important;
  }
}
@media (min-width: 768px) {
  .rounded-md {
    border-radius: 0.25rem !important;
  }
  .rounded-md-0 {
    border-radius: 0 !important;
  }
}
@media (min-width: 992px) {
  .rounded-lg {
    border-radius: 0.25rem !important;
  }
  .rounded-lg-0 {
    border-radius: 0 !important;
  }
}
@media (min-width: 1200px) {
  .rounded-xl {
    border-radius: 0.25rem !important;
  }
  .rounded-xl-0 {
    border-radius: 0 !important;
  }
}
@media (min-width: 1400px) {
  .rounded-xxl {
    border-radius: 0.25rem !important;
  }
  .rounded-xxl-0 {
    border-radius: 0 !important;
  }
}
.ignore-sticky header {
  position: absolute;
}
.core2021 .modal {
  display: unset;
  position: unset;
  top: unset;
  left: unset;
  height: unset;
  widget: unset;
}
/* //// SECTION VIDEO /////////////////////////////////////////////////////////////////////////////////////////////////// */
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.lr-section .yt-wrapper {
  height: 100% !important;
  top: 0 !important;
}
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;
}