:root{
    --fv-main-website-theme: #3BB77E;
    --fv-main-website-dark-theme: #035C56;
      --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000000;
    --bs-white: #ffffff;
    --bs-gray: #7E8299;
    --bs-gray-dark: #3F4254;
    --bs-gray-100: #f5f8fa;
    --bs-gray-200: #eff2f5;
    --bs-gray-300: #E4E6EF;
    --bs-gray-400: #B5B5C3;
    --bs-gray-500: #A1A5B7;
    --bs-gray-600: #7E8299;
    --bs-gray-700: #5E6278;
    --bs-gray-800: #3F4254;
    --bs-gray-900: #181C32;
    --bs-white: #ffffff;
    --bs-light: #f5f8fa;
    --bs-primary: #009ef7;
    --bs-secondary: #E4E6EF;
    --bs-success: #50cd89;
    --bs-info: #7239ea;
    --bs-warning: #ffc700;
    --bs-danger: #f1416c;
    --bs-dark: #181C32;
    --bs-white-rgb: 255,255,255;
    --bs-light-rgb: 245,248,250;
    --bs-primary-rgb: 0,158,247;
    --bs-secondary-rgb: 228,230,239;
    --bs-success-rgb: 80,205,137;
    --bs-info-rgb: 114,57,234;
    --bs-warning-rgb: 255,199,0;
    --bs-danger-rgb: 241,65,108;
    --bs-dark-rgb: 24,28,50;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color-rgb: 24,28,50;
    --bs-body-bg-rgb: 255,255,255;
    --bs-font-sans-serif: Poppins,Helvetica,"sans-serif";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #181C32;
    --bs-body-bg: #F2F7FF;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #eff2f5;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.475rem;
    --bs-border-radius-sm: 0.425rem;
    --bs-border-radius-lg: 0.625rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-heading-color: #181C32;
    --bs-link-color: #009ef7;
    --bs-link-hover-color: shift-color(#009ef7, 20%);
    --bs-code-color: #b93993;
    --bs-highlight-bg: #fff3cd;
    --kt-xs: 0;
    --kt-sm: 576px;
    --kt-md: 768px;
    --kt-lg: 992px;
    --kt-xl: 1200px;
    --kt-xxl: 1400px;
    --kt-white: #ffffff;
    --kt-black: #000000;
    --kt-text-muted: #A1A5B7;
    --kt-gray-100: #f5f8fa;
    --kt-gray-200: #eff2f5;
    --kt-gray-300: #E4E6EF;
    --kt-gray-400: #B5B5C3;
    --kt-gray-500: #A1A5B7;
    --kt-gray-600: #7E8299;
    --kt-gray-700: #5E6278;
    --kt-gray-800: #3F4254;
    --kt-gray-900: #181C32;
    --kt-gray-100-rgb: 245,248,250;
    --kt-gray-200-rgb: 239,242,245;
    --kt-gray-300-rgb: 228,230,239;
    --kt-gray-400-rgb: 181,181,195;
    --kt-gray-500-rgb: 161,165,183;
    --kt-gray-600-rgb: 126,130,153;
    --kt-gray-700-rgb: 94,98,120;
    --kt-gray-800-rgb: 63,66,84;
    --kt-gray-900-rgb: 24,28,50;
    --kt-white: #ffffff;
    --kt-light: #f5f8fa;
    --kt-primary: #009ef7;
    --kt-secondary: #E4E6EF;
    --kt-success: #50cd89;
    --kt-info: #7239ea;
    --kt-warning: #ffc700;
    --kt-danger: #f1416c;
    --kt-dark: #181C32;
    --kt-primary-active: #0095e8;
    --kt-secondary-active: #B5B5C3;
    --kt-light-active: #eff2f5;
    --kt-success-active: #47be7d;
    --kt-info-active: #5014d0;
    --kt-warning-active: #f1bc00;
    --kt-danger-active: #d9214e;
    --kt-dark-active: #131628;
    --kt-primary-light: #f1faff;
    --kt-secondary-light: #f5f8fa;
    --kt-success-light: #e8fff3;
    --kt-info-light: #f8f5ff;
    --kt-warning-light: #fff8dd;
    --kt-danger-light: #fff5f8;
    --kt-dark-light: #eff2f5;
    --kt-primary-inverse: #ffffff;
    --kt-secondary-inverse: #3F4254;
    --kt-light-inverse: #7E8299;
    --kt-success-inverse: #ffffff;
    --kt-info-inverse: #ffffff;
    --kt-warning-inverse: #ffffff;
    --kt-danger-inverse: #ffffff;
    --kt-dark-inverse: #ffffff;
    --kt-white-rgb: 255,255,255;
    --kt-light-rgb: 245,248,250;
    --kt-primary-rgb: 0,158,247;
    --kt-secondary-rgb: 228,230,239;
    --kt-success-rgb: 80,205,137;
    --kt-info-rgb: 114,57,234;
    --kt-warning-rgb: 255,199,0;
    --kt-danger-rgb: 241,65,108;
    --kt-dark-rgb: 24,28,50;
    --kt-text-white: #ffffff;
    --kt-text-primary: #009ef7;
    --kt-text-secondary: #E4E6EF;
    --kt-text-light: #f5f8fa;
    --kt-text-success: #50cd89;
    --kt-text-info: #7239ea;
    --kt-text-warning: #ffc700;
    --kt-text-danger: #f1416c;
    --kt-text-dark: #181C32;
    --kt-text-muted: #A1A5B7;
    --kt-text-gray-100: #f5f8fa;
    --kt-text-gray-200: #eff2f5;
    --kt-text-gray-300: #E4E6EF;
    --kt-text-gray-400: #B5B5C3;
    --kt-text-gray-500: #A1A5B7;
    --kt-text-gray-600: #7E8299;
    --kt-text-gray-700: #5E6278;
    --kt-text-gray-800: #3F4254;
    --kt-text-gray-900: #181C32;
}
.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important
}

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

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

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

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

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

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

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

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

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

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent!important
}

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

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

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

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

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




