/*!
 * Webpixels CSS v1.1.5 (https://webpixels.io/)
 * Copyright 2021 Webpixels
 * Licensed under MIT (https://github.com/webpixels/css/blob/main/LICENSE)
 */
 :root {
    --x-gray-50: #FAFAFA;
    --x-gray-100: #F5F9FC;
    --x-gray-200: #E7EAF0;
    --x-gray-300: #CFD6DF;
    --x-gray-400: #ABB6C5;
    --x-gray-500: #8898A9;
    --x-gray-600: #6B7B93;
    --x-gray-700: #525F7F;
    --x-gray-800: #2D3748;
    --x-gray-900: #16192C;
    --x-blue-100: #ccebff;
    --x-blue-200: #99d6ff;
    --x-blue-300: #66c2ff;
    --x-blue-400: #33adff;
    --x-blue-500: #0099FF;
    --x-blue-600: #007acc;
    --x-blue-700: #005c99;
    --x-blue-800: #003d66;
    --x-blue-900: #001f33;
    --x-indigo-100: #dedffd;
    --x-indigo-200: #bebffb;
    --x-indigo-300: #9da0f9;
    --x-indigo-400: #7d80f7;
    --x-indigo-500: #5C60F5;
    --x-indigo-600: #4a4dc4;
    --x-indigo-700: #373a93;
    --x-indigo-800: #252662;
    --x-indigo-900: #121331;
    --x-purple-100: #e7ddff;
    --x-purple-200: #d0bcff;
    --x-purple-300: #b89aff;
    --x-purple-400: #a179ff;
    --x-purple-500: #8957FF;
    --x-purple-600: #6e46cc;
    --x-purple-700: #523499;
    --x-purple-800: #372366;
    --x-purple-900: #1b1133;
    --x-pink-100: #ffddeb;
    --x-pink-200: #ffbcd7;
    --x-pink-300: #ff9ac2;
    --x-pink-400: #ff79ae;
    --x-pink-500: #FF579A;
    --x-pink-600: #cc467b;
    --x-pink-700: #99345c;
    --x-pink-800: #66233e;
    --x-pink-900: #33111f;
    --x-magenta-100: #fcd6ff;
    --x-magenta-200: #f8adff;
    --x-magenta-300: #f585ff;
    --x-magenta-400: #f15cff;
    --x-magenta-500: #EE33FF;
    --x-magenta-600: #be29cc;
    --x-magenta-700: #8f1f99;
    --x-magenta-800: #5f1466;
    --x-magenta-900: #300a33;
    --x-red-100: #ffd6e0;
    --x-red-200: #ffadc2;
    --x-red-300: #ff85a3;
    --x-red-400: #ff5c85;
    --x-red-500: #FF3366;
    --x-red-600: #cc2952;
    --x-red-700: #991f3d;
    --x-red-800: #661429;
    --x-red-900: #330a14;
    --x-orange-100: #ffe8cc;
    --x-orange-200: #ffd199;
    --x-orange-300: #ffba66;
    --x-orange-400: #ffa333;
    --x-orange-500: #FF8C00;
    --x-orange-600: #cc7000;
    --x-orange-700: #995400;
    --x-orange-800: #663800;
    --x-orange-900: #331c00;
    --x-yellow-100: #fff1cc;
    --x-yellow-200: #ffe499;
    --x-yellow-300: #ffd666;
    --x-yellow-400: #ffc933;
    --x-yellow-500: #FFBB00;
    --x-yellow-600: #cc9600;
    --x-yellow-700: #997000;
    --x-yellow-800: #664b00;
    --x-yellow-900: #332500;
    --x-green-100: #ccf5e7;
    --x-green-200: #99ebcf;
    --x-green-300: #66e0b8;
    --x-green-400: #33d6a0;
    --x-green-500: #00CC88;
    --x-green-600: #00a36d;
    --x-green-700: #007a52;
    --x-green-800: #005236;
    --x-green-900: #00291b;
    --x-teal-100: #d3f8f8;
    --x-teal-200: #a7f1f1;
    --x-teal-300: #7aebeb;
    --x-teal-400: #4ee4e4;
    --x-teal-500: #22DDDD;
    --x-teal-600: #1bb1b1;
    --x-teal-700: #148585;
    --x-teal-800: #0e5858;
    --x-teal-900: #072c2c;
    --x-cyan-100: #ccf6ff;
    --x-cyan-200: #99eeff;
    --x-cyan-300: #66e5ff;
    --x-cyan-400: #33ddff;
    --x-cyan-500: #00D4FF;
    --x-cyan-600: #00aacc;
    --x-cyan-700: #007f99;
    --x-cyan-800: #005566;
    --x-cyan-900: #002a33;
    --x-primary: #5C60F5;
    --x-shade-primary: #5356dd;
    --x-tint-primary: #6c70f6;
    --x-secondary: #CFD6DF;
    --x-shade-secondary: #bac1c9;
    --x-tint-secondary: #d4dae2;
    --x-tertiary: #FF579A;
    --x-shade-tertiary: #e64e8b;
    --x-tint-tertiary: #ff68a4;
    --x-success: #00CC88;
    --x-shade-success: #00b87a;
    --x-tint-success: #1ad194;
    --x-info: #00D4FF;
    --x-shade-info: #00bfe6;
    --x-tint-info: #1ad8ff;
    --x-warning: #FF8C00;
    --x-shade-warning: #e67e00;
    --x-tint-warning: #ff981a;
    --x-danger: #FF3366;
    --x-shade-danger: #e62e5c;
    --x-tint-danger: #ff4775;
    --x-white: #FFF;
    --x-shade-white: #e6e6e6;
    --x-tint-white: white;
    --x-light: #E7EAF0;
    --x-shade-light: #d0d3d8;
    --x-tint-light: #e9ecf2;
    --x-dark: #16192C;
    --x-shade-dark: #141728;
    --x-tint-dark: #2d3041;
    --x-primary-rgb: 92, 96, 245;
    --x-secondary-rgb: 207, 214, 223;
    --x-tertiary-rgb: 255, 87, 154;
    --x-success-rgb: 0, 204, 136;
    --x-info-rgb: 0, 212, 255;
    --x-warning-rgb: 255, 140, 0;
    --x-danger-rgb: 255, 51, 102;
    --x-white-rgb: 255, 255, 255;
    --x-light-rgb: 231, 234, 240;
    --x-dark-rgb: 22, 25, 44;
    --x-surface-primary: #FFF;
    --x-surface-secondary: #F5F9FC;
    --x-surface-tertiary: #FAFAFA;
    --x-surface-light: #E7EAF0;
    --x-surface-dark: #141729;
    --x-white-rgb: 255, 255, 255;
    --x-black-rgb: 0, 0, 0;
    --x-muted-rgb: 107, 123, 147;
    --x-body-rgb: 82, 95, 127;
    --x-heading-rgb: 22, 25, 44;
    --x-card-rgb: 255, 255, 255;
    --x-font-sans-serif: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    --x-font-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --x-font-display: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    --x-font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --x-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --x-body-font-family: var(--x-font-sans-serif);
    --x-body-font-size: 1rem;
    --x-body-font-weight: 400;
    --x-body-line-height: 1.625;
    --x-body-color: #525F7F;
    --x-body-bg: #FFF
}

