@media (min-width: 1024px) {
    healcode-widget {
        min-width: 1024px;
    }
}

@media (max-width: 1023px) {
    healcode-widget {
        width: 100%;
    }
}

@import 'https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap';:root {
    --font-primary: littlegoose, sans-serif;
    --font-secondary: Nunito, sans-serif;
    --font-tertiary: Nunito, sans-serif;
    --nav-logo-desktop-width: 7.875rem;
    --nav-logo-desktop-scrolled-width: 11.3rem;
    --nav-logo-mobile-width: 4.2rem;
    --nav-logo-desktop-offset: 2.1rem;
    --nav-logo-desktop-scrolled-offset: 0rem;
    --nav-logo-mobile-offset: 0rem;
    --nav-desktop-height: 4.6rem;
    --nav-scrolled-height: 4.6rem;
    --nav-mobile-height: 4.5rem;
    --nav-tert-text-color: #008BC4;
    --nav-tert-desktop-height: 2.2rem;
    --nav-tert-mobile-height: 1.8rem;
    --nav-tert-font: 0.9375rem;
    --nav-tert-letter-case: capitalize;
    --nav-tert-text-hover-color: #8C4799;
    --nav-tert-background-hover-color: #ffffff;
    --nav-tert-text-hover-text-decoration: none;
    --nav-desktop-font-size: 1.1rem;
    --nav-desktop-scrolled-font-size: 1.1rem;
    --nav-dropdown-font-size: 1rem;
    --nav-mobile-font-size: 1.1rem;
    --nav-mobile-trigger-open-font-size: 1.4rem;
    --nav-mobile-trigger-close-font-size: 1.4rem;
    --nav-desktop-page-padding: 1.06875rem;
    --nav-desktop-scrolled-page-padding: 1.06875rem;
    --nav-color: #ffffff;
    --nav-dropdown-color: #ffffff;
    --nav-mobile-dropdown-color: rgba(255,255,255, 0.98);
    --nav-mobile-trigger-open-color: #000000;
    --nav-mobile-trigger-close-color: #000000;
    --nav-text-color: #000000;
    --nav-dropdown-text-color: #000000;
    --nav-mobile-text-color: #000000;
    --nav-hover-text-color: #008BC4;
    --nav-hover-dropdown-text-color: #008BC4;
    --nav-hover-effect-color: #ffffff;
    --nav-hover-dropdown-effect-color: #ffffff;
    --nav-width: var(--container-w);
    --nav-letter-case: uppercase;
    --nav-mobile-width: 85%;
    --primary: #8C4799;
    --primary-rgb: 140,71,153;
    --primary-rgb-format: 140 71 153;
    --primary-rgba-translucent: rgba(var(--primary-rgb), .5);
    --primary-rgba-semi-translucent: rgba(var(--primary-rgb), .98);
    --primary-rgba-tissue: rgba(var(--primary-rgb), .8);
    --primary-rgba-0: rgba(var(--primary-rgb), 0);
    --primary-rgba-1: rgba(var(--primary-rgb), 0.1);
    --primary-rgba-2: rgba(var(--primary-rgb), 0.2);
    --primary-rgba-3: rgba(var(--primary-rgb), 0.3);
    --primary-rgba-4: rgba(var(--primary-rgb), 0.4);
    --primary-rgba-5: rgba(var(--primary-rgb), 0.5);
    --primary-rgba-6: rgba(var(--primary-rgb), 0.6);
    --primary-rgba-7: rgba(var(--primary-rgb), 0.7);
    --primary-rgba-8: rgba(var(--primary-rgb), 0.8);
    --primary-rgba-9: rgba(var(--primary-rgb), 0.9);
    --secondary: #008BC4;
    --secondary-rgb: 0,139,196;
    --secondary-rgb-format: 0 139 196;
    --secondary-rgba-translucent: rgba(var(--secondary-rgb), .5);
    --secondary-rgba-semi-translucent: rgba(var(--secondary-rgb), .98);
    --secondary-rgba-tissue: rgba(var(--secondary-rgb), .8);
    --secondary-rgba-0: rgba(var(--secondary-rgb), 0);
    --secondary-rgba-1: rgba(var(--secondary-rgb), 0.1);
    --secondary-rgba-2: rgba(var(--secondary-rgb), 0.2);
    --secondary-rgba-3: rgba(var(--secondary-rgb), 0.3);
    --secondary-rgba-4: rgba(var(--secondary-rgb), 0.4);
    --secondary-rgba-5: rgba(var(--secondary-rgb), 0.5);
    --secondary-rgba-6: rgba(var(--secondary-rgb), 0.6);
    --secondary-rgba-7: rgba(var(--secondary-rgb), 0.7);
    --secondary-rgba-8: rgba(var(--secondary-rgb), 0.8);
    --secondary-rgba-9: rgba(var(--secondary-rgb), 0.9);
    --tertiary: #2CCCD3;
    --tertiary-rgb: 44,204,211;
    --tertiary-rgb-format: 44 204 211;
    --tertiary-rgba-translucent: rgba(var(--tertiary-rgb), .5);
    --tertiary-rgba-semi-translucent: rgba(var(--tertiary-rgb), .98);
    --tertiary-rgba-tissue: rgba(var(--tertiary-rgb), .8);
    --tertiary-rgba-0: rgba(var(--tertiary-rgb), 0);
    --tertiary-rgba-1: rgba(var(--tertiary-rgb), 0.1);
    --tertiary-rgba-2: rgba(var(--tertiary-rgb), 0.2);
    --tertiary-rgba-3: rgba(var(--tertiary-rgb), 0.3);
    --tertiary-rgba-4: rgba(var(--tertiary-rgb), 0.4);
    --tertiary-rgba-5: rgba(var(--tertiary-rgb), 0.5);
    --tertiary-rgba-6: rgba(var(--tertiary-rgb), 0.6);
    --tertiary-rgba-7: rgba(var(--tertiary-rgb), 0.7);
    --tertiary-rgba-8: rgba(var(--tertiary-rgb), 0.8);
    --tertiary-rgba-9: rgba(var(--tertiary-rgb), 0.9);
    --quaternary: #A4D65E;
    --quaternary-rgb: 164,214,94;
    --quaternary-rgb-format: 164 214 94;
    --quaternary-rgba-translucent: rgba(var(--quaternary-rgb), .5);
    --quaternary-rgba-semi-translucent: rgba(var(--quaternary-rgb), .98);
    --quaternary-rgba-tissue: rgba(var(--quaternary-rgb), .8);
    --quaternary-rgba-0: rgba(var(--quaternary-rgb), 0);
    --quaternary-rgba-1: rgba(var(--quaternary-rgb), 0.1);
    --quaternary-rgba-2: rgba(var(--quaternary-rgb), 0.2);
    --quaternary-rgba-3: rgba(var(--quaternary-rgb), 0.3);
    --quaternary-rgba-4: rgba(var(--quaternary-rgb), 0.4);
    --quaternary-rgba-5: rgba(var(--quaternary-rgb), 0.5);
    --quaternary-rgba-6: rgba(var(--quaternary-rgb), 0.6);
    --quaternary-rgba-7: rgba(var(--quaternary-rgb), 0.7);
    --quaternary-rgba-8: rgba(var(--quaternary-rgb), 0.8);
    --quaternary-rgba-9: rgba(var(--quaternary-rgb), 0.9);
    --quinary: #F9E267;
    --quinary-rgb: 249,226,103;
    --quinary-rgb-format: 249 226 103;
    --quinary-rgba-translucent: rgba(var(--quinary-rgb), .5);
    --quinary-rgba-semi-translucent: rgba(var(--quinary-rgb), .98);
    --quinary-rgba-tissue: rgba(var(--quinary-rgb), .8);
    --quinary-rgba-0: rgba(var(--quinary-rgb), 0);
    --quinary-rgba-1: rgba(var(--quinary-rgb), 0.1);
    --quinary-rgba-2: rgba(var(--quinary-rgb), 0.2);
    --quinary-rgba-3: rgba(var(--quinary-rgb), 0.3);
    --quinary-rgba-4: rgba(var(--quinary-rgb), 0.4);
    --quinary-rgba-5: rgba(var(--quinary-rgb), 0.5);
    --quinary-rgba-6: rgba(var(--quinary-rgb), 0.6);
    --quinary-rgba-7: rgba(var(--quinary-rgb), 0.7);
    --quinary-rgba-8: rgba(var(--quinary-rgb), 0.8);
    --quinary-rgba-9: rgba(var(--quinary-rgb), 0.9);
    --senary: #E56DB1;
    --senary-rgb: 229,109,177;
    --senary-rgb-format: 229 109 177;
    --senary-rgba-translucent: rgba(var(--senary-rgb), .5);
    --senary-rgba-semi-translucent: rgba(var(--senary-rgb), .98);
    --senary-rgba-tissue: rgba(var(--senary-rgb), .8);
    --senary-rgba-0: rgba(var(--senary-rgb), 0);
    --senary-rgba-1: rgba(var(--senary-rgb), 0.1);
    --senary-rgba-2: rgba(var(--senary-rgb), 0.2);
    --senary-rgba-3: rgba(var(--senary-rgb), 0.3);
    --senary-rgba-4: rgba(var(--senary-rgb), 0.4);
    --senary-rgba-5: rgba(var(--senary-rgb), 0.5);
    --senary-rgba-6: rgba(var(--senary-rgb), 0.6);
    --senary-rgba-7: rgba(var(--senary-rgb), 0.7);
    --senary-rgba-8: rgba(var(--senary-rgb), 0.8);
    --senary-rgba-9: rgba(var(--senary-rgb), 0.9);
    --septenary: #98B6E4;
    --septenary-rgb: 152,182,228;
    --septenary-rgb-format: 152 182 228;
    --septenary-rgba-translucent: rgba(var(--septenary-rgb), .5);
    --septenary-rgba-semi-translucent: rgba(var(--septenary-rgb), .98);
    --septenary-rgba-tissue: rgba(var(--septenary-rgb), .8);
    --septenary-rgba-0: rgba(var(--septenary-rgb), 0);
    --septenary-rgba-1: rgba(var(--septenary-rgb), 0.1);
    --septenary-rgba-2: rgba(var(--septenary-rgb), 0.2);
    --septenary-rgba-3: rgba(var(--septenary-rgb), 0.3);
    --septenary-rgba-4: rgba(var(--septenary-rgb), 0.4);
    --septenary-rgba-5: rgba(var(--septenary-rgb), 0.5);
    --septenary-rgba-6: rgba(var(--septenary-rgb), 0.6);
    --septenary-rgba-7: rgba(var(--septenary-rgb), 0.7);
    --septenary-rgba-8: rgba(var(--septenary-rgb), 0.8);
    --septenary-rgba-9: rgba(var(--septenary-rgb), 0.9);
    --light: #fff;
    --light-rgb: 255,255,255;
    --light-rgb-format: 255 255 255;
    --light-rgba-translucent: rgba(var(--light-rgb), .5);
    --light-rgba-semi-translucent: rgba(var(--light-rgb), .98);
    --light-rgba-tissue: rgba(var(--light-rgb), .8);
    --light-rgba-0: rgba(var(--light-rgb), 0);
    --light-rgba-1: rgba(var(--light-rgb), 0.1);
    --light-rgba-2: rgba(var(--light-rgb), 0.2);
    --light-rgba-3: rgba(var(--light-rgb), 0.3);
    --light-rgba-4: rgba(var(--light-rgb), 0.4);
    --light-rgba-5: rgba(var(--light-rgb), 0.5);
    --light-rgba-6: rgba(var(--light-rgb), 0.6);
    --light-rgba-7: rgba(var(--light-rgb), 0.7);
    --light-rgba-8: rgba(var(--light-rgb), 0.8);
    --light-rgba-9: rgba(var(--light-rgb), 0.9);
    --gray: #f8f9fa;
    --gray-rgb: 248,249,250;
    --gray-rgb-format: 248 249 250;
    --gray-rgba-translucent: rgba(var(--gray-rgb), .5);
    --gray-rgba-semi-translucent: rgba(var(--gray-rgb), .98);
    --gray-rgba-tissue: rgba(var(--gray-rgb), .8);
    --gray-rgba-0: rgba(var(--gray-rgb), 0);
    --gray-rgba-1: rgba(var(--gray-rgb), 0.1);
    --gray-rgba-2: rgba(var(--gray-rgb), 0.2);
    --gray-rgba-3: rgba(var(--gray-rgb), 0.3);
    --gray-rgba-4: rgba(var(--gray-rgb), 0.4);
    --gray-rgba-5: rgba(var(--gray-rgb), 0.5);
    --gray-rgba-6: rgba(var(--gray-rgb), 0.6);
    --gray-rgba-7: rgba(var(--gray-rgb), 0.7);
    --gray-rgba-8: rgba(var(--gray-rgb), 0.8);
    --gray-rgba-9: rgba(var(--gray-rgb), 0.9);
    --dark: #212529;
    --dark-rgb: 33,37,41;
    --dark-rgb-format: 33 37 41;
    --dark-rgba-translucent: rgba(var(--dark-rgb), .5);
    --dark-rgba-semi-translucent: rgba(var(--dark-rgb), .98);
    --dark-rgba-tissue: rgba(var(--dark-rgb), .8);
    --dark-rgba-0: rgba(var(--dark-rgb), 0);
    --dark-rgba-1: rgba(var(--dark-rgb), 0.1);
    --dark-rgba-2: rgba(var(--dark-rgb), 0.2);
    --dark-rgba-3: rgba(var(--dark-rgb), 0.3);
    --dark-rgba-4: rgba(var(--dark-rgb), 0.4);
    --dark-rgba-5: rgba(var(--dark-rgb), 0.5);
    --dark-rgba-6: rgba(var(--dark-rgb), 0.6);
    --dark-rgba-7: rgba(var(--dark-rgb), 0.7);
    --dark-rgba-8: rgba(var(--dark-rgb), 0.8);
    --dark-rgba-9: rgba(var(--dark-rgb), 0.9);
    --dark-gray: #5f5f5f;
    --dark-gray-rgb: 95,95,95;
    --dark-gray-rgb-format: 95 95 95;
    --dark-gray-rgba-translucent: rgba(var(--dark-gray-rgb), .5);
    --dark-gray-rgba-semi-translucent: rgba(var(--dark-gray-rgb), .98);
    --dark-gray-rgba-tissue: rgba(var(--dark-gray-rgb), .8);
    --dark-gray-rgba-0: rgba(var(--dark-gray-rgb), 0);
    --dark-gray-rgba-1: rgba(var(--dark-gray-rgb), 0.1);
    --dark-gray-rgba-2: rgba(var(--dark-gray-rgb), 0.2);
    --dark-gray-rgba-3: rgba(var(--dark-gray-rgb), 0.3);
    --dark-gray-rgba-4: rgba(var(--dark-gray-rgb), 0.4);
    --dark-gray-rgba-5: rgba(var(--dark-gray-rgb), 0.5);
    --dark-gray-rgba-6: rgba(var(--dark-gray-rgb), 0.6);
    --dark-gray-rgba-7: rgba(var(--dark-gray-rgb), 0.7);
    --dark-gray-rgba-8: rgba(var(--dark-gray-rgb), 0.8);
    --dark-gray-rgba-9: rgba(var(--dark-gray-rgb), 0.9);
    --transparent: transparent;
    --p-font-size-xs: 1.06rem;
    --p-line-height-xs: 1.6;
    --p-font-weight-xs: 400;
    --p-margin-bottom-xs: 1.5rem;
    --p-font-size-sm: 1.06rem;
    --p-line-height-sm: 1.6;
    --p-font-weight-sm: 400;
    --p-margin-bottom-sm: 1.5rem;
    --p-font-size-md: 1.06rem;
    --p-line-height-md: 1.6;
    --p-font-weight-md: 400;
    --p-margin-bottom-md: 1.5rem;
    --p-font-size-lg: 1.1875rem;
    --p-line-height-lg: 1.6;
    --p-font-weight-lg: 400;
    --p-margin-bottom-lg: 1.5rem;
    --p-font-size-xl: 1.19rem;
    --p-line-height-xl: 1.6;
    --p-font-weight-xl: 400;
    --p-margin-bottom-xl: 1.5rem;
    --p-font-size-xxl: 1.19rem;
    --p-line-height-xxl: 1.6;
    --p-font-weight-xxl: 400;
    --p-margin-bottom-xxl: 1.5rem;
    --h1-font-size-xs: 3.44rem;
    --h1-line-height-xs: 0.8;
    --h1-font-weight-xs: 400;
    --h1-margin-bottom-xs: 1.5rem;
    --h1-font-size-sm: 3.44rem;
    --h1-line-height-sm: 0.8;
    --h1-font-weight-sm: 400;
    --h1-margin-bottom-sm: 1.5rem;
    --h1-font-size-md: 3.44rem;
    --h1-line-height-md: 0.8;
    --h1-font-weight-md: 400;
    --h1-margin-bottom-md: 1.5rem;
    --h1-font-size-lg: 4.375rem;
    --h1-line-height-lg: 0.8;
    --h1-font-weight-lg: 400;
    --h1-margin-bottom-lg: 1.5rem;
    --h1-font-size-xl: 4.375rem;
    --h1-line-height-xl: 0.8;
    --h1-font-weight-xl: 400;
    --h1-margin-bottom-xl: 1.5rem;
    --h1-font-size-xxl: 4.375rem;
    --h1-line-height-xxl: 0.8;
    --h1-font-weight-xxl: 400;
    --h1-margin-bottom-xxl: 1.5rem;
    --h2-font-size-xs: 3rem;
    --h2-line-height-xs: 0.8;
    --h2-font-weight-xs: 400;
    --h2-margin-bottom-xs: 1.5rem;
    --h2-font-size-sm: 3rem;
    --h2-line-height-sm: 0.8;
    --h2-font-weight-sm: 400;
    --h2-margin-bottom-sm: 1.5rem;
    --h2-font-size-md: 3rem;
    --h2-line-height-md: 0.8;
    --h2-font-weight-md: 400;
    --h2-margin-bottom-md: 1.5rem;
    --h2-font-size-lg: 3.75rem;
    --h2-line-height-lg: 0.8;
    --h2-font-weight-lg: 400;
    --h2-margin-bottom-lg: 1.5rem;
    --h2-font-size-xl: 3.75rem;
    --h2-line-height-xl: 0.8;
    --h2-font-weight-xl: 400;
    --h2-margin-bottom-xl: 1.5rem;
    --h2-font-size-xxl: 3.75rem;
    --h2-line-height-xxl: 0.8;
    --h2-font-weight-xxl: 400;
    --h2-margin-bottom-xxl: 1.5rem;
    --h3-font-size-xs: 2.38rem;
    --h3-line-height-xs: 0.8;
    --h3-font-weight-xs: 200;
    --h3-margin-bottom-xs: 1.5rem;
    --h3-font-size-sm: 2.38rem;
    --h3-line-height-sm: 0.8;
    --h3-font-weight-sm: 200;
    --h3-margin-bottom-sm: 1.5rem;
    --h3-font-size-md: 2.38rem;
    --h3-line-height-md: 0.8;
    --h3-font-weight-md: 200;
    --h3-margin-bottom-md: 1.5rem;
    --h3-font-size-lg: 2.69rem;
    --h3-line-height-lg: 0.8;
    --h3-font-weight-lg: 200;
    --h3-margin-bottom-lg: 1.5rem;
    --h3-font-size-xl: 2.69rem;
    --h3-line-height-xl: 0.8;
    --h3-font-weight-xl: 200;
    --h3-margin-bottom-xl: 1.5rem;
    --h3-font-size-xxl: 2.69rem;
    --h3-line-height-xxl: 0.8;
    --h3-font-weight-xxl: 200;
    --h3-margin-bottom-xxl: 1.5rem;
    --h4-font-size-xs: 2rem;
    --h4-line-height-xs: 0.8;
    --h4-font-weight-xs: 400;
    --h4-margin-bottom-xs: 1.5rem;
    --h4-font-size-sm: 2rem;
    --h4-line-height-sm: 0.8;
    --h4-font-weight-sm: 400;
    --h4-margin-bottom-sm: 1.5rem;
    --h4-font-size-md: 2rem;
    --h4-line-height-md: 0.8;
    --h4-font-weight-md: 400;
    --h4-margin-bottom-md: 1.5rem;
    --h4-font-size-lg: 2.25rem;
    --h4-line-height-lg: 0.8;
    --h4-font-weight-lg: 400;
    --h4-margin-bottom-lg: 1.5rem;
    --h4-font-size-xl: 2.25rem;
    --h4-line-height-xl: 0.8;
    --h4-font-weight-xl: 400;
    --h4-margin-bottom-xl: 1.5rem;
    --h4-font-size-xxl: 2.25rem;
    --h4-line-height-xxl: 0.8;
    --h4-font-weight-xxl: 400;
    --h4-margin-bottom-xxl: 1.5rem;
    --h5-font-size-xs: 1.56rem;
    --h5-line-height-xs: 0.8;
    --h5-font-weight-xs: 400;
    --h5-margin-bottom-xs: 1.5rem;
    --h5-font-size-sm: 1.56rem;
    --h5-line-height-sm: 0.8;
    --h5-font-weight-sm: 400;
    --h5-margin-bottom-sm: 1.5rem;
    --h5-font-size-md: 1.56rem;
    --h5-line-height-md: 0.8;
    --h5-font-weight-md: 400;
    --h5-margin-bottom-md: 1.5rem;
    --h5-font-size-lg: 1.88rem;
    --h5-line-height-lg: 0.8;
    --h5-font-weight-lg: 400;
    --h5-margin-bottom-lg: 1.5rem;
    --h5-font-size-xl: 1.88rem;
    --h5-line-height-xl: 0.8;
    --h5-font-weight-xl: 400;
    --h5-margin-bottom-xl: 1.5rem;
    --h5-font-size-xxl: 1.88rem;
    --h5-line-height-xxl: 0.8;
    --h5-font-weight-xxl: 400;
    --h5-margin-bottom-xxl: 1.5rem;
    --h6-font-size-xs: 1rem;
    --h6-line-height-xs: 1;
    --h6-font-weight-xs: 600;
    --h6-margin-bottom-xs: 1.5rem;
    --h6-font-size-sm: 1rem;
    --h6-line-height-sm: 1;
    --h6-font-weight-sm: 600;
    --h6-margin-bottom-sm: 1.5rem;
    --h6-font-size-md: 1rem;
    --h6-line-height-md: 1;
    --h6-font-weight-md: 600;
    --h6-margin-bottom-md: 1.5rem;
    --h6-font-size-lg: 1rem;
    --h6-line-height-lg: 1;
    --h6-font-weight-lg: 600;
    --h6-margin-bottom-lg: 1.5rem;
    --h6-font-size-xl: 1rem;
    --h6-line-height-xl: 1;
    --h6-font-weight-xl: 600;
    --h6-margin-bottom-xl: 1.5rem;
    --h6-font-size-xxl: 1rem;
    --h6-line-height-xxl: 1;
    --h6-font-weight-xxl: 600;
    --h6-margin-bottom-xxl: 1.5rem;
    --section-unit-xs: 4.6875rem;
    --section-unit-sm: 4.6875rem;
    --section-unit-md: 4.6875rem;
    --section-unit-lg: 4.6875rem;
    --section-unit-xl: 4.6875rem;
    --section-unit-xxl: 4.6875rem;
    --unit-xs: 1rem;
    --unit-sm: 1rem;
    --unit-md: 1rem;
    --unit-lg: 1rem;
    --unit-xl: 1rem;
    --unit-xxl: 1rem;
    --container-w-xs: 100%;
    --container-w-sm: 540px;
    --container-w-md: 720px;
    --container-w-lg: 960px;
    --container-w-xl: 1140px;
    --container-w-xxl: 1320px;
    --transition: 0.3s ease-in;
    --btn-radius: 9px;
    --border-radius: 4px
}

:root {
    --section-unit: var(--section-unit-xs);
    --unit: var(--unit-xs);
    --container-w: var(--container-w-xs);
    --p-font-size: var(--p-font-size-xs);
    --p-font-weight: var(--p-font-weight-xs);
    --p-line-height: var(--p-line-height-xs);
    --p-margin-bottom: var(--p-margin-bottom-xs);
    --h1-font-size: var(--h1-font-size-xs);
    --h1-font-weight: var(--h1-font-weight-xs);
    --h1-line-height: var(--h1-line-height-xs);
    --h1-margin-bottom: var(--h1-margin-bottom-xs);
    --h2-font-size: var(--h2-font-size-xs);
    --h2-font-weight: var(--h2-font-weight-xs);
    --h2-line-height: var(--h2-line-height-xs);
    --h2-margin-bottom: var(--h2-margin-bottom-xs);
    --h3-font-size: var(--h3-font-size-xs);
    --h3-font-weight: var(--h3-font-weight-xs);
    --h3-line-height: var(--h3-line-height-xs);
    --h3-margin-bottom: var(--h3-margin-bottom-xs);
    --h4-font-size: var(--h4-font-size-xs);
    --h4-font-weight: var(--h4-font-weight-xs);
    --h4-line-height: var(--h4-line-height-xs);
    --h4-margin-bottom: var(--h4-margin-bottom-xs);
    --h5-font-size: var(--h5-font-size-xs);
    --h5-font-weight: var(--h5-font-weight-xs);
    --h5-line-height: var(--h5-line-height-xs);
    --h5-margin-bottom: var(--h5-margin-bottom-xs);
    --h6-font-size: var(--h6-font-size-xs);
    --h6-font-weight: var(--h6-font-weight-xs);
    --h6-line-height: var(--h6-line-height-xs);
    --h6-margin-bottom: var(--h6-margin-bottom-xs)
}

@media(min-width: 576px) {
    :root {
        --section-unit: var(--section-unit-sm);
        --unit: var(--unit-sm);
        --container-w: var(--container-w-sm);
        --p-font-size: var(--p-font-size-sm);
        --p-font-weight: var(--p-font-weight-sm);
        --p-line-height: var(--p-line-height-sm);
        --p-margin-bottom: var(--p-margin-bottom-sm);
        --h1-font-size: var(--h1-font-size-sm);
        --h1-font-weight: var(--h1-font-weight-sm);
        --h1-line-height: var(--h1-line-height-sm);
        --h1-margin-bottom: var(--h1-margin-bottom-sm);
        --h2-font-size: var(--h2-font-size-sm);
        --h2-font-weight: var(--h2-font-weight-sm);
        --h2-line-height: var(--h2-line-height-sm);
        --h2-margin-bottom: var(--h2-margin-bottom-sm);
        --h3-font-size: var(--h3-font-size-sm);
        --h3-font-weight: var(--h3-font-weight-sm);
        --h3-line-height: var(--h3-line-height-sm);
        --h3-margin-bottom: var(--h3-margin-bottom-sm);
        --h4-font-size: var(--h4-font-size-sm);
        --h4-font-weight: var(--h4-font-weight-sm);
        --h4-line-height: var(--h4-line-height-sm);
        --h4-margin-bottom: var(--h4-margin-bottom-sm);
        --h5-font-size: var(--h5-font-size-sm);
        --h5-font-weight: var(--h5-font-weight-sm);
        --h5-line-height: var(--h5-line-height-sm);
        --h5-margin-bottom: var(--h5-margin-bottom-sm);
        --h6-font-size: var(--h6-font-size-sm);
        --h6-font-weight: var(--h6-font-weight-sm);
        --h6-line-height: var(--h6-line-height-sm);
        --h6-margin-bottom: var(--h6-margin-bottom-sm)
    }
}

@media(min-width: 768px) {
    :root {
        --section-unit: var(--section-unit-md);
        --unit: var(--unit-md);
        --container-w: var(--container-w-md);
        --p-font-size: var(--p-font-size-md);
        --p-font-weight: var(--p-font-weight-md);
        --p-line-height: var(--p-line-height-md);
        --p-margin-bottom: var(--p-margin-bottom-md);
        --h1-font-size: var(--h1-font-size-md);
        --h1-font-weight: var(--h1-font-weight-md);
        --h1-line-height: var(--h1-line-height-md);
        --h1-margin-bottom: var(--h1-margin-bottom-md);
        --h2-font-size: var(--h2-font-size-md);
        --h2-font-weight: var(--h2-font-weight-md);
        --h2-line-height: var(--h2-line-height-md);
        --h2-margin-bottom: var(--h2-margin-bottom-md);
        --h3-font-size: var(--h3-font-size-md);
        --h3-font-weight: var(--h3-font-weight-md);
        --h3-line-height: var(--h3-line-height-md);
        --h3-margin-bottom: var(--h3-margin-bottom-md);
        --h4-font-size: var(--h4-font-size-md);
        --h4-font-weight: var(--h4-font-weight-md);
        --h4-line-height: var(--h4-line-height-md);
        --h4-margin-bottom: var(--h4-margin-bottom-md);
        --h5-font-size: var(--h5-font-size-md);
        --h5-font-weight: var(--h5-font-weight-md);
        --h5-line-height: var(--h5-line-height-md);
        --h5-margin-bottom: var(--h5-margin-bottom-md);
        --h6-font-size: var(--h6-font-size-md);
        --h6-font-weight: var(--h6-font-weight-md);
        --h6-line-height: var(--h6-line-height-md);
        --h6-margin-bottom: var(--h6-margin-bottom-md)
    }
}

@media(min-width: 992px) {
    :root {
        --section-unit: var(--section-unit-lg);
        --unit: var(--unit-lg);
        --container-w: var(--container-w-lg);
        --p-font-size: var(--p-font-size-lg);
        --p-font-weight: var(--p-font-weight-lg);
        --p-line-height: var(--p-line-height-lg);
        --p-margin-bottom: var(--p-margin-bottom-lg);
        --h1-font-size: var(--h1-font-size-lg);
        --h1-font-weight: var(--h1-font-weight-lg);
        --h1-line-height: var(--h1-line-height-lg);
        --h1-margin-bottom: var(--h1-margin-bottom-lg);
        --h2-font-size: var(--h2-font-size-lg);
        --h2-font-weight: var(--h2-font-weight-lg);
        --h2-line-height: var(--h2-line-height-lg);
        --h2-margin-bottom: var(--h2-margin-bottom-lg);
        --h3-font-size: var(--h3-font-size-lg);
        --h3-font-weight: var(--h3-font-weight-lg);
        --h3-line-height: var(--h3-line-height-lg);
        --h3-margin-bottom: var(--h3-margin-bottom-lg);
        --h4-font-size: var(--h4-font-size-lg);
        --h4-font-weight: var(--h4-font-weight-lg);
        --h4-line-height: var(--h4-line-height-lg);
        --h4-margin-bottom: var(--h4-margin-bottom-lg);
        --h5-font-size: var(--h5-font-size-lg);
        --h5-font-weight: var(--h5-font-weight-lg);
        --h5-line-height: var(--h5-line-height-lg);
        --h5-margin-bottom: var(--h5-margin-bottom-lg);
        --h6-font-size: var(--h6-font-size-lg);
        --h6-font-weight: var(--h6-font-weight-lg);
        --h6-line-height: var(--h6-line-height-lg);
        --h6-margin-bottom: var(--h6-margin-bottom-lg)
    }
}

@media(min-width: 1200px) {
    :root {
        --section-unit: var(--section-unit-xl);
        --unit: var(--unit-xl);
        --container-w: var(--container-w-xl);
        --p-font-size: var(--p-font-size-xl);
        --p-font-weight: var(--p-font-weight-xl);
        --p-line-height: var(--p-line-height-xl);
        --p-margin-bottom: var(--p-margin-bottom-xl);
        --h1-font-size: var(--h1-font-size-xl);
        --h1-font-weight: var(--h1-font-weight-xl);
        --h1-line-height: var(--h1-line-height-xl);
        --h1-margin-bottom: var(--h1-margin-bottom-xl);
        --h2-font-size: var(--h2-font-size-xl);
        --h2-font-weight: var(--h2-font-weight-xl);
        --h2-line-height: var(--h2-line-height-xl);
        --h2-margin-bottom: var(--h2-margin-bottom-xl);
        --h3-font-size: var(--h3-font-size-xl);
        --h3-font-weight: var(--h3-font-weight-xl);
        --h3-line-height: var(--h3-line-height-xl);
        --h3-margin-bottom: var(--h3-margin-bottom-xl);
        --h4-font-size: var(--h4-font-size-xl);
        --h4-font-weight: var(--h4-font-weight-xl);
        --h4-line-height: var(--h4-line-height-xl);
        --h4-margin-bottom: var(--h4-margin-bottom-xl);
        --h5-font-size: var(--h5-font-size-xl);
        --h5-font-weight: var(--h5-font-weight-xl);
        --h5-line-height: var(--h5-line-height-xl);
        --h5-margin-bottom: var(--h5-margin-bottom-xl);
        --h6-font-size: var(--h6-font-size-xl);
        --h6-font-weight: var(--h6-font-weight-xl);
        --h6-line-height: var(--h6-line-height-xl);
        --h6-margin-bottom: var(--h6-margin-bottom-xl)
    }
}

@media(min-width: 1400px) {
    :root {
        --section-unit: var(--section-unit-xxl);
        --unit: var(--unit-xxl);
        --container-w: var(--container-w-xxl);
        --p-font-size: var(--p-font-size-xxl);
        --p-font-weight: var(--p-font-weight-xxl);
        --p-line-height: var(--p-line-height-xxl);
        --p-margin-bottom: var(--p-margin-bottom-xxl);
        --h1-font-size: var(--h1-font-size-xxl);
        --h1-font-weight: var(--h1-font-weight-xxl);
        --h1-line-height: var(--h1-line-height-xxl);
        --h1-margin-bottom: var(--h1-margin-bottom-xxl);
        --h2-font-size: var(--h2-font-size-xxl);
        --h2-font-weight: var(--h2-font-weight-xxl);
        --h2-line-height: var(--h2-line-height-xxl);
        --h2-margin-bottom: var(--h2-margin-bottom-xxl);
        --h3-font-size: var(--h3-font-size-xxl);
        --h3-font-weight: var(--h3-font-weight-xxl);
        --h3-line-height: var(--h3-line-height-xxl);
        --h3-margin-bottom: var(--h3-margin-bottom-xxl);
        --h4-font-size: var(--h4-font-size-xxl);
        --h4-font-weight: var(--h4-font-weight-xxl);
        --h4-line-height: var(--h4-line-height-xxl);
        --h4-margin-bottom: var(--h4-margin-bottom-xxl);
        --h5-font-size: var(--h5-font-size-xxl);
        --h5-font-weight: var(--h5-font-weight-xxl);
        --h5-line-height: var(--h5-line-height-xxl);
        --h5-margin-bottom: var(--h5-margin-bottom-xxl);
        --h6-font-size: var(--h6-font-size-xxl);
        --h6-font-weight: var(--h6-font-weight-xxl);
        --h6-line-height: var(--h6-line-height-xxl);
        --h6-margin-bottom: var(--h6-margin-bottom-xxl)
    }
}

body {
    font-family: var(--font-secondary);
    color: var(--dark,#212529);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.font-display {
    font-family: var(--font-primary);
    position: relative
}

i {
    font-family: var(--font-tertiary)
}

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

a:hover {
    color: var(--tertiary)
}

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

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

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

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

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

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

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

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

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

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

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

p,address {
    font-size: var(--p-font-size);
    line-height: var(--p-line-height);
    font-weight: var(--p-font-weight);
    margin-bottom: var(--p-margin-bottom)
}

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

h1,.h1 {
    font-size: var(--h1-font-size);
    font-weight: var(--h1-font-weight);
    line-height: var(--h1-line-height);
    margin-bottom: var(--h1-margin-bottom);
    --element-line-height: var(--h1-line-height)
}

h2,.h2 {
    font-size: var(--h2-font-size);
    font-weight: var(--h2-font-weight);
    line-height: var(--h2-line-height);
    margin-bottom: var(--h2-margin-bottom);
    --element-line-height: var(--h2-line-height)
}

h3,.h3 {
    font-size: var(--h3-font-size);
    font-weight: var(--h3-font-weight);
    line-height: var(--h3-line-height);
    margin-bottom: var(--h3-margin-bottom);
    --element-line-height: var(--h3-line-height)
}

h4,.h4 {
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    line-height: var(--h4-line-height);
    margin-bottom: var(--h4-margin-bottom);
    --element-line-height: var(--h4-line-height)
}

h5,.h5 {
    font-size: var(--h5-font-size);
    font-weight: var(--h5-font-weight);
    line-height: var(--h5-line-height);
    margin-bottom: var(--h5-margin-bottom);
    --element-line-height: var(--h5-line-height)
}

h6,.h6 {
    font-size: var(--h6-font-size);
    font-weight: var(--h6-font-weight);
    line-height: var(--h6-line-height);
    margin-bottom: var(--h6-margin-bottom);
    --element-line-height: var(--h6-line-height)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 576px) {
    .display-sm-1 {
        font-size:calc(1rem * 0.25);
        font-weight: 300;
        line-height: var(--element-line-height,1.2)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 768px) {
    .display-md-1 {
        font-size:calc(1rem * 0.25);
        font-weight: 300;
        line-height: var(--element-line-height,1.2)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 992px) {
    .display-lg-1 {
        font-size:calc(1rem * 0.25);
        font-weight: 300;
        line-height: var(--element-line-height,1.2)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 1200px) {
    .display-xl-1 {
        font-size:calc(1rem * 0.25);
        font-weight: 300;
        line-height: var(--element-line-height,1.2)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 1400px) {
    .display-xxl-1 {
        font-size:calc(1rem * 0.25);
        font-weight: 300;
        line-height: var(--element-line-height,1.2)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.font-weight-light {
    font-weight: 200
}

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

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

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

.weight-100 {
    font-weight: 100!important
}

.weight-200 {
    font-weight: 200!important
}

.weight-300 {
    font-weight: 300!important
}

.weight-400 {
    font-weight: 400!important
}

.weight-500 {
    font-weight: 500!important
}

.weight-600 {
    font-weight: 600!important
}

.weight-700 {
    font-weight: 700!important
}

.weight-800 {
    font-weight: 800!important
}

.weight-900 {
    font-weight: 900!important
}

header {
    --nav-height: var(--nav-mobile-height);
    --nav-logo-width: var(--nav-logo-mobile-width);
    --nav-logo-offset: var(--nav-logo-mobile-offset);
    --nav-font-size: var(--nav-mobile-font-size)
}

body {
    --nav-tert-height: 0px
}

@media(min-width: 992px) {
    header {
        --nav-height: var(--nav-desktop-height);
        --nav-logo-width: var(--nav-logo-desktop-width);
        --nav-logo-offset: var(--nav-logo-desktop-offset);
        --nav-font-size: var(--nav-desktop-font-size)
    }

    header.scrolled {
        --nav-height: var(--nav-scrolled-height);
        --nav-logo-width: var(--nav-logo-desktop-scrolled-width);
        --nav-logo-offset: var(--nav-logo-desktop-scrolled-offset);
        --nav-font-size: var(--nav-desktop-scrolled-font-size)
    }

    body.h-show-tert-nav {
        --nav-tert-height: var(--nav-tert-desktop-height)
    }
}

header {
    width: 100%;
    position: fixed;
    z-index: 9;
    background-color: var(--nav-color);
    font-size: 1rem
}

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

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

.main-nav .items,.main-nav .items nav {
    display: flex
}

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

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

header .logo a img {
    width: 100%
}

header .logo .mobile {
    display: none
}

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

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

@media(min-width: 992px) {
    body.h-show-mobile-logo header .logo .mobile {
        display:none
    }

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

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

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

header .main-nav {
    justify-content: flex-start
}

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

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

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

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

header .main-nav .items nav li a i {
    font-size: .8em;
    display: flex;
    align-items: center
}

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

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

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

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

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

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

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

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

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

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

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

header .main-nav .mobile-nav-trigger {
    position: absolute;
    right: 0;
    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;
    transition: var(--transition)
}

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

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

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

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

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

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

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

    header.open .main-nav .on-open-only {
        display: block
    }
}

header .tert-nav {
    display: none
}

header .tert-nav>.container {
    display: flex;
    justify-content: flex-end
}

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

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

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

body.h-show-tert-nav .tert-nav a:not(:last-child) {
    border-right: 1px solid #eeeeee29
}

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

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

@media(min-width: 992px) {
    header .main-nav .mobile-nav-trigger {
        display:none
    }

    header .tert-nav {
        display: block
    }

    header .main-nav .items nav .level-1 {
        top: 0
    }

    header .nav-container {
        max-width: var(--nav-width)
    }

    header .main-nav .items nav {
        position: relative;
        width: unset;
        height: unset;
        left: unset;
        overflow-y: unset;
        background: 0 0;
        transition: unset;
        top: 0
    }

    header .main-nav .items .item-append {
        position: relative;
        right: unset
    }

    header .main-nav {
        position: relative;
        justify-content: flex-start
    }

    header .main-nav .items {
        justify-content: flex-end
    }

    header .main-nav .items nav {
        padding: 0 20px
    }

    header .main-nav .items nav ul {
        margin: 0;
        padding: 0
    }

    header .main-nav .items nav .level-1>li>a {
        color: var(--nav-text-color);
        font-size: var(--nav-font-size);
        transition: var(--transition)
    }

    header .main-nav .items nav .level-2 li a:not(.btn) {
        font-size: var(--nav-dropdown-font-size);
        color: var(--nav-dropdown-text-color)
    }

    header .main-nav .items nav>ul>li>a {
        padding: 0 var(--nav-desktop-page-padding);
        transition: padding var(--transition)
    }

    header.scrolled .main-nav .items nav>ul>li>a {
        padding: 0 var(--nav-desktop-scrolled-page-padding)
    }

    header .main-nav .items nav li a:hover,header .main-nav .items nav li a.over {
        transition: var(--transition)
    }

    header .main-nav .items nav .level-1>li>a:hover,header .main-nav .items nav .level-1>li>a.over {
        color: var(--nav-hover-text-color);
        text-decoration: none
    }

    header .main-nav .items nav .level-2 li a:hover,header .main-nav .items nav .level-2 li a.over {
        color: var(--nav-hover-dropdown-text-color);
        text-decoration: none
    }

    header .logo {
        left: 0
    }

    header .main-nav .items nav .level-1 {
        height: var(--nav-height);
        width: unset;
        display: 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: 0
    }

    header .main-nav .items nav .flyout.left>.level-2 {
        right: 0
    }

    header .main-nav .items nav .level-2 li a {
        padding: 12px 10px
    }

    header .main-nav .items nav .level-2 li a:not(:first-child) {
        border-top: 1px solid rgba(0,0,0,.05)
    }

    header .main-nav .items nav .level-2 li:first-child {
        border-top: 2px var(--secondary) solid
    }

    header .main-nav .items nav [class^=level-]:not(.level-1):not(.level-2) {
        top: -2px
    }

    header .main-nav .items nav .flyout.right>[class^=level-]:not(.level-2) {
        left: 100%
    }

    header .main-nav .items nav .flyout.left>[class^=level-]:not(.level-2) {
        right: 100%
    }

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

    header .main-nav .items nav .level-1>li>a.parent.over i {
        transform: scaleY(-1)
    }

    header .main-nav .items nav [class^=level-]:not(.level-1)>li>a.parent i {
        transform: rotate(-90deg)
    }

    header .main-nav .items nav [class^=level-]:not(.level-1)>li>a.parent.over i {
        transform: rotate(-90deg) scaleY(-1)
    }

    body.h-show-tert-nav .tert-nav {
        display: flex
    }
}

html {
    overflow-x: hidden
}

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

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

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

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

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

@media(min-width: 992px) {
    main>section:first-of-type,main section.first-section {
        padding-top:calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar,0px) + var(--section-unit))
    }

    main>section.half-pad:first-of-type,main section.half-pad.first-section {
        padding-top: calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar,0px) + calc(var(--section-unit)/2))
    }
}

section.bg-overlay {
    display: flex;
    justify-content: center;
    padding: 0!important
}

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

main>section.bg-overlay.overlay-light>.overlay {
    background: linear-gradient(to bottom,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.5) 49%,rgba(0,0,0,0.3) 100%)
}

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

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

@media(max-width: 767px) {
    section.mobile-overlay::before {
        content:'';
        display: block;
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        background: 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(--section-unit) * -1) * 1.5)
    }
}

.btn {
    border-radius: var(--btn-radius);
    white-space: normal;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: var(--font-primary)
}

.btn-lg {
    padding: .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,.13)
}

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

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

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

.btn-count span.count {
    display: 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: 700;
    background-color: rgba(0,0,0,.13);
    text-shadow: 1px 1px 1px rgba(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: .7
}

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

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

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

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

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

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

.btn-outline-primary.btn-icon:hover i {
    background-color: rgba(0,0,0,.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 .2rem var(--secondary-rgba-translucent)
}

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

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

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

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

.btn-outline-secondary.btn-icon:hover i {
    background-color: rgba(0,0,0,.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 .2rem var(--tertiary-rgba-translucent)
}

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

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

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

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

.btn-outline-tertiary.btn-icon:hover i {
    background-color: rgba(0,0,0,.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 .2rem var(--quaternary-rgba-translucent)
}

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

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

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

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

.btn-outline-quaternary.btn-icon:hover i {
    background-color: rgba(0,0,0,.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 .2rem var(--quinary-rgba-translucent)
}

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

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

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

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

.btn-outline-quinary.btn-icon:hover i {
    background-color: rgba(0,0,0,.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 .2rem var(--senary-rgba-translucent)
}

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

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

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

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

.btn-outline-senary.btn-icon:hover i {
    background-color: rgba(0,0,0,.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 .2rem var(--septenary-rgba-translucent)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 576px) {
    .btn-sm-primary {
        background-color:var(--primary);
        border-color: var(--primary)
    }

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

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

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

    .btn-sm-outline-primary:hover,.btn-sm-outline-primary:not(:disabled):not(.disabled).active,.btn-sm-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-sm-outline-primary.dropdown-toggle,.btn-sm-outline-primary.focus,.btn-sm-outline-primary:focus {
        color: var(--light);
        background-color: var(--primary);
        border-color: var(--primary);
        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,.13)
    }

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

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

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

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

    .btn-sm-outline-secondary:hover,.btn-sm-outline-secondary:not(:disabled):not(.disabled).active,.btn-sm-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-sm-outline-secondary.dropdown-toggle,.btn-sm-outline-secondary.focus,.btn-sm-outline-secondary:focus {
        color: var(--light);
        background-color: var(--secondary);
        border-color: var(--secondary);
        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,.13)
    }

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

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

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

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

    .btn-sm-outline-tertiary:hover,.btn-sm-outline-tertiary:not(:disabled):not(.disabled).active,.btn-sm-outline-tertiary:not(:disabled):not(.disabled):active,.show>.btn-sm-outline-tertiary.dropdown-toggle,.btn-sm-outline-tertiary.focus,.btn-sm-outline-tertiary:focus {
        color: var(--light);
        background-color: var(--tertiary);
        border-color: var(--tertiary);
        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,.13)
    }

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

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

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

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

    .btn-sm-outline-quaternary:hover,.btn-sm-outline-quaternary:not(:disabled):not(.disabled).active,.btn-sm-outline-quaternary:not(:disabled):not(.disabled):active,.show>.btn-sm-outline-quaternary.dropdown-toggle,.btn-sm-outline-quaternary.focus,.btn-sm-outline-quaternary:focus {
        color: var(--light);
        background-color: var(--quaternary);
        border-color: var(--quaternary);
        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,.13)
    }

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

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

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

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

    .btn-sm-outline-quinary:hover,.btn-sm-outline-quinary:not(:disabled):not(.disabled).active,.btn-sm-outline-quinary:not(:disabled):not(.disabled):active,.show>.btn-sm-outline-quinary.dropdown-toggle,.btn-sm-outline-quinary.focus,.btn-sm-outline-quinary:focus {
        color: var(--light);
        background-color: var(--quinary);
        border-color: var(--quinary);
        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,.13)
    }

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

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

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

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

    .btn-sm-outline-senary:hover,.btn-sm-outline-senary:not(:disabled):not(.disabled).active,.btn-sm-outline-senary:not(:disabled):not(.disabled):active,.show>.btn-sm-outline-senary.dropdown-toggle,.btn-sm-outline-senary.focus,.btn-sm-outline-senary:focus {
        color: var(--light);
        background-color: var(--senary);
        border-color: var(--senary);
        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,.13)
    }

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

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

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

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

    .btn-sm-outline-septenary:hover,.btn-sm-outline-septenary:not(:disabled):not(.disabled).active,.btn-sm-outline-septenary:not(:disabled):not(.disabled):active,.show>.btn-sm-outline-septenary.dropdown-toggle,.btn-sm-outline-septenary.focus,.btn-sm-outline-septenary:focus {
        color: var(--light);
        background-color: var(--septenary);
        border-color: var(--septenary);
        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,.13)
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .btn-sm-outline-gray:hover,.btn-sm-outline-gray:not(:disabled):not(.disabled).active,.btn-sm-outline-gray:not(:disabled):not(.disabled):active,.show>.btn-sm-outline-gray.dropdown-toggle,.btn-sm-outline-gray.focus,.btn-sm-outline-gray:focus {
        color: var(--light);
        background-color: var(--gray);
        border-color: var(--gray);
        box-shadow: 0 0 0 0.2rem rgb(var(--gray-rgb))
    }

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

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

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

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

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

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

    .btn-sm-outline-dark:hover,.btn-sm-outline-dark:not(:disabled):not(.disabled).active,.btn-sm-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-sm-outline-dark.dropdown-toggle,.btn-sm-outline-dark.focus,.btn-sm-outline-dark:focus {
        color: var(--light);
        background-color: var(--dark);
        border-color: var(--dark);
        box-shadow: 0 0 0 0.2rem rgb(var(--dark-rgb))
    }

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

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

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

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

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

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

    .btn-sm-outline-dark-gray:hover,.btn-sm-outline-dark-gray:not(:disabled):not(.disabled).active,.btn-sm-outline-dark-gray:not(:disabled):not(.disabled):active,.show>.btn-sm-outline-dark-gray.dropdown-toggle,.btn-sm-outline-dark-gray.focus,.btn-sm-outline-dark-gray:focus {
        color: var(--light);
        background-color: var(--dark-gray);
        border-color: var(--dark-gray);
        box-shadow: 0 0 0 0.2rem rgb(var(--dark-gray-rgb))
    }

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

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

@media(min-width: 768px) {
    .btn-md-primary {
        background-color:var(--primary);
        border-color: var(--primary)
    }

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

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

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

    .btn-md-outline-primary:hover,.btn-md-outline-primary:not(:disabled):not(.disabled).active,.btn-md-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-md-outline-primary.dropdown-toggle,.btn-md-outline-primary.focus,.btn-md-outline-primary:focus {
        color: var(--light);
        background-color: var(--primary);
        border-color: var(--primary);
        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,.13)
    }

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

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

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

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

    .btn-md-outline-secondary:hover,.btn-md-outline-secondary:not(:disabled):not(.disabled).active,.btn-md-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-md-outline-secondary.dropdown-toggle,.btn-md-outline-secondary.focus,.btn-md-outline-secondary:focus {
        color: var(--light);
        background-color: var(--secondary);
        border-color: var(--secondary);
        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,.13)
    }

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

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

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

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

    .btn-md-outline-tertiary:hover,.btn-md-outline-tertiary:not(:disabled):not(.disabled).active,.btn-md-outline-tertiary:not(:disabled):not(.disabled):active,.show>.btn-md-outline-tertiary.dropdown-toggle,.btn-md-outline-tertiary.focus,.btn-md-outline-tertiary:focus {
        color: var(--light);
        background-color: var(--tertiary);
        border-color: var(--tertiary);
        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,.13)
    }

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

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

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

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

    .btn-md-outline-quaternary:hover,.btn-md-outline-quaternary:not(:disabled):not(.disabled).active,.btn-md-outline-quaternary:not(:disabled):not(.disabled):active,.show>.btn-md-outline-quaternary.dropdown-toggle,.btn-md-outline-quaternary.focus,.btn-md-outline-quaternary:focus {
        color: var(--light);
        background-color: var(--quaternary);
        border-color: var(--quaternary);
        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,.13)
    }

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

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

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

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

    .btn-md-outline-quinary:hover,.btn-md-outline-quinary:not(:disabled):not(.disabled).active,.btn-md-outline-quinary:not(:disabled):not(.disabled):active,.show>.btn-md-outline-quinary.dropdown-toggle,.btn-md-outline-quinary.focus,.btn-md-outline-quinary:focus {
        color: var(--light);
        background-color: var(--quinary);
        border-color: var(--quinary);
        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,.13)
    }

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

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

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

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

    .btn-md-outline-senary:hover,.btn-md-outline-senary:not(:disabled):not(.disabled).active,.btn-md-outline-senary:not(:disabled):not(.disabled):active,.show>.btn-md-outline-senary.dropdown-toggle,.btn-md-outline-senary.focus,.btn-md-outline-senary:focus {
        color: var(--light);
        background-color: var(--senary);
        border-color: var(--senary);
        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,.13)
    }

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

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

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

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

    .btn-md-outline-septenary:hover,.btn-md-outline-septenary:not(:disabled):not(.disabled).active,.btn-md-outline-septenary:not(:disabled):not(.disabled):active,.show>.btn-md-outline-septenary.dropdown-toggle,.btn-md-outline-septenary.focus,.btn-md-outline-septenary:focus {
        color: var(--light);
        background-color: var(--septenary);
        border-color: var(--septenary);
        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,.13)
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .btn-md-outline-gray:hover,.btn-md-outline-gray:not(:disabled):not(.disabled).active,.btn-md-outline-gray:not(:disabled):not(.disabled):active,.show>.btn-md-outline-gray.dropdown-toggle,.btn-md-outline-gray.focus,.btn-md-outline-gray:focus {
        color: var(--light);
        background-color: var(--gray);
        border-color: var(--gray);
        box-shadow: 0 0 0 0.2rem rgb(var(--gray-rgb))
    }

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

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

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

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

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

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

    .btn-md-outline-dark:hover,.btn-md-outline-dark:not(:disabled):not(.disabled).active,.btn-md-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-md-outline-dark.dropdown-toggle,.btn-md-outline-dark.focus,.btn-md-outline-dark:focus {
        color: var(--light);
        background-color: var(--dark);
        border-color: var(--dark);
        box-shadow: 0 0 0 0.2rem rgb(var(--dark-rgb))
    }

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

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

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

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

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

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

    .btn-md-outline-dark-gray:hover,.btn-md-outline-dark-gray:not(:disabled):not(.disabled).active,.btn-md-outline-dark-gray:not(:disabled):not(.disabled):active,.show>.btn-md-outline-dark-gray.dropdown-toggle,.btn-md-outline-dark-gray.focus,.btn-md-outline-dark-gray:focus {
        color: var(--light);
        background-color: var(--dark-gray);
        border-color: var(--dark-gray);
        box-shadow: 0 0 0 0.2rem rgb(var(--dark-gray-rgb))
    }

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

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

@media(min-width: 992px) {
    .btn-lg-primary {
        background-color:var(--primary);
        border-color: var(--primary)
    }

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

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

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

    .btn-lg-outline-primary:hover,.btn-lg-outline-primary:not(:disabled):not(.disabled).active,.btn-lg-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-lg-outline-primary.dropdown-toggle,.btn-lg-outline-primary.focus,.btn-lg-outline-primary:focus {
        color: var(--light);
        background-color: var(--primary);
        border-color: var(--primary);
        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,.13)
    }

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

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

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

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

    .btn-lg-outline-secondary:hover,.btn-lg-outline-secondary:not(:disabled):not(.disabled).active,.btn-lg-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-lg-outline-secondary.dropdown-toggle,.btn-lg-outline-secondary.focus,.btn-lg-outline-secondary:focus {
        color: var(--light);
        background-color: var(--secondary);
        border-color: var(--secondary);
        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,.13)
    }

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

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

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

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

    .btn-lg-outline-tertiary:hover,.btn-lg-outline-tertiary:not(:disabled):not(.disabled).active,.btn-lg-outline-tertiary:not(:disabled):not(.disabled):active,.show>.btn-lg-outline-tertiary.dropdown-toggle,.btn-lg-outline-tertiary.focus,.btn-lg-outline-tertiary:focus {
        color: var(--light);
        background-color: var(--tertiary);
        border-color: var(--tertiary);
        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,.13)
    }

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

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

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

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

    .btn-lg-outline-quaternary:hover,.btn-lg-outline-quaternary:not(:disabled):not(.disabled).active,.btn-lg-outline-quaternary:not(:disabled):not(.disabled):active,.show>.btn-lg-outline-quaternary.dropdown-toggle,.btn-lg-outline-quaternary.focus,.btn-lg-outline-quaternary:focus {
        color: var(--light);
        background-color: var(--quaternary);
        border-color: var(--quaternary);
        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,.13)
    }

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

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

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

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

    .btn-lg-outline-quinary:hover,.btn-lg-outline-quinary:not(:disabled):not(.disabled).active,.btn-lg-outline-quinary:not(:disabled):not(.disabled):active,.show>.btn-lg-outline-quinary.dropdown-toggle,.btn-lg-outline-quinary.focus,.btn-lg-outline-quinary:focus {
        color: var(--light);
        background-color: var(--quinary);
        border-color: var(--quinary);
        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,.13)
    }

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

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

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

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

    .btn-lg-outline-senary:hover,.btn-lg-outline-senary:not(:disabled):not(.disabled).active,.btn-lg-outline-senary:not(:disabled):not(.disabled):active,.show>.btn-lg-outline-senary.dropdown-toggle,.btn-lg-outline-senary.focus,.btn-lg-outline-senary:focus {
        color: var(--light);
        background-color: var(--senary);
        border-color: var(--senary);
        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,.13)
    }

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

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

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

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

    .btn-lg-outline-septenary:hover,.btn-lg-outline-septenary:not(:disabled):not(.disabled).active,.btn-lg-outline-septenary:not(:disabled):not(.disabled):active,.show>.btn-lg-outline-septenary.dropdown-toggle,.btn-lg-outline-septenary.focus,.btn-lg-outline-septenary:focus {
        color: var(--light);
        background-color: var(--septenary);
        border-color: var(--septenary);
        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,.13)
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .btn-lg-outline-gray:hover,.btn-lg-outline-gray:not(:disabled):not(.disabled).active,.btn-lg-outline-gray:not(:disabled):not(.disabled):active,.show>.btn-lg-outline-gray.dropdown-toggle,.btn-lg-outline-gray.focus,.btn-lg-outline-gray:focus {
        color: var(--light);
        background-color: var(--gray);
        border-color: var(--gray);
        box-shadow: 0 0 0 0.2rem rgb(var(--gray-rgb))
    }

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

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

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

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

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

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

    .btn-lg-outline-dark:hover,.btn-lg-outline-dark:not(:disabled):not(.disabled).active,.btn-lg-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-lg-outline-dark.dropdown-toggle,.btn-lg-outline-dark.focus,.btn-lg-outline-dark:focus {
        color: var(--light);
        background-color: var(--dark);
        border-color: var(--dark);
        box-shadow: 0 0 0 0.2rem rgb(var(--dark-rgb))
    }

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

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

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

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

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

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

    .btn-lg-outline-dark-gray:hover,.btn-lg-outline-dark-gray:not(:disabled):not(.disabled).active,.btn-lg-outline-dark-gray:not(:disabled):not(.disabled):active,.show>.btn-lg-outline-dark-gray.dropdown-toggle,.btn-lg-outline-dark-gray.focus,.btn-lg-outline-dark-gray:focus {
        color: var(--light);
        background-color: var(--dark-gray);
        border-color: var(--dark-gray);
        box-shadow: 0 0 0 0.2rem rgb(var(--dark-gray-rgb))
    }

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

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

@media(min-width: 1200px) {
    .btn-xl-primary {
        background-color:var(--primary);
        border-color: var(--primary)
    }

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

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

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

    .btn-xl-outline-primary:hover,.btn-xl-outline-primary:not(:disabled):not(.disabled).active,.btn-xl-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-xl-outline-primary.dropdown-toggle,.btn-xl-outline-primary.focus,.btn-xl-outline-primary:focus {
        color: var(--light);
        background-color: var(--primary);
        border-color: var(--primary);
        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,.13)
    }

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

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

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

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

    .btn-xl-outline-secondary:hover,.btn-xl-outline-secondary:not(:disabled):not(.disabled).active,.btn-xl-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-xl-outline-secondary.dropdown-toggle,.btn-xl-outline-secondary.focus,.btn-xl-outline-secondary:focus {
        color: var(--light);
        background-color: var(--secondary);
        border-color: var(--secondary);
        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,.13)
    }

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

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

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

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

    .btn-xl-outline-tertiary:hover,.btn-xl-outline-tertiary:not(:disabled):not(.disabled).active,.btn-xl-outline-tertiary:not(:disabled):not(.disabled):active,.show>.btn-xl-outline-tertiary.dropdown-toggle,.btn-xl-outline-tertiary.focus,.btn-xl-outline-tertiary:focus {
        color: var(--light);
        background-color: var(--tertiary);
        border-color: var(--tertiary);
        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,.13)
    }

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

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

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

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

    .btn-xl-outline-quaternary:hover,.btn-xl-outline-quaternary:not(:disabled):not(.disabled).active,.btn-xl-outline-quaternary:not(:disabled):not(.disabled):active,.show>.btn-xl-outline-quaternary.dropdown-toggle,.btn-xl-outline-quaternary.focus,.btn-xl-outline-quaternary:focus {
        color: var(--light);
        background-color: var(--quaternary);
        border-color: var(--quaternary);
        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,.13)
    }

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

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

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

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

    .btn-xl-outline-quinary:hover,.btn-xl-outline-quinary:not(:disabled):not(.disabled).active,.btn-xl-outline-quinary:not(:disabled):not(.disabled):active,.show>.btn-xl-outline-quinary.dropdown-toggle,.btn-xl-outline-quinary.focus,.btn-xl-outline-quinary:focus {
        color: var(--light);
        background-color: var(--quinary);
        border-color: var(--quinary);
        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,.13)
    }

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

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

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

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

    .btn-xl-outline-senary:hover,.btn-xl-outline-senary:not(:disabled):not(.disabled).active,.btn-xl-outline-senary:not(:disabled):not(.disabled):active,.show>.btn-xl-outline-senary.dropdown-toggle,.btn-xl-outline-senary.focus,.btn-xl-outline-senary:focus {
        color: var(--light);
        background-color: var(--senary);
        border-color: var(--senary);
        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,.13)
    }

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

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

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

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

    .btn-xl-outline-septenary:hover,.btn-xl-outline-septenary:not(:disabled):not(.disabled).active,.btn-xl-outline-septenary:not(:disabled):not(.disabled):active,.show>.btn-xl-outline-septenary.dropdown-toggle,.btn-xl-outline-septenary.focus,.btn-xl-outline-septenary:focus {
        color: var(--light);
        background-color: var(--septenary);
        border-color: var(--septenary);
        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,.13)
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .btn-xl-outline-gray:hover,.btn-xl-outline-gray:not(:disabled):not(.disabled).active,.btn-xl-outline-gray:not(:disabled):not(.disabled):active,.show>.btn-xl-outline-gray.dropdown-toggle,.btn-xl-outline-gray.focus,.btn-xl-outline-gray:focus {
        color: var(--light);
        background-color: var(--gray);
        border-color: var(--gray);
        box-shadow: 0 0 0 0.2rem rgb(var(--gray-rgb))
    }

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

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

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

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

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

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

    .btn-xl-outline-dark:hover,.btn-xl-outline-dark:not(:disabled):not(.disabled).active,.btn-xl-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-xl-outline-dark.dropdown-toggle,.btn-xl-outline-dark.focus,.btn-xl-outline-dark:focus {
        color: var(--light);
        background-color: var(--dark);
        border-color: var(--dark);
        box-shadow: 0 0 0 0.2rem rgb(var(--dark-rgb))
    }

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

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

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

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

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

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

    .btn-xl-outline-dark-gray:hover,.btn-xl-outline-dark-gray:not(:disabled):not(.disabled).active,.btn-xl-outline-dark-gray:not(:disabled):not(.disabled):active,.show>.btn-xl-outline-dark-gray.dropdown-toggle,.btn-xl-outline-dark-gray.focus,.btn-xl-outline-dark-gray:focus {
        color: var(--light);
        background-color: var(--dark-gray);
        border-color: var(--dark-gray);
        box-shadow: 0 0 0 0.2rem rgb(var(--dark-gray-rgb))
    }

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

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

@media(min-width: 1400px) {
    .btn-xxl-primary {
        background-color:var(--primary);
        border-color: var(--primary)
    }

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

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

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

    .btn-xxl-outline-primary:hover,.btn-xxl-outline-primary:not(:disabled):not(.disabled).active,.btn-xxl-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-xxl-outline-primary.dropdown-toggle,.btn-xxl-outline-primary.focus,.btn-xxl-outline-primary:focus {
        color: var(--light);
        background-color: var(--primary);
        border-color: var(--primary);
        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,.13)
    }

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

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

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

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

    .btn-xxl-outline-secondary:hover,.btn-xxl-outline-secondary:not(:disabled):not(.disabled).active,.btn-xxl-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-xxl-outline-secondary.dropdown-toggle,.btn-xxl-outline-secondary.focus,.btn-xxl-outline-secondary:focus {
        color: var(--light);
        background-color: var(--secondary);
        border-color: var(--secondary);
        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,.13)
    }

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

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

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

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

    .btn-xxl-outline-tertiary:hover,.btn-xxl-outline-tertiary:not(:disabled):not(.disabled).active,.btn-xxl-outline-tertiary:not(:disabled):not(.disabled):active,.show>.btn-xxl-outline-tertiary.dropdown-toggle,.btn-xxl-outline-tertiary.focus,.btn-xxl-outline-tertiary:focus {
        color: var(--light);
        background-color: var(--tertiary);
        border-color: var(--tertiary);
        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,.13)
    }

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

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

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

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

    .btn-xxl-outline-quaternary:hover,.btn-xxl-outline-quaternary:not(:disabled):not(.disabled).active,.btn-xxl-outline-quaternary:not(:disabled):not(.disabled):active,.show>.btn-xxl-outline-quaternary.dropdown-toggle,.btn-xxl-outline-quaternary.focus,.btn-xxl-outline-quaternary:focus {
        color: var(--light);
        background-color: var(--quaternary);
        border-color: var(--quaternary);
        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,.13)
    }

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

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

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

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

    .btn-xxl-outline-quinary:hover,.btn-xxl-outline-quinary:not(:disabled):not(.disabled).active,.btn-xxl-outline-quinary:not(:disabled):not(.disabled):active,.show>.btn-xxl-outline-quinary.dropdown-toggle,.btn-xxl-outline-quinary.focus,.btn-xxl-outline-quinary:focus {
        color: var(--light);
        background-color: var(--quinary);
        border-color: var(--quinary);
        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,.13)
    }

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

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

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

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

    .btn-xxl-outline-senary:hover,.btn-xxl-outline-senary:not(:disabled):not(.disabled).active,.btn-xxl-outline-senary:not(:disabled):not(.disabled):active,.show>.btn-xxl-outline-senary.dropdown-toggle,.btn-xxl-outline-senary.focus,.btn-xxl-outline-senary:focus {
        color: var(--light);
        background-color: var(--senary);
        border-color: var(--senary);
        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,.13)
    }

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

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

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

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

    .btn-xxl-outline-septenary:hover,.btn-xxl-outline-septenary:not(:disabled):not(.disabled).active,.btn-xxl-outline-septenary:not(:disabled):not(.disabled):active,.show>.btn-xxl-outline-septenary.dropdown-toggle,.btn-xxl-outline-septenary.focus,.btn-xxl-outline-septenary:focus {
        color: var(--light);
        background-color: var(--septenary);
        border-color: var(--septenary);
        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,.13)
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .btn-xxl-outline-gray:hover,.btn-xxl-outline-gray:not(:disabled):not(.disabled).active,.btn-xxl-outline-gray:not(:disabled):not(.disabled):active,.show>.btn-xxl-outline-gray.dropdown-toggle,.btn-xxl-outline-gray.focus,.btn-xxl-outline-gray:focus {
        color: var(--light);
        background-color: var(--gray);
        border-color: var(--gray);
        box-shadow: 0 0 0 0.2rem rgb(var(--gray-rgb))
    }

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

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

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

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

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

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

    .btn-xxl-outline-dark:hover,.btn-xxl-outline-dark:not(:disabled):not(.disabled).active,.btn-xxl-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-xxl-outline-dark.dropdown-toggle,.btn-xxl-outline-dark.focus,.btn-xxl-outline-dark:focus {
        color: var(--light);
        background-color: var(--dark);
        border-color: var(--dark);
        box-shadow: 0 0 0 0.2rem rgb(var(--dark-rgb))
    }

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

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

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

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

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

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

    .btn-xxl-outline-dark-gray:hover,.btn-xxl-outline-dark-gray:not(:disabled):not(.disabled).active,.btn-xxl-outline-dark-gray:not(:disabled):not(.disabled):active,.show>.btn-xxl-outline-dark-gray.dropdown-toggle,.btn-xxl-outline-dark-gray.focus,.btn-xxl-outline-dark-gray:focus {
        color: var(--light);
        background-color: var(--dark-gray);
        border-color: var(--dark-gray);
        box-shadow: 0 0 0 0.2rem rgb(var(--dark-gray-rgb))
    }

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

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

.d-none {
    display: none!important
}

.d-block {
    display: block!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

.d-grid {
    display: grid!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

@media(min-width: 576px) {
    .d-sm-none {
        display:none!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }

    .d-sm-grid {
        display: grid!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }
}

@media(min-width: 768px) {
    .d-md-none {
        display:none!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }

    .d-md-grid {
        display: grid!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }
}

@media(min-width: 992px) {
    .d-navbrk-none {
        display:none!important
    }

    .d-navbrk-block {
        display: block!important
    }

    .d-navbrk-inline {
        display: inline!important
    }

    .d-navbrk-inline-block {
        display: inline-block!important
    }

    .d-navbrk-flex {
        display: flex!important
    }

    .d-navbrk-inline-flex {
        display: inline-flex!important
    }

    .d-navbrk-grid {
        display: grid!important
    }

    .d-navbrk-table {
        display: table!important
    }

    .d-navbrk-table-row {
        display: table-row!important
    }

    .d-navbrk-table-cell {
        display: table-cell!important
    }
}

@media(min-width: 992px) {
    .d-lg-none {
        display:none!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }

    .d-lg-grid {
        display: grid!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }
}

@media(min-width: 992px) {
    .d-navbrk-none {
        display:none!important
    }

    .d-navbrk-block {
        display: block!important
    }

    .d-navbrk-inline {
        display: inline!important
    }

    .d-navbrk-inline-block {
        display: inline-block!important
    }

    .d-navbrk-flex {
        display: flex!important
    }

    .d-navbrk-inline-flex {
        display: inline-flex!important
    }

    .d-navbrk-grid {
        display: grid!important
    }

    .d-navbrk-table {
        display: table!important
    }

    .d-navbrk-table-row {
        display: table-row!important
    }

    .d-navbrk-table-cell {
        display: table-cell!important
    }
}

@media(min-width: 1200px) {
    .d-xl-none {
        display:none!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }

    .d-xl-grid {
        display: grid!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }
}

@media(min-width: 1400px) {
    .d-xxl-none {
        display:none!important
    }

    .d-xxl-block {
        display: block!important
    }

    .d-xxl-inline {
        display: inline!important
    }

    .d-xxl-inline-block {
        display: inline-block!important
    }

    .d-xxl-flex {
        display: flex!important
    }

    .d-xxl-inline-flex {
        display: inline-flex!important
    }

    .d-xxl-grid {
        display: grid!important
    }

    .d-xxl-table {
        display: table!important
    }

    .d-xxl-table-row {
        display: table-row!important
    }

    .d-xxl-table-cell {
        display: table-cell!important
    }
}

.bg-primary-to-primary {
    background: var(--primary)!important;
    background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
}

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

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

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

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

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

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

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

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

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

.bg-primary-to-dark-gray {
    background: var(--primary)!important;
    background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-dark-gray-to-primary {
    background: var(--dark-gray)!important;
    background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
}

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

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

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

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

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

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

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

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

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

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

.bg-dark-gray {
    background-color: var(--dark-gray)!important
}

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

.hover-dark-gray:hover {
    color: var(--dark-gray)!important
}

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

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

@media(min-width: 576px) {
    .bg-sm-primary-to-primary {
        background:var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-sm-primary-to-secondary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-sm-primary-to-tertiary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-sm-primary-to-quaternary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-sm-primary-to-quinary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-sm-primary-to-senary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-sm-primary-to-septenary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-sm-primary-to-light {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-sm-primary-to-gray {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-sm-primary-to-dark {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-sm-primary-to-dark-gray {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-sm-primary {
        background-color: var(--primary)!important
    }

    .text-sm-primary {
        color: var(--primary)!important
    }

    .hover-sm-primary:hover {
        color: var(--primary)!important
    }

    .hover-sm-bg-primary:hover {
        background-color: var(--primary)!important
    }

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

    .bg-sm-secondary-to-primary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-sm-secondary-to-secondary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-sm-secondary-to-tertiary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-sm-secondary-to-quaternary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-sm-secondary-to-quinary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-sm-secondary-to-senary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-sm-secondary-to-septenary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-sm-secondary-to-light {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-sm-secondary-to-gray {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-sm-secondary-to-dark {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-sm-secondary-to-dark-gray {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-sm-secondary {
        background-color: var(--secondary)!important
    }

    .text-sm-secondary {
        color: var(--secondary)!important
    }

    .hover-sm-secondary:hover {
        color: var(--secondary)!important
    }

    .hover-sm-bg-secondary:hover {
        background-color: var(--secondary)!important
    }

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

    .bg-sm-tertiary-to-primary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-sm-tertiary-to-secondary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-sm-tertiary-to-tertiary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-sm-tertiary-to-quaternary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-sm-tertiary-to-quinary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-sm-tertiary-to-senary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-sm-tertiary-to-septenary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-sm-tertiary-to-light {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-sm-tertiary-to-gray {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-sm-tertiary-to-dark {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-sm-tertiary-to-dark-gray {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-sm-tertiary {
        background-color: var(--tertiary)!important
    }

    .text-sm-tertiary {
        color: var(--tertiary)!important
    }

    .hover-sm-tertiary:hover {
        color: var(--tertiary)!important
    }

    .hover-sm-bg-tertiary:hover {
        background-color: var(--tertiary)!important
    }

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

    .bg-sm-quaternary-to-primary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-sm-quaternary-to-secondary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-sm-quaternary-to-tertiary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-sm-quaternary-to-quaternary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-sm-quaternary-to-quinary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-sm-quaternary-to-senary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-sm-quaternary-to-septenary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-sm-quaternary-to-light {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-sm-quaternary-to-gray {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-sm-quaternary-to-dark {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-sm-quaternary-to-dark-gray {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-sm-quaternary {
        background-color: var(--quaternary)!important
    }

    .text-sm-quaternary {
        color: var(--quaternary)!important
    }

    .hover-sm-quaternary:hover {
        color: var(--quaternary)!important
    }

    .hover-sm-bg-quaternary:hover {
        background-color: var(--quaternary)!important
    }

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

    .bg-sm-quinary-to-primary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-sm-quinary-to-secondary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-sm-quinary-to-tertiary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-sm-quinary-to-quaternary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-sm-quinary-to-quinary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-sm-quinary-to-senary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-sm-quinary-to-septenary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-sm-quinary-to-light {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-sm-quinary-to-gray {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-sm-quinary-to-dark {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-sm-quinary-to-dark-gray {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-sm-quinary {
        background-color: var(--quinary)!important
    }

    .text-sm-quinary {
        color: var(--quinary)!important
    }

    .hover-sm-quinary:hover {
        color: var(--quinary)!important
    }

    .hover-sm-bg-quinary:hover {
        background-color: var(--quinary)!important
    }

    .hover-sm-btn-quinary:hover {
        background-color: var(--quinary)!important;
        border-color: var(--quinary)!important
    }

    .bg-sm-senary-to-primary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-sm-senary-to-secondary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-sm-senary-to-tertiary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-sm-senary-to-quaternary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-sm-senary-to-quinary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-sm-senary-to-senary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-sm-senary-to-septenary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-sm-senary-to-light {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-sm-senary-to-gray {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-sm-senary-to-dark {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-sm-senary-to-dark-gray {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-sm-senary {
        background-color: var(--senary)!important
    }

    .text-sm-senary {
        color: var(--senary)!important
    }

    .hover-sm-senary:hover {
        color: var(--senary)!important
    }

    .hover-sm-bg-senary:hover {
        background-color: var(--senary)!important
    }

    .hover-sm-btn-senary:hover {
        background-color: var(--senary)!important;
        border-color: var(--senary)!important
    }

    .bg-sm-septenary-to-primary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-sm-septenary-to-secondary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-sm-septenary-to-tertiary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-sm-septenary-to-quaternary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-sm-septenary-to-quinary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-sm-septenary-to-senary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-sm-septenary-to-septenary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-sm-septenary-to-light {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-sm-septenary-to-gray {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-sm-septenary-to-dark {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-sm-septenary-to-dark-gray {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-sm-septenary {
        background-color: var(--septenary)!important
    }

    .text-sm-septenary {
        color: var(--septenary)!important
    }

    .hover-sm-septenary:hover {
        color: var(--septenary)!important
    }

    .hover-sm-bg-septenary:hover {
        background-color: var(--septenary)!important
    }

    .hover-sm-btn-septenary:hover {
        background-color: var(--septenary)!important;
        border-color: var(--septenary)!important
    }

    .bg-sm-light-to-primary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-sm-light-to-secondary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-sm-light-to-tertiary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-sm-light-to-quaternary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-sm-light-to-quinary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-sm-light-to-senary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-sm-light-to-septenary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-sm-light-to-light {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-sm-light-to-gray {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-sm-light-to-dark {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-sm-light-to-dark-gray {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-sm-light {
        background-color: var(--light)!important
    }

    .text-sm-light {
        color: var(--light)!important
    }

    .hover-sm-light:hover {
        color: var(--light)!important
    }

    .hover-sm-bg-light:hover {
        background-color: var(--light)!important
    }

    .hover-sm-btn-light:hover {
        background-color: var(--light)!important;
        border-color: var(--light)!important
    }

    .bg-sm-gray-to-primary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-sm-gray-to-secondary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-sm-gray-to-tertiary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-sm-gray-to-quaternary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-sm-gray-to-quinary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-sm-gray-to-senary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-sm-gray-to-septenary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-sm-gray-to-light {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-sm-gray-to-gray {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-sm-gray-to-dark {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-sm-gray-to-dark-gray {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-sm-gray {
        background-color: var(--gray)!important
    }

    .text-sm-gray {
        color: var(--gray)!important
    }

    .hover-sm-gray:hover {
        color: var(--gray)!important
    }

    .hover-sm-bg-gray:hover {
        background-color: var(--gray)!important
    }

    .hover-sm-btn-gray:hover {
        background-color: var(--gray)!important;
        border-color: var(--gray)!important
    }

    .bg-sm-dark-to-primary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-sm-dark-to-secondary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-sm-dark-to-tertiary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-sm-dark-to-quaternary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-sm-dark-to-quinary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-sm-dark-to-senary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-sm-dark-to-septenary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-sm-dark-to-light {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-sm-dark-to-gray {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-sm-dark-to-dark {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-sm-dark-to-dark-gray {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-sm-dark {
        background-color: var(--dark)!important
    }

    .text-sm-dark {
        color: var(--dark)!important
    }

    .hover-sm-dark:hover {
        color: var(--dark)!important
    }

    .hover-sm-bg-dark:hover {
        background-color: var(--dark)!important
    }

    .hover-sm-btn-dark:hover {
        background-color: var(--dark)!important;
        border-color: var(--dark)!important
    }

    .bg-sm-dark-gray-to-primary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-sm-dark-gray-to-secondary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-sm-dark-gray-to-tertiary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-sm-dark-gray-to-quaternary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-sm-dark-gray-to-quinary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-sm-dark-gray-to-senary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-sm-dark-gray-to-septenary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-sm-dark-gray-to-light {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-sm-dark-gray-to-gray {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-sm-dark-gray-to-dark {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-sm-dark-gray-to-dark-gray {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-sm-dark-gray {
        background-color: var(--dark-gray)!important
    }

    .text-sm-dark-gray {
        color: var(--dark-gray)!important
    }

    .hover-sm-dark-gray:hover {
        color: var(--dark-gray)!important
    }

    .hover-sm-bg-dark-gray:hover {
        background-color: var(--dark-gray)!important
    }

    .hover-sm-btn-dark-gray:hover {
        background-color: var(--dark-gray)!important;
        border-color: var(--dark-gray)!important
    }
}

@media(min-width: 768px) {
    .bg-md-primary-to-primary {
        background:var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-md-primary-to-secondary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-md-primary-to-tertiary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-md-primary-to-quaternary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-md-primary-to-quinary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-md-primary-to-senary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-md-primary-to-septenary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-md-primary-to-light {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-md-primary-to-gray {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-md-primary-to-dark {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-md-primary-to-dark-gray {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-md-primary {
        background-color: var(--primary)!important
    }

    .text-md-primary {
        color: var(--primary)!important
    }

    .hover-md-primary:hover {
        color: var(--primary)!important
    }

    .hover-md-bg-primary:hover {
        background-color: var(--primary)!important
    }

    .hover-md-btn-primary:hover {
        background-color: var(--primary)!important;
        border-color: var(--primary)!important
    }

    .bg-md-secondary-to-primary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-md-secondary-to-secondary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-md-secondary-to-tertiary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-md-secondary-to-quaternary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-md-secondary-to-quinary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-md-secondary-to-senary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-md-secondary-to-septenary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-md-secondary-to-light {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-md-secondary-to-gray {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-md-secondary-to-dark {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-md-secondary-to-dark-gray {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-md-secondary {
        background-color: var(--secondary)!important
    }

    .text-md-secondary {
        color: var(--secondary)!important
    }

    .hover-md-secondary:hover {
        color: var(--secondary)!important
    }

    .hover-md-bg-secondary:hover {
        background-color: var(--secondary)!important
    }

    .hover-md-btn-secondary:hover {
        background-color: var(--secondary)!important;
        border-color: var(--secondary)!important
    }

    .bg-md-tertiary-to-primary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-md-tertiary-to-secondary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-md-tertiary-to-tertiary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-md-tertiary-to-quaternary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-md-tertiary-to-quinary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-md-tertiary-to-senary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-md-tertiary-to-septenary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-md-tertiary-to-light {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-md-tertiary-to-gray {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-md-tertiary-to-dark {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-md-tertiary-to-dark-gray {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-md-tertiary {
        background-color: var(--tertiary)!important
    }

    .text-md-tertiary {
        color: var(--tertiary)!important
    }

    .hover-md-tertiary:hover {
        color: var(--tertiary)!important
    }

    .hover-md-bg-tertiary:hover {
        background-color: var(--tertiary)!important
    }

    .hover-md-btn-tertiary:hover {
        background-color: var(--tertiary)!important;
        border-color: var(--tertiary)!important
    }

    .bg-md-quaternary-to-primary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-md-quaternary-to-secondary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-md-quaternary-to-tertiary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-md-quaternary-to-quaternary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-md-quaternary-to-quinary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-md-quaternary-to-senary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-md-quaternary-to-septenary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-md-quaternary-to-light {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-md-quaternary-to-gray {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-md-quaternary-to-dark {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-md-quaternary-to-dark-gray {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-md-quaternary {
        background-color: var(--quaternary)!important
    }

    .text-md-quaternary {
        color: var(--quaternary)!important
    }

    .hover-md-quaternary:hover {
        color: var(--quaternary)!important
    }

    .hover-md-bg-quaternary:hover {
        background-color: var(--quaternary)!important
    }

    .hover-md-btn-quaternary:hover {
        background-color: var(--quaternary)!important;
        border-color: var(--quaternary)!important
    }

    .bg-md-quinary-to-primary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-md-quinary-to-secondary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-md-quinary-to-tertiary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-md-quinary-to-quaternary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-md-quinary-to-quinary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-md-quinary-to-senary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-md-quinary-to-septenary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-md-quinary-to-light {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-md-quinary-to-gray {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-md-quinary-to-dark {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-md-quinary-to-dark-gray {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-md-quinary {
        background-color: var(--quinary)!important
    }

    .text-md-quinary {
        color: var(--quinary)!important
    }

    .hover-md-quinary:hover {
        color: var(--quinary)!important
    }

    .hover-md-bg-quinary:hover {
        background-color: var(--quinary)!important
    }

    .hover-md-btn-quinary:hover {
        background-color: var(--quinary)!important;
        border-color: var(--quinary)!important
    }

    .bg-md-senary-to-primary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-md-senary-to-secondary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-md-senary-to-tertiary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-md-senary-to-quaternary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-md-senary-to-quinary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-md-senary-to-senary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-md-senary-to-septenary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-md-senary-to-light {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-md-senary-to-gray {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-md-senary-to-dark {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-md-senary-to-dark-gray {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-md-senary {
        background-color: var(--senary)!important
    }

    .text-md-senary {
        color: var(--senary)!important
    }

    .hover-md-senary:hover {
        color: var(--senary)!important
    }

    .hover-md-bg-senary:hover {
        background-color: var(--senary)!important
    }

    .hover-md-btn-senary:hover {
        background-color: var(--senary)!important;
        border-color: var(--senary)!important
    }

    .bg-md-septenary-to-primary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-md-septenary-to-secondary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-md-septenary-to-tertiary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-md-septenary-to-quaternary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-md-septenary-to-quinary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-md-septenary-to-senary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-md-septenary-to-septenary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-md-septenary-to-light {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-md-septenary-to-gray {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-md-septenary-to-dark {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-md-septenary-to-dark-gray {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-md-septenary {
        background-color: var(--septenary)!important
    }

    .text-md-septenary {
        color: var(--septenary)!important
    }

    .hover-md-septenary:hover {
        color: var(--septenary)!important
    }

    .hover-md-bg-septenary:hover {
        background-color: var(--septenary)!important
    }

    .hover-md-btn-septenary:hover {
        background-color: var(--septenary)!important;
        border-color: var(--septenary)!important
    }

    .bg-md-light-to-primary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-md-light-to-secondary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-md-light-to-tertiary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-md-light-to-quaternary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-md-light-to-quinary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-md-light-to-senary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-md-light-to-septenary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-md-light-to-light {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-md-light-to-gray {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-md-light-to-dark {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-md-light-to-dark-gray {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-md-light {
        background-color: var(--light)!important
    }

    .text-md-light {
        color: var(--light)!important
    }

    .hover-md-light:hover {
        color: var(--light)!important
    }

    .hover-md-bg-light:hover {
        background-color: var(--light)!important
    }

    .hover-md-btn-light:hover {
        background-color: var(--light)!important;
        border-color: var(--light)!important
    }

    .bg-md-gray-to-primary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-md-gray-to-secondary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-md-gray-to-tertiary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-md-gray-to-quaternary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-md-gray-to-quinary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-md-gray-to-senary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-md-gray-to-septenary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-md-gray-to-light {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-md-gray-to-gray {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-md-gray-to-dark {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-md-gray-to-dark-gray {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-md-gray {
        background-color: var(--gray)!important
    }

    .text-md-gray {
        color: var(--gray)!important
    }

    .hover-md-gray:hover {
        color: var(--gray)!important
    }

    .hover-md-bg-gray:hover {
        background-color: var(--gray)!important
    }

    .hover-md-btn-gray:hover {
        background-color: var(--gray)!important;
        border-color: var(--gray)!important
    }

    .bg-md-dark-to-primary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-md-dark-to-secondary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-md-dark-to-tertiary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-md-dark-to-quaternary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-md-dark-to-quinary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-md-dark-to-senary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-md-dark-to-septenary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-md-dark-to-light {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-md-dark-to-gray {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-md-dark-to-dark {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-md-dark-to-dark-gray {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-md-dark {
        background-color: var(--dark)!important
    }

    .text-md-dark {
        color: var(--dark)!important
    }

    .hover-md-dark:hover {
        color: var(--dark)!important
    }

    .hover-md-bg-dark:hover {
        background-color: var(--dark)!important
    }

    .hover-md-btn-dark:hover {
        background-color: var(--dark)!important;
        border-color: var(--dark)!important
    }

    .bg-md-dark-gray-to-primary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-md-dark-gray-to-secondary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-md-dark-gray-to-tertiary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-md-dark-gray-to-quaternary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-md-dark-gray-to-quinary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-md-dark-gray-to-senary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-md-dark-gray-to-septenary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-md-dark-gray-to-light {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-md-dark-gray-to-gray {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-md-dark-gray-to-dark {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-md-dark-gray-to-dark-gray {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-md-dark-gray {
        background-color: var(--dark-gray)!important
    }

    .text-md-dark-gray {
        color: var(--dark-gray)!important
    }

    .hover-md-dark-gray:hover {
        color: var(--dark-gray)!important
    }

    .hover-md-bg-dark-gray:hover {
        background-color: var(--dark-gray)!important
    }

    .hover-md-btn-dark-gray:hover {
        background-color: var(--dark-gray)!important;
        border-color: var(--dark-gray)!important
    }
}

@media(min-width: 992px) {
    .bg-lg-primary-to-primary {
        background:var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-lg-primary-to-secondary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-lg-primary-to-tertiary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-lg-primary-to-quaternary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-lg-primary-to-quinary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-lg-primary-to-senary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-lg-primary-to-septenary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-lg-primary-to-light {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-lg-primary-to-gray {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-lg-primary-to-dark {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-lg-primary-to-dark-gray {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-lg-primary {
        background-color: var(--primary)!important
    }

    .text-lg-primary {
        color: var(--primary)!important
    }

    .hover-lg-primary:hover {
        color: var(--primary)!important
    }

    .hover-lg-bg-primary:hover {
        background-color: var(--primary)!important
    }

    .hover-lg-btn-primary:hover {
        background-color: var(--primary)!important;
        border-color: var(--primary)!important
    }

    .bg-lg-secondary-to-primary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-lg-secondary-to-secondary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-lg-secondary-to-tertiary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-lg-secondary-to-quaternary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-lg-secondary-to-quinary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-lg-secondary-to-senary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-lg-secondary-to-septenary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-lg-secondary-to-light {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-lg-secondary-to-gray {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-lg-secondary-to-dark {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-lg-secondary-to-dark-gray {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-lg-secondary {
        background-color: var(--secondary)!important
    }

    .text-lg-secondary {
        color: var(--secondary)!important
    }

    .hover-lg-secondary:hover {
        color: var(--secondary)!important
    }

    .hover-lg-bg-secondary:hover {
        background-color: var(--secondary)!important
    }

    .hover-lg-btn-secondary:hover {
        background-color: var(--secondary)!important;
        border-color: var(--secondary)!important
    }

    .bg-lg-tertiary-to-primary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-lg-tertiary-to-secondary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-lg-tertiary-to-tertiary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-lg-tertiary-to-quaternary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-lg-tertiary-to-quinary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-lg-tertiary-to-senary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-lg-tertiary-to-septenary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-lg-tertiary-to-light {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-lg-tertiary-to-gray {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-lg-tertiary-to-dark {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-lg-tertiary-to-dark-gray {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-lg-tertiary {
        background-color: var(--tertiary)!important
    }

    .text-lg-tertiary {
        color: var(--tertiary)!important
    }

    .hover-lg-tertiary:hover {
        color: var(--tertiary)!important
    }

    .hover-lg-bg-tertiary:hover {
        background-color: var(--tertiary)!important
    }

    .hover-lg-btn-tertiary:hover {
        background-color: var(--tertiary)!important;
        border-color: var(--tertiary)!important
    }

    .bg-lg-quaternary-to-primary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-lg-quaternary-to-secondary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-lg-quaternary-to-tertiary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-lg-quaternary-to-quaternary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-lg-quaternary-to-quinary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-lg-quaternary-to-senary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-lg-quaternary-to-septenary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-lg-quaternary-to-light {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-lg-quaternary-to-gray {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-lg-quaternary-to-dark {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-lg-quaternary-to-dark-gray {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-lg-quaternary {
        background-color: var(--quaternary)!important
    }

    .text-lg-quaternary {
        color: var(--quaternary)!important
    }

    .hover-lg-quaternary:hover {
        color: var(--quaternary)!important
    }

    .hover-lg-bg-quaternary:hover {
        background-color: var(--quaternary)!important
    }

    .hover-lg-btn-quaternary:hover {
        background-color: var(--quaternary)!important;
        border-color: var(--quaternary)!important
    }

    .bg-lg-quinary-to-primary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-lg-quinary-to-secondary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-lg-quinary-to-tertiary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-lg-quinary-to-quaternary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-lg-quinary-to-quinary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-lg-quinary-to-senary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-lg-quinary-to-septenary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-lg-quinary-to-light {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-lg-quinary-to-gray {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-lg-quinary-to-dark {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-lg-quinary-to-dark-gray {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-lg-quinary {
        background-color: var(--quinary)!important
    }

    .text-lg-quinary {
        color: var(--quinary)!important
    }

    .hover-lg-quinary:hover {
        color: var(--quinary)!important
    }

    .hover-lg-bg-quinary:hover {
        background-color: var(--quinary)!important
    }

    .hover-lg-btn-quinary:hover {
        background-color: var(--quinary)!important;
        border-color: var(--quinary)!important
    }

    .bg-lg-senary-to-primary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-lg-senary-to-secondary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-lg-senary-to-tertiary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-lg-senary-to-quaternary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-lg-senary-to-quinary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-lg-senary-to-senary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-lg-senary-to-septenary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-lg-senary-to-light {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-lg-senary-to-gray {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-lg-senary-to-dark {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-lg-senary-to-dark-gray {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-lg-senary {
        background-color: var(--senary)!important
    }

    .text-lg-senary {
        color: var(--senary)!important
    }

    .hover-lg-senary:hover {
        color: var(--senary)!important
    }

    .hover-lg-bg-senary:hover {
        background-color: var(--senary)!important
    }

    .hover-lg-btn-senary:hover {
        background-color: var(--senary)!important;
        border-color: var(--senary)!important
    }

    .bg-lg-septenary-to-primary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-lg-septenary-to-secondary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-lg-septenary-to-tertiary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-lg-septenary-to-quaternary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-lg-septenary-to-quinary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-lg-septenary-to-senary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-lg-septenary-to-septenary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-lg-septenary-to-light {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-lg-septenary-to-gray {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-lg-septenary-to-dark {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-lg-septenary-to-dark-gray {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-lg-septenary {
        background-color: var(--septenary)!important
    }

    .text-lg-septenary {
        color: var(--septenary)!important
    }

    .hover-lg-septenary:hover {
        color: var(--septenary)!important
    }

    .hover-lg-bg-septenary:hover {
        background-color: var(--septenary)!important
    }

    .hover-lg-btn-septenary:hover {
        background-color: var(--septenary)!important;
        border-color: var(--septenary)!important
    }

    .bg-lg-light-to-primary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-lg-light-to-secondary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-lg-light-to-tertiary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-lg-light-to-quaternary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-lg-light-to-quinary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-lg-light-to-senary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-lg-light-to-septenary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-lg-light-to-light {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-lg-light-to-gray {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-lg-light-to-dark {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-lg-light-to-dark-gray {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-lg-light {
        background-color: var(--light)!important
    }

    .text-lg-light {
        color: var(--light)!important
    }

    .hover-lg-light:hover {
        color: var(--light)!important
    }

    .hover-lg-bg-light:hover {
        background-color: var(--light)!important
    }

    .hover-lg-btn-light:hover {
        background-color: var(--light)!important;
        border-color: var(--light)!important
    }

    .bg-lg-gray-to-primary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-lg-gray-to-secondary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-lg-gray-to-tertiary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-lg-gray-to-quaternary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-lg-gray-to-quinary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-lg-gray-to-senary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-lg-gray-to-septenary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-lg-gray-to-light {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-lg-gray-to-gray {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-lg-gray-to-dark {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-lg-gray-to-dark-gray {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-lg-gray {
        background-color: var(--gray)!important
    }

    .text-lg-gray {
        color: var(--gray)!important
    }

    .hover-lg-gray:hover {
        color: var(--gray)!important
    }

    .hover-lg-bg-gray:hover {
        background-color: var(--gray)!important
    }

    .hover-lg-btn-gray:hover {
        background-color: var(--gray)!important;
        border-color: var(--gray)!important
    }

    .bg-lg-dark-to-primary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-lg-dark-to-secondary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-lg-dark-to-tertiary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-lg-dark-to-quaternary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-lg-dark-to-quinary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-lg-dark-to-senary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-lg-dark-to-septenary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-lg-dark-to-light {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-lg-dark-to-gray {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-lg-dark-to-dark {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-lg-dark-to-dark-gray {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-lg-dark {
        background-color: var(--dark)!important
    }

    .text-lg-dark {
        color: var(--dark)!important
    }

    .hover-lg-dark:hover {
        color: var(--dark)!important
    }

    .hover-lg-bg-dark:hover {
        background-color: var(--dark)!important
    }

    .hover-lg-btn-dark:hover {
        background-color: var(--dark)!important;
        border-color: var(--dark)!important
    }

    .bg-lg-dark-gray-to-primary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-lg-dark-gray-to-secondary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-lg-dark-gray-to-tertiary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-lg-dark-gray-to-quaternary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-lg-dark-gray-to-quinary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-lg-dark-gray-to-senary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-lg-dark-gray-to-septenary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-lg-dark-gray-to-light {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-lg-dark-gray-to-gray {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-lg-dark-gray-to-dark {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-lg-dark-gray-to-dark-gray {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-lg-dark-gray {
        background-color: var(--dark-gray)!important
    }

    .text-lg-dark-gray {
        color: var(--dark-gray)!important
    }

    .hover-lg-dark-gray:hover {
        color: var(--dark-gray)!important
    }

    .hover-lg-bg-dark-gray:hover {
        background-color: var(--dark-gray)!important
    }

    .hover-lg-btn-dark-gray:hover {
        background-color: var(--dark-gray)!important;
        border-color: var(--dark-gray)!important
    }
}

@media(min-width: 1200px) {
    .bg-xl-primary-to-primary {
        background:var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-xl-primary-to-secondary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-xl-primary-to-tertiary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-xl-primary-to-quaternary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-xl-primary-to-quinary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-xl-primary-to-senary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-xl-primary-to-septenary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-xl-primary-to-light {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-xl-primary-to-gray {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-xl-primary-to-dark {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-xl-primary-to-dark-gray {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-xl-primary {
        background-color: var(--primary)!important
    }

    .text-xl-primary {
        color: var(--primary)!important
    }

    .hover-xl-primary:hover {
        color: var(--primary)!important
    }

    .hover-xl-bg-primary:hover {
        background-color: var(--primary)!important
    }

    .hover-xl-btn-primary:hover {
        background-color: var(--primary)!important;
        border-color: var(--primary)!important
    }

    .bg-xl-secondary-to-primary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-xl-secondary-to-secondary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-xl-secondary-to-tertiary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-xl-secondary-to-quaternary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-xl-secondary-to-quinary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-xl-secondary-to-senary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-xl-secondary-to-septenary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-xl-secondary-to-light {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-xl-secondary-to-gray {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-xl-secondary-to-dark {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-xl-secondary-to-dark-gray {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-xl-secondary {
        background-color: var(--secondary)!important
    }

    .text-xl-secondary {
        color: var(--secondary)!important
    }

    .hover-xl-secondary:hover {
        color: var(--secondary)!important
    }

    .hover-xl-bg-secondary:hover {
        background-color: var(--secondary)!important
    }

    .hover-xl-btn-secondary:hover {
        background-color: var(--secondary)!important;
        border-color: var(--secondary)!important
    }

    .bg-xl-tertiary-to-primary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-xl-tertiary-to-secondary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-xl-tertiary-to-tertiary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-xl-tertiary-to-quaternary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-xl-tertiary-to-quinary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-xl-tertiary-to-senary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-xl-tertiary-to-septenary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-xl-tertiary-to-light {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-xl-tertiary-to-gray {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-xl-tertiary-to-dark {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-xl-tertiary-to-dark-gray {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-xl-tertiary {
        background-color: var(--tertiary)!important
    }

    .text-xl-tertiary {
        color: var(--tertiary)!important
    }

    .hover-xl-tertiary:hover {
        color: var(--tertiary)!important
    }

    .hover-xl-bg-tertiary:hover {
        background-color: var(--tertiary)!important
    }

    .hover-xl-btn-tertiary:hover {
        background-color: var(--tertiary)!important;
        border-color: var(--tertiary)!important
    }

    .bg-xl-quaternary-to-primary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-xl-quaternary-to-secondary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-xl-quaternary-to-tertiary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-xl-quaternary-to-quaternary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-xl-quaternary-to-quinary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-xl-quaternary-to-senary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-xl-quaternary-to-septenary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-xl-quaternary-to-light {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-xl-quaternary-to-gray {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-xl-quaternary-to-dark {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-xl-quaternary-to-dark-gray {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-xl-quaternary {
        background-color: var(--quaternary)!important
    }

    .text-xl-quaternary {
        color: var(--quaternary)!important
    }

    .hover-xl-quaternary:hover {
        color: var(--quaternary)!important
    }

    .hover-xl-bg-quaternary:hover {
        background-color: var(--quaternary)!important
    }

    .hover-xl-btn-quaternary:hover {
        background-color: var(--quaternary)!important;
        border-color: var(--quaternary)!important
    }

    .bg-xl-quinary-to-primary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-xl-quinary-to-secondary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-xl-quinary-to-tertiary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-xl-quinary-to-quaternary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-xl-quinary-to-quinary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-xl-quinary-to-senary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-xl-quinary-to-septenary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-xl-quinary-to-light {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-xl-quinary-to-gray {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-xl-quinary-to-dark {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-xl-quinary-to-dark-gray {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-xl-quinary {
        background-color: var(--quinary)!important
    }

    .text-xl-quinary {
        color: var(--quinary)!important
    }

    .hover-xl-quinary:hover {
        color: var(--quinary)!important
    }

    .hover-xl-bg-quinary:hover {
        background-color: var(--quinary)!important
    }

    .hover-xl-btn-quinary:hover {
        background-color: var(--quinary)!important;
        border-color: var(--quinary)!important
    }

    .bg-xl-senary-to-primary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-xl-senary-to-secondary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-xl-senary-to-tertiary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-xl-senary-to-quaternary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-xl-senary-to-quinary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-xl-senary-to-senary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-xl-senary-to-septenary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-xl-senary-to-light {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-xl-senary-to-gray {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-xl-senary-to-dark {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-xl-senary-to-dark-gray {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-xl-senary {
        background-color: var(--senary)!important
    }

    .text-xl-senary {
        color: var(--senary)!important
    }

    .hover-xl-senary:hover {
        color: var(--senary)!important
    }

    .hover-xl-bg-senary:hover {
        background-color: var(--senary)!important
    }

    .hover-xl-btn-senary:hover {
        background-color: var(--senary)!important;
        border-color: var(--senary)!important
    }

    .bg-xl-septenary-to-primary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-xl-septenary-to-secondary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-xl-septenary-to-tertiary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-xl-septenary-to-quaternary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-xl-septenary-to-quinary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-xl-septenary-to-senary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-xl-septenary-to-septenary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-xl-septenary-to-light {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-xl-septenary-to-gray {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-xl-septenary-to-dark {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-xl-septenary-to-dark-gray {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-xl-septenary {
        background-color: var(--septenary)!important
    }

    .text-xl-septenary {
        color: var(--septenary)!important
    }

    .hover-xl-septenary:hover {
        color: var(--septenary)!important
    }

    .hover-xl-bg-septenary:hover {
        background-color: var(--septenary)!important
    }

    .hover-xl-btn-septenary:hover {
        background-color: var(--septenary)!important;
        border-color: var(--septenary)!important
    }

    .bg-xl-light-to-primary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-xl-light-to-secondary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-xl-light-to-tertiary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-xl-light-to-quaternary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-xl-light-to-quinary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-xl-light-to-senary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-xl-light-to-septenary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-xl-light-to-light {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-xl-light-to-gray {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-xl-light-to-dark {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-xl-light-to-dark-gray {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-xl-light {
        background-color: var(--light)!important
    }

    .text-xl-light {
        color: var(--light)!important
    }

    .hover-xl-light:hover {
        color: var(--light)!important
    }

    .hover-xl-bg-light:hover {
        background-color: var(--light)!important
    }

    .hover-xl-btn-light:hover {
        background-color: var(--light)!important;
        border-color: var(--light)!important
    }

    .bg-xl-gray-to-primary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-xl-gray-to-secondary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-xl-gray-to-tertiary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-xl-gray-to-quaternary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-xl-gray-to-quinary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-xl-gray-to-senary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-xl-gray-to-septenary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-xl-gray-to-light {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-xl-gray-to-gray {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-xl-gray-to-dark {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-xl-gray-to-dark-gray {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-xl-gray {
        background-color: var(--gray)!important
    }

    .text-xl-gray {
        color: var(--gray)!important
    }

    .hover-xl-gray:hover {
        color: var(--gray)!important
    }

    .hover-xl-bg-gray:hover {
        background-color: var(--gray)!important
    }

    .hover-xl-btn-gray:hover {
        background-color: var(--gray)!important;
        border-color: var(--gray)!important
    }

    .bg-xl-dark-to-primary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-xl-dark-to-secondary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-xl-dark-to-tertiary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-xl-dark-to-quaternary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-xl-dark-to-quinary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-xl-dark-to-senary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-xl-dark-to-septenary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-xl-dark-to-light {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-xl-dark-to-gray {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-xl-dark-to-dark {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-xl-dark-to-dark-gray {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-xl-dark {
        background-color: var(--dark)!important
    }

    .text-xl-dark {
        color: var(--dark)!important
    }

    .hover-xl-dark:hover {
        color: var(--dark)!important
    }

    .hover-xl-bg-dark:hover {
        background-color: var(--dark)!important
    }

    .hover-xl-btn-dark:hover {
        background-color: var(--dark)!important;
        border-color: var(--dark)!important
    }

    .bg-xl-dark-gray-to-primary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-xl-dark-gray-to-secondary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-xl-dark-gray-to-tertiary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-xl-dark-gray-to-quaternary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-xl-dark-gray-to-quinary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-xl-dark-gray-to-senary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-xl-dark-gray-to-septenary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-xl-dark-gray-to-light {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-xl-dark-gray-to-gray {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-xl-dark-gray-to-dark {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-xl-dark-gray-to-dark-gray {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-xl-dark-gray {
        background-color: var(--dark-gray)!important
    }

    .text-xl-dark-gray {
        color: var(--dark-gray)!important
    }

    .hover-xl-dark-gray:hover {
        color: var(--dark-gray)!important
    }

    .hover-xl-bg-dark-gray:hover {
        background-color: var(--dark-gray)!important
    }

    .hover-xl-btn-dark-gray:hover {
        background-color: var(--dark-gray)!important;
        border-color: var(--dark-gray)!important
    }
}

@media(min-width: 1400px) {
    .bg-xxl-primary-to-primary {
        background:var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-xxl-primary-to-secondary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-xxl-primary-to-tertiary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-xxl-primary-to-quaternary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-xxl-primary-to-quinary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-xxl-primary-to-senary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-xxl-primary-to-septenary {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-xxl-primary-to-light {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-xxl-primary-to-gray {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-xxl-primary-to-dark {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-xxl-primary-to-dark-gray {
        background: var(--primary)!important;
        background: linear-gradient(90deg,rgba(var(--primary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-xxl-primary {
        background-color: var(--primary)!important
    }

    .text-xxl-primary {
        color: var(--primary)!important
    }

    .hover-xxl-primary:hover {
        color: var(--primary)!important
    }

    .hover-xxl-bg-primary:hover {
        background-color: var(--primary)!important
    }

    .hover-xxl-btn-primary:hover {
        background-color: var(--primary)!important;
        border-color: var(--primary)!important
    }

    .bg-xxl-secondary-to-primary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-xxl-secondary-to-secondary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-xxl-secondary-to-tertiary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-xxl-secondary-to-quaternary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-xxl-secondary-to-quinary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-xxl-secondary-to-senary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-xxl-secondary-to-septenary {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-xxl-secondary-to-light {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-xxl-secondary-to-gray {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-xxl-secondary-to-dark {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-xxl-secondary-to-dark-gray {
        background: var(--secondary)!important;
        background: linear-gradient(90deg,rgba(var(--secondary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-xxl-secondary {
        background-color: var(--secondary)!important
    }

    .text-xxl-secondary {
        color: var(--secondary)!important
    }

    .hover-xxl-secondary:hover {
        color: var(--secondary)!important
    }

    .hover-xxl-bg-secondary:hover {
        background-color: var(--secondary)!important
    }

    .hover-xxl-btn-secondary:hover {
        background-color: var(--secondary)!important;
        border-color: var(--secondary)!important
    }

    .bg-xxl-tertiary-to-primary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-xxl-tertiary-to-secondary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-xxl-tertiary-to-tertiary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-xxl-tertiary-to-quaternary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-xxl-tertiary-to-quinary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-xxl-tertiary-to-senary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-xxl-tertiary-to-septenary {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-xxl-tertiary-to-light {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-xxl-tertiary-to-gray {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-xxl-tertiary-to-dark {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-xxl-tertiary-to-dark-gray {
        background: var(--tertiary)!important;
        background: linear-gradient(90deg,rgba(var(--tertiary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-xxl-tertiary {
        background-color: var(--tertiary)!important
    }

    .text-xxl-tertiary {
        color: var(--tertiary)!important
    }

    .hover-xxl-tertiary:hover {
        color: var(--tertiary)!important
    }

    .hover-xxl-bg-tertiary:hover {
        background-color: var(--tertiary)!important
    }

    .hover-xxl-btn-tertiary:hover {
        background-color: var(--tertiary)!important;
        border-color: var(--tertiary)!important
    }

    .bg-xxl-quaternary-to-primary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-xxl-quaternary-to-secondary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-xxl-quaternary-to-tertiary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-xxl-quaternary-to-quaternary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-xxl-quaternary-to-quinary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-xxl-quaternary-to-senary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-xxl-quaternary-to-septenary {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-xxl-quaternary-to-light {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-xxl-quaternary-to-gray {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-xxl-quaternary-to-dark {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-xxl-quaternary-to-dark-gray {
        background: var(--quaternary)!important;
        background: linear-gradient(90deg,rgba(var(--quaternary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-xxl-quaternary {
        background-color: var(--quaternary)!important
    }

    .text-xxl-quaternary {
        color: var(--quaternary)!important
    }

    .hover-xxl-quaternary:hover {
        color: var(--quaternary)!important
    }

    .hover-xxl-bg-quaternary:hover {
        background-color: var(--quaternary)!important
    }

    .hover-xxl-btn-quaternary:hover {
        background-color: var(--quaternary)!important;
        border-color: var(--quaternary)!important
    }

    .bg-xxl-quinary-to-primary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-xxl-quinary-to-secondary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-xxl-quinary-to-tertiary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-xxl-quinary-to-quaternary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-xxl-quinary-to-quinary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-xxl-quinary-to-senary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-xxl-quinary-to-septenary {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-xxl-quinary-to-light {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-xxl-quinary-to-gray {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-xxl-quinary-to-dark {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-xxl-quinary-to-dark-gray {
        background: var(--quinary)!important;
        background: linear-gradient(90deg,rgba(var(--quinary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-xxl-quinary {
        background-color: var(--quinary)!important
    }

    .text-xxl-quinary {
        color: var(--quinary)!important
    }

    .hover-xxl-quinary:hover {
        color: var(--quinary)!important
    }

    .hover-xxl-bg-quinary:hover {
        background-color: var(--quinary)!important
    }

    .hover-xxl-btn-quinary:hover {
        background-color: var(--quinary)!important;
        border-color: var(--quinary)!important
    }

    .bg-xxl-senary-to-primary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-xxl-senary-to-secondary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-xxl-senary-to-tertiary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-xxl-senary-to-quaternary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-xxl-senary-to-quinary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-xxl-senary-to-senary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-xxl-senary-to-septenary {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-xxl-senary-to-light {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-xxl-senary-to-gray {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-xxl-senary-to-dark {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-xxl-senary-to-dark-gray {
        background: var(--senary)!important;
        background: linear-gradient(90deg,rgba(var(--senary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-xxl-senary {
        background-color: var(--senary)!important
    }

    .text-xxl-senary {
        color: var(--senary)!important
    }

    .hover-xxl-senary:hover {
        color: var(--senary)!important
    }

    .hover-xxl-bg-senary:hover {
        background-color: var(--senary)!important
    }

    .hover-xxl-btn-senary:hover {
        background-color: var(--senary)!important;
        border-color: var(--senary)!important
    }

    .bg-xxl-septenary-to-primary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-xxl-septenary-to-secondary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-xxl-septenary-to-tertiary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-xxl-septenary-to-quaternary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-xxl-septenary-to-quinary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-xxl-septenary-to-senary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-xxl-septenary-to-septenary {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-xxl-septenary-to-light {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-xxl-septenary-to-gray {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-xxl-septenary-to-dark {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-xxl-septenary-to-dark-gray {
        background: var(--septenary)!important;
        background: linear-gradient(90deg,rgba(var(--septenary-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-xxl-septenary {
        background-color: var(--septenary)!important
    }

    .text-xxl-septenary {
        color: var(--septenary)!important
    }

    .hover-xxl-septenary:hover {
        color: var(--septenary)!important
    }

    .hover-xxl-bg-septenary:hover {
        background-color: var(--septenary)!important
    }

    .hover-xxl-btn-septenary:hover {
        background-color: var(--septenary)!important;
        border-color: var(--septenary)!important
    }

    .bg-xxl-light-to-primary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-xxl-light-to-secondary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-xxl-light-to-tertiary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-xxl-light-to-quaternary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-xxl-light-to-quinary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-xxl-light-to-senary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-xxl-light-to-septenary {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-xxl-light-to-light {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-xxl-light-to-gray {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-xxl-light-to-dark {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-xxl-light-to-dark-gray {
        background: var(--light)!important;
        background: linear-gradient(90deg,rgba(var(--light-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-xxl-light {
        background-color: var(--light)!important
    }

    .text-xxl-light {
        color: var(--light)!important
    }

    .hover-xxl-light:hover {
        color: var(--light)!important
    }

    .hover-xxl-bg-light:hover {
        background-color: var(--light)!important
    }

    .hover-xxl-btn-light:hover {
        background-color: var(--light)!important;
        border-color: var(--light)!important
    }

    .bg-xxl-gray-to-primary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-xxl-gray-to-secondary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-xxl-gray-to-tertiary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-xxl-gray-to-quaternary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-xxl-gray-to-quinary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-xxl-gray-to-senary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-xxl-gray-to-septenary {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-xxl-gray-to-light {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-xxl-gray-to-gray {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-xxl-gray-to-dark {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-xxl-gray-to-dark-gray {
        background: var(--gray)!important;
        background: linear-gradient(90deg,rgba(var(--gray-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-xxl-gray {
        background-color: var(--gray)!important
    }

    .text-xxl-gray {
        color: var(--gray)!important
    }

    .hover-xxl-gray:hover {
        color: var(--gray)!important
    }

    .hover-xxl-bg-gray:hover {
        background-color: var(--gray)!important
    }

    .hover-xxl-btn-gray:hover {
        background-color: var(--gray)!important;
        border-color: var(--gray)!important
    }

    .bg-xxl-dark-to-primary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-xxl-dark-to-secondary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-xxl-dark-to-tertiary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-xxl-dark-to-quaternary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-xxl-dark-to-quinary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-xxl-dark-to-senary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-xxl-dark-to-septenary {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-xxl-dark-to-light {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-xxl-dark-to-gray {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-xxl-dark-to-dark {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-xxl-dark-to-dark-gray {
        background: var(--dark)!important;
        background: linear-gradient(90deg,rgba(var(--dark-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-xxl-dark {
        background-color: var(--dark)!important
    }

    .text-xxl-dark {
        color: var(--dark)!important
    }

    .hover-xxl-dark:hover {
        color: var(--dark)!important
    }

    .hover-xxl-bg-dark:hover {
        background-color: var(--dark)!important
    }

    .hover-xxl-btn-dark:hover {
        background-color: var(--dark)!important;
        border-color: var(--dark)!important
    }

    .bg-xxl-dark-gray-to-primary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--primary-rgb)) 100%)!important
    }

    .bg-xxl-dark-gray-to-secondary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--secondary-rgb)) 100%)!important
    }

    .bg-xxl-dark-gray-to-tertiary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--tertiary-rgb)) 100%)!important
    }

    .bg-xxl-dark-gray-to-quaternary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--quaternary-rgb)) 100%)!important
    }

    .bg-xxl-dark-gray-to-quinary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--quinary-rgb)) 100%)!important
    }

    .bg-xxl-dark-gray-to-senary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--senary-rgb)) 100%)!important
    }

    .bg-xxl-dark-gray-to-septenary {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--septenary-rgb)) 100%)!important
    }

    .bg-xxl-dark-gray-to-light {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--light-rgb)) 100%)!important
    }

    .bg-xxl-dark-gray-to-gray {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--gray-rgb)) 100%)!important
    }

    .bg-xxl-dark-gray-to-dark {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--dark-rgb)) 100%)!important
    }

    .bg-xxl-dark-gray-to-dark-gray {
        background: var(--dark-gray)!important;
        background: linear-gradient(90deg,rgba(var(--dark-gray-rgb)) 35%,rgba(var(--dark-gray-rgb)) 100%)!important
    }

    .bg-xxl-dark-gray {
        background-color: var(--dark-gray)!important
    }

    .text-xxl-dark-gray {
        color: var(--dark-gray)!important
    }

    .hover-xxl-dark-gray:hover {
        color: var(--dark-gray)!important
    }

    .hover-xxl-bg-dark-gray:hover {
        background-color: var(--dark-gray)!important
    }

    .hover-xxl-btn-dark-gray:hover {
        background-color: var(--dark-gray)!important;
        border-color: var(--dark-gray)!important
    }
}

.ten-h {
    height: var(--ten-h,unset)!important
}

.ten-w {
    width: var(--ten-w,unset)!important
}

.ten-h-max {
    max-height: var(--ten-h-max,unset)!important
}

.ten-w-max {
    max-width: var(--ten-w-max,unset)!important
}

.ten-h-min {
    min-height: var(--ten-h-min,unset)!important
}

.ten-w-min {
    min-width: var(--ten-w-min,unset)!important
}

.ten-obj-p {
    object-position: var(--ten-obj-p)
}

.ten-aspect-ratio {
    aspect-ratio: var(--ten-aspect-ratio)
}

.ten-bg-p {
    background-position: var(--ten-bg-p,center)!important
}

.ten-bg-s {
    background-size: var(--ten-bg-p,cover)!important
}

.ten-bg-i {
    background-image: var(--ten-bg-i)!important
}

.ten-fs {
    font-size: var(--ten-fs)!important
}

.ten-lh {
    line-height: var(--ten-lh)!important
}

.ten-b {
    border: var(--ten-b)!important
}

.ten-bt {
    border-top: var(--ten-bt)!important
}

.ten-be {
    border-right: var(--ten-be)!important
}

.ten-bb {
    border-bottom: var(--ten-bb)!important
}

.ten-bs {
    border-left: var(--ten-bs)!important
}

.ten-p {
    padding: var(--ten-p)!important
}

.ten-pt {
    padding-top: var(--ten-pt)!important
}

.ten-pe {
    padding-right: var(--ten-pe)!important
}

.ten-pb {
    padding-bottom: var(--ten-pb)!important
}

.ten-ps {
    padding-left: var(--ten-ps)!important
}

.ten-px {
    padding-left: var(--ten-px)!important;
    padding-right: var(--ten-px)!important
}

.ten-py {
    padding-top: var(--ten-py)!important;
    padding-bottom: var(--ten-py)!important
}

.ten-mt {
    margin-top: var(--ten-mt)!important
}

.ten-me {
    margin-right: var(--ten-me)!important
}

.ten-mb {
    margin-bottom: var(--ten-mb)!important
}

.ten-ms {
    margin-left: var(--ten-ms)!important
}

.ten-mx {
    margin-left: var(--ten-mx)!important;
    margin-right: var(--ten-mx)!important
}

.ten-my {
    margin-top: var(--ten-my)!important;
    margin-bottom: var(--ten-my)!important
}

.ten-pos {
    position: var(--ten-pos)!important
}

.ten-pos-t {
    top: var(--ten-pos-t)!important
}

.ten-pos-r {
    right: var(--ten-pos-r)!important
}

.ten-pos-b {
    bottom: var(--ten-pos-b)!important
}

.ten-pos-l {
    left: var(--ten-pos-l)!important
}

.ten-z {
    z-index: var(--ten-z)!important
}

.ten-flex {
    flex: var(--ten-flex)!important
}

@media(min-width: 576px) {
    .ten-h-sm {
        height:var(--ten-h-sm)!important
    }

    .ten-w-sm {
        width: var(--ten-w-sm)!important
    }

    .ten-h-max-sm {
        max-height: var(--ten-h-max-sm)!important
    }

    .ten-w-max-sm {
        max-width: var(--ten-w-max-sm)!important
    }

    .ten-h-min-sm {
        min-height: var(--ten-h-min-sm)!important
    }

    .ten-w-min-sm {
        min-width: var(--ten-w-min-sm)!important
    }

    .ten-obj-p-sm {
        object-position: var(--ten-obj-p-sm)!important
    }

    .ten-aspect-ratio-sm {
        aspect-ratio: var(--ten-aspect-ratio-sm)!important
    }

    .ten-bg-p-sm {
        background-position: var(--ten-bg-p-sm)!important
    }

    .ten-bg-s-sm {
        background-size: var(--ten-bg-s-sm)!important
    }

    .ten-bg-i-sm {
        background-image: var(--ten-bg-i-sm)!important
    }

    .ten-fs-sm {
        font-size: var(--ten-fs-sm)!important
    }

    .ten-lh-sm {
        line-height: var(--ten-lh-sm)!important
    }

    .ten-b-sm {
        border: var(--ten-b-sm)!important
    }

    .ten-bt-sm {
        border-top: var(--ten-bt-sm)!important
    }

    .ten-be-sm {
        border-right: var(--ten-be-sm)!important
    }

    .ten-bb-sm {
        border-bottom: var(--ten-bb-sm)!important
    }

    .ten-bs-sm {
        border-left: var(--ten-bs-sm)!important
    }

    .ten-p-sm {
        padding: var(--ten-p-sm)!important
    }

    .ten-pt-sm {
        padding-top: var(--ten-pt-sm)!important
    }

    .ten-pe-sm {
        padding-right: var(--ten-pe-sm)!important
    }

    .ten-pb-sm {
        padding-bottom: var(--ten-pb-sm)!important
    }

    .ten-ps-sm {
        padding-left: var(--ten-ps-sm)!important
    }

    .ten-px-sm {
        padding-left: var(--ten-px-sm)!important;
        padding-right: var(--ten-px-sm)!important
    }

    .ten-py-sm {
        padding-top: var(--ten-py-sm)!important;
        padding-bottom: var(--ten-py-sm)!important
    }

    .ten-mt-sm {
        margin-top: var(--ten-mt-sm)!important
    }

    .ten-me-sm {
        margin-right: var(--ten-me-sm)!important
    }

    .ten-mb-sm {
        margin-bottom: var(--ten-mb-sm)!important
    }

    .ten-ms-sm {
        margin-left: var(--ten-ms-sm)!important
    }

    .ten-mx-sm {
        margin-left: var(--ten-mx-sm)!important;
        margin-right: var(--ten-mx-sm)!important
    }

    .ten-my-sm {
        margin-top: var(--ten-my-sm)!important;
        margin-bottom: var(--ten-my-sm)!important
    }

    .ten-pos-sm {
        position: var(--ten-pos-sm)!important
    }

    .ten-pos-t-sm {
        top: var(--ten-pos-t-sm)!important
    }

    .ten-pos-r-sm {
        right: var(--ten-pos-r-sm)!important
    }

    .ten-pos-b-sm {
        bottom: var(--ten-pos-b-sm)!important
    }

    .ten-pos-l-sm {
        left: var(--ten-pos-l-sm)!important
    }

    .ten-z-sm {
        z-index: var(--ten-z-sm)!important
    }

    .ten-flex-sm {
        flex: var(--ten-flex-sm)!important
    }
}

@media(min-width: 768px) {
    .ten-h-md {
        height:var(--ten-h-md)!important
    }

    .ten-w-md {
        width: var(--ten-w-md)!important
    }

    .ten-h-max-md {
        max-height: var(--ten-h-max-md)!important
    }

    .ten-w-max-md {
        max-width: var(--ten-w-max-md)!important
    }

    .ten-h-min-md {
        min-height: var(--ten-h-min-md)!important
    }

    .ten-w-min-md {
        min-width: var(--ten-w-min-md)!important
    }

    .ten-obj-p-md {
        object-position: var(--ten-obj-p-md)!important
    }

    .ten-aspect-ratio-md {
        aspect-ratio: var(--ten-aspect-ratio-md)!important
    }

    .ten-bg-p-md {
        background-position: var(--ten-bg-p-md)!important
    }

    .ten-bg-s-md {
        background-size: var(--ten-bg-s-md)!important
    }

    .ten-bg-i-md {
        background-image: var(--ten-bg-i-md)!important
    }

    .ten-fs-md {
        font-size: var(--ten-fs-md)!important
    }

    .ten-lh-md {
        line-height: var(--ten-lh-md)!important
    }

    .ten-b-md {
        border: var(--ten-b-md)!important
    }

    .ten-bt-md {
        border-top: var(--ten-bt-md)!important
    }

    .ten-be-md {
        border-right: var(--ten-be-md)!important
    }

    .ten-bb-md {
        border-bottom: var(--ten-bb-md)!important
    }

    .ten-bs-md {
        border-left: var(--ten-bs-md)!important
    }

    .ten-p-md {
        padding: var(--ten-p-md)!important
    }

    .ten-pt-md {
        padding-top: var(--ten-pt-md)!important
    }

    .ten-pe-md {
        padding-right: var(--ten-pe-md)!important
    }

    .ten-pb-md {
        padding-bottom: var(--ten-pb-md)!important
    }

    .ten-ps-md {
        padding-left: var(--ten-ps-md)!important
    }

    .ten-px-md {
        padding-left: var(--ten-px-md)!important;
        padding-right: var(--ten-px-md)!important
    }

    .ten-py-md {
        padding-top: var(--ten-py-md)!important;
        padding-bottom: var(--ten-py-md)!important
    }

    .ten-mt-md {
        margin-top: var(--ten-mt-md)!important
    }

    .ten-me-md {
        margin-right: var(--ten-me-md)!important
    }

    .ten-mb-md {
        margin-bottom: var(--ten-mb-md)!important
    }

    .ten-ms-md {
        margin-left: var(--ten-ms-md)!important
    }

    .ten-mx-md {
        margin-left: var(--ten-mx-md)!important;
        margin-right: var(--ten-mx-md)!important
    }

    .ten-my-md {
        margin-top: var(--ten-my-md)!important;
        margin-bottom: var(--ten-my-md)!important
    }

    .ten-pos-md {
        position: var(--ten-pos-md)!important
    }

    .ten-pos-t-md {
        top: var(--ten-pos-t-md)!important
    }

    .ten-pos-r-md {
        right: var(--ten-pos-r-md)!important
    }

    .ten-pos-b-md {
        bottom: var(--ten-pos-b-md)!important
    }

    .ten-pos-l-md {
        left: var(--ten-pos-l-md)!important
    }

    .ten-z-md {
        z-index: var(--ten-z-md)!important
    }

    .ten-flex-md {
        flex: var(--ten-flex-md)!important
    }
}

@media(min-width: 992px) {
    .ten-h-lg {
        height:var(--ten-h-lg)!important
    }

    .ten-w-lg {
        width: var(--ten-w-lg)!important
    }

    .ten-h-max-lg {
        max-height: var(--ten-h-max-lg)!important
    }

    .ten-w-max-lg {
        max-width: var(--ten-w-max-lg)!important
    }

    .ten-h-min-lg {
        min-height: var(--ten-h-min-lg)!important
    }

    .ten-w-min-lg {
        min-width: var(--ten-w-min-lg)!important
    }

    .ten-obj-p-lg {
        object-position: var(--ten-obj-p-lg)!important
    }

    .ten-aspect-ratio-lg {
        aspect-ratio: var(--ten-aspect-ratio-lg)!important
    }

    .ten-bg-p-lg {
        background-position: var(--ten-bg-p-lg)!important
    }

    .ten-bg-s-lg {
        background-size: var(--ten-bg-s-lg)!important
    }

    .ten-bg-i-lg {
        background-image: var(--ten-bg-i-lg)!important
    }

    .ten-fs-lg {
        font-size: var(--ten-fs-lg)!important
    }

    .ten-lh-lg {
        line-height: var(--ten-lh-lg)!important
    }

    .ten-b-lg {
        border: var(--ten-b-lg)!important
    }

    .ten-bt-lg {
        border-top: var(--ten-bt-lg)!important
    }

    .ten-be-lg {
        border-right: var(--ten-be-lg)!important
    }

    .ten-bb-lg {
        border-bottom: var(--ten-bb-lg)!important
    }

    .ten-bs-lg {
        border-left: var(--ten-bs-lg)!important
    }

    .ten-p-lg {
        padding: var(--ten-p-lg)!important
    }

    .ten-pt-lg {
        padding-top: var(--ten-pt-lg)!important
    }

    .ten-pe-lg {
        padding-right: var(--ten-pe-lg)!important
    }

    .ten-pb-lg {
        padding-bottom: var(--ten-pb-lg)!important
    }

    .ten-ps-lg {
        padding-left: var(--ten-ps-lg)!important
    }

    .ten-px-lg {
        padding-left: var(--ten-px-lg)!important;
        padding-right: var(--ten-px-lg)!important
    }

    .ten-py-lg {
        padding-top: var(--ten-py-lg)!important;
        padding-bottom: var(--ten-py-lg)!important
    }

    .ten-mt-lg {
        margin-top: var(--ten-mt-lg)!important
    }

    .ten-me-lg {
        margin-right: var(--ten-me-lg)!important
    }

    .ten-mb-lg {
        margin-bottom: var(--ten-mb-lg)!important
    }

    .ten-ms-lg {
        margin-left: var(--ten-ms-lg)!important
    }

    .ten-mx-lg {
        margin-left: var(--ten-mx-lg)!important;
        margin-right: var(--ten-mx-lg)!important
    }

    .ten-my-lg {
        margin-top: var(--ten-my-lg)!important;
        margin-bottom: var(--ten-my-lg)!important
    }

    .ten-pos-lg {
        position: var(--ten-pos-lg)!important
    }

    .ten-pos-t-lg {
        top: var(--ten-pos-t-lg)!important
    }

    .ten-pos-r-lg {
        right: var(--ten-pos-r-lg)!important
    }

    .ten-pos-b-lg {
        bottom: var(--ten-pos-b-lg)!important
    }

    .ten-pos-l-lg {
        left: var(--ten-pos-l-lg)!important
    }

    .ten-z-lg {
        z-index: var(--ten-z-lg)!important
    }

    .ten-flex-lg {
        flex: var(--ten-flex-lg)!important
    }
}

@media(min-width: 1200px) {
    .ten-h-xl {
        height:var(--ten-h-xl)!important
    }

    .ten-w-xl {
        width: var(--ten-w-xl)!important
    }

    .ten-h-max-xl {
        max-height: var(--ten-h-max-xl)!important
    }

    .ten-w-max-xl {
        max-width: var(--ten-w-max-xl)!important
    }

    .ten-h-min-xl {
        min-height: var(--ten-h-min-xl)!important
    }

    .ten-w-min-xl {
        min-width: var(--ten-w-min-xl)!important
    }

    .ten-obj-p-xl {
        object-position: var(--ten-obj-p-xl)!important
    }

    .ten-aspect-ratio-xl {
        aspect-ratio: var(--ten-aspect-ratio-xl)!important
    }

    .ten-bg-p-xl {
        background-position: var(--ten-bg-p-xl)!important
    }

    .ten-bg-s-xl {
        background-size: var(--ten-bg-s-xl)!important
    }

    .ten-bg-i-xl {
        background-image: var(--ten-bg-i-xl)!important
    }

    .ten-fs-xl {
        font-size: var(--ten-fs-xl)!important
    }

    .ten-lh-xl {
        line-height: var(--ten-lh-xl)!important
    }

    .ten-b-xl {
        border: var(--ten-b-xl)!important
    }

    .ten-bt-xl {
        border-top: var(--ten-bt-xl)!important
    }

    .ten-be-xl {
        border-right: var(--ten-be-xl)!important
    }

    .ten-bb-xl {
        border-bottom: var(--ten-bb-xl)!important
    }

    .ten-bs-xl {
        border-left: var(--ten-bs-xl)!important
    }

    .ten-p-xl {
        padding: var(--ten-p-xl)!important
    }

    .ten-pt-xl {
        padding-top: var(--ten-pt-xl)!important
    }

    .ten-pe-xl {
        padding-right: var(--ten-pe-xl)!important
    }

    .ten-pb-xl {
        padding-bottom: var(--ten-pb-xl)!important
    }

    .ten-ps-xl {
        padding-left: var(--ten-ps-xl)!important
    }

    .ten-px-xl {
        padding-left: var(--ten-px-xl)!important;
        padding-right: var(--ten-px-xl)!important
    }

    .ten-py-xl {
        padding-top: var(--ten-py-xl)!important;
        padding-bottom: var(--ten-py-xl)!important
    }

    .ten-mt-xl {
        margin-top: var(--ten-mt-xl)!important
    }

    .ten-me-xl {
        margin-right: var(--ten-me-xl)!important
    }

    .ten-mb-xl {
        margin-bottom: var(--ten-mb-xl)!important
    }

    .ten-ms-xl {
        margin-left: var(--ten-ms-xl)!important
    }

    .ten-mx-xl {
        margin-left: var(--ten-mx-xl)!important;
        margin-right: var(--ten-mx-xl)!important
    }

    .ten-my-xl {
        margin-top: var(--ten-my-xl)!important;
        margin-bottom: var(--ten-my-xl)!important
    }

    .ten-pos-xl {
        position: var(--ten-pos-xl)!important
    }

    .ten-pos-t-xl {
        top: var(--ten-pos-t-xl)!important
    }

    .ten-pos-r-xl {
        right: var(--ten-pos-r-xl)!important
    }

    .ten-pos-b-xl {
        bottom: var(--ten-pos-b-xl)!important
    }

    .ten-pos-l-xl {
        left: var(--ten-pos-l-xl)!important
    }

    .ten-z-xl {
        z-index: var(--ten-z-xl)!important
    }

    .ten-flex-xl {
        flex: var(--ten-flex-xl)!important
    }
}

@media(min-width: 1400px) {
    .ten-h-xxl {
        height:var(--ten-h-xxl)!important
    }

    .ten-w-xxl {
        width: var(--ten-w-xxl)!important
    }

    .ten-h-max-xxl {
        max-height: var(--ten-h-max-xxl)!important
    }

    .ten-w-max-xxl {
        max-width: var(--ten-w-max-xxl)!important
    }

    .ten-h-min-xxl {
        min-height: var(--ten-h-min-xxl)!important
    }

    .ten-w-min-xxl {
        min-width: var(--ten-w-min-xxl)!important
    }

    .ten-obj-p-xxl {
        object-position: var(--ten-obj-p-xxl)!important
    }

    .ten-aspect-ratio-xxl {
        aspect-ratio: var(--ten-aspect-ratio-xxl)!important
    }

    .ten-bg-p-xxl {
        background-position: var(--ten-bg-p-xxl)!important
    }

    .ten-bg-s-xxl {
        background-size: var(--ten-bg-s-xxl)!important
    }

    .ten-bg-i-xxl {
        background-image: var(--ten-bg-i-xxl)!important
    }

    .ten-fs-xxl {
        font-size: var(--ten-fs-xxl)!important
    }

    .ten-lh-xxl {
        line-height: var(--ten-lh-xxl)!important
    }

    .ten-b-xxl {
        border: var(--ten-b-xxl)!important
    }

    .ten-bt-xxl {
        border-top: var(--ten-bt-xxl)!important
    }

    .ten-be-xxl {
        border-right: var(--ten-be-xxl)!important
    }

    .ten-bb-xxl {
        border-bottom: var(--ten-bb-xxl)!important
    }

    .ten-bs-xxl {
        border-left: var(--ten-bs-xxl)!important
    }

    .ten-p-xxl {
        padding: var(--ten-p-xxl)!important
    }

    .ten-pt-xxl {
        padding-top: var(--ten-pt-xxl)!important
    }

    .ten-pe-xxl {
        padding-right: var(--ten-pe-xxl)!important
    }

    .ten-pb-xxl {
        padding-bottom: var(--ten-pb-xxl)!important
    }

    .ten-ps-xxl {
        padding-left: var(--ten-ps-xxl)!important
    }

    .ten-px-xxl {
        padding-left: var(--ten-px-xxl)!important;
        padding-right: var(--ten-px-xxl)!important
    }

    .ten-py-xxl {
        padding-top: var(--ten-py-xxl)!important;
        padding-bottom: var(--ten-py-xxl)!important
    }

    .ten-mt-xxl {
        margin-top: var(--ten-mt-xxl)!important
    }

    .ten-me-xxl {
        margin-right: var(--ten-me-xxl)!important
    }

    .ten-mb-xxl {
        margin-bottom: var(--ten-mb-xxl)!important
    }

    .ten-ms-xxl {
        margin-left: var(--ten-ms-xxl)!important
    }

    .ten-mx-xxl {
        margin-left: var(--ten-mx-xxl)!important;
        margin-right: var(--ten-mx-xxl)!important
    }

    .ten-my-xxl {
        margin-top: var(--ten-my-xxl)!important;
        margin-bottom: var(--ten-my-xxl)!important
    }

    .ten-pos-xxl {
        position: var(--ten-pos-xxl)!important
    }

    .ten-pos-t-xxl {
        top: var(--ten-pos-t-xxl)!important
    }

    .ten-pos-r-xxl {
        right: var(--ten-pos-r-xxl)!important
    }

    .ten-pos-b-xxl {
        bottom: var(--ten-pos-b-xxl)!important
    }

    .ten-pos-l-xxl {
        left: var(--ten-pos-l-xxl)!important
    }

    .ten-z-xxl {
        z-index: var(--ten-z-xxl)!important
    }

    .ten-flex-xxl {
        flex: var(--ten-flex-xxl)!important
    }
}

header .fran-identifier {
    margin-top: .25rem;
    font-size: 13px;
    font-weight: 500;
    color: var(--tertiary);
    transition: margin-top var(--transition)
}

header.scrolled .fran-identifier {
    margin-top: 0
}

@media(max-width: 991px) {
    body.franchise .item-append {
        margin-top:-4px
    }
}

hr.primary {
    border: 1px solid var(--primary);
    opacity: 1;
    background-color: var(--primary)
}

hr.secondary {
    border: 1px solid var(--secondary);
    opacity: 1;
    background-color: var(--secondary)
}

hr.tertiary {
    border: 1px solid var(--tertiary);
    opacity: 1;
    background-color: var(--tertiary)
}

hr.quaternary {
    border: 1px solid var(--quaternary);
    opacity: 1;
    background-color: var(--quaternary)
}

hr.quinary {
    border: 1px solid var(--quinary);
    opacity: 1;
    background-color: var(--quinary)
}

hr.senary {
    border: 1px solid var(--senary);
    opacity: 1;
    background-color: var(--senary)
}

hr.septenary {
    border: 1px solid var(--septenary);
    opacity: 1;
    background-color: var(--septenary)
}

hr.light {
    border: 1px solid var(--light);
    opacity: 1;
    background-color: var(--light)
}

hr.gray {
    border: 1px solid var(--gray);
    opacity: 1;
    background-color: var(--gray)
}

hr.dark {
    border: 1px solid var(--dark);
    opacity: 1;
    background-color: var(--dark)
}

hr.dark-gray {
    border: 1px solid var(--dark-gray);
    opacity: 1;
    background-color: var(--dark-gray)
}

:root {
    --border-color: #dee2e6
}

.border-primary {
    --border-color: var(--primary)
}

.border-secondary {
    --border-color: var(--secondary)
}

.border-tertiary {
    --border-color: var(--tertiary)
}

.border-quaternary {
    --border-color: var(--quaternary)
}

.border-quinary {
    --border-color: var(--quinary)
}

.border-senary {
    --border-color: var(--senary)
}

.border-septenary {
    --border-color: var(--septenary)
}

.border-light {
    --border-color: var(--light)
}

.border-gray {
    --border-color: var(--gray)
}

.border-dark {
    --border-color: var(--dark)
}

.border-dark-gray {
    --border-color: var(--dark-gray)
}

.border-faded {
    --border-color: rgba(112, 114, 114, 0.5)
}

.border {
    border: 1px solid var(--border-color)!important
}

.border-0 {
    border: 0!important
}

.border-start {
    border-left: 1px solid var(--border-color)!important
}

.border-start-0 {
    border-left: 0!important
}

.border-end {
    border-right: 1px solid var(--border-color)!important
}

.border-end-0 {
    border-right: 0!important
}

.border-bottom {
    border-bottom: 1px solid var(--border-color)!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-top {
    border-top: 1px solid var(--border-color)!important
}

.border-top-0 {
    border-top: 0!important
}

@media(min-width: 576px) {
    .border-sm {
        border:1px solid var(--border-color)!important
    }

    .border-sm-0 {
        border: 0!important
    }

    .border-sm-start {
        border-left: 1px solid var(--border-color)!important
    }

    .border-sm-start-0 {
        border-left: 0!important
    }

    .border-sm-end {
        border-right: 1px solid var(--border-color)!important
    }

    .border-sm-end-0 {
        border-right: 0!important
    }

    .border-sm-bottom {
        border-bottom: 1px solid var(--border-color)!important
    }

    .border-sm-bottom-0 {
        border-bottom: 0!important
    }

    .border-sm-top {
        border-top: 1px solid var(--border-color)!important
    }

    .border-sm-top-0 {
        border-top: 0!important
    }
}

@media(min-width: 768px) {
    .border-md {
        border:1px solid var(--border-color)!important
    }

    .border-md-0 {
        border: 0!important
    }

    .border-md-start {
        border-left: 1px solid var(--border-color)!important
    }

    .border-md-start-0 {
        border-left: 0!important
    }

    .border-md-end {
        border-right: 1px solid var(--border-color)!important
    }

    .border-md-end-0 {
        border-right: 0!important
    }

    .border-md-bottom {
        border-bottom: 1px solid var(--border-color)!important
    }

    .border-md-bottom-0 {
        border-bottom: 0!important
    }

    .border-md-top {
        border-top: 1px solid var(--border-color)!important
    }

    .border-md-top-0 {
        border-top: 0!important
    }
}

@media(min-width: 992px) {
    .border-lg {
        border:1px solid var(--border-color)!important
    }

    .border-lg-0 {
        border: 0!important
    }

    .border-lg-start {
        border-left: 1px solid var(--border-color)!important
    }

    .border-lg-start-0 {
        border-left: 0!important
    }

    .border-lg-end {
        border-right: 1px solid var(--border-color)!important
    }

    .border-lg-end-0 {
        border-right: 0!important
    }

    .border-lg-bottom {
        border-bottom: 1px solid var(--border-color)!important
    }

    .border-lg-bottom-0 {
        border-bottom: 0!important
    }

    .border-lg-top {
        border-top: 1px solid var(--border-color)!important
    }

    .border-lg-top-0 {
        border-top: 0!important
    }
}

@media(min-width: 1200px) {
    .border-xl {
        border:1px solid var(--border-color)!important
    }

    .border-xl-0 {
        border: 0!important
    }

    .border-xl-start {
        border-left: 1px solid var(--border-color)!important
    }

    .border-xl-start-0 {
        border-left: 0!important
    }

    .border-xl-end {
        border-right: 1px solid var(--border-color)!important
    }

    .border-xl-end-0 {
        border-right: 0!important
    }

    .border-xl-bottom {
        border-bottom: 1px solid var(--border-color)!important
    }

    .border-xl-bottom-0 {
        border-bottom: 0!important
    }

    .border-xl-top {
        border-top: 1px solid var(--border-color)!important
    }

    .border-xl-top-0 {
        border-top: 0!important
    }
}

@media(min-width: 1400px) {
    .border-xxl {
        border:1px solid var(--border-color)!important
    }

    .border-xxl-0 {
        border: 0!important
    }

    .border-xxl-start {
        border-left: 1px solid var(--border-color)!important
    }

    .border-xxl-start-0 {
        border-left: 0!important
    }

    .border-xxl-end {
        border-right: 1px solid var(--border-color)!important
    }

    .border-xxl-end-0 {
        border-right: 0!important
    }

    .border-xxl-bottom {
        border-bottom: 1px solid var(--border-color)!important
    }

    .border-xxl-bottom-0 {
        border-bottom: 0!important
    }

    .border-xxl-top {
        border-top: 1px solid var(--border-color)!important
    }

    .border-xxl-top-0 {
        border-top: 0!important
    }
}

.accordion .accordion-item .accordion-header h1,.accordion .accordion-item .accordion-header h2,.accordion .accordion-item .accordion-header h3,.accordion .accordion-item .accordion-header h4,.accordion .accordion-item .accordion-header h5,.accordion .accordion-item .accordion-header h6 {
    margin-bottom: 0
}

.accordion .accordion-body {
    padding: 20px
}

.accordion .accordion-header button.accordion-button:focus {
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.13)
}

.accordion .accordion-header button.accordion-button:not(.collapsed) {
    background-color: inherit
}

.accordion.accordion-text-light .accordion-header button.accordion-button {
    color: #fff!important
}

.accordion.accordion-text-light-hover .accordion-header button.accordion-button:hover {
    color: #fff!important
}

.accordion.accordion-text-dark .accordion-header button.accordion-button {
    color: #5d5d5d!important
}

.accordion.accordion-text-dark-hover .accordion-header button.accordion-button:hover {
    color: #5d5d5d!important
}

.accordion.accordion-bg-light .accordion-header button.accordion-button {
    background-color: #fff!important;
    color: #5d5d5d
}

.accordion.accordion-bg-light-hover .accordion-header button:hover {
    background-color: #fff!important
}

.accordion.accordion-bg-dark .accordion-header button.accordion-button {
    background-color: #5d5d5d!important;
    color: #fff
}

.accordion.accordion-bg-dark-hover .accordion-header button.accordion-button:hover {
    background-color: #5d5d5d!important
}

.accordion.accordion-text-primary .accordion-header button.accordion-button {
    color: var(--primary)!important
}

.accordion.accordion-text-primary-hover .accordion-header button.accordion-button:hover {
    color: var(--primary)!important
}

.accordion.accordion-bg-primary .accordion-header button.accordion-button {
    background-color: var(--primary)!important;
    color: #fff
}

.accordion.accordion-bg-primary-hover .accordion-header button.accordion-button:hover {
    background-color: var(--primary)!important
}

.accordion.accordion-text-secondary .accordion-header button.accordion-button {
    color: var(--secondary)!important
}

.accordion.accordion-text-secondary-hover .accordion-header button.accordion-button:hover {
    color: var(--secondary)!important
}

.accordion.accordion-bg-secondary .accordion-header button.accordion-button {
    background-color: var(--secondary)!important;
    color: #fff
}

.accordion.accordion-bg-secondary-hover .accordion-header button.accordion-button:hover {
    background-color: var(--secondary)!important
}

.accordion.accordion-text-tertiary .accordion-header button.accordion-button {
    color: var(--tertiary)!important
}

.accordion.accordion-text-tertiary-hover .accordion-header button.accordion-button:hover {
    color: var(--tertiary)!important
}

.accordion.accordion-bg-tertiary .accordion-header button.accordion-button {
    background-color: var(--tertiary)!important;
    color: #fff
}

.accordion.accordion-bg-tertiary-hover .accordion-header button.accordion-button:hover {
    background-color: var(--tertiary)!important
}

.accordion.accordion-text-quaternary .accordion-header button.accordion-button {
    color: var(--quaternary)!important
}

.accordion.accordion-text-quaternary-hover .accordion-header button.accordion-button:hover {
    color: var(--quaternary)!important
}

.accordion.accordion-bg-quaternary .accordion-header button.accordion-button {
    background-color: var(--quaternary)!important;
    color: #fff
}

.accordion.accordion-bg-quaternary-hover .accordion-header button.accordion-button:hover {
    background-color: var(--quaternary)!important
}

.accordion.accordion-text-quinary .accordion-header button.accordion-button {
    color: var(--quinary)!important
}

.accordion.accordion-text-quinary-hover .accordion-header button.accordion-button:hover {
    color: var(--quinary)!important
}

.accordion.accordion-bg-quinary .accordion-header button.accordion-button {
    background-color: var(--quinary)!important;
    color: #fff
}

.accordion.accordion-bg-quinary-hover .accordion-header button.accordion-button:hover {
    background-color: var(--quinary)!important
}

.accordion.accordion-text-senary .accordion-header button.accordion-button {
    color: var(--senary)!important
}

.accordion.accordion-text-senary-hover .accordion-header button.accordion-button:hover {
    color: var(--senary)!important
}

.accordion.accordion-bg-senary .accordion-header button.accordion-button {
    background-color: var(--senary)!important;
    color: #fff
}

.accordion.accordion-bg-senary-hover .accordion-header button.accordion-button:hover {
    background-color: var(--senary)!important
}

.accordion.accordion-text-septenary .accordion-header button.accordion-button {
    color: var(--septenary)!important
}

.accordion.accordion-text-septenary-hover .accordion-header button.accordion-button:hover {
    color: var(--septenary)!important
}

.accordion.accordion-bg-septenary .accordion-header button.accordion-button {
    background-color: var(--septenary)!important;
    color: #fff
}

.accordion.accordion-bg-septenary-hover .accordion-header button.accordion-button:hover {
    background-color: var(--septenary)!important
}

.accordion.accordion-text-light .accordion-header button.accordion-button {
    color: var(--light)!important
}

.accordion.accordion-text-light-hover .accordion-header button.accordion-button:hover {
    color: var(--light)!important
}

.accordion.accordion-bg-light .accordion-header button.accordion-button {
    background-color: var(--light)!important;
    color: #fff
}

.accordion.accordion-bg-light-hover .accordion-header button.accordion-button:hover {
    background-color: var(--light)!important
}

.accordion.accordion-text-gray .accordion-header button.accordion-button {
    color: var(--gray)!important
}

.accordion.accordion-text-gray-hover .accordion-header button.accordion-button:hover {
    color: var(--gray)!important
}

.accordion.accordion-bg-gray .accordion-header button.accordion-button {
    background-color: var(--gray)!important;
    color: #fff
}

.accordion.accordion-bg-gray-hover .accordion-header button.accordion-button:hover {
    background-color: var(--gray)!important
}

.accordion.accordion-text-dark .accordion-header button.accordion-button {
    color: var(--dark)!important
}

.accordion.accordion-text-dark-hover .accordion-header button.accordion-button:hover {
    color: var(--dark)!important
}

.accordion.accordion-bg-dark .accordion-header button.accordion-button {
    background-color: var(--dark)!important;
    color: #fff
}

.accordion.accordion-bg-dark-hover .accordion-header button.accordion-button:hover {
    background-color: var(--dark)!important
}

.accordion.accordion-text-dark-gray .accordion-header button.accordion-button {
    color: var(--dark-gray)!important
}

.accordion.accordion-text-dark-gray-hover .accordion-header button.accordion-button:hover {
    color: var(--dark-gray)!important
}

.accordion.accordion-bg-dark-gray .accordion-header button.accordion-button {
    background-color: var(--dark-gray)!important;
    color: #fff
}

.accordion.accordion-bg-dark-gray-hover .accordion-header button.accordion-button:hover {
    background-color: var(--dark-gray)!important
}

section.bg-video {
    position: relative;
    color: #fff;
    background-color: transparent;
    overflow: hidden
}

section.bg-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-repeat: no-repeat;
    background-size: cover
}

.yt-wrapper {
    position: absolute;
    top: 0%;
    left: 0%;
    min-width: 100%;
    min-height: 100%;
    z-index: 0
}

section.bg-video .yt-wrapper {
    z-index: -100
}

.yt-wrapper iframe {
    min-width: 100%;
    min-height: 100%
}

.yt-poster {
    z-index: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute;
    left: 0;
    z-index: 1
}

section.bg-video .yt-poster {
    z-index: -99
}

.ui-timepicker-container {
    z-index: 1!important
}

.wi-subnav-image-1 a.wi-wrapper {
    display: block;
    text-align: center;
    color: #5d5d5d
}

.wi-subnav-image-1 a.wi-wrapper .wi-image {
    position: relative;
    display: block;
    width: 80%;
    padding-top: 80%;
    margin: auto;
    border: 4px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in
}

.wi-subnav-image-2 a.wi-wrapper:hover {
    text-decoration: none
}

.wi-subnav-image-1 a.wi-wrapper .wi-image .em-tag {
    position: absolute;
    z-index: 5;
    left: 0;
    top: calc(50% - 30px);
    width: 100%;
    text-align: center;
    font-size: 35px;
    text-transform: uppercase;
    opacity: 0;
    color: #fff!important;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in
}

.wi-subnav-image-1 a.wi-wrapper:hover .wi-image .em-tag {
    opacity: 1
}

.wi-subnav-image-1 a.wi-wrapper .wi-image div.wi-underlay {
    position: absolute;
    z-index: 1;
    left: -120%;
    top: -120%;
    border-radius: 50%;
    width: 120%;
    height: 120%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.wi-subnav-image-1 a.wi-wrapper:hover .wi-image div.wi-underlay {
    left: -10%;
    top: -10%
}

.wi-subnav-image-1 .color-primary a.wi-wrapper .wi-image div.wi-underlay {
    background-color: var(--primary-rgba-tissue)
}

.wi-subnav-image-1 .color-primary a.wi-wrapper:hover .wi-image {
    border-color: var(--primary)
}

.wi-subnav-image-1 .color-secondary a.wi-wrapper .wi-image div.wi-underlay {
    background-color: var(--secondary-rgba-tissue)
}

.wi-subnav-image-1 .color-secondary a.wi-wrapper:hover .wi-image {
    border-color: var(--secondary)
}

.wi-subnav-image-1 .color-tertiary a.wi-wrapper .wi-image div.wi-underlay {
    background-color: var(--tertiary-rgba-tissue)
}

.wi-subnav-image-1 .color-tertiary a.wi-wrapper:hover .wi-image {
    border-color: var(--tertiary)
}

.wi-subnav-image-1 .color-quaternary a.wi-wrapper .wi-image div.wi-underlay {
    background-color: var(--quaternary-rgba-tissue)
}

.wi-subnav-image-1 .color-quaternary a.wi-wrapper:hover .wi-image {
    border-color: var(--quaternary)
}

.wi-subnav-image-1 .color-quinary a.wi-wrapper .wi-image div.wi-underlay {
    background-color: var(--quinary-rgba-tissue)
}

.wi-subnav-image-1 .color-quinary a.wi-wrapper:hover .wi-image {
    border-color: var(--quinary)
}

.wi-subnav-image-1 .color-senary a.wi-wrapper .wi-image div.wi-underlay {
    background-color: var(--senary-rgba-tissue)
}

.wi-subnav-image-1 .color-senary a.wi-wrapper:hover .wi-image {
    border-color: var(--senary)
}

.wi-subnav-image-1 .color-septenary a.wi-wrapper .wi-image div.wi-underlay {
    background-color: var(--septenary-rgba-tissue)
}

.wi-subnav-image-1 .color-septenary a.wi-wrapper:hover .wi-image {
    border-color: var(--septenary)
}

.wi-subnav-image-1 .color-light a.wi-wrapper .wi-image div.wi-underlay {
    background-color: var(--light-rgba-tissue)
}

.wi-subnav-image-1 .color-light a.wi-wrapper:hover .wi-image {
    border-color: var(--light)
}

.wi-subnav-image-1 .color-gray a.wi-wrapper .wi-image div.wi-underlay {
    background-color: var(--gray-rgba-tissue)
}

.wi-subnav-image-1 .color-gray a.wi-wrapper:hover .wi-image {
    border-color: var(--gray)
}

.wi-subnav-image-1 .color-dark a.wi-wrapper .wi-image div.wi-underlay {
    background-color: var(--dark-rgba-tissue)
}

.wi-subnav-image-1 .color-dark a.wi-wrapper:hover .wi-image {
    border-color: var(--dark)
}

.wi-subnav-image-1 .color-dark-gray a.wi-wrapper .wi-image div.wi-underlay {
    background-color: var(--dark-gray-rgba-tissue)
}

.wi-subnav-image-1 .color-dark-gray a.wi-wrapper:hover .wi-image {
    border-color: var(--dark-gray)
}

.wi-subnav-image-1 a.wi-wrapper .wi-image div.wi-underlay {
    font-size: 100px
}

.wi-subnav-image-1 a.wi-wrapper:hover .wi-image {
    border-color: var(--primary)
}

.wi-subnav-image-1 .go-btn {
    position: absolute;
    left: 0;
    bottom: 30%
}

.well[class*=bg-] {
    box-shadow: unset
}

.well-small[class*=bg-] {
    box-shadow: unset
}

.well-outline {
    border: 2px solid var(--primary);
    border-radius: var(--border-radius);
    padding: 40px 18px;
    box-shadow: unset!important
}

@media(min-width: 992px) {
    .well-outline {
        padding:40px 43px
    }
}

.well-outline.outline-primary {
    border-color: var(--primary)
}

.well-outline.outline-secondary {
    border-color: var(--secondary)
}

.well-outline.outline-tertiary {
    border-color: var(--tertiary)
}

.well-outline.outline-quaternary {
    border-color: var(--quaternary)
}

.well-outline.outline-quinary {
    border-color: var(--quinary)
}

.well-outline.outline-senary {
    border-color: var(--senary)
}

.well-outline.outline-septenary {
    border-color: var(--septenary)
}

.well-outline.outline-light {
    border-color: var(--light)
}

.well-outline.outline-gray {
    border-color: var(--gray)
}

.well-outline.outline-dark {
    border-color: var(--dark)
}

.well-outline.outline-dark-gray {
    border-color: var(--dark-gray)
}

@media(min-width: 0) {
    .well-xs-outline {
        border:2px solid var(--primary);
        border-radius: var(--border-radius);
        padding: 40px 18px;
        box-shadow: unset!important
    }

    .well-xs-outline-unset {
        border: unset;
        border-radius: unset;
        padding: 0
    }
}

@media(min-width: 992px) {
    .well-xs-outline {
        padding:40px 43px
    }
}

@media(min-width: 576px) {
    .well-sm-outline {
        border:2px solid var(--primary);
        border-radius: var(--border-radius);
        padding: 40px 18px;
        box-shadow: unset!important
    }

    .well-sm-outline-unset {
        border: unset;
        border-radius: unset;
        padding: 0
    }
}

@media(min-width: 992px) {
    .well-sm-outline {
        padding:40px 43px
    }
}

@media(min-width: 768px) {
    .well-md-outline {
        border:2px solid var(--primary);
        border-radius: var(--border-radius);
        padding: 40px 18px;
        box-shadow: unset!important
    }

    .well-md-outline-unset {
        border: unset;
        border-radius: unset;
        padding: 0
    }
}

@media(min-width: 992px) {
    .well-md-outline {
        padding:40px 43px
    }
}

@media(min-width: 992px) {
    .well-lg-outline {
        border:2px solid var(--primary);
        border-radius: var(--border-radius);
        padding: 40px 18px;
        box-shadow: unset!important
    }

    .well-lg-outline-unset {
        border: unset;
        border-radius: unset;
        padding: 0
    }
}

@media(min-width: 992px) {
    .well-lg-outline {
        padding:40px 43px
    }
}

@media(min-width: 1200px) {
    .well-xl-outline {
        border:2px solid var(--primary);
        border-radius: var(--border-radius);
        padding: 40px 18px;
        box-shadow: unset!important
    }

    .well-xl-outline-unset {
        border: unset;
        border-radius: unset;
        padding: 0
    }
}

@media(min-width: 992px) {
    .well-xl-outline {
        padding:40px 43px
    }
}

@media(min-width: 1400px) {
    .well-xxl-outline {
        border:2px solid var(--primary);
        border-radius: var(--border-radius);
        padding: 40px 18px;
        box-shadow: unset!important
    }

    .well-xxl-outline-unset {
        border: unset;
        border-radius: unset;
        padding: 0
    }
}

@media(min-width: 992px) {
    .well-xxl-outline {
        padding:40px 43px
    }
}

.well {
    border-radius: var(--border-radius);
    padding: 40px 18px;
    box-shadow: 0 8px 25px 0 rgba(0,0,0,.15);
    background-color: #fff
}

@media(min-width: 576px) {
    .well-sm {
        border-radius:var(--border-radius);
        box-shadow: 0 8px 25px 0 rgba(0,0,0,.15);
        background-color: #fff;
        padding: 40px 18px
    }
}

@media(min-width: 768px) {
    .well-md {
        border-radius:var(--border-radius);
        box-shadow: 0 8px 25px 0 rgba(0,0,0,.15);
        background-color: #fff;
        padding: 40px 18px
    }
}

@media(min-width: 992px) {
    .well-lg {
        border-radius:var(--border-radius);
        box-shadow: 0 8px 25px 0 rgba(0,0,0,.15);
        background-color: #fff;
        padding: 40px 18px
    }
}

@media(min-width: 1200px) {
    .well-xl {
        border-radius:var(--border-radius);
        box-shadow: 0 8px 25px 0 rgba(0,0,0,.15);
        background-color: #fff;
        padding: 40px 18px
    }
}

@media(min-width: 1400px) {
    .well-xxl {
        border-radius:var(--border-radius);
        box-shadow: 0 8px 25px 0 rgba(0,0,0,.15);
        background-color: #fff;
        padding: 40px 18px
    }
}

@media(min-width: 992px) {
    .well,.well-sm,.well-md,.well-lg,.well-xl,.well-xxl {
        padding:40px 43px
    }
}

.well-small {
    border-radius: var(--border-radius);
    padding: 20px 18px;
    background-color: #fff;
    box-shadow: 0 8px 25px 0 rgba(0,0,0,.15)
}

@media(min-width: 992px) {
    .well-small {
        padding:29px
    }
}

.wi-reviews-full-2 .wi-review .well {
    border-radius: var(--border-radius)
}

.wi-review .well .bg-gray {
    border-color: #f8f9fa
}

.wi-reviews-full-2 .wi-review .directory {
    text-align: center;
    position: relative;
    top: -30px;
    margin-bottom: -30px
}

.wi-reviews-full-2 .wi-review .directory a.directory-icon {
    color: #fff;
    background-color: var(--primary);
    border-radius: 100%;
    padding: 6.5px 8px
}

.wi-reviews-full-2 .wi-review .directory a.directory-icon:hover {
    background-color: var(--primary)!important;
    box-shadow: 0 0 0 0.15rem rgba(var(--primary-rgb))
}

.wi-reviews-full-2 .wi-review .directory a.directory-icon>span {
    text-align: center;
    width: 18px;
    height: 18px
}

.wi-reviews-full-2 .wi-review>div>figure {
    height: 230px;
    overflow: hidden
}

.wi-reviews-full-2 .expand-review {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    text-align: center
}

.wi-reviews-full-2 .expand-review:hover {
    cursor: pointer;
    color: var(--primary)
}

.instagram-2 [class*=col-] {
    padding: 0
}

.instagram-2 .wrap {
    padding-bottom: 100%;
    overflow: hidden
}

.instagram-2 .wrap .ig-container {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden
}

.instagram-2 .wrap .ig-container .content {
    overflow: hidden;
    height: 100%;
    display: flex;
    justify-content: center
}

.instagram-2 .wrap .ig-container .content .overlay {
    width: 100%;
    height: 100%;
    padding: 20px;
    background-color: #000000a1;
    color: #fff;
    position: absolute;
    bottom: 100%;
    transition: .25s ease-in
}

.instagram-2 .wrap:hover .ig-container .content .overlay {
    bottom: 0;
    transition: .25s ease-in
}

.instagram-2 .wrap:hover .ig-container .content .overlay p {
    max-height: 84%;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.3
}

.instagram-2 .wrap .ig-container .content .overlay .s-impressions {
    font-size: 20px
}

.instagram-2 .wrap .ig-container .content .overlay .igo-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    position: relative;
    -webkit-mask-image: -webkit-gradient(linear,left 70%,left bottom,from(black),to(rgba(0,0,0,0)))
}

.instagram-2 .wrap .ig-container .content .ig-media {
    min-width: 100%;
    max-height: 100%
}

.nav-pills .nav-link {
    color: var(--primary)
}

.nav-pills .nav-link:hover {
    color: var(--secondary)
}

.cn-subnav-card-1 .s-card {
    border-radius: var(--border-radius);
    border: 1px solid #00000040;
    overflow: hidden;
    position: relative
}

.cn-subnav-card-1 .s-card .s-img-container {
    width: 100%;
    aspect-ratio: 1.5434782609;
    overflow: hidden;
    position: relative
}

.cn-subnav-card-1 .s-card .s-img-container picture {
    display: flex;
    height: 100%
}

.cn-subnav-card-1 .s-card .s-img-container picture img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cn-subnav-card-1 .s-card .s-btn {
    font-family: var(--font-primary);
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    line-height: var(--h4-line-height);
    position: relative;
    display: block;
    padding: 12px;
    width: 100%;
    color: #fff
}

.cn-subnav-card-1 .s-card .content p {
    font-size: 1rem
}

.cn-subnav-card-1 .content {
    padding: 1.75rem 18px
}

@media(min-width: 992px) {
    .cn-subnav-card-1 .content {
        padding:1.75rem
    }
}

.cn-subnav-card-1>div:nth-child(6n+1) .s-card .s-btn {
    background-color: var(--primary)
}

.cn-subnav-card-1>div:nth-child(6n+1) .s-card h2.font-display,.cn-subnav-card-1>div:nth-child(6n+1) .s-card h3 {
    color: var(--primary)
}

.cn-subnav-card-1>div:nth-child(6n+2) .s-card .s-btn {
    background-color: var(--secondary)
}

.cn-subnav-card-1>div:nth-child(6n+2) .s-card h2.font-display,.cn-subnav-card-1>div:nth-child(6n+2) .s-card h3 {
    color: var(--secondary)
}

.cn-subnav-card-1>div:nth-child(6n+3) .s-card .s-btn {
    background-color: var(--tertiary)
}

.cn-subnav-card-1>div:nth-child(6n+3) .s-card h2.font-display,.cn-subnav-card-1>div:nth-child(6n+3) .s-card h3 {
    color: var(--tertiary)
}

.cn-subnav-card-1>div:nth-child(6n+4) .s-card .s-btn {
    background-color: var(--quaternary)
}

.cn-subnav-card-1>div:nth-child(6n+4) .s-card h2.font-display,.cn-subnav-card-1>div:nth-child(6n+4) .s-card h3 {
    color: var(--quaternary)
}

.cn-subnav-card-1>div:nth-child(6n+5) .s-card .s-btn {
    background-color: var(--senary)
}

.cn-subnav-card-1>div:nth-child(6n+5) .s-card h2.font-display,.cn-subnav-card-1>div:nth-child(6n+5) .s-card h3 {
    color: var(--senary)
}

.cn-subnav-card-1>div:nth-child(6n) .s-card .s-btn {
    background-color: var(--septenary)
}

.cn-subnav-card-1>div:nth-child(6n) .s-card h2.font-display,.cn-subnav-card-1>div:nth-child(6n) .s-card h3 {
    color: var(--septenary)
}

.wi-subnav-full-1 .go-arrow {
    position: absolute;
    right: -5px
}

.wi-subnav-full-1 .grand-children-col {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px
}

.wi-subnav-full-1 .list-unstyled {
    padding-left: 0;
    list-style: none
}

.wi-subnav-full-1 a.btn:hover {
    background-color: var(--primary);
    color: #fff
}

.wi-subnav-tile-1 a.wi-bg-image {
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff
}

.wi-subnav-tile-1 .wi-bg-image .wi-bg-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 150px;
    background: -moz-linear-gradient(-45deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 31%,rgba(0,0,0,0.1) 100%);
    background: -webkit-linear-gradient(-45deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 31%,rgba(0,0,0,0.1) 100%);
    background: linear-gradient(135deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 31%,rgba(0,0,0,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#1a000000',GradientType=1)
}

.wi-subnav-tile-1 a.wi-bg-image:hover {
    text-decoration: none
}

.wi-subnav-tile-1 a.wi-bg-image:hover .wi-bg-overlay {
    background: -moz-linear-gradient(-45deg,var(--primary-rgba-tissue) 0%,var(--primary-rgba-tissue) 100%);
    background: -webkit-linear-gradient(-45deg,var(--primary-rgba-tissue) 0%,var(--primary-rgba-tissue) 100%);
    background: linear-gradient(135deg,var(--primary-rgba-tissue) 0%,var(--primary-rgba-tissue) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cce87229',endColorstr='#e6f6892a',GradientType=1)
}

.wi-franchise-list .card-columns {
    column-count: 1
}

@media(min-width: 992px) {
    .wi-franchise-list .card-columns {
        column-count:2
    }
}

@media(min-width: 1200px) {
    .wi-franchise-list .card-columns {
        column-count:3
    }
}

.wi-franchise-list .card-title {
    font-weight: 300;
    font-size: 1.3rem
}

.wi-franchise-list .card-columns .card {
    width: 100%;
    margin-bottom: 20px;
    page-break-inside: avoid;
    break-inside: avoid-column;
    display: table
}

.wi-franchise-list ul.icon-list {
    margin: 0 0 0 10px;
    padding: 0
}

.wi-franchise-list ul.icon-list li {
    position: relative;
    list-style-type: none;
    padding: 6px 0 5px 18px;
    margin-bottom: 0;
    font-size: 1rem
}

.wi-franchise-list ul.icon-list li.col {
    padding: 6px 17px 5px
}

.wi-franchise-list ul.icon-list li::after {
    font-family: 'font awesome 5 pro';
    content: '';
    font-style: normal;
    font-weight: 500;
    text-decoration: inherit;
    position: absolute;
    font-size: 11px;
    color: var(--primary);
    top: 14px;
    left: 0;
    z-index: 1
}

.wi-franchise-list ul.icon-list.list-arrow-circle li::after {
    content: ''
}

.wi-franchise-list ul.icon-list.list-checkmark li {
    padding-bottom: 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee
}

.wi-franchise-list ul.icon-list.list-checkmark li::after {
    content: ''
}

.wi-franchise-list ul.icon-list.list-checkmark li:last-child {
    border: none
}

.wi-franchise-list .card-columns {
    column-count: 1
}

@media(min-width: 992px) {
    .wi-franchise-list .card-columns {
        column-count:2
    }
}

@media(min-width: 1200px) {
    .wi-franchise-list .card-columns {
        column-count:3
    }
}

.wi-franchise-list ul.icon-list li::after {
    content: ''!important;
    font-style: normal;
    background: url(/oak/files/logos/lemon-tree.insignia.png);
    width: 20px;
    height: 20px;
    background-position: center;
    font-weight: 200;
    text-decoration: inherit;
    position: absolute;
    font-size: 13px;
    color: var(--primary);
    background-size: cover;
    top: 10px;
    left: -10px;
    z-index: 1
}

.wi-locations-highlight-1 .wi-bg-image {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    cursor: pointer
}

.wi-locations-highlight-1 .wi-bg-image .wi-bg-overlay {
    position: relative;
    padding: 25px;
    min-height: 100px;
    background: -moz-linear-gradient(-45deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 31%,rgba(0,0,0,0.1) 100%);
    background: -webkit-linear-gradient(-45deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 31%,rgba(0,0,0,0.1) 100%);
    background: linear-gradient(135deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 31%,rgba(0,0,0,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#1a000000',GradientType=1)
}

.wi-badges-well-slider-1 img {
    background-color: #fff;
    padding: 15px;
    border-radius: .4rem
}

.wi-badge-autoslide-1 ul li img {
    width: 150px
}

.wi-badge-autoslide-1 ul li {
    padding: 0 30px
}

.wi-badge-autoslide-1 .col-12:before,.wi-badge-autoslide-1 .col-12:after {
    content: '';
    height: 100%;
    width: 40px;
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0
}

.wi-badge-autoslide-1 .col-12::before {
    left: 0;
    background: linear-gradient(90deg,white 0%,rgba(255,255,255,0) 100%)
}

.wi-badge-autoslide-1 .col-12::after {
    right: 0;
    background: linear-gradient(90deg,rgba(255,255,255,0) 0%,white 100%)
}

.wi-faqs .panel {
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    margin-bottom: 10px;
    transition: .2s ease-in
}

.wi-faqs .panel.active {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 8px 1px rgba(0,0,0,.07);
    box-shadow: 0 1px 8px 1px rgba(0,0,0,.07)
}

.wi-faqs .panel h4 a {
    padding: 10px 16px;
    display: block
}

.wi-faqs .panel-body {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 10px
}

.wi-coupons-slider-1 .promo-wrapper {
    text-align: center;
    background: 0 0;
    background-position: 50%!important;
    background-repeat: no-repeat!important;
    background-size: 100% 100%!important
}

.wi-coupons-slider-1 .promo {
    border: 4px dashed #fff;
    padding: 25px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.48)
}

.wi-coupons-slider-1 .promo-blue {
    background-color: rgba(0,129,204,.95)
}

.wi-coupons-slider-1 .promo-orange {
    background-color: rgba(232,110,4,.95)
}

.wi-coupons-slider-1 .promo-gray {
    background-color: rgba(0,0,0,.65)
}

.wi-coupons-slider-1 .promo h1,.wi-coupons-slider-1 .promo h2,.wi-coupons-slider-1 .promo h3,.wi-coupons-slider-1 .promo h4,.wi-coupons-slider-1 .promo h5 {
    color: #fff
}

.wi-coupons-slider-1 .promo .expiration {
    opacity: .6;
    font-style: italic
}

div.wi-coupons-slider-2 .col {
    padding-right: 15px;
    padding-left: 15px
}

#email-for-coupon div.coupon-wrapper,div.wi-coupons-slider-2 div.coupon-wrapper {
    text-align: center;
    background: 0 0;
    background-position: 50%!important;
    background-repeat: no-repeat!important;
    background-size: cover;
    margin-bottom: 20px;
    cursor: pointer
}

#email-for-coupon div.coupon-wrapper div.coupon,div.wi-coupons-slider-2 div.coupon-wrapper div.coupon {
    margin-top: 20px;
    border: 4px dashed #979797;
    border-radius: 15px;
    padding: 25px;
    min-height: 185px
}

#email-for-coupon div.coupon-wrapper div.coupon div.amount,div.wi-coupons-slider-2 div.coupon-wrapper div.coupon div.amount {
    font-family: var(--font-primary);
    font-weight: 800;
    font-style: normal;
    font-size: 55px;
    line-height: 60px;
    letter-spacing: 1px;
    color: var(--primary)
}

#email-for-coupon div.coupon-wrapper div.coupon div.for,div.wi-coupons-slider-2 div.coupon-wrapper div.coupon div.for {
    font-family: proxima-nova,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    line-height: 30px;
    color: var(--primary);
    min-height: 78px;
    width: 100%;
    margin: auto
}

#email-for-coupon div.coupon-wrapper div.coupon div.image,div.wi-coupons-slider-2 div.coupon-wrapper div.coupon div.image {
    position: relative;
    top: -50px;
    margin-bottom: -50px
}

#email-for-coupon div.coupon-wrapper div.coupon div.image img,div.wi-coupons-slider-2 div.coupon-wrapper div.coupon div.image img {
    height: 150px
}

#email-for-coupon div.coupon-wrapper div.coupon div.expiration,div.wi-coupons-slider-2 div.coupon-wrapper div.coupon div.expiration {
    margin-top: 15px;
    opacity: .8
}

#email-for-coupon div.coupon-wrapper div.coupon div.disclaimer,div.wi-coupons-slider-2 div.coupon-wrapper div.coupon div.disclaimer {
    opacity: .7;
    font-size: 80%;
    width: 70%;
    margin: auto
}

section div.wi-coupons-slider-2 .slick-prev:before,section div.wi-coupons-slider-2 .slick-next:before {
    color: rgba(52,58,64,.3)
}

section.bg-image div.wi-coupons-slider-2 .slick-prev:before,section.bg-image div.wi-coupons-slider-2 .slick-next:before,section.bg-dark div.wi-coupons-slider-2 .slick-prev:before,section.bg-dark div.wi-coupons-slider-2 .slick-next:before {
    color: #fff
}

.wi-team-grouped-1-nav .nav-item {
    width: 100%
}

.wi-team-grouped-1-nav .nav-item a {
    padding: 0;
    margin: 0 0 .5rem
}

.wi-team-grouped-1-nav .nav-item a:hover {
    text-decoration: underline;
    text-decoration-color: var(--secondary)
}

.wi-team-grouped-1-nav.nav-pills .nav-link.active,.wi-team-grouped-1-nav.nav-pills .show>.nav-link {
    background-color: unset
}

.wi-team-grouped-1 .wi-tmember:hover {
    cursor: default
}

.wi-team-grouped-1 .wi-tmember {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto
}

.wi-team-grouped-1 .wi-tmember-info {
    position: relative;
    bottom: 60px;
    margin-left: -1px;
    margin-right: -1px;
    background-color: #f5f1ed;
    padding: 30px 15px;
    text-align: center;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 500px
}

.wi-team-grouped-1 .wi-tmember-info h4 span.sub,.wi-team-grouped-1 .wi-tmember-info h6 span.sub {
    text-transform: uppercase;
    opacity: 1;
    font-weight: lighter;
    font-size: 70%;
    margin-top: .25rem
}

@media(min-width: 992px) {
    .wi-team-grouped-1 .wi-tmember-info h4 span.sub,.wi-team-grouped-1 .wi-tmember-info h6 span.sub {
        font-size:60%;
        margin-top: 1rem
    }
}

@media(min-width: 992px) {
    .wi-team-grouped-1 .wi-tmember {
        max-width:100%;
        margin-left: 0;
        margin-right: 0
    }

    .wi-team-grouped-1 .wi-tmember-info {
        margin-left: 20px;
        margin-right: 20px
    }
}

.wi-team-grouped-1 .wi-tmember-info .btn {
    color: var(--primary);
    border-color: var(--primary);
    border-radius: .2rem;
    white-space: normal;
    font-family: var(--font-primary);
    box-shadow: none!important
}

.wi-team-grouped-1 .wi-tmember .wi-tmember-info .btn:not(.bio-btn-hidden):hover {
    color: #fff;
    background-color: var(--primary);
    cursor: pointer
}

.bio-btn-hidden {
    visibility: hidden
}

@media(min-width: 992px) {
    .wi-team-grouped-1 .wi-tmember-info {
        min-height:200px
    }
}

.accordion .accordion-title {
    position: relative;
    font-size: 18px;
    padding: 15px 20px;
    cursor: pointer;
    background-color: #f5f1ed;
    border-bottom: 1px solid #eee
}

.accordion .accordion-title h5 {
    font-weight: 300;
    padding-top: .5rem
}

.accordion .accordion-title i {
    position: absolute;
    font-size: 15px;
    right: 20px;
    top: 22px;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.accordion .accordion-title.collapsed i {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6)
}

.accordion .accordion-title:hover {
    color: var(--primary)
}

.accordion .accordion-content {
    padding: 20px
}

h6,.h6 {
    font-size: 1.2rem
}

.wi-team-highlight-1 .img-circle {
    width: 100%;
    border-radius: 50%;
    height: auto;
    padding-top: 100%
}

.wi-team-highlight-1 h4 {
    margin: 0;
    text-align: center;
    color: var(--primary)
}

.wi-team-highlight-1 .wi-tmember:hover {
    cursor: pointer;
    text-decoration: underline
}

div.wi-social-large-1 {
    display: flex;
    width: auto;
    margin: auto
}

div.wi-social-large-1 a {
    display: flex;
    width: 75px;
    height: 75px;
    border-radius: 2px;
    margin: 0 2px;
    font-size: 50px;
    line-height: 50px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

div.wi-social-large-1 a:hover {
    color: #fff;
    background-color: #23a9e1
}

div.wi-social-medium-1 {
    display: flex;
    width: auto;
    margin: auto
}

div.wi-social-medium-1 a {
    display: flex;
    width: 34px;
    height: 34px;
    border-radius: 2px;
    margin: 0 2px;
    font-size: 23px;
    color: var(--secondary);
    align-items: center;
    justify-content: center;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

div.wi-social-medium-1 a:hover {
    color: var(--tertiary)
}

div.wi-social-small-1 {
    display: flex;
    width: auto;
    margin: auto
}

div.wi-social-small-1 a {
    display: flex;
    float: left;
    width: 35px;
    height: 35px;
    font-size: 15px;
    color: var(--primary);
    align-items: center;
    justify-content: center;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

div.wi-social-small-1 a:hover {
    color: #fff;
    background-color: #23a9e1
}

ul.icon-list {
    margin: 0;
    padding: 0;
    --icon: ''
}

ul.icon-list.icon-img {
    --icon: url(/oak/files/icons/RnR_Flower_Pink.svg)
}

ul.icon-list li {
    position: relative;
    list-style-type: none;
    padding-left: 30px;
    margin-bottom: var(--p-margin-bottom);
    font-size: var(--p-font-size);
    font-weight: var(--p-font-weight)
}

ul.icon-list li::before {
    position: absolute;
    left: 0;
    top: 1px;
    display: block;
    margin-right: 0
}

ul.icon-list:not(.icon-img) li::before {
    content: var(--icon);
    font-family: 'font awesome 6 pro';
    font-weight: 700;
    color: var(--primary);
    font-size: 16px
}

ul.icon-list.icon-img li::before {
    content: var(--icon);
    width: 20px;
    top: 3px
}

.wi-on-site-menu-1 {
    color: #000;
    font-family: helveticaneue-light,helvetica neue light,helvetica neue,Helvetica,Arial,lucida grande,sans-serif
}

.wi-on-site-menu-1 h5,.wi-on-site-menu-1 h3,.wi-on-site-menu-1 h4 {
    font-family: arvo;
    font-weight: 700
}

.wi-on-site-menu-1 .wi-item-title,.wi-on-site-menu-1 .wi-item-price {
    padding: 0;
    margin: 0;
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 1.2;
    font-family: open sans,sans-serif
}

.wi-on-site-menu-1 .wi-item-title {
    max-width: 89%;
    font-weight: 600
}

.wi-on-site-menu-1 .wi-item-price {
    font-weight: 600;
    letter-spacing: 0
}

.wi-on-site-menu-1 .wi-item-price .pre,.wi-on-site-menu-1 .wi-item-price .post {
    font-weight: 400;
    font-size: 19px;
    color: #3c3c3c
}

.wi-on-site-menu-1 .lines-wrap {
    flex-grow: 1;
    padding: 0 10px 3px
}

.wi-on-site-menu-1 .lines {
    width: 100%;
    height: 100%;
    border-bottom: 2px dotted var(--primary)
}

.btn {
    font-family: var(--font-secondary);
    font-size: 1.06rem;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1;
    padding: 15px 29px 14px;
    border-radius: 50px
}

@media(min-width: 992px) {
    .btn {
        font-size:1.1rem
    }

    .btn-lg {
        font-size: 1.8rem
    }
}

.btn.btn-primary,.btn.btn-secondary,.btn.btn-tertiary,.btn.btn-quaternary,.btn.btn-senary,.btn.btn-septenary {
    color: #fff
}

.btn.btn-quinary {
    color: var(--primary)
}

main .btn:not(.w-100)+.btn:not(.w-100) {
    margin-left: 15px
}

main .btn.w-100+.btn.w-100,footer .btn.w-100+.btn.w-100 {
    margin-top: 15px
}

@media(min-width: 576px) {
    main .btn.w-sm-100+.btn.w-sm-100,footer .btn.w-sm-100+.btn.w-sm-100 {
        margin-top:15px;
        margin-left: 0
    }

    main .btn.w-sm-unset+.btn.w-sm-unset,footer .btn.w-sm-unset+.btn.w-sm-unset {
        margin-top: 0;
        margin-left: 15px
    }
}

@media(min-width: 768px) {
    main .btn.w-md-100+.btn.w-md-100,footer .btn.w-md-100+.btn.w-md-100 {
        margin-top:15px;
        margin-left: 0
    }

    main .btn.w-md-unset+.btn.w-md-unset,footer .btn.w-md-unset+.btn.w-md-unset {
        margin-top: 0;
        margin-left: 15px
    }
}

@media(min-width: 992px) {
    main .btn.w-lg-100+.btn.w-lg-100,footer .btn.w-lg-100+.btn.w-lg-100 {
        margin-top:15px;
        margin-left: 0
    }

    main .btn.w-lg-unset+.btn.w-lg-unset,footer .btn.w-lg-unset+.btn.w-lg-unset {
        margin-top: 0;
        margin-left: 15px
    }
}

@media(min-width: 1200px) {
    main .btn.w-xl-100+.btn.w-xl-100,footer .btn.w-xl-100+.btn.w-xl-100 {
        margin-top:15px;
        margin-left: 0
    }

    main .btn.w-xl-unset+.btn.w-xl-unset,footer .btn.w-xl-unset+.btn.w-xl-unset {
        margin-top: 0;
        margin-left: 15px
    }
}

@media(min-width: 1400px) {
    main .btn.w-xxl-100+.btn.w-xxl-100,footer .btn.w-xxl-100+.btn.w-xxl-100 {
        margin-top:15px;
        margin-left: 0
    }

    main .btn.w-xxl-unset+.btn.w-xxl-unset,footer .btn.w-xxl-unset+.btn.w-xxl-unset {
        margin-top: 0;
        margin-left: 15px
    }
}

.btn-row {
    margin-bottom: -15px
}

.btn-row .col-auto {
    padding-right: 3px;
    padding-bottom: 15px
}

@font-face {
    font-family: bubblegum;
    src: url(bubblegum-script.otf) format('opentype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: littlegoose;
    src: url(littlegoose.otf) format('opentype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: vag-rounded;
    src: url(vag-rounded-regular.ttf) format('opentype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: vag-rounded;
    src: url(vag-rounded-bold.ttf) format('opentype');
    font-weight: 700;
    font-style: normal
}

.font-display {
    font-family: bubblegum,sans-serif;
    line-height: 1.05;
    margin-bottom: .75rem
}

h1.font-display,.h1.font-display {
    font-size: 4.8rem
}

h2.font-display,.h2.font-display {
    font-size: 3.8rem
}

h3.font-display,.h3.font-display {
    font-size: 2.8rem
}

h4.font-display,.h4.font-display {
    font-size: 2.3rem
}

@media(min-width: 992px) {
    h1.font-display,.h1.font-display {
        font-size:5.8rem
    }

    h2.font-display,.h2.font-display {
        font-size: 4.9rem
    }

    h3.font-display,.h3.font-display {
        font-size: 3.75rem
    }

    h4.font-display,.h4.font-display {
        font-size: 3.3rem
    }
}

.bg-img h1,.bg-img h2,.bg-img h3,.bg-img h4,.bg-img h5,.bg-img h6,.bg-img .h1,.bg-img .h2,.bg-img .h3,.bg-img .h4,.bg-img .h5,.bg-img .h6 {
    text-shadow: 0 0 10px rgba(0,0,0,.6)
}

.text-shadow {
    text-shadow: 0 0 10px rgba(0,0,0,.6)
}

p.lead {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.4
}

p.small,span.small {
    font-size: 1rem
}

h1 span.sub {
    opacity: 1;
    font-size: .3em;
    display: inline
}

h2 span.sub {
    opacity: 1;
    font-size: .3em;
    display: inline
}

h3 span.sub {
    opacity: 1;
    font-size: .3em;
    display: inline
}

h4 span.sub {
    opacity: 1;
    font-size: .3em;
    display: inline
}

h5 span.sub {
    opacity: 1;
    font-size: .3em;
    display: inline
}

h6 span.sub {
    opacity: 1;
    font-size: .3em;
    display: inline
}

.subheading {
    font-size: 1.4rem!important;
    font-family: var(--font-secondary)!important;
    text-transform: none!important;
    font-weight: 800!important;
    line-height: 1.4
}

section:not([class*=bg-]):not(.lr-section)+section:not([class*=bg-]):not(.lr-section):not(.normal-padding) {
    padding-top: 0
}

:root {
    --border-radius: 16px
}

a.link-phone {
    color: var(--secondary);
    font-weight: 600
}

a.link-phone:hover {
    color: var(--primary)
}

a.link-phone::before {
    content: '';
    font-family: 'font awesome 6 pro';
    weight: 900;
    font-size: .8em;
    bottom: 1px;
    position: relative;
    margin-right: .27em
}

a.link-lead {
    font-family: var(--font-primary);
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    line-height: var(--h4-line-height)
}

a.link-lead:not(:has(i))::after,a.link-lead i {
    content: '';
    font-family: 'font awesome 6 pro';
    font-weight: 600;
    font-size: .65em;
    margin-left: .46em
}

.bg-img-container {
    --aspect-ratio: unset;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 250px;
    aspect-ratio: var(--aspect-ratio)
}

.bg-img-container picture {
    display: flex;
    width: 100%
}

.bg-img-container img.bg-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.bg-img-container.bg-circle {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 100%
}

.cl-reviews-slider-2 .infiniteslide_wrap {
    overflow: visible!important
}

.cl-reviews-slider-2 ul {
    align-items: flex-start!important
}

.cl-reviews-slider-2 ul li {
    margin-right: 40px
}

.cl-reviews-slider-2 .review-box .review-stars {
    color: var(--quinary)
}

.cl-reviews-slider-2 .review-box {
    width: 257px;
    position: relative;
    overflow: hidden;
    padding: 18px 24px;
    border-radius: var(--border-radius);
    box-shadow: 0 8px 25px 0 rgba(0,0,0,.15)
}

.cl-reviews-slider-2 .review-box .name {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px
}

.cl-reviews-slider-2 .review-box:not(.expanded) {
    height: 333px
}

.cl-reviews-slider-2 .loading-spinner {
    height: 333px
}

.cl-reviews-slider-2 .review-type-icon-wrapper {
    color: #fff;
    display: flex;
    margin-bottom: -21px
}

.cl-reviews-slider-2 .review-type-icon-wrapper>.review-type-icon {
    text-align: center;
    width: 24px;
    height: 24px;
    color: #fff!important;
    z-index: 2
}

.cl-reviews-slider-2 ul>li .review-type-icon-wrapper::before {
    width: 50px;
    margin-bottom: -6px;
    z-index: 1
}

.cl-reviews-slider-2 ul>li:nth-child(5n) .review-type-icon-wrapper::before {
    content: url(/oak/files/icons/RnR_Circle_Blue.svg)
}

.cl-reviews-slider-2 ul>li:nth-child(5n+1) .review-type-icon-wrapper::before {
    content: url(/oak/files/icons/RnR_Circle_Purple.svg)
}

.cl-reviews-slider-2 ul>li:nth-child(5n+2) .review-type-icon-wrapper::before {
    content: url(/oak/files/icons/RnR_Circle_Pink.svg)
}

.cl-reviews-slider-2 ul>li:nth-child(5n+3) .review-type-icon-wrapper::before {
    content: url(/oak/files/icons/RnR_Circle_Periwinkle.svg)
}

.cl-reviews-slider-2 ul>li:nth-child(5n+4) .review-type-icon-wrapper::before {
    content: url(/oak/files/icons/RnR_Circle_Green.svg)
}

.cl-reviews-slider-2 .review-type-icon-wrapper>.review-type-icon:before {
    font-size: 24px
}

.cl-reviews-slider-2 .review-box .review {
    font-size: 1rem;
    line-height: var(--p-line-height);
    font-weight: var(--p-font-weight);
    margin-bottom: var(--p-margin-bottom);
    color: var(--dark)
}

.cl-reviews-slider-2 .review-box .expand-review {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: var(--senary);
    background: linear-gradient(0deg,white 35%,transparent 100%)
}

.cl-reviews-slider-2 .review-box .expand-review:hover {
    cursor: pointer;
    color: var(--secondary)
}

@media(min-width: 992px) {
    .cl-reviews-slider-2:before {
        content:'';
        height: 100%;
        width: 40px;
        position: absolute;
        z-index: 2;
        top: 0;
        bottom: 0
    }

    .cl-reviews-slider-2:before {
        left: 0;
        background: linear-gradient(90deg,white 0%,rgba(255,255,255,0) 100%)
    }
}

.cl-reviews-slider-2 .see-more-container {
    position: relative;
    width: 100%;
    padding-left: 1rem
}

.cl-reviews-slider-2 .see-more {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    padding-left: 1.5rem;
    transition: background-color .1s;
    background-color: var(--senary);
    border-radius: var(--border-radius) 0 0 var(--border-radius)
}

.cl-reviews-slider-2 .see-more:hover {
    background-color: var(--primary)
}

@media(min-width: 992px) {
    .cl-reviews-slider-2 .see-more-container {
        position:absolute;
        right: 0;
        height: 100%;
        display: flex;
        align-items: center;
        width: unset
    }

    .cl-reviews-slider-2 .see-more-container::before {
        content: '';
        height: 121%;
        width: calc(100% + 130px);
        position: absolute;
        z-index: 2;
        right: 0;
        background: linear-gradient(90deg,rgba(255,255,255,0) 0%,#ffffff calc(0% + 100px),white 100%)
    }

    .cl-reviews-slider-2 .see-more {
        z-index: 2;
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 100%;
        padding: 1.5rem;
        background-color: var(--senary);
        border-radius: var(--border-radius) 0 0 var(--border-radius)
    }
}

.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid var(--primary);
    border-color: var(--primary) transparent var(--primary) transparent;
    animation: lds-dual-ring 1.2s linear infinite
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

hr {
    border-radius: 100px
}

hr.thick {
    height: 7px;
    opacity: 1
}

.img-w-shadow {
    --img-border-radius: var(--border-radius);
    --aspect-ratio: 460/413;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: end;
    margin-bottom: 14px;
    max-width: 360px
}

@media(min-width: 992px) {
    .img-w-shadow {
        max-width:unset
    }
}

.img-w-shadow.img-large {
    height: 420px;
    max-width: unset;
    --aspect-ratio: unset
}

.img-w-shadow.img-large .img-container {
    min-height: unset
}

.img-w-shadow.img-medium {
    height: 300px;
    max-width: unset;
    --aspect-ratio: unset
}

.img-w-shadow.img-medium .img-container {
    min-height: unset
}

.img-w-shadow.img-small {
    height: 236px;
    max-width: unset;
    --aspect-ratio: unset
}

.img-w-shadow.img-small .img-container {
    min-height: unset
}

.img-w-shadow.ratio-video {
    --aspect-ratio: 16/9
}

.img-w-shadow .img-container {
    border-radius: var(--img-border-radius);
    display: block;
    overflow: hidden;
    position: relative;
    width: calc(100% - 14px);
    min-height: 250px;
    aspect-ratio: var(--aspect-ratio);
    z-index: 2
}

.img-w-shadow .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.img-w-shadow::after {
    content: '';
    aspect-ratio: var(--aspect-ratio);
    background-color: var(--primary);
    border-radius: var(--img-border-radius);
    width: calc(100% - 14px);
    position: absolute;
    top: 14px;
    display: block;
    right: 14px;
    z-index: 1;
    height: 100%
}

.img-w-shadow.img-overlap-left {
    position: absolute;
    left: -40px;
    right: 0;
    width: unset
}

.img-w-shadow.img-overlap-right {
    position: absolute;
    right: -40px;
    left: 0;
    width: unset
}

.img-w-shadow.img-overlap-left-unset {
    position: relative;
    width: 100%
}

.img-w-shadow.img-overlap-bottom {
    margin-bottom: -32px
}

.img-w-shadow.img-overlap-bottom-unset {
    margin-bottom: unset
}

@media(min-width: 576px) {
    .img-w-shadow.img-overlap-sm-left {
        position:absolute;
        left: -40px;
        right: 0;
        width: unset
    }

    .img-w-shadow.img-overlap-sm-right {
        position: absolute;
        right: -40px;
        left: 0;
        width: unset
    }

    .img-w-shadow.img-overlap-sm-left-unset {
        position: relative;
        width: 100%
    }

    .img-w-shadow.img-overlap-sm-bottom {
        margin-bottom: -32px
    }

    .img-w-shadow.img-overlap-sm-bottom-unset {
        margin-bottom: 14px
    }

    .img-w-shadow.img-overlap-sm-bottom-large {
        margin-bottom: -87px
    }

    .img-w-shadow.img-sm-large {
        height: 420px;
        max-width: unset;
        --aspect-ratio: unset
    }

    .img-w-shadow.img-sm-large .img-container {
        min-height: unset
    }

    .img-w-shadow.img-sm-medium {
        height: 300px;
        max-width: unset;
        --aspect-ratio: unset
    }

    .img-w-shadow.img-sm-medium .img-container {
        min-height: unset
    }

    .img-w-shadow.img-sm-small {
        height: 236px;
        max-width: unset;
        --aspect-ratio: unset
    }

    .img-w-shadow.img-sm-small .img-container {
        min-height: unset
    }
}

@media(min-width: 768px) {
    .img-w-shadow.img-overlap-md-left {
        position:absolute;
        left: -40px;
        right: 0;
        width: unset
    }

    .img-w-shadow.img-overlap-md-right {
        position: absolute;
        right: -40px;
        left: 0;
        width: unset
    }

    .img-w-shadow.img-overlap-md-left-unset {
        position: relative;
        width: 100%
    }

    .img-w-shadow.img-overlap-md-bottom {
        margin-bottom: -32px
    }

    .img-w-shadow.img-overlap-md-bottom-unset {
        margin-bottom: 14px
    }

    .img-w-shadow.img-overlap-md-bottom-large {
        margin-bottom: -87px
    }

    .img-w-shadow.img-md-large {
        height: 420px;
        max-width: unset;
        --aspect-ratio: unset
    }

    .img-w-shadow.img-md-large .img-container {
        min-height: unset
    }

    .img-w-shadow.img-md-medium {
        height: 300px;
        max-width: unset;
        --aspect-ratio: unset
    }

    .img-w-shadow.img-md-medium .img-container {
        min-height: unset
    }

    .img-w-shadow.img-md-small {
        height: 236px;
        max-width: unset;
        --aspect-ratio: unset
    }

    .img-w-shadow.img-md-small .img-container {
        min-height: unset
    }
}

@media(min-width: 992px) {
    .img-w-shadow.img-overlap-lg-left {
        position:absolute;
        left: -40px;
        right: 0;
        width: unset
    }

    .img-w-shadow.img-overlap-lg-right {
        position: absolute;
        right: -40px;
        left: 0;
        width: unset
    }

    .img-w-shadow.img-overlap-lg-left-unset {
        position: relative;
        width: 100%
    }

    .img-w-shadow.img-overlap-lg-bottom {
        margin-bottom: -32px
    }

    .img-w-shadow.img-overlap-lg-bottom-unset {
        margin-bottom: 14px
    }

    .img-w-shadow.img-overlap-lg-bottom-large {
        margin-bottom: -87px
    }

    .img-w-shadow.img-lg-large {
        height: 420px;
        max-width: unset;
        --aspect-ratio: unset
    }

    .img-w-shadow.img-lg-large .img-container {
        min-height: unset
    }

    .img-w-shadow.img-lg-medium {
        height: 300px;
        max-width: unset;
        --aspect-ratio: unset
    }

    .img-w-shadow.img-lg-medium .img-container {
        min-height: unset
    }

    .img-w-shadow.img-lg-small {
        height: 236px;
        max-width: unset;
        --aspect-ratio: unset
    }

    .img-w-shadow.img-lg-small .img-container {
        min-height: unset
    }
}

@media(min-width: 1200px) {
    .img-w-shadow.img-overlap-xl-left {
        position:absolute;
        left: -40px;
        right: 0;
        width: unset
    }

    .img-w-shadow.img-overlap-xl-right {
        position: absolute;
        right: -40px;
        left: 0;
        width: unset
    }

    .img-w-shadow.img-overlap-xl-left-unset {
        position: relative;
        width: 100%
    }

    .img-w-shadow.img-overlap-xl-bottom {
        margin-bottom: -32px
    }

    .img-w-shadow.img-overlap-xl-bottom-unset {
        margin-bottom: 14px
    }

    .img-w-shadow.img-overlap-xl-bottom-large {
        margin-bottom: -87px
    }

    .img-w-shadow.img-xl-large {
        height: 420px;
        max-width: unset;
        --aspect-ratio: unset
    }

    .img-w-shadow.img-xl-large .img-container {
        min-height: unset
    }

    .img-w-shadow.img-xl-medium {
        height: 300px;
        max-width: unset;
        --aspect-ratio: unset
    }

    .img-w-shadow.img-xl-medium .img-container {
        min-height: unset
    }

    .img-w-shadow.img-xl-small {
        height: 236px;
        max-width: unset;
        --aspect-ratio: unset
    }

    .img-w-shadow.img-xl-small .img-container {
        min-height: unset
    }
}

@media(min-width: 1400px) {
    .img-w-shadow.img-overlap-xxl-left {
        position:absolute;
        left: -40px;
        right: 0;
        width: unset
    }

    .img-w-shadow.img-overlap-xxl-right {
        position: absolute;
        right: -40px;
        left: 0;
        width: unset
    }

    .img-w-shadow.img-overlap-xxl-left-unset {
        position: relative;
        width: 100%
    }

    .img-w-shadow.img-overlap-xxl-bottom {
        margin-bottom: -32px
    }

    .img-w-shadow.img-overlap-xxl-bottom-unset {
        margin-bottom: 14px
    }

    .img-w-shadow.img-overlap-xxl-bottom-large {
        margin-bottom: -87px
    }

    .img-w-shadow.img-xxl-large {
        height: 420px;
        max-width: unset;
        --aspect-ratio: unset
    }

    .img-w-shadow.img-xxl-large .img-container {
        min-height: unset
    }

    .img-w-shadow.img-xxl-medium {
        height: 300px;
        max-width: unset;
        --aspect-ratio: unset
    }

    .img-w-shadow.img-xxl-medium .img-container {
        min-height: unset
    }

    .img-w-shadow.img-xxl-small {
        height: 236px;
        max-width: unset;
        --aspect-ratio: unset
    }

    .img-w-shadow.img-xxl-small .img-container {
        min-height: unset
    }
}

.img-w-shadow.shadow-primary::after {
    background-color: var(--primary)
}

.img-w-shadow.shadow-secondary::after {
    background-color: var(--secondary)
}

.img-w-shadow.shadow-tertiary::after {
    background-color: var(--tertiary)
}

.img-w-shadow.shadow-quaternary::after {
    background-color: var(--quaternary)
}

.img-w-shadow.shadow-quinary::after {
    background-color: var(--quinary)
}

.img-w-shadow.shadow-senary::after {
    background-color: var(--senary)
}

.img-w-shadow.shadow-septenary::after {
    background-color: var(--septenary)
}

.img-w-shadow.shadow-light::after {
    background-color: var(--light)
}

.img-w-shadow.shadow-gray::after {
    background-color: var(--gray)
}

.img-w-shadow.shadow-dark::after {
    background-color: var(--dark)
}

.img-w-shadow.shadow-dark-gray::after {
    background-color: var(--dark-gray)
}

@media(min-width: 992px) {
    .img-w-shadow {
        --aspect-ratio: unset;
        height: 86%
    }

    .img-w-shadow::after {
        height: 100%
    }
}

.img-w-shadow .img-container .content {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    text-align: center;
    color: #fff
}

.img-w-shadow .img-container a.content {
    background: #00000045
}

.img-w-shadow .img-container a.content:hover {
    background: #0000005c;
    color: #fff
}

[class^=cta-box] {
    --height: 357px;
    --padding: 1.5rem
}

@media(min-width: 992px) {
    [class^=cta-box] {
        --height: 532px;
        --padding: 2.75rem;
        --min-height: 325px
    }
}

@media(max-width: 992px) {
    [class^=cta-box].cta-mobile-large {
        --height: 466px
    }
}

.cta-box {
    display: flex;
    height: var(--height);
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius)
}

.cta-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,rgba(229,109,177,0) 0%,#52034F 100%);
    opacity: .4
}

.cta-box>picture {
    display: flex;
    height: 100%
}

.cta-box>picture img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cta-box .content {
    display: flex;
    flex-direction: column;
    min-height: var(--min-height);
    height: 100%;
    width: 100%;
    z-index: 2;
    color: #fff;
    padding: var(--padding)
}

@media(min-width: 576px) {
    .cta-box-sm::before {
        content:'';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg,rgba(229,109,177,0) 0%,#52034F 100%);
        opacity: .4
    }

    .cta-box-sm {
        display: flex;
        height: var(--height);
        position: relative;
        overflow: hidden;
        border-radius: var(--border-radius)
    }

    .cta-box-sm>picture {
        display: flex;
        height: 100%
    }

    .cta-box-sm>picture img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .cta-box-sm .content {
        display: flex;
        flex-direction: column;
        min-height: var(--min-height);
        height: 100%;
        width: 100%;
        z-index: 2;
        color: #fff;
        padding: var(--padding)
    }
}

@media(min-width: 768px) {
    .cta-box-md::before {
        content:'';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg,rgba(229,109,177,0) 0%,#52034F 100%);
        opacity: .4
    }

    .cta-box-md {
        display: flex;
        height: var(--height);
        position: relative;
        overflow: hidden;
        border-radius: var(--border-radius)
    }

    .cta-box-md>picture {
        display: flex;
        height: 100%
    }

    .cta-box-md>picture img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .cta-box-md .content {
        display: flex;
        flex-direction: column;
        min-height: var(--min-height);
        height: 100%;
        width: 100%;
        z-index: 2;
        color: #fff;
        padding: var(--padding)
    }
}

@media(min-width: 992px) {
    .cta-box-lg::before {
        content:'';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg,rgba(229,109,177,0) 0%,#52034F 100%);
        opacity: .4
    }

    .cta-box-lg {
        display: flex;
        height: var(--height);
        position: relative;
        overflow: hidden;
        border-radius: var(--border-radius)
    }

    .cta-box-lg>picture {
        display: flex;
        height: 100%
    }

    .cta-box-lg>picture img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .cta-box-lg .content {
        display: flex;
        flex-direction: column;
        min-height: var(--min-height);
        height: 100%;
        width: 100%;
        z-index: 2;
        color: #fff;
        padding: var(--padding)
    }
}

@media(min-width: 1200px) {
    .cta-box-xl::before {
        content:'';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg,rgba(229,109,177,0) 0%,#52034F 100%);
        opacity: .4
    }

    .cta-box-xl {
        display: flex;
        height: var(--height);
        position: relative;
        overflow: hidden;
        border-radius: var(--border-radius)
    }

    .cta-box-xl>picture {
        display: flex;
        height: 100%
    }

    .cta-box-xl>picture img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .cta-box-xl .content {
        display: flex;
        flex-direction: column;
        min-height: var(--min-height);
        height: 100%;
        width: 100%;
        z-index: 2;
        color: #fff;
        padding: var(--padding)
    }
}

@media(min-width: 1400px) {
    .cta-box-xxl::before {
        content:'';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg,rgba(229,109,177,0) 0%,#52034F 100%);
        opacity: .4
    }

    .cta-box-xxl {
        display: flex;
        height: var(--height);
        position: relative;
        overflow: hidden;
        border-radius: var(--border-radius)
    }

    .cta-box-xxl>picture {
        display: flex;
        height: 100%
    }

    .cta-box-xxl>picture img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .cta-box-xxl .content {
        display: flex;
        flex-direction: column;
        min-height: var(--min-height);
        height: 100%;
        width: 100%;
        z-index: 2;
        color: #fff;
        padding: var(--padding)
    }
}

.icon-left {
    position: relative
}

.icon-left.icon-inline {
    margin-left: .83em
}

.icon-left img {
    width: .67em;
    position: absolute;
    left: -.83em;
    top: .15em
}

.icon-semi-inline {
    position: relative;
    margin-left: .46em
}

.icon-semi-inline img {
    width: 1.05em;
    position: absolute;
    left: -.46em;
    top: 0
}

.icon-semi-inline span {
    position: relative;
    z-index: 1
}

.wi-testimonials-video-slider .item .video-player .video-poster-img {
    max-height: unset;
    aspect-ratio: 2.11;
    object-position: top center
}

.wi-testimonials-video-slider .item .author {
    font-size: var(--p-font-size);
    line-height: var(--p-line-height);
    font-weight: var(--p-font-weight);
    margin-bottom: 0;
    font-family: var(--font-secondary)
}

.wi-testimonials-video-slider-parent .see-all {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: static;
    color: var(--primary);
    font-weight: 800;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: calc(var(--p-margin-bottom) * 2.5)
}

.wi-testimonials-video-slider-parent .see-all:hover {
    color: var(--secondary)
}

@media(min-width: 992px) {
    .wi-testimonials-video-slider-parent .see-all {
        position:absolute;
        bottom: -30px;
        right: 0
    }
}

.video-player {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    border-radius: var(--border-radius)
}

.video-player picture {
    width: 100%
}

.video-player .video-poster-img {
    width: 100%;
    max-height: 350px;
    object-fit: cover
}

.video-player::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .3;
    background: var(--primary)
}

.video-player:hover .video-poster-img {
    box-shadow: 1px 0 10px #000;
    transition: box-shadow .15s ease-in-out
}

.video-player .video-play-btn {
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    line-height: var(--h4-line-height);
    font-family: var(--font-primary);
    text-transform: uppercase;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff
}

.video-player .video-play-btn i {
    font-size: 54px;
    display: inline-block;
    margin-bottom: 7px
}

@media(min-width: 992px) {
    .video-player .video-poster-img {
        width:100%;
        max-height: 640px
    }
}

.slick-dots {
    position: absolute!important;
    text-align: left;
    bottom: -35px
}

.slick-dots li {
    margin-right: 5px;
    margin-left: 0
}

.slick-dots li button {
    width: auto;
    height: auto;
    padding: 0
}

.slick-dots li button:before {
    content: '';
    font-weight: 900;
    font-size: 35px;
    background-color: var(--primary-rgba-translucent);
    height: 7px;
    border-radius: 10px;
    width: 21px;
    opacity: 1
}

.slick-dots li.slick-active button:before {
    color: var(--tertiary);
    background-color: var(--primary);
    opacity: 1
}

.wi-faqs-accordion-1 .accordion-item {
    border: none;
    background-color: transparent;
    border-bottom: 1px solid var(--quinary)
}

.wi-faqs-accordion-1 .accordion-item:last-of-type .accordion-button.collapsed,.wi-faqs-accordion-1 .accordion-item:last-of-type {
    border-radius: unset!important
}

.wi-faqs-accordion-1 .accordion-button,.wi-faqs-accordion-1 .accordion-button:not(.collapsed) {
    padding: 1.25rem 0;
    border: none;
    background-color: transparent;
    box-shadow: none;
    font-size: inherit
}

.wi-faqs-accordion-1 .accordion-button:focus {
    border-color: transparent;
    box-shadow: unset
}

.wi-faqs-accordion-1 .accordion-button:after {
    content: "";
    background-image: unset;
    color: var(--quinary);
    font-size: 17px;
    height: 17px;
    line-height: 17px;
    font-weight: 900;
    font-family: "font awesome 6 pro"
}

.wi-faqs-accordion-1 .accordion-button:not(.collapsed):after {
    background-image: unset;
    content: "";
    transform: unset;
    font-size: 17px;
    line-height: 17px;
    height: 17px
}

.wi-faqs-accordion-1 .accordion-item:first-child .accordion-header .accordion-button {
    padding-top: 0
}

.wi-faqs-accordion-1 .accordion-body {
    padding: 0 0 1.25rem
}

.wi-faqs-accordion-1 .accordion-button,.wi-faqs-accordion-1 .accordion-body {
    color: #fff
}

.wi-faqs-accordion-1 .accordion-body *:last-child {
    margin-bottom: 0
}

.borders-rounded {
    border-radius: var(--border-radius)
}

@media(min-width: 576px) {
    .borders-sm-rounded {
        border-radius:var(--border-radius)
    }
}

@media(min-width: 768px) {
    .borders-md-rounded {
        border-radius:var(--border-radius)
    }
}

@media(min-width: 992px) {
    .borders-lg-rounded {
        border-radius:var(--border-radius)
    }
}

@media(min-width: 1200px) {
    .borders-xl-rounded {
        border-radius:var(--border-radius)
    }
}

@media(min-width: 1400px) {
    .borders-xxl-rounded {
        border-radius:var(--border-radius)
    }
}

.wi-team .tmember {
    display: flex;
    aspect-ratio: .7787878788;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius)
}

.wi-team .tmember picture {
    display: flex;
    height: 100%
}

.wi-team .tmember picture img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.wi-team .name {
    display: flex;
    justify-content: center;
    align-items: center;
    filter: drop-shadow(0px 4px 6px rgba(0,0,0,0.2));
    position: relative;
    left: 0;
    bottom: 21px;
    position: absolute
}

.drop-shadow {
    filter: drop-shadow(0px 4px 6px rgba(0,0,0,0.2))
}

.drop-shadow-none {
    filter: unset
}

@media(min-width: 576px) {
    .drop-shadow-sm {
        filter:drop-shadow(0px 4px 6px rgba(0,0,0,0.2))
    }

    .drop-shadow-none-sm {
        filter: unset
    }
}

@media(min-width: 768px) {
    .drop-shadow-md {
        filter:drop-shadow(0px 4px 6px rgba(0,0,0,0.2))
    }

    .drop-shadow-none-md {
        filter: unset
    }
}

@media(min-width: 992px) {
    .drop-shadow-lg {
        filter:drop-shadow(0px 4px 6px rgba(0,0,0,0.2))
    }

    .drop-shadow-none-lg {
        filter: unset
    }
}

@media(min-width: 1200px) {
    .drop-shadow-xl {
        filter:drop-shadow(0px 4px 6px rgba(0,0,0,0.2))
    }

    .drop-shadow-none-xl {
        filter: unset
    }
}

@media(min-width: 1400px) {
    .drop-shadow-xxl {
        filter:drop-shadow(0px 4px 6px rgba(0,0,0,0.2))
    }

    .drop-shadow-none-xxl {
        filter: unset
    }
}

.box-shadow {
    box-shadow: 0 8px 25px 0 rgba(0,0,0,.15)
}

.horizontal-scroll,.horizontal-scroll-mobile {
    --horizontal-scroll-offset: 0px
}

.horizontal-scroll .scroll-overlay:before,.horizontal-scroll .scroll-overlay:after {
    content: '';
    height: 100%;
    width: 20px;
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: .8
}

.horizontal-scroll .scroll-overlay:before {
    left: 0
}

.horizontal-scroll .scroll-overlay:after {
    right: 0
}

@media(min-width: 992px) {
    .horizontal-scroll .scroll-overlay:before,.horizontal-scroll .scroll-overlay:after {
        width:calc((100vw - var(--container-w))/2 + var(--horizontal-scroll-offset))
    }
}

.horizontal-scroll .overflow {
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width: 576px) {
    .horizontal-scroll .overflow {
        padding-left:calc((100vw - var(--container-w))/2 + var(--horizontal-scroll-offset));
        padding-right: calc((100vw - var(--container-w))/2 + var(--horizontal-scroll-offset))
    }
}

.horizontal-scroll .overflow:hover {
    cursor: default
}

.horizontal-scroll .overflow:not(.hide-scrollbar)::-webkit-scrollbar {
    display: block;
    height: 10px;
    transition: transform .3s ease;
    border-radius: 100px
}

.horizontal-scroll .overflow:not(.hide-scrollbar)::-webkit-scrollbar-thumb {
    background-color: #707272;
    border-radius: 100px
}

.horizontal-scroll .overflow:not(.hide-scrollbar)::-webkit-scrollbar-track-piece {
    background-color: rgba(112,114,114,.5);
    border-radius: 100px
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-primary::-webkit-scrollbar-thumb {
    background-color: var(--primary)
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-primary::-webkit-scrollbar-track-piece {
    background-color: var(--primary-rgba-translucent)
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-secondary::-webkit-scrollbar-thumb {
    background-color: var(--secondary)
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-secondary::-webkit-scrollbar-track-piece {
    background-color: var(--secondary-rgba-translucent)
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-tertiary::-webkit-scrollbar-thumb {
    background-color: var(--tertiary)
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-tertiary::-webkit-scrollbar-track-piece {
    background-color: var(--tertiary-rgba-translucent)
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-quaternary::-webkit-scrollbar-thumb {
    background-color: var(--quaternary)
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-quaternary::-webkit-scrollbar-track-piece {
    background-color: var(--quaternary-rgba-translucent)
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-quinary::-webkit-scrollbar-thumb {
    background-color: var(--quinary)
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-quinary::-webkit-scrollbar-track-piece {
    background-color: var(--quinary-rgba-translucent)
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-senary::-webkit-scrollbar-thumb {
    background-color: var(--senary)
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-senary::-webkit-scrollbar-track-piece {
    background-color: var(--senary-rgba-translucent)
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-septenary::-webkit-scrollbar-thumb {
    background-color: var(--septenary)
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-septenary::-webkit-scrollbar-track-piece {
    background-color: var(--septenary-rgba-translucent)
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-thumb {
    background-color: var(--light)
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-track-piece {
    background-color: var(--light-rgba-translucent)
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-gray::-webkit-scrollbar-thumb {
    background-color: var(--gray)
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-gray::-webkit-scrollbar-track-piece {
    background-color: var(--gray-rgba-translucent)
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-dark::-webkit-scrollbar-thumb {
    background-color: var(--dark)
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-dark::-webkit-scrollbar-track-piece {
    background-color: var(--dark-rgba-translucent)
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-dark-gray::-webkit-scrollbar-thumb {
    background-color: var(--dark-gray)
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-dark-gray::-webkit-scrollbar-track-piece {
    background-color: var(--dark-gray-rgba-translucent)
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-thumb {
    background-color: #fff
}

.horizontal-scroll .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-track-piece {
    background-color: rgba(255,255,255,.5)
}

.horizontal-scroll .overflow::-webkit-scrollbar-track-piece:start {
    margin-left: 20px
}

.horizontal-scroll .overflow::-webkit-scrollbar-track-piece:end {
    margin-right: 20px
}

@media(min-width: 992px) {
    .horizontal-scroll .overflow::-webkit-scrollbar-track-piece:start {
        margin-left:calc((100vw - var(--container-w))/2 + var(--horizontal-scroll-offset) + 12px)
    }

    .horizontal-scroll .overflow::-webkit-scrollbar-track-piece:end {
        margin-right: calc((100vw - var(--container-w))/2 + var(--horizontal-scroll-offset) + 12px)
    }
}

@media(max-width: 992px) {
    .horizontal-scroll-mobile {
        width:100%!important;
        padding-right: var(--bs-gutter-x,0.75rem)!important;
        padding-left: var(--bs-gutter-x,0.75rem)!important;
        margin-right: auto!important;
        margin-left: auto!important;
        max-width: unset!important
    }

    .horizontal-scroll-mobile .scroll-overlay:before,.horizontal-scroll .scroll-overlay:after {
        content: '';
        height: 100%;
        width: 20px;
        position: absolute;
        z-index: 2;
        top: 0;
        bottom: 0;
        background: #fff;
        opacity: .8
    }

    .horizontal-scroll-mobile .scroll-overlay:before {
        left: 0
    }

    .horizontal-scroll-mobile .scroll-overlay:after {
        right: 0
    }

    .horizontal-scroll-mobile .overflow {
        flex-wrap: nowrap;
        overflow-x: scroll;
        padding-left: 20px;
        padding-right: 20px
    }

    .horizontal-scroll-mobile .overflow {
        padding-left: calc((100vw - var(--container-w))/2 + var(--horizontal-scroll-offset));
        padding-right: calc((100vw - var(--container-w))/2 + var(--horizontal-scroll-offset))
    }

    .horizontal-scroll-mobile .overflow:hover {
        cursor: default
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar)::-webkit-scrollbar {
        display: block;
        height: 4px;
        transition: transform .3s ease
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar)::-webkit-scrollbar-thumb {
        background-color: #707272
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar)::-webkit-scrollbar-track-piece {
        background-color: rgba(112,114,114,.5)
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-primary::-webkit-scrollbar-thumb {
        background-color: var(--primary)
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-primary::-webkit-scrollbar-track-piece {
        background-color: var(--primary-rgba-translucent)
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-secondary::-webkit-scrollbar-thumb {
        background-color: var(--secondary)
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-secondary::-webkit-scrollbar-track-piece {
        background-color: var(--secondary-rgba-translucent)
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-tertiary::-webkit-scrollbar-thumb {
        background-color: var(--tertiary)
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-tertiary::-webkit-scrollbar-track-piece {
        background-color: var(--tertiary-rgba-translucent)
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-quaternary::-webkit-scrollbar-thumb {
        background-color: var(--quaternary)
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-quaternary::-webkit-scrollbar-track-piece {
        background-color: var(--quaternary-rgba-translucent)
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-quinary::-webkit-scrollbar-thumb {
        background-color: var(--quinary)
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-quinary::-webkit-scrollbar-track-piece {
        background-color: var(--quinary-rgba-translucent)
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-senary::-webkit-scrollbar-thumb {
        background-color: var(--senary)
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-senary::-webkit-scrollbar-track-piece {
        background-color: var(--senary-rgba-translucent)
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-septenary::-webkit-scrollbar-thumb {
        background-color: var(--septenary)
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-septenary::-webkit-scrollbar-track-piece {
        background-color: var(--septenary-rgba-translucent)
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-thumb {
        background-color: var(--light)
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-track-piece {
        background-color: var(--light-rgba-translucent)
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-gray::-webkit-scrollbar-thumb {
        background-color: var(--gray)
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-gray::-webkit-scrollbar-track-piece {
        background-color: var(--gray-rgba-translucent)
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-dark::-webkit-scrollbar-thumb {
        background-color: var(--dark)
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-dark::-webkit-scrollbar-track-piece {
        background-color: var(--dark-rgba-translucent)
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-dark-gray::-webkit-scrollbar-thumb {
        background-color: var(--dark-gray)
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-dark-gray::-webkit-scrollbar-track-piece {
        background-color: var(--dark-gray-rgba-translucent)
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-thumb {
        background-color: #fff
    }

    .horizontal-scroll-mobile .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-track-piece {
        background-color: rgba(255,255,255,.5)
    }

    .horizontal-scroll-mobile .overflow::-webkit-scrollbar-track-piece:start {
        margin-left: calc((100vw - var(--container-w))/2 + var(--horizontal-scroll-offset) + (var(--bs-gutter-x)/2))
    }

    .horizontal-scroll-mobile .overflow::-webkit-scrollbar-track-piece:end {
        margin-right: calc((100vw - var(--container-w))/2 + var(--horizontal-scroll-offset) + (var(--bs-gutter-x)/2))
    }
}

@media(max-width: 576px) {
    .horizontal-scroll-mobile {
        --horizontal-scroll-offset: 0
    }

    .horizontal-scroll-mobile .scroll-overlay:before,.horizontal-scroll-mobile .scroll-overlay:after {
        width: 10px
    }

    .horizontal-scroll-mobile .overflow::-webkit-scrollbar-track-piece:start {
        margin-left: calc(10px + var(--bs-gutter-x)/2)
    }

    .horizontal-scroll-mobile .overflow::-webkit-scrollbar-track-piece:end {
        margin-right: calc(10px + var(--bs-gutter-x)/2)
    }
}

.wi-badges-simple-1 .col img {
    max-height: 125px
}

@media(max-width: 992px) {
    .wi-badges-simple-1 .col {
        flex:0 0 auto;
        width: 33.33333333%
    }

    .wi-badges-simple-1 .col img {
        max-height: 100px
    }
}

.cn-subnav-highlight h2 {
    margin-left: .55em
}

.cn-subnav-highlight h2>span img {
    width: 1.136em;
    max-height: 1.136em;
    position: absolute;
    left: -.53em;
    bottom: -.13em
}

.cn-subnav-highlight h2>span span {
    z-index: 1;
    position: relative
}

.cn-subnav-highlight .img-w-shadow {
    height: unset
}

.wi-intro-slider {
    padding: 0!important
}

.wi-intro-slider .is-container {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.wi-intro-slider .carousel-inner .carousel-item {
    height: 681px;
    width: 100%;
    padding-top: calc(var(--nav-mobile-height) + var(--nav-tert-height) + var(--top-bar,0px) + var(--section-unit));
    padding-bottom: 194px
}

@media(min-width: 992px) {
    .wi-intro-slider .carousel-inner .carousel-item {
        height:840px;
        padding-top: calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar,0px) + var(--section-unit));
        padding-bottom: var(--section-unit)
    }
}

.wi-intro-slider .carousel-inner .carousel-item.overlay-primary::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #49003961
}

.wi-intro-slider .carousel-inner .carousel-item.overlay-secondary::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #017aab80
}

.wi-intro-slider .carousel-item {
    background-position: 90% 50%
}

@media(min-width: 992px) {
    .wi-intro-slider .carousel-inner .carousel-item.overlay-secondary::before {
        background:linear-gradient(90deg,#017aab9c 0%,rgba(44,204,211,0) 100%)
    }

    .wi-intro-slider .carousel-inner .carousel-item.overlay-primary::before {
        background: linear-gradient(90deg,#49003999 0%,rgba(73,0,57,0) 100%)
    }

    .wi-intro-slider .carousel-item {
        background-position: 100% 50%
    }
}

footer ul {
    column-count: 2
}

form .row {
    --bs-gutter-x: 10px
}

form .form-group:not(:last-child) {
    margin-bottom: 12px
}

form .form-group label {
    font-size: 11px;
    line-height: 13px;
    font-weight: 400;
    font-family: var(--font-secondary);
    position: absolute;
    top: 4px;
    left: calc(var(--bs-gutter-x) * 0.5 + 6px)
}

form .form-group .form-control {
    border-radius: 8px;
    padding-top: 16px;
    padding-left: 6px;
    font-size: 13px;
    border: unset;
    background-color: #fff
}

form .form-group textarea.form-control {
    min-height: 178px!important
}

form .form-control:focus {
    border-radius: var(--border-radius)
}

form .form-control:-webkit-autofill,form .form-control:-webkit-autofill:hover,form .form-control:-webkit-autofill:focus,form .form-control:-webkit-autofill:active {
    border-radius: var(--border-radius)
}

form .form-group label {
    color: var(--dark)
}

form .form-group .form-control {
    color: var(--secondary)
}

form .form-control:-webkit-autofill,form .form-control:-webkit-autofill:hover,form .form-control:-webkit-autofill:focus,form .form-control:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #fff inset!important;
    -webkit-text-fill-color: var(--secondary)!important
}

form .form-control:focus {
    box-shadow: 0 0 0 .25rem rgba(255,255,255,.25)
}

.bg-primary form .form-group label {
    color: #fff
}

.bg-primary form .form-group .form-control {
    background: #733a7d;
    border-color: #733a7d;
    color: #fff
}

.bg-primary form .form-control:-webkit-autofill,.bg-primary form .form-control:-webkit-autofill:hover,.bg-primary form .form-control:-webkit-autofill:focus,.bg-primary form .form-control:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #374046 inset!important;
    -webkit-text-fill-color: #fff!important
}

.bg-primary form .form-control:focus {
    box-shadow: 0 0 0 0.25rem rgb(var(--secondary-rgb-format)/25%)
}

footer form .btn,.bg-dark form .btn,.bg-primary form .btn,.bg-secondary form .btn,.bg-tertiary form .btn,.bg-senary form .btn,.bg-septenary form .btn,.bg-quaternary form .btn,.bg-quinary form .btn {
    background-color: unset;
    color: #fff;
    border-color: #fff
}

:root {
    --dark: black
}

body {
    color: #000
}

.text-dark {
    color: var(--dark)
}

.bg-primary-light {
    background-color: #eee6f1
}

.bg-secondary-light {
    background-color: rgba(var(--secondary-rgb-format)/15%)
}

.bg-tertiary-light {
    background-color: rgba(var(--tertiary-rgb-format)/15%)
}

.bg-quaternary-light {
    background-color: rgba(var(--quaternary-rgb-format)/15%)
}

.bg-quinary-light {
    background-color: rgba(var(--quinary-rgb-format)/15%)
}

.bg-senary-light {
    background-color: rgba(var(--senary-rgb-format)/15%)
}

.bg-septenary-light {
    background-color: rgba(var(--septenary-rgb-format)/15%)
}

.bg-light-light {
    background-color: rgba(var(--light-rgb-format)/15%)
}

.bg-gray-light {
    background-color: rgba(var(--gray-rgb-format)/15%)
}

.bg-dark-light {
    background-color: rgba(var(--dark-rgb-format)/15%)
}

.bg-dark-gray-light {
    background-color: rgba(var(--dark-gray-rgb-format)/15%)
}

.bg-secondary-to-tertiary {
    background: linear-gradient(270deg,#2CCCD3 0%,#008BC4 100%)
}

.bg-primary-to-senary {
    background: linear-gradient(270deg,#E56DB1 0%,#8C4799 100%)
}

.bg-576px-secondary-to-tertiary {
    background: linear-gradient(270deg,#2CCCD3 0%,#008BC4 100%)
}

.bg-576px-primary-to-senary {
    background: linear-gradient(270deg,#E56DB1 0%,#8C4799 100%)
}

.bg-768px-secondary-to-tertiary {
    background: linear-gradient(270deg,#2CCCD3 0%,#008BC4 100%)
}

.bg-768px-primary-to-senary {
    background: linear-gradient(270deg,#E56DB1 0%,#8C4799 100%)
}

.bg-992px-secondary-to-tertiary {
    background: linear-gradient(270deg,#2CCCD3 0%,#008BC4 100%)
}

.bg-992px-primary-to-senary {
    background: linear-gradient(270deg,#E56DB1 0%,#8C4799 100%)
}

.bg-1200px-secondary-to-tertiary {
    background: linear-gradient(270deg,#2CCCD3 0%,#008BC4 100%)
}

.bg-1200px-primary-to-senary {
    background: linear-gradient(270deg,#E56DB1 0%,#8C4799 100%)
}

.bg-1400px-secondary-to-tertiary {
    background: linear-gradient(270deg,#2CCCD3 0%,#008BC4 100%)
}

.bg-1400px-primary-to-senary {
    background: linear-gradient(270deg,#E56DB1 0%,#8C4799 100%)
}

.bg-horizontal-split-septenary-primary {
    background: linear-gradient(to top,var(--primary) 0%,var(--primary) 50%,var(--septenary) 50%,var(--septenary) 100%)
}

.bg-septenary-primay-overlap {
    background: linear-gradient(to top,var(--primary) 0%,var(--primary) 92%,var(--septenary) 50%,var(--septenary) 100%)
}

@media(max-width: 992px) {
    .bg-horizontal-split-septenary-primary {
        background:var(--primary)
    }
}

.wi-pricing-slider .pricing-control {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    height: 55px;
    position: relative;
    border-radius: 50px;
    border: 1px solid var(--primary)
}

.wi-pricing-slider .pricing-control:hover {
    cursor: pointer
}

.wi-pricing-slider .pricing-control div {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    height: 100%;
    min-width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 50px;
    text-transform: uppercase;
    color: var(--primary);
    font-family: var(--font-secondary);
    font-size: 17px;
    font-weight: 700
}

.wi-pricing-slider .pricing-control div.active {
    background-color: var(--primary);
    color: #fff
}

.wi-pricing-slider .pricing-control div:first-child {
    left: 0
}

.wi-pricing-slider .pricing-control div:last-child {
    right: 0
}

.wi-pricing-slider .pricing-control div span {
    margin-top: 2px
}

.wi-pricing-slider .pricing-content {
    display: grid;
    grid-template-columns: 1fr
}

.wi-pricing-slider .pricing-content>div {
    grid-row-start: 1;
    grid-column-start: 1;
    width: 100%;
    opacity: 0;
    z-index: 0
}

.wi-pricing-slider .pricing-content>div.active {
    opacity: 1;
    z-index: 1
}

.wi-pricing-slider .pricing-content .price {
    font-size: 6.25rem;
    line-height: .7
}

.wi-pricing-slider>div .pricing-content {
    display: grid;
    grid-template-columns: 1fr;
    position: relative;
    justify-items: center
}

.wi-pricing-slider .slick-track>div .pricing-content::before {
    width: 73px;
    position: absolute;
    top: -10px
}

.wi-pricing-slider .slick-track>div .well-container,.wi-pricing-slider .slick-track>div .well-container .well {
    height: 100%
}

.wi-pricing-slider .slick-track>div:nth-child(5n) .pricing-content::before {
    content: url(/oak/files/icons/RnR_Square_Teal.svg)
}

.wi-pricing-slider .slick-track>div:nth-child(5n+1) .pricing-content::before {
    content: url(/oak/files/icons/RnR_Square_Green.svg)
}

.wi-pricing-slider .slick-track>div:nth-child(5n+2) .pricing-content::before {
    content: url(/oak/files/icons/RnR_Square_Yellow.svg)
}

.wi-pricing-slider .slick-track>div:nth-child(5n+3) .pricing-content::before {
    content: url(/oak/files/icons/RnR_Square_Periwinkle.svg)
}

.wi-pricing-slider .slick-track>div:nth-child(5n+4) .pricing-content::before {
    content: url(/oak/files/icons/RnR_Square_Pink.svg)
}

.wi-pricing-slider .slick-track {
    display: flex
}

.wi-pricing-slider .slick-list {
    padding: 0;
    overflow: visible
}

.wi-pricing-slider .slick-list .slick-slide {
    padding: 0 calc(var(--bs-gutter-x) * .5);
    height: unset;
    min-height: unset
}

.wi-pricing-slider.slick-slider .slick-prev,.wi-pricing-slider.slick-slider .slick-next {
    top: -72px
}

.wi-pricing-slider.slick-slider .slick-next {
    right: 11px
}

.wi-pricing-slider.slick-slider .slick-prev {
    left: 11px
}

.wi-pricing-slider.slick-slider .slick-next::before,.wi-pricing-slider.slick-slider .slick-prev::before {
    font-family: 'font awesome 6 pro';
    font-weight: 600;
    font-size: 40px
}

.wi-pricing-slider.slick-slider .slick-next::before {
    content: ''
}

.wi-pricing-slider.slick-slider .slick-prev::before {
    content: ''
}

@media(min-width: 992px) {
    .wi-pricing-slider .slick-track>div:nth-child(even) .well-container {
        padding-bottom:54px
    }

    .wi-pricing-slider .slick-track>div:nth-child(odd) .well-container {
        padding-top: 54px
    }
}

h1.line-span,.h1.line-span {
    display: flex;
    width: 100%
}

h1.line-span::after,.h1.line-span::after {
    content: '';
    display: inline-block;
    flex: .98;
    height: 7px;
    margin-top: auto;
    margin-left: auto;
    margin-bottom: 24px;
    border-radius: 100px
}

h2.line-span,.h2.line-span {
    display: flex;
    width: 100%
}

h2.line-span::after,.h2.line-span::after {
    content: '';
    display: inline-block;
    flex: .98;
    height: 7px;
    margin-top: auto;
    margin-left: auto;
    margin-bottom: 24px;
    border-radius: 100px
}

h3.line-span,.h3.line-span {
    display: flex;
    width: 100%
}

h3.line-span::after,.h3.line-span::after {
    content: '';
    display: inline-block;
    flex: .98;
    height: 7px;
    margin-top: auto;
    margin-left: auto;
    margin-bottom: 24px;
    border-radius: 100px
}

h4.line-span,.h4.line-span {
    display: flex;
    width: 100%
}

h4.line-span::after,.h4.line-span::after {
    content: '';
    display: inline-block;
    flex: .98;
    height: 7px;
    margin-top: auto;
    margin-left: auto;
    margin-bottom: 24px;
    border-radius: 100px
}

h5.line-span,.h5.line-span {
    display: flex;
    width: 100%
}

h5.line-span::after,.h5.line-span::after {
    content: '';
    display: inline-block;
    flex: .98;
    height: 7px;
    margin-top: auto;
    margin-left: auto;
    margin-bottom: 24px;
    border-radius: 100px
}

h6.line-span,.h6.line-span {
    display: flex;
    width: 100%
}

h6.line-span::after,.h6.line-span::after {
    content: '';
    display: inline-block;
    flex: .98;
    height: 7px;
    margin-top: auto;
    margin-left: auto;
    margin-bottom: 24px;
    border-radius: 100px
}

@media(max-width: 576px) {
    h1.line-span::after,.h1.line-span::after {
        content:'';
        display: inline-block;
        width: 100%;
        height: 7px;
        margin-top: auto;
        margin-left: auto;
        margin-bottom: 0;
        position: absolute;
        bottom: -18px
    }

    h2.line-span::after,.h2.line-span::after {
        content: '';
        display: inline-block;
        width: 100%;
        height: 7px;
        margin-top: auto;
        margin-left: auto;
        margin-bottom: 0;
        position: absolute;
        bottom: -18px
    }

    h3.line-span::after,.h3.line-span::after {
        content: '';
        display: inline-block;
        width: 100%;
        height: 7px;
        margin-top: auto;
        margin-left: auto;
        margin-bottom: 0;
        position: absolute;
        bottom: -18px
    }

    h4.line-span::after,.h4.line-span::after {
        content: '';
        display: inline-block;
        width: 100%;
        height: 7px;
        margin-top: auto;
        margin-left: auto;
        margin-bottom: 0;
        position: absolute;
        bottom: -18px
    }

    h5.line-span::after,.h5.line-span::after {
        content: '';
        display: inline-block;
        width: 100%;
        height: 7px;
        margin-top: auto;
        margin-left: auto;
        margin-bottom: 0;
        position: absolute;
        bottom: -18px
    }

    h6.line-span::after,.h6.line-span::after {
        content: '';
        display: inline-block;
        width: 100%;
        height: 7px;
        margin-top: auto;
        margin-left: auto;
        margin-bottom: 0;
        position: absolute;
        bottom: -18px
    }
}

.line-span::after {
    background: linear-gradient(270deg,var(--senary) 0%,var(--primary) 100%)
}

.line-span.line-span-primary::after {
    background-color: #8c4799
}

.line-span.line-span-secondary::after {
    background-color: #008bc4
}

.line-span.line-span-tertiary::after {
    background-color: #2cccd3
}

.line-span.line-span-quaternary::after {
    background-color: #a4d65e
}

.line-span.line-span-quinary::after {
    background-color: #f9e267
}

.line-span.line-span-senary::after {
    background-color: #e56db1
}

.line-span.line-span-septenary::after {
    background-color: #98b6e4
}

.line-span.line-span-light::after {
    background-color: #fff
}

.line-span.line-span-gray::after {
    background-color: #f8f9fa
}

.line-span.line-span-dark::after {
    background-color: #212529
}

.line-span.line-span-dark-gray::after {
    background-color: #5f5f5f
}

@media(max-width: 992px) {
    .line-span-desktop::after {
        display:none!important
    }
}

body {
    --view-width: calc(100vw - (100vw - 100%))
}

.lr-section {
    --lr-margin: calc(calc(var(--view-width) - var(--container-w)) / 2);
    display: flex;
    flex-wrap: wrap;
    padding: 0!important
}

.lr-section>div[class*=col-] {
    padding: calc(var(--unit) * 4.6875) 0
}

section.lr-section:first-child>div[class*=col-] {
    padding-top: calc(var(--nav-mobile-height) + calc(var(--unit) * 4.6875))
}

.skew {
    overflow: hidden;
    position: relative
}

.skew:before {
    content: '';
    display: inline-block;
    height: 100%;
    width: 100vw;
    position: absolute;
    bottom: 0;
    background-color: var(--primary)
}

.skew.top-right:before {
    left: 100%;
    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: 992px) {
    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>[class*=col-] .lr-content-sm {
        width:var(--container-w);
        margin: 0 auto;
        padding-left: 12px;
        padding-right: 12px
    }

    .lr-section>.col-sm-1 {
        --col-sm-1: calc(var(--container-w) * 0.083333);
        width: calc(var(--col-sm-1) + var(--lr-margin))
    }

    .lr-section>.col-sm-1 .lr-content {
        width: var(--col-sm-1)
    }

    .lr-section>.col-sm-1:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-sm-1:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-sm-1 .lr-content-sm {
        width: var(--col-sm-1)
    }

    .lr-section>.col-sm-1:first-child .lr-content-sm {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-sm-1:last-child .lr-content-sm {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-sm-2 {
        --col-sm-2: calc(var(--container-w) * 0.166666);
        width: calc(var(--col-sm-2) + var(--lr-margin))
    }

    .lr-section>.col-sm-2 .lr-content {
        width: var(--col-sm-2)
    }

    .lr-section>.col-sm-2:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-sm-2:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-sm-2 .lr-content-sm {
        width: var(--col-sm-2)
    }

    .lr-section>.col-sm-2:first-child .lr-content-sm {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-sm-2:last-child .lr-content-sm {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-sm-3 {
        --col-sm-3: calc(var(--container-w) * 0.249999);
        width: calc(var(--col-sm-3) + var(--lr-margin))
    }

    .lr-section>.col-sm-3 .lr-content {
        width: var(--col-sm-3)
    }

    .lr-section>.col-sm-3:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-sm-3:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-sm-3 .lr-content-sm {
        width: var(--col-sm-3)
    }

    .lr-section>.col-sm-3:first-child .lr-content-sm {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-sm-3:last-child .lr-content-sm {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-sm-4 {
        --col-sm-4: calc(var(--container-w) * 0.333332);
        width: calc(var(--col-sm-4) + var(--lr-margin))
    }

    .lr-section>.col-sm-4 .lr-content {
        width: var(--col-sm-4)
    }

    .lr-section>.col-sm-4:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-sm-4:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-sm-4 .lr-content-sm {
        width: var(--col-sm-4)
    }

    .lr-section>.col-sm-4:first-child .lr-content-sm {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-sm-4:last-child .lr-content-sm {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-sm-5 {
        --col-sm-5: calc(var(--container-w) * 0.416665);
        width: calc(var(--col-sm-5) + var(--lr-margin))
    }

    .lr-section>.col-sm-5 .lr-content {
        width: var(--col-sm-5)
    }

    .lr-section>.col-sm-5:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-sm-5:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-sm-5 .lr-content-sm {
        width: var(--col-sm-5)
    }

    .lr-section>.col-sm-5:first-child .lr-content-sm {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-sm-5:last-child .lr-content-sm {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-sm-6 {
        --col-sm-6: calc(var(--container-w) * 0.499998);
        width: calc(var(--col-sm-6) + var(--lr-margin))
    }

    .lr-section>.col-sm-6 .lr-content {
        width: var(--col-sm-6)
    }

    .lr-section>.col-sm-6:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-sm-6:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-sm-6 .lr-content-sm {
        width: var(--col-sm-6)
    }

    .lr-section>.col-sm-6:first-child .lr-content-sm {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-sm-6:last-child .lr-content-sm {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-sm-7 {
        --col-sm-7: calc(var(--container-w) * 0.583331);
        width: calc(var(--col-sm-7) + var(--lr-margin))
    }

    .lr-section>.col-sm-7 .lr-content {
        width: var(--col-sm-7)
    }

    .lr-section>.col-sm-7:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-sm-7:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-sm-7 .lr-content-sm {
        width: var(--col-sm-7)
    }

    .lr-section>.col-sm-7:first-child .lr-content-sm {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-sm-7:last-child .lr-content-sm {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-sm-8 {
        --col-sm-8: calc(var(--container-w) * 0.666664);
        width: calc(var(--col-sm-8) + var(--lr-margin))
    }

    .lr-section>.col-sm-8 .lr-content {
        width: var(--col-sm-8)
    }

    .lr-section>.col-sm-8:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-sm-8:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-sm-8 .lr-content-sm {
        width: var(--col-sm-8)
    }

    .lr-section>.col-sm-8:first-child .lr-content-sm {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-sm-8:last-child .lr-content-sm {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-sm-9 {
        --col-sm-9: calc(var(--container-w) * 0.749997);
        width: calc(var(--col-sm-9) + var(--lr-margin))
    }

    .lr-section>.col-sm-9 .lr-content {
        width: var(--col-sm-9)
    }

    .lr-section>.col-sm-9:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-sm-9:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-sm-9 .lr-content-sm {
        width: var(--col-sm-9)
    }

    .lr-section>.col-sm-9:first-child .lr-content-sm {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-sm-9:last-child .lr-content-sm {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-sm-10 {
        --col-sm-10: calc(var(--container-w) * 0.83333);
        width: calc(var(--col-sm-10) + var(--lr-margin))
    }

    .lr-section>.col-sm-10 .lr-content {
        width: var(--col-sm-10)
    }

    .lr-section>.col-sm-10:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-sm-10:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-sm-10 .lr-content-sm {
        width: var(--col-sm-10)
    }

    .lr-section>.col-sm-10:first-child .lr-content-sm {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-sm-10:last-child .lr-content-sm {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-sm-11 {
        --col-sm-11: calc(var(--container-w) * 0.916663);
        width: calc(var(--col-sm-11) + var(--lr-margin))
    }

    .lr-section>.col-sm-11 .lr-content {
        width: var(--col-sm-11)
    }

    .lr-section>.col-sm-11:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-sm-11:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-sm-11 .lr-content-sm {
        width: var(--col-sm-11)
    }

    .lr-section>.col-sm-11:first-child .lr-content-sm {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-sm-11:last-child .lr-content-sm {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-sm-12 {
        --col-sm-12: calc(var(--container-w) * 0.999996);
        width: calc(var(--col-sm-12) + var(--lr-margin))
    }

    .lr-section>.col-sm-12 .lr-content {
        width: var(--col-sm-12)
    }

    .lr-section>.col-sm-12:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-sm-12:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-sm-12 .lr-content-sm {
        width: var(--col-sm-12)
    }

    .lr-section>.col-sm-12:first-child .lr-content-sm {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-sm-12:last-child .lr-content-sm {
        margin-right: auto;
        margin-left: 0
    }
}

@media(min-width: 768px) {
    .lr-section>[class*=col-] .lr-content-md {
        width:var(--container-w);
        margin: 0 auto;
        padding-left: 12px;
        padding-right: 12px
    }

    .lr-section>.col-md-1 {
        --col-md-1: calc(var(--container-w) * 0.083333);
        width: calc(var(--col-md-1) + var(--lr-margin))
    }

    .lr-section>.col-md-1 .lr-content {
        width: var(--col-md-1)
    }

    .lr-section>.col-md-1:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-md-1:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-md-1 .lr-content-md {
        width: var(--col-md-1)
    }

    .lr-section>.col-md-1:first-child .lr-content-md {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-md-1:last-child .lr-content-md {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-md-2 {
        --col-md-2: calc(var(--container-w) * 0.166666);
        width: calc(var(--col-md-2) + var(--lr-margin))
    }

    .lr-section>.col-md-2 .lr-content {
        width: var(--col-md-2)
    }

    .lr-section>.col-md-2:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-md-2:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-md-2 .lr-content-md {
        width: var(--col-md-2)
    }

    .lr-section>.col-md-2:first-child .lr-content-md {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-md-2:last-child .lr-content-md {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-md-3 {
        --col-md-3: calc(var(--container-w) * 0.249999);
        width: calc(var(--col-md-3) + var(--lr-margin))
    }

    .lr-section>.col-md-3 .lr-content {
        width: var(--col-md-3)
    }

    .lr-section>.col-md-3:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-md-3:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-md-3 .lr-content-md {
        width: var(--col-md-3)
    }

    .lr-section>.col-md-3:first-child .lr-content-md {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-md-3:last-child .lr-content-md {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-md-4 {
        --col-md-4: calc(var(--container-w) * 0.333332);
        width: calc(var(--col-md-4) + var(--lr-margin))
    }

    .lr-section>.col-md-4 .lr-content {
        width: var(--col-md-4)
    }

    .lr-section>.col-md-4:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-md-4:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-md-4 .lr-content-md {
        width: var(--col-md-4)
    }

    .lr-section>.col-md-4:first-child .lr-content-md {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-md-4:last-child .lr-content-md {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-md-5 {
        --col-md-5: calc(var(--container-w) * 0.416665);
        width: calc(var(--col-md-5) + var(--lr-margin))
    }

    .lr-section>.col-md-5 .lr-content {
        width: var(--col-md-5)
    }

    .lr-section>.col-md-5:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-md-5:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-md-5 .lr-content-md {
        width: var(--col-md-5)
    }

    .lr-section>.col-md-5:first-child .lr-content-md {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-md-5:last-child .lr-content-md {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-md-6 {
        --col-md-6: calc(var(--container-w) * 0.499998);
        width: calc(var(--col-md-6) + var(--lr-margin))
    }

    .lr-section>.col-md-6 .lr-content {
        width: var(--col-md-6)
    }

    .lr-section>.col-md-6:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-md-6:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-md-6 .lr-content-md {
        width: var(--col-md-6)
    }

    .lr-section>.col-md-6:first-child .lr-content-md {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-md-6:last-child .lr-content-md {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-md-7 {
        --col-md-7: calc(var(--container-w) * 0.583331);
        width: calc(var(--col-md-7) + var(--lr-margin))
    }

    .lr-section>.col-md-7 .lr-content {
        width: var(--col-md-7)
    }

    .lr-section>.col-md-7:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-md-7:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-md-7 .lr-content-md {
        width: var(--col-md-7)
    }

    .lr-section>.col-md-7:first-child .lr-content-md {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-md-7:last-child .lr-content-md {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-md-8 {
        --col-md-8: calc(var(--container-w) * 0.666664);
        width: calc(var(--col-md-8) + var(--lr-margin))
    }

    .lr-section>.col-md-8 .lr-content {
        width: var(--col-md-8)
    }

    .lr-section>.col-md-8:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-md-8:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-md-8 .lr-content-md {
        width: var(--col-md-8)
    }

    .lr-section>.col-md-8:first-child .lr-content-md {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-md-8:last-child .lr-content-md {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-md-9 {
        --col-md-9: calc(var(--container-w) * 0.749997);
        width: calc(var(--col-md-9) + var(--lr-margin))
    }

    .lr-section>.col-md-9 .lr-content {
        width: var(--col-md-9)
    }

    .lr-section>.col-md-9:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-md-9:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-md-9 .lr-content-md {
        width: var(--col-md-9)
    }

    .lr-section>.col-md-9:first-child .lr-content-md {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-md-9:last-child .lr-content-md {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-md-10 {
        --col-md-10: calc(var(--container-w) * 0.83333);
        width: calc(var(--col-md-10) + var(--lr-margin))
    }

    .lr-section>.col-md-10 .lr-content {
        width: var(--col-md-10)
    }

    .lr-section>.col-md-10:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-md-10:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-md-10 .lr-content-md {
        width: var(--col-md-10)
    }

    .lr-section>.col-md-10:first-child .lr-content-md {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-md-10:last-child .lr-content-md {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-md-11 {
        --col-md-11: calc(var(--container-w) * 0.916663);
        width: calc(var(--col-md-11) + var(--lr-margin))
    }

    .lr-section>.col-md-11 .lr-content {
        width: var(--col-md-11)
    }

    .lr-section>.col-md-11:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-md-11:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-md-11 .lr-content-md {
        width: var(--col-md-11)
    }

    .lr-section>.col-md-11:first-child .lr-content-md {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-md-11:last-child .lr-content-md {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-md-12 {
        --col-md-12: calc(var(--container-w) * 0.999996);
        width: calc(var(--col-md-12) + var(--lr-margin))
    }

    .lr-section>.col-md-12 .lr-content {
        width: var(--col-md-12)
    }

    .lr-section>.col-md-12:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-md-12:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-md-12 .lr-content-md {
        width: var(--col-md-12)
    }

    .lr-section>.col-md-12:first-child .lr-content-md {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-md-12:last-child .lr-content-md {
        margin-right: auto;
        margin-left: 0
    }
}

@media(min-width: 992px) {
    .lr-section>[class*=col-] .lr-content-lg {
        width:var(--container-w);
        margin: 0 auto;
        padding-left: 12px;
        padding-right: 12px
    }

    .lr-section>.col-lg-1 {
        --col-lg-1: calc(var(--container-w) * 0.083333);
        width: calc(var(--col-lg-1) + var(--lr-margin))
    }

    .lr-section>.col-lg-1 .lr-content {
        width: var(--col-lg-1)
    }

    .lr-section>.col-lg-1:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-lg-1:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-lg-1 .lr-content-lg {
        width: var(--col-lg-1)
    }

    .lr-section>.col-lg-1:first-child .lr-content-lg {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-lg-1:last-child .lr-content-lg {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-lg-2 {
        --col-lg-2: calc(var(--container-w) * 0.166666);
        width: calc(var(--col-lg-2) + var(--lr-margin))
    }

    .lr-section>.col-lg-2 .lr-content {
        width: var(--col-lg-2)
    }

    .lr-section>.col-lg-2:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-lg-2:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-lg-2 .lr-content-lg {
        width: var(--col-lg-2)
    }

    .lr-section>.col-lg-2:first-child .lr-content-lg {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-lg-2:last-child .lr-content-lg {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-lg-3 {
        --col-lg-3: calc(var(--container-w) * 0.249999);
        width: calc(var(--col-lg-3) + var(--lr-margin))
    }

    .lr-section>.col-lg-3 .lr-content {
        width: var(--col-lg-3)
    }

    .lr-section>.col-lg-3:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-lg-3:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-lg-3 .lr-content-lg {
        width: var(--col-lg-3)
    }

    .lr-section>.col-lg-3:first-child .lr-content-lg {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-lg-3:last-child .lr-content-lg {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-lg-4 {
        --col-lg-4: calc(var(--container-w) * 0.333332);
        width: calc(var(--col-lg-4) + var(--lr-margin))
    }

    .lr-section>.col-lg-4 .lr-content {
        width: var(--col-lg-4)
    }

    .lr-section>.col-lg-4:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-lg-4:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-lg-4 .lr-content-lg {
        width: var(--col-lg-4)
    }

    .lr-section>.col-lg-4:first-child .lr-content-lg {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-lg-4:last-child .lr-content-lg {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-lg-5 {
        --col-lg-5: calc(var(--container-w) * 0.416665);
        width: calc(var(--col-lg-5) + var(--lr-margin))
    }

    .lr-section>.col-lg-5 .lr-content {
        width: var(--col-lg-5)
    }

    .lr-section>.col-lg-5:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-lg-5:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-lg-5 .lr-content-lg {
        width: var(--col-lg-5)
    }

    .lr-section>.col-lg-5:first-child .lr-content-lg {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-lg-5:last-child .lr-content-lg {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-lg-6 {
        --col-lg-6: calc(var(--container-w) * 0.499998);
        width: calc(var(--col-lg-6) + var(--lr-margin))
    }

    .lr-section>.col-lg-6 .lr-content {
        width: var(--col-lg-6)
    }

    .lr-section>.col-lg-6:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-lg-6:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-lg-6 .lr-content-lg {
        width: var(--col-lg-6)
    }

    .lr-section>.col-lg-6:first-child .lr-content-lg {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-lg-6:last-child .lr-content-lg {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-lg-7 {
        --col-lg-7: calc(var(--container-w) * 0.583331);
        width: calc(var(--col-lg-7) + var(--lr-margin))
    }

    .lr-section>.col-lg-7 .lr-content {
        width: var(--col-lg-7)
    }

    .lr-section>.col-lg-7:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-lg-7:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-lg-7 .lr-content-lg {
        width: var(--col-lg-7)
    }

    .lr-section>.col-lg-7:first-child .lr-content-lg {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-lg-7:last-child .lr-content-lg {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-lg-8 {
        --col-lg-8: calc(var(--container-w) * 0.666664);
        width: calc(var(--col-lg-8) + var(--lr-margin))
    }

    .lr-section>.col-lg-8 .lr-content {
        width: var(--col-lg-8)
    }

    .lr-section>.col-lg-8:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-lg-8:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-lg-8 .lr-content-lg {
        width: var(--col-lg-8)
    }

    .lr-section>.col-lg-8:first-child .lr-content-lg {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-lg-8:last-child .lr-content-lg {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-lg-9 {
        --col-lg-9: calc(var(--container-w) * 0.749997);
        width: calc(var(--col-lg-9) + var(--lr-margin))
    }

    .lr-section>.col-lg-9 .lr-content {
        width: var(--col-lg-9)
    }

    .lr-section>.col-lg-9:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-lg-9:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-lg-9 .lr-content-lg {
        width: var(--col-lg-9)
    }

    .lr-section>.col-lg-9:first-child .lr-content-lg {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-lg-9:last-child .lr-content-lg {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-lg-10 {
        --col-lg-10: calc(var(--container-w) * 0.83333);
        width: calc(var(--col-lg-10) + var(--lr-margin))
    }

    .lr-section>.col-lg-10 .lr-content {
        width: var(--col-lg-10)
    }

    .lr-section>.col-lg-10:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-lg-10:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-lg-10 .lr-content-lg {
        width: var(--col-lg-10)
    }

    .lr-section>.col-lg-10:first-child .lr-content-lg {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-lg-10:last-child .lr-content-lg {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-lg-11 {
        --col-lg-11: calc(var(--container-w) * 0.916663);
        width: calc(var(--col-lg-11) + var(--lr-margin))
    }

    .lr-section>.col-lg-11 .lr-content {
        width: var(--col-lg-11)
    }

    .lr-section>.col-lg-11:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-lg-11:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-lg-11 .lr-content-lg {
        width: var(--col-lg-11)
    }

    .lr-section>.col-lg-11:first-child .lr-content-lg {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-lg-11:last-child .lr-content-lg {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-lg-12 {
        --col-lg-12: calc(var(--container-w) * 0.999996);
        width: calc(var(--col-lg-12) + var(--lr-margin))
    }

    .lr-section>.col-lg-12 .lr-content {
        width: var(--col-lg-12)
    }

    .lr-section>.col-lg-12:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-lg-12:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-lg-12 .lr-content-lg {
        width: var(--col-lg-12)
    }

    .lr-section>.col-lg-12:first-child .lr-content-lg {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-lg-12:last-child .lr-content-lg {
        margin-right: auto;
        margin-left: 0
    }
}

@media(min-width: 1200px) {
    .lr-section>[class*=col-] .lr-content-xl {
        width:var(--container-w);
        margin: 0 auto;
        padding-left: 12px;
        padding-right: 12px
    }

    .lr-section>.col-xl-1 {
        --col-xl-1: calc(var(--container-w) * 0.083333);
        width: calc(var(--col-xl-1) + var(--lr-margin))
    }

    .lr-section>.col-xl-1 .lr-content {
        width: var(--col-xl-1)
    }

    .lr-section>.col-xl-1:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xl-1:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xl-1 .lr-content-xl {
        width: var(--col-xl-1)
    }

    .lr-section>.col-xl-1:first-child .lr-content-xl {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xl-1:last-child .lr-content-xl {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xl-2 {
        --col-xl-2: calc(var(--container-w) * 0.166666);
        width: calc(var(--col-xl-2) + var(--lr-margin))
    }

    .lr-section>.col-xl-2 .lr-content {
        width: var(--col-xl-2)
    }

    .lr-section>.col-xl-2:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xl-2:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xl-2 .lr-content-xl {
        width: var(--col-xl-2)
    }

    .lr-section>.col-xl-2:first-child .lr-content-xl {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xl-2:last-child .lr-content-xl {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xl-3 {
        --col-xl-3: calc(var(--container-w) * 0.249999);
        width: calc(var(--col-xl-3) + var(--lr-margin))
    }

    .lr-section>.col-xl-3 .lr-content {
        width: var(--col-xl-3)
    }

    .lr-section>.col-xl-3:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xl-3:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xl-3 .lr-content-xl {
        width: var(--col-xl-3)
    }

    .lr-section>.col-xl-3:first-child .lr-content-xl {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xl-3:last-child .lr-content-xl {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xl-4 {
        --col-xl-4: calc(var(--container-w) * 0.333332);
        width: calc(var(--col-xl-4) + var(--lr-margin))
    }

    .lr-section>.col-xl-4 .lr-content {
        width: var(--col-xl-4)
    }

    .lr-section>.col-xl-4:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xl-4:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xl-4 .lr-content-xl {
        width: var(--col-xl-4)
    }

    .lr-section>.col-xl-4:first-child .lr-content-xl {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xl-4:last-child .lr-content-xl {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xl-5 {
        --col-xl-5: calc(var(--container-w) * 0.416665);
        width: calc(var(--col-xl-5) + var(--lr-margin))
    }

    .lr-section>.col-xl-5 .lr-content {
        width: var(--col-xl-5)
    }

    .lr-section>.col-xl-5:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xl-5:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xl-5 .lr-content-xl {
        width: var(--col-xl-5)
    }

    .lr-section>.col-xl-5:first-child .lr-content-xl {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xl-5:last-child .lr-content-xl {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xl-6 {
        --col-xl-6: calc(var(--container-w) * 0.499998);
        width: calc(var(--col-xl-6) + var(--lr-margin))
    }

    .lr-section>.col-xl-6 .lr-content {
        width: var(--col-xl-6)
    }

    .lr-section>.col-xl-6:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xl-6:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xl-6 .lr-content-xl {
        width: var(--col-xl-6)
    }

    .lr-section>.col-xl-6:first-child .lr-content-xl {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xl-6:last-child .lr-content-xl {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xl-7 {
        --col-xl-7: calc(var(--container-w) * 0.583331);
        width: calc(var(--col-xl-7) + var(--lr-margin))
    }

    .lr-section>.col-xl-7 .lr-content {
        width: var(--col-xl-7)
    }

    .lr-section>.col-xl-7:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xl-7:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xl-7 .lr-content-xl {
        width: var(--col-xl-7)
    }

    .lr-section>.col-xl-7:first-child .lr-content-xl {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xl-7:last-child .lr-content-xl {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xl-8 {
        --col-xl-8: calc(var(--container-w) * 0.666664);
        width: calc(var(--col-xl-8) + var(--lr-margin))
    }

    .lr-section>.col-xl-8 .lr-content {
        width: var(--col-xl-8)
    }

    .lr-section>.col-xl-8:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xl-8:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xl-8 .lr-content-xl {
        width: var(--col-xl-8)
    }

    .lr-section>.col-xl-8:first-child .lr-content-xl {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xl-8:last-child .lr-content-xl {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xl-9 {
        --col-xl-9: calc(var(--container-w) * 0.749997);
        width: calc(var(--col-xl-9) + var(--lr-margin))
    }

    .lr-section>.col-xl-9 .lr-content {
        width: var(--col-xl-9)
    }

    .lr-section>.col-xl-9:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xl-9:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xl-9 .lr-content-xl {
        width: var(--col-xl-9)
    }

    .lr-section>.col-xl-9:first-child .lr-content-xl {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xl-9:last-child .lr-content-xl {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xl-10 {
        --col-xl-10: calc(var(--container-w) * 0.83333);
        width: calc(var(--col-xl-10) + var(--lr-margin))
    }

    .lr-section>.col-xl-10 .lr-content {
        width: var(--col-xl-10)
    }

    .lr-section>.col-xl-10:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xl-10:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xl-10 .lr-content-xl {
        width: var(--col-xl-10)
    }

    .lr-section>.col-xl-10:first-child .lr-content-xl {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xl-10:last-child .lr-content-xl {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xl-11 {
        --col-xl-11: calc(var(--container-w) * 0.916663);
        width: calc(var(--col-xl-11) + var(--lr-margin))
    }

    .lr-section>.col-xl-11 .lr-content {
        width: var(--col-xl-11)
    }

    .lr-section>.col-xl-11:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xl-11:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xl-11 .lr-content-xl {
        width: var(--col-xl-11)
    }

    .lr-section>.col-xl-11:first-child .lr-content-xl {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xl-11:last-child .lr-content-xl {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xl-12 {
        --col-xl-12: calc(var(--container-w) * 0.999996);
        width: calc(var(--col-xl-12) + var(--lr-margin))
    }

    .lr-section>.col-xl-12 .lr-content {
        width: var(--col-xl-12)
    }

    .lr-section>.col-xl-12:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xl-12:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xl-12 .lr-content-xl {
        width: var(--col-xl-12)
    }

    .lr-section>.col-xl-12:first-child .lr-content-xl {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xl-12:last-child .lr-content-xl {
        margin-right: auto;
        margin-left: 0
    }
}

@media(min-width: 1400px) {
    .lr-section>[class*=col-] .lr-content-xxl {
        width:var(--container-w);
        margin: 0 auto;
        padding-left: 12px;
        padding-right: 12px
    }

    .lr-section>.col-xxl-1 {
        --col-xxl-1: calc(var(--container-w) * 0.083333);
        width: calc(var(--col-xxl-1) + var(--lr-margin))
    }

    .lr-section>.col-xxl-1 .lr-content {
        width: var(--col-xxl-1)
    }

    .lr-section>.col-xxl-1:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xxl-1:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xxl-1 .lr-content-xxl {
        width: var(--col-xxl-1)
    }

    .lr-section>.col-xxl-1:first-child .lr-content-xxl {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xxl-1:last-child .lr-content-xxl {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xxl-2 {
        --col-xxl-2: calc(var(--container-w) * 0.166666);
        width: calc(var(--col-xxl-2) + var(--lr-margin))
    }

    .lr-section>.col-xxl-2 .lr-content {
        width: var(--col-xxl-2)
    }

    .lr-section>.col-xxl-2:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xxl-2:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xxl-2 .lr-content-xxl {
        width: var(--col-xxl-2)
    }

    .lr-section>.col-xxl-2:first-child .lr-content-xxl {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xxl-2:last-child .lr-content-xxl {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xxl-3 {
        --col-xxl-3: calc(var(--container-w) * 0.249999);
        width: calc(var(--col-xxl-3) + var(--lr-margin))
    }

    .lr-section>.col-xxl-3 .lr-content {
        width: var(--col-xxl-3)
    }

    .lr-section>.col-xxl-3:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xxl-3:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xxl-3 .lr-content-xxl {
        width: var(--col-xxl-3)
    }

    .lr-section>.col-xxl-3:first-child .lr-content-xxl {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xxl-3:last-child .lr-content-xxl {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xxl-4 {
        --col-xxl-4: calc(var(--container-w) * 0.333332);
        width: calc(var(--col-xxl-4) + var(--lr-margin))
    }

    .lr-section>.col-xxl-4 .lr-content {
        width: var(--col-xxl-4)
    }

    .lr-section>.col-xxl-4:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xxl-4:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xxl-4 .lr-content-xxl {
        width: var(--col-xxl-4)
    }

    .lr-section>.col-xxl-4:first-child .lr-content-xxl {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xxl-4:last-child .lr-content-xxl {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xxl-5 {
        --col-xxl-5: calc(var(--container-w) * 0.416665);
        width: calc(var(--col-xxl-5) + var(--lr-margin))
    }

    .lr-section>.col-xxl-5 .lr-content {
        width: var(--col-xxl-5)
    }

    .lr-section>.col-xxl-5:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xxl-5:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xxl-5 .lr-content-xxl {
        width: var(--col-xxl-5)
    }

    .lr-section>.col-xxl-5:first-child .lr-content-xxl {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xxl-5:last-child .lr-content-xxl {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xxl-6 {
        --col-xxl-6: calc(var(--container-w) * 0.499998);
        width: calc(var(--col-xxl-6) + var(--lr-margin))
    }

    .lr-section>.col-xxl-6 .lr-content {
        width: var(--col-xxl-6)
    }

    .lr-section>.col-xxl-6:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xxl-6:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xxl-6 .lr-content-xxl {
        width: var(--col-xxl-6)
    }

    .lr-section>.col-xxl-6:first-child .lr-content-xxl {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xxl-6:last-child .lr-content-xxl {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xxl-7 {
        --col-xxl-7: calc(var(--container-w) * 0.583331);
        width: calc(var(--col-xxl-7) + var(--lr-margin))
    }

    .lr-section>.col-xxl-7 .lr-content {
        width: var(--col-xxl-7)
    }

    .lr-section>.col-xxl-7:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xxl-7:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xxl-7 .lr-content-xxl {
        width: var(--col-xxl-7)
    }

    .lr-section>.col-xxl-7:first-child .lr-content-xxl {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xxl-7:last-child .lr-content-xxl {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xxl-8 {
        --col-xxl-8: calc(var(--container-w) * 0.666664);
        width: calc(var(--col-xxl-8) + var(--lr-margin))
    }

    .lr-section>.col-xxl-8 .lr-content {
        width: var(--col-xxl-8)
    }

    .lr-section>.col-xxl-8:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xxl-8:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xxl-8 .lr-content-xxl {
        width: var(--col-xxl-8)
    }

    .lr-section>.col-xxl-8:first-child .lr-content-xxl {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xxl-8:last-child .lr-content-xxl {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xxl-9 {
        --col-xxl-9: calc(var(--container-w) * 0.749997);
        width: calc(var(--col-xxl-9) + var(--lr-margin))
    }

    .lr-section>.col-xxl-9 .lr-content {
        width: var(--col-xxl-9)
    }

    .lr-section>.col-xxl-9:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xxl-9:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xxl-9 .lr-content-xxl {
        width: var(--col-xxl-9)
    }

    .lr-section>.col-xxl-9:first-child .lr-content-xxl {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xxl-9:last-child .lr-content-xxl {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xxl-10 {
        --col-xxl-10: calc(var(--container-w) * 0.83333);
        width: calc(var(--col-xxl-10) + var(--lr-margin))
    }

    .lr-section>.col-xxl-10 .lr-content {
        width: var(--col-xxl-10)
    }

    .lr-section>.col-xxl-10:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xxl-10:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xxl-10 .lr-content-xxl {
        width: var(--col-xxl-10)
    }

    .lr-section>.col-xxl-10:first-child .lr-content-xxl {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xxl-10:last-child .lr-content-xxl {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xxl-11 {
        --col-xxl-11: calc(var(--container-w) * 0.916663);
        width: calc(var(--col-xxl-11) + var(--lr-margin))
    }

    .lr-section>.col-xxl-11 .lr-content {
        width: var(--col-xxl-11)
    }

    .lr-section>.col-xxl-11:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xxl-11:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xxl-11 .lr-content-xxl {
        width: var(--col-xxl-11)
    }

    .lr-section>.col-xxl-11:first-child .lr-content-xxl {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xxl-11:last-child .lr-content-xxl {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xxl-12 {
        --col-xxl-12: calc(var(--container-w) * 0.999996);
        width: calc(var(--col-xxl-12) + var(--lr-margin))
    }

    .lr-section>.col-xxl-12 .lr-content {
        width: var(--col-xxl-12)
    }

    .lr-section>.col-xxl-12:first-child .lr-content {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xxl-12:last-child .lr-content {
        margin-right: auto;
        margin-left: 0
    }

    .lr-section>.col-xxl-12 .lr-content-xxl {
        width: var(--col-xxl-12)
    }

    .lr-section>.col-xxl-12:first-child .lr-content-xxl {
        margin-left: auto;
        margin-right: 0
    }

    .lr-section>.col-xxl-12:last-child .lr-content-xxl {
        margin-right: auto;
        margin-left: 0
    }
}

@media(min-width: 992px) {
    .lr-section>div.bg-secondary[class*=col-]+div.bg-img {
        overflow:hidden;
        display: flex;
        align-items: center;
        padding: 0;
        position: relative
    }

    .lr-section>div.bg-secondary[class*=col-]+div.bg-img::before {
        content: '';
        background: var(--secondary);
        height: 150%;
        width: 500px;
        border-right: 20px solid var(--tertiary);
        border-top-right-radius: 100%;
        border-bottom-right-radius: 100%;
        position: absolute;
        right: calc(100% - 100px)
    }
}

.lr-section.lr-row-reverse {
    flex-direction: row-reverse
}

.lr-section.lr-row {
    flex-direction: row
}

.lr-section.lr-column {
    flex-direction: column
}

.lr-section.lr-column-reverse {
    flex-direction: column-reverse
}

@media(min-width: 576px) {
    .lr-section.lr-sm-row-reverse {
        flex-direction:row-reverse
    }

    .lr-section.lr-sm-row {
        flex-direction: row
    }

    .lr-section.lr-sm-column {
        flex-direction: column
    }

    .lr-section.lr-sm-column-reverse {
        flex-direction: column-reverse
    }
}

@media(min-width: 768px) {
    .lr-section.lr-md-row-reverse {
        flex-direction:row-reverse
    }

    .lr-section.lr-md-row {
        flex-direction: row
    }

    .lr-section.lr-md-column {
        flex-direction: column
    }

    .lr-section.lr-md-column-reverse {
        flex-direction: column-reverse
    }
}

@media(min-width: 992px) {
    .lr-section.lr-lg-row-reverse {
        flex-direction:row-reverse
    }

    .lr-section.lr-lg-row {
        flex-direction: row
    }

    .lr-section.lr-lg-column {
        flex-direction: column
    }

    .lr-section.lr-lg-column-reverse {
        flex-direction: column-reverse
    }
}

@media(min-width: 1200px) {
    .lr-section.lr-xl-row-reverse {
        flex-direction:row-reverse
    }

    .lr-section.lr-xl-row {
        flex-direction: row
    }

    .lr-section.lr-xl-column {
        flex-direction: column
    }

    .lr-section.lr-xl-column-reverse {
        flex-direction: column-reverse
    }
}

@media(min-width: 1400px) {
    .lr-section.lr-xxl-row-reverse {
        flex-direction:row-reverse
    }

    .lr-section.lr-xxl-row {
        flex-direction: row
    }

    .lr-section.lr-xxl-column {
        flex-direction: column
    }

    .lr-section.lr-xxl-column-reverse {
        flex-direction: column-reverse
    }
}

.underline-primary::after {
    background: url(/oak/files/icons/underlines/underline.primary.png)
}

.underline {
    display: inline-flex;
    position: relative
}

.underline::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 10px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 10px;
    background-position: center
}

.underline>span {
    z-index: 1
}

.underline-unset::after {
    content: none
}

@media(min-width: 576px) {
    .underline-sm {
        display:inline-flex;
        position: relative
    }

    .underline-sm::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 10px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: 100% 10px;
        background-position: center
    }

    .underline-sm>span {
        z-index: 1
    }

    .underline-sm-unset::after {
        content: none
    }
}

@media(min-width: 768px) {
    .underline-md {
        display:inline-flex;
        position: relative
    }

    .underline-md::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 10px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: 100% 10px;
        background-position: center
    }

    .underline-md>span {
        z-index: 1
    }

    .underline-md-unset::after {
        content: none
    }
}

@media(min-width: 992px) {
    .underline-lg {
        display:inline-flex;
        position: relative
    }

    .underline-lg::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 10px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: 100% 10px;
        background-position: center
    }

    .underline-lg>span {
        z-index: 1
    }

    .underline-lg-unset::after {
        content: none
    }
}

@media(min-width: 1200px) {
    .underline-xl {
        display:inline-flex;
        position: relative
    }

    .underline-xl::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 10px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: 100% 10px;
        background-position: center
    }

    .underline-xl>span {
        z-index: 1
    }

    .underline-xl-unset::after {
        content: none
    }
}

@media(min-width: 1400px) {
    .underline-xxl {
        display:inline-flex;
        position: relative
    }

    .underline-xxl::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 10px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: 100% 10px;
        background-position: center
    }

    .underline-xxl>span {
        z-index: 1
    }

    .underline-xxl-unset::after {
        content: none
    }
}

#calendar-appointments {
    position: relative;
    content-visibility: visible!important
}

#calendar-appointments * {
    border: unset!important
}

#calendar-appointments .fc-header-toolbar {
    margin-bottom: 12px;
    position: relative
}

#calendar-appointments .fc-header-toolbar .fc-left {
    position: absolute;
    width: 100%;
    z-index: 2
}

#calendar-appointments .fc-header-toolbar .fc-left .btn-group {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between
}

#calendar-appointments .fc-header-toolbar .fc-left .btn-group button {
    padding: 19px;
    background: var(--primary);
    border-radius: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

#calendar-appointments .fc-header-toolbar .fc-left .btn-group button[disabled=disabled],#calendar-appointments .fc-header-toolbar .fc-left>button.disabled {
    opacity: .5
}

#calendar-appointments .fc-header-toolbar .fc-left .btn-group button[disabled=disabled]:hover,#calendar-appointments .fc-header-toolbar .fc-left>button.disabled {
    cursor: not-allowed
}

#calendar-appointments .fc-header-toolbar .fc-left .btn-group button span {
    position: absolute
}

#calendar-appointments .fc-header-toolbar .fc-left>button {
    margin-left: 76px;
    background: unset;
    border: 1px solid var(--primary)!important;
    border-radius: 100px;
    font-family: var(--font-secondary);
    background-color: unset;
    font-weight: 700;
    text-transform: uppercase;
    height: unset;
    padding: 8px 26px 6px 28px;
    color: var(--primary)
}

#calendar-appointments .fc-header-toolbar .fc-right {
    position: relative;
    z-index: 2;
    margin-right: 76px
}

#calendar-appointments .fc-header-toolbar .fc-center {
    position: absolute;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    z-index: 1
}

#calendar-appointments .fc-header-toolbar .fc-center h2 {
    font-size: var(--h3-font-size);
    font-weight: var(--h3-font-weight);
    line-height: var(--h3-line-height);
    --element-line-height: var(--h3-line-height)
}

#calendar-appointments .fc-view-container {
    padding-top: 17px;
    border-top: 1px solid rgba(140,71,153,.15)!important
}

#calendar-appointments.fc-ltr .fc-basic-view .fc-day-top {
    padding: 17px 14px 7px
}

#calendar-appointments.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: unset;
    font-family: var(--font-secondary);
    font-size: 15px;
    font-weight: 600
}

#calendar-appointments .fc-day-header {
    font-family: var(--font-secondary);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .42px;
    padding-bottom: 6px
}

#calendar-appointments .fc-view-container .fc-month-view>table>.fc-body .fc-week>div.fc-bg>table>tbody>tr {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%
}

#calendar-appointments .fc-view-container .fc-month-view>table>.fc-body .fc-week>div.fc-bg td.fc-day {
    flex: 1 1 0;
    background: rgba(var(--primary-rgb-format)/15%);
    border-radius: 15px;
    border: 5px solid #fff!important;
    padding: 12px;
    padding-top: 45px;
    min-width: 0
}

#calendar-appointments .fc-view-container .fc-month-view>table>.fc-body .fc-week>div.fc-bg td.fc-day .day-message .message:not(:has(a)),#calendar-appointments .fc-view-container .fc-month-view>table>.fc-body .fc-week>div.fc-bg td.fc-day .day-message .message a {
    background-color: rgba(var(--primary-rgb-format)/50%);
    border-radius: 30px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    font-family: var(--font-secondary);
    text-transform: uppercase;
    color: #fff;
    padding: 7px 0 4px;
    line-height: 1.2;
    display: flex;
    width: 100%;
    justify-content: center
}

#calendar-appointments .fc-view-container .fc-month-view>table>.fc-body .fc-week>div.fc-bg td.fc-day .day-message .message a {
    background-color: var(--secondary)
}

#calendar-appointments .fc-view-container .fc-month-view>table>.fc-body .fc-week>div.fc-bg td.fc-day.fc-other-month {
    background: unset
}

#calendar-appointments .fc-view-container .fc-month-view>table>.fc-body .fc-week>div td.fc-other-month * {
    display: none!important
}

#calendar-appointments .fc-h-event {
    text-align: center;
    border-radius: 10px;
    background-color: var(--tertiary);
    margin-bottom: 2px
}

#calendar-appointments .fc-h-event .fc-title {
    display: none
}

#calendar-appointments .fc-event-container {
    padding: 0 14px
}

#calendar-appointments .fc-right div:not(.btn-group) button {
    background: unset;
    border: unset
}

#calendar-appointments .fc-right .btn-group {
    border: 1px solid var(--primary)!important;
    border-radius: 100px
}

#calendar-appointments .fc-right .btn-group button {
    color: var(--primary);
    border-radius: 100px;
    font-family: var(--font-secondary);
    background-color: unset;
    font-weight: 700;
    text-transform: uppercase;
    height: unset;
    padding: 8px 25px 6px
}

#calendar-appointments .fc-right .btn-group button.active {
    background-color: var(--primary);
    color: #fff
}

#calendar-appointments .calendar-loading {
    position: absolute;
    background: #ffffff94;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 55px
}

#calendar-appointments .calendar-loading i {
    margin-right: 16px
}

#calendar-appointments .calendar-loading span {
    text-transform: uppercase;
    font-size: var(--h1-font-size);
    font-weight: var(--h1-font-weight);
    line-height: var(--h1-line-height);
    font-family: var(--font-primary)
}

@media(max-width: 992px) {
    #calendar-appointments {
        --padding: 8px;
        --padding-top: 31px
    }

    #calendar-appointments .fc-view-container .fc-month-view>table>.fc-body .fc-week>div.fc-bg td.fc-day {
        padding: 33px 11px 10px;
        border-width: 3px!important;
        border-radius: 10px
    }

    #calendar-appointments .fc-view-container .fc-month-view>table>.fc-body .fc-week>div.fc-bg td.fc-day .day-message .message:not(:has(a)),#calendar-appointments .fc-view-container .fc-month-view>table>.fc-body .fc-week>div.fc-bg td.fc-day .day-message .message a {
        font-size: 12px;
        padding: 3px 0 2px
    }

    #calendar-appointments.fc-ltr .fc-basic-view .fc-day-top {
        padding: 11px 11px 0
    }

    .fc-scroller.fc-day-grid-container {
        height: unset!important
    }

    .fc-day-grid .fc-row {
        height: unset!important;
        display: grid;
        grid-template-columns: 1fr;
        grid-row-start: 1;
        grid-column-start: 1
    }

    .fc-row .fc-bg,.fc-row .fc-content-skeleton {
        position: relative;
        display: flex;
        flex-direction: row;
        grid-row-start: 1;
        grid-column-start: 1
    }

    .fc-row .fc-content-skeleton table tbody tr:last-child .fc-event-container {
        padding-bottom: 10px!important
    }

    #calendar-appointments .fc-view-container {
        overflow-x: scroll;
        padding-bottom: 14px;
        border: 1px solid rgba(140,71,153,.15)!important;
        border-radius: 6px;
        border-bottom: unset!important
    }

    #calendar-appointments .fc-view-container::-webkit-scrollbar {
        display: block;
        height: 10px;
        transition: transform .3s ease;
        border-radius: 100px
    }

    #calendar-appointments .fc-view-container::-webkit-scrollbar-thumb {
        background-color: var(--primary);
        border-radius: 100px
    }

    #calendar-appointments .fc-view-container::-webkit-scrollbar-track-piece {
        background-color: rgba(var(--primary-rgb-format)/50%);
        border-radius: 100px
    }

    #calendar-appointments .fc-view-container>.fc-month-view {
        width: 660px
    }

    #calendar-appointments .fc-header-toolbar .fc-right,#calendar-appointments .fc-header-toolbar .fc-left .fc-today-button {
        visibility: hidden
    }

    #calendar-appointments .fc-event-container {
        padding: 0 13px
    }
}

@media(min-width: 992px) {
    .see-more-mobile-wrapper .see-more-text,.see-more-mobile-wrapper .see-more-text-open {
        display:none
    }
}

@media(max-width: 992px) {
    .see-more-mobile-wrapper {
        position:relative;
        overflow-x: hidden;
        overflow-y: hidden
    }

    .see-more-mobile-wrapper:not(.open) {
        overflow-y: hidden;
        max-height: 240px;
        border-bottom: 3px solid #fff;
        transition: max-height var(--transition)
    }

    .bg-gray .see-more-mobile-wrapper:not(.open) {
        border-color: var(--gray)
    }

    .see-more-mobile-wrapper.open {
        max-height: 3000px;
        padding-bottom: 30px;
        transition: max-height var(--transition)
    }

    .see-more-mobile-wrapper:not(.open):before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100px;
        left: 0;
        bottom: 0;
        z-index: 1;
        background: linear-gradient(177.38deg,rgba(255,255,255,0) 2.19%,#FFFFFF 66.36%)
    }

    .bg-gray .see-more-mobile-wrapper:not(.open):before {
        background: linear-gradient(177.38deg,rgba(247,247,249,0) 2.19%,var(--gray) 66.36%)
    }

    .see-more-mobile-wrapper:not(.open) .see-more-text {
        display: block
    }

    .see-more-mobile-wrapper:not(.open) .see-more-text-open {
        display: none
    }

    .see-more-mobile-wrapper.open .see-more-text {
        display: none
    }

    .see-more-mobile-wrapper.open .see-more-text-open {
        display: block
    }

    .see-more-mobile-wrapper .see-more-text,.see-more-mobile-wrapper .see-more-text-open {
        font-family: var(--font-primary);
        font-weight: 400;
        font-size: 30px;
        line-height: 18px;
        text-transform: uppercase;
        text-align: center;
        color: var(--secondary);
        position: absolute;
        z-index: 2;
        width: 100%;
        bottom: 0
    }

    .see-more-mobile-wrapper .see-more-text:hover,.see-more-mobile-wrapper .see-more-text-open:hover {
        color: var(--secondary);
        transition: all var(--transition);
        cursor: pointer
    }

    .see-more-mobile-wrapper .see-more-text i,.see-more-mobile-wrapper .see-more-text-open i {
        font-size: 26px
    }
}

.see-more-wrapper {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden
}

.see-more-wrapper:not(.open) {
    overflow-y: hidden;
    max-height: 150px;
    border-bottom: 3px solid #fff;
    transition: max-height var(--transition)
}

.see-more-wrapper.see-more-large:not(.open) {
    max-height: 1000px
}

.see-more-wrapper.schedule:not(.open) {
    height: 500px;
    max-height: 1000px
}

.see-more-wrapper.see-more-small:not(.open) {
    max-height: 150px
}

.see-more-wrapper.see-more-hidden:not(.open) {
    max-height: 22px
}

.bg-gray .see-more-wrapper:not(.open) {
    border-color: var(--gray)
}

.see-more-wrapper.open {
    max-height: 3000px;
    padding-bottom: 30px;
    transition: max-height var(--transition)
}

.see-more-wrapper.schedule.open {
    max-height: 7000px
}

.see-more-wrapper.see-more-small.open {
    max-height: 1000px
}

.see-more-wrapper:not(.open):before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(177.38deg,rgba(255,255,255,0) 2.19%,#FFFFFF 66.36%)
}

.bg-gray .see-more-wrapper:not(.open):before {
    background: linear-gradient(177.38deg,rgba(247,247,249,0) 2.19%,var(--gray) 66.36%)
}

.see-more-wrapper:not(.open) .see-more-text {
    display: block
}

.see-more-wrapper:not(.open) .see-more-text-open {
    display: none
}

.see-more-wrapper.open .see-more-text {
    display: none
}

.see-more-wrapper.open .see-more-text-open {
    display: block
}

.see-more-wrapper .see-more-text,.see-more-wrapper .see-more-text-open {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 30px;
    line-height: 18px;
    text-transform: uppercase;
    text-align: center;
    color: var(--secondary);
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 0
}

.see-more-wrapper .see-more-text:hover,.see-more-wrapper .see-more-text-open:hover {
    color: var(--secondary);
    transition: all var(--transition);
    cursor: pointer
}

.see-more-wrapper .see-more-text i,.see-more-wrapper .see-more-text-open i {
    font-size: 26px
}

.anchor-subnav {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.anchor-subnav a {
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    flex-direction: column;
    text-align: center;
    padding: 1.25rem;
    line-height: 1.25;
    flex: 1
}

.anchor-subnav:not(.mobile-2-cols) a:not(:first-child) {
    border-left: 2px solid #fff
}

.anchor-subnav a img {
    height: 30px;
    margin-bottom: .25rem
}

@media(min-width: 992px) {
    .anchor-subnav a {
        flex-direction:row;
        text-align: left;
        flex: unset;
        padding: .75rem 0;
        margin: 0 4rem;
        border-left: unset!important
    }

    .anchor-subnav a img {
        height: 23px;
        margin-right: .5rem;
        margin-bottom: 0
    }

    .anchor-subnav[class*=col-lg-]:not(.col-lg-12) {
        justify-content: space-around
    }

    .anchor-subnav[class*=col-lg-]:not(.col-lg-12) a {
        margin: 0
    }
}

@media(max-width: 992px) {
    .anchor-subnav.mobile-2-cols {
        flex-wrap:wrap;
        padding: 0
    }

    .anchor-subnav.mobile-2-cols a {
        flex: unset;
        width: 50%;
        padding: 1rem
    }

    .anchor-subnav.mobile-2-cols a:nth-child(even) {
        border-left: 2px solid #fff
    }

    .anchor-subnav.mobile-2-cols a:nth-child(1n+3) {
        border-top: 2px solid #fff
    }
}

.tp-enrollments-slider-1.slick-slider .slick-next {
    right: 12px
}

.tp-enrollments-slider-1.slick-slider .slick-prev {
    left: 12px
}

.tp-enrollments-slider-1.slick-slider .slick-next,.tp-enrollments-slider-1.slick-slider .slick-prev {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.tp-enrollments-slider-1.slick-slider .slick-next::before,.tp-enrollments-slider-1.slick-slider .slick-prev::before {
    font-family: 'font awesome 6 pro';
    font-weight: 600;
    font-size: 40px;
    color: var(--secondary)
}

.tp-enrollments-slider-1.slick-slider .slick-arrow:not(.slick-disabled)::before {
    opacity: 1
}

.tp-enrollments-slider-1.slick-slider .slick-next::before {
    content: ''
}

.tp-enrollments-slider-1.slick-slider .slick-prev::before {
    content: ''
}

.tp-enrollments-slider-1 .slick-track {
    display: flex
}

.tp-enrollments-slider-1 .slick-slide {
    padding: 0px calc(var(--bs-gutter-x) * .5);
    flex: 0 0 auto;
    height: unset
}

.tp-enrollments-slider-1 .slick-slide .well {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.wi-pricing-highlight-slider .well.non-control {
    padding: 84px 43px
}

.wi-pricing-highlight-slider .pricing-control {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    height: 55px;
    position: relative;
    border-radius: 50px;
    border: 1px solid var(--primary)
}

.wi-pricing-highlight-slider .pricing-control:hover {
    cursor: pointer
}

.wi-pricing-highlight-slider .pricing-control div {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    height: 100%;
    min-width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 50px;
    text-transform: uppercase;
    color: var(--primary);
    font-family: var(--font-secondary);
    font-size: 17px;
    font-weight: 700
}

.wi-pricing-highlight-slider .pricing-control div.active {
    background-color: var(--primary);
    color: #fff
}

.wi-pricing-highlight-slider .pricing-control div:first-child {
    left: 0
}

.wi-pricing-highlight-slider .pricing-control div:last-child {
    right: 0
}

.wi-pricing-highlight-slider .pricing-control div span {
    margin-top: 2px
}

.wi-pricing-highlight-slider .pricing-content {
    display: grid;
    grid-template-columns: 1fr
}

.wi-pricing-highlight-slider .pricing-content>div {
    grid-row-start: 1;
    grid-column-start: 1;
    width: 100%;
    opacity: 0;
    z-index: 0
}

.wi-pricing-highlight-slider .pricing-content>div.active {
    opacity: 1;
    z-index: 1
}

.wi-pricing-highlight-slider .pricing-content .price {
    font-size: 6.25rem;
    line-height: .7
}

.wi-pricing-highlight-slider>div .pricing-content {
    display: grid;
    grid-template-columns: 1fr;
    position: relative;
    justify-items: center
}

.wi-pricing-highlight-slider .slick-track>div .pricing-content::before {
    width: 73px;
    position: absolute;
    top: -10px
}

.wi-pricing-highlight-slider .slick-track>div .well-container,.wi-pricing-highlight-slider .slick-track>div .well-container .well {
    height: 100%
}

.wi-pricing-highlight-slider .slick-track>div:nth-child(5n) .pricing-content::before {
    content: url(/oak/files/icons/RnR_Square_Teal.svg)
}

.wi-pricing-highlight-slider .slick-track>div:nth-child(5n+1) .pricing-content::before {
    content: url(/oak/files/icons/RnR_Square_Green.svg)
}

.wi-pricing-highlight-slider .slick-track>div:nth-child(5n+2) .pricing-content::before {
    content: url(/oak/files/icons/RnR_Square_Yellow.svg)
}

.wi-pricing-highlight-slider .slick-track>div:nth-child(5n+3) .pricing-content::before {
    content: url(/oak/files/icons/RnR_Square_Periwinkle.svg)
}

.wi-pricing-highlight-slider .slick-track>div:nth-child(5n+4) .pricing-content::before {
    content: url(/oak/files/icons/RnR_Square_Pink.svg)
}

.wi-pricing-highlight-slider .slick-track {
    display: flex
}

.wi-pricing-highlight-slider .slick-list {
    padding: 0
}

.wi-pricing-highlight-slider .slick-list .slick-slide {
    padding: 6px calc(var(--bs-gutter-x) * .5) 20px calc(var(--bs-gutter-x) * .5);
    height: unset;
    min-height: unset
}

.wi-pricing-highlight-slider.slick-slider .slick-next,.wi-pricing-highlight-slider.slick-slider .slick-prev {
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--quaternary);
    padding: 18px;
    border-radius: 100%
}

.wi-pricing-highlight-slider.slick-slider .slick-next {
    right: 0
}

.wi-pricing-highlight-slider.slick-slider .slick-prev {
    left: 0
}

.wi-pricing-highlight-slider.slick-slider .slick-arrow:not(.slick-disabled)::before {
    opacity: 1
}

.wi-pricing-highlight-slider.slick-slider .slick-next::before,.wi-pricing-highlight-slider.slick-slider .slick-prev::before {
    font-family: 'font awesome 6 pro';
    font-weight: 600;
    font-size: 32px;
    color: #fff
}

.wi-pricing-highlight-slider.slick-slider .slick-next::before {
    content: ''
}

.wi-pricing-highlight-slider.slick-slider .slick-prev::before {
    content: ''
}

.wi-pricing-highlight-slider .well {
    box-shadow: 0 6px 11px 0 rgba(0,0,0,.15)
}

[d-check*="{"],[d-check=""] {
    display: none!important
}

.wi-pricing-group-control .pricing-control {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    height: 55px;
    position: relative;
    border-radius: 50px;
    border: 1px solid var(--primary)
}

.wi-pricing-group-control .pricing-control:hover {
    cursor: pointer
}

.wi-pricing-group-control .pricing-control div {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    height: 100%;
    min-width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 50px;
    text-transform: uppercase;
    color: var(--primary);
    font-family: var(--font-secondary);
    font-size: 17px;
    font-weight: 700
}

.wi-pricing-group-control .pricing-control div.active {
    background-color: var(--primary);
    color: #fff
}

.wi-pricing-group-control .pricing-control div:first-child {
    left: 0
}

.wi-pricing-group-control .pricing-control div:last-child {
    right: 0
}

.wi-pricing-group-control .pricing-control div span {
    margin-top: 2px
}

.wi-pricing-group .pricing-content {
    display: grid;
    grid-template-columns: 1fr
}

.wi-pricing-group .pricing-content>div {
    grid-row-start: 1;
    grid-column-start: 1;
    width: 100%;
    opacity: 0;
    z-index: 0
}

.wi-pricing-group .pricing-content>div.active {
    opacity: 1;
    z-index: 1
}

.wi-pricing-group .pricing-content .price {
    font-size: 6.25rem;
    line-height: .7
}

.wi-pricing-group>div .pricing-content {
    display: grid;
    grid-template-columns: 1fr;
    position: relative;
    justify-items: center
}

.wi-pricing-group>div .pricing-content::before {
    width: 73px;
    position: absolute;
    top: -10px
}

.wi-pricing-group>div .well-container,.wi-pricing-group>div .well-container .well {
    height: 100%
}

.wi-pricing-group>div:nth-child(5n) .pricing-content::before {
    content: url(/oak/files/icons/RnR_Square_Teal.svg)
}

.wi-pricing-group>div:nth-child(5n+1) .pricing-content::before {
    content: url(/oak/files/icons/RnR_Square_Green.svg)
}

.wi-pricing-group>div:nth-child(5n+2) .pricing-content::before {
    content: url(/oak/files/icons/RnR_Square_Yellow.svg)
}

.wi-pricing-group>div:nth-child(5n+3) .pricing-content::before {
    content: url(/oak/files/icons/RnR_Square_Periwinkle.svg)
}

.wi-pricing-group>div:nth-child(5n+4) .pricing-content::before {
    content: url(/oak/files/icons/RnR_Square_Pink.svg)
}

.wi-pricing-group .well {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.wi-pricing-group>.sold-out {
    display: none
}

.wi-pricing-group>.sold-out .well::before {
    content: 'Sold Out';
    font-family: var(--font-secondary);
    text-transform: uppercase;
    color: #fff;
    background-color: #000;
    padding: 12px 30px 10px;
    border-radius: 100px;
    position: absolute;
    top: -24px;
    font-weight: 800;
    font-size: 17px
}

.wi-pricing-group>.sold-out .well>* {
    opacity: .4
}

@media(min-width: 992px) {
    .wi-pricing-group>.sold-out {
        display:block
    }

    .wi-pricing-group-control[f-name="Membership Options"]+.container-fluid .wi-pricing-group>div:nth-child(even) .well-container {
        padding-bottom: 54px
    }

    .wi-pricing-group-control[f-name="Membership Options"]+.container-fluid .wi-pricing-group>div:nth-child(odd) .well-container {
        padding-top: 54px
    }

    .wi-pricing-group .well {
        padding: 48px 43px
    }
}

.wi-pricing-table {
    width: 100%;
    border-radius: var(--border-radius);
    border: 1px solid rgba(var(--primary-rgb-format)/25%);
    overflow: hidden
}

.wi-pricing-table .thead {
    background-color: rgba(var(--primary-rgb-format)/15%)
}

.wi-pricing-table .trow:not(:nth-of-type(2)) {
    border-top: 1px solid rgba(var(--primary-rgb-format)/25%)
}

.wi-pricing-table .thead,.wi-pricing-table .trow {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.wi-pricing-table .thead>div,.wi-pricing-table .trow>div {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    font-size: var(--h3-font-size);
    font-family: var(--font-primary);
    font-weight: var(--h3-font-weight);
    line-height: var(--h3-line-height)
}

.wi-pricing-table>div>div:nth-child(1n) {
    text-align: left;
    width: 69.99%
}

.wi-pricing-table>div>div:nth-child(2n) {
    border-left: 3px solid #fff;
    width: 30%
}

.wi-pricing-table>div>div:nth-child(3n) {
    border-left: 3px solid #fff;
    display: none
}

.wi-pricing-table .thead>div {
    color: var(--primary)
}

.wi-pricing-table .trow>div {
    color: var(--dark)
}

.text-primary+.wi-pricing-table {
    border-color: rgba(var(--primary-rgb-format)/25%)
}

.text-primary+.wi-pricing-table .thead {
    background-color: rgba(var(--primary-rgb-format)/15%)
}

.text-primary+.wi-pricing-table .thead div {
    color: var(--primary)
}

.text-primary+.wi-pricing-table .trow:not(:nth-of-type(2)) {
    border-color: rgba(var(--primary-rgb-format)/25%)
}

.text-secondary+.wi-pricing-table {
    border-color: rgba(var(--secondary-rgb-format)/25%)
}

.text-secondary+.wi-pricing-table .thead {
    background-color: rgba(var(--secondary-rgb-format)/15%)
}

.text-secondary+.wi-pricing-table .thead div {
    color: var(--secondary)
}

.text-secondary+.wi-pricing-table .trow:not(:nth-of-type(2)) {
    border-color: rgba(var(--secondary-rgb-format)/25%)
}

.text-tertiary+.wi-pricing-table {
    border-color: rgba(var(--tertiary-rgb-format)/25%)
}

.text-tertiary+.wi-pricing-table .thead {
    background-color: rgba(var(--tertiary-rgb-format)/15%)
}

.text-tertiary+.wi-pricing-table .thead div {
    color: var(--tertiary)
}

.text-tertiary+.wi-pricing-table .trow:not(:nth-of-type(2)) {
    border-color: rgba(var(--tertiary-rgb-format)/25%)
}

.text-quaternary+.wi-pricing-table {
    border-color: rgba(var(--quaternary-rgb-format)/25%)
}

.text-quaternary+.wi-pricing-table .thead {
    background-color: rgba(var(--quaternary-rgb-format)/15%)
}

.text-quaternary+.wi-pricing-table .thead div {
    color: var(--quaternary)
}

.text-quaternary+.wi-pricing-table .trow:not(:nth-of-type(2)) {
    border-color: rgba(var(--quaternary-rgb-format)/25%)
}

.text-quinary+.wi-pricing-table {
    border-color: rgba(var(--quinary-rgb-format)/25%)
}

.text-quinary+.wi-pricing-table .thead {
    background-color: rgba(var(--quinary-rgb-format)/15%)
}

.text-quinary+.wi-pricing-table .thead div {
    color: var(--quinary)
}

.text-quinary+.wi-pricing-table .trow:not(:nth-of-type(2)) {
    border-color: rgba(var(--quinary-rgb-format)/25%)
}

.text-senary+.wi-pricing-table {
    border-color: rgba(var(--senary-rgb-format)/25%)
}

.text-senary+.wi-pricing-table .thead {
    background-color: rgba(var(--senary-rgb-format)/15%)
}

.text-senary+.wi-pricing-table .thead div {
    color: var(--senary)
}

.text-senary+.wi-pricing-table .trow:not(:nth-of-type(2)) {
    border-color: rgba(var(--senary-rgb-format)/25%)
}

.text-septenary+.wi-pricing-table {
    border-color: rgba(var(--septenary-rgb-format)/25%)
}

.text-septenary+.wi-pricing-table .thead {
    background-color: rgba(var(--septenary-rgb-format)/15%)
}

.text-septenary+.wi-pricing-table .thead div {
    color: var(--septenary)
}

.text-septenary+.wi-pricing-table .trow:not(:nth-of-type(2)) {
    border-color: rgba(var(--septenary-rgb-format)/25%)
}

.text-light+.wi-pricing-table {
    border-color: rgba(var(--light-rgb-format)/25%)
}

.text-light+.wi-pricing-table .thead {
    background-color: rgba(var(--light-rgb-format)/15%)
}

.text-light+.wi-pricing-table .thead div {
    color: var(--light)
}

.text-light+.wi-pricing-table .trow:not(:nth-of-type(2)) {
    border-color: rgba(var(--light-rgb-format)/25%)
}

.text-gray+.wi-pricing-table {
    border-color: rgba(var(--gray-rgb-format)/25%)
}

.text-gray+.wi-pricing-table .thead {
    background-color: rgba(var(--gray-rgb-format)/15%)
}

.text-gray+.wi-pricing-table .thead div {
    color: var(--gray)
}

.text-gray+.wi-pricing-table .trow:not(:nth-of-type(2)) {
    border-color: rgba(var(--gray-rgb-format)/25%)
}

.text-dark+.wi-pricing-table {
    border-color: rgba(var(--dark-rgb-format)/25%)
}

.text-dark+.wi-pricing-table .thead {
    background-color: rgba(var(--dark-rgb-format)/15%)
}

.text-dark+.wi-pricing-table .thead div {
    color: var(--dark)
}

.text-dark+.wi-pricing-table .trow:not(:nth-of-type(2)) {
    border-color: rgba(var(--dark-rgb-format)/25%)
}

.text-dark-gray+.wi-pricing-table {
    border-color: rgba(var(--dark-gray-rgb-format)/25%)
}

.text-dark-gray+.wi-pricing-table .thead {
    background-color: rgba(var(--dark-gray-rgb-format)/15%)
}

.text-dark-gray+.wi-pricing-table .thead div {
    color: var(--dark-gray)
}

.text-dark-gray+.wi-pricing-table .trow:not(:nth-of-type(2)) {
    border-color: rgba(var(--dark-gray-rgb-format)/25%)
}

@media(min-width: 992px) {
    .wi-pricing-table>div>div:nth-child(1n) {
        text-align:center;
        width: 37.49%
    }

    .wi-pricing-table>div>div:nth-child(2n) {
        width: 25%
    }

    .wi-pricing-table>div>div:nth-child(3n) {
        width: 37.49%;
        display: flex
    }
}

healcode-widget .bw-widget__header {
    background-color: var(--primary);
    color: #fff;
    border-radius: var(--border-radius);
}

healcode-widget .bw-widget__header .bw-header__title,healcode-widget .bw-widget__header .bw-header__account-link {
    font-family: var(--font-primary)!important;
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    line-height: var(--h4-line-height);
    color: #fff
}

healcode-widget .bw-widget__day:first-of-type .bw-widget__date {
    border-top-style: none;
}

healcode-widget .bw-datepicker {
    border-radius: 100px;
    border: 1px solid #000;
    padding: 3px 14px 3px 23px;
    width: unset!important;
    height: unset!important
}

healcode-widget .bw-datepicker input {
    font-family: var(--font-primary);
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    border-left: unset;
    width: 100px
}

healcode-widget .bw-datepicker__button {
    height: unset!important;
    width: unset!important
}

healcode-widget .bw-datepicker__button svg {
    transform: scale(1.2)
}

healcode-widget .bw-widget__date {
    background-color: rgba(var(--primary-rgb-format)/15%);
    color: var(--primary);
    border-radius: var(--border-radius);
    font-family: var(--font-primary)!important;
    font-size: 36px!important;
    font-weight: 400
}

healcode-widget .bw-widget__footer {
    display: none
}

healcode-widget .bw-widget__day>div:first-child,healcode-widget .bw-widget__day>div:last-child {
    border-bottom: unset!important
}

healcode-widget .bw-widget__cart_button button {
    font-family: var(--font-secondary)!important;
    text-transform: uppercase!important;
    font-size: 15px!important;
    font-weight: 700!important;
    width: 100%!important;
    text-align: center!important;
    padding: 8px 16px 7px!important
}

healcode-widget .bw-session__detail-link {
    color: var(--primary)!important;
    text-transform: capitalize!important
}

healcode-widget .bw-session__description {
    padding-bottom: 0!important
}

healcode-widget .bw-session__expanded {
    padding-top: 19px!important;
    margin-bottom: 0!important;
    margin-top: 0!important
}

healcode-widget .bw-session {
    padding: 19px 32px!important
}

healcode-widget .bw-session__basics {
    display: flex;
    align-items: center!important
}

healcode-widget .bw-widget__signup-now {
    background-color: var(--primary)!important;
    color: #fff!important;
    border-color: var(--primary)!important
}

healcode-widget .bw-session__time {
    white-space: normal!important
}

healcode-widget .bw-session__description>* {
    text-align: left!important;
    font-size: 16px;
    color: var(--dark)
}

healcode-widget .bw-filters.bw-filters--is-open {
    margin-top: 1rem;
    border-radius: var(--border-radius)
}

healcode-widget .bw-filters {
    background: rgba(var(--primary-rgb-format)/15%)
}

healcode-widget .bw-calendar-container {
    border: none
}

healcode-widget .bw-datepicker__input {
    width: 100px!important
}

@media(min-width: 992px) {
    healcode-widget .bw-session__info {
        display:flex!important;
        flex-direction: row!important
    }

    healcode-widget .bw-session__info>* {
        min-width: unset!important;
        margin: 0!important
    }

    healcode-widget .bw-session__info .bw-session__time {
        width: 25%!important
    }

    healcode-widget .bw-session__info .bw-session__group2 {
        width: 30%!important
    }

    healcode-widget .bw-session__info .bw-session__group1 {
        width: 45%!important
    }

    healcode-widget .bw-session__basics {
        display: flex!important;
        flex-direction: row!important
    }

    healcode-widget .bw-session__info {
        width: 86%!important;
        margin-right: 0!important
    }

    healcode-widget .bw-session__basics .bw-widget__cart_button,healcode-widget .bw-session__basics .bw-session__canceled {
        width: 14%!important;
        min-width: unset!important
    }

    healcode-widget .bw-session__basics .bw-session__canceled {
        text-align: center
    }
}

@media(max-width: 992px) {
    healcode-widget .bw-session {
        padding-left:18px!important;
        padding-right: 18px!important
    }
}

header:not(.scrolled)>.container {
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

header.scrolled {
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

body header .desktop-scrolled {
    display: none
}

@media(min-width: 992px) {
    body header .logo {
        z-index:1
    }

    body header .logo a {
        display: flex;
        align-items: center
    }

    body header .logo a img {
        transition: opacity var(--transition)
    }

    body header .desktop {
        width: 100%
    }

    body header .desktop-scrolled {
        display: block;
        position: absolute;
        width: 100%;
        opacity: 0
    }

    body.scrolled header .desktop-scrolled {
        opacity: 1
    }

    body.scrolled header .desktop {
        opacity: 0
    }

    body.h-show-tert-nav .tert-nav a {
        padding: 0 11px;
        border-right: unset!important
    }

    body header {
        background: #ffffff00;
        transition: background var(--transition)
    }

    body.scrolled header {
        background: #fff
    }

    body header .tert-nav {
        background: unset!important;
        border: unset!important
    }

    body header .tert-nav a:not([href*=tel]) {
        font-weight: 500
    }

    body header>.nav-container {
        border-radius: 0 0 16px 16px;
        transition: border-radius .1s
    }

    body header>.nav-container:has(.mega-custom .parent.over) {
        border-radius: 0
    }

    body.scrolled header>.nav-container {
        border-radius: 0 0 0 0;
        transition: border-radius .1s
    }

    body header .nav-container {
        padding: 0 18px
    }

    header .main-nav .items nav ul li a.parent i {
        margin-bottom: 4px;
        line-height: .4;
        font-size: 1.18rem
    }

    header .main-nav .items nav .level-1>li>a {
        font-weight: 500
    }
}

@media(max-width: 992px) {
    header .btn {
        padding:13px 14px 12px;
        font-size: 13px
    }

    header .main-nav .items .item-append a:not(:last-child) {
        margin-right: .5rem
    }

    header .logo {
        z-index: 1
    }
}

@media(max-width: 992px) {
    header .main-nav .logo {
        z-index:2
    }

    header .main-nav .logo img.mobile {
        display: block
    }

    header .main-nav .logo img {
        position: relative;
        z-index: 1;
        transition: opacity var(--transition)
    }

    header .main-nav nav {
        transition: top var(--transition)
    }

    body.scrolled header .main-nav nav {
        top: 0
    }

    header.open .main-nav nav {
        transition: top var(--transition)
    }

    header.open .main-nav nav {
        height: 100vh
    }

    header .main-nav nav>ul {
        width: 100%!important
    }

    header .main-nav nav>ul>li {
        padding: 0 4%
    }

    header .main-nav .items nav>ul {
        border-top: 3px solid rgb(var(--secondary-rgb-format)/0%)
    }

    header.open .main-nav .items nav>ul {
        border-top: 3px solid rgb(var(--primary-rgb-format)/100%)
    }

    header .main-nav .items nav ul {
        margin: 0
    }

    header .main-nav .items nav .level-1>li>a {
        border-bottom: 1px solid var(--primary-rgba-2);
        transition: .2s ease-in;
        font-weight: 600
    }

    header .main-nav .items nav .level-1>li>a.open {
        border-bottom: 1px solid var(--primary);
        color: var(--primary)
    }

    header .main-nav .items nav .level-1>li:not(.social)>a {
        padding-left: 0
    }

    header .main-nav .items nav ul li ul {
        border-bottom: 1px solid #00556840
    }

    header .main-nav .items nav li a:hover,header .main-nav .items nav li a:focus {
        color: var(--primary)
    }

    header .main-nav .items nav .level-2 li a,header .main-nav .items nav .level-2 li a .page-icon {
        font-size: .9rem
    }

    header .main-nav .items nav .level-2 li a.has-icon span {
        padding-left: 22px
    }

    header .main-nav .items nav .level-2 li a .page-icon {
        position: absolute;
        left: 0;
        color: var(--primary)
    }

    header .main-nav .items nav .level-1>li.social {
        display: flex;
        justify-content: flex-start
    }

    header .main-nav .items nav .level-1>li.social a:first-child {
        padding-left: 0
    }

    header .main-nav .items nav .level-1>li.social a {
        border-bottom: none;
        width: unset;
        padding: 15px 10px
    }

    header .main-nav .items nav .level-1>li.social a i {
        margin: 0
    }

    header .level-2 {
        box-shadow: unset
    }

    header .main-nav .item-append.nav-open .btn {
        padding: 7px
    }

    header .main-nav .item-append.nav-open a:not(.btn) {
        margin-right: .4rem
    }

    header .main-nav nav {
        background: #fff
    }

    header .main-nav .item-append {
        right: 40px
    }

    header .main-nav .mobile-nav-trigger {
        width: 40px
    }
}

@media(min-width: 992px) and (max-width:1200px) {
    header .main-nav .items .item-append a.btn {
        padding:15px 18px 14px;
        font-size: .9rem
    }

    header .main-nav .items nav .level-1>li>a {
        font-size: 1rem!important
    }
}

@media(min-width: 992px) {
    header .main-nav .items nav ul li.mega .mega-nav-dropdown {
        width:100%;
        border-top: 3px solid var(--primary)
    }

    header .main-nav .items nav ul li.mega .level-2 {
        z-index: 200;
        position: fixed;
        top: calc(var(--nav-height));
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        transition: margin-top var(--transition),top var(--transition);
        width: var(--container-w);
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0,0,0,.1)
    }

    body.h-show-tert-nav header .main-nav .items nav ul li.mega .level-2 {
        top: calc(var(--nav-height) + var(--nav-tert-height) + var(--top-bar,0px))
    }

    header.scrolled .main-nav .items nav ul li.mega .level-2 {
        top: calc(var(--nav-height) - 1px)!important
    }

    .mega .mega-nav-dropdown .desktop-mega {
        display: block!important
    }

    .mega .mega-nav-dropdown .mobile-mega {
        display: none!important
    }

    .mega .mega-nav-dropdown .desktop-mega .row {
        margin: 0
    }

    .mega .mega-nav-dropdown .desktop-mega .row .row {
        margin: 0 -13px
    }

    .mega .mega-nav-dropdown .desktop-mega>.row>div {
        padding: 26px
    }

    .mega .mega-nav-dropdown .desktop-mega>.row>div>.content {
        padding: 26px
    }

    .mega .mega-nav-dropdown .desktop-mega>.row>div>.row [class*=col-] {
        padding: 0 13px
    }

    .mega .mega-nav-dropdown .mega-header,.mega .mega-nav-dropdown .mega-large-link,.mega .mega-nav-dropdown .mega-link {
        font-family: var(--font-primary);
        font-style: normal;
        font-weight: 800;
        font-size: 18px;
        line-height: 140.62%;
        color: var(--primary);
        margin-bottom: 28px;
        text-transform: uppercase;
        transition: all var(--transition);
        padding: 0
    }

    .mega .mega-nav-dropdown .mega-link {
        margin-bottom: 0;
        font-size: 16px;
        text-transform: none
    }

    .mega .mega-nav-dropdown .mega-large-link {
        margin-bottom: 0
    }

    .mega .mega-nav-dropdown .mega-large-link:hover,.mega .mega-nav-dropdown .mega-link:hover {
        color: var(--secondary)
    }

    .mega .chevron-right::after {
        margin-left: 10px
    }

    .mega .highlight-link {
        width: 100%!important;
        background-color: var(--primary)!important;
        color: #fff!important;
        display: flex!important;
        justify-content: center!important;
        padding: 1rem!important;
        margin-top: auto;
        text-transform: uppercase!important;
        letter-spacing: .06rem!important;
        font-size: 1rem!important;
        font-weight: 500!important
    }

    .mega .highlight-link:hover {
        background-color: var(--tertiary)!important;
        color: #fff!important
    }

    .mega .mega-list {
        list-style: none;
        padding: 0;
        column-count: 2
    }

    .mega .mega-list li {
        border-top: unset!important;
        font-size: 14px;
        margin-bottom: 10px;
        font-weight: 300
    }

    header .main-nav .items nav .level-1 [class^=level-] {
        border-bottom-right-radius: var(--border-radius);
        border-bottom-left-radius: var(--border-radius)
    }

    .mega .chevron-right {
        padding: 0!important;
        display: inline-flex!important;
        justify-content: unset!important;
        color: var(--dark)!important;
        font-size: 19px;
        font-weight: 800;
        margin-bottom: 26px
    }

    .mega .chevron-right::after {
        font-family: "font awesome 6 pro";
        content: "";
        color: var(--primary);
        font-size: .95em;
        margin-left: 8px;
        margin-top: -1px;
        font-weight: 700!important
    }

    .mega .chevron-right:hover {
        color: var(--primary)!important
    }

    .mega .level-2 .mega-nav-dropdown .desktop-mega>.row>*>* {
        justify-content: center
    }
}

@media(max-width: 992px) {
    .mobile-mega {
        display:block!important
    }

    .desktop-mega {
        display: none!important
    }
}

.mega-icon-list a {
    height: 100%!important;
    padding: 16px!important;
    display: flex!important;
    flex-direction: column!important;
    justify-content: center!important;
    align-items: center!important;
    color: #fff!important;
    border-radius: var(--border-radius);
    text-align: center;
    transition: background-color .2s!important
}

.mega-icon-list>div a:hover {
    background-color: var(--primary)!important
}

.mega-icon-list a img {
    height: 32px;
    margin-bottom: 8px
}

.mega-icon-list a span {
    font-weight: 800;
    text-transform: capitalize!important
}

.mega-icon-list>div:nth-child(5n) a {
    background-color: var(--tertiary)
}

.mega-icon-list>div:nth-child(5n+1) a {
    background-color: var(--senary)
}

.mega-icon-list>div:nth-child(5n+2) a {
    background-color: var(--quaternary)
}

.mega-icon-list>div:nth-child(5n+3) a {
    background-color: var(--quinary)
}

.mega-icon-list>div:nth-child(5n+4) a {
    background-color: var(--septenary)
}

.mega .mega-icon-list>div:nth-child(1n+3) {
    margin-top: 26px
}

.mega-icons-inline {
    width: 100%;
    justify-content: center
}

.mega-icons-inline .icons-col {
    width: 20%!important;
    padding: 0 13px!important;
    text-align: center
}

.mega-icons-inline .icons-col a {
    display: block!important;
    position: relative!important;
    padding: 0!important;
    display: flex!important;
    flex-direction: column!important;
    justify-content: start!important;
    align-items: center!important
}

.mega-icons-inline .icons-col a .icons-box {
    width: 100%;
    aspect-ratio: 1;
    border: 3px solid var(--primary);
    border-radius: var(--border-radius);
    margin-bottom: 16px;
    display: flex;
    justify-content: center;
    align-items: center
}

.mega-icons-inline .icons-col a .icons-box.highlight {
    background-color: var(--primary)
}

.mega-icons-inline .icons-col a span {
    color: var(--secondary);
    font-weight: 800;
    text-transform: capitalize!important
}

.mega-icons-inline .icons-col a:hover span {
    color: var(--primary)!important
}

@media(min-width: 992px) {
    .mega-icons-inline .icons-col a img {
        height:40px
    }
}

@media(min-width: 1200px) {
    .mega-icons-inline .icons-col a img {
        height:64px
    }
}

@media(min-width: 1400px) {
    .mega-icons-inline .icons-col a img {
        height:70px
    }
}

.accordion-highlight .accordion-item {
    border-color: var(--primary)
}

.accordion-highlight .accordion-button {
    font-family: var(--font-primary);
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    line-height: var(--h4-line-height);
    padding: 20px;
    color: #fff;
    background-color: var(--primary)
}

.accordion-highlight .accordion-item:not(:last-of-type) {
    margin-bottom: 20px
}

.accordion-highlight .accordion-button:focus {
    box-shadow: unset
}

.accordion-highlight .accordion-button::after {
    content: '';
    font-family: 'font awesome 6 pro';
    font-weight: 800;
    color: #fff;
    margin-bottom: 8px;
    background-image: unset
}

.accordion-highlight .accordion-button:not(.collapsed)::after {
    transform: unset!important;
    content: ''
}

.accordion-highlight .accordion-item {
    border-radius: var(--border-radius);
    overflow: hidden
}

@media(min-width: 992px) {
    .accordion-highlight .accordion-body {
        padding:28px 34px
    }
}

.primary .accordion-highlight .accordion-item {
    border-color: var(--primary)
}

.primary .accordion-highlight .accordion-button {
    background-color: var(--primary)
}

.primary .accordion-highlight.faqs .accordion-item:has(.collapsed) {
    border-color: rgba(var(--primary-rgb-format)/15%)
}

.primary .accordion-highlight.faqs .accordion-button.collapsed {
    color: var(--dark);
    background-color: rgba(var(--primary-rgb-format)/15%)
}

.primary .accordion-highlight.faqs .accordion-button {
    background-color: var(--primary)
}

.primary .accordion-highlight.faqs .accordion-item {
    border-color: var(--primary)
}

.primary .accordion-highlight.faqs .accordion-button.collapsed::after {
    color: var(--primary)
}

.secondary .accordion-highlight .accordion-item {
    border-color: var(--secondary)
}

.secondary .accordion-highlight .accordion-button {
    background-color: var(--secondary)
}

.secondary .accordion-highlight.faqs .accordion-item:has(.collapsed) {
    border-color: rgba(var(--secondary-rgb-format)/15%)
}

.secondary .accordion-highlight.faqs .accordion-button.collapsed {
    color: var(--dark);
    background-color: rgba(var(--secondary-rgb-format)/15%)
}

.secondary .accordion-highlight.faqs .accordion-button {
    background-color: var(--secondary)
}

.secondary .accordion-highlight.faqs .accordion-item {
    border-color: var(--secondary)
}

.secondary .accordion-highlight.faqs .accordion-button.collapsed::after {
    color: var(--secondary)
}

.tertiary .accordion-highlight .accordion-item {
    border-color: var(--tertiary)
}

.tertiary .accordion-highlight .accordion-button {
    background-color: var(--tertiary)
}

.tertiary .accordion-highlight.faqs .accordion-item:has(.collapsed) {
    border-color: rgba(var(--tertiary-rgb-format)/15%)
}

.tertiary .accordion-highlight.faqs .accordion-button.collapsed {
    color: var(--dark);
    background-color: rgba(var(--tertiary-rgb-format)/15%)
}

.tertiary .accordion-highlight.faqs .accordion-button {
    background-color: var(--tertiary)
}

.tertiary .accordion-highlight.faqs .accordion-item {
    border-color: var(--tertiary)
}

.tertiary .accordion-highlight.faqs .accordion-button.collapsed::after {
    color: var(--tertiary)
}

.quaternary .accordion-highlight .accordion-item {
    border-color: var(--quaternary)
}

.quaternary .accordion-highlight .accordion-button {
    background-color: var(--quaternary)
}

.quaternary .accordion-highlight.faqs .accordion-item:has(.collapsed) {
    border-color: rgba(var(--quaternary-rgb-format)/15%)
}

.quaternary .accordion-highlight.faqs .accordion-button.collapsed {
    color: var(--dark);
    background-color: rgba(var(--quaternary-rgb-format)/15%)
}

.quaternary .accordion-highlight.faqs .accordion-button {
    background-color: var(--quaternary)
}

.quaternary .accordion-highlight.faqs .accordion-item {
    border-color: var(--quaternary)
}

.quaternary .accordion-highlight.faqs .accordion-button.collapsed::after {
    color: var(--quaternary)
}

.quinary .accordion-highlight .accordion-item {
    border-color: var(--quinary)
}

.quinary .accordion-highlight .accordion-button {
    background-color: var(--quinary)
}

.quinary .accordion-highlight.faqs .accordion-item:has(.collapsed) {
    border-color: rgba(var(--quinary-rgb-format)/15%)
}

.quinary .accordion-highlight.faqs .accordion-button.collapsed {
    color: var(--dark);
    background-color: rgba(var(--quinary-rgb-format)/15%)
}

.quinary .accordion-highlight.faqs .accordion-button {
    background-color: var(--quinary)
}

.quinary .accordion-highlight.faqs .accordion-item {
    border-color: var(--quinary)
}

.quinary .accordion-highlight.faqs .accordion-button.collapsed::after {
    color: var(--quinary)
}

.senary .accordion-highlight .accordion-item {
    border-color: var(--senary)
}

.senary .accordion-highlight .accordion-button {
    background-color: var(--senary)
}

.senary .accordion-highlight.faqs .accordion-item:has(.collapsed) {
    border-color: rgba(var(--senary-rgb-format)/15%)
}

.senary .accordion-highlight.faqs .accordion-button.collapsed {
    color: var(--dark);
    background-color: rgba(var(--senary-rgb-format)/15%)
}

.senary .accordion-highlight.faqs .accordion-button {
    background-color: var(--senary)
}

.senary .accordion-highlight.faqs .accordion-item {
    border-color: var(--senary)
}

.senary .accordion-highlight.faqs .accordion-button.collapsed::after {
    color: var(--senary)
}

.septenary .accordion-highlight .accordion-item {
    border-color: var(--septenary)
}

.septenary .accordion-highlight .accordion-button {
    background-color: var(--septenary)
}

.septenary .accordion-highlight.faqs .accordion-item:has(.collapsed) {
    border-color: rgba(var(--septenary-rgb-format)/15%)
}

.septenary .accordion-highlight.faqs .accordion-button.collapsed {
    color: var(--dark);
    background-color: rgba(var(--septenary-rgb-format)/15%)
}

.septenary .accordion-highlight.faqs .accordion-button {
    background-color: var(--septenary)
}

.septenary .accordion-highlight.faqs .accordion-item {
    border-color: var(--septenary)
}

.septenary .accordion-highlight.faqs .accordion-button.collapsed::after {
    color: var(--septenary)
}

.light .accordion-highlight .accordion-item {
    border-color: var(--light)
}

.light .accordion-highlight .accordion-button {
    background-color: var(--light)
}

.light .accordion-highlight.faqs .accordion-item:has(.collapsed) {
    border-color: rgba(var(--light-rgb-format)/15%)
}

.light .accordion-highlight.faqs .accordion-button.collapsed {
    color: var(--dark);
    background-color: rgba(var(--light-rgb-format)/15%)
}

.light .accordion-highlight.faqs .accordion-button {
    background-color: var(--light)
}

.light .accordion-highlight.faqs .accordion-item {
    border-color: var(--light)
}

.light .accordion-highlight.faqs .accordion-button.collapsed::after {
    color: var(--light)
}

.gray .accordion-highlight .accordion-item {
    border-color: var(--gray)
}

.gray .accordion-highlight .accordion-button {
    background-color: var(--gray)
}

.gray .accordion-highlight.faqs .accordion-item:has(.collapsed) {
    border-color: rgba(var(--gray-rgb-format)/15%)
}

.gray .accordion-highlight.faqs .accordion-button.collapsed {
    color: var(--dark);
    background-color: rgba(var(--gray-rgb-format)/15%)
}

.gray .accordion-highlight.faqs .accordion-button {
    background-color: var(--gray)
}

.gray .accordion-highlight.faqs .accordion-item {
    border-color: var(--gray)
}

.gray .accordion-highlight.faqs .accordion-button.collapsed::after {
    color: var(--gray)
}

.dark .accordion-highlight .accordion-item {
    border-color: var(--dark)
}

.dark .accordion-highlight .accordion-button {
    background-color: var(--dark)
}

.dark .accordion-highlight.faqs .accordion-item:has(.collapsed) {
    border-color: rgba(var(--dark-rgb-format)/15%)
}

.dark .accordion-highlight.faqs .accordion-button.collapsed {
    color: var(--dark);
    background-color: rgba(var(--dark-rgb-format)/15%)
}

.dark .accordion-highlight.faqs .accordion-button {
    background-color: var(--dark)
}

.dark .accordion-highlight.faqs .accordion-item {
    border-color: var(--dark)
}

.dark .accordion-highlight.faqs .accordion-button.collapsed::after {
    color: var(--dark)
}

.dark-gray .accordion-highlight .accordion-item {
    border-color: var(--dark-gray)
}

.dark-gray .accordion-highlight .accordion-button {
    background-color: var(--dark-gray)
}

.dark-gray .accordion-highlight.faqs .accordion-item:has(.collapsed) {
    border-color: rgba(var(--dark-gray-rgb-format)/15%)
}

.dark-gray .accordion-highlight.faqs .accordion-button.collapsed {
    color: var(--dark);
    background-color: rgba(var(--dark-gray-rgb-format)/15%)
}

.dark-gray .accordion-highlight.faqs .accordion-button {
    background-color: var(--dark-gray)
}

.dark-gray .accordion-highlight.faqs .accordion-item {
    border-color: var(--dark-gray)
}

.dark-gray .accordion-highlight.faqs .accordion-button.collapsed::after {
    color: var(--dark-gray)
}

.wi-social-tert {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-left: 12px;
    margin-top: -1px
}

.wi-social-tert a {
    padding: 0 6px!important
}

.wi-social-footer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center
}

.wi-social-footer a {
    color: #fff;
    padding: 0 7px;
    font-size: 17px
}

.wi-social-footer a:hover {
    color: var(--tertiary)
}

.wi-top-bar {
    margin-top: 0;
    transition: var(--transition);
    background: var(--primary)!important
}

body.scrolled .wi-top-bar {
    margin-top: calc(var(--top-bar,0px) * -1)
}

.wi-top-bar .headline {
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 0
}

.wi-top-bar a::after {
    color: #fff;
    margin-left: 12px
}

.wi-top-bar .headline i {
    font-size: 20px;
    margin-left: 15px
}

.wi-top-bar .btn-style-rounded-edges {
    border-radius: 40px;
    padding-left: 23px;
    padding-right: 23px
}

.wi-top-bar .btn-effect-wiggle {
    animation: wiggle 5s infinite
}

.wi-top-bar:hover .btn-effect-wiggle {
    animation: none
}

@keyframes wiggle {
    0% {
        transform: rotate(0deg)
    }

    80% {
        transform: rotate(0deg)
    }

    82% {
        transform: rotate(5deg)
    }

    84% {
        transform: rotate(-5deg)
    }

    86% {
        transform: rotate(5deg)
    }

    88% {
        transform: rotate(-5deg)
    }

    90% {
        transform: rotate(5deg)
    }

    92% {
        transform: rotate(-5deg)
    }

    94% {
        transform: rotate(5deg)
    }

    96% {
        transform: rotate(-5deg)
    }

    98% {
        transform: rotate(5deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

.wi-top-bar.bg-light i.close-button {
    color: #000
}

.wi-top-bar i.close-button {
    color: #fff;
    opacity: .8;
    position: absolute;
    right: 20px
}

.wi-top-bar i.close-button:hover {
    opacity: 1;
    cursor: pointer
}

.wi-top-bar a:hover {
    color: #fff
}

@media screen and (max-width: 991px) {
    .wi-top-bar i.close-button {
        top:-7px;
        right: 7px
    }
}

@media screen and (min-width: 992px) {
    .wi-top-bar i.close-button {
        top:0
    }
}

footer {
    position: relative
}

body .wi-top-bar {
    background: linear-gradient(270deg,#E56DB1 0%,#8C4799 100%)!important
}

body:has(main section.lr-section:first-child>div.bg-secondary) .wi-top-bar,body:has(main section.bg-secondary:first-child) .wi-top-bar {
    background: linear-gradient(270deg,#E56DB1 0%,#8C4799 100%)!important
}

body:has(main section.lr-section:first-child>div.bg-primary) .wi-top-bar,body:has(main section.bg-primary:first-child) .wi-top-bar {
    background: linear-gradient(270deg,#2CCCD3 0%,#008BC4 100%)!important
}

.wi-camps-subnav {
    margin-bottom: -16px
}

.wi-camps-subnav a {
    display: block;
    position: relative;
    text-align: center;
    margin-bottom: 16px
}

.wi-camps-subnav a .box {
    width: 100%;
    aspect-ratio: 1;
    border-radius: var(--border-radius);
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.wi-camps-subnav a .box img {
    height: 75px;
    filter: brightness(0) invert(1)
}

.wi-camps-subnav a span {
    font-size: 17px;
    font-weight: 800;
    color: var(--primary)
}

.wi-camps-subnav>div:nth-child(5n) a .box {
    background-color: var(--tertiary)
}

.wi-camps-subnav>div:nth-child(5n+1) a .box {
    background-color: var(--senary)
}

.wi-camps-subnav>div:nth-child(5n+2) a .box {
    background-color: var(--quaternary)
}

.wi-camps-subnav>div:nth-child(5n+3) a .box {
    background-color: var(--quinary)
}

.wi-camps-subnav>div:nth-child(5n+4) a .box {
    background-color: var(--septenary)
}

.wi-camps-subnav a:hover .box {
    background-color: var(--primary)!important
}

.bg-secondary .wi-breadcrumb .breadcrumb-item:first-child a {
    color: var(--primary)
}

.wi-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: #fff
}

.wi-breadcrumb .breadcrumb-item+.breadcrumb-item a {
    color: #fff
}

.wi-breadcrumb .breadcrumb-item.active,.wi-breadcrumb .breadcrumb-item {
    color: #fff;
    font-weight: 600;
    font-size: 19px
}

.wi-breadcrumb li,.wi-breadcrumb a {
    text-transform: uppercase
}

.wi-breadcrumb a:hover {
    color: var(--quinary)!important
}

.breadcrumb-item+.breadcrumb-item::before {
    padding-right: .35rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .35rem
}

.intro-icon {
    height: 75px
}

.intro-icon-lg {
    height: 80px
}

.intro-icon-xl {
    height: 80px
}

.intro-icon-xxl {
    height: 100px
}

.intro-mobile-img {
    padding-bottom: 0
}

.intro-mobile-img>.container-fluid {
    padding-bottom: 50px
}

@media(min-width: 992px) {
    .intro-mobile-img .mobile-img .bg-img-container {
        height:413px;
        border-radius: var(--border-radius)
    }
}

@media(max-width: 992px) {
    .intro-mobile-img {
        padding-top:0!important
    }

    .intro-mobile-img .container-fluid>.row>div:not(.mobile-img) {
        padding-top: 28px;
        order: 2
    }

    .intro-mobile-img .container-fluid>.row>.mobile-img {
        order: 1;
        height: 350px;
        margin-top: var(--top-bar)
    }

    .intro-mobile-img .container-fluid>.row>.mobile-img .bg-img-container {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        bottom: 0
    }
}

.tp-enrollments-full-1 .well {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden
}

.tp-enrollments-full-1 .well:not(.open) {
    overflow-y: hidden;
    max-height: 500px;
    border-bottom: 3px solid #fff;
    transition: max-height var(--transition)
}

.bg-gray .tp-enrollments-full-1 .well:not(.open) {
    border-color: var(--gray)
}

.tp-enrollments-full-1 .well.open {
    max-height: 3000px;
    padding-bottom: 65px;
    transition: max-height var(--transition)
}

.tp-enrollments-full-1 .well:not(.open):before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(177.38deg,rgba(255,255,255,0) 2.19%,#FFFFFF 66.36%)
}

.bg-gray .tp-enrollments-full-1 .well:not(.open):before {
    background: linear-gradient(177.38deg,rgba(247,247,249,0) 2.19%,var(--gray) 66.36%)
}

.tp-enrollments-full-1 .well:not(.open) .see-more-text {
    display: block
}

.tp-enrollments-full-1 .well:not(.open) .see-more-text-open {
    display: none
}

.tp-enrollments-full-1 .well.open .see-more-text {
    display: none
}

.tp-enrollments-full-1 .well.open .see-more-text-open {
    display: block
}

.tp-enrollments-full-1 .well .see-more-text,.tp-enrollments-full-1 .well .see-more-text-open {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 30px;
    line-height: 18px;
    text-transform: uppercase;
    text-align: center;
    color: var(--secondary);
    position: absolute;
    z-index: 2;
    left: 0;
    width: 100%;
    bottom: 27px
}

.tp-enrollments-full-1 .well .see-more-text:hover,.tp-enrollments-full-1 .well .see-more-text-open:hover {
    color: var(--secondary);
    transition: all var(--transition);
    cursor: pointer
}

.tp-enrollments-full-1 .well .see-more-text i,.tp-enrollments-full-1 .well .see-more-text-open i {
    font-size: 26px
}

@media(min-width: 992px) {
    .tp-enrollments-full-1 .well {
        margin-bottom:1.75rem
    }
}

ul:not(.icon-list) li,ol:not(.icon-list) li {
    margin-bottom: 6px
}

@media(max-width: 992px) {
    .acc-mobile {
        padding:19px;
        border-radius: var(--border-radius)
    }

    .acc-mobile .acc-content {
        max-height: 0;
        transition: max-height .2s ease-in;
        overflow: hidden
    }

    .acc-mobile .acc-title {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        position: relative
    }

    .acc-mobile .acc-title::after {
        content: '';
        font-family: 'font awesome 6 pro';
        color: var(--primary);
        font-weight: 800;
        font-size: 34px;
        position: relative;
        right: 0
    }

    .acc-mobile.open .acc-title::after {
        content: ''
    }

    .acc-mobile .acc-title>*:last-child {
        margin-bottom: 0
    }

    .acc-mobile .acc-content>*:first-child {
        margin-top: 1.5rem
    }

    .acc-mobile.open .acc-content {
        max-height: 1100px
    }

    .acc-mobile.acc-primary {
        border: 1px solid var(--primary)
    }

    .acc-mobile.acc-primary .acc-title::after {
        color: var(--primary)
    }

    .acc-mobile.acc-secondary {
        border: 1px solid var(--secondary)
    }

    .acc-mobile.acc-secondary .acc-title::after {
        color: var(--secondary)
    }

    .acc-mobile.acc-tertiary {
        border: 1px solid var(--tertiary)
    }

    .acc-mobile.acc-tertiary .acc-title::after {
        color: var(--tertiary)
    }

    .acc-mobile.acc-quaternary {
        border: 1px solid var(--quaternary)
    }

    .acc-mobile.acc-quaternary .acc-title::after {
        color: var(--quaternary)
    }

    .acc-mobile.acc-quinary {
        border: 1px solid var(--quinary)
    }

    .acc-mobile.acc-quinary .acc-title::after {
        color: var(--quinary)
    }

    .acc-mobile.acc-senary {
        border: 1px solid var(--senary)
    }

    .acc-mobile.acc-senary .acc-title::after {
        color: var(--senary)
    }

    .acc-mobile.acc-septenary {
        border: 1px solid var(--septenary)
    }

    .acc-mobile.acc-septenary .acc-title::after {
        color: var(--septenary)
    }

    .acc-mobile.acc-light {
        border: 1px solid var(--light)
    }

    .acc-mobile.acc-light .acc-title::after {
        color: var(--light)
    }

    .acc-mobile.acc-gray {
        border: 1px solid var(--gray)
    }

    .acc-mobile.acc-gray .acc-title::after {
        color: var(--gray)
    }

    .acc-mobile.acc-dark {
        border: 1px solid var(--dark)
    }

    .acc-mobile.acc-dark .acc-title::after {
        color: var(--dark)
    }

    .acc-mobile.acc-dark-gray {
        border: 1px solid var(--dark-gray)
    }

    .acc-mobile.acc-dark-gray .acc-title::after {
        color: var(--dark-gray)
    }
}

.cl-reviews-stack-1 .infiniteslide_wrap {
    overflow: visible!important
}

.cl-reviews-stack-1 .review-box .review-stars {
    color: var(--quinary)
}

.cl-reviews-stack-1 .review-box {
    position: relative;
    overflow: hidden;
    padding: 18px 24px;
    border-radius: var(--border-radius);
    box-shadow: 0 5px 13px 0 rgba(0,0,0,.15)
}

.cl-reviews-stack-1 .review-box .name {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px
}

.cl-reviews-stack-1 .review-box:not(.expanded) {
    height: 333px
}

.cl-reviews-stack-1 .loading-spinner {
    height: 333px
}

.cl-reviews-stack-1 .review-type-icon-wrapper {
    color: #fff;
    display: flex;
    margin-bottom: -21px
}

.cl-reviews-stack-1 .review-type-icon-wrapper>.review-type-icon {
    text-align: center;
    width: 24px;
    height: 24px;
    color: #fff!important;
    z-index: 2
}

.cl-reviews-stack-1 .review-type-icon-wrapper::before {
    width: 50px;
    margin-bottom: -6px;
    z-index: 1
}

.cl-reviews-stack-1>div:nth-child(5n) .review-type-icon-wrapper::before {
    content: url(/oak/files/icons/RnR_Circle_Blue.svg)
}

.cl-reviews-stack-1>div:nth-child(5n+1) .review-type-icon-wrapper::before {
    content: url(/oak/files/icons/RnR_Circle_Purple.svg)
}

.cl-reviews-stack-1>div:nth-child(5n+2) .review-type-icon-wrapper::before {
    content: url(/oak/files/icons/RnR_Circle_Pink.svg)
}

.cl-reviews-stack-1>div:nth-child(5n+3) .review-type-icon-wrapper::before {
    content: url(/oak/files/icons/RnR_Circle_Periwinkle.svg)
}

.cl-reviews-stack-1>div:nth-child(5n+4) .review-type-icon-wrapper::before {
    content: url(/oak/files/icons/RnR_Circle_Green.svg)
}

.cl-reviews-stack-1 .review-type-icon-wrapper>.review-type-icon:before {
    font-size: 24px
}

.cl-reviews-stack-1 .review-box .review {
    font-size: 1rem;
    line-height: var(--p-line-height);
    font-weight: var(--p-font-weight);
    margin-bottom: var(--p-margin-bottom);
    text-align: left;
    color: var(--dark)
}

.cl-reviews-stack-1 .review-box .expand-review {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: var(--senary);
    background: linear-gradient(0deg,white 35%,transparent 100%)
}

.cl-reviews-stack-1 .review-box .expand-review:hover {
    cursor: pointer;
    color: var(--secondary)
}

.see-more-exact {
    height: 1600px;
    transition: height .7s ease-in;
    overflow: hidden
}

.see-more-exact:not(.open):before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(177.38deg,rgba(255,255,255,0) 2.19%,#FFFFFF 66.36%)
}

.see-more-exact .toggle-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2
}

.see-more-exact:not(.open) .toggle-text.close {
    display: none
}

.see-more-exact.open .toggle-text.open {
    display: none
}

@media(min-width: 992px) {
    .see-more-exact {
        height:1180px
    }
}

.wi-video-card-1 .s-card {
    border-radius: var(--border-radius);
    border: 1px solid #00000040;
    overflow: hidden;
    position: relative
}

.wi-video-card-1 .s-card .s-img-container {
    width: 100%;
    aspect-ratio: 1.5434782609;
    overflow: hidden;
    position: relative
}

.wi-video-card-1 .s-card .s-img-container picture {
    display: flex;
    height: 100%
}

.wi-video-card-1 .s-card .s-img-container picture img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.wi-video-card-1 .s-card .s-btn {
    font-family: var(--font-primary);
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    line-height: var(--h4-line-height);
    position: relative;
    display: block;
    padding: 12px;
    width: 100%;
    color: #fff
}

.wi-video-card-1 .content {
    padding: 1.75rem 18px
}

@media(min-width: 992px) {
    .wi-video-card-1 .content {
        padding:1.75rem
    }
}

.wi-video-card-1>div:nth-child(7n+1) .s-card .s-btn {
    background-color: var(--primary)
}

.wi-video-card-1>div:nth-child(7n+1) .s-card h2.font-display,.wi-video-card-1>div:nth-child(7n+1) .s-card h3 {
    color: var(--primary)
}

.wi-video-card-1>div:nth-child(7n+2) .s-card .s-btn {
    background-color: var(--secondary)
}

.wi-video-card-1>div:nth-child(7n+2) .s-card h2.font-display,.wi-video-card-1>div:nth-child(7n+2) .s-card h3 {
    color: var(--secondary)
}

.wi-video-card-1>div:nth-child(7n+3) .s-card .s-btn {
    background-color: var(--tertiary)
}

.wi-video-card-1>div:nth-child(7n+3) .s-card h2.font-display,.wi-video-card-1>div:nth-child(7n+3) .s-card h3 {
    color: var(--tertiary)
}

.wi-video-card-1>div:nth-child(7n+4) .s-card .s-btn {
    background-color: var(--quaternary)
}

.wi-video-card-1>div:nth-child(7n+4) .s-card h2.font-display,.wi-video-card-1>div:nth-child(7n+4) .s-card h3 {
    color: var(--quaternary)
}

.wi-video-card-1>div:nth-child(7n+5) .s-card .s-btn {
    background-color: var(--quinary)
}

.wi-video-card-1>div:nth-child(7n+5) .s-card h2.font-display,.wi-video-card-1>div:nth-child(7n+5) .s-card h3 {
    color: var(--quinary)
}

.wi-video-card-1>div:nth-child(7n+6) .s-card .s-btn {
    background-color: var(--senary)
}

.wi-video-card-1>div:nth-child(7n+6) .s-card h2.font-display,.wi-video-card-1>div:nth-child(7n+6) .s-card h3 {
    color: var(--senary)
}

.wi-video-card-1>div:nth-child(7n) .s-card .s-btn {
    background-color: var(--septenary)
}

.wi-video-card-1>div:nth-child(7n) .s-card h2.font-display,.wi-video-card-1>div:nth-child(7n) .s-card h3 {
    color: var(--septenary)
}

.wi-video-card-1>div:nth-child(7n+8) .s-card .s-btn {
    background-color: var(--light)
}

.wi-video-card-1>div:nth-child(7n+8) .s-card h2.font-display,.wi-video-card-1>div:nth-child(7n+8) .s-card h3 {
    color: var(--light)
}

.wi-video-card-1>div:nth-child(7n+9) .s-card .s-btn {
    background-color: var(--gray)
}

.wi-video-card-1>div:nth-child(7n+9) .s-card h2.font-display,.wi-video-card-1>div:nth-child(7n+9) .s-card h3 {
    color: var(--gray)
}

.wi-video-card-1>div:nth-child(7n+10) .s-card .s-btn {
    background-color: var(--dark)
}

.wi-video-card-1>div:nth-child(7n+10) .s-card h2.font-display,.wi-video-card-1>div:nth-child(7n+10) .s-card h3 {
    color: var(--dark)
}

.wi-video-card-1>div:nth-child(7n+11) .s-card .s-btn {
    background-color: var(--dark-gray)
}

.wi-video-card-1>div:nth-child(7n+11) .s-card h2.font-display,.wi-video-card-1>div:nth-child(7n+11) .s-card h3 {
    color: var(--dark-gray)
}

.bl-pag .btn {
    border-top-left-radius: 50px!important;
    border-top-right-radius: 50px!important;
    border-bottom-right-radius: 50px!important;
    border-bottom-left-radius: 50px!important
}

.bl-posts a,.bl-posts a:hover {
    color: var(--dark)
}

@media(max-width: 991px) {
    .bl-posts .s-img-container {
        display:none
    }

    .bl-posts .s-btn {
        display: none
    }

    .bl-posts>div:last-child {
        display: none
    }
}

@media(min-width: 992px) {
    .bl-posts .s-card {
        border-radius:var(--border-radius);
        border: 1px solid #00000040;
        overflow: hidden;
        position: relative
    }

    .bl-posts .s-card .s-img-container {
        width: 100%;
        aspect-ratio: 1.5434782609;
        overflow: hidden;
        position: relative
    }

    .bl-posts .s-card .s-img-container picture {
        display: flex;
        height: 100%
    }

    .bl-posts .s-card .s-img-container picture img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .bl-posts .s-card .s-btn {
        font-family: var(--font-primary);
        font-size: var(--h4-font-size);
        font-weight: var(--h4-font-weight);
        line-height: var(--h4-line-height);
        position: relative;
        display: block;
        padding: 12px;
        width: 100%;
        color: #fff;
        background-color: var(--primary)
    }

    .bl-posts .content {
        padding: 1.75rem 18px
    }

    .bl-posts .content {
        padding: 1.75rem
    }

    .bl-pag .page-item {
        padding: 0 5px
    }
}

.bg-side-bar a {
    padding: 15px 30px;
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    text-align: center
}

.bg-side-bar a:hover {
    color: var(--primary);
    background: rgba(140,71,153,.15)
}

.bg-side-bar a.active {
    background: rgba(140,71,153,.15)
}

@media(max-width: 992px) {
    .bg-side-bar>div:nth-child(1n+4) {
        border-top:3px solid #fff
    }

    .bg-side-bar>div:not(:nth-child(4n)):not(:first-child) {
        border-left: 3px solid #fff
    }
}

.wi-map-full-2 input.form-control {
    background-color: unset!important;
    border: 1px solid #fff!important;
    border-radius: 24px;
    color: #fff;
    z-index: 0;
    padding-right: 34px;
    padding-left: 20px;
    padding-top: 13px;
    padding-bottom: 9px
}

.wi-map-full-2 input.form-control:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #8c4799 inset
}

.wi-map-full-2 input.form-control:-webkit-autofill {
    -webkit-text-fill-color: #fff!important
}

.wi-map-full-2 button.search-btn {
    position: absolute;
    top: 2;
    right: 22px;
    z-index: 1;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    color: rgba(255,255,255,.8);
    font-size: 20px;
    padding: 5px
}

.wi-map-full-2 button.search-btn:hover {
    color: #fff
}

.wi-map-full-2 button.search-btn:focus {
    outline: 0
}

.wi-map-full-2 input.form-control::-webkit-input-placeholder {
    color: #fff
}

.wi-map-full-2 input.form-control:-moz-placeholder {
    color: #fff
}

.wi-map-full-2 input.form-control::-moz-placeholder {
    color: #fff
}

.wi-map-full-2 input.form-control:-ms-input-placeholder {
    color: #fff
}

.wi-map-full-2 input.form-control::-ms-input-placeholder {
    color: #fff
}

.wi-map-full-2 input.form-control::placeholder {
    color: #fff
}

.wi-map-full-2 .wi-counter {
    border: 2px solid #008bc4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    line-height: 25px;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 5000
}

.wi-map-full-2 .location-box {
    cursor: pointer;
    -webkit-box-shadow: 0 0 14px 0 hwb(0deg 0% 100%/20%);
    box-shadow: 0 0 14px 0 hwb(0deg 0% 100%/20%);
    border-color: #fff
}

.wi-map-full-2 .location-box.selected {
    -webkit-box-shadow: 0 1px 8px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 8px 1px rgba(0,0,0,.1);
    border-color: #e8e6e2
}

.wi-map-full-2 .loading-overlay {
    position: absolute;
    z-index: 500;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.8);
    display: flex;
    justify-content: center;
    align-items: center
}

.wi-map-full-2 .loading-overlay i {
    font-size: 40px;
    line-height: 40px
}

.wi-map-full-2 .leaflet-popup-content-wrapper {
    border-radius: var(--border-radius)
}

.wi-map-full-2 .location-box.well {
    padding: 20px
}

.wi-map-full-2 button.btn {
    background-color: #fff!important;
    color: var(--primary)!important;
    padding: 13px 29px 12px!important
}

.wi-map-full-2 .location-box a.btn {
    font-size: .9rem
}

.wi-map-full-2 .leaflet-popup-content {
    width: 228px!important
}

.wi-map-full-2 .under-development:hover {
    cursor: unset;
    background-color: unset!important;
    border-color: var(--tertiary)!important;
    color: var(--tertiary)!important;
    box-shadow: unset!important
}

.wi-franchise-list .card-columns {
    column-count: 1
}

@media(min-width: 992px) {
    .wi-franchise-list .card-columns {
        column-count:2
    }
}

.wi-franchise-list .card {
    border: 1px solid rgba(0,0,0,.25);
    border-radius: var(--border-radius)
}

.wi-franchise-list .card .card-body .card-title {
    font-weight: 800;
    font-size: 28px;
    line-height: 48px;
    text-transform: uppercase;
    color: var(--primary);
    margin-bottom: 6px
}

@media(min-width: 992px) {
    .wi-franchise-list .card .card-body .card-title {
        font-size:20px;
        margin-bottom: 12px
    }
}

.wi-franchise-list .card .card-body .title {
    margin-bottom: 14px
}

.wi-franchise-list .card .card-body {
    padding: 20px
}

.wi-franchise-list .card .card-body .location {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px
}

@media(min-width: 992px) {
    .wi-franchise-list .card .card-body .location {
        margin-bottom:14px
    }
}

.wi-franchise-list .card .card-body .location .name {
    font-weight: 800;
    font-size: 16px;
    line-height: 130%;
    color: var(--secondary);
    transition: color var(--transition);
    margin-right: 10px
}

.wi-franchise-list .card .card-body .location:hover .name {
    color: var(--primary)
}

@media(min-width: 992px) {
    .wi-franchise-list .card .card-body .location .name {
        font-size:18px
    }
}

.wi-franchise-list .card .card-body .location .arrow {
    background: var(--primary);
    border-radius: var(--border-radius);
    padding: 4px;
    line-height: 1;
    color: #fff;
    font-size: 11px
}

@media(min-width: 992px) {
    .wi-franchise-list .card .card-body .location .arrow {
        padding:5px;
        font-size: 12px
    }
}

ul.icon-list li::after {
    font-family: 'font awesome 6 pro'!important
}

.wi-franchise-list .coming-soon:hover {
    cursor: unset;
    background-color: unset!important;
    border-color: var(--tertiary)!important;
    color: var(--tertiary)!important;
    box-shadow: unset!important
}

.bl-post .well {
    margin-bottom: 1.25rem
}

.bl-post .card {
    border-radius: var(--border-radius);
    border: 1px solid var(--primary);
    overflow: hidden;
    margin-bottom: .75rem
}

.bl-post .card .card-header button,.bl-post .card .card-header+div .card-body {
    padding: 20px
}

.bl-post .card .card-header {
    background-color: unset;
    padding: 0;
    border: unset
}

.bl-post .card .card-header button {
    width: 100%;
    border: unset;
    background-color: var(--primary);
    color: #fff;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center
}

.bl-post .card .card-header button>* {
    margin-bottom: 0
}

.bl-post .card .card-header button>i {
    order: 2;
    transform: rotate(180deg)
}

.bl-post .card .card-header button>*:not(i) {
    order: 1
}

.bl-post .card .card-header:has(+div.active) button>i {
    transform: rotate(0deg)
}

.bl-post .card .card-header+div {
    display: block;
    max-height: 0;
    transition: max-height .3s ease-in
}

.bl-post .card .card-header+div.active {
    max-height: 1000px
}

.bl-post .img-thumbnail {
    padding: 0;
    border: unset;
    border-radius: var(--border-radius)
}

.section-overlap {
    --mbottom: 0px;
    --mtop: 0px;
    --pbottom: 50px;
    --ptop: 50px
}

.section-overlap.section-overlap-top {
    --mtop: 50px;
    --ptop: 0px
}

.section-overlap.section-overlap-bottom {
    --mbottom: 75px;
    --pbottom: 0px
}

@media(min-width: 576px) {
    .section-overlap.section-overlap-sm-top {
        --mtop: 50px;
        --ptop: 0px
    }

    .section-overlap.section-overlap-sm-bottom {
        --mbottom: 75px;
        --pbottom: 0px
    }
}

@media(min-width: 768px) {
    .section-overlap.section-overlap-md-top {
        --mtop: 50px;
        --ptop: 0px
    }

    .section-overlap.section-overlap-md-bottom {
        --mbottom: 75px;
        --pbottom: 0px
    }
}

@media(min-width: 992px) {
    .section-overlap.section-overlap-lg-top {
        --mtop: 50px;
        --ptop: 0px
    }

    .section-overlap.section-overlap-lg-bottom {
        --mbottom: 75px;
        --pbottom: 0px
    }
}

@media(min-width: 1200px) {
    .section-overlap.section-overlap-xl-top {
        --mtop: 50px;
        --ptop: 0px
    }

    .section-overlap.section-overlap-xl-bottom {
        --mbottom: 75px;
        --pbottom: 0px
    }
}

@media(min-width: 1400px) {
    .section-overlap.section-overlap-xxl-top {
        --mtop: 50px;
        --ptop: 0px
    }

    .section-overlap.section-overlap-xxl-bottom {
        --mbottom: 75px;
        --pbottom: 0px
    }
}

.section-overlap .overlap-background {
    margin-top: var(--mtop);
    margin-bottom: var(--mbottom);
    padding-bottom: var(--pbottom);
    padding-top: var(-ptop)
}

.section-overlap .overlap-foreground {
    margin-top: calc(var(--mtop) * -1);
    margin-bottom: calc(var(--mbottom) * -1)
}

.healcode .trainer_list ol {
    list-style: none;
    padding-left: 0
}

.healcode .trainer_list ol li {
    border: unset!important;
    padding: 0
}

.healcode .trainer_list ol li .trainer_name {
    color: var(--primary)!important
}

.healcode .trainer_list ol li .trainer_info {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.healcode .trainer_list ol li .trainer_info .healcode-image-area img {
    border-radius: var(--border-radius)
}

.healcode .trainer_list ol li .trainer_info .trainer_bio {
    padding-left: 1.5rem;
    font-size: var(--p-font-size);
    line-height: var(--p-line-height);
    font-weight: var(--p-font-weight);
    color: var(--dark)
}

.healcode .trainer_list ol li .trainer_info .trainer_bio>div {
    margin-bottom: var(--p-margin-bottom)
}

.healcode .trainer_list ol li .trainer_info .trainer_bio span {
    font-size: var(--p-font-size)!important;
    line-height: var(--p-line-height);
    font-weight: var(--p-font-weight);
    color: var(--dark)
}

.healcode .trainer_list ol li .trainer_teaches_link {
    display: flex;
    justify-content: flex-start;
    background-color: unset!important
}

.healcode .trainer_list ol li .trainer_teaches_link a {
    background-color: var(--primary);
    color: #fff!important;
    font-size: 1.1rem;
    font-family: var(--font-secondary);
    font-size: 1.06rem;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1;
    padding: 15px 29px 14px;
    border-radius: 50px;
    margin-left: calc(143px + 1.75rem)
}

.healcode .trainer_list .hc_footer {
    display: none
}

.healcode .trainer_list .trainer_show {
    padding: 0!important;
    border: unset!important;
    margin: 0!important
}

.healcode .trainer_list .trainer_show .trainer_name {
    color: var(--primary)!important
}

.healcode .trainer_list .trainer_show .trainer_info {
    display: flex;
    flex-direction: row
}

.healcode .trainer_list .trainer_show .trainer_info .healcode-image-area img {
    border-radius: var(--border-radius)
}

.healcode .trainer_list .trainer_show .trainer_info .trainer_bio {
    padding-left: 1.5rem
}

.healcode .trainer_list .trainer_show .back_link {
    display: flex;
    justify-content: flex-end
}

.healcode .trainer_list .trainer_show .schedule.mindbody_classic h1 {
    color: var(--dark)!important;
    font-size: var(--h3-font-size);
    font-weight: var(--h3-font-weight);
    line-height: var(--h3-line-height);
    margin-bottom: var(--h3-margin-bottom)
}

.healcode .trainer_list .trainer_show table.schedule {
    width: 100%
}

.healcode .trainer_list .trainer_show table.schedule ol {
    column-count: 3
}

.healcode .trainer_list .trainer_show table.schedule ol a.signup_now {
    background-color: unset!important
}

#available-territories-1 {
    width: 100%;
    height: 500px
}

#available-territories-1 .jvectormap-container .jvectormap-legend-cnt-v {
    top: 100px;
    right: 50px
}

#available-territories-1 .jvectormap-container .jvectormap-legend-cnt-v .jvectormap-legend {
    padding: 1rem!important;
    box-shadow: 0 8px 25px 0 rgba(0,0,0,.15)!important;
    border-radius: 16px!important
}

#available-territories-1 .jvectormap-container .jvectormap-legend-cnt-v .jvectormap-legend .jvectormap-legend-title {
    font-size: 36px;
    font-family: var(--font-primary);
    font-weight: var(--h4-font-weight);
    line-height: var(--h4-line-height);
    margin-bottom: 12px;
    --element-line-height: var(--h4-line-height)
}

#available-territories-1 .jvectormap-container .jvectormap-legend-cnt-v .jvectormap-legend-tick {
    margin-bottom: 3px
}

#available-territories-1 .jvectormap-container .jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
    height: 24px;
    width: 24px;
    border-radius: 5px
}

#available-territories-1 .jvectormap-container .jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
    font-size: 19px;
    font-family: var(--font-secondary);
    font-weight: 500;
    line-height: 32px;
    padding-left: 10px
}

@media(max-width: 768px) {
    #available-territories-1 .jvectormap-container {
        padding-top:200px
    }

    #available-territories-1 .jvectormap-container .jvectormap-legend-cnt-v {
        position: absolute;
        width: 100%;
        top: 0;
        right: 0
    }

    #available-territories-1 .jvectormap-container .jvectormap-legend-cnt-v .jvectormap-legend {
        max-width: 255px;
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto
    }
}

@media(max-width: 992px) {
    section:first-child div.bg-img[class*=col-] {
        height:350px!important;
        margin-top: var(--top-bar)
    }
}

section.bg-overlay {
    min-height: auto;
    display: block;
    padding: 0
}

section.bg-overlay div.overlay {
    display: flex;
    align-items: center;
    padding: 50px 0;
    min-height: 250px;
    margin-bottom: -55px;
    box-shadow: inset 0 11px 8px -10px rgba(0,0,0,.2),inset 0 -11px 8px -10px rgba(0,0,0,.2);
    background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.55) 100%);
    background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.55) 100%);
    background: radial-gradient(ellipse at center,rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.55) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42000000',endColorstr='#8c000000',GradientType=1)
}

section.bg-overlay.overlay-primary div.overlay {
    background: -moz-linear-gradient(top,rgba(156,91,164,0.62) 0%,rgba(156,91,164,0.48) 48%,rgba(156,91,164,0.57) 100%);
    background: -webkit-linear-gradient(top,rgba(156,91,164,0.62) 0%,rgba(156,91,164,0.48) 48%,rgba(156,91,164,0.57) 100%);
    background: linear-gradient(to bottom,rgba(156,91,164,0.62) 0%,rgba(156,91,164,0.48) 48%,rgba(156,91,164,0.57) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9c5ba4',endColorstr='#919c5ba4',GradientType=0)
}

section.bg-overlay.overlay-secondary div.overlay {
    background: -moz-linear-gradient(top,rgba(34,190,217,0.62) 0%,rgba(34,190,217,0.48) 48%,rgba(34,190,217,0.57) 100%);
    background: -webkit-linear-gradient(top,rgba(34,190,217,0.62) 0%,rgba(34,190,217,0.48) 48%,rgba(34,190,217,0.57) 100%);
    background: linear-gradient(to bottom,rgba(34,190,217,0.62) 0%,rgba(34,190,217,0.48) 48%,rgba(34,190,217,0.57) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e22bed9',endColorstr='#9122bed9',GradientType=0)
}

@media(min-width: 992px) {
    section.full-screen.bg-overlay div.overlay {
        height:100vh
    }
}

section.full-screen.bg-overlay div.overlay>div.container,section.full-screen.bg-overlay div.overlay>div.container>div.row {
    height: 100%
}

@media(min-width: 992px) {
    section.partial-screen.bg-overlay div.overlay {
        height:70vh
    }
}

section.partial-screen.bg-overlay div.overlay>div.container,section.partial-screen.bg-overlay div.overlay>div.container>div.row {
    height: 100%
}

healcode-widget .registration .healcode-registration-promo-text {
    font-family: var(--font-secondary);
    font-size: var(--p-font-size);
    line-height: var(--p-line-height);
    font-weight: var(--p-font-weight);
    margin-bottom: var(--p-margin-bottom);
    text-align: center
}

@media(min-width: 0px) {
    healcode-widget .registration .hc_registration {
        display:flex;
        flex-wrap: wrap
    }

    healcode-widget .registration .hc_registration .hc-label {
        width: 100%;
        padding: 0 6px
    }

    healcode-widget .registration .hc_registration .hc-registration-field {
        width: 100%;
        padding: 0 6px;
        margin-bottom: 12px!important
    }

    healcode-widget .registration .hc_registration .hc-registration-field input,healcode-widget .registration .hc_registration .hc-registration-field select {
        width: 100%;
        padding: 9px;
        border-radius: 8px;
        border: unset
    }

    healcode-widget .registration .hc_registration .hc-registration-field.hc-child_s_date_of_birth select {
        width: 31%
    }

    healcode-widget .registration .hc_registration .communication-wrapper {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 0 6px
    }

    healcode-widget .registration .hc_registration .communication-wrapper .communication-settings {
        width: 100%
    }

    healcode-widget .registration .hc_registration .hc-registration-field.hc-liability {
        width: 100%
    }

    healcode-widget .registration .hc_registration .communication-wrapper .checkbox-wrapper {
        display: flex;
        flex-wrap: wrap
    }

    healcode-widget .registration .hc_registration .communication-wrapper .checkbox-wrapper span {
        display: flex;
        align-items: center
    }

    healcode-widget .registration .hc_registration .communication-wrapper .checkbox-wrapper>span {
        width: unset
    }

    healcode-widget .registration .hc_registration .communication-wrapper .checkbox-wrapper span input[type=checkbox] {
        order: 2;
        width: unset;
        margin-left: 10px
    }

    healcode-widget .registration .hc_registration .hc-liability .liability {
        width: 100%;
        max-width: unset;
        background: #fff;
        border-radius: 8px
    }

    healcode-widget .registration .hc_registration .liability-checkbox-wrapper {
        display: flex
    }

    healcode-widget .registration .hc_registration .liability-checkbox-wrapper input[type=checkbox] {
        width: unset;
        margin-left: 10px;
        order: 2
    }

    healcode-widget .registration .hc_registration .hc-actions input#hc-register {
        font-family: var(--font-secondary);
        font-size: 1.06rem;
        text-transform: uppercase;
        font-weight: 800;
        line-height: 1;
        padding: 15px 29px 14px;
        border-radius: 50px;
        background-color: var(--primary);
        border-color: var(--primary);
        border-style: solid
    }
}

@media(min-width: 992px) {
    healcode-widget .registration .hc_registration .hc-registration-field select:first-child {
        margin-top:18px
    }

    healcode-widget .registration .hc_registration .communication-wrapper .communication-settings {
        width: 50%
    }

    healcode-widget .registration .hc_registration .hc-registration-field {
        width: 50%
    }
}

@media(max-width: 992px) {
    div.healcode.registration .hc-registration-field>input,div.healcode.registration .hc-registration-field>div>select,div.healcode.registration .hc-registration-field>select {
        width:100%!important
    }

    healcode-widget .registration .hc_registration .hc-registration-field.hc-child_s_date_of_birth select {
        width: 30%!important
    }
}

@media(min-width: 992px) {
    .schedule-tabs img {
        height:23px;
        margin-right: .5rem
    }

    .schedule-tabs>div {
        display: flex;
        flex-direction: row;
        flex: 1;
        justify-content: center;
        align-items: center;
        text-transform: uppercase;
        color: var(--primary);
        padding: .75rem
    }

    .schedule-tabs>div:hover,.schedule-tabs>div.active {
        color: var(--primary);
        background-color: rgba(var(--primary-rgb-format)/15%)
    }
}

@media(max-width: 991px) {
    .schedule-tabs img {
        height:30px;
        margin-bottom: .25rem
    }

    .schedule-tabs>div {
        color: var(--primary);
        display: inline-flex;
        align-items: center;
        text-transform: uppercase;
        flex-direction: column;
        text-align: center;
        padding: 1.25rem;
        line-height: 1.25;
        width: 33.3334%
    }

    .schedule-tabs>div:not(:first-child):not(:nth-last-child(2)) {
        border-left: 2px solid #fff
    }

    .schedule-tabs>div:nth-last-child(1),.schedule-tabs>div:nth-last-child(2) {
        width: 50%;
        border-top: 2px solid #fff
    }

    .schedule-tabs>div:hover,.schedule-tabs>div.active {
        color: var(--primary);
        background-color: rgba(var(--primary-rgb-format)/15%)
    }
}

.cn-subnav-icons .icon-link {
    position: relative;
    display: block
}

.cn-subnav-icons .icon-link:hover .box.box-primary {
    background: var(--primary)
}

.cn-subnav-icons .icon-link:hover .box.box-primary+h3 {
    color: var(--primary)
}

.cn-subnav-icons .icon-link:hover .box.box-secondary {
    background: var(--secondary)
}

.cn-subnav-icons .icon-link:hover .box.box-secondary+h3 {
    color: var(--secondary)
}

.cn-subnav-icons .icon-link:hover .box.box-tertiary {
    background: var(--tertiary)
}

.cn-subnav-icons .icon-link:hover .box.box-tertiary+h3 {
    color: var(--tertiary)
}

.cn-subnav-icons .icon-link:hover .box.box-quaternary {
    background: var(--quaternary)
}

.cn-subnav-icons .icon-link:hover .box.box-quaternary+h3 {
    color: var(--quaternary)
}

.cn-subnav-icons .icon-link:hover .box.box-quinary {
    background: var(--quinary)
}

.cn-subnav-icons .icon-link:hover .box.box-quinary+h3 {
    color: var(--quinary)
}

.cn-subnav-icons .icon-link:hover .box.box-senary {
    background: var(--senary)
}

.cn-subnav-icons .icon-link:hover .box.box-senary+h3 {
    color: var(--senary)
}

.cn-subnav-icons .icon-link:hover .box.box-septenary {
    background: var(--septenary)
}

.cn-subnav-icons .icon-link:hover .box.box-septenary+h3 {
    color: var(--septenary)
}

.cn-subnav-icons .icon-link:hover .box.box-light {
    background: var(--light)
}

.cn-subnav-icons .icon-link:hover .box.box-light+h3 {
    color: var(--light)
}

.cn-subnav-icons .icon-link:hover .box.box-gray {
    background: var(--gray)
}

.cn-subnav-icons .icon-link:hover .box.box-gray+h3 {
    color: var(--gray)
}

.cn-subnav-icons .icon-link:hover .box.box-dark {
    background: var(--dark)
}

.cn-subnav-icons .icon-link:hover .box.box-dark+h3 {
    color: var(--dark)
}

.cn-subnav-icons .icon-link:hover .box.box-dark-gray {
    background: var(--dark-gray)
}

.cn-subnav-icons .icon-link:hover .box.box-dark-gray+h3 {
    color: var(--dark-gray)
}

.cn-subnav-icons .icon-link:hover .box img {
    filter: brightness(100)
}

.cn-subnav-icons .box {
    width: 100%;
    position: relative;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--border-radius);
    margin-bottom: 12px
}

.cn-subnav-icons .box picture {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.cn-subnav-icons .box picture img {
    height: 44.7%;
    max-width: 150px
}

@media(min-width: 992px) {
    .cn-subnav-icons .box picture img {
        height:40%
    }
}

.cn-subnav-icons h3 {
    color: var(--dark)
}

@media(min-width: 992px) {
    .wi-intro-slider+.d-lg-none+.promo-section {
        padding-top:75px!important
    }

    .promo-section {
        padding-top: 0!important
    }
}

@media(max-width: 992px) {
    .wi-intro-slider+.d-lg-none+.promo-section {
        margin-top:45px!important
    }
}

.wi-gallery-slider .infiniteslide_wrap {
    overflow: visible!important
}

.wi-gallery-slider ul {
    align-items: flex-start!important
}

.wi-gallery-slider ul li {
    margin-right: 40px
}

.wi-gallery-slider ul li div.image-container {
    height: 250px;
    width: 100%;
    position: relative;
    overflow: hidden;
    aspect-ratio: 1.3434782609;
    overflow: hidden;
    position: relative;
    border-radius: var(--border-radius);
    box-shadow: 0 8px 25px 0 rgba(0,0,0,.15)
}

.wi-gallery-slider ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.wi-gallery-slider .col-12:before,.wi-gallery-slider .col-12:after {
    content: '';
    height: 100%;
    width: 40px;
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0
}

.wi-gallery-slider .col-12::before {
    left: 0;
    background: linear-gradient(90deg,white 0%,rgba(255,255,255,0) 100%)
}

.wi-gallery-slider .col-12::after {
    right: 0;
    background: linear-gradient(90deg,rgba(255,255,255,0) 0%,white 100%)
}

.wi-gallery-slider .loading-spinner {
    height: 256px
}

@media(min-width: 992px) {
    .wi-gallery-slider:before {
        content:'';
        height: 100%;
        width: 40px;
        position: absolute;
        z-index: 2;
        top: 0;
        bottom: 0
    }
}

@media(max-width: 992px) {
    .wi-gallery-slider ul li div.image-container {
        height:200px
    }
}

.wi-fran-dev-investment-table [class^=col]:nth-child(6n+1) {
    background: #d6e8c6
}

.wi-fran-dev-investment-table [class^=col]:nth-child(6n+2) {
    background: #b5d394
}

.wi-fran-dev-investment-table [class^=col]:nth-child(6n+3) {
    background: #fac0d6
}

.wi-fran-dev-investment-table [class^=col]:nth-child(6n+4) {
    background: #f18bb2
}

.wi-fran-dev-investment-table [class^=col]:nth-child(6n+5) {
    background: #d2e1f2
}

.wi-fran-dev-investment-table [class^=col]:nth-child(6n+6) {
    background: #adc8e5
}

.wi-fran-dev-investment-table {
    font-size: 20px;
    font-weight: 700;
    font-family: var(--font-primary);
    margin-right: 0;
    margin-left: 0;
    line-height: 1;
    letter-spacing: .04rem
}

.wi-fran-dev-investment-table [class^=col] {
    display: flex;
    align-items: center;
    height: 65px
}

.grecaptcha-badge {
    display: none!important
}

@media(max-width: 991px) {
    body .uwy.userway_p5 .userway_buttons_wrapper {
        bottom:5px!important;
        left: 5px!important
    }
}

.wi-contact-sticky-popup {
    position: fixed;
    bottom: -1px;
    right: 2rem;
    width: 25rem;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    overflow: hidden;
    z-index: 1050;
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

@media(max-width: 991px) {
    .wi-contact-sticky-popup {
        right:.675rem;
        left: 4rem;
        width: unset
    }
}

.wi-contact-sticky-popup .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--tertiary);
    padding: .75rem .85rem;
    color: var(--light);
    font-size: 1.25rem
}

.wi-contact-sticky-popup .header .title {
    font-family: var(--font-primary);
    width: 100%;
    text-align: center;
    margin: 0
}

.wi-contact-sticky-popup .header .closed-title {
    display: block
}

.wi-contact-sticky-popup .header .open-title {
    display: none
}

.wi-contact-sticky-popup .header .open {
    display: none;
    line-height: 1
}

.wi-contact-sticky-popup .header .close {
    display: block
}

.wi-contact-sticky-popup .body {
    overflow: scroll;
    padding: .875rem 1.25rem;
    display: flex;
    flex-direction: column;
    max-height: 615px;
    transition: var(--transition);
    scrollbar-color: var(--primary-rgba-tissue) var(--gray)
}

@media(max-width: 991px) {
    .wi-contact-sticky-popup .body {
        padding:.875rem 1rem 1.5rem;
        max-height: 425px
    }
}

.wi-contact-sticky-popup.open .header .closed-title {
    display: none
}

.wi-contact-sticky-popup.open .header .open-title {
    display: block
}

.wi-contact-sticky-popup:not(.open) .header .open {
    display: block
}

.wi-contact-sticky-popup:not(.open) .header .close {
    display: none
}

.wi-contact-sticky-popup:not(.open) .body {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0
}

.wi-contact-sticky-popup .header:hover {
    cursor: pointer
}

@media(max-width: 991px) {
    main>section:first-of-type.wi-bg-video {
        padding-top:calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar,0px))
    }
}

.wi-bg-video {
    padding-top: calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar,0px) + var(--section-unit));
    padding-bottom: 0;
    --mobile-cta-bump-up: 2rem
}

@media(max-width: 991px) {
    .wi-bg-video {
        padding-top:calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar,0px))
    }
}

.wi-bg-video+section {
    padding-top: var(--section-unit)
}

.wi-bg-video>.overlay {
    background: rgba(0,0,0,.3);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

@media(max-width: 991px) {
    .wi-bg-video>.overlay {
        display:none
    }
}

.wi-bg-video>.desktop-video {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0
}

@media(max-width: 991px) {
    .wi-bg-video>.desktop-video {
        display:none
    }
}

.wi-bg-video>.desktop-video .yt-wrapper {
    z-index: 1
}

.wi-bg-video .mobile-video-player {
    display: flex;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 18.75rem;
    width: 100%;
    position: relative
}

@media(min-width: 992px) {
    .wi-bg-video .mobile-video-player {
        display:none
    }
}

.wi-bg-video .mobile-video-player img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 0
}

.wi-bg-video .mobile-video-player .overlay {
    background: rgba(0,0,0,.3);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.wi-bg-video .mobile-video-player .play {
    font-size: 100px;
    position: relative;
    z-index: 2;
    color: var(--light)
}

.wi-bg-video .mobile-separator {
    position: relative;
    z-index: 3
}

@media(min-width: 992px) {
    .wi-bg-video .mobile-separator {
        display:none
    }
}

.wi-bg-video .content {
    position: relative;
    z-index: 2;
    color: var(--light)
}

@media(max-width: 991px) {
    .wi-bg-video .content {
        padding-top:2.5rem;
        padding-bottom: var(--mobile-cta-bump-up);
        background: var(--bg-color)
    }
}

@media(min-width: 992px) {
    .wi-bg-video .content .row {
        min-height:26rem;
        align-items: center;
        margin-bottom: 75px
    }
}

.wi-bg-video .content .row .main-header h1:last-child,.wi-bg-video .content .row .main-header h2:last-child,.wi-bg-video .content .row .main-header h3:last-child,.wi-bg-video .content .row .main-header h4:last-child,.wi-bg-video .content .row .main-header h5:last-child,.wi-bg-video .content .row .main-header h6:last-child {
    margin-bottom: 0!important
}

.wi-bg-video .content .row .subheader h1:last-child,.wi-bg-video .content .row .subheader h2:last-child,.wi-bg-video .content .row .subheader h3:last-child,.wi-bg-video .content .row .subheader h4:last-child,.wi-bg-video .content .row .subheader h5:last-child,.wi-bg-video .content .row .subheader h6:last-child {
    margin-bottom: 0!important
}

@media(max-width: 991px) {
    .wi-bg-video .content .row .desktop-cta {
        display:none
    }
}

.wi-bg-video .desktop-separator {
    position: relative;
    z-index: 1;
    bottom: 0
}

@media(max-width: 991px) {
    .wi-bg-video .desktop-separator {
        display:none
    }
}

.wi-bg-video .mobile-cta-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 4
}

@media(min-width: 992px) {
    .wi-bg-video .mobile-cta-wrapper {
        display:none
    }
}

.wi-bg-video .mobile-cta-wrapper .mobile-cta {
    position: relative;
    width: 90%;
    background: var(--light);
    box-shadow: 0 8px 25px 0 rgba(0,0,0,.15);
    border-radius: 1rem;
    padding: 1.69rem 1rem;
    top: calc(-1 * var(--mobile-cta-bump-up));
    margin-bottom: calc(-1 * var(--mobile-cta-bump-up));
    display: flex;
    flex-direction: column;
    gap: .875rem
}

.wi-bg-video .mobile-cta-wrapper .mobile-cta .cta {
    width: 100%
}

.wi-bg-video .mobile-cta-wrapper .mobile-cta .cta .btn {
    width: 100%
}

div.surrounding-cities-list {
    list-style: none
}

div.surrounding-cities-list div,div.surrounding-cities-list div>a {
    color: #fff;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 160%
}

div.surrounding-cities-list>div>a:hover {
    color: var(--quinary)
}

@media(max-width: 992px) {
    div.surrounding-cities-list>div,div.surrounding-cities-list>div>a {
        font-size:18px;
        line-height: initial
    }
}

.surrounding-cities-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: bottom
}

.wi-content-rows {
    display: flex;
    flex-direction: column;
    gap: 3.75rem
}

.wi-content-rows .row {
    --bs-gutter-x: 2.313rem
}

@media(min-width: 992px) {
    .wi-content-rows .row>* .item .heading h1,.wi-content-rows .row>* .item .heading h2,.wi-content-rows .row>* .item .heading h3,.wi-content-rows .row>* .item .heading h4,.wi-content-rows .row>* .item .heading h5,.wi-content-rows .row>* .item .heading h6 {
        line-height:normal
    }

    .wi-content-rows .row>* .item .img {
        height: 100%;
        min-height: 200px;
        position: relative
    }

    .wi-content-rows .row>* .item .img img {
        width: 100%;
        height: 100%;
        position: absolute;
        object-fit: cover
    }
}

@media(max-width: 991px) {
    .wi-content-rows .row>* .item {
        --bs-gutter-y: 1.2rem
    }

    .wi-content-rows .row>* .item .img {
        height: 14.42rem
    }

    .wi-content-rows .row>* .item .img img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

@media(min-width: 992px) {
    .wi-content-rows .row>*:not(:last-child) .item {
        padding-bottom:2.31rem;
        border-bottom: 1px solid rgba(0,0,0,.3);
        margin-bottom: 2.31rem
    }
}

#loom-companion-mv3 {
    display: none
}

.skip-lazy-render,.skip-lazy-render .nitro-lazy-render {
    content-visibility: visible!important
}