.bg-light-primary {
    background-color: var(--kt-primary-light)!important
}

.bg-primary {
    --kt-bg-rgb-color: var(--kt-primary-rgb);
    background-color: var(--kt-primary)!important
}

.bg-hover-light-primary {
    cursor: pointer
}

.bg-hover-light-primary:hover {
    background-color: var(--kt-primary-light)!important
}

.bg-state-light-primary {
    cursor: pointer
}

.bg-state-light-primary.active,.bg-state-light-primary:hover {
    background-color: var(--kt-primary-light)!important
}

.bg-hover-primary {
    cursor: pointer
}

.bg-hover-primary:hover {
    background-color: var(--kt-primary)!important
}

.bg-active-primary.active {
    background-color: var(--kt-primary)!important
}

.bg-state-primary {
    cursor: pointer
}

.bg-state-primary.active,.bg-state-primary:hover {
    background-color: var(--kt-primary)!important
}

.bg-light-secondary {
    background-color: var(--kt-secondary-light)!important
}

.bg-secondary {
    --kt-bg-rgb-color: var(--kt-secondary-rgb);
    background-color: var(--kt-secondary)!important
}

.bg-hover-light-secondary {
    cursor: pointer
}

.bg-hover-light-secondary:hover {
    background-color: var(--kt-secondary-light)!important
}

.bg-state-light-secondary {
    cursor: pointer
}

.bg-state-light-secondary.active,.bg-state-light-secondary:hover {
    background-color: var(--kt-secondary-light)!important
}

.bg-hover-secondary {
    cursor: pointer
}

.bg-hover-secondary:hover {
    background-color: var(--kt-secondary)!important
}

.bg-active-secondary.active {
    background-color: var(--kt-secondary)!important
}

.bg-state-secondary {
    cursor: pointer
}

.bg-state-secondary.active,.bg-state-secondary:hover {
    background-color: var(--kt-secondary)!important
}

.bg-light-success {
    background-color: var(--kt-success-light)!important
}

.bg-success {
    --kt-bg-rgb-color: var(--kt-success-rgb);
    background-color: var(--kt-success)!important
}

.bg-hover-light-success {
    cursor: pointer
}

.bg-hover-light-success:hover {
    background-color: var(--kt-success-light)!important
}

.bg-state-light-success {
    cursor: pointer
}

.bg-state-light-success.active,.bg-state-light-success:hover {
    background-color: var(--kt-success-light)!important
}

.bg-hover-success {
    cursor: pointer
}

.bg-hover-success:hover {
    background-color: var(--kt-success)!important
}

.bg-active-success.active {
    background-color: var(--kt-success)!important
}

.bg-state-success {
    cursor: pointer
}

.bg-state-success.active,.bg-state-success:hover {
    background-color: var(--kt-success)!important
}

.bg-light-info {
    background-color: var(--kt-info-light)!important
}

.bg-info {
    --kt-bg-rgb-color: var(--kt-info-rgb);
    background-color: var(--kt-info)!important
}

.bg-hover-light-info {
    cursor: pointer
}