*,
*::before,
*::after {
    box-sizing: border-box
}

@media(prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}
.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-no-decoration {
    text-decoration: none !important
}

.text-no-decoration-hover:hover {
    text-decoration: none !important
}

.text-underline {
    text-decoration: underline !important
}

.text-underline-hover:hover {
    text-decoration: underline !important
}

.text-line-through {
    text-decoration: line-through !important
}

.text-line-through-hover:hover {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-lowercase-hover:hover {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-uppercase-hover:hover {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-capitalize-hover:hover {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --x-text-opacity: 1;
    color: rgba(var(--x-primary-rgb), var(--x-text-opacity)) !important
}

.text-primary-hover:hover {
    color: rgba(var(--x-primary-rgb), var(--x-text-opacity)) !important
}

.text-secondary {
    --x-text-opacity: 1;
    color: rgba(var(--x-secondary-rgb), var(--x-text-opacity)) !important
}

.text-secondary-hover:hover {
    color: rgba(var(--x-secondary-rgb), var(--x-text-opacity)) !important
}

.text-tertiary {
    --x-text-opacity: 1;
    color: rgba(var(--x-tertiary-rgb), var(--x-text-opacity)) !important
}

.text-tertiary-hover:hover {
    color: rgba(var(--x-tertiary-rgb), var(--x-text-opacity)) !important
}

.text-success {
    --x-text-opacity: 1;
    color: rgba(var(--x-success-rgb), var(--x-text-opacity)) !important
}

.text-success-hover:hover {
    color: rgba(var(--x-success-rgb), var(--x-text-opacity)) !important
}

.text-info {
    --x-text-opacity: 1;
    color: rgba(var(--x-info-rgb), var(--x-text-opacity)) !important
}

.text-info-hover:hover {
    color: rgba(var(--x-info-rgb), var(--x-text-opacity)) !important
}

.text-warning {
    --x-text-opacity: 1;
    color: rgba(var(--x-warning-rgb), var(--x-text-opacity)) !important
}

.text-warning-hover:hover {
    color: rgba(var(--x-warning-rgb), var(--x-text-opacity)) !important
}

.text-danger {
    --x-text-opacity: 1;
    color: rgba(var(--x-danger-rgb), var(--x-text-opacity)) !important
}

.text-danger-hover:hover {
    color: rgba(var(--x-danger-rgb), var(--x-text-opacity)) !important
}

.text-white {
    --x-text-opacity: 1;
    color: rgba(var(--x-white-rgb), var(--x-text-opacity)) !important
}

.text-white-hover:hover {
    color: rgba(var(--x-white-rgb), var(--x-text-opacity)) !important
}

.text-light {
    --x-text-opacity: 1;
    color: rgba(var(--x-light-rgb), var(--x-text-opacity)) !important
}

.text-light-hover:hover {
    color: rgba(var(--x-light-rgb), var(--x-text-opacity)) !important
}

.text-dark {
    --x-text-opacity: 1;
    color: rgba(var(--x-dark-rgb), var(--x-text-opacity)) !important
}

.text-dark-hover:hover {
    color: rgba(var(--x-dark-rgb), var(--x-text-opacity)) !important
}

.text-black {
    --x-text-opacity: 1;
    color: rgba(var(--x-black-rgb), var(--x-text-opacity)) !important
}

.text-black-hover:hover {
    color: rgba(var(--x-black-rgb), var(--x-text-opacity)) !important
}

.text-body {
    --x-text-opacity: 1;
    color: rgba(var(--x-body-color-rgb), var(--x-text-opacity)) !important
}

.text-body-hover:hover {
    color: rgba(var(--x-body-color-rgb), var(--x-text-opacity)) !important
}

.text-muted {
    --x-text-opacity: 1;
    color: rgba(var(--x-muted-rgb), var(--x-text-opacity)) !important
}

.text-muted-hover:hover {
    color: rgba(var(--x-muted-rgb), var(--x-text-opacity)) !important
}

.text-heading {
    --x-text-opacity: 1;
    color: rgba(var(--x-heading-rgb), var(--x-text-opacity)) !important
}

.text-heading-hover:hover {
    color: rgba(var(--x-heading-rgb), var(--x-text-opacity)) !important
}

.text-current {
    --x-text-opacity: 1;
    color: rgba(var(--x-current-rgb), var(--x-text-opacity)) !important
}

.text-current-hover:hover {
    color: rgba(var(--x-current-rgb), var(--x-text-opacity)) !important
}

.text-reset {
    --x-text-opacity: 1;
    color: rgba(var(--x-reset-rgb), var(--x-text-opacity)) !important
}

.text-reset-hover:hover {
    color: rgba(var(--x-reset-rgb), var(--x-text-opacity)) !important
}

.text-opacity-25 {
    --x-text-opacity: 0.25
}

.text-opacity-50 {
    --x-text-opacity: 0.5
}

.text-opacity-75 {
    --x-text-opacity: 0.75
}

.text-opacity-100 {
    --x-text-opacity: 1
}

.bg-primary {
    --x-bg-opacity: 1;
    background-color: rgba(var(--x-primary-rgb), var(--x-bg-opacity)) !important
}

.bg-primary-hover:hover {
    background-color: rgba(var(--x-primary-rgb), var(--x-bg-opacity)) !important
}

.bg-primary-focus:focus {
    background-color: rgba(var(--x-primary-rgb), var(--x-bg-opacity)) !important
}

.bg-primary-focus-within:focus-within {
    background-color: rgba(var(--x-primary-rgb), var(--x-bg-opacity)) !important
}

.bg-secondary {
    --x-bg-opacity: 1;
    background-color: rgba(var(--x-secondary-rgb), var(--x-bg-opacity)) !important
}

.bg-secondary-hover:hover {
    background-color: rgba(var(--x-secondary-rgb), var(--x-bg-opacity)) !important
}

.bg-secondary-focus:focus {
    background-color: rgba(var(--x-secondary-rgb), var(--x-bg-opacity)) !important
}

.bg-secondary-focus-within:focus-within {
    background-color: rgba(var(--x-secondary-rgb), var(--x-bg-opacity)) !important
}

.bg-tertiary {
    --x-bg-opacity: 1;
    background-color: rgba(var(--x-tertiary-rgb), var(--x-bg-opacity)) !important
}

.bg-tertiary-hover:hover {
    background-color: rgba(var(--x-tertiary-rgb), var(--x-bg-opacity)) !important
}

.bg-tertiary-focus:focus {
    background-color: rgba(var(--x-tertiary-rgb), var(--x-bg-opacity)) !important
}

.bg-tertiary-focus-within:focus-within {
    background-color: rgba(var(--x-tertiary-rgb), var(--x-bg-opacity)) !important
}

.bg-success {
    --x-bg-opacity: 1;
    background-color: rgba(var(--x-success-rgb), var(--x-bg-opacity)) !important
}

.bg-success-hover:hover {
    background-color: rgba(var(--x-success-rgb), var(--x-bg-opacity)) !important
}

.bg-success-focus:focus {
    background-color: rgba(var(--x-success-rgb), var(--x-bg-opacity)) !important
}

.bg-success-focus-within:focus-within {
    background-color: rgba(var(--x-success-rgb), var(--x-bg-opacity)) !important
}

.bg-info {
    --x-bg-opacity: 1;
    background-color: rgba(var(--x-info-rgb), var(--x-bg-opacity)) !important
}

.bg-info-hover:hover {
    background-color: rgba(var(--x-info-rgb), var(--x-bg-opacity)) !important
}

.bg-info-focus:focus {
    background-color: rgba(var(--x-info-rgb), var(--x-bg-opacity)) !important
}

.bg-info-focus-within:focus-within {
    background-color: rgba(var(--x-info-rgb), var(--x-bg-opacity)) !important
}

.bg-warning {
    --x-bg-opacity: 1;
    background-color: rgba(var(--x-warning-rgb), var(--x-bg-opacity)) !important
}

.bg-warning-hover:hover {
    background-color: rgba(var(--x-warning-rgb), var(--x-bg-opacity)) !important
}

.bg-warning-focus:focus {
    background-color: rgba(var(--x-warning-rgb), var(--x-bg-opacity)) !important
}

.bg-warning-focus-within:focus-within {
    background-color: rgba(var(--x-warning-rgb), var(--x-bg-opacity)) !important
}

.bg-danger {
    --x-bg-opacity: 1;
    background-color: rgba(var(--x-danger-rgb), var(--x-bg-opacity)) !important
}

.bg-danger-hover:hover {
    background-color: rgba(var(--x-danger-rgb), var(--x-bg-opacity)) !important
}

.bg-danger-focus:focus {
    background-color: rgba(var(--x-danger-rgb), var(--x-bg-opacity)) !important
}

.bg-danger-focus-within:focus-within {
    background-color: rgba(var(--x-danger-rgb), var(--x-bg-opacity)) !important
}

.bg-white {
    --x-bg-opacity: 1;
    background-color: rgba(var(--x-white-rgb), var(--x-bg-opacity)) !important
}

.bg-white-hover:hover {
    background-color: rgba(var(--x-white-rgb), var(--x-bg-opacity)) !important
}

.bg-white-focus:focus {
    background-color: rgba(var(--x-white-rgb), var(--x-bg-opacity)) !important
}

.bg-white-focus-within:focus-within {
    background-color: rgba(var(--x-white-rgb), var(--x-bg-opacity)) !important
}

.bg-light {
    --x-bg-opacity: 1;
    background-color: rgba(var(--x-light-rgb), var(--x-bg-opacity)) !important
}

.bg-light-hover:hover {
    background-color: rgba(var(--x-light-rgb), var(--x-bg-opacity)) !important
}

.bg-light-focus:focus {
    background-color: rgba(var(--x-light-rgb), var(--x-bg-opacity)) !important
}

.bg-light-focus-within:focus-within {
    background-color: rgba(var(--x-light-rgb), var(--x-bg-opacity)) !important
}

.bg-dark {
    --x-bg-opacity: 1;
    background-color: rgba(var(--x-dark-rgb), var(--x-bg-opacity)) !important
}

.bg-dark-hover:hover {
    background-color: rgba(var(--x-dark-rgb), var(--x-bg-opacity)) !important
}

.bg-dark-focus:focus {
    background-color: rgba(var(--x-dark-rgb), var(--x-bg-opacity)) !important
}

.bg-dark-focus-within:focus-within {
    background-color: rgba(var(--x-dark-rgb), var(--x-bg-opacity)) !important
}

.bg-body {
    --x-bg-opacity: 1;
    background-color: rgba(var(--x-body-bg-rgb), var(--x-bg-opacity)) !important
}

.bg-body-hover:hover {
    background-color: rgba(var(--x-body-bg-rgb), var(--x-bg-opacity)) !important
}

.bg-body-focus:focus {
    background-color: rgba(var(--x-body-bg-rgb), var(--x-bg-opacity)) !important
}

.bg-body-focus-within:focus-within {
    background-color: rgba(var(--x-body-bg-rgb), var(--x-bg-opacity)) !important
}

.bg-black {
    --x-bg-opacity: 1;
    background-color: rgba(var(--x-black-rgb), var(--x-bg-opacity)) !important
}

.bg-black-hover:hover {
    background-color: rgba(var(--x-black-rgb), var(--x-bg-opacity)) !important
}

.bg-black-focus:focus {
    background-color: rgba(var(--x-black-rgb), var(--x-bg-opacity)) !important
}

.bg-black-focus-within:focus-within {
    background-color: rgba(var(--x-black-rgb), var(--x-bg-opacity)) !important
}

.bg-card {
    --x-bg-opacity: 1;
    background-color: rgba(var(--x-card-rgb), var(--x-bg-opacity)) !important
}

.bg-card-hover:hover {
    background-color: rgba(var(--x-card-rgb), var(--x-bg-opacity)) !important
}

.bg-card-focus:focus {
    background-color: rgba(var(--x-card-rgb), var(--x-bg-opacity)) !important
}

.bg-card-focus-within:focus-within {
    background-color: rgba(var(--x-card-rgb), var(--x-bg-opacity)) !important
}

.bg-transparent {
    --x-bg-opacity: 1;
    background-color: rgba(var(--x-transparent-rgb), var(--x-bg-opacity)) !important
}

.bg-transparent-hover:hover {
    background-color: rgba(var(--x-transparent-rgb), var(--x-bg-opacity)) !important
}

.bg-transparent-focus:focus {
    background-color: rgba(var(--x-transparent-rgb), var(--x-bg-opacity)) !important
}

.bg-transparent-focus-within:focus-within {
    background-color: rgba(var(--x-transparent-rgb), var(--x-bg-opacity)) !important
}

.bg-current {
    --x-bg-opacity: 1;
    background-color: rgba(var(--x-current-rgb), var(--x-bg-opacity)) !important
}

.bg-current-hover:hover {
    background-color: rgba(var(--x-current-rgb), var(--x-bg-opacity)) !important
}

.bg-current-focus:focus {
    background-color: rgba(var(--x-current-rgb), var(--x-bg-opacity)) !important
}

.bg-current-focus-within:focus-within {
    background-color: rgba(var(--x-current-rgb), var(--x-bg-opacity)) !important
}

.bg-opacity-10 {
    --x-bg-opacity: 0.1
}

.bg-opacity-25 {
    --x-bg-opacity: 0.25
}

.bg-opacity-50 {
    --x-bg-opacity: 0.5
}

.bg-opacity-75 {
    --x-bg-opacity: 0.75
}

.bg-opacity-100 {
    --x-bg-opacity: 1
}


.border-0 {
    border-width: 0 !important
}

.border-0-hover:hover {
    border-width: 0 !important
}

.border-0-focus:focus {
    border-width: 0 !important
}

.border {
    border-width: 1px !important
}

.border-hover:hover {
    border-width: 1px !important
}

.border-focus:focus {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-2-hover:hover {
    border-width: 2px !important
}

.border-2-focus:focus {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-3-hover:hover {
    border-width: 3px !important
}

.border-3-focus:focus {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-4-hover:hover {
    border-width: 4px !important
}

.border-4-focus:focus {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.border-5-hover:hover {
    border-width: 5px !important
}

.border-5-focus:focus {
    border-width: 5px !important
}

.border-6 {
    border-width: 6px !important
}

.border-6-hover:hover {
    border-width: 6px !important
}

.border-6-focus:focus {
    border-width: 6px !important
}

.border-7 {
    border-width: 7px !important
}

.border-7-hover:hover {
    border-width: 7px !important
}

.border-7-focus:focus {
    border-width: 7px !important
}

.border-8 {
    border-width: 8px !important
}

.border-8-hover:hover {
    border-width: 8px !important
}

.border-8-focus:focus {
    border-width: 8px !important
}


.shadow {
    box-shadow: 0px 3px 3px -1px rgba(10, 22, 70, .1), 0px 0px 1px 0px rgba(10, 22, 70, .06) !important
}

.shadow-hover:hover {
    box-shadow: 0px 3px 3px -1px rgba(10, 22, 70, .1), 0px 0px 1px 0px rgba(10, 22, 70, .06) !important
}

.shadow-1 {
    box-shadow: 0px 1px 1px 0px rgba(10, 22, 70, .1), 0px 0px 1px 0px rgba(10, 22, 70, .06) !important
}

.shadow-1-hover:hover {
    box-shadow: 0px 1px 1px 0px rgba(10, 22, 70, .1), 0px 0px 1px 0px rgba(10, 22, 70, .06) !important
}

.shadow-2 {
    box-shadow: 0px 6px 6px -1px rgba(10, 22, 70, .1), 0px 0px 1px 0px rgba(10, 22, 70, .06) !important
}

.shadow-2-hover:hover {
    box-shadow: 0px 6px 6px -1px rgba(10, 22, 70, .1), 0px 0px 1px 0px rgba(10, 22, 70, .06) !important
}

.shadow-3 {
    box-shadow: 0px 9px 9px -1px rgba(10, 22, 70, .1), 0px 0px 1px 0px rgba(10, 22, 70, .06) !important
}

.shadow-3-hover:hover {
    box-shadow: 0px 9px 9px -1px rgba(10, 22, 70, .1), 0px 0px 1px 0px rgba(10, 22, 70, .06) !important
}

.shadow-4 {
    box-shadow: 0px 16px 16px -1px rgba(10, 22, 70, .1), 0px 0px 1px 0px rgba(10, 22, 70, .06) !important
}

.shadow-4-hover:hover {
    box-shadow: 0px 16px 16px -1px rgba(10, 22, 70, .1), 0px 0px 1px 0px rgba(10, 22, 70, .06) !important
}

.shadow-5 {
    box-shadow: 0px 32px 40px -2px rgba(10, 22, 70, .11), 0px 0px 1px 0px rgba(10, 22, 70, .06) !important
}

.shadow-5-hover:hover {
    box-shadow: 0px 32px 40px -2px rgba(10, 22, 70, .11), 0px 0px 1px 0px rgba(10, 22, 70, .06) !important
}

.shadow-6 {
    box-shadow: 0px 36px 50px 0 rgba(10, 22, 70, .1), 0px 0px 1px 0px rgba(10, 22, 70, .06) !important
}

.shadow-6-hover:hover {
    box-shadow: 0px 36px 50px 0 rgba(10, 22, 70, .1), 0px 0px 1px 0px rgba(10, 22, 70, .06) !important
}

.shadow-inset {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075) !important
}

.shadow-inset-hover:hover {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075) !important
}

.shadow-outline {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important
}

.shadow-outline-hover:hover {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important
}

.shadow-focus {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important
}

.shadow-focus-hover:hover {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important
}

.shadow-none {
    box-shadow: none !important
}

.shadow-none-hover:hover {
    box-shadow: none !important
}


.icon {
    font-size: 1.7142857143rem;
    line-height: 1
}

.icon svg {
    width: 1em;
    height: 1em
}

.icon+.icon-text {
    padding-left: 1rem;
    width: calc(100% - 3rem - 1)
}

.icon-xl {
    font-size: 2.8571428571rem
}

.icon-xl+.icon-text {
    width: calc(100% - 5rem - 1)
}

.icon-lg {
    font-size: 2.2857142857rem
}

.icon-lg+.icon-text {
    width: calc(100% - 4rem - 1)
}

.icon-sm {
    font-size: 1.1428571429rem
}

.icon-sm+.icon-text {
    width: calc(100% - 2rem - 1)
}

.icon-xs {
    font-size: .7142857143rem
}

.icon-xs+.icon-text {
    width: calc(100% - 1.25rem - 1)
}

.icon-shape {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
    border-radius: .375rem;
    width: 3rem;
    height: 3rem
}

.icon-shape.icon-xl {
    width: 5rem;
    height: 5rem
}

.icon-shape.icon-lg {
    width: 4rem;
    height: 4rem
}

.icon-shape.icon-sm {
    width: 2rem;
    height: 2rem
}

.icon-shape.icon-xs {
    width: 1.25rem;
    height: 1.25rem
}

.col {
    flex: 1 0 0%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

@media(min-width: 576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media(min-width: 992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media(min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%
    }

.col-xxl-auto {
    flex: 0 0 auto;
    width: auto
}

.col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-xxl-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-xxl-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-xxl-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}
}

@media(min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

.font-italic {
    font-style: italic !important
}

.font-normal {
    font-style: normal !important
}

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

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

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

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

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

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

.g-0,
.gx-0 {
    --x-gutter-x: 0
}

.g-0,
.gy-0 {
    --x-gutter-y: 0
}

.g-1,
.gx-1 {
    --x-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
    --x-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
    --x-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
    --x-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
    --x-gutter-x: 0.75rem
}

.g-3,
.gy-3 {
    --x-gutter-y: 0.75rem
}

.g-4,
.gx-4 {
    --x-gutter-x: 1rem
}

.g-4,
.gy-4 {
    --x-gutter-y: 1rem
}

.g-5,
.gx-5 {
    --x-gutter-x: 1.25rem
}

.g-5,
.gy-5 {
    --x-gutter-y: 1.25rem
}

.g-6,
.gx-6 {
    --x-gutter-x: 1.5rem
}

.g-6,
.gy-6 {
    --x-gutter-y: 1.5rem
}

.g-7,
.gx-7 {
    --x-gutter-x: 1.75rem
}

.g-7,
.gy-7 {
    --x-gutter-y: 1.75rem
}

.g-8,
.gx-8 {
    --x-gutter-x: 2rem
}

.g-8,
.gy-8 {
    --x-gutter-y: 2rem
}

.g-10,
.gx-10 {
    --x-gutter-x: 2.5rem
}

.g-10,
.gy-10 {
    --x-gutter-y: 2.5rem
}

.g-12,
.gx-12 {
    --x-gutter-x: 3rem
}

.g-12,
.gy-12 {
    --x-gutter-y: 3rem
}

.g-14,
.gx-14 {
    --x-gutter-x: 3.5rem
}

.g-14,
.gy-14 {
    --x-gutter-y: 3.5rem
}

.g-16,
.gx-16 {
    --x-gutter-x: 4rem
}

.g-16,
.gy-16 {
    --x-gutter-y: 4rem
}

.g-18,
.gx-18 {
    --x-gutter-x: 4.5rem
}

.g-18,
.gy-18 {
    --x-gutter-y: 4.5rem
}

.g-20,
.gx-20 {
    --x-gutter-x: 5rem
}

.g-20,
.gy-20 {
    --x-gutter-y: 5rem
}

.g-24,
.gx-24 {
    --x-gutter-x: 6rem
}

.g-24,
.gy-24 {
    --x-gutter-y: 6rem
}

.g-32,
.gx-32 {
    --x-gutter-x: 8rem
}

.g-32,
.gy-32 {
    --x-gutter-y: 8rem
}

.g-40,
.gx-40 {
    --x-gutter-x: 10rem
}

.g-40,
.gy-40 {
    --x-gutter-y: 10rem
}

.g-48,
.gx-48 {
    --x-gutter-x: 12rem
}

.g-48,
.gy-48 {
    --x-gutter-y: 12rem
}

.g-56,
.gx-56 {
    --x-gutter-x: 14rem
}

.g-56,
.gy-56 {
    --x-gutter-y: 14rem
}

.g-64,
.gx-64 {
    --x-gutter-x: 16rem
}

.g-64,
.gy-64 {
    --x-gutter-y: 16rem
}

.g-72,
.gx-72 {
    --x-gutter-x: 18rem
}

.g-72,
.gy-72 {
    --x-gutter-y: 18rem
}

.g-80,
.gx-80 {
    --x-gutter-x: 20rem
}

.g-80,
.gy-80 {
    --x-gutter-y: 20rem
}

.g-88,
.gx-88 {
    --x-gutter-x: 22rem
}

.g-88,
.gy-88 {
    --x-gutter-y: 22rem
}

.g-96,
.gx-96 {
    --x-gutter-x: 24rem
}

.g-96,
.gy-96 {
    --x-gutter-y: 24rem
}

.g-px,
.gx-px {
    --x-gutter-x: 1px
}

.g-px,
.gy-px {
    --x-gutter-y: 1px
}