@charset "UTF-8";
/* ----------------------------------------------------------------
	IXBRLify
-----------------------------------------------------------------*/
/*!
 * Bootstrap  v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
 :root,
 [data-bs-theme=light] {
   --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: #000;
   --bs-white: #fff;
   --bs-gray: #6c757d;
   --bs-gray-dark: #343a40;
   --bs-gray-100: #f8f9fa;
   --bs-gray-200: #e9ecef;
   --bs-gray-300: #dee2e6;
   --bs-gray-400: #ced4da;
   --bs-gray-500: #adb5bd;
   --bs-gray-600: #6c757d;
   --bs-gray-700: #495057;
   --bs-gray-800: #343a40;
   --bs-gray-900: #212529;
   --bs-primary: #0d6efd;
   --bs-secondary: #6c757d;
   --bs-success: #198754;
   --bs-info: #0dcaf0;
   --bs-warning: #ffc107;
   --bs-danger: #dc3545;
   --bs-light: #f8f9fa;
   --bs-dark: #212529;
   --bs-primary-rgb: 13, 110, 253;
   --bs-secondary-rgb: 108, 117, 125;
   --bs-success-rgb: 25, 135, 84;
   --bs-info-rgb: 13, 202, 240;
   --bs-warning-rgb: 255, 193, 7;
   --bs-danger-rgb: 220, 53, 69;
   --bs-light-rgb: 248, 249, 250;
   --bs-dark-rgb: 33, 37, 41;
   --bs-primary-text-emphasis: #052c65;
   --bs-secondary-text-emphasis: #2b2f32;
   --bs-success-text-emphasis: #0a3622;
   --bs-info-text-emphasis: #055160;
   --bs-warning-text-emphasis: #664d03;
   --bs-danger-text-emphasis: #58151c;
   --bs-light-text-emphasis: #495057;
   --bs-dark-text-emphasis: #495057;
   --bs-primary-bg-subtle: #cfe2ff;
   --bs-secondary-bg-subtle: #e2e3e5;
   --bs-success-bg-subtle: #d1e7dd;
   --bs-info-bg-subtle: #cff4fc;
   --bs-warning-bg-subtle: #fff3cd;
   --bs-danger-bg-subtle: #f8d7da;
   --bs-light-bg-subtle: #fcfcfd;
   --bs-dark-bg-subtle: #ced4da;
   --bs-primary-border-subtle: #9ec5fe;
   --bs-secondary-border-subtle: #c4c8cb;
   --bs-success-border-subtle: #a3cfbb;
   --bs-info-border-subtle: #9eeaf9;
   --bs-warning-border-subtle: #ffe69c;
   --bs-danger-border-subtle: #f1aeb5;
   --bs-light-border-subtle: #e9ecef;
   --bs-dark-border-subtle: #adb5bd;
   --bs-white-rgb: 255, 255, 255;
   --bs-black-rgb: 0, 0, 0;
   --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --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: #212529;
   --bs-body-color-rgb: 33, 37, 41;
   --bs-body-bg: #fff;
   --bs-body-bg-rgb: 255, 255, 255;
   --bs-emphasis-color: #000;
   --bs-emphasis-color-rgb: 0, 0, 0;
   --bs-secondary-color: rgba(33, 37, 41, 0.75);
   --bs-secondary-color-rgb: 33, 37, 41;
   --bs-secondary-bg: #e9ecef;
   --bs-secondary-bg-rgb: 233, 236, 239;
   --bs-tertiary-color: rgba(33, 37, 41, 0.5);
   --bs-tertiary-color-rgb: 33, 37, 41;
   --bs-tertiary-bg: #f8f9fa;
   --bs-tertiary-bg-rgb: 248, 249, 250;
   --bs-heading-color: inherit;
   --bs-link-color: #0d6efd;
   --bs-link-color-rgb: 13, 110, 253;
   --bs-link-decoration: underline;
   --bs-link-hover-color: #0a58ca;
   --bs-link-hover-color-rgb: 10, 88, 202;
   --bs-code-color: #d63384;
   --bs-highlight-color: #212529;
   --bs-highlight-bg: #fff3cd;
   --bs-border-width: 1px;
   --bs-border-style: solid;
   --bs-border-color: #dee2e6;
   --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
   --bs-border-radius: 0.375rem;
   --bs-border-radius-sm: 0.25rem;
   --bs-border-radius-lg: 0.5rem;
   --bs-border-radius-xl: 0.4rem;
   --bs-border-radius-xxl: 0.5rem;
   --bs-border-radius-2xl: var(--bs-border-radius-xxl);
   --bs-border-radius-pill: 50rem;
   --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
   --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
   --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
   --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
   --bs-focus-ring-width: 0.25rem;
   --bs-focus-ring-opacity: 0.25;
   --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
   --bs-form-valid-color: #198754;
   --bs-form-valid-border-color: #198754;
   --bs-form-invalid-color: #dc3545;
   --bs-form-invalid-border-color: #dc3545;
 }
 
 [data-bs-theme=dark] {
   color-scheme: dark;
   --bs-body-color: #dee2e6;
   --bs-body-color-rgb: 222, 226, 230;
   --bs-body-bg: #212529;
   --bs-body-bg-rgb: 33, 37, 41;
   --bs-emphasis-color: #fff;
   --bs-emphasis-color-rgb: 255, 255, 255;
   --bs-secondary-color: rgba(222, 226, 230, 0.75);
   --bs-secondary-color-rgb: 222, 226, 230;
   --bs-secondary-bg: #343a40;
   --bs-secondary-bg-rgb: 52, 58, 64;
   --bs-tertiary-color: rgba(222, 226, 230, 0.5);
   --bs-tertiary-color-rgb: 222, 226, 230;
   --bs-tertiary-bg: #2b3035;
   --bs-tertiary-bg-rgb: 43, 48, 53;
   --bs-primary-text-emphasis: #6ea8fe;
   --bs-secondary-text-emphasis: #a7acb1;
   --bs-success-text-emphasis: #75b798;
   --bs-info-text-emphasis: #6edff6;
   --bs-warning-text-emphasis: #ffda6a;
   --bs-danger-text-emphasis: #ea868f;
   --bs-light-text-emphasis: #f8f9fa;
   --bs-dark-text-emphasis: #dee2e6;
   --bs-primary-bg-subtle: #031633;
   --bs-secondary-bg-subtle: #161719;
   --bs-success-bg-subtle: #051b11;
   --bs-info-bg-subtle: #032830;
   --bs-warning-bg-subtle: #332701;
   --bs-danger-bg-subtle: #2c0b0e;
   --bs-light-bg-subtle: #343a40;
   --bs-dark-bg-subtle: #1a1d20;
   --bs-primary-border-subtle: #084298;
   --bs-secondary-border-subtle: #41464b;
   --bs-success-border-subtle: #0f5132;
   --bs-info-border-subtle: #087990;
   --bs-warning-border-subtle: #997404;
   --bs-danger-border-subtle: #842029;
   --bs-light-border-subtle: #495057;
   --bs-dark-border-subtle: #343a40;
   --bs-heading-color: inherit;
   --bs-link-color: #6ea8fe;
   --bs-link-hover-color: #8bb9fe;
   --bs-link-color-rgb: 110, 168, 254;
   --bs-link-hover-color-rgb: 139, 185, 254;
   --bs-code-color: #e685b5;
   --bs-highlight-color: #dee2e6;
   --bs-highlight-bg: #664d03;
   --bs-border-color: #495057;
   --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
   --bs-form-valid-color: #75b798;
   --bs-form-valid-border-color: #75b798;
   --bs-form-invalid-color: #ea868f;
   --bs-form-invalid-border-color: #ea868f;
 }
 
 *,
 *::before,
 *::after {
   box-sizing: border-box;
 }
 
 @media (prefers-reduced-motion: no-preference) {
   :root {
	 scroll-behavior: smooth;
   }
 }
 
 body {
   margin: 0;
   font-family: var(--bs-body-font-family);
   font-size: var(--bs-body-font-size);
   font-weight: var(--bs-body-font-weight);
   line-height: var(--bs-body-line-height);
   color: var(--bs-body-color);
   text-align: var(--bs-body-text-align);
   background-color: var(--bs-body-bg);
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
 hr {
   margin: 1rem 0;
   color: inherit;
   border: 0;
   border-top: var(--bs-border-width) solid;
   opacity: 0.25;
 }
 
 h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
   margin-top: 0;
   margin-bottom: 0.5rem;
   font-weight: 500;
   line-height: 1.2;
   color: var(--bs-heading-color);
 }
 
 h1, .h1 {
   font-size: calc(1.375rem + 1.5vw);
 }
 @media (min-width: 1200px) {
   h1, .h1 {
	 font-size: 2.5rem;
   }
 }
 
 h2, .h2 {
   font-size: calc(1.325rem + 0.9vw);
 }
 @media (min-width: 1200px) {
   h2, .h2 {
	 font-size: 2rem;
   }
 }
 
 h3, .h3 {
   font-size: calc(1.3rem + 0.6vw);
 }
 @media (min-width: 1200px) {
   h3, .h3 {
	 font-size: 1.75rem;
   }
 }
 
 h4, .h4 {
   font-size: calc(1.275rem + 0.3vw);
 }
 @media (min-width: 1200px) {
   h4, .h4 {
	 font-size: 1.5rem;
   }
 }
 
 h5, .h5 {
   font-size: 1.25rem;
 }
 
 h6, .h6 {
   font-size: 1rem;
 }
 
 p {
   margin-top: 0;
   margin-bottom: 1rem;
 }
 
 abbr[title] {
   -webkit-text-decoration: underline dotted;
		   text-decoration: underline dotted;
   cursor: help;
   -webkit-text-decoration-skip-ink: none;
		   text-decoration-skip-ink: none;
 }
 
 address {
   margin-bottom: 1rem;
   font-style: normal;
   line-height: inherit;
 }
 
 ol,
 ul {
   padding-left: 2rem;
 }
 
 ol,
 ul,
 dl {
   margin-top: 0;
   margin-bottom: 1rem;
 }
 
 ol ol,
 ul ul,
 ol ul,
 ul ol {
   margin-bottom: 0;
 }
 
 dt {
   font-weight: 700;
 }
 
 dd {
   margin-bottom: 0.5rem;
   margin-left: 0;
 }
 
 b,
 strong {
   font-weight: bolder;
 }
 
 small, .small {
   font-size: 0.875em;
 }
 
 sub,
 sup {
   position: relative;
   font-size: 0.75em;
   line-height: 0;
   vertical-align: baseline;
 }
 
 sub {
   bottom: -0.25em;
 }
 
 sup {
   top: -0.5em;
 }
 
 a {
   color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
   text-decoration: underline;
 }
 a:hover {
   --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
 }
 
 a:not([href]):not([class]), a:not([href]):not([class]):hover {
   color: inherit;
   text-decoration: none;
 }
 
 pre,
 code {
   font-family: var(--bs-font-monospace);
   font-size: 1em;
 }
 
 pre {
   display: block;
   margin-top: 0;
   margin-bottom: 1rem;
   overflow: auto;
   font-size: 0.875em;
 }
 pre code {
   font-size: inherit;
   color: inherit;
   word-break: normal;
 }
 
 code {
   font-size: 0.875em;
   color: var(--bs-code-color);
   word-wrap: break-word;
 }
 a > code {
   color: inherit;
 }
 
 figure {
   margin: 0 0 1rem;
 }
 
 img,
 svg {
   vertical-align: middle;
 }
 
 table {
   caption-side: bottom;
   border-collapse: collapse;
 }
 
 caption {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   color: var(--bs-secondary-color);
   text-align: left;
 }
 
 th {
   text-align: inherit;
   text-align: -webkit-match-parent;
 }
 
 thead,
 tbody,
 tfoot,
 tr,
 td,
 th {
   border-color: inherit;
   border-style: solid;
   border-width: 0;
 }
 
 label {
   display: inline-block;
 }
 
 button {
   border-radius: 0;
 }
 
 button:focus:not(:focus-visible) {
   outline: 0;
 }
 
 input,
 button,
 select,
 optgroup,
 textarea {
   margin: 0;
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
 }
 
 button,
 select {
   text-transform: none;
 }
 
 [role=button] {
   cursor: pointer;
 }
 
 select {
   word-wrap: normal;
 }
 select:disabled {
   opacity: 1;
 }
 
 [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
   display: none !important;
 }
 
 button,
 [type=button],
 [type=reset],
 [type=submit] {
   -webkit-appearance: button;
 }
 button:not(:disabled),
 [type=button]:not(:disabled),
 [type=reset]:not(:disabled),
 [type=submit]:not(:disabled) {
   cursor: pointer;
 }
 
 ::-moz-focus-inner {
   padding: 0;
   border-style: none;
 }
 
 textarea {
   resize: vertical;
 }
 
 fieldset {
   min-width: 0;
   padding: 0;
   margin: 0;
   border: 0;
 }
 
 legend {
   float: left;
   width: 100%;
   padding: 0;
   margin-bottom: 0.5rem;
   font-size: calc(1.275rem + 0.3vw);
   line-height: inherit;
 }
 @media (min-width: 1200px) {
   legend {
	 font-size: 1.5rem;
   }
 }
 legend + * {
   clear: left;
 }
 
 ::-webkit-datetime-edit-fields-wrapper,
 ::-webkit-datetime-edit-text,
 ::-webkit-datetime-edit-minute,
 ::-webkit-datetime-edit-hour-field,
 ::-webkit-datetime-edit-day-field,
 ::-webkit-datetime-edit-month-field,
 ::-webkit-datetime-edit-year-field {
   padding: 0;
 }
 
 ::-webkit-inner-spin-button {
   height: auto;
 }
 
 [type=search] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
 
 /* rtl:raw:
 [type="tel"],
 [type="url"],
 [type="email"],
 [type="number"] {
   direction: ltr;
 }
 */
 ::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
 ::-webkit-color-swatch-wrapper {
   padding: 0;
 }
 
 ::file-selector-button {
   font: inherit;
   -webkit-appearance: button;
 }
 
 output {
   display: inline-block;
 }
 
 iframe {
   border: 0;
 }
 
 summary {
   display: list-item;
   cursor: pointer;
 }
 
 progress {
   vertical-align: baseline;
 }
 
 [hidden] {
   display: none !important;
 }
 
 .lead {
   font-size: 1.25rem;
   font-weight: 300;
 }
 
 .display-3 {
   font-size: calc(1.525rem + 3.3vw);
   font-weight: 300;
   line-height: 1;
 }
 @media (min-width: 1200px) {
   .display-3 {
	 font-size: 4rem;
   }
 }
 
 .display-4 {
   font-size: calc(1.475rem + 2.7vw);
   font-weight: 300;
   line-height: 1.2;
 }
 @media (min-width: 1200px) {
   .display-4 {
	 font-size: 3.5rem;
   }
 }
 
 .display-5 {
   font-size: calc(1.425rem + 2.1vw);
   font-weight: 300;
   line-height: 1.2;
 }
 @media (min-width: 1200px) {
   .display-5 {
	 font-size: 3rem;
   }
 }
 
 .list-unstyled {
   padding-left: 0;
   list-style: none;
 }
 
 .list-inline {
   padding-left: 0;
   list-style: none;
 }
 
 .list-inline-item {
   display: inline-block;
 }
 .list-inline-item:not(:last-child) {
   margin-right: 0.5rem;
 }
 
 .figure {
   display: inline-block;
 }
 
 .container,
 .container-fluid {
   --bs-gutter-x: 1.5rem;
   --bs-gutter-y: 0;
   width: 100%;
   padding-right: calc(var(--bs-gutter-x) * 0.5);
   padding-left: calc(var(--bs-gutter-x) * 0.5);
   margin-right: auto;
   margin-left: auto;
 }
 
 @media (min-width: 576px) {
    .container {
	 max-width: 540px;
   }
 }
 @media (min-width: 768px) {
    .container {
	 max-width: 720px;
   }
 }
 @media (min-width: 992px) {
    .container {
	 max-width: 960px;
   }
 }
 @media (min-width: 1200px) {
    .container {
	 max-width: 1140px;
   }
 }
 @media (min-width: 1400px) {
    .container {
	 max-width: 1320px;
   }
 }
 :root {
   --bs-breakpoint-xs: 0;
   --bs-breakpoint-sm: 576px;
   --bs-breakpoint-md: 768px;
   --bs-breakpoint-lg: 992px;
   --bs-breakpoint-xl: 1200px;
   --bs-breakpoint-xxl: 1400px;
 }
 
 .row {
   --bs-gutter-x: 1.5rem;
   --bs-gutter-y: 0;
   display: flex;
   flex-wrap: wrap;
   margin-top: calc(-1 * var(--bs-gutter-y));
   margin-right: calc(-0.5 * var(--bs-gutter-x));
   margin-left: calc(-0.5 * var(--bs-gutter-x));
 }
 .row > * {
   flex-shrink: 0;
   width: 100%;
   max-width: 100%;
   padding-right: calc(var(--bs-gutter-x) * 0.5);
   padding-left: calc(var(--bs-gutter-x) * 0.5);
   margin-top: var(--bs-gutter-y);
 }
 
 .col {
   flex: 1 0 0%;
 }
 
 .col-4 {
   flex: 0 0 auto;
   width: 33.33333333%;
 }
 
 .col-6 {
   flex: 0 0 auto;
   width: 50%;
 }
 
 .col-12 {
   flex: 0 0 auto;
   width: 100%;
 }
 
 .offset-5 {
   margin-left: 41.66666667%;
 }
 
 
 .gx-0 {
   --bs-gutter-x: 0;
 }
 
 
 .gy-3 {
   --bs-gutter-y: 1rem;
 }
 
 .g-4,
 .gx-4 {
   --bs-gutter-x: 1.5rem;
 }
 
 .g-4 {
   --bs-gutter-y: 1.5rem;
 }
 
 
 .gy-5 {
   --bs-gutter-y: 3rem;
 }
 @media (min-width: 768px) {
   .col-md-2 {
	 flex: 0 0 auto;
	 width: 16.66666667%;
   }
   .col-md-5 {
	 flex: 0 0 auto;
	 width: 41.66666667%;
   }
   .col-md-6 {
	 flex: 0 0 auto;
	 width: 50%;
   }
   .col-md-8 {
	 flex: 0 0 auto;
	 width: 66.66666667%;
   }
 }
 @media (min-width: 992px) {
   .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-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-12 {
	 flex: 0 0 auto;
	 width: 100%;
   }
   
   .gx-lg-5 {
	 --bs-gutter-x: 3rem;
   }
 }
 @media (min-width: 1200px) {
   .col-xl-5 {
	 flex: 0 0 auto;
	 width: 41.66666667%;
   }
   .col-xl-7 {
	 flex: 0 0 auto;
	 width: 58.33333333%;
   }
 }
 @media (min-width: 1400px) {
   .col-xxl-5 {
	 flex: 0 0 auto;
	 width: 41.66666667%;
   }
   .col-xxl-7 {
	 flex: 0 0 auto;
	 width: 58.33333333%;
   }
 }
 .table {
   --bs-table-color-type: initial;
   --bs-table-bg-type: initial;
   --bs-table-color-state: initial;
   --bs-table-bg-state: initial;
   --bs-table-color: var(--bs-emphasis-color);
   --bs-table-bg: var(--bs-body-bg);
   --bs-table-border-color: var(--bs-border-color);
   --bs-table-accent-bg: transparent;
   --bs-table-striped-color: var(--bs-emphasis-color);
   --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
   --bs-table-active-color: var(--bs-emphasis-color);
   --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
   --bs-table-hover-color: var(--bs-emphasis-color);
   --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
   width: 100%;
   margin-bottom: 1rem;
   vertical-align: top;
   border-color: var(--bs-table-border-color);
 }
 .table > :not(caption) > * > * {
   padding: 0.5rem 0.5rem;
   color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
   background-color: var(--bs-table-bg);
   border-bottom-width: var(--bs-border-width);
   box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
 }
 .table > tbody {
   vertical-align: inherit;
 }
 .table > thead {
   vertical-align: bottom;
 }
 
 .btn {
   --bs-btn-padding-x: 0.75rem;
   --bs-btn-padding-y: 0.375rem;
   --bs-btn-font-family: ;
   --bs-btn-font-size: 1rem;
   --bs-btn-font-weight: 400;
   --bs-btn-line-height: 1.5;
   --bs-btn-color: var(--bs-body-color);
   --bs-btn-bg: transparent;
   --bs-btn-border-width: var(--bs-border-width);
   --bs-btn-border-color: transparent;
   --bs-btn-border-radius: var(--bs-border-radius);
   --bs-btn-hover-border-color: transparent;
   --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
   --bs-btn-disabled-opacity: 0.65;
   --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
   display: inline-block;
   padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
   font-family: var(--bs-btn-font-family);
   font-size: var(--bs-btn-font-size);
   font-weight: var(--bs-btn-font-weight);
   line-height: var(--bs-btn-line-height);
   color: var(--bs-btn-color);
   text-align: center;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
   -webkit-user-select: none;
	  -moz-user-select: none;
		   user-select: none;
   border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
   border-radius: var(--bs-btn-border-radius);
   background-color: var(--bs-btn-bg);
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
   .btn {
	 transition: none;
   }
 }
 .btn:hover {
   color: var(--bs-btn-hover-color);
   background-color: var(--bs-btn-hover-bg);
   border-color: var(--bs-btn-hover-border-color);
 }
 .btn:focus-visible {
   color: var(--bs-btn-hover-color);
   background-color: var(--bs-btn-hover-bg);
   border-color: var(--bs-btn-hover-border-color);
   outline: 0;
   box-shadow: var(--bs-btn-focus-box-shadow);
 }
  :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
   color: var(--bs-btn-active-color);
   background-color: var(--bs-btn-active-bg);
   border-color: var(--bs-btn-active-border-color);
 }
  :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
   box-shadow: var(--bs-btn-focus-box-shadow);
 }
 .btn:disabled, .btn.disabled, fieldset:disabled .btn {
   color: var(--bs-btn-disabled-color);
   pointer-events: none;
   background-color: var(--bs-btn-disabled-bg);
   border-color: var(--bs-btn-disabled-border-color);
   opacity: var(--bs-btn-disabled-opacity);
 }
 
 .btn-sm {
   --bs-btn-padding-y: 0.25rem;
   --bs-btn-padding-x: 0.5rem;
   --bs-btn-font-size: 0.875rem;
   --bs-btn-border-radius: var(--bs-border-radius-sm);
 }

 .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}
 
 .fade {
   transition: opacity 0.15s linear;
 }
 @media (prefers-reduced-motion: reduce) {
   .fade {
	 transition: none;
   }
 }
 .fade:not(.show) {
   opacity: 0;
 }
 
 .collapse:not(.show) {
   display: none;
 }
 
 .collapsing {
   height: 0;
   overflow: hidden;
   transition: height 0.35s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   .collapsing {
	 transition: none;
   }
 }
 .collapsing.collapse-horizontal {
   width: 0;
   height: auto;
   transition: width 0.35s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   .collapsing.collapse-horizontal {
	 transition: none;
   }
 }
 
 .dropup,
 .dropend,
 .dropdown,
 .dropstart,
 .dropup-center,
 .dropdown-center {
   position: relative;
 }
 
 .dropdown-toggle {
   white-space: nowrap;
 }
 .dropdown-toggle::after {
   display: inline-block;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid;
   border-right: 0.3em solid transparent;
   border-bottom: 0;
   border-left: 0.3em solid transparent;
 }
 .dropdown-toggle:empty::after {
   margin-left: 0;
 }
 
 .dropdown-menu {
   --bs-dropdown-zindex: 1000;
   --bs-dropdown-min-width: 10rem;
   --bs-dropdown-padding-x: 0;
   --bs-dropdown-padding-y: 0.5rem;
   --bs-dropdown-spacer: 0.125rem;
   --bs-dropdown-font-size: 1rem;
   --bs-dropdown-color: var(--bs-body-color);
   --bs-dropdown-bg: var(--bs-body-bg);
   --bs-dropdown-border-color: var(--bs-border-color-translucent);
   --bs-dropdown-border-radius: var(--bs-border-radius);
   --bs-dropdown-border-width: var(--bs-border-width);
   --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
   --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
   --bs-dropdown-divider-margin-y: 0.5rem;
   --bs-dropdown-box-shadow: var(--bs-box-shadow);
   --bs-dropdown-link-color: var(--bs-body-color);
   --bs-dropdown-link-hover-color: var(--bs-body-color);
   --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
   --bs-dropdown-link-active-color: #fff;
   --bs-dropdown-link-active-bg: #0d6efd;
   --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
   --bs-dropdown-item-padding-x: 1rem;
   --bs-dropdown-item-padding-y: 0.25rem;
   --bs-dropdown-header-color: #6c757d;
   --bs-dropdown-header-padding-x: 1rem;
   --bs-dropdown-header-padding-y: 0.5rem;
   position: absolute;
   z-index: var(--bs-dropdown-zindex);
   display: none;
   min-width: var(--bs-dropdown-min-width);
   padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
   margin: 0;
   font-size: var(--bs-dropdown-font-size);
   color: var(--bs-dropdown-color);
   text-align: left;
   list-style: none;
   background-color: var(--bs-dropdown-bg);
   background-clip: padding-box;
   border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
   border-radius: var(--bs-dropdown-border-radius);
 }
 .dropup .dropdown-toggle::after {
   display: inline-block;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0;
   border-right: 0.3em solid transparent;
   border-bottom: 0.3em solid;
   border-left: 0.3em solid transparent;
 }
 .dropup .dropdown-toggle:empty::after {
   margin-left: 0;
 }
 .dropend .dropdown-toggle::after {
   display: inline-block;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid transparent;
   border-right: 0;
   border-bottom: 0.3em solid transparent;
   border-left: 0.3em solid;
 }
 .dropend .dropdown-toggle:empty::after {
   margin-left: 0;
 }
 .dropend .dropdown-toggle::after {
   vertical-align: 0;
 }
 .dropstart .dropdown-toggle::after {
   display: inline-block;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   content: "";
 }
 .dropstart .dropdown-toggle::after {
   display: none;
 }
 .dropstart .dropdown-toggle::before {
   display: inline-block;
   margin-right: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid transparent;
   border-right: 0.3em solid;
   border-bottom: 0.3em solid transparent;
 }
 .dropstart .dropdown-toggle:empty::after {
   margin-left: 0;
 }
 .dropstart .dropdown-toggle::before {
   vertical-align: 0;
 }
 
 .dropdown-item {
   display: block;
   width: 100%;
   padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
   clear: both;
   font-weight: 400;
   color: var(--bs-dropdown-link-color);
   text-align: inherit;
   text-decoration: none;
   white-space: nowrap;
   background-color: transparent;
   border: 0;
   border-radius: var(--bs-dropdown-item-border-radius, 0);
 }
 .dropdown-item:hover, .dropdown-item:focus {
   color: var(--bs-dropdown-link-hover-color);
   background-color: var(--bs-dropdown-link-hover-bg);
 }
 .dropdown-item.active, .dropdown-item:active {
   color: var(--bs-dropdown-link-active-color);
   text-decoration: none;
   background-color: var(--bs-dropdown-link-active-bg);
 }
 .dropdown-item.disabled, .dropdown-item:disabled {
   color: var(--bs-dropdown-link-disabled-color);
   pointer-events: none;
   background-color: transparent;
 }
 
 .dropdown-menu.show {
   display: block;
 }
 
 .btn-group {
   position: relative;
   display: inline-flex;
   vertical-align: middle;
 }
 .btn-group > .btn {
   position: relative;
   flex: 1 1 auto;
 }
 
 .btn-group > .btn:hover,
 .btn-group > .btn:focus,
 .btn-group > .btn:active,
 .btn-group > .btn.active {
   z-index: 1;
 }
 
 .btn-group {
   border-radius: var(--bs-border-radius);
 }
 .btn-group > :not(.btn-check:first-child) + .btn,
 .btn-group > .btn-group:not(:first-child) {
   margin-left: calc(var(--bs-border-width) * -1);
 }
 .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
 .btn-group > .btn-group:not(:last-child) > .btn {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 .btn-group > .btn:nth-child(n+3),
 .btn-group > :not(.btn-check) + .btn,
 .btn-group > .btn-group:not(:first-child) > .btn {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
 
 .nav {
   --bs-nav-link-padding-x: 1rem;
   --bs-nav-link-padding-y: 0.5rem;
   --bs-nav-link-font-weight: ;
   --bs-nav-link-color: var(--bs-link-color);
   --bs-nav-link-hover-color: var(--bs-link-hover-color);
   --bs-nav-link-disabled-color: var(--bs-secondary-color);
   display: flex;
   flex-wrap: wrap;
   padding-left: 0;
   margin-bottom: 0;
   list-style: none;
 }
 
 .nav-link {
   display: block;
   padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
   font-size: var(--bs-nav-link-font-size);
   font-weight: var(--bs-nav-link-font-weight);
   color: var(--bs-nav-link-color);
   text-decoration: none;
   background: none;
   border: 0;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
   .nav-link {
	 transition: none;
   }
 }
 .nav-link:hover, .nav-link:focus {
   color: var(--bs-nav-link-hover-color);
 }
 .nav-link:focus-visible {
   outline: 0;
   box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
 .nav-link.disabled, .nav-link:disabled {
   color: var(--bs-nav-link-disabled-color);
   pointer-events: none;
   cursor: default;
 }
 
 .navbar {
   --bs-navbar-padding-x: 0;
   --bs-navbar-padding-y: 0.5rem;
   --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
   --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
   --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
   --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
   --bs-navbar-brand-padding-y: 0.3125rem;
   --bs-navbar-brand-margin-end: 1rem;
   --bs-navbar-brand-font-size: 1.25rem;
   --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
   --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
   --bs-navbar-nav-link-padding-x: 0.5rem;
   --bs-navbar-toggler-padding-y: 0.25rem;
   --bs-navbar-toggler-padding-x: 0.75rem;
   --bs-navbar-toggler-font-size: 1.25rem;
   --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
   --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
   --bs-navbar-toggler-border-radius: var(--bs-border-radius);
   --bs-navbar-toggler-focus-width: 0.25rem;
   --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
 }
 .navbar > .container,
 .navbar > .container-fluid {
   display: flex;
   flex-wrap: inherit;
   align-items: center;
   justify-content: space-between;
 }
 
 .navbar-nav {
   --bs-nav-link-padding-x: 0;
   --bs-nav-link-padding-y: 0.5rem;
   --bs-nav-link-font-weight: ;
   --bs-nav-link-color: var(--bs-navbar-color);
   --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
   --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
   display: flex;
   flex-direction: column;
   padding-left: 0;
   margin-bottom: 0;
   list-style: none;
 }
 .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
   color: var(--bs-navbar-active-color);
 }
 .navbar-nav .dropdown-menu {
   position: static;
 }
 
 
 .navbar[data-bs-theme=dark] {
   --bs-navbar-color: rgba(255, 255, 255, 0.55);
   --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
   --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
   --bs-navbar-active-color: #fff;
   --bs-navbar-brand-color: #fff;
   --bs-navbar-brand-hover-color: #fff;
   --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
   --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
 .card {
   --bs-card-spacer-y: 1rem;
   --bs-card-spacer-x: 1rem;
   --bs-card-title-spacer-y: 0.5rem;
   --bs-card-title-color: ;
   --bs-card-subtitle-color: ;
   --bs-card-border-width: var(--bs-border-width);
   --bs-card-border-color: var(--bs-border-color-translucent);
   --bs-card-border-radius: var(--bs-border-radius);
   --bs-card-box-shadow: ;
   --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
   --bs-card-cap-padding-y: 0.5rem;
   --bs-card-cap-padding-x: 1rem;
   --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
   --bs-card-cap-color: ;
   --bs-card-height: ;
   --bs-card-color: ;
   --bs-card-bg: var(--bs-body-bg);
   --bs-card-img-overlay-padding: 1rem;
   --bs-card-group-margin: 0.75rem;
   position: relative;
   display: flex;
   flex-direction: column;
   min-width: 0;
   height: var(--bs-card-height);
   color: var(--bs-body-color);
   word-wrap: break-word;
   background-color: var(--bs-card-bg);
   background-clip: border-box;
   border: var(--bs-card-border-width) solid var(--bs-card-border-color);
   border-radius: var(--bs-card-border-radius);
 }
 .card > hr {
   margin-right: 0;
   margin-left: 0;
 }
 .card > .list-group {
   border-top: inherit;
   border-bottom: inherit;
 }
 .card > .list-group:first-child {
   border-top-width: 0;
   border-top-left-radius: var(--bs-card-inner-border-radius);
   border-top-right-radius: var(--bs-card-inner-border-radius);
 }
 .card > .list-group:last-child {
   border-bottom-width: 0;
   border-bottom-right-radius: var(--bs-card-inner-border-radius);
   border-bottom-left-radius: var(--bs-card-inner-border-radius);
 }
 
 .card-body {
   flex: 1 1 auto;
   padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
   color: var(--bs-card-color);
 }
 
 .accordion {
   --bs-accordion-color: var(--bs-body-color);
   --bs-accordion-bg: var(--bs-body-bg);
   --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
   --bs-accordion-border-color: var(--cnvs-contrast-300);
   --bs-accordion-border-width: var(--bs-border-width);
   --bs-accordion-border-radius: var(--bs-border-radius);
   --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
   --bs-accordion-btn-padding-x: 1.25rem;
   --bs-accordion-btn-padding-y: 1rem;
   --bs-accordion-btn-color: var(--bs-body-color);
   --bs-accordion-btn-bg: var(--bs-accordion-bg);
   --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   --bs-accordion-btn-icon-width: 1.25rem;
   --bs-accordion-btn-icon-transform: rotate(-180deg);
   --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
   --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   --bs-accordion-btn-focus-border-color: #86b7fe;
   --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
   --bs-accordion-body-padding-x: 1.25rem;
   --bs-accordion-body-padding-y: 1rem;
   --bs-accordion-active-color: var(--bs-primary-text-emphasis);
   --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
 }
 
 .accordion-header {
   margin-bottom: 0;
 }
 
 .pagination {
   --bs-pagination-padding-x: 0.75rem;
   --bs-pagination-padding-y: 0.375rem;
   --bs-pagination-font-size: 1rem;
   --bs-pagination-color: var(--bs-link-color);
   --bs-pagination-bg: var(--bs-body-bg);
   --bs-pagination-border-width: var(--bs-border-width);
   --bs-pagination-border-color: var(--bs-border-color);
   --bs-pagination-border-radius: var(--bs-border-radius);
   --bs-pagination-hover-color: var(--bs-link-hover-color);
   --bs-pagination-hover-bg: var(--bs-tertiary-bg);
   --bs-pagination-hover-border-color: var(--bs-border-color);
   --bs-pagination-focus-color: var(--bs-link-hover-color);
   --bs-pagination-focus-bg: var(--bs-secondary-bg);
   --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
   --bs-pagination-active-color: #fff;
   --bs-pagination-active-bg: #0d6efd;
   --bs-pagination-active-border-color: #0d6efd;
   --bs-pagination-disabled-color: var(--bs-secondary-color);
   --bs-pagination-disabled-bg: var(--bs-secondary-bg);
   --bs-pagination-disabled-border-color: var(--bs-border-color);
   display: flex;
   padding-left: 0;
   list-style: none;
 }
 
 .page-link {
   position: relative;
   display: block;
   padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
   font-size: var(--bs-pagination-font-size);
   color: var(--bs-pagination-color);
   text-decoration: none;
   background-color: var(--bs-pagination-bg);
   border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
   .page-link {
	 transition: none;
   }
 }
 .page-link:hover {
   z-index: 2;
   color: var(--bs-pagination-hover-color);
   background-color: var(--bs-pagination-hover-bg);
   border-color: var(--bs-pagination-hover-border-color);
 }
 .page-link:focus {
   z-index: 3;
   color: var(--bs-pagination-focus-color);
   background-color: var(--bs-pagination-focus-bg);
   outline: 0;
   box-shadow: var(--bs-pagination-focus-box-shadow);
 }
 .page-link.active, .active > .page-link {
   z-index: 3;
   color: var(--bs-pagination-active-color);
   background-color: var(--bs-pagination-active-bg);
   border-color: var(--bs-pagination-active-border-color);
 }
 .page-link.disabled, .disabled > .page-link {
   color: var(--bs-pagination-disabled-color);
   pointer-events: none;
   background-color: var(--bs-pagination-disabled-bg);
   border-color: var(--bs-pagination-disabled-border-color);
 }
 
 .page-item:not(:first-child) .page-link {
   margin-left: calc(var(--bs-border-width) * -1);
 }
 .page-item:first-child .page-link {
   border-top-left-radius: var(--bs-pagination-border-radius);
   border-bottom-left-radius: var(--bs-pagination-border-radius);
 }
 .page-item:last-child .page-link {
   border-top-right-radius: var(--bs-pagination-border-radius);
   border-bottom-right-radius: var(--bs-pagination-border-radius);
 }
 
 .badge {
   --bs-badge-padding-x: 0.65em;
   --bs-badge-padding-y: 0.35em;
   --bs-badge-font-size: 0.75em;
   --bs-badge-font-weight: 700;
   --bs-badge-color: #fff;
   --bs-badge-border-radius: var(--bs-border-radius);
   display: inline-block;
   padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
   font-size: var(--bs-badge-font-size);
   font-weight: var(--bs-badge-font-weight);
   line-height: 1;
   color: var(--bs-badge-color);
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: var(--bs-badge-border-radius);
 }
 .badge:empty {
   display: none;
 }
 
 .btn .badge {
   position: relative;
   top: -1px;
 }
 
 .alert {
   --bs-alert-bg: transparent;
   --bs-alert-padding-x: 1rem;
   --bs-alert-padding-y: 1rem;
   --bs-alert-margin-bottom: 1rem;
   --bs-alert-color: inherit;
   --bs-alert-border-color: transparent;
   --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
   --bs-alert-border-radius: var(--bs-border-radius);
   --bs-alert-link-color: inherit;
   position: relative;
   padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
   margin-bottom: var(--bs-alert-margin-bottom);
   color: var(--bs-alert-color);
   background-color: var(--bs-alert-bg);
   border: var(--bs-alert-border);
   border-radius: var(--bs-alert-border-radius);
 }
 
 .alert-success {
   --bs-alert-color: var(--bs-success-text-emphasis);
   --bs-alert-bg: var(--bs-success-bg-subtle);
   --bs-alert-border-color: var(--bs-success-border-subtle);
   --bs-alert-link-color: var(--bs-success-text-emphasis);
 }
 
 .alert-warning {
   --bs-alert-color: var(--bs-warning-text-emphasis);
   --bs-alert-bg: var(--bs-warning-bg-subtle);
   --bs-alert-border-color: var(--bs-warning-border-subtle);
   --bs-alert-link-color: var(--bs-warning-text-emphasis);
 }
 
 .alert-danger {
   --bs-alert-color: var(--bs-danger-text-emphasis);
   --bs-alert-bg: var(--bs-danger-bg-subtle);
   --bs-alert-border-color: var(--bs-danger-border-subtle);
   --bs-alert-link-color: var(--bs-danger-text-emphasis);
 }
 
 @keyframes progress-bar-stripes {
   0% {
	 background-position-x: 1rem;
   }
 }
 .progress {
   --bs-progress-height: 1rem;
   --bs-progress-font-size: 0.75rem;
   --bs-progress-bg: var(--bs-secondary-bg);
   --bs-progress-border-radius: var(--bs-border-radius);
   --bs-progress-box-shadow: var(--bs-box-shadow-inset);
   --bs-progress-bar-color: #fff;
   --bs-progress-bar-bg: #0d6efd;
   --bs-progress-bar-transition: width 0.6s ease;
   display: flex;
   height: var(--bs-progress-height);
   overflow: hidden;
   font-size: var(--bs-progress-font-size);
   background-color: var(--bs-progress-bg);
   border-radius: var(--bs-progress-border-radius);
 }
 
 .list-group {
   --bs-list-group-color: var(--bs-body-color);
   --bs-list-group-bg: var(--bs-body-bg);
   --bs-list-group-border-color: var(--bs-border-color);
   --bs-list-group-border-width: var(--bs-border-width);
   --bs-list-group-border-radius: var(--bs-border-radius);
   --bs-list-group-item-padding-x: 1rem;
   --bs-list-group-item-padding-y: 0.5rem;
   --bs-list-group-action-color: var(--bs-secondary-color);
   --bs-list-group-action-hover-color: var(--bs-emphasis-color);
   --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
   --bs-list-group-action-active-color: var(--bs-body-color);
   --bs-list-group-action-active-bg: var(--bs-secondary-bg);
   --bs-list-group-disabled-color: var(--bs-secondary-color);
   --bs-list-group-disabled-bg: var(--bs-body-bg);
   --bs-list-group-active-color: #fff;
   --bs-list-group-active-bg: #0d6efd;
   --bs-list-group-active-border-color: #0d6efd;
   display: flex;
   flex-direction: column;
   padding-left: 0;
   margin-bottom: 0;
   border-radius: var(--bs-list-group-border-radius);
 }
 
 .list-group-item {
   position: relative;
   display: block;
   padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
   color: var(--bs-list-group-color);
   text-decoration: none;
   background-color: var(--bs-list-group-bg);
   border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
 }
 .list-group-item:first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
 .list-group-item:last-child {
   border-bottom-right-radius: inherit;
   border-bottom-left-radius: inherit;
 }
 .list-group-item.disabled, .list-group-item:disabled {
   color: var(--bs-list-group-disabled-color);
   pointer-events: none;
   background-color: var(--bs-list-group-disabled-bg);
 }
 .list-group-item.active {
   z-index: 2;
   color: var(--bs-list-group-active-color);
   background-color: var(--bs-list-group-active-bg);
   border-color: var(--bs-list-group-active-border-color);
 }
 .list-group-item + .list-group-item {
   border-top-width: 0;
 }
 .list-group-item + .list-group-item.active {
   margin-top: calc(-1 * var(--bs-list-group-border-width));
   border-top-width: var(--bs-list-group-border-width);
 }
 
 .btn-close {
   --bs-btn-close-color: #000;
   --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
   --bs-btn-close-opacity: 0.5;
   --bs-btn-close-hover-opacity: 0.75;
   --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
   --bs-btn-close-focus-opacity: 1;
   --bs-btn-close-disabled-opacity: 0.25;
   --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
   box-sizing: content-box;
   width: 1em;
   height: 1em;
   padding: 0.25em 0.25em;
   color: var(--bs-btn-close-color);
   background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
   border: 0;
   border-radius: 0.375rem;
   opacity: var(--bs-btn-close-opacity);
 }
 .btn-close:hover {
   color: var(--bs-btn-close-color);
   text-decoration: none;
   opacity: var(--bs-btn-close-hover-opacity);
 }
 .btn-close:focus {
   outline: 0;
   box-shadow: var(--bs-btn-close-focus-shadow);
   opacity: var(--bs-btn-close-focus-opacity);
 }
 .btn-close:disabled, .btn-close.disabled {
   pointer-events: none;
   -webkit-user-select: none;
	  -moz-user-select: none;
		   user-select: none;
   opacity: var(--bs-btn-close-disabled-opacity);
 }
 
 .btn-close-white {
   filter: var(--bs-btn-close-white-filter);
 }
 
 [data-bs-theme=dark] .btn-close {
   filter: var(--bs-btn-close-white-filter);
 }
 
 .toast {
   --bs-toast-zindex: 1090;
   --bs-toast-padding-x: 0.75rem;
   --bs-toast-padding-y: 0.5rem;
   --bs-toast-spacing: 1.5rem;
   --bs-toast-max-width: 350px;
   --bs-toast-font-size: 0.875rem;
   --bs-toast-color: ;
   --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
   --bs-toast-border-width: var(--bs-border-width);
   --bs-toast-border-color: var(--bs-border-color-translucent);
   --bs-toast-border-radius: var(--bs-border-radius);
   --bs-toast-box-shadow: var(--bs-box-shadow);
   --bs-toast-header-color: var(--bs-secondary-color);
   --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
   --bs-toast-header-border-color: var(--bs-border-color-translucent);
   width: var(--bs-toast-max-width);
   max-width: 100%;
   font-size: var(--bs-toast-font-size);
   color: var(--bs-toast-color);
   pointer-events: auto;
   background-color: var(--bs-toast-bg);
   background-clip: padding-box;
   border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
   box-shadow: var(--bs-toast-box-shadow);
   border-radius: var(--bs-toast-border-radius);
 }
 .toast.showing {
   opacity: 0;
 }
 .toast:not(.show) {
   display: none;
 }
 
 .toast-header {
   display: flex;
   align-items: center;
   padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
   color: var(--bs-toast-header-color);
   background-color: var(--bs-toast-header-bg);
   background-clip: padding-box;
   border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
   border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
   border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
 }
 .toast-header .btn-close {
   margin-right: calc(-0.5 * var(--bs-toast-padding-x));
   margin-left: var(--bs-toast-padding-x);
 }
 
 .toast-body {
   padding: var(--bs-toast-padding-x);
   word-wrap: break-word;
 }
 
 .modal {
   --bs-modal-zindex: 1055;
   --bs-modal-width: 500px;
   --bs-modal-padding: 1rem;
   --bs-modal-margin: 0.5rem;
   --bs-modal-color: ;
   --bs-modal-bg: var(--bs-body-bg);
   --bs-modal-border-color: var(--bs-border-color-translucent);
   --bs-modal-border-width: var(--bs-border-width);
   --bs-modal-border-radius: var(--bs-border-radius-lg);
   --bs-modal-box-shadow: var(--bs-box-shadow-sm);
   --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
   --bs-modal-header-padding-x: 1rem;
   --bs-modal-header-padding-y: 1rem;
   --bs-modal-header-padding: 1rem 1rem;
   --bs-modal-header-border-color: var(--bs-border-color);
   --bs-modal-header-border-width: var(--bs-border-width);
   --bs-modal-title-line-height: 1.5;
   --bs-modal-footer-gap: 0.5rem;
   --bs-modal-footer-bg: ;
   --bs-modal-footer-border-color: var(--bs-border-color);
   --bs-modal-footer-border-width: var(--bs-border-width);
   position: fixed;
   top: 0;
   left: 0;
   z-index: var(--bs-modal-zindex);
   display: none;
   width: 100%;
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
   outline: 0;
 }
 
 .modal-dialog {
   position: relative;
   width: auto;
   margin: var(--bs-modal-margin);
   pointer-events: none;
 }
 .modal.fade .modal-dialog {
   transition: transform 0.3s ease-out;
   transform: translate(0, -50px);
 }
 @media (prefers-reduced-motion: reduce) {
   .modal.fade .modal-dialog {
	 transition: none;
   }
 }
 .modal.show .modal-dialog {
   transform: none;
 }
 .modal.modal-static .modal-dialog {
   transform: scale(1.02);
 }
 
.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  box-shadow: var(--bs-modal-box-shadow);
  outline: 0;
}

 
 .modal-backdrop {
   --bs-backdrop-zindex: 1050;
   --bs-backdrop-bg: #000;
   --bs-backdrop-opacity: 0.5;
   position: fixed;
   top: 0;
   left: 0;
   z-index: var(--bs-backdrop-zindex);
   width: 100vw;
   height: 100vh;
   background-color: var(--bs-backdrop-bg);
 }
 .modal-backdrop.fade {
   opacity: 0;
 }
 .modal-backdrop.show {
   opacity: var(--bs-backdrop-opacity);
 }
 
 .modal-header {
   display: flex;
   flex-shrink: 0;
   align-items: center;
   justify-content: space-between;
   padding: var(--bs-modal-header-padding);
   border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
   border-top-left-radius: var(--bs-modal-inner-border-radius);
   border-top-right-radius: var(--bs-modal-inner-border-radius);
 }
 .modal-header .btn-close {
   padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
   margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
 }
 
 .modal-title {
   margin-bottom: 0;
   line-height: var(--bs-modal-title-line-height);
 }
 
 
 .modal-body {
   position: relative;
   flex: 1 1 auto;
   padding: var(--bs-modal-padding);
 }
 
 @media (min-width: 576px) {
   .modal {
	 --bs-modal-margin: 1.75rem;
	 --bs-modal-box-shadow: var(--bs-box-shadow);
   }
   .modal-dialog {
	 max-width: var(--bs-modal-width);
	 margin-right: auto;
	 margin-left: auto;
   }
 }
 .tooltip {
   --bs-tooltip-zindex: 1080;
   --bs-tooltip-max-width: 200px;
   --bs-tooltip-padding-x: 0.5rem;
   --bs-tooltip-padding-y: 0.25rem;
   --bs-tooltip-margin: ;
   --bs-tooltip-font-size: 0.875rem;
   --bs-tooltip-color: var(--bs-body-bg);
   --bs-tooltip-bg: var(--bs-emphasis-color);
   --bs-tooltip-border-radius: var(--bs-border-radius);
   --bs-tooltip-opacity: 0.9;
   --bs-tooltip-arrow-width: 0.8rem;
   --bs-tooltip-arrow-height: 0.4rem;
   z-index: var(--bs-tooltip-zindex);
   display: block;
   margin: var(--bs-tooltip-margin);
   font-family: var(--bs-font-sans-serif);
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
   text-align: left;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
   letter-spacing: normal;
   word-break: normal;
   white-space: normal;
   word-spacing: normal;
   line-break: auto;
   font-size: var(--bs-tooltip-font-size);
   word-wrap: break-word;
   opacity: 0;
 }
 .tooltip.show {
   opacity: var(--bs-tooltip-opacity);
 }
 .tooltip .tooltip-arrow {
   display: block;
   width: var(--bs-tooltip-arrow-width);
   height: var(--bs-tooltip-arrow-height);
 }
 .tooltip .tooltip-arrow::before {
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
 }
 
 /* rtl:begin:ignore */
 
 /* rtl:end:ignore */
 
 /* rtl:begin:ignore */
 
 /* rtl:end:ignore */
 .tooltip-inner {
   max-width: var(--bs-tooltip-max-width);
   padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
   color: var(--bs-tooltip-color);
   text-align: center;
   background-color: var(--bs-tooltip-bg);
   border-radius: var(--bs-tooltip-border-radius);
 }
 
 .popover {
   --bs-popover-zindex: 1070;
   --bs-popover-max-width: 276px;
   --bs-popover-font-size: 0.875rem;
   --bs-popover-bg: var(--bs-body-bg);
   --bs-popover-border-width: var(--bs-border-width);
   --bs-popover-border-color: var(--bs-border-color-translucent);
   --bs-popover-border-radius: var(--bs-border-radius-lg);
   --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
   --bs-popover-box-shadow: var(--bs-box-shadow);
   --bs-popover-header-padding-x: 1rem;
   --bs-popover-header-padding-y: 0.5rem;
   --bs-popover-header-font-size: 1rem;
   --bs-popover-header-color: inherit;
   --bs-popover-header-bg: var(--bs-secondary-bg);
   --bs-popover-body-padding-x: 1rem;
   --bs-popover-body-padding-y: 1rem;
   --bs-popover-body-color: var(--bs-body-color);
   --bs-popover-arrow-width: 1rem;
   --bs-popover-arrow-height: 0.5rem;
   --bs-popover-arrow-border: var(--bs-popover-border-color);
   z-index: var(--bs-popover-zindex);
   display: block;
   max-width: var(--bs-popover-max-width);
   font-family: var(--bs-font-sans-serif);
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
   text-align: left;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
   letter-spacing: normal;
   word-break: normal;
   white-space: normal;
   word-spacing: normal;
   line-break: auto;
   font-size: var(--bs-popover-font-size);
   word-wrap: break-word;
   background-color: var(--bs-popover-bg);
   background-clip: padding-box;
   border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
   border-radius: var(--bs-popover-border-radius);
 }
 .popover .popover-arrow {
   display: block;
   width: var(--bs-popover-arrow-width);
   height: var(--bs-popover-arrow-height);
 }
 .popover .popover-arrow::before, .popover .popover-arrow::after {
   position: absolute;
   display: block;
   content: "";
   border-color: transparent;
   border-style: solid;
   border-width: 0;
 }
 
 /* rtl:begin:ignore */
 
 /* rtl:end:ignore */
 
 /* rtl:begin:ignore */
 
 /* rtl:end:ignore */
 .popover-header {
   padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
   margin-bottom: 0;
   font-size: var(--bs-popover-header-font-size);
   color: var(--bs-popover-header-color);
   background-color: var(--bs-popover-header-bg);
   border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
   border-top-left-radius: var(--bs-popover-inner-border-radius);
   border-top-right-radius: var(--bs-popover-inner-border-radius);
 }
 .popover-header:empty {
   display: none;
 }
 
 .popover-body {
   padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
   color: var(--bs-popover-body-color);
 }
 
 .carousel {
   position: relative;
 }
 
 .carousel.pointer-event {
   touch-action: pan-y;
 }
 
 .carousel-item {
   position: relative;
   display: none;
   float: left;
   width: 100%;
   margin-right: -100%;
   backface-visibility: hidden;
   transition: transform 0.6s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
   .carousel-item {
	 transition: none;
   }
 }
 
 .carousel-item.active,
 .carousel-item-next,
 .carousel-item-prev {
   display: block;
 }
 
 .carousel-item-next:not(.carousel-item-start),
 .active.carousel-item-end {
   transform: translateX(100%);
 }
 
 .carousel-item-prev:not(.carousel-item-end),
 .active.carousel-item-start {
   transform: translateX(-100%);
 }
 
 /* rtl:options: {
   "autoRename": true,
   "stringMap":[ {
	 "name"    : "prev-next",
	 "search"  : "prev",
	 "replace" : "next"
   } ]
 } */
 
 .carousel-indicators {
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 2;
   display: flex;
   justify-content: center;
   padding: 0;
   margin-right: 15%;
   margin-bottom: 1rem;
   margin-left: 15%;
 }
 .carousel-indicators [data-bs-target] {
   box-sizing: content-box;
   flex: 0 1 auto;
   width: 30px;
   height: 3px;
   padding: 0;
   margin-right: 3px;
   margin-left: 3px;
   text-indent: -999px;
   cursor: pointer;
   background-color: #fff;
   background-clip: padding-box;
   border: 0;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   opacity: 0.5;
   transition: opacity 0.6s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   .carousel-indicators [data-bs-target] {
	 transition: none;
   }
 }
 .carousel-indicators .active {
   opacity: 1;
 }
 [data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
   background-color: #000;
 }
 
 .spinner-grow {
   display: inline-block;
   width: var(--bs-spinner-width);
   height: var(--bs-spinner-height);
   vertical-align: var(--bs-spinner-vertical-align);
   border-radius: 50%;
   animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
 }
 
 @keyframes spinner-border {
   to {
	 transform: rotate(360deg) /* rtl:ignore */;
   }
 }
 
 @keyframes spinner-grow {
   0% {
	 transform: scale(0);
   }
   50% {
	 opacity: 1;
	 transform: none;
   }
 }
 .spinner-grow {
   --bs-spinner-width: 2rem;
   --bs-spinner-height: 2rem;
   --bs-spinner-vertical-align: -0.125em;
   --bs-spinner-animation-speed: 0.75s;
   --bs-spinner-animation-name: spinner-grow;
   background-color: currentcolor;
   opacity: 0;
 }
 
 .spinner-grow-sm {
   --bs-spinner-width: 1rem;
   --bs-spinner-height: 1rem;
 }
 
 @media (prefers-reduced-motion: reduce) {
   
   .spinner-grow {
	 --bs-spinner-animation-speed: 1.5s;
   }
 }
 .offcanvas {
   --bs-offcanvas-zindex: 1045;
   --bs-offcanvas-width: 400px;
   --bs-offcanvas-height: 30vh;
   --bs-offcanvas-padding-x: 1rem;
   --bs-offcanvas-padding-y: 1rem;
   --bs-offcanvas-color: var(--bs-body-color);
   --bs-offcanvas-bg: var(--bs-body-bg);
   --bs-offcanvas-border-width: var(--bs-border-width);
   --bs-offcanvas-border-color: var(--bs-border-color-translucent);
   --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
   --bs-offcanvas-transition: transform 0.3s ease-in-out;
   --bs-offcanvas-title-line-height: 1.5;
 }
 
 .offcanvas {
   position: fixed;
   bottom: 0;
   z-index: var(--bs-offcanvas-zindex);
   display: flex;
   flex-direction: column;
   max-width: 100%;
   color: var(--bs-offcanvas-color);
   visibility: hidden;
   background-color: var(--bs-offcanvas-bg);
   background-clip: padding-box;
   outline: 0;
   transition: var(--bs-offcanvas-transition);
 }
 @media (prefers-reduced-motion: reduce) {
   .offcanvas {
	 transition: none;
   }
 }
 .offcanvas.showing, .offcanvas.show:not(.hiding) {
   transform: none;
 }
 .offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
   visibility: visible;
 }
 
 .offcanvas-backdrop {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1040;
   width: 100vw;
   height: 100vh;
   background-color: #000;
 }
 .offcanvas-backdrop.fade {
   opacity: 0;
 }
 .offcanvas-backdrop.show {
   opacity: 0.5;
 }
 
 .placeholder {
   display: inline-block;
   min-height: 1em;
   vertical-align: middle;
   cursor: wait;
   background-color: currentcolor;
   opacity: 0.5;
 }
 .placeholder.btn::before {
   display: inline-block;
   content: "";
 }
 
 @keyframes placeholder-glow {
   50% {
	 opacity: 0.2;
   }
 }
 
 @keyframes placeholder-wave {
   100% {
	 -webkit-mask-position: -200% 0%;
			 mask-position: -200% 0%;
   }
 }
 
 .text-bg-primary {
   color: #fff !important;
   background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
 .text-bg-warning {
   color: #000 !important;
   background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
 .text-bg-danger {
   color: #fff !important;
   background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
 .text-bg-light {
   color: #000 !important;
   background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
 .ratio {
   position: relative;
   width: 100%;
 }
 .ratio::before {
   display: block;
   padding-top: var(--bs-aspect-ratio);
   content: "";
 }
 .ratio > * {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
 
 .ratio-16x9 {
   --bs-aspect-ratio: 56.25%;
 }
 
 .fixed-top {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   z-index: 1030;
 }
 
 .fixed-bottom {
   position: fixed;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1030;
 }
 
 .sticky-top {
   position: sticky;
   top: 0;
   z-index: 1020;
 }
 
 .visually-hidden {
   width: 1px !important;
   height: 1px !important;
   padding: 0 !important;
   margin: -1px !important;
   overflow: hidden !important;
   clip: rect(0, 0, 0, 0) !important;
   white-space: nowrap !important;
   border: 0 !important;
 }
 .visually-hidden:not(caption) {
   position: absolute !important;
 }
 
 .overflow-hidden {
   overflow: hidden !important;
 }
 
 .d-inline-block {
   display: inline-block !important;
 }
 
 .d-block {
   display: block !important;
 }
 
 .d-flex {
   display: flex !important;
 }
 
 .d-none {
   display: none !important;
 }
 
 .shadow {
   box-shadow: var(--bs-box-shadow) !important;
 }
 
 .position-relative {
   position: relative !important;
 }
 
 .position-absolute {
   position: absolute !important;
 }
 
 .position-fixed {
   position: fixed !important;
 }
 
 .top-0 {
   top: 0 !important;
 }
 
 .top-50 {
   top: 50% !important;
 }
 
 .bottom-0 {
   bottom: 0 !important;
 }
 
 .start-0 {
   left: 0 !important;
 }
 
 .start-50 {
   left: 50% !important;
 }
 
 .end-0 {
   right: 0 !important;
 }
 
 .translate-middle {
   transform: translate(-50%, -50%) !important;
 }
 
 .translate-middle-x {
   transform: translateX(-50%) !important;
 }
 
 .translate-middle-y {
   transform: translateY(-50%) !important;
 }
 
 .border {
   border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
 }
 
 .border-0 {
   border: 0 !important;
 }
 
 .border-top {
   border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
 }
 
 .border-bottom {
   border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
 }
 
 .border-bottom-0 {
   border-bottom: 0 !important;
 }
 
 .border-dark {
   --bs-border-opacity: 1;
   border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
 }
 
 .border-black {
   --bs-border-opacity: 1;
   border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
 }
 
 .w-100 {
   width: 100% !important;
 }
 
 .w-auto {
   width: auto !important;
 }
 
 .h-100 {
   height: 100% !important;
 }
 
 .h-auto {
   height: auto !important;
 }
 
 .flex-fill {
   flex: 1 1 auto !important;
 }
 
 .flex-column {
   flex-direction: column !important;
 }
 
 .justify-content-center {
   justify-content: center !important;
 }
 
 .justify-content-between {
   justify-content: space-between !important;
 }
 
 .align-items-center {
   align-items: center !important;
 }
 
 .align-items-stretch {
   align-items: stretch !important;
 }
 
 .m-0 {
   margin: 0 !important;
 }
 
 .m-1 {
   margin: 0.25rem !important;
 }
 
 .mx-0 {
   margin-right: 0 !important;
   margin-left: 0 !important;
 }
 
 .mx-2 {
   margin-right: 0.5rem !important;
   margin-left: 0.5rem !important;
 }
 
 .my-1 {
   margin-top: 0.25rem !important;
   margin-bottom: 0.25rem !important;
 }
 
 .my-4 {
   margin-top: 1.5rem !important;
   margin-bottom: 1.5rem !important;
 }
 
 .my-5 {
   margin-top: 3rem !important;
   margin-bottom: 3rem !important;
 }
 
 .mt-1 {
   margin-top: 0.25rem !important;
 }
 
 .mt-2 {
   margin-top: 0.5rem !important;
 }
 
 .mt-3 {
   margin-top: 1rem !important;
 }
 
 .mt-4 {
   margin-top: 1.5rem !important;
 }
 
 .mt-5 {
   margin-top: 3rem !important;
 }
 
 .mt-auto {
   margin-top: auto !important;
 }
 
 .me-1 {
   margin-right: 0.25rem !important;
 }
 
 .me-2 {
   margin-right: 0.5rem !important;
 }
 
 .me-3 {
   margin-right: 1rem !important;
 }
 
 .me-4 {
   margin-right: 1.5rem !important;
 }
 
 .me-auto {
   margin-right: auto !important;
 }
 
 .mb-0 {
   margin-bottom: 0 !important;
 }
 
 .mb-1 {
   margin-bottom: 0.25rem !important;
 }
 
 .mb-2 {
   margin-bottom: 0.5rem !important;
 }
 
 .mb-3 {
   margin-bottom: 1rem !important;
 }
 
 .mb-4 {
   margin-bottom: 1.5rem !important;
 }
 
 .mb-5 {
   margin-bottom: 3rem !important;
 }
 
 .mb-auto {
   margin-bottom: auto !important;
 }
 
 .ms-1 {
   margin-left: 0.25rem !important;
 }
 
 .ms-5 {
   margin-left: 3rem !important;
 }
 
 .ms-auto {
   margin-left: auto !important;
 }
 
 .p-0 {
   padding: 0 !important;
 }
 
 .p-1 {
   padding: 0.25rem !important;
 }
 
 .p-2 {
   padding: 0.5rem !important;
 }
 
 .p-3 {
   padding: 1rem !important;
 }
 
 .p-4 {
   padding: 1.5rem !important;
 }
 
 .p-5 {
   padding: 3rem !important;
 }
 
 .px-1 {
   padding-right: 0.25rem !important;
   padding-left: 0.25rem !important;
 }
 
 .px-2 {
   padding-right: 0.5rem !important;
   padding-left: 0.5rem !important;
 }
 
 .px-3 {
   padding-right: 1rem !important;
   padding-left: 1rem !important;
 }
 
 .px-4 {
   padding-right: 1.5rem !important;
   padding-left: 1.5rem !important;
 }
 
 .px-5 {
   padding-right: 3rem !important;
   padding-left: 3rem !important;
 }
 
 .py-0 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }
 
 .py-2 {
   padding-top: 0.5rem !important;
   padding-bottom: 0.5rem !important;
 }
 
 .py-3 {
   padding-top: 1rem !important;
   padding-bottom: 1rem !important;
 }
 
 .py-4 {
   padding-top: 1.5rem !important;
   padding-bottom: 1.5rem !important;
 }
 
 .py-5 {
   padding-top: 3rem !important;
   padding-bottom: 3rem !important;
 }
 
 .pt-1 {
   padding-top: 0.25rem !important;
 }
 
 .pt-3 {
   padding-top: 1rem !important;
 }
 
 .pb-0 {
   padding-bottom: 0 !important;
 }
 
 .pb-1 {
   padding-bottom: 0.25rem !important;
 }
 
 .pb-2 {
   padding-bottom: 0.5rem !important;
 }
 
 .pb-3 {
   padding-bottom: 1rem !important;
 }
 
 .pb-5 {
   padding-bottom: 3rem !important;
 }
 
 .fs-1 {
   font-size: calc(1.375rem + 1.5vw) !important;
 }
 
 .fs-2 {
   font-size: calc(1.325rem + 0.9vw) !important;
 }
 
 .fs-5 {
   font-size: 1.25rem !important;
 }
 
 .fs-6 {
   font-size: 1rem !important;
 }
 
 .fw-normal {
   font-weight: 400 !important;
 }
 
 .fw-medium {
   font-weight: 500 !important;
 }
 
 .fw-semibold {
   font-weight: 600 !important;
 }
 
 .fw-bold {
   font-weight: 700 !important;
 }
 
 .fw-bolder {
   font-weight: bolder !important;
 }
 
 .lh-sm {
   line-height: 1.25 !important;
 }
 
 .text-start {
   text-align: left !important;
 }
 
 .text-center {
   text-align: center !important;
 }
 
 .text-decoration-underline {
   text-decoration: underline !important;
 }
 
 .text-uppercase {
   text-transform: uppercase !important;
 }
 
 /* rtl:begin:remove */
 
 /* rtl:end:remove */
 
 .text-danger {
   --bs-text-opacity: 1;
   color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-light {
   --bs-text-opacity: 1;
   color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-dark {
   --bs-text-opacity: 1;
   color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-white {
   --bs-text-opacity: 1;
   color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-muted {
   --bs-text-opacity: 1;
   color: var(--bs-secondary-color) !important;
 }
 
 .bg-primary {
   --bs-bg-opacity: 1;
   background-color: rgba(var(--bs-primary-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-white {
   --bs-bg-opacity: 1;
   background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
 }
 
 .bg-transparent {
   --bs-bg-opacity: 1;
   background-color: transparent !important;
 }
 
 .bg-opacity-10 {
   --bs-bg-opacity: 0.1;
 }
 
 .rounded {
   border-radius: var(--bs-border-radius) !important;
 }
 
 .rounded-2 {
   border-radius: var(--bs-border-radius) !important;
 }
 
 .rounded-3 {
   border-radius: var(--bs-border-radius-lg) !important;
 }
 
 .rounded-4 {
   border-radius: var(--bs-border-radius-xl) !important;
 }
 
 .rounded-5 {
   border-radius: var(--bs-border-radius-xxl) !important;
 }
 
 .rounded-circle {
   border-radius: 50% !important;
 }
 
 .rounded-pill {
   border-radius: var(--bs-border-radius-pill) !important;
 }
 
 .visible {
   visibility: visible !important;
 }
 
 .z-n1 {
   z-index: -1 !important;
 }
 
 .z-1 {
   z-index: 1 !important;
 }
 
 .z-2 {
   z-index: 2 !important;
 }
 
 .z-3 {
   z-index: 3 !important;
 }
 @media (min-width: 768px) {
   .d-md-inline-block {
	 display: inline-block !important;
   }
   .d-md-block {
	 display: block !important;
   }
 }
 @media (min-width: 992px) {
   .d-lg-block {
	 display: block !important;
   }
   .justify-content-lg-end {
	 justify-content: flex-end !important;
   }
   .my-lg-5 {
	 margin-top: 3rem !important;
	 margin-bottom: 3rem !important;
   }
   .mt-lg-6 {
	 margin-top: 5rem !important;
   }
   .me-lg-auto {
	 margin-right: auto !important;
   }
   .mb-lg-6 {
	 margin-bottom: 5rem !important;
   }
   .p-lg-6 {
	 padding: 5rem !important;
   }
   .px-lg-5 {
	 padding-right: 3rem !important;
	 padding-left: 3rem !important;
   }
   .py-lg-3 {
	 padding-top: 1rem !important;
	 padding-bottom: 1rem !important;
   }
   .py-lg-6 {
	 padding-top: 5rem !important;
	 padding-bottom: 5rem !important;
   }
   .pt-lg-5 {
	 padding-top: 3rem !important;
   }
   .text-lg-start {
	 text-align: left !important;
   }
 }
 @media (min-width: 1200px) {
   .align-items-xl-end {
	 align-items: flex-end !important;
   }
 }
 @media (min-width: 1200px) {
   .fs-1 {
	 font-size: 2.5rem !important;
   }
   .fs-2 {
	 font-size: 2rem !important;
   }
 }
 :root {
   --cnvs-themecolor:	#1abc9c;
   --cnvs-themecolor-rgb:	26, 188, 156;
   --bs-link-color:	var(--cnvs-themecolor);
   --bs-link-color-rgb:	var(--cnvs-themecolor-rgb);
   --bs-link-hover-color:	var(--cnvs-heading-color);
   --cnvs-white:	#fff;
   --cnvs-black:	#000;
   --cnvs-headings-font-weight:	600;
   /* Font Families */
   --cnvs-body-font:	"Inter", sans-serif;
   --cnvs-primary-font:	"Inter", sans-serif;
   --cnvs-secondary-font:	"Playfair Display", serif;
   --cnvs-line-height-base:	1.5;
   --cnvs-line-height-content:	1.65;
   /* Margins */
   --cnvs-margin-base:	3rem;
   --cnvs-margin-sm:	2rem;
   --cnvs-margin-lg:	5rem;
   --cnvs-content-padding:	5rem;
   --cnvs-section-margin:	4rem;
   --cnvs-section-padding:	var(--cnvs-section-margin);
   --cnvs-col-padding:	var(--cnvs-section-padding);
   --cnvs-box-shadow-sm:	0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
   --cnvs-box-shadow:	0 0.5rem 1rem rgba(0, 0, 0, 0.15);
   --cnvs-box-shadow-lg:	0 1rem 3rem rgba(0, 0, 0, 0.175);
   --cnvs-copyrights-font-size: 0.875rem;
   --bs-bg-opacity:	1;
   /* Header Height */
   --cnvs-header-height:	100px;
   --cnvs-header-height-sm:	60px;
   --cnvs-header-height-md:	80px;
   --cnvs-header-height-lg:	120px;
   --cnvs-header-height-shrink:	60px;
   --cnvs-side-header-width:	260px;
   --cnvs-side-header-padding-gutters:	30px;
   --cnvs-side-panel-size:	300px;
   --cnvs-side-panel-padding:	50px 70px 50px 40px;
   --cnvs-side-panel-widget-padding:	40px;
   --cnvs-transitions:	0.5s ease;
   /* Social Colors */
   --cnvs-color-facebook:	#3b5998;
   --cnvs-color-facebook-rgb:	59, 89, 152;
   --cnvs-color-whatsapp:	#25d366;
   --cnvs-color-whatsapp-rgb:	37, 211, 102;
   --cnvs-color-delicious:	#205cc0;
   --cnvs-color-delicious-rgb:	32, 92, 192;
   --cnvs-color-paypal:	#00588b;
   --cnvs-color-paypal-rgb:	0, 88, 139;
   --cnvs-color-waze:	#05c8f7;
   --cnvs-color-waze-rgb:	5, 200, 247;
   --cnvs-color-android:	#a4c639;
   --cnvs-color-android-rgb:	164, 198, 57;
   --cnvs-color-googledrive:	#1FA463;
   --cnvs-color-googledrive-rgb:	31, 164, 99;
   --cnvs-color-wikipedia:	#333;
   --cnvs-color-wikipedia-rgb:	51, 51, 51;
   --cnvs-color-stumbleupon:	#f74425;
   --cnvs-color-stumbleupon-rgb:	247, 68, 37;
   --cnvs-color-foursquare:	#25a0ca;
   --cnvs-color-foursquare-rgb:	37, 160, 202;
   --cnvs-color-call:	#444;
   --cnvs-color-call-rgb:	68, 68, 68;
   --cnvs-color-ninetyninedesigns:	#f26739;
   --cnvs-color-ninetyninedesigns-rgb:	242, 103, 57;
   --cnvs-color-forrst:	#5b9a68;
   --cnvs-color-forrst-rgb:	91, 154, 104;
   --cnvs-color-digg:	#191919;
   --cnvs-color-digg-rgb:	25, 25, 25;
   --cnvs-color-spotify:	#1DB954;
   --cnvs-color-spotify-rgb:	29, 185, 84;
   --cnvs-color-reddit:	#c6c6c6;
   --cnvs-color-reddit-rgb:	198, 198, 198;
   --cnvs-color-blogger:	#fc4f08;
   --cnvs-color-blogger-rgb:	252, 79, 8;
   --cnvs-color-cc:	#688527;
   --cnvs-color-cc-rgb:	104, 133, 39;
   --cnvs-color-dribbble:	#ea4c89;
   --cnvs-color-dribbble-rgb:	234, 76, 137;
   --cnvs-color-evernote:	#5ba525;
   --cnvs-color-evernote-rgb:	91, 165, 37;
   --cnvs-color-flickr:	#ff0084;
   --cnvs-color-flickr-rgb:	255, 0, 132;
   --cnvs-color-google:	#4885ed;
   --cnvs-color-google-rgb:	72, 133, 237;
   --cnvs-color-salesforce:	#1798c1;
   --cnvs-color-salesforce-rgb:	23, 152, 193;
   --cnvs-color-cloudflare:	#f38020;
   --cnvs-color-cloudflare-rgb:	243, 128, 32;
   --cnvs-color-linkedin:	#0e76a8;
   --cnvs-color-linkedin-rgb:	14, 118, 168;
   --cnvs-color-vk:	#2b587a;
   --cnvs-color-vk-rgb:	43, 88, 122;
   --cnvs-color-rss:	#ee802f;
   --cnvs-color-rss-rgb:	238, 128, 47;
   --cnvs-color-skype:	#00aff0;
   --cnvs-color-skype-rgb:	0, 175, 240;
   --cnvs-color-twitter:	#00acee;
   --cnvs-color-twitter-rgb:	0, 172, 238;
   --cnvs-color-x-twitter:	#010101;
   --cnvs-color-x-twitter-rgb:	1, 1, 1;
   --cnvs-color-youtube:	#c4302b;
   --cnvs-color-youtube-rgb:	196, 48, 43;
   --cnvs-color-vimeo:	#86c9ef;
   --cnvs-color-vimeo-rgb:	134, 201, 239;
   --cnvs-color-slack:	#ECB22E;
   --cnvs-color-slack-rgb:	236, 178, 46;
   --cnvs-color-yahoo:	#720e9e;
   --cnvs-color-yahoo-rgb:	114, 14, 158;
   --cnvs-color-email3:	#6567a5;
   --cnvs-color-email3-rgb:	101, 103, 165;
   --cnvs-color-macstore:	#333333;
   --cnvs-color-macstore-rgb:	51, 51, 51;
   --cnvs-color-figma:	#ab7c63;
   --cnvs-color-figma-rgb:	171, 124, 99;
   --cnvs-color-podcast:	#e4b21b;
   --cnvs-color-podcast-rgb:	228, 178, 27;
   --cnvs-color-meetup:	#e51937;
   --cnvs-color-meetup-rgb:	229, 25, 55;
   --cnvs-color-dropbox:	#3d9ae8;
   --cnvs-color-dropbox-rgb:	61, 154, 232;
   --cnvs-color-ebay:	#89c507;
   --cnvs-color-ebay-rgb:	137, 197, 7;
   --cnvs-color-github:	#171515;
   --cnvs-color-github-rgb:	23, 21, 21;
   --cnvs-color-googleplay:	#3bccff;
   --cnvs-color-googleplay-rgb:	59, 204, 255;
   --cnvs-color-itunes:	#222;
   --cnvs-color-itunes-rgb:	34, 34, 34;
   --cnvs-color-periscope:	#52677b;
   --cnvs-color-periscope-rgb:	82, 103, 123;
   --cnvs-color-meta:	#0668E1;
   --cnvs-color-meta-rgb:	6, 104, 225;
   --cnvs-color-soundcloud:	#ff7700;
   --cnvs-color-soundcloud-rgb:	255, 119, 0;
   --cnvs-color-tumblr:	#34526f;
   --cnvs-color-tumblr-rgb:	52, 82, 111;
   --cnvs-color-wordpress:	#1e8cbe;
   --cnvs-color-wordpress-rgb:	30, 140, 190;
   --cnvs-color-yelp:	#c41200;
   --cnvs-color-yelp-rgb:	196, 18, 0;
   --cnvs-color-microsoft:	#f65314;
   --cnvs-color-microsoft-rgb:	246, 83, 20;
   --cnvs-color-trello:	#0079bf;
   --cnvs-color-trello-rgb:	0, 121, 191;
   --cnvs-color-scribd:	#666666;
   --cnvs-color-scribd-rgb:	102, 102, 102;
   --cnvs-color-stripe:	#008cdd;
   --cnvs-color-stripe-rgb:	0, 140, 221;
   --cnvs-color-print:	#111;
   --cnvs-color-print-rgb:	17, 17, 17;
   --cnvs-color-btc:	#f2a900;
   --cnvs-color-btc-rgb:	242, 169, 0;
   --cnvs-color-weibo:	#DF2029;
   --cnvs-color-weibo-rgb:	223, 32, 41;
   --cnvs-color-acrobat:	#d3222a;
   --cnvs-color-acrobat-rgb:	211, 34, 42;
   --cnvs-color-drupal:	#27537a;
   --cnvs-color-drupal-rgb:	39, 83, 122;
   --cnvs-color-buffer:	#333333;
   --cnvs-color-buffer-rgb:	51, 51, 51;
   --cnvs-color-pocket:	#ee4056;
   --cnvs-color-pocket-rgb:	238, 64, 86;
   --cnvs-color-bitbucket:	#0e4984;
   --cnvs-color-bitbucket-rgb:	14, 73, 132;
   --cnvs-color-stackoverflow:	#ef8236;
   --cnvs-color-stackoverflow-rgb:	239, 130, 54;
   --cnvs-color-hackernews:	#ff6600;
   --cnvs-color-hackernews-rgb:	255, 102, 0;
   --cnvs-color-xing:	#126567;
   --cnvs-color-xing-rgb:	18, 101, 103;
   --cnvs-color-instagram:	#8a3ab9;
   --cnvs-color-instagram-rgb:	138, 58, 185;
   --cnvs-color-quora:	#a82400;
   --cnvs-color-quora-rgb:	168, 36, 0;
   --cnvs-color-openid:	#e16309;
   --cnvs-color-openid-rgb:	225, 99, 9;
   --cnvs-color-steam:	#111;
   --cnvs-color-steam-rgb:	17, 17, 17;
   --cnvs-color-amazon:	#e47911;
   --cnvs-color-amazon-rgb:	228, 121, 17;
   --cnvs-color-line:	#00b900;
   --cnvs-color-line-rgb:	0, 185, 0;
   --cnvs-color-kickstarter:	#87c442;
   --cnvs-color-kickstarter-rgb:	135, 196, 66;
   --cnvs-color-appstore:	#000;
   --cnvs-color-appstore-rgb:	0, 0, 0;
   --cnvs-color-pinterest:	#c8232c;
   --cnvs-color-pinterest-rgb:	200, 35, 44;
   --cnvs-color-fivehundredpx:	#111;
   --cnvs-color-fivehundredpx-rgb:	17, 17, 17;
   --cnvs-color-tiktok:	#000;
   --cnvs-color-tiktok-rgb:	0, 0, 0;
   --cnvs-color-airbnb:	#FF5A5F;
   --cnvs-color-airbnb-rgb:	255, 90, 95;
   --cnvs-color-gpay:	#6877df;
   --cnvs-color-gpay-rgb:	104, 119, 223;
   --cnvs-color-unsplash:	#111;
   --cnvs-color-unsplash-rgb:	17, 17, 17;
   --cnvs-color-snapchat:	#fffc00;
   --cnvs-color-snapchat-rgb:	255, 252, 0;
   --cnvs-color-discord:	#7289da;
   --cnvs-color-discord-rgb:	114, 137, 218;
   --cnvs-color-twitch:	#6441a5;
   --cnvs-color-twitch-rgb:	100, 65, 165;
   --cnvs-font-size-body:	var(--bs-body-font-size);
   --cnvs-font-size-h1:	2.25rem;
   --cnvs-font-size-h2:	1.875rem;
   --cnvs-font-size-h3:	1.625rem;
   --cnvs-font-size-h4:	1.375rem;
   --cnvs-font-size-h5:	1.125rem;
   --cnvs-font-size-h6:	0.875rem;
   --cnvs-font-size-small:	calc(var(--cnvs-font-size-body) * 0.875);
 }
 
 :root,
 .not-dark {
   --cnvs-contrast-0: #fff;
   --cnvs-contrast-100: #f8f9fa;
   --cnvs-contrast-200: #e9ecef;
   --cnvs-contrast-300: #dee2e6;
   --cnvs-contrast-400: #ced4da;
   --cnvs-contrast-500: #adb5bd;
   --cnvs-contrast-600: #6c757d;
   --cnvs-contrast-700: #495057;
   --cnvs-contrast-800: #343a40;
   --cnvs-contrast-900: #212529;
   --cnvs-contrast-1000: #000;
   --cnvs-invert-contrast-0: #000;
   --cnvs-invert-contrast-100: #212529;
   --cnvs-invert-contrast-200: #343a40;
   --cnvs-invert-contrast-300: #495057;
   --cnvs-invert-contrast-400: #6c757d;
   --cnvs-invert-contrast-500: #adb5bd;
   --cnvs-invert-contrast-600: #ced4da;
   --cnvs-invert-contrast-700: #dee2e6;
   --cnvs-invert-contrast-800: #e9ecef;
   --cnvs-invert-contrast-900: #f8f9fa;
   --cnvs-invert-contrast-1000: #fff;
   --cnvs-body-bg:	var(--bs-body-bg);
   --cnvs-body-bg-boxed:	var(--cnvs-body-bg);
   --cnvs-link-color:	var(--cnvs-themecolor);
   --cnvs-link-hover-color:	var(--cnvs---cnvs-heading-color);
   --cnvs-contrast-rgb:	0, 0, 0;
   --cnvs-invert-contrast-rgb:	255, 255, 255;
   --cnvs-contrast-bg:	#fff;
   --cnvs-contrast-bg-offset:	#f8f9fa;
   --cnvs-topbar-bg: var(--cnvs-contrast-0);
   --cnvs-topbar-color: var(--cnvs-contrast-700);
   --cnvs-topbar-border-color: rgba(var(--cnvs-contrast-rgb), 0.1);
   --cnvs-topbar-social-icon-color: var(--cnvs-contrast-600);
   --cnvs-header-bg:	var(--cnvs-contrast-0);
   --cnvs-header-sticky-bg:	var(--cnvs-header-bg);
   --cnvs-side-header-bg:	var(--cnvs-contrast-0);
   --cnvs-section-bg:	var(--cnvs-contrast-bg-offset);
   --cnvs-heading-color:	var(--cnvs-contrast-900);
   --cnvs-line-color:	rgba(var(--cnvs-contrast-rgb), .1);
   --cnvs-footer-bg:	var(--cnvs-contrast-bg-offset);
   --cnvs-bg-overlay-bg-opacity: 0.75;
   --cnvs-bg-overlay-bg: rgba(var(--cnvs-invert-contrast-rgb), var(--cnvs-bg-overlay-bg-opacity));
   color: var(--cnvs-contrast-800);
 }
 
 /* ----------------------------------------------------------------
 
	 Layouts.scss
 
 -----------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Bootstrap Adjustments
 -----------------------------------------------------------------*/
 @media (prefers-reduced-motion: no-preference) {
   :root {
	 scroll-behavior: auto;
   }
 }
 [class*=col-]:not([class*=sticky-]):not([class*=position-]) {
   position: relative;
 }
 .form-group {
   margin-bottom: 1rem;
 }
 
 /*	Custom Bootstap Columns */
 #wrapper {
   position: relative;
   float: none;
   width: 100%;
   margin: 0 auto;
   background-color: var(--cnvs-body-bg);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }
 @media (min-width: 1200px) {
   body:not(.stretched) #wrapper {
	 max-width: 1200px;
   }
 }
 @media (min-width: 1400px) {
   body:not(.stretched) #wrapper {
	 max-width: 1400px;
   }
 }
 .stretched #wrapper {
   width: 100%;
   margin: 0;
   box-shadow: none;
 }
 
 /* ----------------------------------------------------------------
	 Sections
 -----------------------------------------------------------------*/
 .section {
   position: relative;
   width: 100%;
   margin: var(--cnvs-section-margin) 0;
   padding: var(--cnvs-section-padding) 0;
   background-color: var(--cnvs-section-bg);
   overflow: hidden;
 }
 .section .container {
   z-index: 2;
 }
 .section .container + .video-wrap {
   z-index: 1;
 }
 
 .parallax {
   --cnvs-parallax-ratio: 2;
   --cnvs-parallax-width: 100%;
   --cnvs-parallax-height: calc(1px * (var(--cnvs-scroll-height) + ((var(--cnvs-parallax-ratio) * 100))));
   --cnvs-parallax-factor: -1px;
   --cnvs-parallax-value: calc(var(--cnvs-parallax-factor) * var(--cnvs-parallax-ratio) * var(--cnvs-scroll-percent));
   overflow: hidden;
   will-change: transform;
   position: relative;
 }
 .parallax[data-parallax-direction=horizontal] {
   --cnvs-parallax-width: calc(1px * (var(--cnvs-scroll-width) + ((var(--cnvs-parallax-ratio) * 100))));
   --cnvs-parallax-height: 100%;
 }
 
 
 .video-placeholder {
   background-size: cover !important;
   background-attachment: scroll !important;
   background-position: center center !important;
 }
 
 /* ----------------------------------------------------------------
	 Columns & Grids
 -----------------------------------------------------------------*/
 
 .sidebar {
   position: relative;
 }
 
 /*-----------------------------------------------------------------------------------
	 typography.scss
 -----------------------------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Basic
 -----------------------------------------------------------------*/
 dl, dt, dd, ol, ul, li {
   margin: 0;
   padding: 0;
 }
 
 em {
   font-family: var(--cnvs-secondary-font);
 }
 
 .clear {
   clear: both;
   display: block;
   font-size: 0px;
   height: 0px;
   line-height: 0;
   width: 100%;
   overflow: hidden;
 }
 
 ::-moz-selection {
   background: var(--cnvs-themecolor);
   color: var(--cnvs-body-bg);
   text-shadow: none;
 }
 
 ::selection {
   background: var(--cnvs-themecolor);
   color: var(--cnvs-body-bg);
   text-shadow: none;
 }
 
 ::-moz-selection {
   background: var(--cnvs-themecolor);
   color: var(--cnvs-body-bg);
   text-shadow: none;
 }
 
 ::-webkit-selection {
   background: var(--cnvs-themecolor);
   color: var(--cnvs-body-bg);
   text-shadow: none;
 }
 
 /* ----------------------------------------------------------------
	 Typography
 -----------------------------------------------------------------*/
 body {
   line-height: 1.5;
   font-size: var(--cnvs-font-size-body);
   font-family: var(--cnvs-body-font);
   background: var(--cnvs-body-bg);
 }
 body:not(.stretched) {
   background: var(--cnvs-body-bg-boxed);
 }
 
 a {
   color: var(--cnvs-link-color);
 }
 a:not(.btn-link):not(.text-decoration-underline):not(.more-link) {
   text-decoration: none !important;
 }
 a:hover {
   color: var(--cnvs-link-hover-color);
 }
 a img {
   border: none;
 }
 
 img {
   max-width: 100%;
 }
 
 iframe {
   width: 100%;
   border: 0 !important;
   overflow: hidden !important;
 }
 
 /* ----------------------------------------------------------------
	 Basic Layout Styles
 -----------------------------------------------------------------*/
 h1, .h1,
 h2,
 .h2,
 h3,
 .h3,
 h4,
 .h4,
 h5,
 .h5,
 h6,
 .h6 {
   color: var(--cnvs-heading-color);
   font-weight: var(--cnvs-headings-font-weight);
   line-height: var(--cnvs-line-height-base);
   margin: 0 0 30px 0;
   font-family: var(--cnvs-primary-font);
 }
 
 h5, .h5,
 h6,
 .h6 {
   font-weight: bold;
   margin-bottom: 20px;
 }
 
 h1, .h1 {
   font-size: var(--cnvs-font-size-h1);
 }
 
 h2, .h2 {
   font-size: var(--cnvs-font-size-h2);
 }
 
 h3, .h3 {
   font-size: var(--cnvs-font-size-h3);
 }
 
 h4, .h4 {
   font-size: var(--cnvs-font-size-h4);
 }
 
 h5, .h5 {
   font-size: var(--cnvs-font-size-h5);
 }
 
 h6, .h6 {
   font-size: var(--cnvs-font-size-h6);
 }
 
 .h5 {
   font-size: 1.25rem;
 }
 
 .h6 {
   font-size: 1rem;
 }
 
 h4, .h4 {
   font-weight: 600;
 }
 
 h5, .h5,
 h6,
 .h6 {
   font-weight: bold;
 }
 
 @media (max-width: 767.98px) {
   h1, .h1 {
	 font-size: 1.75rem;
   }
   h2, .h2 {
	 font-size: 1.5rem;
   }
   h3, .h3 {
	 font-size: 1.25rem;
   }
   h4, .h4 {
	 font-size: 1rem;
   }
 }
 h1 > span:not(.nocolor):not(.badge), .h1 > span:not(.nocolor):not(.badge),
 h2 > span:not(.nocolor):not(.badge),
 .h2 > span:not(.nocolor):not(.badge),
 h3 > span:not(.nocolor):not(.badge),
 .h3 > span:not(.nocolor):not(.badge),
 h4 > span:not(.nocolor):not(.badge),
 .h4 > span:not(.nocolor):not(.badge),
 h5 > span:not(.nocolor):not(.badge),
 .h5 > span:not(.nocolor):not(.badge),
 h6 > span:not(.nocolor):not(.badge),
 .h6 > span:not(.nocolor):not(.badge) {
   color: var(--cnvs-themecolor);
 }
 
 p,
 pre,
 ul,
 ol,
 dl,
 dd,
 address,
 table,
 fieldset,
 form {
   margin-bottom: 30px;
 }
 
 small, .small {
   font-size: var(--cnvs-font-size-small);
 }
 
 /*-----------------------------------------------------------------------------------
 
	 Utilities.scss
 
 -----------------------------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Helper Classes
 -----------------------------------------------------------------*/
 .line {
   clear: both;
   position: relative;
   width: 100%;
   margin: var(--cnvs-section-margin) 0;
   border-top: 1px solid rgba(var(--cnvs-contrast-rgb), 0.1);
 }
 
 span.middot {
   display: inline-block;
   margin: 0 5px;
 }
 
 .inline-block {
   float: none !important;
   display: inline-block !important;
 }
 
 .center {
   text-align: center !important;
 }
 
 /* ----------------------------------------------------------------
	 Text Contrast Color Utility Classes
 -----------------------------------------------------------------*/
 
 .text-contrast-500 {
   color: var(--cnvs-contrast-500) !important;
 }
 
 .text-contrast-600 {
   color: var(--cnvs-contrast-600) !important;
 }
 
 .text-contrast-1000 {
   color: var(--cnvs-contrast-1000) !important;
 }
 
 /* ----------------------------------------------------------------
	 BG Contrast Color Utility Classes
 -----------------------------------------------------------------*/
 .bg-contrast-0 {
   background-color: var(--cnvs-contrast-0) !important;
 }
 
 .bg-contrast-200 {
   background-color: var(--cnvs-contrast-200) !important;
 }
 
 /* ----------------------------------------------------------------
	 Border Contrast Color Utility Classes
 -----------------------------------------------------------------*/
 
 .border-contrast-300 {
   border-color: var(--cnvs-contrast-300) !important;
 }
 
 .border-contrast-500 {
   border-color: var(--cnvs-contrast-500) !important;
 }
 
 .bg-color,
 .bg-color #header-wrap {
   background-color: rgba(var(--cnvs-themecolor-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
 .bg-color[class*=bg-opacity-] {
   background-color: rgba(var(--cnvs-themecolor-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
 .color {
   color: rgba(var(--cnvs-themecolor-rgb), var(--bs-text-opacity, 1)) !important;
 }
 
 /* ----------------------------------------------------------------
	 Font Weight Utility Classes
 -----------------------------------------------------------------*/
 
 .fw-medium {
   font-weight: 500 !important;
 }
 
 .fw-semibold {
   font-weight: 600 !important;
 }
 
 /* ----------------------------------------------------------------
	 Letter Spacing Utility Classes
 -----------------------------------------------------------------*/
 .ls-0 {
   letter-spacing: 0px !important;
 }
 
 .ls-1 {
   letter-spacing: 1px !important;
 }
 
 .ls-4 {
   letter-spacing: 4px !important;
 }
 
 /* ----------------------------------------------------------------
	 Text Stroke
 -----------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Font Families
 -----------------------------------------------------------------*/
 .font-body {
   font-family: var(--cnvs-body-font) !important;
 }
 
 .font-primary {
   font-family: var(--cnvs-primary-font) !important;
 }
 
 .font-secondary {
   font-family: var(--cnvs-secondary-font) !important;
 }
 
 /* ----------------------------------------------------------------
	 Text Underline Offset
 -----------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	 Image fit Objects
 -----------------------------------------------------------------*/
 
 .object-cover {
   -o-object-fit: cover !important;
	  object-fit: cover !important;
 }
 
 /* ----------------------------------------------------------------
	 Image Object & Background Positions
 -----------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Background Sizes
 -----------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	 Image Scale Utility Classes
 -----------------------------------------------------------------*/
 
 .grayscale {
   --cnvs-gray-filter: brightness(80%) grayscale(1);
   filter: var(--cnvs-gray-filter);
   -webkit-filter: var(--cnvs-gray-filter);
   -moz-filter: var(--cnvs-gray-filter);
   -o-filter: var(--cnvs-gray-filter);
   -ms-filter: var(--cnvs-gray-filter);
   transition: 1s filter ease;
 }
 @media (prefers-reduced-motion: reduce) {
   .grayscale {
	 transition: none;
   }
 }
 
 
 .grayscale:hover {
   --cnvs-gray-filter: brightness(100%) grayscale(0);
   transition: 1s filter ease;
 }
 @media (prefers-reduced-motion: reduce) {
   
   .grayscale:hover {
	 transition: none;
   }
 }
 @keyframes BgAnimated {
   from {
	 background-position: 0 0;
   }
   to {
	 background-position: 0 400px;
   }
 }
 
 /* ----------------------------------------------------------------
	 Opacity Utility Classes
 -----------------------------------------------------------------*/
 .op-ts {
   transition: opacity var(--cnvs-transitions);
 }
 @media (prefers-reduced-motion: reduce) {
   .op-ts {
	 transition: none;
   }
 }
 
 .op-0 {
   opacity: 0 !important;
 }
 
 .op-1 {
   opacity: 1 !important;
 }
 
 .op-01 {
   opacity: 0.1 !important;
 }
 
 .op-05 {
   opacity: 0.5 !important;
 }
 
 .op-06 {
   opacity: 0.6 !important;
 }
 
 .op-08,
 .h-op-08:hover {
   opacity: 0.8 !important;
 }
 
 .op-09,
 .h-op-09:hover {
   opacity: 0.9 !important;
 }
 
 /* ----------------------------------------------------------------
	 Text Sizing Utility
 -----------------------------------------------------------------*/
 .text-smaller {
   font-size: 80% !important;
 }
 .text-smaller small, .text-smaller .small {
   font-size: 90% !important;
 }
 
 /* ----------------------------------------------------------------
	 Text Color Utility Classes
 -----------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	 BG Color Utility Classes
 -----------------------------------------------------------------*/
 
 .h-bg-color:hover {
   background-color: var(--cnvs-themecolor) !important;
 }
 
 .h-bg-dark:hover {
   background-color: var(--bs-dark) !important;
 }
 
 /* ----------------------------------------------------------------
	 Gradient Utility Classes
 -----------------------------------------------------------------*/
 
 
 .gradient-text {
   text-shadow: none !important;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-repeat: no-repeat;
 }
 
 /* ----------------------------------------------------------------
	 Bootstrap Utility Classes Extended
 -----------------------------------------------------------------*/
 /*	Gutters */
 [class*=gutter-] {
   --cnvs-custom-gutter: var(--bs-gutter-x);
   margin-right: calc(var(--cnvs-custom-gutter) * -0.5);
   margin-left: calc(var(--cnvs-custom-gutter) * -0.5);
   margin-top: calc(var(--cnvs-custom-gutter) * -1);
 }
 
 [class*=gutter-] > .col,
 [class*=gutter-] > [class*=col-] {
   padding-right: calc(var(--cnvs-custom-gutter) * 0.5);
   padding-left: calc(var(--cnvs-custom-gutter) * 0.5);
   margin-top: var(--cnvs-custom-gutter);
 }
 /* ----------------------------------------------------------------
	 col-mb-classes & Bootstrap Utility Classes Extended
 -----------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Height Utility Classes
 -----------------------------------------------------------------*/
 
 .h-100 {
   height: 100% !important;
 }
 
 .min-vh-25 {
   min-height: 25vh !important;
 }
 
 .min-vh-0 {
   min-height: 0vh !important;
 }
 
 .h-auto {
   height: auto !important;
 }
 /* ----------------------------------------------------------------
	 Position Utility Classes Extended
 -----------------------------------------------------------------*/
 
 .position-relative {
   position: relative !important;
 }
 
 .position-absolute {
   position: absolute !important;
 }
 
 .position-fixed {
   position: fixed !important;
 }
 @media (min-width: 768px) {
   .position-md-absolute {
	 position: absolute !important;
   }
 }
 /* ----------------------------------------------------------------
	 Lazy Loading
 -----------------------------------------------------------------*/
 .lazy {
   opacity: 0;
 }
 .lazy:not(.initial) {
   transition: opacity 1s;
 }
 @media (prefers-reduced-motion: reduce) {
   .lazy:not(.initial) {
	 transition: none;
   }
 }
 .lazy.initial, .lazy-loaded, .lazy-error {
   opacity: 1;
 }
 img.lazy {
   max-width: 100%;
   height: auto;
 }
 img.lazy:not([src]) {
   visibility: hidden;
 }
 
 /* ----------------------------------------------------------------
	 Borders
 -----------------------------------------------------------------*/
 
 .border-width-2 {
   border-width: 2px !important;
 }
 
 .rounded-4 {
   border-radius: 0.4rem !important;
 }
 .rounded-5 {
   border-radius: 0.5rem !important;
 }
 .rounded-6 {
   border-radius: 0.6rem !important;
 }
 
 /* ----------------------------------------------------------------
	 Max-width Utility Classes
 -----------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	 Text Sizes Utility Classes
 -----------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	 X/Y Positioning Classes
 -----------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	 Square Sizes Utility Classes
 -----------------------------------------------------------------*/
 .square {
   --cnvs-square-size: 3rem;
   width: var(--cnvs-square-size) !important;
   height: var(--cnvs-square-size) !important;
 }
 
 /* ----------------------------------------------------------------
	 Rotation Utility Classes
 -----------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	 Max-width Utility Classes
 -----------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Shadow
 -----------------------------------------------------------------*/
 
 .shadow {
   box-shadow: var(--cnvs-box-shadow) !important;
 }
 
 /* ----------------------------------------------------------------
	 translate
 -----------------------------------------------------------------*/
 
 .scale {
   transform: scale(1.05) !important;
 }
 
 /* ----------------------------------------------------------------
	 Float Animation
 -----------------------------------------------------------------*/
 
 @keyframes cnvsFloat {
   0% {
	 transform: translate3d(var(--cnvs-float-x-from), var(--cnvs-float-y-from), 0);
   }
   50% {
	 transform: translate3d(var(--cnvs-float-x-to), var(--cnvs-float-y-to), 0);
   }
   100% {
	 transform: translate3d(var(--cnvs-float-x-from), var(--cnvs-float-y-from), 0);
   }
 }
 /* ----------------------------------------------------------------
	 z-Index
 -----------------------------------------------------------------*/
 
 .z-1 {
   z-index: 1 !important;
 }
 
 .z-2 {
   z-index: 2 !important;
 }
 
 .z-3 {
   z-index: 3 !important;
 }
 
 /* ----------------------------------------------------------------
 
	 topbar.scss
 
 -----------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Top Bar
 -----------------------------------------------------------------*/
 
 /* Top Links
 ---------------------------------*/
 .top-links {
   position: relative;
   flex: 0 0 auto;
   flex-grow: 0;
   border-bottom: var(--cnvs-topbar-border-size) solid var(--cnvs-topbar-border-color);
 }
 @media (min-width: 768px) {
   .top-links {
	 border-bottom: 0;
   }
 }
 .top-links-item {
   position: relative;
   border-left: var(--cnvs-topbar-border-size) solid var(--cnvs-topbar-border-color);
 }
 .top-links-item:first-child, .top-links-sub-menu .top-links-item {
   border-left: 0 !important;
 }
 .top-links-item > a {
   display: block;
   padding: 12px;
   line-height: calc(var(--cnvs-topbar-height) - 24px);
   font-weight: var(--cnvs-topbar-font-weight);
   text-transform: var(--cnvs-topbar-font-transform);
   color: var(--cnvs-topbar-color);
 }
 .top-links-item > a > i {
   vertical-align: top;
 }
 .top-links-item > a > i.sub-menu-indicator {
   font-size: 0.75rem;
   margin: 0 0 0 0.375rem !important;
 }
 .top-links-item > a > i:first-child {
   margin-right: 3px;
 }
 .top-links-item:hover {
   background-color: var(--cnvs-contrast-200);
 }
 .top-links-sub-menu, .top-links-section {
   position: absolute;
   visibility: hidden;
   pointer-events: none;
   opacity: 0;
   list-style: none;
   z-index: -1;
   line-height: 1.5;
   background: var(--cnvs-topbar-bg);
   border: 0;
   top: 100%;
   left: -1px;
   width: 140px;
   margin-top: 10px;
   border: var(--cnvs-topbar-border-size) solid var(--cnvs-topbar-border-color);
   border-top: 1px solid var(--cnvs-themecolor);
   box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
   transition: opacity 0.25s ease, margin 0.2s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   .top-links-sub-menu, .top-links-section {
	 transition: none;
   }
 }
 .top-links:not(.on-click) .top-links-item:hover > .top-links-sub-menu, .top-links:not(.on-click) .top-links-item:hover > .top-links-section, .top-links.on-click .top-links-sub-menu, .top-links.on-click .top-links-section {
   opacity: 1;
   visibility: visible;
   margin-top: 0;
   pointer-events: auto;
   z-index: 499;
 }
 .top-links.on-click .top-links-sub-menu, .top-links.on-click .top-links-section {
   display: none;
 }
 .top-links-sub-menu .top-links-sub-menu {
   top: calc(-1 * var(--cnvs-topbar-border-size));
   left: 100%;
 }
 .top-links-sub-menu .top-links-item:not(:first-child) {
   border-top: var(--cnvs-topbar-border-size) solid rgba(var(--cnvs-contrast-rgb), 0.1);
 }
 .top-links-sub-menu .top-links-item:hover {
   background-color: var(--cnvs-contrast-100);
 }
 .top-links-sub-menu .top-links-item > a {
   display: flex;
   align-items: center;
   padding-top: var(--cnvs-topbar-submenu-padding);
   padding-bottom: var(--cnvs-topbar-submenu-padding);
   font-size: var(--cnvs-topbar-submenu-font-size);
   line-height: 20px;
 }
 .top-links-sub-menu .top-links-item > a > img {
   position: relative;
   width: 16px;
   height: 16px;
   margin-right: 0.5rem;
 }
 .top-links-sub-menu .top-links-item > a i.sub-menu-indicator {
   margin: 0 !important;
   position: absolute;
   top: 50%;
   left: auto;
   right: 10px;
   transform: translateY(-50%) rotate(-90deg);
 }
 .top-links-section {
   padding: 25px;
   left: 0;
   width: 280px;
 }
 .top-links-section.menu-pos-invert {
   left: auto;
   right: 0;
 }
 
 /* Top Social
 -----------------------------------------------------------------*/
 
 /* Top Login
 -----------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
 
	 header.scss
 
 -----------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Header
 -----------------------------------------------------------------*/
 :root,
 .not-dark {
   --cnvs-header-border-color: rgba(var(--cnvs-contrast-rgb), .1);
   --cnvs-header-transparent-border-color: rgba(var(--cnvs-contrast-rgb), .1);
   --cnvs-header-floating-bg: var(--cnvs-contrast-0);
   --cnvs-primary-menu-color: var(--cnvs-contrast-900);
   --cnvs-primary-menu-submenu-bg: var(--cnvs-contrast-0);
   --cnvs-primary-menu-submenu-color: var(--cnvs-contrast-900);
   --cnvs-primary-menu-submenu-border: 1px solid rgba(var(--cnvs-contrast-rgb), 0.1);
   --cnvs-primary-menu-submenu-hover-bg: rgba(var(--cnvs-contrast-rgb), 0.025);
   --cnvs-primary-menu-submenu-subtitle-color: var(--cnvs-contrast-600);
   --cnvs-header-misc-icons-color: var(--cnvs-primary-menu-color);
   --cnvs-side-panel-bg: var(--cnvs-contrast-100);
 }
 
 #header {
   --cnvs-sticky-header-height:	var(--cnvs-header-height);
   --cnvs-header-border-color:	rgba(var(--cnvs-contrast-rgb), .1);
   --cnvs-header-transparent-border-color: rgba(var(--cnvs-contrast-rgb), .1);
   --cnvs-primary-menu-padding-x:	15px;
   /*  Floating Header */
   --cnvs-header-floating-top-offset:	60px;
   --cnvs-header-floating-padding:	30px;
   /*  Side Header */
   --cnvs-side-header-padding-gutters:	30px;
   /*  Primary Menu */
   --cnvs-primary-menu-color:	var(--cnvs-contrast-900);
   --cnvs-primary-menu-hover-color: var(--cnvs-themecolor);
   --cnvs-primary-menu-active-color:	var(--cnvs-primary-menu-hover-color);
   --cnvs-primary-menu-font:	var(--cnvs-primary-font);
   --cnvs-primary-menu-font-weight:	700;
   --cnvs-primary-menu-font-size:	0.8125rem;
   --cnvs-primary-menu-tt:	uppercase;
   --cnvs-primary-menu-ls:	1px;
   --cnvs-primary-menu-icon-size:	1rem;
   --cnvs-primary-menu-icon-gap:	0.625rem;
   --cnvs-primary-menu-hover-text-decoration: none;
   --cnvs-primary-menu-hover-text-decoration-offset: 3px;
   --cnvs-primary-menu-submenu-padding-x: 15px;
   --cnvs-primary-menu-submenu-padding-y: 10px;
   --cnvs-primary-menu-submenu-top-border: 2px solid var(--cnvs-themecolor);
   --cnvs-primary-menu-submenu-width:	240px;
   --cnvs-primary-menu-submenu-display-speed:	0.3s;
   --cnvs-primary-menu-submenu-display-offset:	0.5rem;
   --cnvs-primary-menu-submenu-font:	var(--cnvs-body-font);
   --cnvs-primary-menu-submenu-font-size:	0.75rem;
   --cnvs-primary-menu-submenu-font-weight:	600;
   --cnvs-primary-menu-submenu-hover-font-weight: 700;
   --cnvs-primary-menu-submenu-tt:	uppercase;
   --cnvs-primary-menu-submenu-color:	var(--cnvs-contrast-900);
   --cnvs-primary-menu-submenu-spacing:	0;
   --cnvs-primary-menu-submenu-border:	1px solid rgba(var(--cnvs-contrast-rgb), 0.1);
   --cnvs-primary-menu-submenu-hover-bg:	rgba(var(--cnvs-contrast-rgb), 0.025);
   --cnvs-primary-menu-submenu-hover-color: var(--cnvs-primary-menu-active-color);
   --cnvs-primary-menu-submenu-hover-padding-offset: 0.25rem;
   --cnvs-primary-menu-submenu-subtitle-display: none;
   --cnvs-primary-menu-submenu-subtitle-font-size: var(--cnvs-primary-menu-submenu-font-size);
   --cnvs-primary-menu-submenu-subtitle-font-weight: 400;
   --cnvs-primary-menu-submenu-subtitle-tt: none;
   --cnvs-header-misc-icons-size:	1.125rem;
   --cnvs-header-misc-icons-color:	var(--cnvs-primary-menu-color);
   --cnvs-mega-menu-width-sm: 400px;
   --cnvs-mobile-menu-off-canvas-width: 280px;
   --cnvs-top-search-font-size:	2rem;
   --cnvs-top-search-placeholder: var(--cnvs-contrast-600);
   position: relative;
 }
 #header-wrap {
   position: fixed;
   height: auto;
   z-index: 299;
   width: 100%;
   background-color: var(--cnvs-header-bg);
   border-bottom: 1px solid var(--cnvs-header-border-color);
   transition: height 0.2s ease 0s, background-color 0.3s ease 0s;
   backface-visibility: hidden;
 }
 @media (prefers-reduced-motion: reduce) {
   #header-wrap {
	 transition: none;
   }
 }
 
 
 .is-expanded-menu #slider + #header:not(.sticky-header) #header-wrap,
 .is-expanded-menu .floating-header:not(.sticky-header) #header-wrap,
 .is-expanded-menu div + #header-wrap,
 .is-expanded-menu .no-sticky #header-wrap,
 .is-expanded-menu #header[data-sticky-offset]:not([data-sticky-offset=full]):not(.sticky-header) #header-wrap {
   position: absolute;
 }
 
 body.is-expanded-menu:not(.stretched) #header:not(.sticky-header) #header-wrap {
   position: absolute;
 }
 
 body:not(.is-expanded-menu) #header:not([data-mobile-sticky=true]) #header-wrap {
   position: relative;
 }
 
 body:not(.is-expanded-menu) #header:not([data-mobile-sticky=true]) .header-wrap-clone {
   display: none;
 }
 
 .header-wrap-clone {
   height: calc(var(--cnvs-header-height) + 1px);
 }
 
 .header-row {
   position: relative;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
 }
 .is-expanded-menu .header-row {
   position: initial;
 }
 
 .is-expanded-menu {
   /* ----------------------------------------------------------------
	   Sticky Header
   -----------------------------------------------------------------*/
 }
 .is-expanded-menu #header.sticky-header-shrink {
   --cnvs-sticky-header-height: var(--cnvs-header-height-shrink);
 }
 .is-expanded-menu #header + .include-header {
   margin-top: calc(-1 * var(--cnvs-header-height) - 1px);
   display: inline-block;
   vertical-align: bottom;
   width: 100%;
 }
 .is-expanded-menu #header.transparent-header {
   --cnvs-header-bg: transparent;
   border-bottom: 0;
 }
 .is-expanded-menu #header.transparent-header:not(.sticky-header) #header-wrap {
   border-bottom: 1px solid transparent;
   z-index: 299;
 }
 .is-expanded-menu #header.transparent-header.floating-header {
   margin-top: var(--cnvs-header-floating-top-offset);
 }
 .is-expanded-menu #header.transparent-header.floating-header .container {
   padding: 0 var(--cnvs-header-floating-padding);
   background-color: var(--cnvs-header-floating-bg);
 }
 .is-expanded-menu #header.transparent-header.floating-header:not(.sticky-header) .container {
   position: relative;
 }
 #header.floating-header + .include-header {
   margin-top: calc(var(--cnvs-header-height) + var(--cnvs-header-floating-top-offset) - 2px);
 }
 .is-expanded-menu #header.transparent-header.semi-transparent {
   --cnvs-header-bg: rgba(var(--cnvs-invert-contrast-rgb), .7);
 }
 .is-expanded-menu #header.full-header:not(.transparent-header) {
   border-bottom-color: var(--cnvs-header-border-color);
 }
 .is-expanded-menu #header.full-header.transparent-header #header-wrap {
   border-bottom: 1px solid var(--cnvs-header-transparent-border-color);
 }
 .is-expanded-menu #slider + #header.transparent-header.full-header #header-wrap {
   border-top: 1px solid var(--cnvs-header-transparent-border-color);
   border-bottom: none;
 }
 .is-expanded-menu.stretched .full-header #header-wrap > .container {
   width: 100%;
   max-width: none;
   padding: 0 30px;
 }
 .is-expanded-menu .sub-menu-container,
 .is-expanded-menu .mega-menu-content {
   transition: top 0.4s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   .is-expanded-menu .sub-menu-container,
   .is-expanded-menu .mega-menu-content {
	 transition: none;
   }
 }
 .is-expanded-menu .sticky-header #header-wrap {
   position: fixed;
   top: 0;
   left: 0;
   background-color: var(--cnvs-header-sticky-bg);
 }
 .is-expanded-menu .sticky-header.semi-transparent {
   --cnvs-header-sticky-bg: rgba(var(--cnvs-invert-contrast-rgb),0.7);
 }
 .is-expanded-menu .sticky-header.full-header #header-wrap {
   border-bottom: 1px solid var(--cnvs-header-border-color);
 }
 
 body:not(.is-expanded-menu) [data-mobile-sticky=true] .menu-container {
   max-height: 60vh;
   margin: 0 0 1rem;
   overflow-x: hidden;
   overflow-y: scroll;
 }
 body:not(.is-expanded-menu) .sticky-header #header-wrap {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 299;
   background-color: var(--cnvs-header-sticky-bg);
   border-bottom: var(--cnvs-primary-menu-submenu-border);
   -webkit-transform: translateZ(0);
   -webkit-backface-visibility: hidden;
 }
 body:not(.is-expanded-menu) .sticky-header .header-wrap-clone {
   display: block;
 }
 body:not(.is-expanded-menu):not(.primary-menu-open) .dark.transparent-header-responsive,
 body:not(.is-expanded-menu):not(.primary-menu-open) .transparent-header-responsive {
   background-color: transparent;
   border: none;
 }
 body:not(.is-expanded-menu):not(.primary-menu-open) .semi-transparent.transparent-header-responsive {
   background-color: rgba(255, 255, 255, 0.8);
   z-index: 1;
 }
 
 /* ----------------------------------------------------------------
	 Logo
 -----------------------------------------------------------------*/
 #logo {
   position: relative;
   display: flex;
   align-items: center;
   margin-right: auto;
   max-height: 100%;
 }
 #logo a {
   color: #000;
   font-family: var(--cnvs-primary-font);
   font-size: 36px;
   width: 100%;
 }
 #logo a [class^=logo-] {
   display: none;
 }
 #logo a .logo-default {
   display: flex;
 }
 #logo img {
   display: block;
   max-width: 100%;
   max-height: 100%;
   margin-left: auto;
   margin-right: auto;
   transition: height 0.4s ease, padding 0.4s ease, margin 0.4s ease, opacity 0.3s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   #logo img {
	 transition: none;
   }
 }
 #header-wrap #logo img {
   height: var(--cnvs-header-height);
 }
 .is-expanded-menu .full-header #logo {
   padding-right: 30px;
   border-right: 1px solid var(--cnvs-header-border-color);
 }
 .is-expanded-menu #header.transparent-header.full-header #logo {
   border-right-color: var(--cnvs-header-transparent-border-color);
 }
 .is-expanded-menu #header.sticky-header-shrink #header-wrap #logo img {
   height: var(--cnvs-sticky-header-height);
 }
 
 /* ----------------------------------------------------------------
	 Header Right Area
 -----------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	 Primary Menu
 -----------------------------------------------------------------*/
 .primary-menu {
   display: flex;
   flex-basis: 100%;
   flex-grow: 1;
   align-items: center;
 }
 .is-expanded-menu .primary-menu {
   flex: 0 0 auto;
   flex-grow: 0;
 }
 .primary-menu + .primary-menu {
   border-top: var(--cnvs-primary-menu-submenu-border);
 }
 .is-expanded-menu .primary-menu + .primary-menu {
   border-top: 0;
 }
 
 .primary-menu-trigger,
 #page-menu-trigger {
   --cnvs-menu-trigger-gap: 0.75rem;
   display: flex;
   opacity: 1;
   pointer-events: auto;
   z-index: 1;
   cursor: pointer;
   justify-content: center;
   align-items: center;
   padding: var(--cnvs-menu-trigger-gap);
   transition: opacity 0.3s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   .primary-menu-trigger,
   #page-menu-trigger {
	 transition: none;
   }
 }
 .is-expanded-menu .primary-menu-trigger,
 .is-expanded-menu #page-menu-trigger {
   display: none;
   opacity: 0;
   pointer-events: none;
   z-index: 0;
 }
 
 body:not(.top-search-open) .top-search-parent .primary-menu-trigger {
   opacity: 1;
   transition: opacity 0.2s 0.2s ease, top 0.4s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   body:not(.top-search-open) .top-search-parent .primary-menu-trigger {
	 transition: none;
   }
 }
 .top-search-open .top-search-parent .primary-menu-trigger {
   opacity: 0;
 }
 
 .cnvs-hamburger {
   --cnvs-hamburger-size: 1rem;
   --cnvs-hamburger-width: 2px;
   --cnvs-hamburger-offset: calc(-1 * calc(calc(var(--cnvs-hamburger-size) - calc(var(--cnvs-hamburger-width) * 2)) * .5));
   display: block;
   position: relative;
   cursor: pointer;
   transition-property: opacity, filter;
   transition-duration: 0.15s;
   transition-timing-function: linear;
   font: inherit;
   color: inherit;
   text-transform: none;
   background-color: transparent;
   border: 0;
   margin: 0;
   padding: 0;
   overflow: visible;
 }
 .cnvs-hamburger .cnvs-hamburger-box {
   width: var(--cnvs-hamburger-size);
   height: var(--cnvs-hamburger-size);
   display: block;
   position: relative;
 }
 .cnvs-hamburger .cnvs-hamburger-inner {
   display: block;
   top: 50%;
   margin-top: calc(-1 * var(--cnvs-hamburger-width) * 0.5);
   transition-duration: 0.075s;
   transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 }
 .cnvs-hamburger .cnvs-hamburger-inner, .cnvs-hamburger .cnvs-hamburger-inner::before, .cnvs-hamburger .cnvs-hamburger-inner::after {
   width: var(--cnvs-hamburger-size);
   height: var(--cnvs-hamburger-width);
   background-color: var(--cnvs-contrast-900);
   position: absolute;
   transition-property: transform;
   transition-duration: 0.15s;
   transition-timing-function: ease;
 }
 .cnvs-hamburger .cnvs-hamburger-inner::before, .cnvs-hamburger .cnvs-hamburger-inner::after {
   content: "";
   display: block;
 }
 .cnvs-hamburger .cnvs-hamburger-inner::before {
   top: var(--cnvs-hamburger-offset);
   transition: top 0.075s 0.12s ease, opacity 0.075s ease;
 }
 .cnvs-hamburger .cnvs-hamburger-inner::after {
   bottom: var(--cnvs-hamburger-offset);
   transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
 }
 .primary-menu-trigger-active .cnvs-hamburger .cnvs-hamburger-inner {
   transform: rotate(45deg);
   transition-delay: 0.12s;
   transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 .primary-menu-trigger-active .cnvs-hamburger .cnvs-hamburger-inner::before {
   top: 0;
   opacity: 0;
   transition: top 0.075s ease, opacity 0.075s 0.12s ease;
 }
 .primary-menu-trigger-active .cnvs-hamburger .cnvs-hamburger-inner::after {
   bottom: 0;
   transform: rotate(-90deg);
   transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
 .menu-container {
   display: none;
   list-style: none;
   margin: 0;
   width: 100%;
 }
 
 .menu-item {
   position: relative;
 }
 .menu-item:not(:first-child) {
   border-top: var(--cnvs-primary-menu-submenu-border);
 }
 .is-expanded-menu .menu-item:not(:first-child) {
   border-top: 0;
 }
 .menu-item:hover > .menu-link {
   color: var(--cnvs-primary-menu-hover-color);
 }
 .menu-item.current > .menu-link {
   color: var(--cnvs-primary-menu-active-color);
 }
 .menu-item .sub-menu-trigger {
   display: block;
   position: absolute;
   cursor: pointer;
   outline: none;
   border: none;
   background: none;
   padding: 0;
   top: 9px;
   right: 0;
   width: 32px;
   height: 32px;
   font-size: 12px;
   line-height: 32px;
   text-align: center;
   color: var(--cnvs-primary-menu-color);
   transition: transform 0.3s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   .menu-item .sub-menu-trigger {
	 transition: none;
   }
 }
 
 .menu-link {
   --cnvs-primary-menu-padding-y: 14px;
   --cnvs-primary-menu-padding-x: 5px;
   display: block;
   line-height: 22px;
   padding: var(--cnvs-primary-menu-padding-y) var(--cnvs-primary-menu-padding-x);
   color: var(--cnvs-primary-menu-color);
   font-weight: var(--cnvs-primary-menu-font-weight);
   font-size: var(--cnvs-primary-menu-font-size);
   font-family: var(--cnvs-primary-menu-font);
   text-transform: var(--cnvs-primary-menu-tt);
   letter-spacing: var(--cnvs-primary-menu-ls);
 }
 .is-expanded-menu .menu-link {
   --cnvs-primary-menu-padding-y: calc(calc(var(--cnvs-sticky-header-height) - 22px) * 0.5);
   --cnvs-primary-menu-padding-x: 15px;
   transition: margin 0.4s ease, padding 0.4s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   .is-expanded-menu .menu-link {
	 transition: none;
   }
 }
 .menu-link span {
   display: var(--cnvs-primary-menu-submenu-subtitle-display);
 }
 .menu-link i {
   position: relative;
   font-size: var(--cnvs-primary-menu-icon-size);
   width: var(--cnvs-primary-menu-icon-size);
   text-align: center;
   margin-right: var(--cnvs-primary-menu-icon-gap);
   vertical-align: top;
 }
 .menu-link div > i.sub-menu-indicator {
   display: none;
 }
 
 .sub-menu-container,
 .mega-menu-content {
   position: relative;
   padding-left: 15px;
   border-top: 1px solid var(--cnvs-header-border-color);
   list-style: none;
   margin-bottom: 0;
 }
 .is-expanded-menu .sub-menu-container,
 .is-expanded-menu .mega-menu-content {
   position: absolute;
   visibility: hidden;
   background-color: var(--cnvs-primary-menu-submenu-bg);
   box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
   border: var(--cnvs-primary-menu-submenu-border);
   border-top: var(--cnvs-primary-menu-submenu-top-border);
   z-index: 399;
   top: 100%;
   left: 0;
   padding: 0;
 }
 
 .is-expanded-menu .menu-container > .menu-item:not(.mega-menu) .sub-menu-container:not([class*=col-]):not([class=col]) {
   width: var(--cnvs-primary-menu-submenu-width);
 }
 
 .sub-menu-container .menu-item:not(:first-child) {
   border-top: var(--cnvs-primary-menu-submenu-border);
 }
 .sub-menu-container .menu-item > .menu-link {
   position: relative;
   padding: 10px 5px;
   font-size: var(--cnvs-primary-menu-submenu-font-size);
   font-weight: var(--cnvs-primary-menu-submenu-font-weight);
   color: var(--cnvs-contrast-900);
   letter-spacing: var(--cnvs-primary-menu-submenu-spacing);
   font-family: var(--cnvs-primary-menu-submenu-font);
 }
 .sub-menu-container .menu-item > .menu-link div {
   position: relative;
 }
 .sub-menu-container .menu-item:hover > .menu-link {
   --cnvs-primary-menu-submenu-font-weight: var(--cnvs-primary-menu-submenu-hover-font-weight);
 }
 .sub-menu-container .menu-item .sub-menu-trigger {
   top: 6px;
 }
 .sub-menu-container .sub-menu-trigger {
   font-size: 10px;
 }
 
 /* ----------------------------------------------------------------
	 Mega Menu
 -----------------------------------------------------------------*/
 .mega-menu:not(.mega-menu-full) .mega-menu-content .container {
   max-width: none;
 }
 .is-expanded-menu .mega-menu {
   position: inherit;
 }
 
 .mega-menu-content {
   padding-left: 0;
 }
 .is-expanded-menu .primary-menu:not(.on-click) .mega-menu-content {
   display: flex;
 }
 
 .is-expanded-menu .primary-menu:not(.on-click) .menu-item:not(.mega-menu) .sub-menu-container,
 .is-expanded-menu .primary-menu:not(.on-click) .mega-menu-content {
   display: none;
   opacity: 0;
   margin-top: var(--cnvs-primary-menu-submenu-display-offset);
   z-index: -9999;
   pointer-events: none;
   transition: all calc(var(--cnvs-primary-menu-submenu-display-speed) * 0.75) ease;
 }
 @media (prefers-reduced-motion: reduce) {
   .is-expanded-menu .primary-menu:not(.on-click) .menu-item:not(.mega-menu) .sub-menu-container,
   .is-expanded-menu .primary-menu:not(.on-click) .mega-menu-content {
	 transition: none;
   }
 }
 .is-expanded-menu .primary-menu:not(.on-click) .menu-item.mega-menu .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) {
   margin-top: 0;
   z-index: auto;
 }
 .is-expanded-menu .primary-menu:not(.on-click) .menu-item.mega-menu:hover > .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) {
   pointer-events: auto;
 }
 .is-expanded-menu .primary-menu:not(.on-click) .menu-item:hover > .sub-menu-container,
 .is-expanded-menu .primary-menu:not(.on-click) .menu-item:hover > .mega-menu-content {
   opacity: 1;
   visibility: visible;
   margin-top: 0;
   z-index: 399;
   pointer-events: auto;
   transition: opacity var(--cnvs-primary-menu-submenu-display-speed) ease, margin var(--cnvs-primary-menu-submenu-display-speed) ease;
 }
 @media (prefers-reduced-motion: reduce) {
   .is-expanded-menu .primary-menu:not(.on-click) .menu-item:hover > .sub-menu-container,
   .is-expanded-menu .primary-menu:not(.on-click) .menu-item:hover > .mega-menu-content {
	 transition: none;
   }
 }
 .is-expanded-menu .primary-menu:not(.on-click) .menu-item:not(.menu-item-hover) > .sub-menu-container > *,
 .is-expanded-menu .primary-menu:not(.on-click) .menu-item:not(.menu-item-hover) > .mega-menu-content > * {
   display: none;
 }
 .is-expanded-menu .primary-menu:not(.on-click) .menu-item.mega-menu .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) > * {
   display: block;
 }
 .is-expanded-menu .primary-menu:not(.on-click).primary-menu-init .menu-item:not(.mega-menu) .sub-menu-container,
 .is-expanded-menu .primary-menu:not(.on-click).primary-menu-init .mega-menu-content {
   display: block;
 }
 .is-expanded-menu .with-arrows .menu-container > .menu-item > .menu-link div > i.sub-menu-indicator {
   display: inline-block;
 }
 
 body:not(.is-expanded-menu) .primary-menu {
   max-width: 100%;
 }
 body:not(.is-expanded-menu) .primary-menu > .container {
   max-width: none;
   padding: 0;
 }
 body:not(.is-expanded-menu) .mega-menu-content {
   border-top: none;
 }
 body:not(.is-expanded-menu) .mega-menu-content .sub-menu-container {
   border-top: var(--cnvs-primary-menu-submenu-border);
 }
 body:not(.is-expanded-menu) .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) {
   display: block !important;
 }
 
 /* Mobile Menu: Off Canvas
 -----------------------------------------------------------------*/
 
 /* Mobile Menu: Overlay
 -----------------------------------------------------------------*/
 
 .is-expanded-menu {
   /* ----------------------------------------------------------------
	   Mega Menu
   -----------------------------------------------------------------*/
   /* Sub-Menu On-Click Dropdown */
   /* Primary Menu - Style 2
   -----------------------------------------------------------------*/
   /* Primary Menu - Style 3
   -----------------------------------------------------------------*/
   /* Primary Menu - Style 4
   -----------------------------------------------------------------*/
   /* Primary Menu - Style 5
   -----------------------------------------------------------------*/
   /* Primary Menu - Style 6
   -----------------------------------------------------------------*/
   /* Primary Menu - Sub Title
   -----------------------------------------------------------------*/
   /* ----------------------------------------------------------------
	   Side Header
   -----------------------------------------------------------------*/
   /* Side Header - Push Header
   -----------------------------------------------------------------*/
   /* Side Header - Right Aligned
   -----------------------------------------------------------------*/
   /* Primary Menu - Overlay Menu
   -----------------------------------------------------------------*/
 }
 .is-expanded-menu .menu-container:not(.mobile-primary-menu) {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
 }
 .is-expanded-menu .full-header .primary-menu .menu-container {
   padding-right: 0.5rem;
   margin-right: 0.5rem;
   border-right: 1px solid var(--cnvs-header-border-color);
 }
 .is-expanded-menu .transparent-header.full-header .primary-menu .menu-container {
   border-right-color: var(--cnvs-header-transparent-border-color);
 }
 .is-expanded-menu .menu-container > .menu-item:not(:first-child) {
   margin-left: 2px;
 }
 .is-expanded-menu .sub-menu-container .sub-menu-container {
   list-style: none;
   top: -2px !important;
   left: 100%;
 }
 .is-expanded-menu .sub-menu-container.menu-pos-invert,
 .is-expanded-menu .mega-menu-small .mega-menu-content.menu-pos-invert {
   left: auto;
   right: 0;
 }
 .is-expanded-menu .sub-menu-container .sub-menu-container.menu-pos-invert {
   right: 100%;
 }
 .is-expanded-menu .sub-menu-container .menu-item:not(:first-child) {
   border-top: 0;
 }
 .is-expanded-menu .sub-menu-container .menu-item > .menu-link {
   padding: var(--cnvs-primary-menu-submenu-padding-y) var(--cnvs-primary-menu-submenu-padding-x);
   font-weight: var(--cnvs-primary-menu-submenu-font-weight);
   text-transform: var(--cnvs-primary-menu-submenu-tt);
   border: 0;
   transition: all 0.2s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
   .is-expanded-menu .sub-menu-container .menu-item > .menu-link {
	 transition: none;
   }
 }
 .is-expanded-menu .sub-menu-container .menu-item > .menu-link span {
   --cnvs-primary-menu-submenu-subtitle-display: block;
   color: var(--cnvs-primary-menu-submenu-subtitle-color);
   font-size: var(--cnvs-primary-menu-submenu-subtitle-font-size);
   font-weight: var(--cnvs-primary-menu-submenu-subtitle-font-weight);
   text-transform: var(--cnvs-primary-menu-submenu-subtitle-tt);
   line-height: 1.5;
 }
 .is-expanded-menu .sub-menu-container .menu-item > .menu-link span.menu-subtitle-icon-offset {
   margin-left: calc(var(--cnvs-primary-menu-icon-size) + var(--cnvs-primary-menu-icon-gap));
 }
 .is-expanded-menu .sub-menu-container .menu-item:hover > .menu-link {
   background-color: var(--cnvs-primary-menu-submenu-hover-bg);
   --cnvs-primary-menu-submenu-font-weight: var(--cnvs-primary-menu-submenu-hover-font-weight);
   padding-left: calc(var(--cnvs-primary-menu-submenu-padding-x) + var(--cnvs-primary-menu-submenu-hover-padding-offset));
 }
 .is-expanded-menu .sub-menu-container .menu-item:hover > .menu-link div {
   -webkit-text-decoration: var(--cnvs-primary-menu-hover-text-decoration);
		   text-decoration: var(--cnvs-primary-menu-hover-text-decoration);
   text-underline-offset: var(--cnvs-primary-menu-hover-text-decoration-offset);
 }
 .is-expanded-menu .sub-menu-container .menu-item:hover > .menu-link,
 .is-expanded-menu .sub-menu-container .menu-item.current > .menu-link {
   color: var(--cnvs-primary-menu-submenu-hover-color);
 }
 .is-expanded-menu .menu-link div > i.sub-menu-indicator {
   top: 0px;
   font-size: 0.75rem;
   margin: 0 0 0 0.1875rem;
   opacity: 0.9;
 }
 .is-expanded-menu .sub-menu-container .menu-link div > i.sub-menu-indicator, .is-expanded-menu.side-header .primary-menu:not(.on-click) .menu-link i.sub-menu-indicator {
   display: block;
   position: absolute;
   top: 50%;
   right: 0;
   line-height: 1;
   margin: 0;
   transform: translateY(-50%) rotate(-90deg);
 }
 .is-expanded-menu .menu-item .sub-menu-trigger, .is-expanded-menu.side-header .on-click .sub-menu-container .menu-link i.sub-menu-indicator:last-child {
   display: none;
 }
 .is-expanded-menu .mega-menu:not(.mega-menu-full) .mega-menu-content .container {
   max-width: none;
   padding: 0 calc(var(--bs-gutter-x) * 0.5) !important;
   margin: 0 auto !important;
 }
 .is-expanded-menu .mega-menu-content {
   margin: 0;
   width: 100%;
   max-width: none;
   left: 50%;
   transform: translateX(-50%);
 }
 .is-expanded-menu .mega-menu-full .mega-menu-content {
   width: 100%;
   left: 0;
   transform: none;
 }
 .is-expanded-menu .mega-menu-small {
   position: relative;
 }
 .is-expanded-menu .mega-menu-small .mega-menu-content {
   left: 0;
   width: var(--cnvs-mega-menu-width-sm);
   transform: none;
 }
 .is-expanded-menu .floating-header:not(.sticky-header) .mega-menu:not(.mega-menu-small) .mega-menu-content {
   max-width: 100%;
 }
 .is-expanded-menu .sub-menu-container .mega-menu {
   position: relative;
 }
 .is-expanded-menu .sub-menu-container .mega-menu-small .mega-menu-content {
   top: 0;
   left: 100%;
 }
 .is-expanded-menu .sub-menu-container .mega-menu-small .mega-menu-content.menu-pos-invert {
   left: auto;
   right: 100%;
 }
 .is-expanded-menu .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) {
   position: relative;
   display: block !important;
   visibility: visible !important;
   top: 0 !important;
   left: 0;
   min-width: inherit;
   height: auto !important;
   list-style: none;
   border: 0;
   box-shadow: none;
   background-color: transparent;
   opacity: 1 !important;
   z-index: auto;
 }
 .is-expanded-menu .on-click .sub-menu-container,
 .is-expanded-menu .on-click .mega-menu-content {
   display: none;
   visibility: visible;
 }
 .is-expanded-menu .on-click .menu-item:not(.mega-menu-small) .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) {
   display: block;
 }
 .is-expanded-menu.side-header:not(.open-header) #wrapper {
   margin: 0 0 0 var(--cnvs-side-header-width) !important;
   width: auto !important;
 }
 .is-expanded-menu.side-header .container {
   padding-left: var(--cnvs-side-header-padding-gutters);
   padding-right: var(--cnvs-side-header-padding-gutters);
 }
 .is-expanded-menu.side-header #header {
   --cnvs-header-bg: var(--cnvs-side-header-bg);
   position: fixed;
   top: 0;
   left: 0;
   z-index: 10;
   width: var(--cnvs-side-header-width);
   height: 100vh;
   border: none;
   border-right: 1px solid var(--cnvs-header-border-color);
   overflow: hidden;
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.065);
 }
 .is-expanded-menu.side-header #header-wrap {
   position: relative;
   width: calc(var(--cnvs-side-header-width) + 40px);
   height: 100%;
   overflow-x: hidden;
   overflow-y: scroll;
   padding-right: 40px;
 }
 .is-expanded-menu.side-header #header-wrap > .container {
   width: var(--cnvs-side-header-width);
   max-width: none;
   padding: 0 var(--cnvs-side-header-padding-gutters);
   margin: 0 !important;
   min-height: 100%;
   display: flex;
 }
 .is-expanded-menu.side-header .header-wrap-clone {
   display: none;
 }
 .is-expanded-menu.side-header .header-row {
   flex-direction: column;
   flex-grow: 1 !important;
 }
 .is-expanded-menu.side-header #logo {
   margin: 3rem 0;
   width: 100%;
 }
 .is-expanded-menu.side-header #logo img {
   max-width: 100%;
 }
 .is-expanded-menu.side-header .header-misc {
   width: 100%;
   margin: 0;
 }
 .is-expanded-menu.side-header .primary-menu {
   margin-bottom: 30px;
   flex-grow: 0 !important;
   width: 100%;
 }
 .is-expanded-menu.side-header .primary-menu:not(.border-bottom-0)::after {
   margin-top: 40px;
 }
 .is-expanded-menu.side-header .menu-container {
   display: block;
   height: auto;
   width: 100%;
 }
 .is-expanded-menu.side-header .on-click .menu-item .sub-menu-trigger {
   display: block;
   top: 0;
   right: -5px;
   font-size: 10px;
 }
 .is-expanded-menu.side-header .primary-menu:not(.on-click) .text-center i.sub-menu-indicator {
   display: inline-block;
   position: relative;
   top: 2px;
   margin-left: 5px;
   transform: none;
 }
 .is-expanded-menu.side-header .primary-menu:not(.on-click) .text-center .sub-menu-container i.sub-menu-indicator {
   top: -1px;
 }
 .is-expanded-menu.side-header .menu-item {
   width: 100%;
 }
 .is-expanded-menu.side-header .menu-item:not(:first-child) {
   margin: 10px 0 0;
   border-top: 0;
 }
 .is-expanded-menu.side-header .menu-link {
   position: relative;
   padding: 5px 0 !important;
   margin: 0 !important;
 }
 .is-expanded-menu.side-header .sub-menu-container, .is-expanded-menu.side-header .mega-menu-content {
   position: relative;
   width: 100% !important;
   background-color: transparent;
   box-shadow: none;
   border: none;
   height: auto;
   z-index: 1;
   top: 0;
   left: 0;
   margin: 5px 0;
   padding: 0 0 0 12px !important;
 }
 .is-expanded-menu.side-header .mega-menu-content {
   padding: 0 !important;
   margin-bottom: 0 !important;
 }
 .is-expanded-menu.side-header .sub-menu-container .sub-menu-container {
   top: 0 !important;
   left: 0;
 }
 .is-expanded-menu.side-header .sub-menu-container.menu-pos-invert {
   left: 0;
   right: auto;
 }
 .is-expanded-menu.side-header .sub-menu-container .sub-menu-container.menu-pos-invert {
   right: auto;
 }
 .is-expanded-menu.side-header .sub-menu-container .menu-item {
   margin: 0;
   border: 0;
 }
 .is-expanded-menu.side-header .sub-menu-container .menu-item:first-child {
   border-top: 0;
 }
 .is-expanded-menu.side-header .menu-item:hover > .menu-link {
   background-color: transparent !important;
 }
 .is-expanded-menu.side-header .menu-container > .menu-item.sub-menu > .menu-link, .is-expanded-menu.side-header .menu-container > .menu-item.sub-menu:hover > .menu-link {
   background-image: none !important;
 }
 .is-expanded-menu.side-header.open-header #header {
   left: calc(-1 * var(--cnvs-side-header-width));
 }
 .is-expanded-menu.side-header.open-header.side-header-open #header {
   left: 0;
 }
 .is-expanded-menu.side-header.open-header #wrapper {
   left: 0;
 }
 .is-expanded-menu #header-trigger {
   display: none;
 }
 .is-expanded-menu.side-header.open-header #header-trigger {
   --cnvs-header-trigger-size: 2rem;
   --cnvs-header-trigger-offset: 1.5rem;
   display: block;
   position: fixed;
   cursor: pointer;
   top: var(--cnvs-header-trigger-offset);
   left: var(--cnvs-header-trigger-offset);
   z-index: 11;
   font-size: calc(var(--cnvs-header-trigger-size) * 0.5);
   width: var(--cnvs-header-trigger-size);
   height: var(--cnvs-header-trigger-size);
   line-height: calc(var(--cnvs-header-trigger-size) - 2px);
   background-color: var(--cnvs-header-bg);
   border: 1px solid rgba(var(--cnvs-contrast-rgb), 0.1);
   text-align: center;
   border-radius: 2px;
 }
 .is-expanded-menu.side-header.open-header.side-header-open #header-trigger {
   left: calc(var(--cnvs-side-header-width) + var(--cnvs-header-trigger-offset));
 }
 .is-expanded-menu.side-header.open-header #header-trigger i:nth-child(1), .is-expanded-menu.side-header.open-header.side-header-open #header-trigger i:nth-child(2) {
   display: block;
 }
 .is-expanded-menu.side-header.open-header.side-header-open #header-trigger i:nth-child(1), .is-expanded-menu.side-header.open-header #header-trigger i:nth-child(2) {
   display: none;
 }
 .is-expanded-menu.side-header.open-header #header, .is-expanded-menu.side-header.open-header #header-trigger {
   transition: left 0.4s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   .is-expanded-menu.side-header.open-header #header, .is-expanded-menu.side-header.open-header #header-trigger {
	 transition: none;
   }
 }
 .is-expanded-menu.overlay-menu:not(.top-search-open) .primary-menu-trigger {
   display: flex;
   opacity: 1;
   pointer-events: auto;
   width: 30px;
   height: 30px;
   line-height: 30px;
 }
 .is-expanded-menu.overlay-menu .primary-menu-trigger {
   z-index: 599;
 }
 .is-expanded-menu.overlay-menu .primary-menu {
   --cnvs-primary-menu-font-size: 0.9375rem;
   position: fixed;
   top: 0;
   left: 0;
   padding: 0 !important;
   margin: 0 !important;
   border: 0 !important;
   width: 100%;
   height: 100%;
   height: 100vh;
   background-color: var(--cnvs-header-bg);
   background: rgba(var(--cnvs-invert-contrast-rgb), 0.95);
 }
 .is-expanded-menu.overlay-menu .primary-menu {
   opacity: 0 !important;
   pointer-events: none;
   z-index: -2;
   transform: translateY(-80px);
   transition: opacity 0.4s ease, transform 0.45s ease !important;
 }
 @media (prefers-reduced-motion: reduce) {
   .is-expanded-menu.overlay-menu .primary-menu {
	 transition: none;
   }
 }
 .is-expanded-menu.overlay-menu.primary-menu-open .primary-menu {
   opacity: 1 !important;
   pointer-events: auto;
   z-index: 499;
   transform: translateY(0);
   transition: opacity 0.3s ease, transform 0.45s ease !important;
 }
 @media (prefers-reduced-motion: reduce) {
   .is-expanded-menu.overlay-menu.primary-menu-open .primary-menu {
	 transition: none;
   }
 }
 .is-expanded-menu.overlay-menu .primary-menu, .is-expanded-menu.overlay-menu.primary-menu-open .primary-menu {
   transform: translateY(0px);
   transition: opacity 0.3s ease !important;
 }
 @media (prefers-reduced-motion: reduce) {
   .is-expanded-menu.overlay-menu .primary-menu, .is-expanded-menu.overlay-menu.primary-menu-open .primary-menu {
	 transition: none;
   }
 }
 .is-expanded-menu.overlay-menu .primary-menu > .container {
   max-height: 90%;
   overflow-y: scroll;
 }
 .is-expanded-menu.overlay-menu .menu-container {
   display: flex !important;
   flex-direction: column;
   max-width: 250px;
   padding: 0 !important;
   margin: 0 auto !important;
   border: 0 !important;
 }
 .is-expanded-menu.overlay-menu .menu-item {
   position: relative;
   width: 100%;
 }
 .is-expanded-menu.overlay-menu .menu-link {
   --cnvs-primary-menu-padding-y: 10px;
   --cnvs-primary-menu-padding-x: 0;
 }
 .is-expanded-menu.overlay-menu .sub-menu-container,
 .is-expanded-menu.overlay-menu .mega-menu-content {
   display: none;
   position: relative;
   top: 0 !important;
   left: 0 !important;
   right: auto;
   width: 100% !important;
   max-width: 100%;
   box-shadow: none;
   background: transparent;
   border: 0;
   padding: 5px 0 !important;
   transform: translateX(0);
 }
 .is-expanded-menu.overlay-menu .mega-menu-content .sub-menu-container {
   padding: 5px 0 !important;
 }
 .is-expanded-menu.overlay-menu .mega-menu-title .sub-menu-container {
   padding-top: 0 !important;
 }
 .is-expanded-menu.overlay-menu .sub-menu-container .menu-link {
   padding: 5px 0;
 }
 .is-expanded-menu.overlay-menu .sub-menu-container .menu-link i.sub-menu-indicator {
   position: relative;
   /*display: inline-block;*/
   display: none;
   top: -1px;
   left: 0;
   margin-left: 5px;
   transform: rotate(0deg);
 }
 .is-expanded-menu.overlay-menu .sub-menu-container .menu-item:hover > .menu-link {
   padding-left: 0;
   padding-right: 0;
   background: transparent;
 }
 .is-expanded-menu.overlay-menu .sub-menu-trigger {
   display: block;
   top: 5px;
 }
 .is-expanded-menu.overlay-menu .sub-menu-container .sub-menu-trigger {
   top: 0;
 }
 /* ----------------------------------------------------------------
	 Top Search
 -----------------------------------------------------------------*/
 .header-misc {
   position: initial;
   display: flex;
   align-items: center;
   margin-left: 15px;
 }
 .is-expanded-menu .header-misc {
   order: 6;
 }
 
 .is-expanded-menu .header-misc:not([class*=order-]) {
   order: 6;
 }
 
 .top-search-form {
   opacity: 0;
   z-index: -2;
   pointer-events: none;
   position: absolute;
   width: 100%;
   height: 100%;
   padding: 0;
   margin: 0 auto;
   top: 0;
   left: 0;
   right: 0;
   transition: opacity 0.3s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
   .top-search-form {
	 transition: none;
   }
 }
 .top-search-open .top-search-form {
   opacity: 1;
   z-index: 10;
   pointer-events: auto;
 }
 .top-search-form input {
   box-shadow: none !important;
   border-radius: 0;
   border: 0;
   outline: 0 !important;
   font-size: 1.175rem;
   padding: 10px 80px 10px 0;
   height: 100%;
   background-color: transparent !important;
   color: var(--cnvs-primary-menu-color) !important;
   font-weight: 500;
   margin-top: 0 !important;
   font-family: var(--cnvs-primary-font);
 }
 
 @media (min-width: 992px) {
   .top-search-form input {
	 font-size: var(--cnvs-top-search-font-size);
   }
   .full-header .top-search-form input,
   .container-fluid .top-search-form input {
	 padding-left: 30px;
   }
   .transparent-header:not(.sticky-header):not(.full-header):not(.floating-header) .top-search-form input {
	 border-bottom: 2px solid var(--cnvs-header-transparent-border-color);
   }
 }
 
 .top-search-form input::-moz-placeholder {
   color: var(--cnvs-top-search-placeholder);
   opacity: 1;
 }
 
 .top-search-form input:-ms-input-placeholder {
   color: var(--cnvs-top-search-placeholder);
   opacity: 1;
 }
 
 .top-search-form input::-webkit-input-placeholder {
   color: var(--cnvs-top-search-placeholder);
   opacity: 1;
 }
 
 .primary-menu .container .top-search-form input,
 .sticky-header .top-search-form input {
   border: none !important;
 }
 
 /* Top Search Animation */
 body:not(.top-search-open) .top-search-parent #logo,
 body:not(.top-search-open) .top-search-parent .primary-menu,
 body:not(.top-search-open) .top-search-parent .header-misc > *:not(#top-search) {
   opacity: 1;
   transition: padding 0.4s ease, margin 0.4s ease, opacity 0.2s 0.2s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   body:not(.top-search-open) .top-search-parent #logo,
   body:not(.top-search-open) .top-search-parent .primary-menu,
   body:not(.top-search-open) .top-search-parent .header-misc > *:not(#top-search) {
	 transition: none;
   }
 }
 
 .top-search-open .top-search-parent #logo,
 .top-search-open .top-search-parent .primary-menu,
 .top-search-open .top-search-parent .header-misc > *:not(#top-search) {
   opacity: 0;
 }
 
 /* ----------------------------------------------------------------
	 Top Cart
 -----------------------------------------------------------------*/
 @media (min-width: 992px) {
   #top-cart {
	 position: relative;
   }
 }
 
 /* ----------------------------------------------------------------
	 Page Menu
 -----------------------------------------------------------------*/
 #page-menu {
   --cnvs-page-submenu-sticky-offset: var(--cnvs-header-height-shrink);
   --cnvs-page-submenu-link-size: 0.875rem;
   --cnvs-page-submenu-link-marging-x: 4px;
   --cnvs-page-submenu-link-marging-y: 10px;
   --cnvs-page-submenu-link-rounded: 14px;
   --cnvs-page-submenu-dropdown-width: 150px;
   --cnvs-page-submenu-trigger: 44px;
   --cnvs-page-dotsmenu-size: 10px;
   --cnvs-page-dotsmenu-gutters: 10px;
   --cnvs-page-dotsmenu-rounded: 50%;
   position: relative;
 }
 #page-menu-wrap {
   position: absolute;
   z-index: 199;
   top: 0;
   left: 0;
   width: 100%;
   background-color: var(--cnvs-themecolor);
   transform: translateZ(0);
   -webkit-backface-visibility: hidden;
 }
 #page-menu.sticky-page-menu #page-menu-wrap {
   position: fixed;
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
 }
 
 body:not(.is-expanded-pagemenu) #page-menu,
 #header.no-sticky ~ #page-menu {
   --cnvs-page-submenu-sticky-offset: 0;
 }
 
 body:not(.is-expanded-pagemenu) #header[data-mobile-sticky=true] ~ #page-menu {
   --cnvs-page-submenu-sticky-offset: var(--cnvs-header-height);
 }
 
 #page-menu.sticky-page-menu:not(.dots-menu) #page-menu-wrap {
   top: var(--cnvs-page-submenu-sticky-offset);
 }
 
 #page-menu-trigger {
   opacity: 1;
   pointer-events: auto;
   top: 0;
   margin-top: 0;
   left: auto;
   right: 15px;
   width: var(--cnvs-page-submenu-trigger);
   height: var(--cnvs-page-submenu-trigger);
   line-height: var(--cnvs-page-submenu-trigger);
   color: #FFF;
 }
 
 .page-menu-open #page-menu-trigger {
   background-color: rgba(0, 0, 0, 0.2);
 }
 .page-menu-item {
   position: relative;
 }
 .page-menu-item > a {
   display: block;
   position: relative;
   line-height: 22px;
   padding: 11px 14px;
   color: var(--cnvs-white);
   font-size: var(--cnvs-page-submenu-link-size);
 }
 .is-expanded-pagemenu .page-menu-item > a {
   margin: var(--cnvs-page-submenu-link-marging-y) var(--cnvs-page-submenu-link-marging-x);
   padding-top: 3px;
   padding-bottom: 3px;
   border-radius: var(--cnvs-page-submenu-link-rounded);
   transition: all 0.2s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
   .is-expanded-pagemenu .page-menu-item > a {
	 transition: none;
   }
 }
 .page-menu-item > a .sub-menu-indicator {
   position: absolute;
   top: 50%;
   left: auto;
   right: 14px;
   transform: translateY(-50%);
 }
 .is-expanded-pagemenu .page-menu-item > a .sub-menu-indicator {
   position: relative;
   left: 0;
   right: 0;
   margin-left: 0.5rem;
   transform: none;
 }
 .page-menu-item:hover > a, .page-menu-item.current > a {
   background-color: rgba(0, 0, 0, 0.15);
 }
 .page-menu-sub-menu {
   display: none;
   background-color: rgba(0, 0, 0, 0.15);
   list-style: none;
   padding: 1px 10px 5px;
 }
 .is-expanded-pagemenu .page-menu-sub-menu {
   display: none;
   position: absolute;
   list-style: none;
   width: var(--cnvs-page-submenu-dropdown-width);
   top: 100%;
   left: 0;
   padding: 0;
   background-color: var(--cnvs-themecolor);
 }
 .page-menu-item:hover > .page-menu-sub-menu {
   display: block;
 }
 .page-menu-sub-menu .page-menu-item > a {
   margin: 5px 0;
   padding-top: 3px;
   padding-bottom: 3px;
   border-radius: 14px;
 }
 .is-expanded-pagemenu .page-menu-sub-menu .page-menu-item > a {
   height: auto;
   margin: 0;
   padding-top: 10px;
   padding-bottom: 10px;
   border-radius: 0;
   background-color: rgba(0, 0, 0, 0.15);
 }
 
 .is-expanded-pagemenu .page-menu-sub-menu li:hover a,
 .is-expanded-pagemenu .page-menu-sub-menu li.current a {
   background-color: rgba(0, 0, 0, 0.3);
 }
 
 /* Page Menu - Dots Style
 -----------------------------------------------------------------*/
 .is-expanded-pagemenu #page-menu.dots-menu {
   position: fixed;
   top: 50%;
   right: 20px;
   width: 24px;
   line-height: 1.5;
   transform: translateY(-50%);
   z-index: 299;
 }
 .is-expanded-pagemenu #page-menu.dots-menu #page-menu-wrap {
   position: relative;
   top: 0 !important;
   box-shadow: none;
   background-color: transparent !important;
 }
 .is-expanded-pagemenu #page-menu.dots-menu .page-menu-wrap-clone {
   display: none;
 }
 .is-expanded-pagemenu #page-menu.dots-menu .container {
   padding: 0;
 }
 .is-expanded-pagemenu #page-menu.dots-menu .page-menu-item {
   width: var(--cnvs-page-dotsmenu-size);
   height: var(--cnvs-page-dotsmenu-size);
   margin: var(--cnvs-page-dotsmenu-gutters) 0;
 }
 .is-expanded-pagemenu #page-menu.dots-menu .page-menu-item > a {
   position: absolute;
   width: 100%;
   height: 100%;
   padding: 0;
   margin: 0;
   background-color: rgba(0, 0, 0, 0.4);
   border-radius: var(--cnvs-page-dotsmenu-rounded);
   color: var(--cnvs-contrast-600);
 }
 .is-expanded-pagemenu #page-menu.dots-menu .page-menu-item > a:hover {
   background-color: rgba(0, 0, 0, 0.7);
 }
 .is-expanded-pagemenu #page-menu.dots-menu .page-menu-item.current > a {
   background-color: var(--cnvs-themecolor);
 }
 .is-expanded-pagemenu #page-menu.dots-menu .page-menu-item div {
   position: absolute;
   width: auto;
   top: 50%;
   right: 25px;
   background-color: var(--cnvs-themecolor);
   font-size: 0.75rem;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: #FFF;
   padding: 6px 14px;
   white-space: nowrap;
   pointer-events: none;
   border-radius: 0.25rem;
   opacity: 0;
   transform: translateY(-50%);
   transition: all 0.2s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
   .is-expanded-pagemenu #page-menu.dots-menu .page-menu-item div {
	 transition: none;
   }
 }
 .is-expanded-pagemenu #page-menu.dots-menu .page-menu-item div::after {
   position: absolute;
   content: "";
   top: 50%;
   left: auto;
   right: -5px;
   width: 0;
   height: 0;
   border-top: 7px solid transparent;
   border-bottom: 7px solid transparent;
   border-left: 6px solid var(--cnvs-themecolor);
   transform: translateY(-50%);
 }
 .is-expanded-pagemenu #page-menu.dots-menu .page-menu-item > a:hover div {
   opacity: 1;
   right: 30px;
 }
 
 /* ----------------------------------------------------------------
	 One Page
 -----------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	 Side Push Panel
 -----------------------------------------------------------------*/
 .side-push-panel {
   overflow-x: hidden;
 }
 
 #side-panel {
   --cnvs-side-panel-bg:	var(--cnvs-contrast-100);
   position: fixed;
   top: 0;
   right: calc(-1 * var(--cnvs-side-panel-size));
   z-index: 699;
   width: var(--cnvs-side-panel-size);
   height: 100%;
   background-color: var(--cnvs-side-panel-bg);
   overflow: hidden;
   -webkit-backface-visibility: hidden;
 }
 
 .side-push-panel.stretched #wrapper, .side-push-panel.stretched .sticky-header .container {
   position: relative;
   right: 0;
 }
 #side-panel .widget {
   margin-top: var(--cnvs-side-panel-widget-padding);
   padding-top: var(--cnvs-side-panel-widget-padding);
   width: calc(var(--cnvs-side-panel-size) - 80px);
   border-top: 1px solid var(--cnvs-contrast-200);
 }
 #side-panel .widget:first-child {
   padding-top: 0;
   border-top: 0;
   margin: 0;
 }
 .side-panel-open #side-panel {
   right: 0;
 }
 
 .side-push-panel.side-panel-open.stretched #wrapper,
 .side-push-panel.side-panel-open.stretched .sticky-header .container {
   right: var(--cnvs-side-panel-size);
 }
 
 .side-push-panel.side-panel-open.stretched.device-xxl .slider-parallax .slider-inner, .side-push-panel.side-panel-open.stretched.device-xl .slider-parallax .slider-inner, .side-push-panel.side-panel-open.stretched.device-lg .slider-parallax .slider-inner {
   left: calc(-1 * var(--cnvs-side-panel-size));
 }
 
 #side-panel-trigger {
   display: block;
   cursor: pointer;
   z-index: 11;
   margin-right: 5px;
 }
 
 #side-panel,
 .side-push-panel.stretched #wrapper,
 .side-push-panel.stretched #header .container {
   transition: right 0.4s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   #side-panel,
   .side-push-panel.stretched #wrapper,
   .side-push-panel.stretched #header .container {
	 transition: none;
   }
 }
 
 
 .side-push-panel.stretched .slider-inner {
   transition: left 0.4s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   
   .side-push-panel.stretched .slider-inner {
	 transition: none;
   }
 }
 
 /* ----------------------------------------------------------------
 
	 slider.scss
 
 -----------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Flex Slider
 -----------------------------------------------------------------*/
 :root,
 .not-dark {
   --cnvs-slider-caption-font-color: var(--cnvs-contrast-800);
   --cnvs-slider-arrows-bg-color: rgba(0, 0, 0, 0.3);
   --cnvs-slider-arrows-bg-hover-color: rgba(0, 0, 0, 0.6);
   --cnvs-slider-arrow-color: var(--bs-gray-100);
   --cnvs-owl-dots-slider-color: #fff;
 }
 
 :root {
   --cnvs-fslider-dots-position-top: 14px;
   --cnvs-fslider-dots-position-right: 10px;
   --cnvs-fslider-dots-size: 0.625rem;
   --cnvs-fslider-dots-border-color: #fff;
   --cnvs-fslider-dots-border-radius: 50%;
   --cnvs-fslider-thumbs-gutters: 2px;
   --cnvs-fslider-thumbs-width: 100px;
   --cnvs-canvas-slider-dots-size: 0.625rem;
   --cnvs-slider-pagination-gutters: 4px;
   --cnvs-slider-pagination-rounded: 50%;
   --cnvs-swiper-dots-position-bottom: 20px;
   --cnvs-slider-caption-width: 550px;
   --cnvs-slider-caption-font-size: 1.375rem;
   --cnvs-slider-caption-font-weight: 300;
   --cnvs-slider-caption-transition: top 0.3s ease;
   --cnvs-slider-caption-p-size: 1.5rem;
   --cnvs-slider-caption-offset: 50px;
   --cnvs-slider-caption-bg-light: rgba(255, 255, 255, 0.8);
   --cnvs-slider-caption-bg-dark: rgba(0, 0, 0, 0.6);
   --cnvs-slider-caption-bg-radius: 2px;
   --cnvs-slider-caption-bg-padding: 5px 12px;
   --cnvs-slider-arrows-size: 52px;
   --cnvs-slider-arrows-sm-size: calc(var(--cnvs-slider-arrows-size) - 20px);
   --cnvs-slider-arrows-border-radius: 0.25rem;
   --cnvs-slider-arrow-sm-offset: 20px;
   --cnvs-owl-dots-slider-position: top auto bottom 15px;
 }
 
 .fslider,
 .fslider .flexslider,
 .fslider .slider-wrap,
 .fslider .slide,
 .fslider .slide > a,
 .fslider .slide > img,
 .fslider .slide > a > img {
   position: relative;
   display: block;
   width: 100%;
   height: auto;
   overflow: hidden;
   -webkit-backface-visibility: hidden;
 }
 
 .fslider.h-100 .flexslider,
 .fslider.h-100 .slider-wrap,
 .fslider.h-100 .slide,
 .fslider.h-100 .slide > a,
 .fslider.h-100 .slide > a > img {
   height: 100% !important;
 }
 .fslider.h-100 .slide > a > img {
   -o-object-fit: cover;
	  object-fit: cover;
 }
 
 .fslider {
   min-height: 32px;
 }
 
 
 .flexslider a:active,
 .flexslider a:focus {
   outline: none;
   border: none;
 }
 
 .slider-wrap {
   margin: 0;
   padding: 0;
   list-style: none;
   border: none;
 }
 
 .flexslider {
   position: relative;
   margin: 0;
   padding: 0;
 }
 .flexslider .slider-wrap > .slide {
   display: none;
   -webkit-backface-visibility: hidden;
 }
 
 .flexslider .slider-wrap img {
   width: 100%;
   display: block;
 }
 
 .slider-wrap::after {
   content: " ";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
 }
 
 html[xmlns] .slider-wrap {
   display: block;
 }
 
 * html .slider-wrap {
   height: 1%;
 }
 
 /* ----------------------------------------------------------------
	 Slider
 -----------------------------------------------------------------*/
 .slider-element {
   position: relative;
   width: 100%;
   overflow: hidden;
 }
 
 .slider-parallax {
   position: relative;
 }
 
 .slider-parallax,
 .slider-parallax .swiper {
   visibility: visible;
   -webkit-backface-visibility: hidden;
 }
 
 .slider-inner {
   position: absolute;
   overflow: hidden;
   opacity: 1;
   visibility: visible;
   width: 100%;
   height: 100%;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
 }
 .slider-parallax .slider-inner {
   position: fixed;
 }
 
 .h-auto:not(.slider-parallax) .slider-inner,
 .h-auto .swiper,
 .min-vh-0:not(.slider-parallax) .slider-inner,
 .min-vh-0 .swiper {
   position: relative !important;
   height: auto !important;
 }
 
 .slider-parallax-invisible .slider-inner {
   opacity: 0;
   visibility: hidden;
 }
 
 @media (min-width: 992px) {
   .h-auto .swiper-wrapper,
   .min-vh-0 .swiper-wrapper {
	 height: 75vh;
   }
 }
 
 .device-touch .slider-parallax .slider-inner {
   position: relative;
 }
 
 body:not(.side-header) .slider-parallax .slider-inner {
   left: 0;
 }
 
 body:not(.stretched) .slider-parallax .slider-inner {
   left: auto;
 }
 
 .slider-parallax .slider-inner,
 .slider-parallax .slider-caption {
   will-change: transform;
   backface-visibility: hidden;
   transition: transform 0s cubic-bezier(0.14, 0.15, 0.13, 0.99);
 }
 @media (prefers-reduced-motion: reduce) {
   .slider-parallax .slider-inner,
   .slider-parallax .slider-caption {
	 transition: none;
   }
 }
 
 .scroll-detect .slider-inner {
   transform: translate3d(0px, calc(400px * var(--cnvs-scroll-end)), 0px);
   backface-visibility: hidden;
   will-change: transform;
 }
 
 .scroll-detect .slider-caption {
   transform: translate3d(0px, calc(100px * var(--cnvs-scroll-end)), 0px);
   backface-visibility: hidden;
   opacity: calc(1 * var(--cnvs-scroll-ratio));
   will-change: transform;
 }
 
 @media (max-width: 991.98px) {
   #slider {
	 display: flex !important;
	 flex-direction: column;
	 justify-content: center;
   }
   #slider .slider-inner {
	 position: relative;
	 display: flex;
	 flex-grow: 1;
	 align-items: center;
   }
 }
 /* Boxed Slider
 -----------------------------------------------------------------*/
 
 /* Swiper Slider
 -----------------------------------------------------------------*/
 .swiper_wrapper {
   position: relative;
   width: 100%;
   overflow: hidden;
 }
 .swiper_wrapper .swiper {
   position: absolute;
   width: 100%;
   height: 100%;
   margin: 0;
 }
 .swiper_wrapper .swiper-slide {
   position: relative;
   margin: 0;
   overflow: hidden;
 }
 
 .slider-element .video-wrap,
 .section .video-wrap,
 .swiper-slide .yt-bg-player,
 .section .yt-bg-player {
   position: absolute;
   width: 100%;
   height: 100%;
   z-index: -1;
   top: 0;
   left: 0;
 }
 
 .yt-bg-player .inlinePlayButton,
 .yt-bg-player .loading {
   display: none !important;
 }
 
 .slider-element .container,
 .slider-element .container-fluid {
   position: relative;
   height: 100%;
 }
 
 .swiper-pagination {
   position: absolute;
   width: 100%;
   z-index: 20;
   margin: 0;
   top: auto;
   bottom: var(--cnvs-swiper-dots-position-bottom) !important;
   text-align: center;
   line-height: 1;
 }
 .swiper-pagination span {
   display: inline-block;
   cursor: pointer;
   width: var(--cnvs-canvas-slider-dots-size);
   height: var(--cnvs-canvas-slider-dots-size);
   margin: 0 var(--cnvs-slider-pagination-gutters);
   opacity: 1;
   background-color: transparent;
   border: 1px solid var(--cnvs-slider-arrow-color);
   border-radius: var(--cnvs-slider-pagination-rounded);
   transition: all 0.3s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   .swiper-pagination span {
	 transition: none;
   }
 }
 .swiper-pagination span:hover {
   background-color: var(--cnvs-slider-arrow-color) !important;
 }
 
 /* Video Overlay
 -----------------------------------------------------------------*/
 .video-wrap {
   overflow: hidden;
   width: 100%;
   position: relative;
 }
 .video-wrap video {
   position: relative;
   z-index: 1;
   opacity: 1;
   width: 100%;
   transition: opacity 0.3s 1s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   .video-wrap video {
	 transition: none;
   }
 }
 body:not(.has-plugin-html5video) .video-wrap video {
   opacity: 0;
 }
 
 
 .video-placeholder {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 5;
   background: transparent url("images/grid.png") repeat;
   transform: translateZ(0);
   -webkit-backface-visibility: hidden;
 }
 
 .video-placeholder {
   z-index: 4;
   background-repeat: no-repeat !important;
 }
 
 /* Slider Caption
 -----------------------------------------------------------------*/
 .slider-caption {
   --cnvs-slider-caption-font-color: var(--cnvs-contrast-800);
   position: relative;
   display: flex;
   height: 100%;
   flex-flow: column;
   justify-content: center;
   z-index: 20;
   max-width: var(--cnvs-slider-caption-width);
   color: var(--cnvs-slider-caption-font-color);
   font-size: var(--cnvs-slider-caption-font-weight);
   font-weight: var(--cnvs-slider-caption-font-weight);
   transition: top 0.3s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   .slider-caption {
	 transition: none;
   }
 }
 
 .slider-caption h2, .slider-caption .h2 {
   color: var(--cnvs-slider-caption-font-color);
   text-shadow: none;
 }
 .slider-caption h2, .slider-caption .h2 {
   font-size: 4.5rem;
   letter-spacing: 0;
   text-transform: none;
   font-weight: 600;
   line-height: 1;
   margin-bottom: 0;
 }
 @media (max-width: 767.98px) {
   .slider-caption h2, .slider-caption .h2 {
	 font-size: 5.5vw;
   }
 }
 .slider-caption p {
   margin-top: 2rem;
   margin-bottom: 0.75rem;
   font-size: var(--cnvs-slider-caption-p-size);
 }
 @media (max-width: 767.98px) {
   .slider-caption p {
	 font-size: 2.6vw;
   }
 }
 
 /* Slider Arrows
 -----------------------------------------------------------------*/
 
 .slider-arrow-left,
 .slider-arrow-right,
 .flex-prev,
 .flex-next {
   position: absolute;
   cursor: pointer;
   z-index: 10;
   top: 50%;
   left: 0;
   background-color: var(--cnvs-slider-arrows-bg-color);
   width: var(--cnvs-slider-arrows-size);
   height: var(--cnvs-slider-arrows-size);
   border: 0;
   border-radius: 0 var(--cnvs-slider-arrows-border-radius) var(--cnvs-slider-arrows-border-radius) 0;
   transform: translateY(-50%);
   transition: background-color 0.3s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
   .slider-arrow-left,
   .slider-arrow-right,
   .flex-prev,
   .flex-next {
	 transition: none;
   }
 }
 
 .fslider[data-thumbs=true] .flex-prev,
 .fslider[data-thumbs=true] .flex-next {
   margin-top: calc(-1 * var(--cnvs-slider-arrow-sm-offset));
 }
 
 .slider-arrow-right,
 .slider-element .owl-next,
 .flex-next {
   left: auto;
   right: 0;
   border-radius: var(--cnvs-slider-arrows-border-radius) 0 0 var(--cnvs-slider-arrows-border-radius);
 }
 
 .slider-arrow-left i,
 .slider-arrow-right i,
 .flex-prev i,
 .flex-next i {
   line-height: var(--cnvs-slider-arrows-size);
   width: 100%;
   height: 100%;
   color: var(--cnvs-slider-arrow-color);
   font-size: calc(var(--cnvs-slider-arrows-size) / 1.75);
   text-align: center;
   transition: color 0.3s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
   .slider-arrow-left i,
   .slider-arrow-right i,
   .flex-prev i,
   .flex-next i {
	 transition: none;
   }
 }
 
 .slider-element .owl-prev i {
   margin-left: 0;
 }
 
 .slider-element .owl-next i {
   margin-right: 4px;
 }
 
 .slider-arrow-left:hover,
 .slider-arrow-right:hover,
 .flex-prev:hover,
 .flex-next:hover {
   background-color: var(--cnvs-slider-arrows-bg-hover-color) !important;
 }
 
 /* Slide Number
 -----------------------------------------------------------------*/
 
 .slide-number-current,
 .slide-number-total {
   position: absolute;
   line-height: 1;
   top: 5px;
   left: 0;
 }
 
 .slide-number-total {
   top: auto;
   bottom: 5px;
   left: auto;
   right: 0;
 }
 
 /* Pagination
 -----------------------------------------------------------------*/
 .slider-element .owl-dots {
   position: absolute;
   width: 100%;
   z-index: 20;
   margin: 0;
   top: auto;
   bottom: 15px;
 }
 
 .slider-element .owl-dots button {
   width: var(--cnvs-canvas-slider-dots-size);
   height: var(--cnvs-canvas-slider-dots-size);
   margin: 0 var(--cnvs-slider-pagination-gutters);
   opacity: 1 !important;
   background-color: transparent !important;
   border: var(--cnvs-owl-nav-border) !important;
 }
 
 .slider-element .owl-dots .owl-dot.active,
 .slider-element .owl-dots .owl-dot:hover {
   background-color: var(--cnvs-owl-nav-background) !important;
 }
 
 /* Flex Slider - Navigation
 -----------------------------------------------------------------*/
 
 /* Flex Slider - Pagination & Thumbs
 -----------------------------------------------------------------*/
 .fslider[data-animation=fade][data-thumbs=true] .flexslider {
   height: auto !important;
 }
 
 /* Flex Slider: Pagination Positions
 -----------------------------------------------------------------*/
 
 /* Flex Slider: Thumbs
 -----------------------------------------------------------------*/
 
 /* FlexSlider: Thumbs - Flexible
 -----------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	 pagetitle.scss
 -----------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Page Title
 -----------------------------------------------------------------*/
 :root,
 .not-dark {
   --cnvs-page-title-bg: var(--cnvs-contrast-bg-offset);
   --cnvs-page-title-color: var(--cnvs-contrast-900);
   --cnvs-page-title-border-color: rgba(var(--cnvs-contrast-rgb), 0.1);
 }
 /* ----------------------------------------------------------------
 
	 content.scss
 
 -----------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Content
 -----------------------------------------------------------------*/
 #content {
   position: relative;
   background-color: var(--cnvs-body-bg);
 }
 
 .content-wrap {
   position: relative;
   padding: var(--cnvs-content-padding) 0;
   overflow: hidden;
 }
 .content-wrap .container {
   position: relative;
 }
 .content-wrap p {
   line-height: var(--cnvs-line-height-content);
 }
 
 .grid-container {
   position: relative;
   overflow: hidden;
   will-change: transform;
 }
 
 .grid-container {
   transition: height 0.4s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   .grid-container {
	 transition: none;
   }
 }
 
 /* ----------------------------------------------------------------
 
	 portfolio.scss
 
 -----------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Portfolio
 -----------------------------------------------------------------*/
 :root,
 .not-dark {
   --cnvs-grid-filter-border-color: rgba(var(--cnvs-contrast-rgb), 0.1);
   --cnvs-portfolio-meta-color: var(--cnvs-contrast-600);
   --cnvs-portfolio-meta-row-1-color: var(--cnvs-heading-color);
 }
 
 /* Grid - Filter
 -----------------------------------------------------------------*/
 
 .grid-filter {
   --cnvs-grid-filter-mb: 3.5rem;
   --cnvs-grid-filter-border: 1px;
   --cnvs-grid-filter-border-color: rgba(var(--cnvs-contrast-rgb), 0.1);
   --cnvs-grid-filter-border-radius: 0.25rem;
   --cnvs-grid-filter-item-padding-x: 1.25rem;
   --cnvs-grid-filter-item-padding-y: 0.75rem;
   --cnvs-grid-filter-item-font-size: 0.9375rem;
   --cnvs-grid-filter-col-sm: 3;
   --cnvs-grid-filter-col-xs: 2;
   --cnvs-grid-filter-styles-m: 0.75rem;
   --cnvs-grid-filter-styles-radius: 1.25rem;
   --cnvs-grid-shuffle-size: 2.5rem;
 }
 
 .grid-filter {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   margin-bottom: var(--cnvs-grid-filter-mb);
   list-style: none;
   /* Grid - Filter: Style 2
   -----------------------------------------------------------------*/
   /* Grid - Filter: Style 3
   -----------------------------------------------------------------*/
   /* Portfolio - Filter: Style 4
   -----------------------------------------------------------------*/
   /* Portfolio - Filter: Style 5
   -----------------------------------------------------------------*/
 }
 @media (min-width: 768px) {
   .grid-filter {
	 border: var(--cnvs-grid-filter-border) solid var(--cnvs-grid-filter-border-color);
	 border-radius: var(--cnvs-grid-filter-border-radius);
   }
 }
 @media (max-width: 767.98px) {
   .grid-filter {
	 width: 100%;
   }
 }
 .grid-filter li {
   position: relative;
   width: calc(100% / var(--cnvs-grid-filter-col-xs));
 }
 @media (min-width: 576px) {
   .grid-filter li {
	 width: calc(100% / var(--cnvs-grid-filter-col-sm));
   }
 }
 @media (min-width: 768px) {
   .grid-filter li {
	 width: auto;
   }
 }
 .grid-filter li a {
   display: block;
   position: relative;
   padding: var(--cnvs-grid-filter-item-padding-y) var(--cnvs-grid-filter-item-padding-x);
   font-size: var(--cnvs-grid-filter-item-font-size);
   color: var(--cnvs-contrast-600);
   text-align: center;
   border-radius: 2px;
 }
 @media (min-width: 768px) {
   .grid-filter li a {
	 border-left: var(--cnvs-grid-filter-border) solid var(--cnvs-grid-filter-border-color);
	 border-radius: 0;
   }
 }
 .grid-filter li a:hover {
   color: var(--cnvs-themecolor);
 }
 .grid-filter li.activeFilter a {
   color: #fff;
   font-weight: 600;
   background-color: var(--cnvs-themecolor);
   margin: 0;
 }
 @media (min-width: 768px) {
   .grid-filter li.activeFilter a {
	 margin: -1px 0;
	 padding-top: 11px;
	 padding-bottom: 11px;
   }
 }
 @media (min-width: 768px) {
   .grid-filter li:first-child a {
	 border-left: none;
	 border-radius: var(--cnvs-grid-filter-border-radius) 0 0 var(--cnvs-grid-filter-border-radius);
   }
   .grid-filter li:last-child a {
	 border-radius: 0 var(--cnvs-grid-filter-border-radius) var(--cnvs-grid-filter-border-radius) 0;
   }
 }
 
 /* Portfolio - Shuffle Icon
 -----------------------------------------------------------------*/
 .grid-shuffle {
   width: var(--cnvs-grid-shuffle-size);
   height: var(--cnvs-grid-shuffle-size);
   border: var(--cnvs-grid-filter-border) solid var(--cnvs-grid-filter-border-color);
   font-size: calc(var(--cnvs-grid-shuffle-size) / 2.625);
   text-align: center;
   line-height: calc(var(--cnvs-grid-shuffle-size) - var(--cnvs-grid-filter-border) - var(--cnvs-grid-filter-border));
   color: var(--cnvs-contrast-900);
   cursor: pointer;
   transition: all 0.2s linear;
 }
 @media (prefers-reduced-motion: reduce) {
   .grid-shuffle {
	 transition: none;
   }
 }
 .grid-shuffle:hover {
   background-color: var(--cnvs-themecolor);
   color: #fff;
 }
 
 /* Portfolio - Items
 -----------------------------------------------------------------*/
 .portfolio,
 [class*=portfolio-] {
   --cnvs-portfolio-desc-padding-x: 0.375rem;
   --cnvs-portfolio-desc-padding-y:	1.25rem;
   --cnvs-portfolio-desc-title-size: 1.25rem;
   --cnvs-portfolio-modal-padding: 2.5rem;
   --cnvs-portfolio-ajax-height: 96rem;
   --cnvs-portfolio-meta-font-size: 0.875rem;
   --cnvs-portfolio-meta-color: var(--cnvs-contrast-600);
   --cnvs-portfolio-meta-row-1: 150px;
   --cnvs-portfolio-meta-row-1-color: var(--cnvs-heading-color);
   --cnvs-portfolio-meta-icon: 0.875rem;
   --cnvs-portfolio-navigation-size: 1.5rem;
 }
 
 .portfolio {
   position: relative;
   transition: height 0.4s linear;
 }
 .portfolio-item {
   position: relative;
 }
 @media (prefers-reduced-motion: reduce) {
   .portfolio {
	 transition: none;
   }
 }
 /* Portfolio - Item Title
 -----------------------------------------------------------------*/
 
 /* Portfolio - Parallax
 -----------------------------------------------------------------*/
 
 /* Portfolio Single - Image
 -----------------------------------------------------------------*/
 
 /* Masonry Thumbs
 -----------------------------------------------------------------*/
 .masonry-thumbs {
   position: relative;
   --bs-gutter-x: calc(1px * 2);
   --bs-gutter-y: calc(1px * 2);
 }
 .masonry-thumbs > * {
   overflow: hidden;
 }
 .masonry-thumbs > * > img {
   display: block;
   width: 100%;
   height: auto;
   border-radius: 0;
 }
 
 /* Portfolio Single - Content
 -----------------------------------------------------------------*/
 
 #portfolio-ajax-wrap {
   position: relative;
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.4s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   #portfolio-ajax-wrap {
	 transition: none;
   }
 }
 
 #portfolio-ajax-wrap.portfolio-ajax-opened {
   max-height: var(--cnvs-portfolio-ajax-height);
 }
 
 #portfolio-ajax-container {
   display: none;
   padding-bottom: 60px;
 }
 
 #portfolio-ajax-single {
   opacity: 0;
   pointer-events: none;
   transition: opacity 0.6s ease;
 }
 .portfolio-ajax-opened #portfolio-ajax-single {
   opacity: 1;
   pointer-events: auto;
 }
 
 .portfolio-ajax-opened ~ .portfolio.grid-container .portfolio-item:not(:hover):not(.portfolio-active) {
   opacity: 0.25;
 }
 
 /* Portfolio Single - Meta
 -----------------------------------------------------------------*/
 
 /* Portfolio Single Navigation
 -----------------------------------------------------------------*/
 #portfolio-navigation {
   position: absolute;
   top: 50%;
   left: auto;
   right: 10px;
   max-width: calc(var(--cnvs-portfolio-navigation-size) * 4);
   height: var(--cnvs-portfolio-navigation-size);
   margin-top: calc(var(--cnvs-portfolio-navigation-size) * -0.5);
 }
 #portfolio-navigation a {
   display: block;
   float: left;
   margin-left: calc(var(--cnvs-portfolio-navigation-size) * 0.5);
   width: var(--cnvs-portfolio-navigation-size);
   height: var(--cnvs-portfolio-navigation-size);
   text-align: center;
   color: var(--cnvs-contrast-900);
   transition: color 0.3s linear;
 }
 @media (prefers-reduced-motion: reduce) {
   #portfolio-navigation a {
	 transition: none;
   }
 }
 #portfolio-navigation a:first-child {
   margin-left: 0;
 }
 #portfolio-navigation a:hover {
   color: var(--cnvs-themecolor);
 }
 
 /* ----------------------------------------------------------------
 
	 blog.scss
 
 -----------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Blog
 -----------------------------------------------------------------*/
 :root,
 .not-dark {
   --cnvs-post-title-font-color: var(--cnvs-heading-color);
   --cnvs-post-meta-color: var(--cnvs-contrast-600);
   --cnvs-post-entry-link-bg: var(--cnvs-contrast-100);
   --cnvs-post-entry-link-color: var(--cnvs-heading-color);
   --cnvs-post-timeline-border-color: var(--cnvs-contrast-400);
   --cnvs-post-timeline-date-border-color: var(--cnvs-contrast-400);
 }
 
 
 .entry,
 [class*=entry-] {
   --cnvs-post-item-margin: 50px;
   --cnvs-post-image-size: 100%;
   --cnvs-post-image-rounded: 0.25rem;
   --cnvs-post-image-mb: 1.5rem;
   --cnvs-post-sm-image: 64px;
   --cnvs-post-title-font-size: 1.75rem;
   --cnvs-post-title-font-weight: 600;
   --cnvs-post-title-font-spacing: 0;
   --cnvs-post-title-text-transform: none;
   --cnvs-post-title-font-color: var(--cnvs-heading-color);
   --cnvs-post-meta-seperator: ⁞;
   --cnvs-post-meta-seperator-width: 0.25rem;
   --cnvs-post-meta-margin: 1rem;
   --cnvs-post-meta-color: var(--cnvs-contrast-600);
   --cnvs-post-meta-fontsize: 90%;
   --cnvs-post-meta-iconsize: 1rem;
   --cnvs-post-content-margin: 2rem;
   --cnvs-post-entry-link-bg: var(--cnvs-contrast-100);
   --cnvs-post-entry-link-padding: 2rem 0;
   --cnvs-post-entry-link-color: var(--cnvs-heading-color);
   --cnvs-post-entry-link-font-family: var(--cnvs-primary-font);
   --cnvs-post-entry-link-text-transform: none;
   --cnvs-post-entry-link-letter-spacing: 0;
   --cnvs-post-entry-link-font-size: 1.75rem;
   --cnvs-post-entry-link-font-weight: 600;
   --cnvs-post-entry-link-border-radius: 0.25rem;
   position: relative;
 }
 
 .entry {
   margin-bottom: var(--cnvs-post-item-margin);
 }
 .entry::after {
   content: "";
   position: relative;
   height: 2px;
   margin-top: var(--cnvs-post-item-margin);
   background-color: var(--cnvs-contrast-100);
 }
 .entry-image {
   margin-bottom: var(--cnvs-post-image-mb);
 }
 
 .entry-image,
 .entry-image > a,
 .entry-image .slide a,
 .entry-image img {
   display: block;
   position: relative;
   width: var(--cnvs-post-image-size);
   height: auto;
 }
 
 .entry-image iframe {
   display: block;
 }
 .entry-image video {
   display: block;
   width: 100%;
 }
 .entry-image img {
   border-radius: var(--cnvs-post-image-rounded);
 }
 
 .entry-title h2, .entry-title .h2,
 .entry-title h3,
 .entry-title .h3,
 .entry-title h4,
 .entry-title .h4 {
   margin: 0;
   font-size: var(--cnvs-post-title-font-size);
   font-weight: var(--cnvs-post-title-font-weight);
   text-transform: var(--cnvs-post-title-text-transform);
   letter-spacing: var(--cnvs-post-title-font-spacing);
 }
 .entry-title h2 a, .entry-title .h2 a,
 .entry-title h3 a,
 .entry-title .h3 a,
 .entry-title h4 a,
 .entry-title .h4 a {
   color: var(--cnvs-post-title-font-color);
 }
 .entry-title h2 a:hover, .entry-title .h2 a:hover,
 .entry-title h3 a:hover,
 .entry-title .h3 a:hover,
 .entry-title h4 a:hover,
 .entry-title .h4 a:hover {
   color: var(--cnvs-themecolor);
 }
 .entry-title h4, .entry-title .h4 {
   --cnvs-post-title-font-size: 0.875rem;
   letter-spacing: 0;
 }
 
 .entry-title h4,
 .entry-title .h4 {
   text-transform: none;
 }
 
 /* Blog - Grid
 -----------------------------------------------------------------*/
 
 /* Blog - Timeline
 -----------------------------------------------------------------*/
 .post-timeline {
   --cnvs-post-timeline-border-style: dashed;
   --cnvs-post-timeline-border-color: var(--cnvs-contrast-400);
   --cnvs-post-timeline-date-size: 0.75rem;
   --cnvs-post-timeline-date-border: 2px;
   --cnvs-post-timeline-date-border-color: var(--cnvs-contrast-400);
 }
 @media (min-width: 992px) {
   .post-timeline .entry:not(.entry-date-section) {
	 padding-right: 85px;
   }
   .post-timeline .entry.alt:not(.entry-date-section) {
	 padding-right: inherit;
	 padding-left: 85px;
   }
 }
 
 @media (min-width: 992px) {
   /* Blog - Timeline - Sidebar
   -----------------------------------------------------------------*/
 }
 
 /* ----------------------------------------------------------------
	 Comments List
 -----------------------------------------------------------------*/
 #comments {
   position: relative;
   margin-top: 3rem;
   padding-top: 3rem;
   border-top: 1px solid var(--cnvs-contrast-100);
 }
 
 /* ----------------------------------------------------------------
	 Comment Form
 -----------------------------------------------------------------*/
 
 /* Post Elements
 -----------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
 
	 shop.scss
 
 -----------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Shop
 -----------------------------------------------------------------*/
 :root,
 .not-dark {
   --cnvs-cart-quantity-bg: var(--cnvs-contrast-200);
   --cnvs-cart-quantity-color: var(--cnvs-contrast-800);
   --cnvs-cart-quantity-color-hover: var(--cnvs-cart-quantity-color);
   --cnvs-cart-quantity-border-color: rgba(var(--cnvs-contrast-rgb), 0.1);
   --cnvs-cart-quantity-bg-hover: var(--cnvs-contrast-300);
 }
 
 /* Shop - Single
 -----------------------------------------------------------------*/
 
 .quantity {
   --cnvs-cart-quantity-width: 50px;
   --cnvs-cart-quantity-height: 44px;
   --cnvs-cart-quantity-font-size: 1rem;
   --cnvs-cart-quantity-border: 1px;
   --cnvs-cart-quantity-bg: var(--cnvs-contrast-200);
   --cnvs-cart-quantity-color: var(--cnvs-contrast-800);
   --cnvs-cart-quantity-color-hover: var(--cnvs-cart-quantity-color);
   --cnvs-cart-quantity-border-color: rgba(var(--cnvs-contrast-rgb), 0.1);
   --cnvs-cart-quantity-bg-hover: var(--cnvs-contrast-300);
   display: inline-flex;
   justify-content: center;
   align-items: stretch;
   flex-wrap: wrap;
   margin-right: 30px;
 }
 
 .quantity input[type=number]::-webkit-inner-spin-button,
 .quantity input[type=number]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   margin: 0;
 }
 
 .quantity .qty {
   width: var(--cnvs-cart-quantity-width);
   height: var(--cnvs-cart-quantity-height);
   line-height: var(--cnvs-cart-quantity-height);
   border: 0;
   border-left: var(--cnvs-cart-quantity-border) solid var(--cnvs-cart-quantity-border-color);
   border-right: var(--cnvs-cart-quantity-border) solid var(--cnvs-cart-quantity-border-color);
   background-color: var(--cnvs-cart-quantity-bg);
   text-align: center;
   margin-bottom: 0;
   font-size: var(--cnvs-cart-quantity-font-size);
   color: var(--cnvs-cart-quantity-color);
 }
 
 .quantity .plus,
 .quantity .minus {
   display: block;
   cursor: pointer;
   border: 0px transparent;
   padding: 0;
   width: calc(var(--cnvs-cart-quantity-width) - var(--cnvs-cart-quantity-border) * 4);
   height: var(--cnvs-cart-quantity-height);
   line-height: var(--cnvs-cart-quantity-height);
   text-align: center;
   background-color: var(--cnvs-cart-quantity-bg);
   color: var(--cnvs-cart-quantity-color);
   font-size: var(--cnvs-cart-quantity-font-size);
   font-weight: bold;
   transition: background-color 0.2s linear;
 }
 @media (prefers-reduced-motion: reduce) {
   .quantity .plus,
   .quantity .minus {
	 transition: none;
   }
 }
 
 .quantity .plus:hover,
 .quantity .minus:hover {
   background-color: var(--cnvs-cart-quantity-bg-hover);
   color: var(--cnvs-cart-quantity-color-hover);
 }
 
 .quantity .qty:focus,
 .quantity .plus:focus,
 .quantity .minus:focus {
   box-shadow: none !important;
   outline: 0 !important;
 }
 
 /* ----------------------------------------------------------------
	 Cart
 -----------------------------------------------------------------*/
 
 @media (max-width: 575.98px) {
   .quantity .qty {
	 width: 42px;
   }
   .quantity .qty,
   .quantity .plus,
   .quantity .minus {
	 font-size: 0.875rem;
   }
 }
 
 /* ----------------------------------------------------------------
 
	 event.scss
 
 -----------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Events
 -----------------------------------------------------------------*/
 
 /*-----------------------------------------------------------------------------------
	 shortcodes
 -----------------------------------------------------------------------------------*/
 /*-----------------------------------------------------------------------------------
 
	 Shortcodes: countdown.scss
 
 -----------------------------------------------------------------------------------*/
 /* ----------------------------------------------------------------
 
	 Countdown
 
 -----------------------------------------------------------------*/
 .countdown {
   --cnvs-countdown-size:	1.25rem;
   --cnvs-countdown-section:	11px;
   --cnvs-countdown-md-size:	30px;
   --cnvs-countdown-md-section:	0.875rem;
   --cnvs-countdown-lg-size:	44px;
   --cnvs-countdown-lg-section:	18px;
   --cnvs-countdown-border:	1px dotted var(--cnvs-contrast-500);
   --cnvs-countdown-inline-space:	7px;
   --cnvs-countdown-large:	140px;
   position: relative;
   display: block;
   /* Countdown - Inline
   -----------------------------------------------------------------*/
 }
 
 /* Countdown - Coming Soon
 -----------------------------------------------------------------*/
 /*-----------------------------------------------------------------------------------
 
	 Shortcodes: buttons.scss
 
 -----------------------------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Buttons
 -----------------------------------------------------------------*/
 .button {
   --cnvs-btn-padding-x: 1.375rem;
   --cnvs-btn-padding-y: 0.5rem;
   --cnvs-btn-fontsize: 1rem;
   --cnvs-btn-color: var(--cnvs-themecolor);
   --cnvs-btn-color-dark: var(--bs-gray-900);
   --cnvs-btn-color-light: #e9ecef;
   --cnvs-btn-color-hover: var(--cnvs-btn-color-dark);
   --cnvs-btn-lineheight: calc(var(--cnvs-btn-fontsize) * 1.6);
   --cnvs-btn-border-width: 1px;
   --cnvs-btn-icon-margin: 10px;
   --cnvs-btn-icon-margin-offset: 0px;
   display: inline-block;
   position: relative;
   cursor: pointer;
   outline: none;
   white-space: nowrap;
   margin: 5px;
   padding: var(--cnvs-btn-padding-y) var(--cnvs-btn-padding-x);
   font-size: var(--cnvs-btn-fontsize);
   line-height: var(--cnvs-btn-lineheight);
   text-align: center;
   background-color: var(--cnvs-btn-color);
   color: #fff;
   font-weight: 500;
   border: var(--cnvs-btn-border-width) solid transparent;
   transition: all 0.2s ease-in-out;
   /* Buttons - Border
   -----------------------------------------------------------------*/
   /* Buttons - 3D
   -----------------------------------------------------------------*/
   /* Buttons - Icon Reveal
   -----------------------------------------------------------------*/
 }
 .button[class*=bg-opacity-] {
   --cnvs-btn-color: rgba(var(--cnvs-themecolor-rgb),var(--bs-bg-opacity, 1));
 }
 .button i {
   position: relative;
   margin-right: calc(var(--cnvs-btn-icon-margin) + var(--cnvs-btn-icon-margin-offset));
   width: 1rem;
   text-align: center;
 }
 @media (prefers-reduced-motion: reduce) {
   .button {
	 transition: none;
   }
 }
 .button.button-dark {
   background-color: var(--cnvs-btn-color-dark);
 }
 .button:hover {
   background-color: var(--cnvs-btn-color-dark);
   color: #fff;
 }
 .button.button-dark:hover {
   background-color: var(--cnvs-btn-color);
 }
 .button.button-large {
   --cnvs-btn-padding-x: 1.625rem;
   --cnvs-btn-padding-y: 0.5rem;
   --cnvs-btn-fontsize: 1.125rem;
 }
 .button.button-xlarge {
   --cnvs-btn-padding-x: 2.25rem;
   --cnvs-btn-padding-y: 0.625rem;
   --cnvs-btn-fontsize: 1.25rem;
 }
 .button-rounded {
   border-radius: 0.25rem;
 }
 .button.button-border {
   --cnvs-btn-border-color: var(--cnvs-btn-color-dark);
   border: var(--cnvs-btn-border-width) solid var(--cnvs-btn-border-color);
   background: transparent;
   color: var(--cnvs-btn-border-color);
 }
 .button.button-border:not(.button-fill):hover {
   background-color: var(--cnvs-btn-color);
   color: #fff;
   border-color: transparent !important;
 }
 
 /* Buttons - Promo 100% Width
 -----------------------------------------------------------------*/
 
 /* Buttons - Circle
 -----------------------------------------------------------------*/
 
 /* Buttons - Flat
 -----------------------------------------------------------------*/
 
 /* Buttons - Action
 -----------------------------------------------------------------*/
 
 /* Buttons - Fill Effect
 -----------------------------------------------------------------*/
 
 /* Buttons - Fill Effect
 -----------------------------------------------------------------*/
 
 /* Buttons - Icon Animations
 -----------------------------------------------------------------*/
 @keyframes buttonIconSlideBack {
   0% {
	 transform: translateX(0);
   }
   25% {
	 opacity: 0;
   }
   26% {
	 transform: translateX(-100%);
   }
   27% {
	 transform: translateX(100%);
   }
   50% {
	 opacity: 1;
   }
   100% {
	 transform: translateX(0);
   }
 }
 @keyframes buttonIconSlideFront {
   0% {
	 transform: translateX(0);
   }
   25% {
	 opacity: 0;
   }
   26% {
	 transform: translateX(100%);
   }
   27% {
	 transform: translateX(-100%);
   }
   50% {
	 opacity: 1;
   }
   100% {
	 transform: translateX(0);
   }
 }
 @keyframes buttonIconSlideUp {
   0% {
	 transform: translateY(0);
   }
   25% {
	 opacity: 0;
   }
   26% {
	 transform: translateY(-100%);
   }
   27% {
	 transform: translateY(100%);
   }
   50% {
	 opacity: 1;
   }
   100% {
	 transform: translateY(0);
   }
 }
 @keyframes buttonIconSlideDown {
   0% {
	 transform: translateY(0);
   }
   25% {
	 opacity: 0;
   }
   26% {
	 transform: translateY(100%);
   }
   27% {
	 transform: translateY(-100%);
   }
   50% {
	 opacity: 1;
   }
   100% {
	 transform: translateY(0);
   }
 }
 
 /* Buttons - Text Animations
 -----------------------------------------------------------------*/
 .button-text-effect {
   overflow: hidden;
   vertical-align: top;
 }
 .button-text-effect .button-inner {
   position: relative;
   display: inline-block;
   overflow: hidden;
   vertical-align: top;
 }
 .button-text-effect .button-inner span {
   transition: all 0.3s cubic-bezier(0.17, 0.75, 0.8, 1);
 }
 .button-text-effect .button-inner span:nth-child(1) {
   display: inline-block;
   opacity: 1;
 }
 .button-text-effect .button-inner span:nth-child(2) {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
 }
 .button-text-effect:hover span:nth-child(1) {
   opacity: 0;
 }
 .button-text-effect:hover span:nth-child(2) {
   opacity: 1;
 }
 
 /* Buttons - Colors
 -----------------------------------------------------------------*/
 
 .button-black {
   --cnvs-btn-color: #111;
 }
  .button-black.button-border:hover {
   --cnvs-btn-color: #111 !important;
 }
 
 .button-border.button-black {
   color: #111;
   border-color: #111;
 }
 
 .button[class*=gradient-] {
   border: 0;
 }
 
 /* Buttons - No Hover
 -----------------------------------------------------------------*/
 
 /* Buttons - States
 -----------------------------------------------------------------*/
 .button.disabled, .button:disabled {
   opacity: 0.65 !important;
   pointer-events: none !important;
 }
 
 /*-----------------------------------------------------------------------------------
 
	 Shortcodes: promo.scss
 
 -----------------------------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Promo Boxes
 -----------------------------------------------------------------*/
 
 /*-----------------------------------------------------------------------------------
 
	 Shortcodes: feature-box.scss
 
 -----------------------------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Featured Boxes
 -----------------------------------------------------------------*/
 
 /* Animated Icon Hovers
 -----------------------------------------------------------------*/
 
 /* Icon Effects - Bordered
 -----------------------------------------------------------------*/
 
 /* Media Featured Box
 -----------------------------------------------------------------*/
 
 /*-----------------------------------------------------------------------------------
 
	 Shortcodes: process-steps.scss
 
 -----------------------------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Process Steps
 -----------------------------------------------------------------*/
 
 /*-----------------------------------------------------------------------------------
 
	 Shortcodes: alerts.scss
 
 -----------------------------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Alerts
 -----------------------------------------------------------------*/
 .style-msg {
   position: relative;
   display: block;
   color: var(--cnvs-heading-color);
   border-left: 4px solid rgba(var(--cnvs-contrast-rgb), 0.1);
   margin-bottom: 20px;
 }
 
 .alert i {
   position: relative;
   top: 1px;
   font-size: 0.875rem;
   width: 0.875rem;
   text-align: center;
   margin-right: 5px;
 }
 
 .style-msg .btn-close {
   position: absolute;
   top: 0;
   left: auto;
   right: 0;
 }
 
 /*-----------------------------------------------------------------------------------
 
	 Shortcodes: styled-icons.scss
 
 -----------------------------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Styled Icons
 -----------------------------------------------------------------*/
 [class^=i-] {
   --cnvs-i-size: 3.25rem;
   --cnvs-i-border: 1px;
   --cnvs-i-fontsize: calc( var(--cnvs-i-size) / 2.666666 );
   --cnvs-i-color: var(--cnvs-contrast-900);
   --cnvs-i-bg-color: transparent;
 }
 
 /* Icon Size - Small
 -----------------------------------------------------------------*/
 
 /* Icon Size - Small
 -----------------------------------------------------------------*/
 
 /* Icon Size - Large
 -----------------------------------------------------------------*/
 
 /* Icon Size - Extra Large
 -----------------------------------------------------------------*/
 
 /* Icon Size - Extra Extra Large
 -----------------------------------------------------------------*/
 
 /* Icon Lists
 -----------------------------------------------------------------*/
 .iconlist {
   --cnvs-iconlist-size: 1rem;
   --cnvs-iconlist-color: var(--cnvs-themecolor);
   --cnvs-iconlist-margin: 0.5rem;
   --cnvs-iconlist-gutter: 0.75rem;
   --cnvs-iconlist-offset: 0;
   padding-left: 0;
   margin-left: 0;
   list-style-type: none;
 }
 .iconlist li {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: baseline;
   font-size: var(--cnvs-iconlist-size);
 }
 .iconlist li + li {
   margin-top: var(--cnvs-iconlist-margin);
 }
 .iconlist li > * {
   flex: 1 0 0%;
 }
 .iconlist > li i:first-child,
 .iconlist > li img:first-child {
   position: relative;
   top: var(--cnvs-iconlist-offset);
   text-align: center;
   width: var(--cnvs-iconlist-size);
   height: var(--cnvs-iconlist-size);
   margin-right: var(--cnvs-iconlist-gutter);
   flex: 0 0 auto;
   color: var(--cnvs-iconlist-color);
 }
 .iconlist ul {
   flex: 0 0 auto;
   width: 100%;
   list-style-type: none;
   padding: var(--cnvs-iconlist-margin) 0 var(--cnvs-iconlist-margin) calc(var(--cnvs-iconlist-margin) * 4);
 }
 .iconlist ul li {
   margin-top: var(--cnvs-iconlist-margin);
 }
 
 /*-----------------------------------------------------------------------------------
 
	 Shortcodes: social-icons.scss
 
 -----------------------------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Social Icons
 -----------------------------------------------------------------*/
 
 /* Social Icons - Group
 -----------------------------------------------------------------*/
 [class*=-flex],
 [class*=row] {
   --cnvs-socialicon-gap: 5px;
   --cnvs-socialicon-gap-x: var(--cnvs-socialicon-gap);
   --cnvs-socialicon-gap-y: 0px;
 }
 
 /* Social Icons - Sticky
 -----------------------------------------------------------------*/
 
 /* Social Icons - colors
 -----------------------------------------------------------------*/
 
 /*-----------------------------------------------------------------------------------
 
	 Shortcodes: toggles-accordions.scss
 
 -----------------------------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Toggle
 -----------------------------------------------------------------*/
 .toggle,
 .accordion {
   --cnvs-toggle-base-color:	var(--cnvs-heading-color);
   --cnvs-toggle-font-size:	1rem;
   --cnvs-toggle-border-size:	1px;
   --cnvs-toggle-border-color:	var(--cnvs-contrast-400);
   --cnvs-toggle-border-radius:	4px;
   --cnvs-toggle-bg-color:	var(--cnvs-contrast-100);
   --cnvs-toggle-title-color:	var(--cnvs-heading-color);
   --cnvs-toggle-content-padding: 0.75rem;
   --cnvs-toggle-bottom-margin:	1.5rem;
   display: block;
   position: relative;
   margin-bottom: var(--cnvs-toggle-bottom-margin);
 }
 .toggle-header,
 .accordion-header {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   margin: 0 -5px;
   cursor: pointer;
   color: var(--cnvs-toggle-title-color);
   font-size: var(--cnvs-toggle-font-size);
   font-weight: 700;
 }
 
 .toggle-icon {
   flex: 0 0 auto;
   width: auto;
   max-width: 100%;
   padding: 0 0.375rem;
   text-align: center;
 }
 
 .toggle-icon i,
 .toggle-icon span {
   width: var(--cnvs-toggle-font-size);
 }
 
 .toggle-title {
   flex-basis: 0;
   flex-grow: 1;
   max-width: 100%;
   padding: 0 0.25rem;
 }
 
  .toggle-active .toggle-closed {
   display: none;
 }
 
 .toggle-content,
 .accordion-content {
   display: none;
   position: relative;
   padding: var(--cnvs-toggle-content-padding) 0;
 }
 
 /* Toggle - with Title Background
 -----------------------------------------------------------------*/
 
 /* Toggle - Bordered
 -----------------------------------------------------------------*/
 
 /* Toggle - FAQs
 -----------------------------------------------------------------*/
 .faqs .toggle {
   border-bottom: 1px solid var(--cnvs-toggle-bg-color);
   padding-bottom: 12px;
   margin-bottom: 12px;
 }
 .faqs .toggle-content {
   padding-bottom: 10px;
 }
 
 /* ----------------------------------------------------------------
	 Accordions
 -----------------------------------------------------------------*/
 .accordion {
   --cnvs-accordion-border-size: 1px;
   --cnvs-accordion-border-color: var(--cnvs-contrast-300);
   --cnvs-toggle-content-padding: 0.75rem;
   --cnvs-accordion-content-padding: 1.5rem;
   margin-bottom: 20px;
 }
 .accordion-header {
   padding: var(--cnvs-toggle-content-padding) 0;
   border-top: var(--cnvs-accordion-border-size) dotted var(--cnvs-accordion-border-color);
   cursor: pointer;
 }
 .accordion-header:first-child {
   border-top: none;
 }
 .accordion:not([data-collapsible=true]) .accordion-header.accordion-active {
   cursor: auto;
 }
 .accordion-content {
   padding-top: 0;
   padding-bottom: var(--cnvs-toggle-content-padding);
 }
 
 /* Accordion - with Title Background
 -----------------------------------------------------------------*/
 
 /* Accordion - Bordered
 -----------------------------------------------------------------*/
 
 /* Accordion - Large
 -----------------------------------------------------------------*/
 
 /*-----------------------------------------------------------------------------------
 
	 Shortcodes: tabs.scss
 
 -----------------------------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Tabs
 -----------------------------------------------------------------*/
 .tabs {
   --cnvs-tab-base-color: var(--cnvs-heading-color);
   --cnvs-tab-padding-width: 15px;
   --bs-nav-link-font-size: 1rem;
   --bs-nav-link-font-weight:	400;
   --bs-nav-tabs-border-width: 1px;
   --bs-nav-tabs-border-color: rgba(var(--cnvs-contrast-rgb), 0.075);
   --bs-nav-tabs-link-hover-border-color: transparent;
   --cnvs-tabs-bg-color: var(--cnvs-contrast-bg-offset);
   --cnvs-tabs-active-bg-color: var(--cnvs-contrast-bg);
   --cnvs-tabs-active-color: var(--cnvs-themecolor);
   --cnvs-tab-container-padding: 20px;
   --cnvs-side-tab-width: 200px;
   --cnvs-sidenav-font-size: 1rem;
   --cnvs-sidenav-border: 1px;
   --cnvs-sidenav-radius: 4px;
   --cnvs-sidenav-icon-margin: 6px;
   --cnvs-sidenav-padding-height: 11px;
   --cnvs-sidenav-padding-width: 20px;
   --cnvs-sidenav-border-color: rgba(var(--cnvs-contrast-rgb), 0.1);
   --cnvs-sidenav-font-color: var(--cnvs-heading-color);
   position: relative;
 }
 
 /* Bootstrap Tabs */
 
 /* Tab Icons */
 
 [role=tablist] a.active {
   border-color: var(--cnvs-themecolor);
   background-color: var(--cnvs-themecolor);
   color: var(--cnvs-contrast-0);
 }
 
 /* Tab Bordered */
 
 .canvas-tabs {
   --bs-nav-link-padding-x: 1.5rem;
   --bs-nav-tabs-border-width: 1px;
   --bs-nav-tabs-border-color: rgba(var(--cnvs-contrast-rgb), 0.075);
   --bs-nav-tabs-border-radius: 0;
   --bs-nav-link-color: var(--cnvs-heading-color);
   --bs-nav-link-hover-color: var(--cnvs-heading-color);
   padding: 0 var(--cnvs-tab-padding-width);
 }
 .canvas-tabs .nav-item:first-child .nav-link {
   border-left: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
 }
 .canvas-tabs .nav-link {
   min-height: 41px;
   background-color: var(--cnvs-tabs-bg-color);
   border: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
   border-left: 0;
   transition: none;
 }
 .canvas-tabs .nav-link.active {
   background-color: var(--cnvs-tabs-active-bg-color);
   color: var(--cnvs-tabs-active-color);
   border-bottom: 0;
   padding-bottom: calc(var(--bs-nav-link-padding-y) + 1px);
 }
 .canvas-tabs.flex-column {
   --bs-nav-link-padding-y: .75rem;
   padding: var(--cnvs-tab-padding-width) 0;
   border-bottom: 0;
   border-right: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
 }
 .canvas-tabs.flex-column .nav-link {
   width: 100%;
   text-align: left;
   border-left: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
   margin-bottom: -1px;
   margin-left: calc(var(--bs-nav-tabs-border-width) * 1);
 }
 .canvas-tabs.flex-column .nav-link:hover, .canvas-tabs.flex-column .nav-link:focus {
   isolation: auto;
 }
 .canvas-tabs.flex-column:not(.nav-pills) .nav-link.active {
   border-right-color: transparent;
   padding-bottom: var(--bs-nav-link-padding-y);
 }
 .canvas-tabs.flex-column:last-child .nav-link {
   border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
 }
 @media (max-width: 575.98px) {
   .tabs {
	 flex-direction: column;
	 border-bottom: 0;
	 padding: 0;
   }
   .tabs li .nav-link {
	 width: 100%;
	 text-align: left;
	 margin: 0 0 5px 0;
	 border: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color) !important;
   }
   .tabs li:last-child .nav-link {
	 margin-bottom: 0;
   }
 }
 /*-----------------------------------------------------------------------------------
 
	 Shortcodes: faqs.scss
 
 -----------------------------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 FAQ List
 -----------------------------------------------------------------*/
 
 /*-----------------------------------------------------------------------------------
 
	 Shortcodes: clients.scss
 
 -----------------------------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	 Clients
 -----------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Testimonials
 -----------------------------------------------------------------*/
 /* Testimonials - Grid
 -----------------------------------------------------------------*/
 
 /* Testimonial - Pagination
 -----------------------------------------------------------------*/
 
 /* Testimonial - Full Scroller
 -----------------------------------------------------------------*/
 
 /*-----------------------------------------------------------------------------------
 
	 Shortcodes: team.scss
 
 -----------------------------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Team
 -----------------------------------------------------------------*/
 
 /*-----------------------------------------------------------------------------------
 
	 Shortcodes: pricing.scss
 
 -----------------------------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Pricing Boxes
 -----------------------------------------------------------------*/
 .pricing,
 [class*=pricing-] {
   --cnvs-pricing-base-color:	var(--cnvs-heading-color);
   --cnvs-pricing-background: var(--cnvs-contrast-100);
   --cnvs-pricing-border-size: 1px;
   --cnvs-pricing-border-color: rgba(var(--cnvs-contrast-rgb), 0.075);
   --cnvs-pricing-border-radius: 0.25rem;
   --cnvs-pricing-title-padding: 1rem;
   --cnvs-pricing-title-bg: var(--cnvs-contrast-100);
   --cnvs-pricing-title-border: 1px solid rgba(var(--cnvs-contrast-rgb), 0.075);
   --cnvs-pricing-title-font-size: 1.5rem;
   --cnvs-pricing-title-font-weight: bold;
   --cnvs-pricing-title-font-spacing: 1px;
   --cnvs-pricing-title-font-transform: uppercase;
   --cnvs-pricing-title-font-color: var(--cnvs-heading-color);
   --cnvs-pricing-price-padding: 1.5rem;
   --cnvs-pricing-price-color: var(--cnvs-contrast-900);
   --cnvs-pricing-price-font-size: 4rem;
   --cnvs-pricing-price-bottom-border-width: 100px;
   --cnvs-pricing-price-bottom-border-size: 1px solid rgba(var(--cnvs-contrast-rgb), 0.1);
   --cnvs-pricing-price-currency-icon: 1.74rem;
   --cnvs-pricing-price-month: 0.99354rem;
   --cnvs-pricing-features-padding: 2rem;
   --cnvs-pricing-features-font-padding: 0.375rem;
   --cnvs-pricing-features-font-size: 0.875rem;
   --cnvs-pricing-popular-bg: var(--cnvs-contrast-100);
   --cnvs-pricing-popular-title-padding: 1.25rem;
   --cnvs-pricing-popular-font-color: var(--cnvs-themecolor);
   --cnvs-pricing-popular-title-font-size: 1.5rem;
   --cnvs-pricing-popular-pricing-font-size: 4.5rem;
   --cnvs-pricing-popular-box-shadow: 0 0 8px rgba(var(--cnvs-contrast-rgb), 0.1);
   --cnvs-pricing-minimal-bg: var(--cnvs-contrast-0);
   --cnvs-pricing-extended-padding: 30px;
 }
 
 .pricing {
   position: relative;
   /* Pricing Boxesma
   -----------------------------------------------------------------*/
   /* Pricing Boxes - Title
   -----------------------------------------------------------------*/
   /* Pricing Boxes - Price
   -----------------------------------------------------------------*/
   /* Pricing Boxes - Features
   -----------------------------------------------------------------*/
   /* Pricing Boxes - Action
   -----------------------------------------------------------------*/
   /* Pricing Boxes - Best Price
   -----------------------------------------------------------------*/
   /* Pricing Boxes - Simple
   -----------------------------------------------------------------*/
   /* Pricing Boxes - Minimal
   -----------------------------------------------------------------*/
   /* Pricing Boxes - Extended
   -----------------------------------------------------------------*/
   /* Pricing Boxes - 5 Columns
   -----------------------------------------------------------------*/
 }
 .pricing > [class^=col-] {
   margin-top: 1.25rem;
 }
 .pricing-box {
   position: relative;
   overflow: hidden;
   border: var(--cnvs-pricing-border-size) solid var(--cnvs-pricing-border-color);
   border-radius: var(--cnvs-pricing-border-radius);
   background-color: var(--cnvs-pricing-background);
 }
 .pricing-price {
   position: relative;
   padding: var(--cnvs-pricing-price-padding) 0;
   color: var(--cnvs-pricing-price-color);
   font-size: var(--cnvs-pricing-price-font-size);
   line-height: 1;
 }
 .pricing-features {
   border-top: var(--cnvs-pricing-border-size) solid var(--cnvs-pricing-border-color);
   border-bottom: var(--cnvs-pricing-border-size) solid var(--cnvs-pricing-border-color);
   background-color: var(--cnvs-contrast-100);
   padding: var(--cnvs-pricing-features-padding) 0;
 }
 .pricing-features ul {
   margin: 0;
   list-style: none;
 }
 .pricing-features li {
   padding: var(--cnvs-pricing-features-font-padding) 0;
 }
 .pricing-action {
   padding: calc(var(--cnvs-pricing-title-padding) * 1.25) 0;
 }
 
 /*-----------------------------------------------------------------------------------
 
	 Shortcodes: counter-skills.scss
 
 -----------------------------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Counter
 -----------------------------------------------------------------*/
 .counter {
   --cnvs-counter-font-size: 42px;
   --cnvs-counter-font-weight: 700;
   --cnvs-counter-font-family: var(--cnvs-primary-font);
   --cnvs-counter-caption-size: 1.125rem;
   --cnvs-counter-sm-font-size: 28px;
   --cnvs-counter-lg-font-size: 56px;
   --cnvs-counter-xl-font-size: 64px;
   --cnvs-counter-lined-size: 2px solid var(--cnvs-heading-color);
   --cnvs-counter-lined-width: 15%;
   font-size: var(--cnvs-counter-font-size);
   font-weight: var(--cnvs-counter-font-weight);
   font-family: var(--cnvs-counter-font-family);
 }
 .counter + h5, .counter + .h5 {
   font-weight: 400;
   text-transform: uppercase;
   letter-spacing: 1px;
 }
 .widget .counter + h5, .widget .counter + .h5 {
   opacity: 0.7;
 }
 
 /* ----------------------------------------------------------------
	 Animated Rounded Skills
 -----------------------------------------------------------------*/
 .rounded-skill {
   --cnvs-rounded-skills-font-size: 1.25rem;
   --cnvs-rounded-skills-font-color: var(--cnvs-heading-color);
   --cnvs-rounded-skills-icon-size: 42px;
   display: inline-block;
   margin: 0 15px 15px;
   display: inline-block;
   position: relative;
   text-align: center;
   font-size: var(--cnvs-rounded-skills-font-size);
   font-weight: bold;
   color: var(--cnvs-rounded-skills-font-color);
   transition: opacity 0.4s ease;
   /* News Carousel Overlays
   -----------------------------------------------------------------*/
 }
 @media (prefers-reduced-motion: reduce) {
   .rounded-skill {
	 transition: none;
   }
 }
 .rounded-skill + h5, .rounded-skill + .h5 {
   margin-bottom: 0;
 }
 .rounded-skill i {
   font-size: var(--cnvs-rounded-skills-icon-size);
 }
 .rounded-skill canvas {
   position: absolute;
   top: 0;
   left: 0;
 }
 
 /* ----------------------------------------------------------------
	 Skills Bar
 -----------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Skills Bar
 -----------------------------------------------------------------*/
 .skill-progress {
   --cnvs-progress-height: 10px;
   --cnvs-progress-color: var(--cnvs-themecolor);
   --cnvs-progress-trackcolor: var(--cnvs-contrast-100);
   --cnvs-progress-rounded: 0.25rem;
   --cnvs-progress-speed: 1.1s;
 }
 .skill-progress + .skill-progress {
   margin-top: 1rem;
 }
 .skill-progress-percent {
   position: absolute;
   width: 0;
   height: 100%;
   top: 0;
   left: 0;
   background-color: var(--cnvs-progress-color);
   border-radius: var(--cnvs-progress-rounded);
   transition-property: width, height;
   transition-duration: var(--cnvs-progress-speed);
   transition-timing-function: ease;
 }
 .skill-progress-vertical {
   --cnvs-progress-width: 50px;
   --cnvs-progress-height: 300px;
 }
 .skill-progress-vertical .skill-progress-percent {
   width: 100%;
   height: 0;
   top: auto;
   bottom: 0;
 }
 
 /*-----------------------------------------------------------------------------------
 
	 Shortcodes: carousels.scss
 
 -----------------------------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Owl Carousel CSS
 -----------------------------------------------------------------*/
 @keyframes fadeout {
   0% {
	 opacity: 1;
   }
   100% {
	 opacity: 0;
   }
 }
 .owl-height {
   transition: height 500ms ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
   .owl-height {
	 transition: none;
   }
 }
 
 /* Owl Carousel - Controls
 -----------------------------------------------------------------*/
 
 /* Owl Carousel - Controls - Arrows
 -----------------------------------------------------------------*/
 
 .slider-element .owl-nav [class*=owl-] {
   margin-top: -30px;
   left: 0 !important;
   height: calc(var(--cnvs-owl-full-nav-sizes) * 2.143);
   line-height: calc(var(--cnvs-owl-full-nav-sizes) * 2.143);
   border: none;
   color: var(--cnvs-owl-full-nav-color);
   background-color: var(--cnvs-owl-full-nav-bgcolor);
   font-size: var(--cnvs-owl-full-nav-sizes);
   border-radius: 0 var(--cnvs-owl-full-nav-border-radius) var(--cnvs-owl-full-nav-border-radius) 0;
 }
 
 .slider-element .owl-nav .owl-next {
   left: auto !important;
   right: 0 !important;
   border-radius: var(--cnvs-owl-full-nav-border-radius) 0 0 var(--cnvs-owl-full-nav-border-radius);
 }
 
 /* Owl Carousel - Controls - Dots
 -----------------------------------------------------------------*/
 
 /* Owl Carousel - Controls - Dots - Positions
 -----------------------------------------------------------------*/
 
 /* Owl Carousel - Controls - Dots - Sizes
 -----------------------------------------------------------------*/
 
 /* Owl Carousel - Controls - Dots - Border
 -----------------------------------------------------------------*/
 
 /* Owl Carousel - Controls - Dots - square
 -----------------------------------------------------------------*/
 
 /* Owl Carousel - Controls - Dots - square
 -----------------------------------------------------------------*/
 
 /* Owl Carousel - Controls - Dots - Dashed
 -----------------------------------------------------------------*/
 
 /* Owl Carousel - Controls - Dots - Numbers
 -----------------------------------------------------------------*/
 
 /* Owl Carousel - Controls - Arrows - Sizes
 -----------------------------------------------------------------*/
 
 .slider-element .owl-nav .owl-next {
   left: auto !important;
   right: 0 !important;
 }
 
 .slider-element .owl-nav [class*=owl-] {
   margin-top: -30px;
   height: calc(var(--cnvs-owl-nav-sizes) * 1.6666666667);
   line-height: calc(var(--cnvs-owl-nav-sizes) * 1.6666666667);
   font-size: calc(var(--cnvs-owl-nav-sizes) * 1.6666666667 / 2);
 }
 
 /* ----------------------------------------------------------------
 
	 Flip Cards
 
 -----------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Flip Cards
 -----------------------------------------------------------------*/
 
 /*-----------------------------------------------------------------------------------
 
	 Shortcodes: headings.scss
 
 -----------------------------------------------------------------------------------*/
 /* Titular
 -----------------------------------------------------------------*/
 
 /* Block Titles
 -----------------------------------------------------------------*/
 
 /* Heading Block - with Subtitle
 -----------------------------------------------------------------*/
 
 /* Emphasis Title
 -----------------------------------------------------------------*/
 
 /* Justify Border Title
 -----------------------------------------------------------------*/
 
 /* Fancy Title - Center Align
 -----------------------------------------------------------------*/
 
 /* Fancy Title - Right Align
 -----------------------------------------------------------------*/
 
 /* Fancy Title - Bottom Short Border
 -----------------------------------------------------------------*/
 
 /* Sub Heading
 -----------------------------------------------------------------*/
 :root {
   --cnvs-before-heading-font-size: 1rem;
   --cnvs-before-heading-font-weight: 400;
   --cnvs-before-heading-font-family: var(--cnvs-secondary-font);
   --cnvs-before-heading-ls: 0px;
   --cnvs-before-heading-tt: none;
   --cnvs-before-heading-fst: normal;
   --cnvs-before-heading-color: var(--cnvs-contrast-600);
   --cnvs-before-heading-margin-bottom: 0.25rem;
 }
 
 /*-----------------------------------------------------------------------------------
 
	 Shortcodes: dividers.scss
 
 -----------------------------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Divider
 -----------------------------------------------------------------*/
 
 /*-----------------------------------------------------------------------------------
 
	 Shortcodes: misc.scss
 
 -----------------------------------------------------------------------------------*/
 /* Infinity Scroll - Message Style
 -----------------------------------------------------------------*/
 
 #portfolio-ajax-loader {
   --cnvs-ajax-loader-size: 48px;
   position: fixed;
   z-index: 20;
   top: 50%;
   left: 50%;
   width: var(--cnvs-ajax-loader-size);
   height: var(--cnvs-ajax-loader-size);
   margin: calc(-1 * var(--cnvs-ajax-loader-size)) 0 0 calc(-1 * var(--cnvs-ajax-loader-size));
   background-color: rgba(0, 0, 0, 0.7);
   border-radius: 3px;
   line-height: var(--cnvs-ajax-loader-size);
   font-size: 1.5rem;
   color: #fff;
   text-align: center;
 }
 
 #portfolio-ajax-loader img {
   display: none;
   width: var(--cnvs-ajax-loader-size);
   height: var(--cnvs-ajax-loader-size);
   margin: 12px;
 }
 
 #portfolio-ajax-loader {
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   margin: 0;
   background-color: rgba(255, 255, 255, 0.7);
   border-radius: 0;
   opacity: 0;
   z-index: -1;
   pointer-events: none;
   transition: all 0.3s ease;
 }
 #portfolio-ajax-loader img {
   display: block;
 }
 
 #portfolio-ajax-loader.loader-overlay-display {
   opacity: 1;
   z-index: 9999;
 }
 
 .portfolio-ajax-trigger > i:nth-child(1), .portfolio-ajax-loading .portfolio-ajax-trigger > i:nth-child(2) {
   display: block;
 }
 .portfolio-ajax-loading .portfolio-ajax-trigger > i:nth-child(1),
 .portfolio-ajax-trigger > i:nth-child(2) {
   display: none;
 }
 
 /* ----------------------------------------------------------------
	 Quotes & Blockquotes
 -----------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	 Cascading Images
 -----------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	 Hover 3D
 -----------------------------------------------------------------*/
 .hover-3d {
   --cnvs-hover-3d-duration: .2s;
   --cnvs-hover-3d-easing: linear;
   display: block;
   transition: all var(--cnvs-hover-3d-duration) var(--cnvs-hover-3d-easing);
 }
 
 /* ----------------------------------------------------------------
	 Scroll Effects
 -----------------------------------------------------------------*/
 .text-splitter.scroll-detect span {
   opacity: calc(0.1 + 1 * var(--cnvs-scroll-percent));
   transform: rotateX(20deg);
   transition: all 0.3s ease;
   transition-delay: 0s;
 }
 .text-splitter.scroll-detect.scroll-detect-inview span {
   transform: rotateX(0);
   transition-delay: calc(0.04s * var(--cnvs-split-index));
 }
 
 /* ----------------------------------------------------------------
	 Dropcaps & Highlights
 -----------------------------------------------------------------*/
 
 .highlight {
   padding: 2px 5px;
   background-color: #444;
   color: #fff;
   border-radius: 2px;
 }
 
 /* ----------------------------------------------------------------
	 Text Rotater
 -----------------------------------------------------------------*/
 .text-rotater .t-rotate {
   display: none;
 }
 .text-rotater .t-rotate.morphext, .text-rotater .t-rotate.plugin-typed-init {
   display: inherit;
 }
 
 .typed-cursor {
   font-weight: 400;
 }
 
 .text-rotater > .t-rotate > .animated {
   display: inline-block;
 }
 
 /* ----------------------------------------------------------------
	 Underliner
 -----------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	 Overlays
 -----------------------------------------------------------------*/
 .bg-overlay {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   overflow: hidden;
 }
 
 .bg-overlay {
   z-index: 5;
 }
 .bg-overlay [data-hover-animate]:not(.animated) {
   opacity: 0;
 }
 
 /* ----------------------------------------------------------------
	 Google Maps
 -----------------------------------------------------------------*/
 .gmap {
   position: relative;
   width: 100%;
   height: 450px;
 }
 .gmap img {
   max-width: none !important;
 }
 
 /* ----------------------------------------------------------------
	 Google Custom Search
 -----------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	 Magazine Specific Classes
 -----------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	 Go To Top
 -----------------------------------------------------------------*/
 #gotoTop {
   --cnvs-gotoTop-size: 2.5rem;
   --cnvs-gotoTop-bg: rgba(0, 0, 0, 0.3);
   --cnvs-gotoTop-icon-size: 1.5rem;
   --cnvs-gotoTop-icon-color: #fff;
   --cnvs-gotoTop-position-boxed-right: 30px;
   --cnvs-gotoTop-position-boxed-bottom: 50px;
   --cnvs-gotoTop-position-botom: 30px;
   --cnvs-gotoTop-border-radius: 2px;
   --cnvs-gotoTop-hover-color: var(--cnvs-themecolor);
   z-index: -999;
   position: fixed;
   width: var(--cnvs-gotoTop-size);
   height: var(--cnvs-gotoTop-size);
   line-height: var(--cnvs-gotoTop-size);
   background-color: var(--cnvs-gotoTop-bg);
   font-size: var(--cnvs-gotoTop-icon-size);
   text-align: center;
   color: var(--cnvs-gotoTop-icon-color);
   top: auto;
   left: auto;
   right: var(--cnvs-gotoTop-position-boxed-right);
   bottom: var(--cnvs-gotoTop-position-boxed-bottom);
   cursor: pointer;
   border-radius: var(--cnvs-gotoTop-border-radius);
   opacity: 0;
   transition: background-color 0.2s linear, opacity 0.4s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   #gotoTop {
	 transition: none;
   }
 }
 .gototop-active #gotoTop {
   z-index: 599;
   opacity: 1;
 }
 .stretched #gotoTop {
   right: var(--cnvs-gotoTop-position-boxed-right);
   bottom: var(--cnvs-gotoTop-position-boxed-bottom);
 }
 #gotoTop:hover {
   background-color: var(--cnvs-gotoTop-hover-color);
 }
 
 /* ----------------------------------------------------------------
	 Read More
 -----------------------------------------------------------------*/
 .read-more-wrap {
   position: relative;
   overflow: hidden;
   transition: height 0.5s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   .read-more-wrap {
	 transition: none;
   }
 }
 .read-more-mask {
   position: absolute;
   z-index: 9;
   top: auto;
   bottom: 0;
   left: 0;
   width: 100%;
   min-height: 60px;
   height: 35%;
   background-image: linear-gradient(rgba(255, 255, 255, 0), white);
 }
 .dark .read-more-mask {
   background-image: linear-gradient(rgba(var(--bs-dark-rgb), 0), rgb(var(--bs-dark-rgb)));
 }
 .read-more-trigger {
   transition: all 0.5s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   .read-more-trigger {
	 transition: none;
   }
 }
 .read-more-trigger i {
   position: relative;
   top: 1px;
   margin-left: 3px;
 }
 .read-more-wrap .read-more-trigger {
   position: absolute;
   display: block;
   z-index: 10;
   top: auto;
   bottom: 5px;
   left: 4px;
   margin: 0;
 }
 
 /* ----------------------------------------------------------------
	 GDPR Settings
 -----------------------------------------------------------------*/
 .gdpr-settings {
   --cnvs-gdpr-settings-offset: 1rem;
   --cnvs-gdpr-settings-width: calc(100vw - calc(var(--cnvs-gdpr-settings-offset) * 2));
   --cnvs-gdpr-settings-height: 60vh;
   --cnvs-gdpr-settings-spacing: 3rem;
   position: fixed;
   max-width: var(--cnvs-gdpr-settings-width);
   max-height: var(--cnvs-gdpr-settings-height);
   overflow-y: auto;
   margin-bottom: var(--cnvs-gdpr-settings-offset);
   border-radius: 0.25rem;
   top: auto;
   bottom: 0;
   left: var(--cnvs-gdpr-settings-offset);
   right: var(--cnvs-gdpr-settings-offset);
   opacity: 0;
   padding: var(--cnvs-gdpr-settings-spacing);
   z-index: 999;
   background-color: var(--cnvs-contrast-100);
   transition: all 0.3s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   .gdpr-settings {
	 transition: none;
   }
 }
 .gdpr-settings-sm {
   --cnvs-gdpr-settings-width: 30rem;
   margin-right: var(--cnvs-gdpr-settings-offset);
 }
 .gdpr-settings-sm.gdpr-settings-right {
   left: auto;
   right: var(--cnvs-gdpr-settings-offset);
   margin-right: 0;
   margin-left: var(--cnvs-gdpr-settings-offset);
 }
 @media (min-width: 768px) {
   .gdpr-settings {
	 max-height: none;
	 overflow: auto;
   }
 }
 
 .gdpr-container {
   position: relative;
   height: auto;
 }
 .gdpr-container:not(.gdpr-content-active) {
   min-height: 250px;
 }
 .gdpr-container.gdpr-content-active {
   min-height: 0 !important;
 }
 
 /* ----------------------------------------------------------------
	 Error 404
 -----------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	 Landing Pages
 -----------------------------------------------------------------*/
 
 /* Navigation Tree
 -----------------------------------------------------------------*/
 .nav-tree {
   position: relative;
   margin-bottom: 1.5rem;
 }
 .nav-tree ul {
   margin-bottom: 0;
   list-style: none;
 }
 .nav-tree ul ul {
   display: none;
 }
 .nav-tree ul ul a {
   padding: 6px 0;
   font-family: "Inter", sans-serif;
   padding-left: 20px;
 }
 .nav-tree ul ul ul a {
   padding-left: 40px;
 }
 .nav-tree ul ul ul ul a {
   padding-left: 60px;
 }
 .nav-tree ul ul ul ul ul a {
   padding-left: 80px;
 }
 .nav-tree > ul {
   margin: -8px 0;
 }
 .nav-tree li {
   position: relative;
 }
 .nav-tree li a {
   display: block;
   padding: 8px 0;
   color: var(--cnvs-heading-color);
   font-size: 1rem;
   font-family: var(--cnvs-primary-font);
   transition: transform;
 }
 .nav-tree li li a {
   font-size: calc(1rem - 2px);
 }
 .nav-tree li i {
   width: 16px;
   text-align: center;
 }
 .nav-tree li i:not(.sub-menu-indicator) {
   margin-right: 0.5rem;
   position: relative;
 }
 .nav-tree li i.sub-menu-indicator {
   font-size: calc(1rem * 0.85);
   width: auto;
   margin-left: 0.5rem;
   margin-right: 0;
   transition: transform 0.3s ease;
 }
 .nav-tree li:hover > a, .nav-tree li.current > a, .nav-tree li.active > a {
   color: var(--cnvs-themecolor) !important;
 }
 .nav-tree li.active > a .sub-menu-indicator {
   transform: rotate(90deg);
 }
 .nav-tree li.current > ul {
   display: block;
 }
 
 /* ----------------------------------------------------------------
	 Wedding
 -----------------------------------------------------------------*/
 
 /* --------------------------------------------------------------
	 SWITCH
 --------------------------------------------------------------  */
 
 /* --------------------------------------------------------------
	 SWITCH 1 - ROUND
 ----------------------------------------------------------------- */
 .switch {
   --cnvs-switch-width: 60px;
   --cnvs-switch-spacing: 1px;
   --cnvs-switch-bg: var(--cnvs-contrast-300);
   --cnvs-switch-active-bg: var(--cnvs-themecolor);
 }
 
 /* -----------------------------------------------------------
	 SWITCH 2 - ROUND FLAT
 -------------------------------------------------------------- */
 
 .switch input[type=checkbox].error + label {
   border: 1px solid var(--bs-danger);
 }
 
 .switch input[type=checkbox].error + label::before {
   background-color: rgba(var(--bs-danger-rgb), 0.1);
 }
 
 /* -----------------------------------------------------------
	 Tour Driver
 -------------------------------------------------------------- */
 @keyframes pulsate {
   0% {
	 opacity: 0;
	 transform: scale(1);
   }
   50% {
	 opacity: 0.3;
   }
   100% {
	 opacity: 0;
	 transform: scale(2.5);
   }
 }
 /* ----------------------------------------------------------------------------
	 Canvas Cursor
 ---------------------------------------------------------------------------- */
 .cnvs-cursor {
   --cnvs-cursor-size: 0.75rem;
   --cnvs-cursor-bg: var(--cnvs-themecolor);
   --cnvs-cursor-opacity: 0.15;
   --cnvs-cursor-border-opacity: 1;
   --cnvs-cursor-action-size: 4rem;
   --cnvs-cursor-action-bg: var(--cnvs-themecolor);
   --cnvs-cursor-action-opacity: 0.35;
   pointer-events: none;
   position: fixed;
   top: 0;
   left: 0;
   transform: translate3d(0, 0, 0);
   z-index: 999999;
   transition: transform 0.05s ease;
 }
 .cnvs-cursor-follower, .cnvs-cursor-dot {
   width: var(--cnvs-cursor-size);
   height: var(--cnvs-cursor-size);
   background: var(--cnvs-cursor-bg);
   opacity: var(--cnvs-cursor-opacity);
   border-radius: 50%;
   transition: 0.25s ease;
   transition-property: all;
   position: fixed;
   top: 0;
   left: 0;
   transform: translate(-50%, -50%);
   transform-origin: center center;
 }
 .cnvs-cursor-dot {
   --cnvs-cursor-size: 0.25rem;
   border: 0;
 }
 .cnvs-cursor.cnvs-cursor-action {
   --cnvs-cursor-size: var(--cnvs-cursor-action-size);
   --cnvs-cursor-bg: var(--cnvs-cursor-action-bg);
   --cnvs-cursor-opacity: var(--cnvs-cursor-action-opacity);
 }
 .cnvs-cursor.cnvs-cursor-action .cnvs-cursor-follower {
   border-color: transparent;
 }
 .cnvs-cursor.cnvs-cursor-disabled {
   width: 0px !important;
   height: 0px !important;
   opacity: 0 !important;
 }
 
 /* ----------------------------------------------------------------------------
	 Grid Border
 ---------------------------------------------------------------------------- */
 
 /* -----------------------------------------------------------
	 Media Actions
 -------------------------------------------------------------- */
 .media-wrap:not(.media-is-playing) .media-trigger-volume {
   display: none !important;
 }
 
 /* -----------------------------------------------------------
	 App Menu
 -------------------------------------------------------------- */
 .app-menu {
   --cnvs-app-menu-height: 70px;
   --cnvs-app-menu-icon-size: 1.25rem;
   --cnvs-app-menu-color: var(--cnvs-contrast-1000);
   --cnvs-app-menu-bg-color: var(--cnvs-contrast-100);
   --cnvs-app-menu-item-active-bg: var(--cnvs-contrast-rgb);
   position: fixed;
   top: auto;
   bottom: 0;
   left: 0;
   width: 100%;
   height: auto;
   background: var(--cnvs-app-menu-bg-color);
   border-top: 1px solid rgba(var(--cnvs-app-menu-item-active-bg), 0.1);
   z-index: 999;
 }
 
 /* -----------------------------------------------------------
	 Circle Stack
 -------------------------------------------------------------- */
 
 /* -----------------------------------------------------------
	 Ticker
 -------------------------------------------------------------- */
 @keyframes tickerAnim {
   0% {
	 transform: translate3d(0, 0, 0);
	 visibility: visible;
   }
   100% {
	 transform: translate3d(-100%, 0, 0);
   }
 }
 @keyframes tickerAnimReverse {
   0% {
	 transform: translate3d(-100%, 0, 0);
	 visibility: visible;
   }
   100% {
	 transform: translate3d(0, 0, 0);
   }
 }
 
 /*-----------------------------------------------------------------------------------
 
	 Shortcodes: Forms.scss
 
 -----------------------------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Forms
 -----------------------------------------------------------------*/
 :root,
 .not-dark {
   --cnvs-form-processor-bg: #fff;
   --cnvs-input-btn-input-color: var(--bs-body-color);
   --cnvs-input-btn-input-bg: var(--bs-body-bg);
   --cnvs-input-btn-border-color: var(--bs-border-color);
   --cnvs-input-label-mb: 0.5rem;
   --cnvs-form-label-font-weight: 500;
   --cnvs-form-label-error: var(--bs-danger);
 }
 
 form {
   --cnvs-form-processor-bg: #fff;
   --cnvs-form-processor-bg-op: 0.7;
   --cnvs-form-group-margin: 1.25rem;
 }
 form .form-group {
   margin-bottom: var(--cnvs-form-group-margin);
 }
 
 label {
   margin-bottom: var(--cnvs-input-label-mb);
   font-weight: var(--cnvs-form-label-font-weight);
 }
 label.error {
   display: none !important;
   margin-top: 5px;
   color: var(--cnvs-form-label-error);
   font-weight: 400;
 }
  input[type=checkbox]:not(:checked) + label.error {
   display: block !important;
 }
 
 [data-condition]:not(.condition-fulfilled) {
   display: none !important;
 }
 
 /* ----------------------------------------------------------------
	 Contact Form
 -----------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	 Preloaders
 -----------------------------------------------------------------*/
 .preloader, .form-process {
   display: block;
   width: 100%;
   height: 100%;
   background: center center no-repeat var(--cnvs-input-btn-input-bg);
 }
 
 .form-process {
   display: none;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 3;
   background-color: transparent;
 }
 .form-process::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: var(--cnvs-form-processor-bg);
   opacity: var(--cnvs-form-processor-bg-op);
   z-index: -1;
 }
 
 /* ----------------------------------------------------------------
 
	 footer.scss
 
 -----------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Footer
 -----------------------------------------------------------------*/
 #footer {
   --cnvs-footer-top-border: 5px solid rgba(var(--cnvs-contrast-rgb), 0.15);
   --cnvs-copyrights-link-color: var(--cnvs-contrast-500);
   position: relative;
   background-color: var(--cnvs-footer-bg);
   border-top: var(--cnvs-footer-top-border);
 }
 
 @media (min-width: 992px) {
   .sticky-footer #slider:not(.slider-parallax-invisible),
   .sticky-footer #content {
	 z-index: 2;
   }
   .sticky-footer #footer {
	 position: sticky;
	 top: auto;
	 bottom: 0;
	 left: 0;
   }
 }
 #footer .footer-widgets-wrap {
   position: relative;
   padding: var(--cnvs-content-padding) 0;
 }
 
 #copyrights {
   padding: calc(var(--cnvs-content-padding) * 0.5) 0;
   background-color: var(--cnvs-contrast-300);
   font-size: var(--cnvs-copyrights-font-size);
   line-height: var(--cnvs-line-height-content);
 }
 
 .copyright-links {
   margin-top: 0.5rem;
   color: var(--cnvs-copyrights-link-color);
 }
 .copyright-links a {
   display: inline-block;
   margin: 0 0.25rem;
   color: var(--cnvs-copyrights-link-color);
   border-bottom: 1px dotted var(--cnvs-copyrights-link-color);
 }
 .copyright-links a:hover {
   opacity: 0.91;
 }
 .copyright-links a:first-child {
   margin-left: 0;
 }
 
 /* ----------------------------------------------------------------
 
	 widgets.scss
 
 -----------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Widgets
 -----------------------------------------------------------------*/
 :root,
 .not-dark {
   --cnvs-widget-border: 1px solid rgba(var(--cnvs-contrast-rgb), 0.1);
 }
 
 .widget {
   --cnvs-widget-border: 1px solid rgba(var(--cnvs-contrast-rgb), 0.1);
   --cnvs-widget-margin: 3rem;
   --cnvs-widget-title-margin: 1.5rem;
   --cnvs-widget-title-font-size: 0.9325rem;
   --cnvs-widget-title-font-weight: 600;
   --cnvs-widget-title-letter-spacing: 1px;
   --cnvs-widget-title-text-transform: uppercase;
   position: relative;
   margin-top: var(--cnvs-widget-margin);
   /* Widget - Links
   -----------------------------------------------------------------*/
   /* Widget - Testimonial & Twitter
   -----------------------------------------------------------------*/
 }
 .widget p {
   line-height: 1.7;
 }
 .widget:first-child {
   margin-top: 0;
 }
 .widget > h4, .widget > .h4 {
   margin-bottom: var(--cnvs-widget-title-margin);
   font-size: var(--cnvs-widget-title-font-size);
   font-weight: var(--cnvs-widget-title-font-weight);
   letter-spacing: var(--cnvs-widget-title-letter-spacing);
   text-transform: var(--cnvs-widget-title-text-transform);
 }
  .widget_links ul,
 .widget_links li {
   list-style: none;
   margin: 0;
 }
  .widget_links li {
   display: flex;
   padding: 0.25rem 0;
   font-size: 1rem;
 }
  .widget_links li a {
   display: inline-block;
   padding: 0 0.25rem 0 0.75rem;
   border: none !important;
   color: var(--cnvs-heading-color);
 }
  .widget_links li a:hover {
   color: var(--cnvs-themecolor);
 }
  .widget_links:not(.widget-li-noicon) li::before {
   content: "\f231";
   font-family: "bootstrap-icons";
   display: inline-flex;
   align-self: center;
   justify-self: center;
   position: relative;
   font-size: 0.75rem;
   line-height: inherit;
   left: 0;
 }
  .widget_links.widget-li-noicon li a {
   padding-left: 0;
 }
  .widget_links > ul {
   margin-top: -4px !important;
 }
  .widget_links > ul > li:first-child {
   border-top: 0 !important;
 }
  .widget_links ul ul {
   margin-left: 1rem;
 }
 /* Widget - Quick Contact Form
 -----------------------------------------------------------------*/
 
 /* Newsletter Widget
 -----------------------------------------------------------------*/
 .subscribe-widget h5, .subscribe-widget .h5 {
   font-weight: 300;
   font-size: 0.875rem;
   line-height: 1.5;
 }
 
 /* Twitter Feed Widget
 -----------------------------------------------------------------*/
 
 /* Widget Filter Links
 -----------------------------------------------------------------*/
 
 /* Tag Cloud
 -----------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
 
	 Paginations.scss
 
 -----------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Styled Paginations
 -----------------------------------------------------------------*/
 :root,
 .not-dark {
   --cnvs-pagination-circle-size: 35px;
   --cnvs-pagination-margin: 5px;
   --bs-pagination-hover-color: var(--cnvs-contrast-0);
 }
 
 .pagination {
   --bs-pagination-color: var(--cnvs-themecolor);
   --bs-pagination-hover-bg: var(--cnvs-themecolor);
   --bs-pagination-hover-color: var(--cnvs-contrast-0);
   --bs-pagination-hover-border-color: var(--bs-pagination-hover-bg);
   --bs-pagination-active-bg: var(--bs-pagination-hover-bg);
   --bs-pagination-active-border-color: var(--bs-pagination-hover-border-color);
   /* Pagination Rounded */
   /* Pagination Margins */
   /* Pagination 3d */
   /* Pagination Transparent */
   /* Pagination Transparent */
   /* Pagination Inside Transparent */
   /* Pagination Button */
   /* Pagination Pill */
   /* Pagination light */
 }
 .pagination:not(.pagination-circle):not(.pagination-rounded) .page-item:not(:first-child):not(:last-child) {
   --bs-pagination-border-radius: 0;
 }
 .pagination:not(.pagination-circle):not(.pagination-rounded) .page-item:first-child .page-link {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 .pagination:not(.pagination-circle):not(.pagination-rounded) .page-item:last-child .page-link {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
 
 /* ----------------------------------------------------------------
	 extras.scss
 -----------------------------------------------------------------*/
 /* ----------------------------------------------------------------
	 Bootstrap Specific
 -----------------------------------------------------------------*/
 .table .success {
   color: var(--bs-success);
 }
 .table .info {
   color: var(--bs-info);
 }
 .table .warning {
   color: var(--bs-warning);
 }
 
 ul:not(.pagination) .page-link, ul:not(.pagination) .page-link:hover, ul:not(.pagination) .page-link:focus {
   color: var(--cnvs-themecolor);
 }
 
 ul:not(.pagination) .page-item.active .page-link,
 ul:not(.pagination) .page-link:hover,
 ul:not(.pagination) .page-link:focus {
   color: var(--cnvs-contrast-0) !important;
   background-color: var(--cnvs-themecolor) !important;
   border-color: var(--cnvs-themecolor) !important;
 }
 
 label.radio, label.checkbox {
   padding-left: 20px;
 }
 
 /* ----------------------------------------------------------------
	 Shape Dividers
 -----------------------------------------------------------------*/
 .shape-divider {
   position: absolute;
   top: -1px;
   left: 0;
   width: 100%;
   overflow: hidden;
   z-index: 1;
 }
 .shape-divider[data-position=bottom] {
   top: auto;
   bottom: -1px;
 }
 .shape-divider svg {
   position: relative;
   width: 100%;
   width: calc(100% + 1.3px);
   height: 50px;
   left: 50%;
   transform: translateX(-50%);
   opacity: 0;
 }
 .shape-divider[data-position=bottom] {
   transform: rotate(180deg);
 }
 .shape-divider-fill {
   fill: var(--cnvs-body-bg);
   transform-origin: center;
   transform: rotateY(0deg);
 }
 
 /* ----------------------------------------------------------------
	 HTML5 Youtube Video Backgrounds
 -----------------------------------------------------------------*/
 
 .mbYTP_wrapper iframe {
   max-width: 4000px !important;
 }
 
 /* ----------------------------------------------------------------
	 Datepicker Component
 -----------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	 Star Ratings Component
 -----------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	 Custom Animate.css Styles
 -----------------------------------------------------------------*/
 @keyframes fadeInDownSmall {
   from {
	 opacity: 0;
	 transform: translate3d(0, -50%, 0);
   }
   to {
	 opacity: 1;
	 transform: translate3d(0, 0, 0);
   }
 }
 @keyframes fadeInLeftSmall {
   from {
	 opacity: 0;
	 transform: translate3d(-50%, 0, 0);
   }
   to {
	 opacity: 1;
	 transform: translate3d(0, 0, 0);
   }
 }
 @keyframes fadeInRightSmall {
   from {
	 opacity: 0;
	 transform: translate3d(50%, 0, 0);
   }
   to {
	 opacity: 1;
	 transform: translate3d(0, 0, 0);
   }
 }
 @keyframes fadeInUpSmall {
   from {
	 opacity: 0;
	 transform: translate3d(0, 50%, 0);
   }
   to {
	 opacity: 1;
	 transform: translate3d(0, 0, 0);
   }
 }
 @keyframes fadeOutDownSmall {
   from {
	 opacity: 1;
   }
   to {
	 opacity: 0;
	 transform: translate3d(0, 50%, 0);
   }
 }
 @keyframes fadeOutLeftSmall {
   from {
	 opacity: 1;
   }
   to {
	 opacity: 0;
	 transform: translate3d(-50%, 0, 0);
   }
 }
 @keyframes fadeOutRightSmall {
   from {
	 opacity: 1;
   }
   to {
	 opacity: 0;
	 transform: translate3d(50%, 0, 0);
   }
 }
 @keyframes fadeOutUpSmall {
   from {
	 opacity: 1;
   }
   to {
	 opacity: 0;
	 transform: translate3d(0, -50%, 0);
   }
 }
 
 /* ----------------------------------------------------------------
 
	 pageloaders.scss
 
 -----------------------------------------------------------------*/
 :root,
 .not-dark {
   --cnvs-loader-color: var(--cnvs-contrast-300);
 }
 
 /* ----------------------------------------------------------------
	 Page Transitions
 -----------------------------------------------------------------*/
 .page-transition #wrapper:not(.animated) {
   position: relative;
   opacity: 0;
 }
 .page-transition #wrapper.animated {
   animation-fill-mode: both;
 }
 
 .page-transition-wrap, .css3-spinner {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 1000;
   text-align: center;
   background-color: var(--cnvs-body-bg);
   animation-fill-mode: both;
   -webkit-perspective: 1000;
 }
 
 .css3-spinner {
   --cnvs-loader-color: var(--cnvs-contrast-300);
   position: relative;
   z-index: auto;
   background-color: transparent;
   display: flex;
   justify-content: center;
   align-items: center;
 }
 .css3-spinner > div {
   --cnvs-loader-width: auto;
   --cnvs-loader-height: var(--cnvs-loader-width);
   --cnvs-loader-gutters: 0;
   --cnvs-loader-radius: 100%;
   width: var(--cnvs-loader-width);
   height: var(--cnvs-loader-height);
   margin: 0 var(--cnvs-loader-gutters);
   background-color: var(--cnvs-loader-color);
   border-radius: var(--cnvs-loader-radius);
   display: inline-block;
   animation: bouncedelay 1.4s infinite ease-in-out;
   animation-fill-mode: both;
 }
 .css3-spinner > div > div {
   width: var(--cnvs-loader-width);
   height: var(--cnvs-loader-height);
   margin: 0 var(--cnvs-loader-gutters);
   border-radius: var(--cnvs-loader-radius);
 }
 .css3-spinner .css3-spinner-bounce1,
 .css3-spinner .css3-spinner-bounce2,
 .css3-spinner .css3-spinner-bounce3 {
   --cnvs-loader-width: 18px;
   --cnvs-loader-gutters: 3px;
 }
 .css3-spinner .css3-spinner-bounce1 {
   animation-delay: -0.32s;
 }
 .css3-spinner .css3-spinner-bounce2 {
   animation-delay: -0.16s;
 }
 @keyframes bouncedelay {
   0%, 80%, 100% {
	 transform: scale(0);
   }
   40% {
	 transform: scale(1);
   }
 }
 .css3-spinner > .css3-spinner-flipper {
   --cnvs-loader-width: 32px;
   --cnvs-loader-radius: 0;
   animation: rotateplane 1.2s infinite ease-in-out;
 }
 @keyframes rotateplane {
   0% {
	 transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	 -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
   }
   50% {
	 transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
	 -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
   }
   100% {
	 transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	 -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
   }
 }
 .css3-spinner > .css3-spinner-double-bounce1, .css3-spinner > .css3-spinner-double-bounce2 {
   --cnvs-loader-width: 40px;
   --cnvs-loader-radius: 50%;
   position: absolute;
   opacity: 0.6;
   animation: cssspinnerbounce 2s infinite ease-in-out;
 }
 .css3-spinner > .css3-spinner-double-bounce2 {
   animation-delay: -1s;
 }
 @keyframes cssspinnerbounce {
   0%, 100% {
	 transform: scale(0);
	 -webkit-transform: scale(0);
   }
   50% {
	 transform: scale(1);
	 -webkit-transform: scale(1);
   }
 }
 .css3-spinner > .css3-spinner-rect1, .css3-spinner > .css3-spinner-rect2, .css3-spinner > .css3-spinner-rect3, .css3-spinner > .css3-spinner-rect4, .css3-spinner > .css3-spinner-rect5 {
   --cnvs-loader-width: 6px;
   --cnvs-loader-height: 30px;
   --cnvs-loader-gutters: 1px;
   --cnvs-loader-radius: 0;
   animation: stretchdelay 1.2s infinite ease-in-out;
 }
 .css3-spinner > .css3-spinner-rect2 {
   animation-delay: -1.1s;
 }
 .css3-spinner > .css3-spinner-rect3 {
   animation-delay: -1s;
 }
 .css3-spinner > .css3-spinner-rect4 {
   animation-delay: -0.9s;
 }
 .css3-spinner > .css3-spinner-rect5 {
   animation-delay: -0.8s;
 }
 @keyframes stretchdelay {
   0%, 40%, 100% {
	 transform: scaleY(0.4);
	 -webkit-transform: scaleY(0.4);
   }
   20% {
	 transform: scaleY(1);
	 -webkit-transform: scaleY(1);
   }
 }
 .css3-spinner > .css3-spinner-cube1, .css3-spinner > .css3-spinner-cube2 {
   --cnvs-loader-width: 16px;
   --cnvs-loader-radius: 0;
   animation: cubemove 1.8s infinite ease-in-out;
 }
 .css3-spinner > .css3-spinner-cube2 {
   animation-delay: -0.9s;
 }
 @keyframes cubemove {
   25% {
	 transform: translateX(42px) rotate(-90deg) scale(0.5);
	 -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
   }
   50% {
	 transform: translateX(42px) translateY(42px) rotate(-179deg);
	 -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
   }
   50.1% {
	 transform: translateX(42px) translateY(42px) rotate(-180deg);
	 -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
   }
   75% {
	 transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
	 -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
   }
   100% {
	 transform: rotate(-360deg);
	 -webkit-transform: rotate(-360deg);
   }
 }
 .css3-spinner > .css3-spinner-scaler {
   --cnvs-loader-width: 40px;
   animation: scaleout 1s infinite ease-in-out;
 }
 @keyframes scaleout {
   0% {
	 transform: scale(0);
	 -webkit-transform: scale(0);
   }
   100% {
	 transform: scale(1);
	 -webkit-transform: scale(1);
	 opacity: 0;
   }
 }
 .css3-spinner > .css3-spinner-grid-pulse {
   --cnvs-loader-width: 48px;
   display: flex;
   flex-wrap: wrap;
   background-color: transparent !important;
   animation: none;
 }
 .css3-spinner-grid-pulse > div {
   --cnvs-loader-width: 12px;
   --cnvs-loader-height: 12px;
   --cnvs-loader-gutters: 2px;
   background-color: var(--cnvs-loader-color);
   max-width: calc(var(--cnvs-loader-width) * 4);
   animation-fill-mode: both;
   display: inline-block;
   animation-name: ball-grid-pulse;
   animation-iteration-count: infinite;
   animation-delay: 0;
 }
 .css3-spinner-grid-pulse > div:nth-child(1) {
   animation-delay: 0.73s;
   animation-duration: 1.3s;
 }
 .css3-spinner-grid-pulse > div:nth-child(2) {
   animation-delay: 0.32s;
   animation-duration: 1.3s;
 }
 .css3-spinner-grid-pulse > div:nth-child(3) {
   animation-delay: 0.71s;
   animation-duration: 0.88s;
 }
 .css3-spinner-grid-pulse > div:nth-child(4) {
   animation-delay: 0.62s;
   animation-duration: 1.06s;
 }
 .css3-spinner-grid-pulse > div:nth-child(5) {
   animation-delay: 0.31s;
   animation-duration: 0.62s;
 }
 .css3-spinner-grid-pulse > div:nth-child(6) {
   animation-delay: -0.14s;
   animation-duration: 1.48s;
 }
 .css3-spinner-grid-pulse > div:nth-child(7) {
   animation-delay: -0.1s;
   animation-duration: 1.47s;
 }
 .css3-spinner-grid-pulse > div:nth-child(8) {
   animation-delay: 0.4s;
   animation-duration: 1.49s;
 }
 .css3-spinner-grid-pulse > div:nth-child(9) {
   animation-delay: 0.73s;
   animation-duration: 0.7s;
 }
 @keyframes ball-grid-pulse {
   0% {
	 transform: scale(1);
   }
   50% {
	 transform: scale(0.5);
	 opacity: 0.7;
   }
   100% {
	 transform: scale(1);
	 opacity: 1;
   }
 }
 .css3-spinner > .css3-spinner-clip-rotate {
   --cnvs-loader-width: 33px;
   background-color: transparent !important;
   animation: none;
 }
 .css3-spinner-clip-rotate > div {
   border-radius: 100%;
   border: 2px solid var(--cnvs-loader-color);
   border-bottom-color: transparent !important;
   background: transparent !important;
   animation: rotate 1s 0s linear infinite;
 }
 @keyframes rotate {
   0% {
	 transform: rotate(0deg) scale(1);
   }
   50% {
	 transform: rotate(180deg) scale(0.6);
   }
   100% {
	 transform: rotate(360deg) scale(1);
   }
 }
 .css3-spinner > .css3-spinner-ball-rotate {
   --cnvs-loader-width: 12px;
   --cnvs-loader-gutters: 10px;
   width: var(--cnvs-loader-width);
   height: var(--cnvs-loader-width);
   background-color: transparent !important;
   animation: ballrotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
   margin: 0;
 }
 .css3-spinner-ball-rotate > div {
   background-color: var(--cnvs-loader-color);
   border-radius: 100%;
   position: relative;
   margin: 0 !important;
 }
 .css3-spinner-ball-rotate > div:nth-child(1), .css3-spinner-ball-rotate > div:nth-child(3) {
   width: var(--cnvs-loader-width);
   height: var(--cnvs-loader-width);
   content: "";
   position: absolute;
   opacity: 0.7;
 }
 .css3-spinner-ball-rotate > div:nth-child(1) {
   top: 0px;
   left: calc(-1 * var(--cnvs-loader-width) - var(--cnvs-loader-gutters));
 }
 .css3-spinner-ball-rotate > div:nth-child(3) {
   top: 0px;
   left: calc(var(--cnvs-loader-width) + var(--cnvs-loader-gutters));
 }
 @keyframes ballrotate {
   0% {
	 transform: rotate(0deg);
   }
   50% {
	 transform: rotate(180deg);
   }
   100% {
	 transform: rotate(360deg);
   }
 }
 .css3-spinner > .css3-spinner-zig-zag {
   --cnvs-loader-width: 12px;
   background-color: transparent !important;
   transform: translate(0px, 0px);
   animation: none;
 }
 .css3-spinner-zig-zag > div {
   background-color: var(--cnvs-loader-color);
   position: absolute;
   animation-fill-mode: both;
 }
 .css3-spinner-zig-zag > div:first-child {
   animation: ball-zig-deflect 1.5s 0s infinite linear;
 }
 .css3-spinner-zig-zag > div:last-child {
   animation: ball-zag-deflect 1.5s 0s infinite linear;
 }
 @keyframes ball-zig-deflect {
   17% {
	 transform: translate(-15px, -30px);
   }
   34% {
	 transform: translate(15px, -30px);
   }
   50% {
	 transform: translate(0, 0);
   }
   67% {
	 transform: translate(15px, -30px);
   }
   84% {
	 transform: translate(-15px, -30px);
   }
   100% {
	 transform: translate(0, 0);
   }
 }
 @keyframes ball-zag-deflect {
   17% {
	 transform: translate(15px, 30px);
   }
   34% {
	 transform: translate(-15px, 30px);
   }
   50% {
	 transform: translate(0, 0);
   }
   67% {
	 transform: translate(-15px, 30px);
   }
   84% {
	 transform: translate(15px, 30px);
   }
   100% {
	 transform: translate(0, 0);
   }
 }
 .css3-spinner > .css3-spinner-ball-scale-multiple {
   --cnvs-loader-width: 60px;
   background-color: transparent !important;
   animation: none;
 }
 .css3-spinner-ball-scale-multiple > div {
   background-color: var(--cnvs-loader-color);
   position: absolute;
   left: calc(50% - var(--cnvs-loader-width) / 2);
   top: calc(50% - var(--cnvs-loader-height) / 2);
   opacity: 0;
   animation: ball-scale-multiple 1.25s 0s linear infinite;
 }
 .css3-spinner-ball-scale-multiple > div:nth-child(2) {
   animation-delay: -0.4s;
 }
 .css3-spinner-ball-scale-multiple > div:nth-child(3) {
   animation-delay: -0.2s;
 }
 @keyframes ball-scale-multiple {
   0% {
	 transform: scale(0);
	 opacity: 0;
   }
   5% {
	 opacity: 1;
   }
   100% {
	 transform: scale(1);
	 opacity: 0;
   }
 }
 .css3-spinner > .css3-spinner-triangle-path {
   --cnvs-loader-width: 10px;
   background-color: transparent !important;
   transform: translate(-29.994px, -37.50938px);
   animation: none;
   width: auto;
   height: auto;
 }
 .css3-spinner-triangle-path > div {
   animation-fill-mode: both;
   position: absolute;
   background-color: var(--cnvs-loader-color);
 }
 .css3-spinner-triangle-path > div:nth-child(1) {
   animation: ball-triangle-path-1 2s 0s ease-in-out infinite;
 }
 .css3-spinner-triangle-path > div:nth-child(2) {
   animation: ball-triangle-path-2 2s 0s ease-in-out infinite;
 }
 .css3-spinner-triangle-path > div:nth-child(3) {
   animation: ball-triangle-path-3 2s 0s ease-in-out infinite;
 }
 .css3-spinner-triangle-path > div:nth-of-type(1) {
   top: 50px;
 }
 .css3-spinner-triangle-path > div:nth-of-type(2) {
   left: 25px;
 }
 .css3-spinner-triangle-path > div:nth-of-type(3) {
   top: 50px;
   left: 50px;
 }
 @keyframes ball-triangle-path-1 {
   33% {
	 transform: translate(25px, -50px);
   }
   66% {
	 transform: translate(50px, 0px);
   }
   100% {
	 transform: translate(0px, 0px);
   }
 }
 @keyframes ball-triangle-path-2 {
   33% {
	 transform: translate(25px, 50px);
   }
   66% {
	 transform: translate(-25px, 50px);
   }
   100% {
	 transform: translate(0px, 0px);
   }
 }
 @keyframes ball-triangle-path-3 {
   33% {
	 transform: translate(-50px, 0px);
   }
   66% {
	 transform: translate(-25px, -50px);
   }
   100% {
	 transform: translate(0px, 0px);
   }
 }
 .css3-spinner > .css3-spinner-ball-pulse-sync {
   --cnvs-loader-width: 14px;
   --cnvs-loader-gutters: 3px;
   background-color: transparent !important;
   width: auto;
   height: auto;
   animation: none;
   margin: 0;
 }
 .css3-spinner-ball-pulse-sync > div {
   display: inline-block;
   background-color: var(--cnvs-loader-color);
   animation-fill-mode: both;
 }
 .css3-spinner-ball-pulse-sync > div:nth-child(0) {
   animation: ball-pulse-sync 0.7s -0.21s infinite ease-in-out;
 }
 .css3-spinner-ball-pulse-sync > div:nth-child(1) {
   animation: ball-pulse-sync 0.7s -0.14s infinite ease-in-out;
 }
 .css3-spinner-ball-pulse-sync > div:nth-child(2) {
   animation: ball-pulse-sync 0.7s -0.07s infinite ease-in-out;
 }
 .css3-spinner-ball-pulse-sync > div:nth-child(3) {
   animation: ball-pulse-sync 0.7s 0s infinite ease-in-out;
 }
 @keyframes ball-pulse-sync {
   33% {
	 transform: translateY(10px);
	 opacity: 0.85;
   }
   66% {
	 transform: translateY(-10px);
	 opacity: 0.7;
   }
   100% {
	 transform: translateY(0);
	 opacity: 1;
   }
 }
 .css3-spinner > .css3-spinner-scale-ripple {
   --cnvs-loader-width: 50px;
   width: auto;
   height: auto;
   background-color: transparent !important;
   animation: none;
 }
 .css3-spinner-scale-ripple > div {
   animation-fill-mode: both;
   position: absolute;
   left: calc(50% - var(--cnvs-loader-width) / 2);
   top: calc(50% - var(--cnvs-loader-height) / 2);
   border: 2px solid var(--cnvs-loader-color);
   animation: ball-scale-ripple-multiple 1.4s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
 }
 .css3-spinner-scale-ripple > div:nth-child(0) {
   animation-delay: -0.8s;
 }
 .css3-spinner-scale-ripple > div:nth-child(1) {
   animation-delay: -0.6s;
 }
 .css3-spinner-scale-ripple > div:nth-child(2) {
   animation-delay: -0.4s;
 }
 .css3-spinner-scale-ripple > div:nth-child(3) {
   animation-delay: -0.2s;
 }
 @keyframes ball-scale-ripple-multiple {
   0% {
	 transform: scale(0.1);
	 opacity: 1;
   }
   70% {
	 transform: scale(1);
	 opacity: 0.7;
   }
   100% {
	 opacity: 0;
   }
 }
 
 /* Magnific Popup SCSS */
 :root {
   --cnvs-mfp-overlay-color: #0b0b0b;
   --cnvs-mfp-overlay-opacity: 0.9;
   --cnvs-mfp-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
   --cnvs-mfp-popup-padding-left: 8px;
   --cnvs-mfp-popup-padding-left-mobile: 6px;
   --cnvs-mfp-z-index-base: 1040;
   --cnvs-mfp-controls-opacity: 0.65;
   --cnvs-mfp-controls-color: #FFF;
   --cnvs-mfp-inner-close-icon-color: #333;
   --cnvs-mfp-controls-text-color: #CCC;
   --cnvs-mfp-controls-text-color-hover: #FFF;
   --cnvs-mfp-preloader-size: 2rem;
   --cnvs-mfp-close-btn-size: 4rem;
   --cnvs-mfp-close-btn-font-size: 1.5rem;
   --cnvs-mfp-arrow-size: 4rem;
   --cnvs-mfp-title-padding: 1rem;
   --cnvs-mfp-title-border-radius: 0.25rem;
   --cnvs-mfp-link-color: #CCC;
   --cnvs-mfp-iframe-padding-top: 40px;
   --cnvs-mfp-iframe-background: #000;
   --cnvs-mfp-iframe-max-width: 900px;
   --cnvs-mfp-iframe-ratio: 9/16;
   --cnvs-mfp-image-background: #444;
   --cnvs-mfp-caption-title-color: #F3F3F3;
   --cnvs-mfp-caption-subtitle-color: #BDBDBD;
 }
 
 .mfp-bg {
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: calc(var(--cnvs-mfp-z-index-base) + 2);
   overflow: hidden;
   position: fixed;
   background: var(--cnvs-mfp-overlay-color);
   opacity: var(--cnvs-mfp-overlay-opacity);
 }
 
 .mfp-wrap {
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: calc(var(--cnvs-mfp-z-index-base) + 3);
   position: fixed;
   outline: none !important;
   -webkit-backface-visibility: hidden;
 }
 
 .mfp-container {
   text-align: center;
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   padding: 0 var(--cnvs-mfp-popup-padding-left);
   box-sizing: border-box;
 }
 
 .mfp-container::before {
   content: "";
   display: inline-block;
   height: 100%;
   vertical-align: middle;
 }
 
 .mfp-align-top .mfp-container::before {
   display: none;
 }
 
 .mfp-content {
   position: relative;
   display: inline-block;
   vertical-align: middle;
   margin: 0 auto;
   text-align: left;
   z-index: calc(var(--cnvs-mfp-z-index-base) + 5);
 }
 
 .mfp-ajax-cur {
   cursor: progress;
 }
 
 .mfp-zoom-out-cur {
   cursor: zoom-out;
 }
 
 .mfp-auto-cursor .mfp-content {
   cursor: auto;
 }
 
 .mfp-close,
 .mfp-arrow,
 .mfp-counter {
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
 }
 
 .mfp-loading.mfp-figure {
   display: none;
 }
 
 button.mfp-close, button.mfp-arrow {
   overflow: visible;
   cursor: pointer;
   background: transparent;
   border: 0;
   -webkit-appearance: none;
   display: block;
   outline: none;
   padding: 0;
   z-index: calc(var(--cnvs-mfp-z-index-base) + 6);
   box-shadow: none;
   touch-action: manipulation;
 }
 button::-moz-focus-inner {
   padding: 0;
   border: 0;
 }
 
 .mfp-close {
   width: var(--cnvs-mfp-close-btn-size);
   height: var(--cnvs-mfp-close-btn-size);
   line-height: var(--cnvs-mfp-close-btn-size);
   position: absolute;
   right: 0;
   top: 0;
   text-decoration: none;
   text-align: center;
   opacity: var(--cnvs-mfp-controls-opacity);
   padding: 0 0 18px 10px;
   color: var(--cnvs-mfp-controls-color);
   font-style: normal;
   font-size: var(--cnvs-mfp-close-btn-font-size);
 }
 .mfp-close:hover, .mfp-close:focus {
   opacity: 1;
 }
 .mfp-close:active {
   top: 1px;
 }
 
 .mfp-close-btn-in .mfp-close {
   color: var(--cnvs-mfp-inner-close-icon-color);
 }
 
 .mfp-counter {
   position: absolute;
   top: auto;
   bottom: 25px;
   right: 20px;
   font-size: 0.75rem;
   line-height: 18px;
   white-space: nowrap;
   padding: 0.5rem 1rem;
   background: rgba(0, 0, 0, 0.5);
   border-radius: 0.25rem;
   color: var(--cnvs-mfp-controls-text-color);
 }
 .mfp-counter:empty {
   display: none;
 }
 
 .mfp-arrow {
   opacity: var(--cnvs-mfp-controls-opacity);
   position: absolute;
   margin: 0;
   top: 50%;
   left: 0;
   padding: 0;
   width: var(--cnvs-mfp-arrow-size);
   height: var(--cnvs-mfp-arrow-size);
   font-family: "bootstrap-icons";
   line-height: inherit;
   -webkit-tap-highlight-color: transparent;
   font-size: calc(var(--cnvs-mfp-arrow-size) / 2);
   transform: translateY(-50%);
   color: var(--cnvs-mfp-link-color);
   transition: all 0.3s ease;
 }
 .mfp-arrow:hover {
   opacity: 1;
   transform: translateY(-50%) scale(1.2);
 }
 
 @media (max-width: 991.98px) {
   .mfp-arrow {
	 background-color: rgba(0, 0, 0, 0.75) !important;
   }
   .mfp-arrow:hover {
	 transform: translateY(-50%);
	 background-color: rgba(0, 0, 0, 0.85) !important;
   }
 }
 
 .mfp-iframe-scaler {
   width: 100%;
   height: 0;
   overflow: hidden;
   padding-top: calc(var(--cnvs-mfp-iframe-ratio) * 100%);
 }
 .mfp-iframe-scaler iframe {
   position: absolute;
   display: block;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   box-shadow: var(--cnvs-mfp-shadow);
   background: var(--cnvs-mfp-iframe-background);
 }
 
 /* Main image in popup */
 img.mfp-img {
   width: auto;
   max-width: 100%;
   height: auto;
   display: block;
   line-height: 0;
   box-sizing: border-box;
   margin: 0 auto;
 }
 
 /* The shadow behind the image */
 .mfp-figure {
   line-height: 0;
 }
 .mfp-figure::after {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   display: block;
   right: 0;
   width: auto;
   height: auto;
   z-index: -1;
   box-shadow: var(--cnvs-mfp-shadow);
   background: var(--cnvs-mfp-image-background);
 }
 .mfp-figure small, .mfp-figure .small {
   color: var(--cnvs-mfp-caption-subtitle-color);
   display: block;
   font-size: 12px;
   line-height: 14px;
 }
 .mfp-figure small:empty, .mfp-figure .small:empty {
   display: none;
 }
 .mfp-figure figure {
   margin: 0;
 }
 
 .mfp-bottom-bar {
   margin-top: -36px;
   position: absolute;
   top: 100%;
   left: 0;
   width: 100%;
   cursor: auto;
 }
 
 .mfp-title {
   position: absolute;
   left: 50%;
   bottom: 25px;
   transform: translateX(-50%);
   width: auto;
   text-align: center;
   line-height: 1.65;
   color: var(--cnvs-mfp-caption-title-color);
   word-wrap: break-word;
   padding: var(--cnvs-mfp-title-padding);
   background: rgba(39, 60, 68, 0.2);
   -webkit-backdrop-filter: blur(3em);
   backdrop-filter: blur(3em);
   border-radius: var(--cnvs-mfp-title-border-radius);
 }
 .mfp-title:empty {
   display: none;
 }
 
 @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
   /**
	* Remove all paddings around the image on small screen
	*/
 }
 @media all and (max-width: 900px) {
   .mfp-arrow {
	 transform: translateY(-50%) scale(0.75) !important;
   }
   .mfp-container {
	 padding-left: var(--cnvs-mfp-popup-padding-left-mobile);
	 padding-right: var(--cnvs-mfp-popup-padding-left-mobile);
   }
 }
 /*!
  * animate.css - https://animate.style/
  * Version - 4.1.1
  * Licensed under the MIT license - http://opensource.org/licenses/MIT
  *
  * Copyright (c) 2020 Animate.css
  */
 :root {
   --cnvs-animate-duration: 1s;
   --cnvs-animate-delay: 1s;
   --cnvs-animate-repeat: 1;
 }
 
 .not-animated,
 [data-animate]:not(.animated) {
   opacity: 0;
 }
 
 .animated {
   animation-duration: 1s;
   animation-duration: var(--cnvs-animate-duration);
   animation-fill-mode: both;
 }
 .animated.infinite {
   animation-iteration-count: infinite;
 }
 .animated.faster {
   animation-duration: calc(var(--cnvs-animate-duration) / 2);
 }
 .animated.fast {
   animation-duration: calc(var(--cnvs-animate-duration) * 0.8);
 }
 .animated.slow {
   animation-duration: calc(var(--cnvs-animate-duration) * 2);
 }
 @media print, (prefers-reduced-motion: reduce) {
   .animated {
	 animation-duration: 1ms !important;
	 transition-duration: 1ms !important;
	 animation-iteration-count: 1 !important;
   }
   .animated[class*=Out] {
	 opacity: 0;
   }
 }
 
 /* Attention seekers  */
 @keyframes bounce {
   from, 20%, 53%, to {
	 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	 transform: translate3d(0, 0, 0);
   }
   40%, 43% {
	 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
	 transform: translate3d(0, -30px, 0) scaleY(1.1);
   }
   70% {
	 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
	 transform: translate3d(0, -15px, 0) scaleY(1.05);
   }
   80% {
	 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	 transform: translate3d(0, 0, 0) scaleY(0.95);
   }
   90% {
	 transform: translate3d(0, -4px, 0) scaleY(1.02);
   }
 }
 @keyframes flash {
   from, 50%, to {
	 opacity: 1;
   }
   25%, 75% {
	 opacity: 0;
   }
 }
 
 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 @keyframes pulse {
   from {
	 transform: scale3d(1, 1, 1);
   }
   50% {
	 transform: scale3d(1.05, 1.05, 1.05);
   }
   to {
	 transform: scale3d(1, 1, 1);
   }
 }
 @keyframes rubberBand {
   from {
	 transform: scale3d(1, 1, 1);
   }
   30% {
	 transform: scale3d(1.25, 0.75, 1);
   }
   40% {
	 transform: scale3d(0.75, 1.25, 1);
   }
   50% {
	 transform: scale3d(1.15, 0.85, 1);
   }
   65% {
	 transform: scale3d(0.95, 1.05, 1);
   }
   75% {
	 transform: scale3d(1.05, 0.95, 1);
   }
   to {
	 transform: scale3d(1, 1, 1);
   }
 }
 @keyframes shakeX {
   from, to {
	 transform: translate3d(0, 0, 0);
   }
   10%, 30%, 50%, 70%, 90% {
	 transform: translate3d(-10px, 0, 0);
   }
   20%, 40%, 60%, 80% {
	 transform: translate3d(10px, 0, 0);
   }
 }
 @keyframes shakeY {
   from, to {
	 transform: translate3d(0, 0, 0);
   }
   10%, 30%, 50%, 70%, 90% {
	 transform: translate3d(0, -10px, 0);
   }
   20%, 40%, 60%, 80% {
	 transform: translate3d(0, 10px, 0);
   }
 }
 @keyframes headShake {
   0% {
	 transform: translateX(0);
   }
   6.5% {
	 transform: translateX(-6px) rotateY(-9deg);
   }
   18.5% {
	 transform: translateX(5px) rotateY(7deg);
   }
   31.5% {
	 transform: translateX(-3px) rotateY(-5deg);
   }
   43.5% {
	 transform: translateX(2px) rotateY(3deg);
   }
   50% {
	 transform: translateX(0);
   }
 }
 @keyframes swing {
   20% {
	 transform: rotate3d(0, 0, 1, 15deg);
   }
   40% {
	 transform: rotate3d(0, 0, 1, -10deg);
   }
   60% {
	 transform: rotate3d(0, 0, 1, 5deg);
   }
   80% {
	 transform: rotate3d(0, 0, 1, -5deg);
   }
   to {
	 transform: rotate3d(0, 0, 1, 0deg);
   }
 }
 .swing {
   transform-origin: top center;
   animation-name: swing;
 }
 @keyframes tada {
   from {
	 transform: scale3d(1, 1, 1);
   }
   10%, 20% {
	 transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
   }
   30%, 50%, 70%, 90% {
	 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
   }
   40%, 60%, 80% {
	 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
   }
   to {
	 transform: scale3d(1, 1, 1);
   }
 }
 
 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 @keyframes wobble {
   from {
	 transform: translate3d(0, 0, 0);
   }
   15% {
	 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
   }
   30% {
	 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
   }
   45% {
	 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
   }
   60% {
	 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
   }
   75% {
	 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
   }
   to {
	 transform: translate3d(0, 0, 0);
   }
 }
 @keyframes jello {
   from, 11.1%, to {
	 transform: translate3d(0, 0, 0);
   }
   22.2% {
	 transform: skewX(-12.5deg) skewY(-12.5deg);
   }
   33.3% {
	 transform: skewX(6.25deg) skewY(6.25deg);
   }
   44.4% {
	 transform: skewX(-3.125deg) skewY(-3.125deg);
   }
   55.5% {
	 transform: skewX(1.5625deg) skewY(1.5625deg);
   }
   66.6% {
	 transform: skewX(-0.78125deg) skewY(-0.78125deg);
   }
   77.7% {
	 transform: skewX(0.390625deg) skewY(0.390625deg);
   }
   88.8% {
	 transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
   }
 }
 @keyframes heartBeat {
   0% {
	 transform: scale(1);
   }
   14% {
	 transform: scale(1.3);
   }
   28% {
	 transform: scale(1);
   }
   42% {
	 transform: scale(1.3);
   }
   70% {
	 transform: scale(1);
   }
 }
 
 /* Back entrances */
 @keyframes backInDown {
   0% {
	 transform: translateY(-1200px) scale(0.7);
	 opacity: 0.7;
   }
   80% {
	 transform: translateY(0px) scale(0.7);
	 opacity: 0.7;
   }
   100% {
	 transform: scale(1);
	 opacity: 1;
   }
 }
 @keyframes backInLeft {
   0% {
	 transform: translateX(-2000px) scale(0.7);
	 opacity: 0.7;
   }
   80% {
	 transform: translateX(0px) scale(0.7);
	 opacity: 0.7;
   }
   100% {
	 transform: scale(1);
	 opacity: 1;
   }
 }
 @keyframes backInRight {
   0% {
	 transform: translateX(2000px) scale(0.7);
	 opacity: 0.7;
   }
   80% {
	 transform: translateX(0px) scale(0.7);
	 opacity: 0.7;
   }
   100% {
	 transform: scale(1);
	 opacity: 1;
   }
 }
 @keyframes backInUp {
   0% {
	 transform: translateY(1200px) scale(0.7);
	 opacity: 0.7;
   }
   80% {
	 transform: translateY(0px) scale(0.7);
	 opacity: 0.7;
   }
   100% {
	 transform: scale(1);
	 opacity: 1;
   }
 }
 
 /* Back exits */
 @keyframes backOutDown {
   0% {
	 transform: scale(1);
	 opacity: 1;
   }
   20% {
	 transform: translateY(0px) scale(0.7);
	 opacity: 0.7;
   }
   100% {
	 transform: translateY(700px) scale(0.7);
	 opacity: 0.7;
   }
 }
 @keyframes backOutLeft {
   0% {
	 transform: scale(1);
	 opacity: 1;
   }
   20% {
	 transform: translateX(0px) scale(0.7);
	 opacity: 0.7;
   }
   100% {
	 transform: translateX(-2000px) scale(0.7);
	 opacity: 0.7;
   }
 }
 @keyframes backOutRight {
   0% {
	 transform: scale(1);
	 opacity: 1;
   }
   20% {
	 transform: translateX(0px) scale(0.7);
	 opacity: 0.7;
   }
   100% {
	 transform: translateX(2000px) scale(0.7);
	 opacity: 0.7;
   }
 }
 @keyframes backOutUp {
   0% {
	 transform: scale(1);
	 opacity: 1;
   }
   20% {
	 transform: translateY(0px) scale(0.7);
	 opacity: 0.7;
   }
   100% {
	 transform: translateY(-700px) scale(0.7);
	 opacity: 0.7;
   }
 }
 
 /* Bouncing entrances  */
 @keyframes bounceIn {
   from, 20%, 40%, 60%, 80%, to {
	 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
	 opacity: 0;
	 transform: scale3d(0.3, 0.3, 0.3);
   }
   20% {
	 transform: scale3d(1.1, 1.1, 1.1);
   }
   40% {
	 transform: scale3d(0.9, 0.9, 0.9);
   }
   60% {
	 opacity: 1;
	 transform: scale3d(1.03, 1.03, 1.03);
   }
   80% {
	 transform: scale3d(0.97, 0.97, 0.97);
   }
   to {
	 opacity: 1;
	 transform: scale3d(1, 1, 1);
   }
 }
 .bounceIn {
   animation-duration: 0.75s;
   animation-duration: calc(var(--cnvs-animate-duration) * 0.75);
   animation-name: bounceIn;
 }
 @keyframes bounceInDown {
   from, 60%, 75%, 90%, to {
	 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
	 opacity: 0;
	 transform: translate3d(0, -3000px, 0) scaleY(3);
   }
   60% {
	 opacity: 1;
	 transform: translate3d(0, 25px, 0) scaleY(0.9);
   }
   75% {
	 transform: translate3d(0, -10px, 0) scaleY(0.95);
   }
   90% {
	 transform: translate3d(0, 5px, 0) scaleY(0.985);
   }
   to {
	 transform: translate3d(0, 0, 0);
   }
 }
 @keyframes bounceInLeft {
   from, 60%, 75%, 90%, to {
	 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
	 opacity: 0;
	 transform: translate3d(-3000px, 0, 0) scaleX(3);
   }
   60% {
	 opacity: 1;
	 transform: translate3d(25px, 0, 0) scaleX(1);
   }
   75% {
	 transform: translate3d(-10px, 0, 0) scaleX(0.98);
   }
   90% {
	 transform: translate3d(5px, 0, 0) scaleX(0.995);
   }
   to {
	 transform: translate3d(0, 0, 0);
   }
 }
 @keyframes bounceInRight {
   from, 60%, 75%, 90%, to {
	 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   from {
	 opacity: 0;
	 transform: translate3d(3000px, 0, 0) scaleX(3);
   }
   60% {
	 opacity: 1;
	 transform: translate3d(-25px, 0, 0) scaleX(1);
   }
   75% {
	 transform: translate3d(10px, 0, 0) scaleX(0.98);
   }
   90% {
	 transform: translate3d(-5px, 0, 0) scaleX(0.995);
   }
   to {
	 transform: translate3d(0, 0, 0);
   }
 }
 @keyframes bounceInUp {
   from, 60%, 75%, 90%, to {
	 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   from {
	 opacity: 0;
	 transform: translate3d(0, 3000px, 0) scaleY(5);
   }
   60% {
	 opacity: 1;
	 transform: translate3d(0, -20px, 0) scaleY(0.9);
   }
   75% {
	 transform: translate3d(0, 10px, 0) scaleY(0.95);
   }
   90% {
	 transform: translate3d(0, -5px, 0) scaleY(0.985);
   }
   to {
	 transform: translate3d(0, 0, 0);
   }
 }
 
 /* Bouncing exits  */
 @keyframes bounceOut {
   20% {
	 transform: scale3d(0.9, 0.9, 0.9);
   }
   50%, 55% {
	 opacity: 1;
	 transform: scale3d(1.1, 1.1, 1.1);
   }
   to {
	 opacity: 0;
	 transform: scale3d(0.3, 0.3, 0.3);
   }
 }
 @keyframes bounceOutDown {
   20% {
	 transform: translate3d(0, 10px, 0) scaleY(0.985);
   }
   40%, 45% {
	 opacity: 1;
	 transform: translate3d(0, -20px, 0) scaleY(0.9);
   }
   to {
	 opacity: 0;
	 transform: translate3d(0, 2000px, 0) scaleY(3);
   }
 }
 @keyframes bounceOutLeft {
   20% {
	 opacity: 1;
	 transform: translate3d(20px, 0, 0) scaleX(0.9);
   }
   to {
	 opacity: 0;
	 transform: translate3d(-2000px, 0, 0) scaleX(2);
   }
 }
 @keyframes bounceOutRight {
   20% {
	 opacity: 1;
	 transform: translate3d(-20px, 0, 0) scaleX(0.9);
   }
   to {
	 opacity: 0;
	 transform: translate3d(2000px, 0, 0) scaleX(2);
   }
 }
 @keyframes bounceOutUp {
   20% {
	 transform: translate3d(0, -10px, 0) scaleY(0.985);
   }
   40%, 45% {
	 opacity: 1;
	 transform: translate3d(0, 20px, 0) scaleY(0.9);
   }
   to {
	 opacity: 0;
	 transform: translate3d(0, -2000px, 0) scaleY(3);
   }
 }
 
 /* Fading entrances  */
 @keyframes fadeIn {
   from {
	 opacity: 0;
   }
   to {
	 opacity: 1;
   }
 }
 .fadeIn {
   animation-name: fadeIn;
 }
 @keyframes fadeInDown {
   from {
	 opacity: 0;
	 transform: translate3d(0, -100%, 0);
   }
   to {
	 opacity: 1;
	 transform: translate3d(0, 0, 0);
   }
 }
 @keyframes fadeInDownBig {
   from {
	 opacity: 0;
	 transform: translate3d(0, -2000px, 0);
   }
   to {
	 opacity: 1;
	 transform: translate3d(0, 0, 0);
   }
 }
 @keyframes fadeInLeft {
   from {
	 opacity: 0;
	 transform: translate3d(-100%, 0, 0);
   }
   to {
	 opacity: 1;
	 transform: translate3d(0, 0, 0);
   }
 }
 @keyframes fadeInLeftBig {
   from {
	 opacity: 0;
	 transform: translate3d(-2000px, 0, 0);
   }
   to {
	 opacity: 1;
	 transform: translate3d(0, 0, 0);
   }
 }
 @keyframes fadeInRight {
   from {
	 opacity: 0;
	 transform: translate3d(100%, 0, 0);
   }
   to {
	 opacity: 1;
	 transform: translate3d(0, 0, 0);
   }
 }
 @keyframes fadeInRightBig {
   from {
	 opacity: 0;
	 transform: translate3d(2000px, 0, 0);
   }
   to {
	 opacity: 1;
	 transform: translate3d(0, 0, 0);
   }
 }
 @keyframes fadeInUp {
   from {
	 opacity: 0;
	 transform: translate3d(0, 100%, 0);
   }
   to {
	 opacity: 1;
	 transform: translate3d(0, 0, 0);
   }
 }
 @keyframes fadeInUpBig {
   from {
	 opacity: 0;
	 transform: translate3d(0, 2000px, 0);
   }
   to {
	 opacity: 1;
	 transform: translate3d(0, 0, 0);
   }
 }
 @keyframes fadeInTopLeft {
   from {
	 opacity: 0;
	 transform: translate3d(-100%, -100%, 0);
   }
   to {
	 opacity: 1;
	 transform: translate3d(0, 0, 0);
   }
 }
 @keyframes fadeInTopRight {
   from {
	 opacity: 0;
	 transform: translate3d(100%, -100%, 0);
   }
   to {
	 opacity: 1;
	 transform: translate3d(0, 0, 0);
   }
 }
 @keyframes fadeInBottomLeft {
   from {
	 opacity: 0;
	 transform: translate3d(-100%, 100%, 0);
   }
   to {
	 opacity: 1;
	 transform: translate3d(0, 0, 0);
   }
 }
 @keyframes fadeInBottomRight {
   from {
	 opacity: 0;
	 transform: translate3d(100%, 100%, 0);
   }
   to {
	 opacity: 1;
	 transform: translate3d(0, 0, 0);
   }
 }
 
 /* Fading exits */
 @keyframes fadeOut {
   from {
	 opacity: 1;
   }
   to {
	 opacity: 0;
   }
 }
 .fadeOut {
   animation-name: fadeOut;
 }
 @keyframes fadeOutDown {
   from {
	 opacity: 1;
   }
   to {
	 opacity: 0;
	 transform: translate3d(0, 100%, 0);
   }
 }
 @keyframes fadeOutDownBig {
   from {
	 opacity: 1;
   }
   to {
	 opacity: 0;
	 transform: translate3d(0, 2000px, 0);
   }
 }
 @keyframes fadeOutLeft {
   from {
	 opacity: 1;
   }
   to {
	 opacity: 0;
	 transform: translate3d(-100%, 0, 0);
   }
 }
 @keyframes fadeOutLeftBig {
   from {
	 opacity: 1;
   }
   to {
	 opacity: 0;
	 transform: translate3d(-2000px, 0, 0);
   }
 }
 @keyframes fadeOutRight {
   from {
	 opacity: 1;
   }
   to {
	 opacity: 0;
	 transform: translate3d(100%, 0, 0);
   }
 }
 @keyframes fadeOutRightBig {
   from {
	 opacity: 1;
   }
   to {
	 opacity: 0;
	 transform: translate3d(2000px, 0, 0);
   }
 }
 @keyframes fadeOutUp {
   from {
	 opacity: 1;
   }
   to {
	 opacity: 0;
	 transform: translate3d(0, -100%, 0);
   }
 }
 @keyframes fadeOutUpBig {
   from {
	 opacity: 1;
   }
   to {
	 opacity: 0;
	 transform: translate3d(0, -2000px, 0);
   }
 }
 @keyframes fadeOutTopLeft {
   from {
	 opacity: 1;
	 transform: translate3d(0, 0, 0);
   }
   to {
	 opacity: 0;
	 transform: translate3d(-100%, -100%, 0);
   }
 }
 @keyframes fadeOutTopRight {
   from {
	 opacity: 1;
	 transform: translate3d(0, 0, 0);
   }
   to {
	 opacity: 0;
	 transform: translate3d(100%, -100%, 0);
   }
 }
 @keyframes fadeOutBottomRight {
   from {
	 opacity: 1;
	 transform: translate3d(0, 0, 0);
   }
   to {
	 opacity: 0;
	 transform: translate3d(100%, 100%, 0);
   }
 }
 @keyframes fadeOutBottomLeft {
   from {
	 opacity: 1;
	 transform: translate3d(0, 0, 0);
   }
   to {
	 opacity: 0;
	 transform: translate3d(-100%, 100%, 0);
   }
 }
 
 /* Flippers */
 @keyframes flip {
   from {
	 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
	 animation-timing-function: ease-out;
   }
   40% {
	 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
	 animation-timing-function: ease-out;
   }
   50% {
	 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
	 animation-timing-function: ease-in;
   }
   80% {
	 transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
	 animation-timing-function: ease-in;
   }
   to {
	 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
	 animation-timing-function: ease-in;
   }
 }
 .animated.flip {
   backface-visibility: visible;
   animation-name: flip;
 }
 @keyframes flipInX {
   from {
	 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	 animation-timing-function: ease-in;
	 opacity: 0;
   }
   40% {
	 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	 animation-timing-function: ease-in;
   }
   60% {
	 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	 opacity: 1;
   }
   80% {
	 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
   }
   to {
	 transform: perspective(400px);
   }
 }
 @keyframes flipInY {
   from {
	 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	 animation-timing-function: ease-in;
	 opacity: 0;
   }
   40% {
	 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	 animation-timing-function: ease-in;
   }
   60% {
	 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	 opacity: 1;
   }
   80% {
	 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
   }
   to {
	 transform: perspective(400px);
   }
 }
 @keyframes flipOutX {
   from {
	 transform: perspective(400px);
   }
   30% {
	 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	 opacity: 1;
   }
   to {
	 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	 opacity: 0;
   }
 }
 @keyframes flipOutY {
   from {
	 transform: perspective(400px);
   }
   30% {
	 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
	 opacity: 1;
   }
   to {
	 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	 opacity: 0;
   }
 }
 
 /* Lightspeed */
 @keyframes lightSpeedInRight {
   from {
	 transform: translate3d(100%, 0, 0) skewX(-30deg);
	 opacity: 0;
   }
   60% {
	 transform: skewX(20deg);
	 opacity: 1;
   }
   80% {
	 transform: skewX(-5deg);
   }
   to {
	 transform: translate3d(0, 0, 0);
   }
 }
 @keyframes lightSpeedInLeft {
   from {
	 transform: translate3d(-100%, 0, 0) skewX(30deg);
	 opacity: 0;
   }
   60% {
	 transform: skewX(-20deg);
	 opacity: 1;
   }
   80% {
	 transform: skewX(5deg);
   }
   to {
	 transform: translate3d(0, 0, 0);
   }
 }
 @keyframes lightSpeedOutRight {
   from {
	 opacity: 1;
   }
   to {
	 transform: translate3d(100%, 0, 0) skewX(30deg);
	 opacity: 0;
   }
 }
 @keyframes lightSpeedOutLeft {
   from {
	 opacity: 1;
   }
   to {
	 transform: translate3d(-100%, 0, 0) skewX(-30deg);
	 opacity: 0;
   }
 }
 
 /* Rotating entrances */
 @keyframes rotateIn {
   from {
	 transform: rotate3d(0, 0, 1, -200deg);
	 opacity: 0;
   }
   to {
	 transform: translate3d(0, 0, 0);
	 opacity: 1;
   }
 }
 @keyframes rotateInDownLeft {
   from {
	 transform: rotate3d(0, 0, 1, -45deg);
	 opacity: 0;
   }
   to {
	 transform: translate3d(0, 0, 0);
	 opacity: 1;
   }
 }
 @keyframes rotateInDownRight {
   from {
	 transform: rotate3d(0, 0, 1, 45deg);
	 opacity: 0;
   }
   to {
	 transform: translate3d(0, 0, 0);
	 opacity: 1;
   }
 }
 @keyframes rotateInUpLeft {
   from {
	 transform: rotate3d(0, 0, 1, 45deg);
	 opacity: 0;
   }
   to {
	 transform: translate3d(0, 0, 0);
	 opacity: 1;
   }
 }
 @keyframes rotateInUpRight {
   from {
	 transform: rotate3d(0, 0, 1, -90deg);
	 opacity: 0;
   }
   to {
	 transform: translate3d(0, 0, 0);
	 opacity: 1;
   }
 }
 
 /* Rotating exits */
 @keyframes rotateOut {
   from {
	 opacity: 1;
   }
   to {
	 transform: rotate3d(0, 0, 1, 200deg);
	 opacity: 0;
   }
 }
 @keyframes rotateOutDownLeft {
   from {
	 opacity: 1;
   }
   to {
	 transform: rotate3d(0, 0, 1, 45deg);
	 opacity: 0;
   }
 }
 @keyframes rotateOutDownRight {
   from {
	 opacity: 1;
   }
   to {
	 transform: rotate3d(0, 0, 1, -45deg);
	 opacity: 0;
   }
 }
 @keyframes rotateOutUpLeft {
   from {
	 opacity: 1;
   }
   to {
	 transform: rotate3d(0, 0, 1, -45deg);
	 opacity: 0;
   }
 }
 @keyframes rotateOutUpRight {
   from {
	 opacity: 1;
   }
   to {
	 transform: rotate3d(0, 0, 1, 90deg);
	 opacity: 0;
   }
 }
 
 /* Specials */
 @keyframes hinge {
   0% {
	 animation-timing-function: ease-in-out;
   }
   20%, 60% {
	 transform: rotate3d(0, 0, 1, 80deg);
	 animation-timing-function: ease-in-out;
   }
   40%, 80% {
	 transform: rotate3d(0, 0, 1, 60deg);
	 animation-timing-function: ease-in-out;
	 opacity: 1;
   }
   to {
	 transform: translate3d(0, 700px, 0);
	 opacity: 0;
   }
 }
 @keyframes jackInTheBox {
   from {
	 opacity: 0;
	 transform: scale(0.1) rotate(30deg);
	 transform-origin: center bottom;
   }
   50% {
	 transform: rotate(-10deg);
   }
   70% {
	 transform: rotate(3deg);
   }
   to {
	 opacity: 1;
	 transform: scale(1);
   }
 }
 
 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 @keyframes rollIn {
   from {
	 opacity: 0;
	 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
   }
   to {
	 opacity: 1;
	 transform: translate3d(0, 0, 0);
   }
 }
 
 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 @keyframes rollOut {
   from {
	 opacity: 1;
   }
   to {
	 opacity: 0;
	 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
   }
 }
 
 /* Zooming entrances */
 @keyframes zoomIn {
   from {
	 opacity: 0;
	 transform: scale3d(0.3, 0.3, 0.3);
   }
   50% {
	 opacity: 1;
   }
 }
 @keyframes zoomInDown {
   from {
	 opacity: 0;
	 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
	 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
	 opacity: 1;
	 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
 }
 @keyframes zoomInLeft {
   from {
	 opacity: 0;
	 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
	 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
	 opacity: 1;
	 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
	 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
 }
 @keyframes zoomInRight {
   from {
	 opacity: 0;
	 transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
	 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
	 opacity: 1;
	 transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
	 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
 }
 @keyframes zoomInUp {
   from {
	 opacity: 0;
	 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
	 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
	 opacity: 1;
	 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
	 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
 }
 
 /* Zooming exits */
 @keyframes zoomOut {
   from {
	 opacity: 1;
   }
   50% {
	 opacity: 0;
	 transform: scale3d(0.3, 0.3, 0.3);
   }
   to {
	 opacity: 0;
   }
 }
 @keyframes zoomOutDown {
   40% {
	 opacity: 1;
	 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
	 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   to {
	 opacity: 0;
	 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
	 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
 }
 @keyframes zoomOutLeft {
   40% {
	 opacity: 1;
	 transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
   }
   to {
	 opacity: 0;
	 transform: scale(0.1) translate3d(-2000px, 0, 0);
   }
 }
 @keyframes zoomOutRight {
   40% {
	 opacity: 1;
	 transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
   }
   to {
	 opacity: 0;
	 transform: scale(0.1) translate3d(2000px, 0, 0);
   }
 }
 @keyframes zoomOutUp {
   40% {
	 opacity: 1;
	 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   to {
	 opacity: 0;
	 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
	 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
 }
 
 /* Sliding entrances */
 @keyframes slideInDown {
   from {
	 transform: translate3d(0, -100%, 0);
	 visibility: visible;
   }
   to {
	 transform: translate3d(0, 0, 0);
   }
 }
 @keyframes slideInLeft {
   from {
	 transform: translate3d(-100%, 0, 0);
	 visibility: visible;
   }
   to {
	 transform: translate3d(0, 0, 0);
   }
 }
 @keyframes slideInRight {
   from {
	 transform: translate3d(100%, 0, 0);
	 visibility: visible;
   }
   to {
	 transform: translate3d(0, 0, 0);
   }
 }
 @keyframes slideInUp {
   from {
	 transform: translate3d(0, 100%, 0);
	 visibility: visible;
   }
   to {
	 transform: translate3d(0, 0, 0);
   }
 }
 
 /* Sliding exits */
 @keyframes slideOutDown {
   from {
	 transform: translate3d(0, 0, 0);
   }
   to {
	 visibility: hidden;
	 transform: translate3d(0, 100%, 0);
   }
 }
 @keyframes slideOutLeft {
   from {
	 transform: translate3d(0, 0, 0);
   }
   to {
	 visibility: hidden;
	 transform: translate3d(-100%, 0, 0);
   }
 }
 @keyframes slideOutRight {
   from {
	 transform: translate3d(0, 0, 0);
   }
   to {
	 visibility: hidden;
	 transform: translate3d(100%, 0, 0);
   }
 }
 @keyframes slideOutUp {
   from {
	 transform: translate3d(0, 0, 0);
   }
   to {
	 visibility: hidden;
	 transform: translate3d(0, -100%, 0);
   }
 }
 
 /*-----------------------------------------------------------------------------------
	 Dark Scheme - sass/dark.scss
 -----------------------------------------------------------------------------------*/
 .dark {
   --cnvs-contrast-bg: #212529;
   --cnvs-contrast-bg-offset: #343a40;
   --cnvs-contrast-0: #000;
   --cnvs-contrast-100: #212529;
   --cnvs-contrast-200: #343a40;
   --cnvs-contrast-300: #495057;
   --cnvs-contrast-400: #6c757d;
   --cnvs-contrast-500: #adb5bd;
   --cnvs-contrast-600: #ced4da;
   --cnvs-contrast-700: #dee2e6;
   --cnvs-contrast-800: #e9ecef;
   --cnvs-contrast-900: #f8f9fa;
   --cnvs-contrast-1000: #fff;
   --bs-link-color: var(--cnvs-contrast-900);
   --cnvs-invert-contrast-0: #fff;
   --cnvs-invert-contrast-100: #f8f9fa;
   --cnvs-invert-contrast-200: #e9ecef;
   --cnvs-invert-contrast-300: #dee2e6;
   --cnvs-invert-contrast-400: #ced4da;
   --cnvs-invert-contrast-500: #adb5bd;
   --cnvs-invert-contrast-600: #6c757d;
   --cnvs-invert-contrast-700: #495057;
   --cnvs-invert-contrast-800: #343a40;
   --cnvs-invert-contrast-900: #212529;
   --cnvs-invert-contrast-1000: #000;
   --cnvs-contrast-rgb: 255, 255, 255;
   --cnvs-invert-contrast-rgb: 0, 0, 0;
   --cnvs-heading-color: var(--cnvs-contrast-900);
   --cnvs-topbar-bg: var(--cnvs-contrast-bg-offset);
   --cnvs-header-bg: var(--cnvs-contrast-bg);
   --cnvs-header-sticky-bg: var(--cnvs-contrast-bg);
   --cnvs-side-header-bg: var(--cnvs-contrast-bg);
   --cnvs-header-floating-bg: var(--cnvs-contrast-bg);
   --cnvs-primary-menu-submenu-bg: var(--cnvs-contrast-bg);
   --cnvs-section-bg: var(--cnvs-contrast-bg-offset);
   --cnvs-footer-bg: var(--cnvs-contrast-bg-offset);
   color: var(--cnvs-contrast-800);
 }
 body.dark {
   --cnvs-body-bg: var(--cnvs-contrast-bg);
 }
 
 .dark#footer .footer-widgets-wrap, .dark #footer .footer-widgets-wrap {
   color: var(--cnvs-contrast-800);
 }
 .dark#footer .footer-widgets-wrap a, .dark #footer .footer-widgets-wrap a {
   color: rgba(255, 255, 255, 0.75);
 }
 .dark#footer .footer-widgets-wrap a:hover, .dark #footer .footer-widgets-wrap a:hover {
   color: var(--cnvs-contrast-1000);
 }
 
 .dark #copyrights, #copyrights.dark {
   color: rgba(255, 255, 255, 0.4);
   background-color: rgba(0, 0, 0, 0.2);
 }
 
/* ----------------------------------------------------------------------------
	FONTS
---------------------------------------------------------------------------- */

:root {
	--cnvs-themecolor: #3E45EB;
	--cnvs-themecolor-rgb: 62, 69, 235;
	--cnvs-gradient-color: linear-gradient(to right, #f6955c, #f23457);

	--cnvs-body-image: url('images/blur-bg.png');

	--cnvs-saas-color-1: #FFF7EF;
	--cnvs-saas-color-2: #F9FAF6;

	--cnvs-font-size-h1:	2.75rem;
	--cnvs-font-size-h2:	2rem;
	--cnvs-font-size-h3:	1.75rem;
	--cnvs-font-size-h4:	1.5rem;
	--cnvs-font-size-h5:	1rem;
	--cnvs-font-size-h6:	0.875rem;
	--cnvs-section-padding: 6rem;
	--bs-body-font-size: 1.125rem;

	--cnvs-primary-font: 'DM Sans', sans-serif;
	--cnvs-body-font: 'DM Sans', sans-serif;
	--cnvs-secondary-font: 'Cookie', cursive;
	--cnvs-other-font: 'Marcellus', serif;

	--cnvs-slider-arrow-color: var(--cnvs-contrast-300);
	--cnvs-slider-arrows-bg-color: transparent;
	--cnvs-slider-arrows-bg-hover-color: var(--cnvs-slider-arrows-bg-color);
	--cnvs-slider-arrows-size: 34px;
	--cnvs-canvas-slider-dots-size: 0.725rem;
	--cnvs-card-rounded: 20px;
}

:root,
.not-dark {
	--cnvs-heading-color: var(--cnvs-contrast-1000);
}

.fw-bolder {
	font-weight: 800 !important;
}

.rounded-xxl {
	border-radius: var(--cnvs-card-rounded);
}

.gradient-color {
	background-image: var(--cnvs-gradient-color) !important;
}

.gradient-text {
    font-family: var(--cnvs-secondary-font);
	padding: 0 5px;
	font-size: 120%;
}

#header {
	--cnvs-primary-menu-font-size: 1.125rem;
	--cnvs-primary-menu-tt:	none;
	--cnvs-primary-menu-ls:	0;
    --cnvs-primary-menu-padding-x: 20px;
    --cnvs-primary-menu-font-weight: 400;
	--cnvs-primary-menu-font: var(--cnvs-body-font);
}

#wrapper {
	background: var(--cnvs-body-bg);
	background-image: var(--cnvs-body-image);
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 100% auto;
}


/* Swiper Tabs */
.swiper-pagination-progress {
	--cnvs-swiper-bar-size: 2px;
	--cnvs-swiper-bar-color:  var(--cnvs-contrast-200);
	--cnvs-swiper-bar-active-color: var(--cnvs-contrast-1000);
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: auto;
	border-radius: 0;
	opacity: 1;
	margin: 0px;
	background-color: transparent;
}
.swiper-pagination-progress .swiper-pagination-bar,
.swiper-pagination-progress .swiper-pagination-bar-active {
	position: absolute;
	bottom: 0;
	border-radius: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: var(--cnvs-swiper-bar-size);
	margin: 0px;
	background-color: var(--cnvs-swiper-bar-color);
}

.swiper-pagination-progress .swiper-pagination-bar-active {
	z-index: 2;
	width: 0%;
	background-color: var(--cnvs-swiper-bar-active-color);
}
.active .swiper-pagination-progress .swiper-pagination-bar-active {
	animation-name: swiperbarAnim;
	animation-duration: 5s;
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-fill-mode: forwards;
}
@keyframes swiperbarAnim {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

.swiper-tab-link {
	--swiper-tab-title: #AAA;
	--swiper-tab-content: ;
	counter-increment: step-counter;
	position: relative;
	overflow: hidden;
	margin-bottom: 5px;
	padding: 20px 0;
	cursor: pointer;
}

.swiper-tab-link::before {
	content: "0" counter(step-counter)'.';
	position: relative;
	display: inline-block;
	font-size: 26px;
    font-weight: 600;
    min-width: 50px;
	margin-right: 5px;
	color: var(--swiper-tab-title);
    font-family: monospace;
	line-height: 1;
}

.swiper-tab-link .swiper-tab-title {
	display: inline-block;
	color: var(--swiper-tab-title);
	margin-bottom: 0;
	font-size: calc(1.275rem + 0.3vw);
}

.swiper-tab-link .swiper-tab-content {
	margin-bottom: 0;
	padding-top: 10px;
    margin-left: 5px;
	line-height: 0;
	opacity: 0;
	vertical-align:middle;
	font-size: 1rem;
	transition: line-height 0.6s cubic-bezier(.4,0,.2,1), opacity .1s .1s cubic-bezier(.4,0,.2,1);
}

@media (min-width: 768px) {
    .swiper-tab-link .swiper-tab-content {
        margin-left: 60px;
    }
}

.swiper-tab-link.active .swiper-tab-content {
	opacity: .8;
	line-height: var(--cnvs-line-height-content);
	transition: line-height 0.5s cubic-bezier(.4,0,.2,1), opacity .15s .15s cubic-bezier(.4,0,.2,1);
}

.swiper-tab-link.active {
	--swiper-tab-title: #000;
}


.toggle {
    --cnvs-toggle-base-color: var(--cnvs-heading-color);
    --cnvs-toggle-font-size: 1.125rem;
    --cnvs-toggle-title-color: var(--cnvs-heading-color);
    --cnvs-toggle-content-padding: 1.5rem 1.75rem;
    margin: 0 0 30px 0;
}

.toggle-header {
	border-radius: var(--cnvs-card-rounded);
	font-weight: 600;
}

.toggle-content {
	padding: 1.5rem 0;
	padding-bottom: .75rem;
	opacity: .8;
	margin-bottom: 0;
}

.toggle-closed {
	transition: .2s;
	opacity: .2;
}

.toggle-active .toggle-closed {
	display: block;
	transform: rotate(45deg);
	opacity: 1;
}

.pricing-tenure-switcher .btn-group {
    background-color: var(--cnvs-contrast-200);
    padding: 6px;
}

.pricing-tenure-switcher .btn-group .btn {
    --bs-btn-border-width: 0;
    --bs-btn-padding-x: 1.25rem;
    --bs-btn-padding-y: 0.425rem;
    --bs-btn-font-size: var(--bs-body-font-size);
    --bs-btn-font-weight: 500;
    border-radius: var(--bs-border-radius-pill) !important;
}


.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(var(--bs-border-width) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}


.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
   -moz-appearance: none;
      appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
  transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::-moz-placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
  transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
   -moz-appearance: none;
      appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
  transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  -webkit-appearance: none;
   -moz-appearance: none;
      appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
  transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}