.bg-hover-light-info:hover {
    background-color: var(--kt-info-light)!important
}

.bg-state-light-info {
    cursor: pointer
}

.bg-state-light-info.active,.bg-state-light-info:hover {
    background-color: var(--kt-info-light)!important
}

.bg-hover-info {
    cursor: pointer
}

.bg-hover-info:hover {
    background-color: var(--kt-info)!important
}

.bg-active-info.active {
    background-color: var(--kt-info)!important
}

.bg-state-info {
    cursor: pointer
}

.bg-state-info.active,.bg-state-info:hover {
    background-color: var(--kt-info)!important
}

.bg-light-warning {
    background-color: var(--kt-warning-light)!important
}

.bg-warning {
    --kt-bg-rgb-color: var(--kt-warning-rgb);
    background-color: var(--kt-warning)!important
}

.bg-hover-light-warning {
    cursor: pointer
}

.bg-hover-light-warning:hover {
    background-color: var(--kt-warning-light)!important
}

.bg-state-light-warning {
    cursor: pointer
}

.bg-state-light-warning.active,.bg-state-light-warning:hover {
    background-color: var(--kt-warning-light)!important
}

.bg-hover-warning {
    cursor: pointer
}

.bg-hover-warning:hover {
    background-color: var(--kt-warning)!important
}

.bg-active-warning.active {
    background-color: var(--kt-warning)!important
}

.bg-state-warning {
    cursor: pointer
}

.bg-state-warning.active,.bg-state-warning:hover {
    background-color: var(--kt-warning)!important
}

.bg-light-danger {
    background-color: var(--kt-danger-light)!important
}

.bg-danger {
    --kt-bg-rgb-color: var(--kt-danger-rgb);
    background-color: var(--kt-danger)!important
}

.bg-hover-light-danger {
    cursor: pointer
}

.bg-hover-light-danger:hover {
    background-color: var(--kt-danger-light)!important
}

.bg-state-light-danger {
    cursor: pointer
}

.bg-state-light-danger.active,.bg-state-light-danger:hover {
    background-color: var(--kt-danger-light)!important
}

.bg-hover-danger {
    cursor: pointer
}

.bg-hover-danger:hover {
    background-color: var(--kt-danger)!important
}

.bg-active-danger.active {
    background-color: var(--kt-danger)!important
}

.bg-state-danger {
    cursor: pointer
}

.bg-state-danger.active,.bg-state-danger:hover {
    background-color: var(--kt-danger)!important
}

.bg-light-dark {
    background-color: var(--kt-dark-light)!important
}

.bg-dark {
    --kt-bg-rgb-color: var(--kt-dark-rgb);
    background-color: var(--kt-dark)!important
}

.bg-hover-light-dark {
    cursor: pointer
}

.bg-hover-light-dark:hover {
    background-color: var(--kt-dark-light)!important
}

.bg-state-light-dark {
    cursor: pointer
}

.bg-state-light-dark.active,.bg-state-light-dark:hover {
    background-color: var(--kt-dark-light)!important
}

.bg-hover-dark {
    cursor: pointer
}

.bg-hover-dark:hover {
    background-color: var(--kt-dark)!important
}

.bg-active-dark.active {
    background-color: var(--kt-dark)!important
}

.bg-state-dark {
    cursor: pointer
}

.bg-state-dark.active,.bg-state-dark:hover {
    background-color: var(--kt-dark)!important
}

.bg-gray-100 {
    background-color: var(--kt-gray-100)
}

.bg-gray-100i {
    background-color: var(--kt-gray-100)!important
}

.bg-gray-200 {
    background-color: var(--kt-gray-200)
}

.bg-gray-200i {
    background-color: var(--kt-gray-200)!important
}

.bg-gray-300 {
    background-color: var(--kt-gray-300)
}

.bg-gray-300i {
    background-color: var(--kt-gray-300)!important
}

.bg-gray-400 {
    background-color: var(--kt-gray-400)
}

.bg-gray-400i {
    background-color: var(--kt-gray-400)!important
}

.bg-gray-500 {
    background-color: var(--kt-gray-500)
}

.bg-gray-500i {
    background-color: var(--kt-gray-500)!important
}

.bg-gray-600 {
    background-color: var(--kt-gray-600)
}

.bg-gray-600i {
    background-color: var(--kt-gray-600)!important
}

.bg-gray-700 {
    background-color: var(--kt-gray-700)
}

.bg-gray-700i {
    background-color: var(--kt-gray-700)!important
}

.bg-gray-800 {
    background-color: var(--kt-gray-800)
}

