@charset "UTF-8";

@media (min-width: 992px){
.navbar-expand-lg .navbar-collapse {
display: flex!important;
flex-basis: auto;
}

}

pre{ color: #000; }

.flex-center { display: inline-flex!important; }
.border.border-dashed { border-style: var(--bs-border-style-dashed)!important; }
.border.border-dotted { border-style: var(--bs-border-style-dotted)!important; }
.hover-shadow, [class*="hover-shadow-"], [class~="hover-shadow-"] { transition: all 0.25s ease-in-out; }
.hover-shadow-sm:hover { box-shadow: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.05)!important; }
.hover-shadow:hover { box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.05)!important; }
.hover-shadow-lg:hover { box-shadow: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.075)!important; }
.hover-shadow-xl:hover { box-shadow: 0 2rem 4rem rgba(15, 19, 33, 0.0875)!important; }
.hover-shadow-3d:hover { box-shadow: 5px 5px 0 0 #0f1321!important; }
.grid-separator { overflow: hidden; }
.grid-separator > * { box-shadow: -1px -1px 0 0 var(--bs-border-color); }
.grid-separator [class^="col-"], .grid-separator > [class*="col-"] { padding: 2rem 1rem; }
[data-bs-theme="dark"] img.img-invert { filter: invert(1) grayscale(100%) brightness(200%); }

:root,
[data-bs-theme="light"] {
--bs-blue: #528ff0;
--bs-indigo: #532fff;
--bs-purple: #7d42c1;
--bs-pink: #d419ae;
--bs-red: #ef5350;
--bs-orange: #ff6500;
--bs-yellow: #feaf2c;
--bs-green: #00d09c;
--bs-teal: #49dab5;
--bs-cyan: #5bd6ec;
--bs-black: #0f1321;
--bs-white: #fff;
--bs-gray: #5f6885;
--bs-gray-dark: #272d43;
--bs-gray-100: #fcfcfd;
--bs-gray-200: #f4f5f6;
--bs-gray-300: #e6e8ec;
--bs-gray-400: #d8dbe2;
--bs-gray-500: #7781a1;
--bs-gray-600: #5f6885;
--bs-gray-700: #323951;
--bs-gray-800: #272d43;
--bs-gray-900: #1a1e30;
--bs-primary: #532fff;
--bs-secondary: #323951;
--bs-success: #00d09c;
--bs-info: #5bd6ec;
--bs-warning: #feaf2c;
--bs-danger: #ef5350;
--bs-light: #fcfcfd;
--bs-white: #fff;
--bs-gray-200: #f4f5f6;
--bs-dark: #0f1321;
--bs-primary-rgb: 83, 47, 255;
--bs-secondary-rgb: 50, 57, 81;
--bs-success-rgb: 0, 208, 156;
--bs-info-rgb: 91, 214, 236;
--bs-warning-rgb: 254, 175, 44;
--bs-danger-rgb: 239, 83, 80;
--bs-light-rgb: 252, 252, 253;
--bs-white-rgb: 255, 255, 255;
--bs-gray-200-rgb: 244, 245, 246;
--bs-dark-rgb: 15, 19, 33;
--bs-primary-text: #4226cc;
--bs-secondary-text: #5f6885;
--bs-success-text: #00a67d;
--bs-info-text: #37808e;
--bs-warning-text: #98691a;
--bs-danger-text: #bf4240;
--bs-light-text: #5f6885;
--bs-dark-text: #323951;
--bs-primary-bg-subtle: #ddd5ff;
--bs-secondary-bg-subtle: #fcfcfd;
--bs-success-bg-subtle: #ccf6eb;
--bs-info-bg-subtle: #def7fb;
--bs-warning-bg-subtle: papayawhip;
--bs-danger-bg-subtle: #fcdddc;
--bs-light-bg-subtle: #fefefe;
--bs-dark-bg-subtle: #d8dbe2;
--bs-primary-border-subtle: #baacff;
--bs-secondary-border-subtle: #f4f5f6;
--bs-success-border-subtle: #99ecd7;
--bs-info-border-subtle: #bdeff7;
--bs-warning-border-subtle: #ffdfab;
--bs-danger-border-subtle: #f9bab9;
--bs-light-border-subtle: #f4f5f6;
--bs-dark-border-subtle: #7781a1;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 15, 19, 33;
--bs-body-color-rgb: 26, 30, 48;
--bs-body-bg-rgb: 255, 255, 255;
--bs-font-sans-serif: "Poppins", 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.6;
--bs-body-color: #1a1e30;
--bs-emphasis-color: #0f1321;
--bs-emphasis-color-rgb: 15, 19, 33;
--bs-secondary-color: rgba(26, 30, 48, 0.75);
--bs-secondary-color-rgb: 26, 30, 48;
--bs-secondary-bg: #f4f5f6;
--bs-secondary-bg-rgb: 244, 245, 246;
--bs-tertiary-color: rgba(26, 30, 48, 0.5);
--bs-tertiary-color-rgb: 26, 30, 48;
--bs-tertiary-bg: #fcfcfd;
--bs-tertiary-bg-rgb: 252, 252, 253;
--bs-body-bg: #fff;
--bs-body-bg-rgb: 255, 255, 255;
--bs-link-color: #323951;
--bs-link-color-rgb: 50, 57, 81;
--bs-link-decoration: none;
--bs-link-hover-color: #532fff;
--bs-link-hover-color-rgb: 83, 47, 255;
--bs-code-color: #d419ae;
--bs-highlight-bg: papayawhip;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #e6e8ec;
--bs-border-color-translucent: rgba(119, 129, 161, 0.5);
--bs-border-radius: 0.5rem;
--bs-border-radius-sm: 0.325rem;
--bs-border-radius-lg: 0.75rem;
--bs-border-radius-xl: 1rem;
--bs-border-radius-2xl: 2rem;
--bs-border-radius-pill: 50rem;
--bs-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.05);
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.05);
--bs-box-shadow-lg: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.075);
--bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075);
--bs-emphasis-color: #0f1321;
--bs-form-control-bg: var(--bs-body-bg);
--bs-form-control-disabled-bg: var(--bs-secondary-bg);
--bs-highlight-bg: papayawhip;
--bs-breakpoint-xs: 0;
--bs-breakpoint-sm: 576px;
--bs-breakpoint-md: 768px;
--bs-breakpoint-lg: 992px;
--bs-breakpoint-xl: 1200px;
--bs-breakpoint-xxl: 1400px;
}
[data-bs-theme="dark"] {
--bs-body-color: #e6e8ec;
--bs-body-color-rgb: 230, 232, 236;
--bs-body-bg: #0f1321;
--bs-body-bg-rgb: 15, 19, 33;
--bs-emphasis-color: #fcfcfd;
--bs-emphasis-color-rgb: 252, 252, 253;
--bs-secondary-color: rgba(230, 232, 236, 0.75);
--bs-secondary-color-rgb: 230, 232, 236;
--bs-secondary-bg: #272d43;
--bs-secondary-bg-rgb: 39, 45, 67;
--bs-tertiary-color: rgba(230, 232, 236, 0.5);
--bs-tertiary-color-rgb: 230, 232, 236;
--bs-tertiary-bg: #21263a;
--bs-tertiary-bg-rgb: 33, 38, 58;
--bs-emphasis-color: #fff;
--bs-primary-text: #9882ff;
--bs-secondary-text: #e6e8ec;
--bs-success-text: #66e3c4;
--bs-info-text: #9de6f4;
--bs-warning-text: #fecf80;
--bs-danger-text: #f59896;
--bs-light-text: #fcfcfd;
--bs-dark-text: #e6e8ec;
--bs-primary-bg-subtle: #110933;
--bs-secondary-bg-subtle: #1a1e30;
--bs-success-bg-subtle: #002a1f;
--bs-info-bg-subtle: #122b2f;
--bs-warning-bg-subtle: #332309;
--bs-danger-bg-subtle: #301110;
--bs-light-bg-subtle: #272d43;
--bs-dark-bg-subtle: #1b2032;
--bs-primary-border-subtle: #211366;
--bs-secondary-border-subtle: #323951;
--bs-success-border-subtle: #007d5e;
--bs-info-border-subtle: #24565e;
--bs-warning-border-subtle: #664612;
--bs-danger-border-subtle: #8f3230;
--bs-light-border-subtle: #323951;
--bs-dark-border-subtle: #272d43;
--bs-heading-color: #fff;
--bs-link-color: #fff;
--bs-link-hover-color: #7559ff;
--bs-link-color-rgb: 255, 255, 255;
--bs-link-hover-color-rgb: 117, 89, 255;
--bs-code-color: #e575ce;
--bs-border-color: #323951;
--bs-border-color-translucent: #7781a1;
}
*,
::after,
::before {
box-sizing: border-box;
}