.bg-gray-800i {
    background-color: var(--kt-gray-800)!important
}

.bg-gray-900 {
    background-color: var(--kt-gray-900)
}

.bg-gray-900i {
    background-color: var(--kt-gray-900)!important
}

.bg-opacity-0 {
    background-color: rgba(var(--kt-bg-rgb-color),0)!important
}

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

.bg-active-opacity-0.active {
    background-color: rgba(var(--kt-bg-rgb-color),0)!important
}

.bg-state-opacity-0 .active,.bg-state-opacity-0:hover {
    background-color: rgba(var(--kt-bg-rgb-color),0)!important
}

.bg-opacity-5 {
    background-color: rgba(var(--kt-bg-rgb-color),.05)!important
}

.bg-hover-opacity-5:hover {
    background-color: rgba(var(--kt-bg-rgb-color),.05)!important
}

.bg-active-opacity-5.active {
    background-color: rgba(var(--kt-bg-rgb-color),.05)!important
}

.bg-state-opacity-5 .active,.bg-state-opacity-5:hover {
    background-color: rgba(var(--kt-bg-rgb-color),.05)!important
}

.bg-opacity-10 {
    background-color: rgba(var(--kt-bg-rgb-color),.1)!important
}

.bg-hover-opacity-10:hover {
    background-color: rgba(var(--kt-bg-rgb-color),.1)!important
}

.bg-active-opacity-10.active {
    background-color: rgba(var(--kt-bg-rgb-color),.1)!important
}

.bg-state-opacity-10 .active,.bg-state-opacity-10:hover {
    background-color: rgba(var(--kt-bg-rgb-color),.1)!important
}

.bg-opacity-15 {
    background-color: rgba(var(--kt-bg-rgb-color),.15)!important
}

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

.bg-active-opacity-15.active {
    background-color: rgba(var(--kt-bg-rgb-color),.15)!important
}

.bg-state-opacity-15 .active,.bg-state-opacity-15:hover {
    background-color: rgba(var(--kt-bg-rgb-color),.15)!important
}

.bg-opacity-20 {
    background-color: rgba(var(--kt-bg-rgb-color),.2)!important
}

.bg-hover-opacity-20:hover {
    background-color: rgba(var(--kt-bg-rgb-color),.2)!important
}

.bg-active-opacity-20.active {
    background-color: rgba(var(--kt-bg-rgb-color),.2)!important
}

.bg-state-opacity-20 .active,.bg-state-opacity-20:hover {
    background-color: rgba(var(--kt-bg-rgb-color),.2)!important
}

.bg-opacity-25 {
    background-color: rgba(var(--kt-bg-rgb-color),.25)!important
}

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

.bg-active-opacity-25.active {
    background-color: rgba(var(--kt-bg-rgb-color),.25)!important
}

.bg-state-opacity-25 .active,.bg-state-opacity-25:hover {
    background-color: rgba(var(--kt-bg-rgb-color),.25)!important
}

.bg-opacity-50 {
    background-color: rgba(var(--kt-bg-rgb-color),.5)!important
}

.bg-hover-opacity-50:hover {
    background-color: rgba(var(--kt-bg-rgb-color),.5)!important
}

.bg-active-opacity-50.active {
    background-color: rgba(var(--kt-bg-rgb-color),.5)!important
}

.bg-state-opacity-50 .active,.bg-state-opacity-50:hover {
    background-color: rgba(var(--kt-bg-rgb-color),.5)!important
}

.bg-opacity-75 {
    background-color: rgba(var(--kt-bg-rgb-color),.75)!important
}

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

.bg-active-opacity-75.active {
    background-color: rgba(var(--kt-bg-rgb-color),.75)!important
}

.bg-state-opacity-75 .active,.bg-state-opacity-75:hover {
    background-color: rgba(var(--kt-bg-rgb-color),.75)!important
}

.bg-opacity-100 {
    background-color: rgba(var(--kt-bg-rgb-color),1)!important
}

.bg-hover-opacity-100:hover {
    background-color: rgba(var(--kt-bg-rgb-color),1)!important
}

.bg-active-opacity-100.active {
    background-color: rgba(var(--kt-bg-rgb-color),1)!important
}

.bg-state-opacity-100 .active,.bg-state-opacity-100:hover {
    background-color: rgba(var(--kt-bg-rgb-color),1)!important
}

.bg-black {
    background-color: #000
}

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

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

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

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

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

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

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

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

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

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

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

.text-muted {
    --bs-text-opacity: 1;
    color: #707882 !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0,0,0,.5)!important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255,255,255,.5)!important
}