.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;
}
}
.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
position: relative;
}
.dropdown-toggle {
white-space: nowrap;
}
.dropdown-menu {
--bs-dropdown-zindex: 1000;
--bs-dropdown-min-width: 14rem;
--bs-dropdown-padding-x: 0.5rem;
--bs-dropdown-padding-y: 0.5rem;
--bs-dropdown-spacer: 0rem;
--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: 0.5rem;
--bs-dropdown-border-width: 0px;
--bs-dropdown-inner-border-radius: calc(0.5rem - 0px);
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-divider-margin-y: 0.5rem;
--bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.05);
--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: #532fff;
--bs-dropdown-link-disabled-color: #7781a1;
--bs-dropdown-item-padding-x: 1rem;
--bs-dropdown-item-padding-y: 0.4rem;
--bs-dropdown-header-color: #5f6885;
--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);
}
.dropdown-menu[data-bs-popper] {
top: 100%;
left: 0;
margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
--bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-end {
--bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
right: 0;
left: auto;
}
@media (min-width: 576px) {
.dropdown-menu-sm-start {
--bs-position: start;
}
.dropdown-menu-sm-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-sm-end {
--bs-position: end;
}
.dropdown-menu-sm-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-start {
--bs-position: start;
}
.dropdown-menu-md-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-md-end {
--bs-position: end;
}
.dropdown-menu-md-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-start {
--bs-position: start;
}
.dropdown-menu-lg-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-lg-end {
--bs-position: end;
}
.dropdown-menu-lg-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-start {
--bs-position: start;
}
.dropdown-menu-xl-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-xl-end {
--bs-position: end;
}
.dropdown-menu-xl-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 1400px) {
.dropdown-menu-xxl-start {
--bs-position: start;
}
.dropdown-menu-xxl-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-xxl-end {
--bs-position: end;
}
.dropdown-menu-xxl-end[data-bs-popper] {
right: 0;
left: auto;
}
}
.dropup .dropdown-menu[data-bs-popper] {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: var(--bs-dropdown-spacer);
}
.dropend .dropdown-menu[data-bs-popper] {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::before {
vertical-align: 0;
}
.dropdown-divider {
height: 0;
margin: var(--bs-dropdown-divider-margin-y) 0;
overflow: hidden;
border-top: 1px solid var(--bs-dropdown-divider-bg);
opacity: 1;
}
.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;
white-space: nowrap;
background-color: transparent;
border: 0;
border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:focus,
.dropdown-item:hover {
color: var(--bs-dropdown-link-hover-color);
background-color: #262fbd;
}
.dropdown-item.active,
.dropdown-item:active {
color: var(--bs-dropdown-link-active-color);
text-decoration: none;
background-color: #030ea2;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
color: var(--bs-dropdown-link-disabled-color);
pointer-events: none;
background-color: transparent;
}
.dropdown-menu.show {
display: block;
}
.dropdown-header {
display: block;
padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
margin-bottom: 0;
font-size: 0.875rem;
color: var(--bs-dropdown-header-color);
white-space: nowrap;
}
.dropdown-item-text {
display: block;
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
--bs-dropdown-color: #e6e8ec;
--bs-dropdown-bg: #272d43;
--bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-link-color: #e6e8ec;
--bs-dropdown-link-hover-color: #fff;
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #532fff;
--bs-dropdown-link-disabled-color: #7781a1;
--bs-dropdown-header-color: #7781a1;
}
.nav {
--bs-nav-link-padding-x: 1rem;
--bs-nav-link-padding-y: 0.5rem;
--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);
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:focus,
.nav-link:hover {
color: var(--bs-nav-link-hover-color);
}
.nav-link.disabled {
color: var(--bs-nav-link-disabled-color);
pointer-events: none;
cursor: default;
}
.nav-tabs {
--bs-nav-tabs-border-width: var(--bs-border-width);
--bs-nav-tabs-border-color: var(--bs-border-color);
--bs-nav-tabs-border-radius: var(--bs-border-radius);
--bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
--bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
--bs-nav-tabs-link-active-bg: var(--bs-body-bg);
--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
background: 0 0;
border: var(--bs-nav-tabs-border-width) solid transparent;
border-top-left-radius: var(--bs-nav-tabs-border-radius);
border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
isolation: isolate;
border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link:disabled {
color: var(--bs-nav-link-disabled-color);
background-color: transparent;
border-color: transparent;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: var(--bs-nav-tabs-link-active-color);
background-color: var(--bs-nav-tabs-link-active-bg);
border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav-pills {
--bs-nav-pills-border-radius: 0.5rem;
--bs-nav-pills-link-active-color: #fff;
--bs-nav-pills-link-active-bg: #532fff;
}
.nav-pills .nav-link {
background: 0 0;
border: 0;
border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link:disabled {
color: var(--bs-nav-link-disabled-color);
background-color: transparent;
border-color: transparent;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: var(--bs-nav-pills-link-active-color);
background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-fill .nav-item,
.nav-fill > .nav-link {
flex: 1 1 auto;
text-align: center;
}
.nav-justified .nav-item,
.nav-justified > .nav-link {
flex-basis: 0;
flex-grow: 1;
text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
width: 100%;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.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.3rem;
--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%2826, 30, 48, 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: 0.5rem;
--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,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
display: flex;
flex-wrap: inherit;
align-items: center;
justify-content: space-between;
}
.navbar-brand {
padding-top: var(--bs-navbar-brand-padding-y);
padding-bottom: var(--bs-navbar-brand-padding-y);
margin-right: var(--bs-navbar-brand-margin-end);
font-size: var(--bs-navbar-brand-font-size);
color: var(--bs-navbar-brand-color);
white-space: nowrap;
}
.navbar-brand:focus,
.navbar-brand:hover {
color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
--bs-nav-link-padding-x: 0;
--bs-nav-link-padding-y: 0.5rem;
--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 .show > .nav-link {
color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
position: static;
}
.navbar-text {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
color: var(--bs-navbar-active-color);
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center;
}
.navbar-toggler {
padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
font-size: var(--bs-navbar-toggler-font-size);
line-height: 1;
color: var(--bs-navbar-color);
background-color: transparent;
border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
border-radius: var(--bs-navbar-toggler-border-radius);
transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
.navbar-toggler {
transition: none;
}
}
.navbar-toggler:hover {
text-decoration: none;
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background-image: var(--bs-navbar-toggler-icon-bg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.navbar-nav-scroll {
max-height: var(--bs-scroll-height, 75vh);
overflow-y: auto;
}
@media (min-width: 576px) {
.navbar-expand-sm {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav {
flex-direction: row;
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-sm .navbar-collapse {
display: flex!important;
flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
display: none;
}
.navbar-expand-sm .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto!important;
height: auto!important;
visibility: visible!important;
background-color: transparent!important;
border: 0!important;
transform: none!important;
transition: none;
}
.navbar-expand-sm .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-sm .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
flex-direction: row;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-md .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-md .navbar-collapse {
display: flex!important;
flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
display: none;
}
.navbar-expand-md .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto!important;
height: auto!important;
visibility: visible!important;
background-color: transparent!important;
border: 0!important;
transform: none!important;
transition: none;
}
.navbar-expand-md .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-md .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-lg .navbar-collapse {
display: flex!important;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
.navbar-expand-lg .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto!important;
height: auto!important;
visibility: visible!important;
background-color: transparent!important;
border: 0!important;
transform: none!important;
transition: none;
}
.navbar-expand-lg .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-lg .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 1200px) {
.navbar-expand-xl {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-xl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xl .navbar-collapse {
display: flex!important;
flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler {
display: none;
}
.navbar-expand-xl .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto!important;
height: auto!important;
visibility: visible!important;
background-color: transparent!important;
border: 0!important;
transform: none!important;
transition: none;
}
.navbar-expand-xl .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-xl .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 1400px) {
.navbar-expand-xxl {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-xxl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xxl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xxl .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-xxl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xxl .navbar-collapse {
display: flex!important;
flex-basis: auto;
}
.navbar-expand-xxl .navbar-toggler {
display: none;
}
.navbar-expand-xxl .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto!important;
height: auto!important;
visibility: visible!important;
background-color: transparent!important;
border: 0!important;
transform: none!important;
transition: none;
}
.navbar-expand-xxl .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-xxl .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
.navbar-expand {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand .navbar-nav {
flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand .navbar-collapse {
display: flex!important;
flex-basis: auto;
}
.navbar-expand .navbar-toggler {
display: none;
}
.navbar-expand .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto!important;
height: auto!important;
visibility: visible!important;
background-color: transparent!important;
border: 0!important;
transform: none!important;
transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
.navbar-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");
}
[data-bs-theme="dark"] .navbar {
--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");
}
.nav.flex-column .nav-link {
padding-left: 0;
}
.text-light,
.text-white {
--bs-body-color: #fff;
--bs-body-color-rgb: 255, 255, 255;
}
.text-light .nav,
.text-white .nav {
--bs-text-opacity: 0.75;
--bs-nav-link-color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity));
--bs-nav-link-hover-color: #fff;
--bs-nav-link-active-color: #fff;
--bs-nav-link-disabled-color: var(--bs-secondary-color);
}
.text-light .nav .nav-link.active,
.text-white .nav .nav-link.active {
color: var(--bs-nav-link-active-color);
}
.nav.nav-filter .nav-link {
position: relative;
padding: 0;
}
.nav.nav-filter .nav-link.active {
text-decoration: line-through;
}
.nav.nav-filter:not(.flex-column) .nav-item:not(:last-child) {
margin-right: 1rem;
}
.nav-overflow {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
padding-bottom: 1px;
}
.nav-overflow::-webkit-scrollbar {
display: none;
}
.nav-tabs-vertical {
flex-direction: column;
flex-shrink: 0;
flex: 1;
}
.nav.nav-pills.nav-pills-white .nav-link.active {
background-color: #532fff;
color: #fff;
}
.nav-tabs {
border-bottom: 2px solid var(--bs-border-color);
}
.nav-tabs .nav-link {
padding-left: 0;
padding-right: 0;
}
.nav-tabs .nav-link:not(:first-child) {
margin-left: 1.75rem;
}
.nav-tabs .nav-link {
margin-bottom: -2px;
border-bottom: 2px solid transparent;
border-top: 0;
border-left: 0;
border-right: 0;
background-color: transparent;
}
.nav-tabs .nav-link.active {
background-color: transparent;
border-bottom-color: #532fff;
}
.nav-link.active {
color: var(--bs-link-hover-color);
}
.navbar .navbar-nav .nav-link { font-weight: 500; font-size: 1.2rem; font-family: var(--bs-font-sans-serif); letter-spacing: normal; }

.navbar:not(.position-fixed):not(.position-absolute):not(.fixed-top) { position: relative; }
.navbar .dropdown-menu { z-index: 1022; }

.navbar-no-collapse-items .btn { white-space: nowrap; }
.navbar-no-collapse-items .nav-link { padding: 0.5rem 0; color: rgba(var(--bs-emphasis-color-rgb), 0.65); }

.navbar-no-collapse-items .nav-link:hover {
color: rgba(var(--bs-emphasis-color-rgb), 0.8);
}
.navbar-dark .navbar-no-collapse-items .nav-link,
.navbar-link-white .navbar-no-collapse-items .nav-link {
color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-no-collapse-items .nav-link:focus,
.navbar-dark .navbar-no-collapse-items .nav-link:hover,
.navbar-link-white .navbar-no-collapse-items .nav-link:focus,
.navbar-link-white .navbar-no-collapse-items .nav-link:hover {
color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-no-collapse-items .nav-link.active,
.navbar-dark .navbar-no-collapse-items .nav-link.show,
.navbar-link-white .navbar-no-collapse-items .nav-link.active,
.navbar-link-white .navbar-no-collapse-items .nav-link.show {
color: #fff;
}
.is-sticky .navbar-light.navbar-link-white .navbar-no-collapse-items .nav-link,
.scroll-up .navbar-light.navbar-link-white .navbar-no-collapse-items .nav-link {
color: rgba(var(--bs-emphasis-color-rgb), 0.65);
}
.is-sticky .navbar-light.navbar-link-white .navbar-no-collapse-items .nav-link:focus,
.is-sticky .navbar-light.navbar-link-white .navbar-no-collapse-items .nav-link:hover,
.scroll-up .navbar-light.navbar-link-white .navbar-no-collapse-items .nav-link:focus,
.scroll-up .navbar-light.navbar-link-white .navbar-no-collapse-items .nav-link:hover {
color: rgba(var(--bs-emphasis-color-rgb), 0.8);
}
.is-sticky .navbar-light.navbar-link-white .navbar-no-collapse-items .nav-link.active,
.is-sticky .navbar-light.navbar-link-white .navbar-no-collapse-items .nav-link.show,
.scroll-up .navbar-light.navbar-link-white .navbar-no-collapse-items .nav-link.active,
.scroll-up .navbar-light.navbar-link-white .navbar-no-collapse-items .nav-link.show {
color: rgba(var(--bs-emphasis-color-rgb), 1);
}
.header-transparent .navbar {
background-color: transparent;
border-bottom: 0;
}
.header-absolute-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 1030;
}
.header-fixed-top {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 1030;
}
.navbar-brand {
width: 5rem;
display: block;
padding: 0;
position: relative;
}
.navbar-brand .navbar-brand-sticky,
.navbar-brand .navbar-brand-transparent {
position: absolute;
top: 50%;
width: 100%;
transform: translateY(-50%);
}
header.header-transparent.sticky-fixed .navbar {
padding: 0.75rem 0;
transition: transform 0.5s cubic-bezier(0.55, 0.04, 0.43, 1);
}
header.header-transparent.sticky-fixed .navbar .navbar-fixed-bg {
transform: translateY(-100%);
transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
height: 100%;
width: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
box-shadow: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.075);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
header.header-transparent.sticky-fixed.is-fixed .navbar {
transform: none;
}
header.header-transparent.sticky-fixed.is-fixed .navbar .navbar-fixed-bg {
transform: translateY(0);
transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
header.header-transparent.sticky-fixed.is-fixed .navbar-light .navbar-fixed-bg {
background-color: var(--bs-body-bg);
}
header.header-transparent.sticky-fixed.is-fixed .navbar-light.navbar-link-white .navbar-brand > .navbar-brand-transparent {
opacity: 0;
visibility: hidden;
}
header.header-transparent.sticky-fixed.is-fixed .navbar-light.navbar-link-white .navbar-brand > .navbar-brand-sticky {
opacity: 1;
visibility: visible;
}
header.header-transparent.sticky-fixed.is-fixed .navbar-light .navbar-toggler .navbar-toggler-icon > i {
color: rgba(var(--bs-emphasis-color-rgb), 0.65);
}
header.header-transparent.sticky-fixed.is-fixed .navbar-dark .navbar-fixed-bg {
background-color: rgba(15, 19, 33, 0.985);
}
@media (min-width: 992px) {
.header-absolute-top .navbar {
max-width: calc(100vw - 17px);
}
.header-center-logo .navbar-brand {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.navbar.navbar-brand-center .navbar-brand {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
header.header-sticky.is-sticky .navbar.navbar-expand-lg {
border-radius: 0;
position: fixed;
left: 0;
top: 0;
z-index: 1030;
width: 100%;
transition: all 0.3s;
animation: fadeDown 0.4s both;
border-width: 1px;
}
header.header-sticky.is-sticky .navbar.navbar-expand-lg.navbar-light {
animation: fadeDown 0.4s both;
border-bottom-color: #e6e8ec;
box-shadow: 0 16px 32px 0 rgba(15, 19, 33, 0.04);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: var(--bs-body-bg);
}
header.header-sticky.is-sticky .navbar.navbar-expand-lg.navbar-dark {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: rgba(15, 19, 33, 0.75);
animation: fadeDown 0.4s both;
box-shadow: 0 16px 32px 0 rgba(15, 19, 33, 0.0975);
}
header.header-boxed.is-sticky .navbar-boxed,
header.header-boxed.scroll-up .navbar-boxed {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 1030;
padding: 0.5rem 0;
}
header.header-boxed.is-sticky .navbar-boxed .navbar.navbar-expand-lg,
header.header-boxed.scroll-up .navbar-boxed .navbar.navbar-expand-lg {
position: relative;
padding: 0 1rem;
border-radius: 0.75rem;
}
header:not(.scroll-up):not(.is-sticky):not(.is-fixed) .navbar-light.navbar-link-white .navbar-nav .nav-link {
color: #fff;
}
header:not(.scroll-up):not(.is-sticky):not(.is-fixed) .navbar-light.navbar-link-white .navbar-nav .nav-link:focus,
header:not(.scroll-up):not(.is-sticky):not(.is-fixed) .navbar-light.navbar-link-white .navbar-nav .nav-link:hover {
color: rgba(255, 255, 255, 0.75);
}
header:not(.scroll-up):not(.is-sticky):not(.is-fixed) .navbar-light.navbar-link-white .navbar-nav .nav-link.active {
color: #fff;
}
.navbar-expand-lg .navbar-brand {
width: 6.5rem;
}
.navbar-expand-lg.navbar {
padding-top: 0;
padding-bottom: 0;
}
.navbar-expand-lg .nav-item > .nav-link,
.navbar-expand-lg .navbar-no-collapse-items .nav-item {
height: 4.75rem;
display: flex;
align-items: center;
justify-content: center;
}
.navbar-expand-lg .navbar-no-collapse-items .nav-item .nav-link {
height: auto;
}
.navbar-expand-lg .nav-item:not(:first-child) {
margin-left: 0.65rem;
}
header .navbar-link-white .navbar-brand .navbar-brand-sticky {
opacity: 0;
visibility: hidden;
}
header.is-sticky .navbar-link-white .navbar-brand .navbar-brand-sticky,
header.scroll-up .navbar-link-white .navbar-brand .navbar-brand-sticky {
opacity: 1;
visibility: visible;
}
header.is-sticky .navbar-link-white .navbar-brand .navbar-brand-transparent,
header.scroll-up .navbar-link-white .navbar-brand .navbar-brand-transparent {
opacity: 0;
visibility: hidden;
}
header.header-transparent.sticky-fixed .navbar .navbar-fixed-bg {
height: calc(100% - 20px);
}
header.header-transparent.sticky-fixed.is-fixed .navbar {
transform: translateY(-20px);
}
.sticky-reverse .navbar-expand-lg {
transition: all 0.4s;
position: fixed!important;
left: 0;
top: 0;
width: 100%;
z-index: 1030;
padding: 1rem 0;
}
.sticky-reverse.scroll-down .navbar-expand-lg {
transform: translateY(-100%);
}
.sticky-reverse.scroll-down .navbar-expand-lg,
.sticky-reverse.scroll-up .navbar-expand-lg {
padding: 0 0;
}
.sticky-reverse.scroll-down .navbar-light,
.sticky-reverse.scroll-up .navbar-light {
background-color: rgba(var(--bs-body-bg-rgb), 0.985);
}
.sticky-reverse.scroll-down .navbar-dark,
.sticky-reverse.scroll-up .navbar-dark {
background-color: rgba(15, 19, 33, 0.985);
}
.sticky-reverse.scroll-up .navbar-light {
box-shadow: 0 11px 24px rgba(15, 19, 33, 0.04);
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
margin-top: -0.45rem;
}
.navbar-expand-lg .navbar-nav .dropdown-menu::before {
content: "";
left: -0.275rem;
top: -0.275rem;
width: 100%;
height: 100%;
z-index: -1;
position: absolute;
display: block;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropend .dropdown-menu {
margin-left: 0.725rem;
margin-top: 0;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropend .dropdown-menu::before {
top: 0;
left: -0.785rem;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropstart .dropdown-menu {
margin-right: 0.725rem;
margin-top: 0;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropstart .dropdown-menu::before {
top: 0;
left: auto;
right: -0.785rem;
}
}
.navbar-dark .navbar-toggler,
.navbar-link-white .navbar-toggler {
color: #fff;
}
.navbar-toggler {
padding: 0;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border: none;
background-color: transparent;
}
.navbar-toggler:focus {
outline: 0;
box-shadow: none;
}
.navbar-toggler .navbar-toggler-icon {
background-image: none;
width: 24px;
height: 24px;
position: relative;
display: inline-block;
transition: all 0.5s ease;
vertical-align: middle;
font-size: 0;
cursor: pointer;
}
.navbar-toggler .navbar-toggler-icon > i {
width: 100%;
height: 2px;
display: block;
position: absolute;
top: 50%;
margin-top: -1px;
background-color: currentColor;
transition: background-color 0s 0.3s;
}
.navbar-toggler .navbar-toggler-icon > i::after,
.navbar-toggler .navbar-toggler-icon > i::before {
content: "";
width: 100%;
height: 2px;
position: absolute;
display: block;
left: 0;
background-color: currentColor;
}
.navbar-toggler .navbar-toggler-icon > i::before {
top: 8px;
transition: top 0.3s 0.3s, transform 0.3s 0s, background-color 0.3s 0s;
}
.navbar-toggler .navbar-toggler-icon > i::after {
bottom: 8px;
transition: bottom 0.3s 0.3s, transform 0.3s 0s, background-color 0.3s 0s;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon > i {
background-color: transparent;
transition: background-color 0s 0.2s;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon > i:before {
top: 0;
transform: rotate(45deg);
transition: top 0.2s 0s, transform 0.3s 0.2s, background-color 0.2s 0s;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon > i::after {
bottom: 0;
transition: bottom 0.2s 0s, transform 0.2s 0.2s, background-color 0.2s 0s;
transform: rotate(-45deg);
}
.navbar-dark .navbar-toggler .navbar-toggler-icon i::before,
.navbar-dark .navbar-toggler .navbar-toggler-icon > i,
.navbar-dark .navbar-toggler .navbar-toggler-icon > i::after {
background-color: #fff;
}
.navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon > i {
background-color: transparent;
}
@media (max-width: 991.98px) {
header.sticky-reverse .navbar-link-white .navbar-brand .navbar-brand-sticky {
opacity: 0;
visibility: hidden;
}
.navbar-expand-lg.navbar .navbar-collapse {
max-height: 80vh;
overflow-y: auto;
margin-top: 0.5rem;
border-bottom-left-radius: 0.75rem;
border-bottom-right-radius: 0.75rem;
}
.navbar-expand-lg.navbar .navbar-collapse > .navbar-nav {
padding: 1rem;
}
.navbar-expand-lg.navbar.navbar-light .navbar-collapse {
background-color: var(--bs-body-bg);
box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.05);
}
.navbar-expand-lg.navbar.navbar-dark .navbar-collapse {
background-color: #0f1321;
}
}
@media (min-width: 576px) {
.navbar-expand-sm.navbar-search-w-icons .navbar-collapse {
flex-grow: 0;
flex-basis: 0;
}
.navbar-expand-sm.navbar-search-w-icons .collapse-search {
--navbar-search-width: 440px;
min-width: var(--navbar-search-width);
}
}
@media (max-width: 575.98px) {
.navbar-expand-sm .collapse-search {
width: 100%;
flex-basis: 100%;
}
.navbar-expand-sm.navbar-search-w-icons .search-link[aria-expanded="true"] .bx::before {
content: "\ec8d";
}
}
@media (min-width: 768px) {
.navbar-expand-md.navbar-search-w-icons .navbar-collapse {
flex-grow: 0;
flex-basis: 0;
}
.navbar-expand-md.navbar-search-w-icons .collapse-search {
--navbar-search-width: 440px;
min-width: var(--navbar-search-width);
}
}
@media (max-width: 767.98px) {
.navbar-expand-md .collapse-search {
width: 100%;
flex-basis: 100%;
}
.navbar-expand-md.navbar-search-w-icons .search-link[aria-expanded="true"] .bx::before {
content: "\ec8d";
}
}
@media (min-width: 992px) {
.navbar-expand-lg.navbar-search-w-icons .navbar-collapse {
flex-grow: 0;
flex-basis: 0;
}
.navbar-expand-lg.navbar-search-w-icons .collapse-search {
--navbar-search-width: 440px;
min-width: var(--navbar-search-width);
}
}
@media (max-width: 991.98px) {
.navbar-expand-lg .collapse-search {
width: 100%;
flex-basis: 100%;
}
.navbar-expand-lg.navbar-search-w-icons .search-link[aria-expanded="true"] .bx::before {
content: "\ec8d";
}
}
@media (min-width: 1200px) {
.navbar-expand-xl.navbar-search-w-icons .navbar-collapse {
flex-grow: 0;
flex-basis: 0;
}
.navbar-expand-xl.navbar-search-w-icons .collapse-search {
--navbar-search-width: 440px;
min-width: var(--navbar-search-width);
}
}
@media (max-width: 1199.98px) {
.navbar-expand-xl .collapse-search {
width: 100%;
flex-basis: 100%;
}
.navbar-expand-xl.navbar-search-w-icons .search-link[aria-expanded="true"] .bx::before {
content: "\ec8d";
}
}
@media (min-width: 1400px) {
.navbar-expand-xxl.navbar-search-w-icons .navbar-collapse {
flex-grow: 0;
flex-basis: 0;
}
.navbar-expand-xxl.navbar-search-w-icons .collapse-search {
--navbar-search-width: 440px;
min-width: var(--navbar-search-width);
}
}
@media (max-width: 1399.98px) {
.navbar-expand-xxl .collapse-search {
width: 100%;
flex-basis: 100%;
}
.navbar-expand-xxl.navbar-search-w-icons .search-link[aria-expanded="true"] .bx::before {
content: "\ec8d";
}
}
.navbar-expand.navbar-search-w-icons .navbar-collapse {
flex-grow: 0;
flex-basis: 0;
}
.navbar-expand.navbar-search-w-icons .collapse-search {
--navbar-search-width: 440px;
min-width: var(--navbar-search-width);
}
.navbar-expand .collapse-search {
width: 100%;
flex-basis: 100%;
}
.navbar-expand.navbar-search-w-icons .search-link[aria-expanded="true"] .bx::before {
content: "\ec8d";
}
.navbar-brand-dark {
display: none;
}
[data-bs-theme="dark"] header.header-sticky.is-sticky .navbar-light .navbar-brand .navbar-brand-sticky,
[data-bs-theme="dark"] header.header-transparent.sticky-fixed.is-fixed .navbar-light .navbar-brand .navbar-brand-sticky {
display: none;
}
[data-bs-theme="dark"] header.header-sticky.is-sticky .navbar-light .navbar-brand .navbar-brand-transparent,
[data-bs-theme="dark"] header.header-transparent.sticky-fixed.is-fixed .navbar-light .navbar-brand .navbar-brand-transparent {
display: block;
opacity: 1;
visibility: visible;
}
[data-bs-theme="dark"] .navbar-brand-dark {
display: block;
}
[data-bs-theme="dark"] .navbar-brand-light {
display: none;
}
[data-bs-theme="dark"] header.is-sticky .navbar-link-white .navbar-brand .navbar-brand-sticky,
[data-bs-theme="dark"] header.scroll-up .navbar-link-white .navbar-brand .navbar-brand-sticky {
opacity: 0;
visibility: hidden;
}
[data-bs-theme="dark"] header.is-sticky .navbar-link-white .navbar-brand .navbar-brand-transparent,
[data-bs-theme="dark"] header.scroll-up .navbar-link-white .navbar-brand .navbar-brand-transparent {
opacity: 1;
visibility: visible;
}
.dropdown-menu {
box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.05);
}
.dropdown-menu .dropdown-divider {
height: 1px;
}
.dropdown-item {
font-family: var(--bs-font-sans-serif);
transition: all 0.2s ease-in-out;
letter-spacing: 0;
font-size: 1rem;
font-weight: 400;
--bs-dropdown-border-radius: 0.5rem;
border-radius: var(--bs-dropdown-border-radius);
}
.bg-dark .dropdown-divider,
.dropdown-menu-dark .dropdown-divider,
.text-white .dropdown-divider {
opacity: 0.2;
}

.navbar-no-collapse-items .dropdown-menu.dropdown-menu-xs {
min-width: 300px;
width: 300px;
}
.dropdown-menu-input {
min-width: 100%;
overflow-y: auto;
max-height: 290px;
}
.form-control.show {
border-bottom-left-radius: 0!important;
border-bottom-right-radius: 0!important;
}
@media (min-width: 992px) {
.navbar .dropdown-menu-end {
right: 0;
left: auto;
}
.dropdown-scroll-lg {
overflow-y: auto;
max-height: calc(100vh - 5rem - 1.25rem);
-ms-overflow-style: none;
scrollbar-width: none;
}
.dropdown-scroll-lg::-webkit-scrollbar {
display: none;
}
.navbar .dropdown-menu {
top: 100%;
display: block;
visibility: hidden;
transform: translateY(16px);
opacity: 0;
}
.navbar .dropdown:hover > .dropdown-menu,
.navbar .dropend:hover > .dropdown-menu,
.navbar .dropstart:hover > .dropdown-menu {
transition: opacity 0.15s, transform 0.25s cubic-bezier(0.25, 0.5, 0.75, 1);
transform: none;
opacity: 1;
visibility: visible;
}
.dropdown-menu.dropdown-menu-input {
display: none;
opacity: 1;
visibility: visible;
transform: none;
}
.dropdown-menu.dropdown-menu-input.show {
display: block;
}
.dropdown-menu-fw {
width: auto;
max-width: none;
margin-left: 0.75rem;
margin-right: 0.75rem;
right: 0;
left: 0;
}
.navbar-boxed .navbar .dropdown-menu-fw {
margin-left: 0;
margin-right: 0;
}
.dropdown-menu-md {
width: 720px;
}
.dropdown-menu-sm {
width: 540px;
}
.navbar-no-collapse-items .dropdown-menu.dropdown-menu-xs {
min-width: 360px;
width: 360px;
}
.dropdown-menu-xs {
width: 360px;
}
}
@media (min-width: 1200px) {
.navbar .dropdown-menu-lg {
width: auto;
max-width: none;
}
.navbar .dropdown-menu-lg.dropdown-menu-end[data-bs-popper] {
right: 0;
margin-right: 0.75rem;
}
.navbar .dropdown-menu-md {
width: 720px;
}
.navbar .dropdown-menu-sm {
width: 540px;
}
.navbar .dropdown-menu-xs {
width: 340px;
}
}
@media (max-width: 575.98px) {
.navbar-expand-sm.navbar .dropdown-menu {
box-shadow: none;
}
.navbar-expand-sm.navbar .dropend .dropdown-menu,
.navbar-expand-sm.navbar .dropstart .dropdown-menu {
opacity: 1;
position: static;
padding-top: 0.25rem;
padding-right: 0;
padding-left: 1rem;
padding-bottom: 0;
}
.navbar-expand-sm.navbar .nav-item.dropdown {
position: static;
}
.navbar-expand-sm.navbar .navbar-no-collapse-items .dropdown-menu {
min-width: 100%;
max-width: 100%;
width: 100%;
}
}
@media (max-width: 767.98px) {
.navbar-expand-md.navbar .dropdown-menu {
box-shadow: none;
}
.navbar-expand-md.navbar .dropend .dropdown-menu,
.navbar-expand-md.navbar .dropstart .dropdown-menu {
opacity: 1;
position: static;
padding-top: 0.25rem;
padding-right: 0;
padding-left: 1rem;
padding-bottom: 0;
}
.navbar-expand-md.navbar .nav-item.dropdown {
position: static;
}
.navbar-expand-md.navbar .navbar-no-collapse-items .dropdown-menu {
min-width: 100%;
max-width: 100%;
width: 100%;
}
}
@media (max-width: 991.98px) {
.navbar-expand-lg.navbar .dropdown-menu {
box-shadow: none;
}
.navbar-expand-lg.navbar .dropend .dropdown-menu,
.navbar-expand-lg.navbar .dropstart .dropdown-menu {
opacity: 1;
position: static;
padding-top: 0.25rem;
padding-right: 0;
padding-left: 1rem;
padding-bottom: 0;
}
.navbar-expand-lg.navbar .nav-item.dropdown {
position: static;
}
.navbar-expand-lg.navbar .navbar-no-collapse-items .dropdown-menu {
min-width: 100%;
max-width: 100%;
width: 100%;
}
}
@media (max-width: 1199.98px) {
.navbar-expand-xl.navbar .dropdown-menu {
box-shadow: none;
}
.navbar-expand-xl.navbar .dropend .dropdown-menu,
.navbar-expand-xl.navbar .dropstart .dropdown-menu {
opacity: 1;
position: static;
padding-top: 0.25rem;
padding-right: 0;
padding-left: 1rem;
padding-bottom: 0;
}
.navbar-expand-xl.navbar .nav-item.dropdown {
position: static;
}
.navbar-expand-xl.navbar .navbar-no-collapse-items .dropdown-menu {
min-width: 100%;
max-width: 100%;
width: 100%;
}
}
@media (max-width: 1399.98px) {
.navbar-expand-xxl.navbar .dropdown-menu {
box-shadow: none;
}
.navbar-expand-xxl.navbar .dropend .dropdown-menu,
.navbar-expand-xxl.navbar .dropstart .dropdown-menu {
opacity: 1;
position: static;
padding-top: 0.25rem;
padding-right: 0;
padding-left: 1rem;
padding-bottom: 0;
}
.navbar-expand-xxl.navbar .nav-item.dropdown {
position: static;
}
.navbar-expand-xxl.navbar .navbar-no-collapse-items .dropdown-menu {
min-width: 100%;
max-width: 100%;
width: 100%;
}
}
.navbar-expand.navbar .dropdown-menu {
box-shadow: none;
}
.navbar-expand.navbar .dropend .dropdown-menu,
.navbar-expand.navbar .dropstart .dropdown-menu {
opacity: 1;
position: static;
padding-top: 0.25rem;
padding-right: 0;
padding-left: 1rem;
padding-bottom: 0;
}
.navbar-expand.navbar .nav-item.dropdown {
position: static;
}
.navbar-expand.navbar .navbar-no-collapse-items .dropdown-menu {
min-width: 100%;
max-width: 100%;
width: 100%;
}
.dropend .dropdown-menu {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: 0;
}
.dropstart .dropdown-menu {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-left: 0;
}
.dropdown-menu.dropdown-menu-xxs {
max-width: 160px;
min-width: 160px;
}
.offcanvas.show:not(.offcanvas-navbar) {
transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.offcanvas.show:not(.offcanvas-navbar) ul > li {
overflow: hidden;
transition: opacity 0.45s, transform 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
opacity: 1;
transform: translateZ(0);
}
.offcanvas.show:not(.offcanvas-navbar) ul > li:nth-child(1) {
transition-delay: 0.25s;
}
.offcanvas.show:not(.offcanvas-navbar) ul > li:nth-child(2) {
transition-delay: 0.5s;
}
.offcanvas.show:not(.offcanvas-navbar) ul > li:nth-child(3) {
transition-delay: 0.75s;
}
.offcanvas.show:not(.offcanvas-navbar) ul > li:nth-child(4) {
transition-delay: 1s;
}
.offcanvas.show:not(.offcanvas-navbar) ul > li:nth-child(5) {
transition-delay: 1.25s;
}
@media (min-width: 992px) {
body.page-collapsed .page-sidebar:not(:hover) {
width: 72px;
}
body.page-collapsed .page-sidebar:not(:hover) .sidebar-dropdown.collapse.show {
height: 0;
overflow: hidden;
transition: height 0.3s ease 0s;
}
body.page-collapsed .page-sidebar:not(:hover) .nav-link-text,
body.page-collapsed .page-sidebar:not(:hover) .navbar-brand-text {
opacity: 0;
}
.navbar .navbar-nav .dropdown-toggle:not(.active)::after,
.navbar .navbar-nav .dropdown-toggle:not(.active)::before {
opacity: 0.75;
}

}
@media (min-width: 576px) {
.navbar-expand-sm .dropdown-menu .dropend .dropdown-toggle::after {
content: "\ed3b";
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
vertical-align: initial;
line-height: 1;
}
.navbar-expand-sm .dropdown-menu .dropstart .dropdown-toggle::before {
content: "\ed38";
position: absolute;
left: -0.125rem;
top: 50%;
transform: translateY(-50%);
vertical-align: middle;
}
}
@media (max-width: 575.98px) {
.navbar-expand-sm .dropdown-menu .dropend .dropdown-toggle::after {
content: "\ed35";
}
.navbar-expand-sm .dropdown-menu .dropstart .dropdown-toggle::before {
content: "\ed35";
}
}
@media (min-width: 768px) {
.navbar-expand-md .dropdown-menu .dropend .dropdown-toggle::after {
content: "\ed3b";
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
vertical-align: initial;
line-height: 1;
}
.navbar-expand-md .dropdown-menu .dropstart .dropdown-toggle::before {
content: "\ed38";
position: absolute;
left: -0.125rem;
top: 50%;
transform: translateY(-50%);
vertical-align: middle;
}
}
@media (max-width: 767.98px) {
.navbar-expand-md .dropdown-menu .dropend .dropdown-toggle::after {
content: "\ed35";
}
.navbar-expand-md .dropdown-menu .dropstart .dropdown-toggle::before {
content: "\ed35";
}
}
@media (min-width: 992px) {
.navbar-expand-lg .dropdown-menu .dropend .dropdown-toggle::after {
/* content: "\ed3b"; */
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
vertical-align: initial;
line-height: 1;
}
.navbar-expand-lg .dropdown-menu .dropstart .dropdown-toggle::before {
content: "\ed38";
position: absolute;
left: -0.125rem;
top: 50%;
transform: translateY(-50%);
vertical-align: middle;
}
}
@media (max-width: 991.98px) {
.navbar-expand-lg .dropdown-menu .dropend .dropdown-toggle::after {
content: "\ed35";
}
.navbar-expand-lg .dropdown-menu .dropstart .dropdown-toggle::before {
content: "\ed35";
}
}
@media (min-width: 1200px) {
.navbar-expand-xl .dropdown-menu .dropend .dropdown-toggle::after {
content: "\ed3b";
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
vertical-align: initial;
line-height: 1;
}
.navbar-expand-xl .dropdown-menu .dropstart .dropdown-toggle::before {
content: "\ed38";
position: absolute;
left: -0.125rem;
top: 50%;
transform: translateY(-50%);
vertical-align: middle;
}
}
@media (max-width: 1199.98px) {
.navbar-expand-xl .dropdown-menu .dropend .dropdown-toggle::after {
content: "\ed35";
}
.navbar-expand-xl .dropdown-menu .dropstart .dropdown-toggle::before {
content: "\ed35";
}
}
@media (min-width: 1400px) {
.navbar-expand-xxl .dropdown-menu .dropend .dropdown-toggle::after {
content: "\ed3b";
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
vertical-align: initial;
line-height: 1;
}
.navbar-expand-xxl .dropdown-menu .dropstart .dropdown-toggle::before {
content: "\ed38";
position: absolute;
left: -0.125rem;
top: 50%;
transform: translateY(-50%);
vertical-align: middle;
}
}

@media (max-width: 1399.98px) {

.navbar-expand-xxl .dropdown-menu .dropend .dropdown-toggle::after { content: "\ed35"; }
.navbar-expand-xxl .dropdown-menu .dropstart .dropdown-toggle::before { content: "\ed35"; }

}

.navbar-expand .dropdown-menu .dropend .dropdown-toggle::after { content: "\ed3b"; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); vertical-align: initial; line-height: 1; }

.navbar-expand .dropdown-menu .dropstart .dropdown-toggle::before { content: "\ed38"; position: absolute; left: -0.125rem; top: 50%; transform: translateY(-50%); vertical-align: middle; }
.navbar-expand .dropdown-menu .dropend .dropdown-toggle::after { content: "\ed35"; }
.navbar-expand .dropdown-menu .dropstart .dropdown-toggle::before { content: "\ed35"; }

/* #menu-ino{ background: linear-gradient(#1b8101, #0ba103, #00b706); } */

#menu-ino{ width: 75%; }

.search-box{ width: fit-content; height: fit-content; position: relative; z-index: 9999; }

/* .input-search{ height: 50px; width: 50px; border-style: none; padding: 10px 10px 10px 20px; outline: none; border-radius: 25px; transition: all .5s ease-in-out; background-color: #1221b3; padding-right: 40px; color:#fff; } */

.input-search::placeholder{ color:rgba(255,255,255,.5); font-size: 18px; letter-spacing: 2px; font-weight: 100; }

.btn-search{ display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-style: none; font-size: 20px; font-weight: bold; outline: none; cursor: pointer; border-radius: 50%; position: absolute; right: 0px; color:#124b00; color: #595959; background-color: transparent; pointer-events: painted; }

.btn-search:focus{ outline: none; }

.input-search:focus{ transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2); }
.btn-search:focus ~ .input-search{ transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2); }

header {

.input-search:focus, .btn-search:focus ~ .input-search { border-left: 5px solid #04ff00!important; border-bottom-left-radius: 0!important; }

}

#buscar .btn-search:hover{ color: #00a67d; }

@media(max-width: 768px){

.input-search:focus{ width: 250px; }
.btn-search:focus ~ .input-search{ width: 250px; }

}

@keyframes youtubeAnim{ 0%,100%{ color:#c9110f; } 50%{ color:#ff0000; } }