/*!
 * Bootstrap  v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

 @import"https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap";
 :root {
     --cz-blue: #0d6efd;
     --cz-indigo: #6610f2;
     --cz-purple: #6f42c1;
     --cz-pink: #d63384;
     --cz-red: #dc3545;
     --cz-orange: #fd7e14;
     --cz-yellow: #ffc107;
     --cz-green: #198754;
     --cz-teal: #20c997;
     --cz-cyan: #0dcaf0;
     --cz-black: #000;
     --cz-white: #fff;
     --cz-gray: #7d879c;
     --cz-gray-dark: #373f50;
     --cz-gray-100: #f6f9fc;
     --cz-gray-200: #f3f5f9;
     --cz-gray-300: #e3e9ef;
     --cz-gray-400: #dae1e7;
     --cz-gray-500: #aeb4be;
     --cz-gray-600: #7d879c;
     --cz-gray-700: #4b566b;
     --cz-gray-800: #373f50;
     --cz-gray-900: #2b3445;
     --cz-primary: #fe696a;
     --cz-accent: #4e54c8;
     --cz-secondary: #f3f5f9;
     --cz-success: #42d697;
     --cz-info: #69b3fe;
     --cz-warning: #fea569;
     --cz-danger: #f34770;
     --cz-light: #fff;
     --cz-dark: #373f50;
     --cz-primary-rgb: 254, 105, 106;
     --cz-accent-rgb: 78, 84, 200;
     --cz-secondary-rgb: 243, 245, 249;
     --cz-success-rgb: 66, 214, 151;
     --cz-info-rgb: 105, 179, 254;
     --cz-warning-rgb: 254, 165, 105;
     --cz-danger-rgb: 243, 71, 112;
     --cz-light-rgb: 255, 255, 255;
     --cz-dark-rgb: 55, 63, 80;
     --cz-white-rgb: 255, 255, 255;
     --cz-black-rgb: 0, 0, 0;
     --cz-body-color-rgb: 75, 86, 107;
     --cz-body-bg-rgb: 255, 255, 255;
     --cz-font-sans-serif: "Rubik", sans-serif;
     --cz-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     --cz-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
     --cz-body-font-family: var(--cz-font-sans-serif);
     --cz-body-font-size: 1rem;
     --cz-body-font-weight: 400;
     --cz-body-line-height: 1.5;
     --cz-body-color: #4b566b;
     --cz-body-bg: #fff;
     --cz-border-width: 1px;
     --cz-border-style: solid;
     --cz-border-color: #e3e9ef;
     --cz-border-color-translucent: rgba(0, 0, 0, 0.175);
     --cz-border-radius: 0.3125rem;
     --cz-border-radius-sm: 0.25rem;
     --cz-border-radius-lg: 0.4375rem;
     --cz-border-radius-xl: 1rem;
     --cz-border-radius-2xl: 2rem;
     --cz-border-radius-pill: 50rem;
     --cz-link-color: #fe696a;
     --cz-link-hover-color: #fe3638;
     --cz-code-color: #d63384;
     --cz-highlight-bg: #fff3cd
 }
 
 /*  *, *::before,  *::after {  start here   */



  /* .fade:not(.show) { end here */
 
/* .collapse:not(.show) { start here */

 .collapse:not(.show) {
     display: none
 }
 
 .collapsing {
     height: 0;
     overflow: hidden;
     transition: height .35s ease
 }
 
 @media(prefers-reduced-motion: reduce) {
     .collapsing {
         transition: none
     }
 }
 
 .collapsing.collapse-horizontal {
     width: 0;
     height: auto;
     transition: width .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: .23375rem;
     vertical-align: .23375rem;
     content: "";
     border-top: .275rem solid;
     border-right: .275rem solid rgba(0, 0, 0, 0);
     border-bottom: 0;
     border-left: .275rem solid rgba(0, 0, 0, 0)
 }
 
 .dropdown-toggle:empty::after {
     margin-left: 0
 }
 
 .dropdown-menu {
     --cz-dropdown-zindex: 1000;
     --cz-dropdown-min-width: 10rem;
     --cz-dropdown-padding-x: 0;
     --cz-dropdown-padding-y: 0.5rem;
     --cz-dropdown-spacer: 0.125rem;
     --cz-dropdown-font-size: 1rem;
     --cz-dropdown-color: #4b566b;
     --cz-dropdown-bg: #fff;
     --cz-dropdown-border-color: #e3e9ef;
     --cz-dropdown-border-radius: 0.3125rem;
     --cz-dropdown-border-width: 1px;
     --cz-dropdown-inner-border-radius: calc(0.3125rem - 1px);
     --cz-dropdown-divider-bg: #e3e9ef;
     --cz-dropdown-divider-margin-y: 0.25rem;
     --cz-dropdown-box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0, 0, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05);
     --cz-dropdown-link-color: #4b566b;
     --cz-dropdown-link-hover-color: var(--cz-primary);
     --cz-dropdown-link-hover-bg: transparent;
     --cz-dropdown-link-active-color: var(--cz-primary);
     --cz-dropdown-link-active-bg: transparent;
     --cz-dropdown-link-disabled-color: #aeb4be;
     --cz-dropdown-item-padding-x: 1.3rem;
     --cz-dropdown-item-padding-y: 0.425rem;
     --cz-dropdown-header-color: #373f50;
     --cz-dropdown-header-padding-x: 1.3rem;
     --cz-dropdown-header-padding-y: 0.5rem;
     position: absolute;
     z-index: var(--cz-dropdown-zindex);
     display: none;
     min-width: var(--cz-dropdown-min-width);
     padding: var(--cz-dropdown-padding-y) var(--cz-dropdown-padding-x);
     margin: 0;
     font-size: var(--cz-dropdown-font-size);
     color: var(--cz-dropdown-color);
     text-align: left;
     list-style: none;
     background-color: var(--cz-dropdown-bg);
     background-clip: padding-box;
     border: var(--cz-dropdown-border-width) solid var(--cz-dropdown-border-color);
     border-radius: var(--cz-dropdown-border-radius);
     box-shadow: var(--cz-dropdown-box-shadow)
 }
 
 .dropdown-menu[data-bs-popper] {
     top: 100%;
     left: 0;
     margin-top: var(--cz-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: 500px) {
     .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: 1280px) {
     .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(--cz-dropdown-spacer)
 }
 
 .dropup .dropdown-toggle::after {
     display: inline-block;
     margin-left: .23375rem;
     vertical-align: .23375rem;
     content: "";
     border-top: 0;
     border-right: .275rem solid rgba(0, 0, 0, 0);
     border-bottom: .275rem solid;
     border-left: .275rem solid rgba(0, 0, 0, 0)
 }
 
 .dropup .dropdown-toggle:empty::after {
     margin-left: 0
 }
 
 .dropend .dropdown-menu[data-bs-popper] {
     top: 0;
     right: auto;
     left: 100%;
     margin-top: 0;
     margin-left: var(--cz-dropdown-spacer)
 }
 
 .dropend .dropdown-toggle::after {
     display: inline-block;
     margin-left: .23375rem;
     vertical-align: .23375rem;
     content: "";
     border-top: .275rem solid rgba(0, 0, 0, 0);
     border-right: 0;
     border-bottom: .275rem solid rgba(0, 0, 0, 0);
     border-left: .275rem solid
 }
 
 .dropend .dropdown-toggle:empty::after {
     margin-left: 0
 }
 
 .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(--cz-dropdown-spacer)
 }
 
 .dropstart .dropdown-toggle::after {
     display: inline-block;
     margin-left: .23375rem;
     vertical-align: .23375rem;
     content: ""
 }
 
 .dropstart .dropdown-toggle::after {
     display: none
 }
 
 .dropstart .dropdown-toggle::before {
     display: inline-block;
     margin-right: .23375rem;
     vertical-align: .23375rem;
     content: "";
     border-top: .275rem solid rgba(0, 0, 0, 0);
     border-right: .275rem solid;
     border-bottom: .275rem solid rgba(0, 0, 0, 0)
 }
 
 .dropstart .dropdown-toggle:empty::after {
     margin-left: 0
 }
 
 .dropstart .dropdown-toggle::before {
     vertical-align: 0
 }
 
 .dropdown-divider {
     height: 0;
     margin: var(--cz-dropdown-divider-margin-y) 0;
     overflow: hidden;
     border-top: 1px solid var(--cz-dropdown-divider-bg);
     opacity: 1
 }
 
 .dropdown-item {
     display: block;
     width: 100%;
     padding: var(--cz-dropdown-item-padding-y) var(--cz-dropdown-item-padding-x);
     clear: both;
     font-weight: 400;
     color: var(--cz-dropdown-link-color);
     text-align: inherit;
     white-space: nowrap;
     background-color: rgba(0, 0, 0, 0);
     border: 0
 }
 
 .dropdown-item:hover,
 .dropdown-item:focus {
     color: var(--cz-dropdown-link-hover-color);
     background-color: var(--cz-dropdown-link-hover-bg)
 }
 
 .dropdown-item.active,
 .dropdown-item:active {
     color: var(--cz-dropdown-link-active-color);
     text-decoration: none;
     background-color: var(--cz-dropdown-link-active-bg)
 }
 
 .dropdown-item.disabled,
 .dropdown-item:disabled {
     color: var(--cz-dropdown-link-disabled-color);
     pointer-events: none;
     background-color: rgba(0, 0, 0, 0)
 }
 
 .dropdown-menu.show {
     display: block
 }
 
 .dropdown-header {
     display: block;
     padding: var(--cz-dropdown-header-padding-y) var(--cz-dropdown-header-padding-x);
     margin-bottom: 0;
     font-size: 0.875rem;
     color: var(--cz-dropdown-header-color);
     white-space: nowrap
 }
 
 .dropdown-item-text {
     display: block;
     padding: var(--cz-dropdown-item-padding-y) var(--cz-dropdown-item-padding-x);
     color: var(--cz-dropdown-link-color)
 }
 
 .dropdown-menu-dark {
     --cz-dropdown-color: rgba(255, 255, 255, 0.65);
     --cz-dropdown-bg: #373f50;
     --cz-dropdown-border-color: transparent;
     --cz-dropdown-box-shadow: none;
     --cz-dropdown-link-color: rgba(255, 255, 255, 0.65);
     --cz-dropdown-link-hover-color: #fff;
     --cz-dropdown-divider-bg: rgba(255, 255, 255, 0.12);
     --cz-dropdown-link-hover-bg: transparent;
     --cz-dropdown-link-active-color: #fff;
     --cz-dropdown-link-active-bg: transparent;
     --cz-dropdown-link-disabled-color: rgba(255, 255, 255, 0.4);
     --cz-dropdown-header-color: #fff
 }
 
 /* .btn-group,
 .btn-group-vertical start here */

 /* .btn-group,
 .btn-group-vertical {
     position: relative;
     display: inline-flex;
     vertical-align: middle
 }
 
 .btn-group>.btn,
 .btn-group-vertical>.btn {
     position: relative;
     flex: 1 1 auto
 }
 
 .btn-group>.btn-check:checked+.btn,
 .btn-group>.btn-check:focus+.btn,
 .btn-group>.btn:hover,
 .btn-group>.btn:focus,
 .btn-group>.btn:active,
 .btn-group>.btn.active,
 .btn-group-vertical>.btn-check:checked+.btn,
 .btn-group-vertical>.btn-check:focus+.btn,
 .btn-group-vertical>.btn:hover,
 .btn-group-vertical>.btn:focus,
 .btn-group-vertical>.btn:active,
 .btn-group-vertical>.btn.active {
     z-index: 1
 }
 
 .btn-toolbar {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start
 }
 
 .btn-toolbar .input-group {
     width: auto
 }
 
 .btn-group {
     border-radius: .3125rem
 }
 
 .btn-group>:not(.btn-check:first-child)+.btn,
 .btn-group>.btn-group:not(:first-child) {
     margin-left: -1px
 }
 
 .btn-group>.btn:not(:last-child):not(.dropdown-toggle),
 .btn-group>.btn.dropdown-toggle-split:first-child,
 .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
 }
 
 .dropdown-toggle-split {
     padding-right: 1.03125rem;
     padding-left: 1.03125rem
 }
 
 .dropdown-toggle-split::after,
 .dropup .dropdown-toggle-split::after,
 .dropend .dropdown-toggle-split::after {
     margin-left: 0
 }
 
 .dropstart .dropdown-toggle-split::before {
     margin-right: 0
 }
 
 .btn-sm+.dropdown-toggle-split,
 .btn-group-sm>.btn+.dropdown-toggle-split {
     padding-right: .75rem;
     padding-left: .75rem
 }
 
 .btn-lg+.dropdown-toggle-split,
 .btn-group-lg>.btn+.dropdown-toggle-split {
     padding-right: 1.125rem;
     padding-left: 1.125rem
 }
 
 .btn-group.show .dropdown-toggle {
     box-shadow: unset
 }
 
 .btn-group.show .dropdown-toggle.btn-link {
     box-shadow: none
 }
 
 .btn-group-vertical {
     flex-direction: column;
     align-items: flex-start;
     justify-content: center
 }
 
 .btn-group-vertical>.btn,
 .btn-group-vertical>.btn-group {
     width: 100%
 }
 
 .btn-group-vertical>.btn:not(:first-child),
 .btn-group-vertical>.btn-group:not(:first-child) {
     margin-top: -1px
 }
 
 .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
 .btn-group-vertical>.btn-group:not(:last-child)>.btn {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0
 }
 
 .btn-group-vertical>.btn~.btn,
 .btn-group-vertical>.btn-group:not(:first-child)>.btn {
     border-top-left-radius: 0;
     border-top-right-radius: 0
 }
  */

  /* btn-group-vertical>.btn~.btn, end here */

 .nav {
     --cz-nav-link-padding-x: 1.25rem;
     --cz-nav-link-padding-y: 0.75rem;
     --cz-nav-link-font-weight: normal;
     --cz-nav-link-color: #4b566b;
     --cz-nav-link-hover-color: var(--cz-primary);
     --cz-nav-link-disabled-color: #7d879c;
     display: flex;
     flex-wrap: wrap;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none
 }
 
 .nav-header-link {
     display: block;
     padding: var(--cz-nav-link-padding-y) var(--cz-nav-link-padding-x);
     font-size: var(--cz-nav-link-font-size);
     font-weight: var(--cz-nav-link-font-weight);
     color: var(--cz-nav-link-color);
     transition: color .25s ease-in-out, background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out
 }
 
 @media(prefers-reduced-motion: reduce) {
     .nav-header-link {
         transition: none
     }
 }
 
 .nav-header-link:hover,
 .nav-header-link:focus {
     color: var(--cz-nav-link-hover-color)
 }
 
 .nav-header-link.disabled {
     color: var(--cz-nav-link-disabled-color);
     pointer-events: none;
     cursor: default
 }
 
 /* .nav-tabs {
     --cz-nav-tabs-border-width: 1px;
     --cz-nav-tabs-border-color: #e3e9ef;
     --cz-nav-tabs-border-radius: 0;
     --cz-nav-tabs-link-hover-border-color: transparent;
     --cz-nav-tabs-link-active-color: var(--cz-primary);
     --cz-nav-tabs-link-active-bg: transparent;
     --cz-nav-tabs-link-active-border-color: var(--cz-primary);
     border-bottom: var(--cz-nav-tabs-border-width) solid var(--cz-nav-tabs-border-color)
 } */
 
 /* .nav-tabs .nav-header-link {
     margin-bottom: calc(-1*var(--cz-nav-tabs-border-width));
     background: none;
     border: var(--cz-nav-tabs-border-width) solid rgba(0, 0, 0, 0);
     border-top-left-radius: var(--cz-nav-tabs-border-radius);
     border-top-right-radius: var(--cz-nav-tabs-border-radius)
 }
 
 .nav-tabs .nav-header-link:hover,
 .nav-tabs .nav-header-link:focus {
     isolation: isolate;
     border-color: var(--cz-nav-tabs-link-hover-border-color)
 }
 
 .nav-tabs .nav-header-link.disabled,
 .nav-tabs .nav-header-link:disabled {
     color: var(--cz-nav-link-disabled-color);
     background-color: rgba(0, 0, 0, 0);
     border-color: rgba(0, 0, 0, 0)
 }
 
 .nav-tabs .nav-header-link.active,
 .nav-tabs .nav-header-item.show .nav-header-link {
     color: var(--cz-nav-tabs-link-active-color);
     background-color: var(--cz-nav-tabs-link-active-bg);
     border-color: var(--cz-nav-tabs-link-active-border-color)
 }
 
 .nav-tabs .dropdown-menu {
     margin-top: calc(-1*var(--cz-nav-tabs-border-width));
     border-top-left-radius: 0;
     border-top-right-radius: 0
 } */
 
 .nav-pills {
     --cz-nav-pills-border-radius: 0.3125rem;
     --cz-nav-pills-link-active-color: #fff;
     --cz-nav-pills-link-active-bg: #fe696a
 }
 
 .nav-pills .nav-header-link {
     background: none;
     border: 0;
     border-radius: var(--cz-nav-pills-border-radius)
 }
 
 .nav-pills .nav-header-link:disabled {
     color: var(--cz-nav-link-disabled-color);
     background-color: rgba(0, 0, 0, 0);
     border-color: rgba(0, 0, 0, 0)
 }
 
 .nav-pills .nav-header-link.active,
 .nav-pills .show>.nav-header-link {
     color: var(--cz-nav-pills-link-active-color);
     background-color: var(--cz-nav-pills-link-active-bg)
 }
 
 .nav-fill>.nav-header-link,
 .nav-fill .nav-header-item {
     flex: 1 1 auto;
     text-align: center
 }
 
 .nav-justified>.nav-header-link,
 .nav-justified .nav-header-item {
     flex-basis: 0;
     flex-grow: 1;
     text-align: center
 }
 
 .nav-fill .nav-header-item .nav-header-link,
 .nav-justified .nav-header-item .nav-header-link {
     width: 100%
 }
 

 /* .tab-content>.tab-pane {
     display: none
 }
 
 .tab-content>.active {
     display: block
 } */
 
 .navbar {
     --cz-navbar-padding-x: 0;
     --cz-navbar-padding-y: 0.75rem;
     --cz-navbar-color: #4b566b;
     --cz-navbar-hover-color: var(--cz-primary);
     --cz-navbar-disabled-color: #7d879c;
     --cz-navbar-active-color: var(--cz-primary);
     --cz-navbar-brand-padding-y: 0.625rem;
     --cz-navbar-brand-margin-end: 1rem;
     --cz-navbar-brand-font-size: 1.75rem;
     --cz-navbar-brand-color: #373f50;
     --cz-navbar-brand-hover-color: #373f50;
     --cz-navbar-nav-link-padding-x: 1.125rem;
     --cz-navbar-toggler-padding-y: 0.75rem;
     --cz-navbar-toggler-padding-x: 0.75rem;
     --cz-navbar-toggler-font-size: 1rem;
     --cz-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='%234b566b' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
     --cz-navbar-toggler-border-color: transparent;
     --cz-navbar-toggler-border-radius: 0;
     --cz-navbar-toggler-focus-width: 0;
     --cz-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(--cz-navbar-padding-y) var(--cz-navbar-padding-x)
 }
 
 
 
 .navbar-brand {
     padding-top: var(--cz-navbar-brand-padding-y);
     padding-bottom: var(--cz-navbar-brand-padding-y);
     margin-right: var(--cz-navbar-brand-margin-end);
     font-size: var(--cz-navbar-brand-font-size);
     color: var(--cz-navbar-brand-color);
     white-space: nowrap
 }
 
 .navbar-brand:hover,
 .navbar-brand:focus {
     color: var(--cz-navbar-brand-hover-color)
 }
 
 .navbar-nav {
     --cz-nav-link-padding-x: 0;
     --cz-nav-link-padding-y: 0.75rem;
     --cz-nav-link-font-weight: normal;
     --cz-nav-link-color: var(--cz-navbar-color);
     --cz-nav-link-hover-color: var(--cz-navbar-hover-color);
     --cz-nav-link-disabled-color: var(--cz-navbar-disabled-color);
     display: flex;
     flex-direction: column;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none
 }
 
 .navbar-nav .show>.nav-header-link,
 .navbar-nav .nav-header-link.active {
     color: var(--cz-navbar-active-color)
 }
 
 .navbar-nav .dropdown-menu {
     position: static
 }
 
 .navbar-text {
     padding-top: .75rem;
     padding-bottom: .75rem;
     color: var(--cz-navbar-color)
 }
 
 .navbar-text a,
 .navbar-text a:hover,
 .navbar-text a:focus {
     color: var(--cz-navbar-active-color)
 }
 
 .navbar-collapse {
     flex-basis: 100%;
     flex-grow: 1;
     align-items: center
 }
 
 .navbar-toggler {
     padding: var(--cz-navbar-toggler-padding-y) var(--cz-navbar-toggler-padding-x);
     font-size: var(--cz-navbar-toggler-font-size);
     line-height: 1;
     color: var(--cz-navbar-color);
     background-color: rgba(0, 0, 0, 0);
     border: var(--cz-border-width) solid var(--cz-navbar-toggler-border-color);
     border-radius: var(--cz-navbar-toggler-border-radius);
     transition: var(--cz-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(--cz-navbar-toggler-focus-width)
 }
 
 .navbar-toggler-icon {
     display: inline-block;
     width: 1.5em;
     height: 1.5em;
     vertical-align: middle;
     background-image: var(--cz-navbar-toggler-icon-bg);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100%
 }
 
 .navbar-nav-scroll {
     max-height: var(--cz-scroll-height, 75vh);
     overflow-y: auto
 }
 
 @media(min-width: 500px) {
     .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-header-link {
         padding-right: var(--cz-navbar-nav-link-padding-x);
         padding-left: var(--cz-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: rgba(0, 0, 0, 0) !important;
         border: 0 !important;
         transform: none !important;
         box-shadow: none;
         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-header-link {
         padding-right: var(--cz-navbar-nav-link-padding-x);
         padding-left: var(--cz-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: rgba(0, 0, 0, 0) !important;
         border: 0 !important;
         transform: none !important;
         box-shadow: none;
         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-header-link {
         padding-right: var(--cz-navbar-nav-link-padding-x);
         padding-left: var(--cz-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: rgba(0, 0, 0, 0) !important;
         border: 0 !important;
         transform: none !important;
         box-shadow: none;
         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: 1280px) {
     .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-header-link {
         padding-right: var(--cz-navbar-nav-link-padding-x);
         padding-left: var(--cz-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: rgba(0, 0, 0, 0) !important;
         border: 0 !important;
         transform: none !important;
         box-shadow: none;
         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-header-link {
         padding-right: var(--cz-navbar-nav-link-padding-x);
         padding-left: var(--cz-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: rgba(0, 0, 0, 0) !important;
         border: 0 !important;
         transform: none !important;
         box-shadow: none;
         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-header-link {
     padding-right: var(--cz-navbar-nav-link-padding-x);
     padding-left: var(--cz-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: rgba(0, 0, 0, 0) !important;
     border: 0 !important;
     transform: none !important;
     box-shadow: none;
     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 {
     --cz-navbar-color: rgba(255, 255, 255, 0.65);
     --cz-navbar-hover-color: #fff;
     --cz-navbar-disabled-color: rgba(255, 255, 255, 0.35);
     --cz-navbar-active-color: #fff;
     --cz-navbar-brand-color: #fff;
     --cz-navbar-brand-hover-color: #fff;
     --cz-navbar-toggler-border-color: transparent;
     --cz-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.65%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
 }
 
 /* .card { start here... */

  
 /* @media(prefers-reduced-motion: reduce) { end here */

 /* .list-group { start here */

 .list-group {
     --cz-list-group-color: #4b566b;
     --cz-list-group-bg: #fff;
     --cz-list-group-border-color: rgba(0, 0, 0, 0.085);
     --cz-list-group-border-width: 1px;
     --cz-list-group-border-radius: 0.4375rem;
     --cz-list-group-item-padding-x: 1.25rem;
     --cz-list-group-item-padding-y: 0.75rem;
     --cz-list-group-action-color: #4b566b;
     --cz-list-group-action-hover-color: #4b566b;
     --cz-list-group-action-hover-bg: #f6f9fc;
     --cz-list-group-action-active-color: #4b566b;
     --cz-list-group-action-active-bg: #f6f9fc;
     --cz-list-group-disabled-color: #7d879c;
     --cz-list-group-disabled-bg: #fff;
     --cz-list-group-active-color: #fff;
     --cz-list-group-active-bg: #fe696a;
     --cz-list-group-active-border-color: #fe696a;
     display: flex;
     flex-direction: column;
     padding-left: 0;
     margin-bottom: 0;
     border-radius: var(--cz-list-group-border-radius)
 }
 
 .list-group-numbered {
     list-style-type: none;
     counter-reset: section
 }
 
 .list-group-numbered>.list-group-item::before {
     content: counters(section, ".") ". ";
     counter-increment: section
 }
 
 .list-group-item-action {
     width: 100%;
     color: var(--cz-list-group-action-color);
     text-align: inherit
 }
 
 .list-group-item-action:hover,
 .list-group-item-action:focus {
     z-index: 1;
     color: var(--cz-list-group-action-hover-color);
     text-decoration: none;
     background-color: var(--cz-list-group-action-hover-bg)
 }
 
 .list-group-item-action:active {
     color: var(--cz-list-group-action-active-color);
     background-color: var(--cz-list-group-action-active-bg)
 }
 
 .list-group-item {
     position: relative;
     display: block;
     padding: var(--cz-list-group-item-padding-y) var(--cz-list-group-item-padding-x);
     color: var(--cz-list-group-color);
     background-color: var(--cz-list-group-bg);
     border: var(--cz-list-group-border-width) solid var(--cz-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(--cz-list-group-disabled-color);
     pointer-events: none;
     background-color: var(--cz-list-group-disabled-bg)
 }
 
 .list-group-item.active {
     z-index: 2;
     color: var(--cz-list-group-active-color);
     background-color: var(--cz-list-group-active-bg);
     border-color: var(--cz-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(--cz-list-group-border-width));
     border-top-width: var(--cz-list-group-border-width)
 }
 
 .list-group-horizontal {
     flex-direction: row
 }
 
 .list-group-horizontal>.list-group-item:first-child:not(:last-child) {
     border-bottom-left-radius: var(--cz-list-group-border-radius);
     border-top-right-radius: 0
 }
 
 .list-group-horizontal>.list-group-item:last-child:not(:first-child) {
     border-top-right-radius: var(--cz-list-group-border-radius);
     border-bottom-left-radius: 0
 }
 
 .list-group-horizontal>.list-group-item.active {
     margin-top: 0
 }
 
 .list-group-horizontal>.list-group-item+.list-group-item {
     border-top-width: var(--cz-list-group-border-width);
     border-left-width: 0
 }
 
 .list-group-horizontal>.list-group-item+.list-group-item.active {
     margin-left: calc(-1*var(--cz-list-group-border-width));
     border-left-width: var(--cz-list-group-border-width)
 }
 
 @media(min-width: 500px) {
     .list-group-horizontal-sm {
         flex-direction: row
     }
     .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
         border-bottom-left-radius: var(--cz-list-group-border-radius);
         border-top-right-radius: 0
     }
     .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
         border-top-right-radius: var(--cz-list-group-border-radius);
         border-bottom-left-radius: 0
     }
     .list-group-horizontal-sm>.list-group-item.active {
         margin-top: 0
     }
     .list-group-horizontal-sm>.list-group-item+.list-group-item {
         border-top-width: var(--cz-list-group-border-width);
         border-left-width: 0
     }
     .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
         margin-left: calc(-1*var(--cz-list-group-border-width));
         border-left-width: var(--cz-list-group-border-width)
     }
 }
 
 @media(min-width: 768px) {
     .list-group-horizontal-md {
         flex-direction: row
     }
     .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
         border-bottom-left-radius: var(--cz-list-group-border-radius);
         border-top-right-radius: 0
     }
     .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
         border-top-right-radius: var(--cz-list-group-border-radius);
         border-bottom-left-radius: 0
     }
     .list-group-horizontal-md>.list-group-item.active {
         margin-top: 0
     }
     .list-group-horizontal-md>.list-group-item+.list-group-item {
         border-top-width: var(--cz-list-group-border-width);
         border-left-width: 0
     }
     .list-group-horizontal-md>.list-group-item+.list-group-item.active {
         margin-left: calc(-1*var(--cz-list-group-border-width));
         border-left-width: var(--cz-list-group-border-width)
     }
 }
 
 @media(min-width: 992px) {
     .list-group-horizontal-lg {
         flex-direction: row
     }
     .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
         border-bottom-left-radius: var(--cz-list-group-border-radius);
         border-top-right-radius: 0
     }
     .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
         border-top-right-radius: var(--cz-list-group-border-radius);
         border-bottom-left-radius: 0
     }
     .list-group-horizontal-lg>.list-group-item.active {
         margin-top: 0
     }
     .list-group-horizontal-lg>.list-group-item+.list-group-item {
         border-top-width: var(--cz-list-group-border-width);
         border-left-width: 0
     }
     .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
         margin-left: calc(-1*var(--cz-list-group-border-width));
         border-left-width: var(--cz-list-group-border-width)
     }
 }
 
 @media(min-width: 1280px) {
     .list-group-horizontal-xl {
         flex-direction: row
     }
     .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
         border-bottom-left-radius: var(--cz-list-group-border-radius);
         border-top-right-radius: 0
     }
     .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
         border-top-right-radius: var(--cz-list-group-border-radius);
         border-bottom-left-radius: 0
     }
     .list-group-horizontal-xl>.list-group-item.active {
         margin-top: 0
     }
     .list-group-horizontal-xl>.list-group-item+.list-group-item {
         border-top-width: var(--cz-list-group-border-width);
         border-left-width: 0
     }
     .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
         margin-left: calc(-1*var(--cz-list-group-border-width));
         border-left-width: var(--cz-list-group-border-width)
     }
 }
 
 @media(min-width: 1400px) {
     .list-group-horizontal-xxl {
         flex-direction: row
     }
     .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
         border-bottom-left-radius: var(--cz-list-group-border-radius);
         border-top-right-radius: 0
     }
     .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
         border-top-right-radius: var(--cz-list-group-border-radius);
         border-bottom-left-radius: 0
     }
     .list-group-horizontal-xxl>.list-group-item.active {
         margin-top: 0
     }
     .list-group-horizontal-xxl>.list-group-item+.list-group-item {
         border-top-width: var(--cz-list-group-border-width);
         border-left-width: 0
     }
     .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
         margin-left: calc(-1*var(--cz-list-group-border-width));
         border-left-width: var(--cz-list-group-border-width)
     }
 }
 
 .list-group-flush {
     border-radius: 0
 }
 
 .list-group-flush>.list-group-item {
     border-width: 0 0 var(--cz-list-group-border-width)
 }
 
 .list-group-flush>.list-group-item:last-child {
     border-bottom-width: 0
 }
 
 .list-group-item-primary {
     color: #e55f5f;
     background-color: #fff0f0
 }
 
 .list-group-item-primary.list-group-item-action:hover,
 .list-group-item-primary.list-group-item-action:focus {
     color: #e55f5f;
     background-color: #e6d8d8
 }
 
 .list-group-item-primary.list-group-item-action.active {
     color: #fff;
     background-color: #e55f5f;
     border-color: #e55f5f
 }
 
 .list-group-item-accent {
     color: #464cb4;
     background-color: #edeefa
 }
 
 .list-group-item-accent.list-group-item-action:hover,
 .list-group-item-accent.list-group-item-action:focus {
     color: #464cb4;
     background-color: #d5d6e1
 }
 
 .list-group-item-accent.list-group-item-action.active {
     color: #fff;
     background-color: #464cb4;
     border-color: #464cb4
 }
 
 .list-group-item-secondary {
     color: #dbdde0;
     background-color: #fefefe
 }
 
 .list-group-item-secondary.list-group-item-action:hover,
 .list-group-item-secondary.list-group-item-action:focus {
     color: #dbdde0;
     background-color: #e5e5e5
 }
 
 .list-group-item-secondary.list-group-item-action.active {
     color: #fff;
     background-color: #dbdde0;
     border-color: #dbdde0
 }
 
 .list-group-item-success {
     color: #3bc188;
     background-color: #ecfbf5
 }
 
 .list-group-item-success.list-group-item-action:hover,
 .list-group-item-success.list-group-item-action:focus {
     color: #3bc188;
     background-color: #d4e2dd
 }
 
 .list-group-item-success.list-group-item-action.active {
     color: #fff;
     background-color: #3bc188;
     border-color: #3bc188
 }
 
 .list-group-item-info {
     color: #5fa1e5;
     background-color: #f0f7ff
 }
 
 .list-group-item-info.list-group-item-action:hover,
 .list-group-item-info.list-group-item-action:focus {
     color: #5fa1e5;
     background-color: #d8dee6
 }
 
 .list-group-item-info.list-group-item-action.active {
     color: #fff;
     background-color: #5fa1e5;
     border-color: #5fa1e5
 }
 
 .list-group-item-warning {
     color: #e5955f;
     background-color: #fff6f0
 }
 
 .list-group-item-warning.list-group-item-action:hover,
 .list-group-item-warning.list-group-item-action:focus {
     color: #e5955f;
     background-color: #e6ddd8
 }
 
 .list-group-item-warning.list-group-item-action.active {
     color: #fff;
     background-color: #e5955f;
     border-color: #e5955f
 }
 
 .list-group-item-danger {
     color: #db4065;
     background-color: #feedf1
 }
 
 .list-group-item-danger.list-group-item-action:hover,
 .list-group-item-danger.list-group-item-action:focus {
     color: #db4065;
     background-color: #e5d5d9
 }
 
 .list-group-item-danger.list-group-item-action.active {
     color: #fff;
     background-color: #db4065;
     border-color: #db4065
 }
 
 .list-group-item-light {
     color: #e6e6e6;
     background-color: #fff
 }
 
 .list-group-item-light.list-group-item-action:hover,
 .list-group-item-light.list-group-item-action:focus {
     color: #e6e6e6;
     background-color: #e6e6e6
 }
 
 .list-group-item-light.list-group-item-action.active {
     color: #fff;
     background-color: #e6e6e6;
     border-color: #e6e6e6
 }
 
 .list-group-item-dark {
     color: #323948;
     background-color: #ebecee
 }
 
 .list-group-item-dark.list-group-item-action:hover,
 .list-group-item-dark.list-group-item-action:focus {
     color: #323948;
     background-color: #d4d4d6
 }
 
 .list-group-item-dark.list-group-item-action.active {
     color: #fff;
     background-color: #323948;
     border-color: #323948
 }

 /* .list-group-item-dark.list-group-item-action.active { end here */
 /* .btn-close { start here...  */


 /* .input-group .position-absolute+.password-toggle end here */
 
/* .nav-header-link:not start here */

 .nav-header-link:not(.dropdown-toggle).active {
     pointer-events: none
 }
 
 .nav-tabs:not(.card-header-tabs) {
     margin-bottom: 1.25rem
 }
 
 .nav-tabs.card-header-tabs {
     margin-top: -0.3125rem;
     margin-right: -1.25rem;
     margin-left: -1.25rem
 }
 
 .nav-tabs.card-header-tabs .nav-header-link.active {
     background-color: rgba(0, 0, 0, 0);
     border-bottom-color: rgba(0, 0, 0, 0)
 }
 
 .nav-tabs .nav-header-link {
     position: relative;
     border: 0
 }
 
 .nav-tabs .nav-header-link::before {
     position: absolute;
     display: block;
     bottom: 0;
     left: 1.25rem;
     width: calc(100% - (1.25rem * 2));
     height: 1px;
     transition: color .25s ease-in-out, background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out;
     background-color: rgba(0, 0, 0, 0);
     content: ""
 }
 
 .nav-tabs .nav-header-link.active::before {
     background-color: var(--cz-primary)
 }
 
 .nav-tabs.nav-fill .nav-header-link::before,
 .nav-tabs.nav-justified .nav-header-link::before {
     left: 0;
     width: 100%
 }
 
 .media-tabs {
     border: 0
 }
 
 .media-tabs .nav-header-item {
     margin-bottom: 0;
     text-align: left
 }
 
 .media-tabs .nav-header-link {
     padding: .375rem .625rem
 }
 
 .media-tabs .nav-header-link::before {
     display: none !important
 }
 
 .media-tab-media {
     position: relative;
     width: 3.75rem;
     height: 3.75rem;
     transition: color .25s ease-in-out, background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out;
     border: 1px solid #e3e9ef;
     border-radius: 50%;
     background-color: #fff;
     color: #4b566b;
     text-align: center;
     overflow: hidden
 }
 
 .media-tab-media>i {
     font-size: 1.25rem;
     line-height: calc(3.75rem - (1px * 2))
 }
 
 .media-tab-media>img {
     display: block;
     width: 100%;
     border-radius: 50%
 }
 
 .media-tab-title,
 .media-tab-subtitle {
     transition: color .25s ease-in-out, background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out
 }
 
 a.nav-header-link:hover .media-tab-media {
     border-color: rgba(var(--cz-primary-rgb), 0.35);
     color: var(--cz-primary)
 }
 
 .nav-header-link.active .media-tab-media,
 .nav-header-link.active:hover .media-tab-media {
     border-color: var(--cz-primary);
     background-color: var(--cz-primary);
     color: #fff;
     box-shadow: 0 .5rem 1.125rem -0.5rem rgba(var(--cz-primary-rgb), 0.9)
 }
 
 .nav-header-link.active .media-tab-title,
 .nav-header-link.active:hover .media-tab-title {
     color: var(--cz-primary) !important
 }
 
 .nav-header-link.active .media-tab-subtitle,
 .nav-header-link.active:hover .media-tab-subtitle {
     color: rgba(var(--cz-primary-rgb), 0.65) !important
 }
 
 .nav-header-link.disabled .media-tab-media,
 .nav-header-link.completed .media-tab-media {
     background-color: #f6f9fc;
     color: #7d879c
 }
 
 .nav-header-link.disabled .media-tab-title {
     color: #7d879c
 }
 
 .nav-header-link.completed .media-tab-media {
     overflow: visible
 }
 
 .nav-header-link.completed .media-tab-media::after {
     position: absolute;
     top: -0.175rem;
     right: -0.175rem;
     width: 1.25rem;
     height: 1.25rem;
     border-radius: 50%;
     background: #eafaf3;
     border: 1px solid #42d697;
     color: #42d697;
     font-family: "cartzilla-icons";
     font-size: .625rem;
     font-weight: 500;
     line-height: 1.25rem;
     content: ""
 }
 
 .nav-pills .nav-header-item {
     margin-right: .667rem
 }
 
 .nav-pills .nav-header-item:last-child {
     margin-right: 0
 }
 
 .nav-pills.flex-column .nav-header-item {
     margin-right: 0;
     margin-bottom: .667rem
 }
 
 .nav-pills.flex-column .nav-header-item:last-child {
     margin-bottom: 0
 }
 
 .nav-pills .nav-header-link {
     padding-top: .675rem;
     padding-bottom: .675rem;
     background-color: #f3f5f9;
     color: #4b566b;
     font-size: .9375rem
 }
 
 .nav-pills .nav-header-link:hover:not(.active):not([aria-expanded=true]),
 .nav-pills .nav-header-link.show {
     color: #4b566b;
     background-color: #dfe4ef
 }
 
 .nav-pills .nav-header-link.disabled {
     background-color: #fafbfc;
     color: #7d879c
 }
 
 .nav-pills .nav-header-link.disabled:hover:not(.active) {
     background-color: rgba(0, 0, 0, 0)
 }
 
 .nav-pills .nav-header-link.active {
     box-shadow: 0 .5rem 1.125rem -0.5rem rgba(254, 105, 106, .9)
 }
 
 .nav-pills .nav-header-link i {
     margin-top: -0.25rem
 }
 
 .modal-content .card-header-tabs {
     margin-right: -1.25rem;
     margin-bottom: -1rem;
     margin-left: -1.25rem
 }
 
 .nav-header-link-style {
     color: #4b566b
 }
 
 .nav-header-link-style>i {
     margin-top: -0.125rem;
     vertical-align: middle
 }
 
 .nav-header-link-style:hover {
     color: var(--cz-primary)
 }
 
 .active>.nav-header-link-style,
 .nav-header-link-style.active {
     color: var(--cz-primary)
 }
 
 .nav-header-link-style.nav-header-link-light {
     color: rgba(255, 255, 255, .65)
 }
 
 .nav-header-link-style.nav-header-link-light:hover {
     color: #fff
 }
 
 .active>.nav-header-link-style.nav-header-link-light,
 .nav-header-link-style.nav-header-link-light.active {
     color: #fff
 }
 
 .radio-tab-pane {
     display: none
 }
 
 .radio-tab-pane.active {
     display: block
 }
 /* enter here  .navbar-brand { */
 /* ------ .navbar brand {---------------------------- */
 .navbar-brand {
     display: inline-block;
     font-weight: 500;
     vertical-align: middle
 }
 
 .navbar-brand>img {
     display: block
 }
 
 .navbar-nav .nav-header-item {
     margin-bottom: .667rem;
     border-radius: .3125rem
 }
 
 .navbar-nav .nav-header-item>.dropdown-menu>li>.dropdown-item {
     font-weight: 500
 }
 
 .navbar-nav .nav-header-item>.dropdown-menu>li>.dropdown-item>* {
     font-weight: 400
 }
 
 .navbar-nav .nav-header-link {
     padding: .667rem 1.125rem;
     font-weight: 500
 }
 
 .navbar-nav .dropdown-menu {
     min-width: 12.5rem;
     padding-top: 0;
     box-shadow: none;
     border: none;
     background-color: rgba(0, 0, 0, 0)
 }
 
 .navbar-nav .dropdown-menu .dropdown-menu {
     width: calc(100% - (1rem * 2));
     margin: 0 1rem
 }
 
 .navbar.fixed-top {
     position: relative
 }
 
 .navbar-sticky.position-absolute {
     top: 0;
     left: 0;
     z-index: 1030
 }
 
 .navbar-sticky.position-absolute.navbar-light {
     background-color: #fff
 }
 
 .navbar-sticky.position-absolute.navbar-dark {
     background-color: #373f50
 }
 
 .navbar-mega-nav {
     position: relative
 }
 
 .navbar-mega-nav::after {
     display: none;
     position: absolute;
     top: 50%;
     right: 0;
     transform: translateY(-50%);
     width: 1px;
     height: 1.875rem;
     content: ""
 }
 
 .mega-dropdown-column {
     width: 100%;
     max-width: 15rem
 }
 
 .navbar-mega-nav .dropdown-menu>.mega-dropdown {
     position: static
 }
 
 .navbar-mega-nav .dropdown-menu>.dropdown>a {
     padding-top: .75rem;
     padding-bottom: .75rem;
     border-bottom: 1px solid #e3e9ef
 }
 
 .navbar-mega-nav .dropdown-menu>.dropdown:last-child>a {
     border-bottom: 0
 }
 
 .navbar-tool {
     position: relative;
     display: flex;
     align-items: center
 }
 
 .navbar-tool.dropdown::before {
     position: absolute;
     bottom: -1rem;
     left: -10%;
     width: 120%;
     height: 1rem;
     content: ""
 }
 
 .navbar-tool .dropdown-menu {
     top: 100%;
     margin-top: .5rem !important
 }
 
 .navbar-tool .dropdown-menu.dropdown-menu-end {
     left: auto;
     right: 0
 }
 
 .navbar-tool .navbar-tool-label {
     position: absolute;
     top: -0.3125rem;
     right: -0.3125rem;
     width: 1.25rem;
     height: 1.25rem;
     border-radius: 50%;
     background-color: var(--cz-primary);
     color: #fff;
     font-size: .75rem;
     font-weight: 500;
     text-align: center;
     line-height: 1.25rem
 }
 
 .navbar-tool .navbar-tool-tooltip {
     display: none
 }
 
 @media(min-width: 992px) {
     .navbar-tool .navbar-tool-tooltip {
         display: block;
         position: absolute;
         top: -0.5rem;
         left: 50%;
         transform: translateX(-50%);
         transition: opacity .2s ease-in-out, top .2s ease-in-out;
         padding: .0625rem .375rem;
         border-radius: .25rem;
         background-color: #2b3445;
         color: #fff;
         font-size: .6875rem;
         white-space: nowrap;
         opacity: 0
     }
     .navbar-tool:hover .navbar-tool-tooltip {
         top: -0.75rem;
         opacity: .9
     }
 }
 
 .navbar-tool-icon-box {
     position: relative;
     width: 2.875rem;
     height: 2.875rem;
     transition: color .25s ease-in-out;
     border-radius: 50%;
     line-height: 2.625rem;
     text-align: center
 }
 
 .navbar-tool-icon-box.dropdown-toggle::after {
     display: none
 }
 
 .navbar-tool-icon {
     font-size: 1.25rem;
     line-height: 2.875rem
 }
 
 .navbar-tool-text {
     display: none;
     flex-grow: 0;
     flex-shrink: 0;
     padding-left: .875rem;
     transition: color .25s ease-in-out;
     font-size: .875rem;
     text-decoration: none !important;
     white-space: nowrap
 }
 
 .navbar-tool-text>small,
 .navbar-tool-text>.small {
     display: block;
     margin-bottom: -0.125rem
 }
 
 .dropdown .navbar-tool-text::after {
     display: inline-block;
     margin-left: .23375rem;
     vertical-align: .23375rem;
     content: "";
     border-top: .275rem solid;
     border-right: .275rem solid rgba(0, 0, 0, 0);
     border-bottom: 0;
     border-left: .275rem solid rgba(0, 0, 0, 0)
 }
 
 .dropdown .navbar-tool-text:empty::after {
     margin-left: 0
 }
 
 @media(max-width: 767.98px) {
     .search-box {
         display: none
     }
 }
 
 @media(min-width: 500px) {
     .navbar-expand-sm.fixed-top {
         position: fixed
     }
     .navbar-expand-sm .navbar-collapse {
         width: auto;
         flex-basis: auto
     }
     .navbar-expand-sm .navbar-nav .nav-header-item {
         margin-bottom: 0;
         background-color: rgba(0, 0, 0, 0)
     }
     .navbar-expand-sm .navbar-nav .nav-header-item>.dropdown-menu>li>.dropdown-item {
         font-weight: normal
     }
     .navbar-expand-sm .navbar-nav .nav-header-link {
         padding-top: 1.125rem;
         padding-bottom: .875rem;
         font-weight: normal
     }
     .navbar-expand-sm .navbar-nav:not(.navbar-mega-nav) .nav-header-link.dropdown-toggle::after {
         display: none
     }
     .navbar-expand-sm .navbar-mega-nav::after {
         display: block
     }
     .navbar-expand-sm .navbar-mega-nav .dropdown-menu>.dropdown .dropdown-menu {
         top: .35rem
     }
     .navbar-expand-sm .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu {
         top: .375rem;
         min-height: 100%;
         min-height: calc(100% + .25rem);
         animation: none !important
     }
     .navbar-expand-sm .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu::before {
         position: absolute;
         top: 0;
         right: 16rem;
         width: 1px;
         height: 100%;
         background-color: #e3e9ef;
         content: "";
         /* added */
         opacity: 0.5;
     }
     .navbar-expand-sm .dropdown-menu {
         margin-top: 0;
         padding-top: .5rem
     }
     .navbar-expand-sm .dropdown-menu.dropdown-menu-dark {
         border: 1px solid rgba(255, 255, 255, .12);
         background-color: #373f50
     }
     .navbar-expand-sm .dropdown-menu.dropdown-menu-end {
         left: auto;
         right: 0
     }
     .navbar-expand-sm .dropdown-menu.show {
         display: none
     }
     .navbar-expand-sm .dropdown-menu>.dropdown>.dropdown-toggle {
         position: relative;
         padding-right: 1.95rem
     }
     .navbar-expand-sm .dropdown-menu>.dropdown>.dropdown-toggle::after {
         display: inline-block;
         margin-left: .23375rem;
         vertical-align: .23375rem;
         content: "";
         border-top: .275rem solid rgba(0, 0, 0, 0);
         border-right: 0;
         border-bottom: .275rem solid rgba(0, 0, 0, 0);
         border-left: .275rem solid
     }
     .navbar-expand-sm .dropdown-menu>.dropdown>.dropdown-toggle:empty::after {
         margin-left: 0
     }
     .navbar-expand-sm .dropdown-menu>.dropdown>.dropdown-toggle::after {
         position: absolute;
         display: block;
         top: 50%;
         right: 1rem;
         margin-top: -0.3em
     }
     .navbar-expand-sm .dropdown-menu>.dropdown .dropdown-menu {
         display: none;
         top: 0;
         right: auto;
         left: 100%;
         width: auto;
         margin-top: -0.5rem;
         margin-right: 0;
         margin-left: -0.25rem
     }
     .navbar-expand-sm .dropdown-menu>.dropdown:hover>.dropdown-menu {
         animation: fade-in .25s ease-in-out
     }
     .navbar-expand-sm .dropdown-menu:not(.dropdown-menu-dark) {
         border-color: #fff;
         background-color: #fff;
         box-shadow: 0 .25rem .5625rem -0.0625rem rgba(0, 0, 0, .03), 0 .275rem 1.25rem -0.0625rem rgba(0, 0, 0, .05)
     }
     .navbar-expand-sm .dropdown-menu:not(.dropdown-menu-dark) .dropdown-menu {
         background-color: #fff
     }
     .navbar-expand-sm .dropdown:hover>.dropdown-menu {
         display: block;
         animation: slide-up .25s ease-in-out
     }
     .navbar-expand-sm .navbar-tool-text {
         display: block
     }
     .navbar-expand-sm .mega-dropdown-column {
         width: 15rem
     }
 }
 
 @media(min-width: 768px) {
     .navbar-expand-md.fixed-top {
         position: fixed
     }
     .navbar-expand-md .navbar-collapse {
         width: auto;
         flex-basis: auto
     }
     .navbar-expand-md .navbar-nav .nav-header-item {
         margin-bottom: 0;
         background-color: rgba(0, 0, 0, 0)
     }
     .navbar-expand-md .navbar-nav .nav-header-item>.dropdown-menu>li>.dropdown-item {
         font-weight: normal
     }
     .navbar-expand-md .navbar-nav .nav-header-link {
         padding-top: 1.125rem;
         padding-bottom: .875rem;
         font-weight: normal
     }
     .navbar-expand-md .navbar-nav:not(.navbar-mega-nav) .nav-header-link.dropdown-toggle::after {
         display: none
     }
     .navbar-expand-md .navbar-mega-nav::after {
         display: block
     }
     .navbar-expand-md .navbar-mega-nav .dropdown-menu>.dropdown .dropdown-menu {
         top: .35rem
     }
     .navbar-expand-md .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu {
         top: .375rem;
         min-height: 100%;
         min-height: calc(100% + .25rem);
         animation: none !important
     }
     .navbar-expand-md .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu::before {
         position: absolute;
         top: 0;
         right: 16rem;
         width: 1px;
         height: 100%;
         background-color: #e3e9ef;
         content: "";
         /* added */
         opacity: 0.5;
     }
     .navbar-expand-md .dropdown-menu {
         margin-top: 0;
         padding-top: .5rem
     }
     .navbar-expand-md .dropdown-menu.dropdown-menu-dark {
         border: 1px solid rgba(255, 255, 255, .12);
         background-color: #373f50
     }
     .navbar-expand-md .dropdown-menu.dropdown-menu-end {
         left: auto;
         right: 0
     }
     .navbar-expand-md .dropdown-menu.show {
         display: none
     }
     .navbar-expand-md .dropdown-menu>.dropdown>.dropdown-toggle {
         position: relative;
         padding-right: 1.95rem
     }
     .navbar-expand-md .dropdown-menu>.dropdown>.dropdown-toggle::after {
         display: inline-block;
         margin-left: .23375rem;
         vertical-align: .23375rem;
         content: "";
         border-top: .275rem solid rgba(0, 0, 0, 0);
         border-right: 0;
         border-bottom: .275rem solid rgba(0, 0, 0, 0);
         border-left: .275rem solid
     }
     .navbar-expand-md .dropdown-menu>.dropdown>.dropdown-toggle:empty::after {
         margin-left: 0
     }
     .navbar-expand-md .dropdown-menu>.dropdown>.dropdown-toggle::after {
         position: absolute;
         display: block;
         top: 50%;
         right: 1rem;
         margin-top: -0.3em
     }
     .navbar-expand-md .dropdown-menu>.dropdown .dropdown-menu {
         display: none;
         top: 0;
         right: auto;
         left: 100%;
         width: auto;
         margin-top: -0.5rem;
         margin-right: 0;
         margin-left: -0.25rem
     }
     .navbar-expand-md .dropdown-menu>.dropdown:hover>.dropdown-menu {
         animation: fade-in .25s ease-in-out
     }
     .navbar-expand-md .dropdown-menu:not(.dropdown-menu-dark) {
         border-color: #fff;
         background-color: #fff;
         box-shadow: 0 .25rem .5625rem -0.0625rem rgba(0, 0, 0, .03), 0 .275rem 1.25rem -0.0625rem rgba(0, 0, 0, .05)
     }
     .navbar-expand-md .dropdown-menu:not(.dropdown-menu-dark) .dropdown-menu {
         background-color: #fff
     }
     .navbar-expand-md .dropdown:hover>.dropdown-menu {
         display: block;
         animation: slide-up .25s ease-in-out
     }
     .navbar-expand-md .navbar-tool-text {
         display: block
     }
     .navbar-expand-md .mega-dropdown-column {
         width: 15rem
     }
 }
 
 @media(min-width: 992px) {
     .navbar-expand-lg.fixed-top {
         position: fixed
     }
     .navbar-expand-lg .navbar-collapse {
         width: auto;
         flex-basis: auto
     }
     .navbar-expand-lg .navbar-nav .nav-header-item {
         margin-bottom: 0;
         background-color: rgba(0, 0, 0, 0)
     }
     .navbar-expand-lg .navbar-nav .nav-header-item>.dropdown-menu>li>.dropdown-item {
         font-weight: normal
     }
     .navbar-expand-lg .navbar-nav .nav-header-link {
         padding-top: 1.125rem;
         padding-bottom: .875rem;
         font-weight: normal
     }
     .navbar-expand-lg .navbar-nav:not(.navbar-mega-nav) .nav-header-link.dropdown-toggle::after {
         display: none
     }
     .navbar-expand-lg .navbar-mega-nav::after {
         display: block
     }
     .navbar-expand-lg .navbar-mega-nav .dropdown-menu>.dropdown .dropdown-menu {
         top: .35rem
     }
     .navbar-expand-lg .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu {
         top: .375rem;
         min-height: 100%;
         min-height: calc(100% + .25rem);
         animation: none !important
     }
     .navbar-expand-lg .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu::before {
         position: absolute;
         top: 0;
         right: 16rem;
         width: 1px;
         height: 100%;
         background-color: #e3e9ef;
         content: "";
         /* added */
         opacity: 0.5;

     }
     .navbar-expand-lg .dropdown-menu {
         margin-top: 0;
         padding-top: .5rem
     }
     .navbar-expand-lg .dropdown-menu.dropdown-menu-dark {
         border: 1px solid rgba(255, 255, 255, .12);
         background-color: #373f50
     }
     .navbar-expand-lg .dropdown-menu.dropdown-menu-end {
         left: auto;
         right: 0
     }
     .navbar-expand-lg .dropdown-menu.show {
         display: none
     }
     .navbar-expand-lg .dropdown-menu>.dropdown>.dropdown-toggle {
         position: relative;
         padding-right: 1.95rem
     }
     .navbar-expand-lg .dropdown-menu>.dropdown>.dropdown-toggle::after {
         display: inline-block;
         margin-left: .23375rem;
         vertical-align: .23375rem;
         content: "";
         border-top: .275rem solid rgba(0, 0, 0, 0);
         border-right: 0;
         border-bottom: .275rem solid rgba(0, 0, 0, 0);
         border-left: .275rem solid
     }
     .navbar-expand-lg .dropdown-menu>.dropdown>.dropdown-toggle:empty::after {
         margin-left: 0
     }
     .navbar-expand-lg .dropdown-menu>.dropdown>.dropdown-toggle::after {
         position: absolute;
         display: block;
         top: 50%;
         right: 1rem;
         margin-top: -0.3em
     }
     .navbar-expand-lg .dropdown-menu>.dropdown .dropdown-menu {
         display: none;
         top: 0;
         right: auto;
         left: 100%;
         width: auto;
         margin-top: -0.5rem;
         margin-right: 0;
         margin-left: -0.25rem
     }
     .navbar-expand-lg .dropdown-menu>.dropdown:hover>.dropdown-menu {
         animation: fade-in .25s ease-in-out
     }
     .navbar-expand-lg .dropdown-menu:not(.dropdown-menu-dark) {
         border-color: #fff;
         background-color: #fff;
         box-shadow: 0 .25rem .5625rem -0.0625rem rgba(0, 0, 0, .03), 0 .275rem 1.25rem -0.0625rem rgba(0, 0, 0, .05)
     }
     .navbar-expand-lg .dropdown-menu:not(.dropdown-menu-dark) .dropdown-menu {
         background-color: #fff
     }
     .navbar-expand-lg .dropdown:hover>.dropdown-menu {
         display: block;
         animation: slide-up .25s ease-in-out
     }
     .navbar-expand-lg .navbar-tool-text {
         display: block
     }
     .navbar-expand-lg .mega-dropdown-column {
         width: 15rem
     }
 }
 
 @media(min-width: 1280px) {
     .navbar-expand-xl.fixed-top {
         position: fixed
     }
     .navbar-expand-xl .navbar-collapse {
         width: auto;
         flex-basis: auto
     }
     .navbar-expand-xl .navbar-nav .nav-header-item {
         margin-bottom: 0;
         background-color: rgba(0, 0, 0, 0)
     }
     .navbar-expand-xl .navbar-nav .nav-header-item>.dropdown-menu>li>.dropdown-item {
         font-weight: normal
     }
     .navbar-expand-xl .navbar-nav .nav-header-link {
         padding-top: 1.125rem;
         padding-bottom: .875rem;
         font-weight: normal
     }
     .navbar-expand-xl .navbar-nav:not(.navbar-mega-nav) .nav-header-link.dropdown-toggle::after {
         display: none
     }
     .navbar-expand-xl .navbar-mega-nav::after {
         display: block
     }
     .navbar-expand-xl .navbar-mega-nav .dropdown-menu>.dropdown .dropdown-menu {
         top: .35rem
     }
     .navbar-expand-xl .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu {
         top: .375rem;
         min-height: 100%;
         min-height: calc(100% + .25rem);
         animation: none !important
     }
     .navbar-expand-xl .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu::before {
         position: absolute;
         top: 0;
         right: 16rem;
         width: 1px;
         height: 100%;
         background-color: #e3e9ef;
         content: "";
         /* added */
         opacity: 0.5;
     }
     .navbar-expand-xl .dropdown-menu {
         margin-top: 0;
         padding-top: .5rem
     }
     .navbar-expand-xl .dropdown-menu.dropdown-menu-dark {
         border: 1px solid rgba(255, 255, 255, .12);
         background-color: #373f50
     }
     .navbar-expand-xl .dropdown-menu.dropdown-menu-end {
         left: auto;
         right: 0
     }
     .navbar-expand-xl .dropdown-menu.show {
         display: none
     }
     .navbar-expand-xl .dropdown-menu>.dropdown>.dropdown-toggle {
         position: relative;
         padding-right: 1.95rem
     }
     .navbar-expand-xl .dropdown-menu>.dropdown>.dropdown-toggle::after {
         display: inline-block;
         margin-left: .23375rem;
         vertical-align: .23375rem;
         content: "";
         border-top: .275rem solid rgba(0, 0, 0, 0);
         border-right: 0;
         border-bottom: .275rem solid rgba(0, 0, 0, 0);
         border-left: .275rem solid
     }
     .navbar-expand-xl .dropdown-menu>.dropdown>.dropdown-toggle:empty::after {
         margin-left: 0
     }
     .navbar-expand-xl .dropdown-menu>.dropdown>.dropdown-toggle::after {
         position: absolute;
         display: block;
         top: 50%;
         right: 1rem;
         margin-top: -0.3em
     }
     .navbar-expand-xl .dropdown-menu>.dropdown .dropdown-menu {
         display: none;
         top: 0;
         right: auto;
         left: 100%;
         width: auto;
         margin-top: -0.5rem;
         margin-right: 0;
         margin-left: -0.25rem
     }
     .navbar-expand-xl .dropdown-menu>.dropdown:hover>.dropdown-menu {
         animation: fade-in .25s ease-in-out
     }
     .navbar-expand-xl .dropdown-menu:not(.dropdown-menu-dark) {
         border-color: #fff;
         background-color: #fff;
         box-shadow: 0 .25rem .5625rem -0.0625rem rgba(0, 0, 0, .03), 0 .275rem 1.25rem -0.0625rem rgba(0, 0, 0, .05)
     }
     .navbar-expand-xl .dropdown-menu:not(.dropdown-menu-dark) .dropdown-menu {
         background-color: #fff
     }
     .navbar-expand-xl .dropdown:hover>.dropdown-menu {
         display: block;
         animation: slide-up .25s ease-in-out
     }
     .navbar-expand-xl .navbar-tool-text {
         display: block
     }
     .navbar-expand-xl .mega-dropdown-column {
         width: 15rem
     }
 }
 
 @media(min-width: 1400px) {
     .navbar-expand-xxl.fixed-top {
         position: fixed
     }
     .navbar-expand-xxl .navbar-collapse {
         width: auto;
         flex-basis: auto
     }
     .navbar-expand-xxl .navbar-nav .nav-header-item {
         margin-bottom: 0;
         background-color: rgba(0, 0, 0, 0)
     }
     .navbar-expand-xxl .navbar-nav .nav-header-item>.dropdown-menu>li>.dropdown-item {
         font-weight: normal
     }
     .navbar-expand-xxl .navbar-nav .nav-header-link {
         padding-top: 1.125rem;
         padding-bottom: .875rem;
         font-weight: normal
     }
     .navbar-expand-xxl .navbar-nav:not(.navbar-mega-nav) .nav-header-link.dropdown-toggle::after {
         display: none
     }
     .navbar-expand-xxl .navbar-mega-nav::after {
         display: block
     }
     .navbar-expand-xxl .navbar-mega-nav .dropdown-menu>.dropdown .dropdown-menu {
         top: .35rem
     }
     .navbar-expand-xxl .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu {
         top: .375rem;
         min-height: 100%;
         min-height: calc(100% + .25rem);
         animation: none !important
     }
     .navbar-expand-xxl .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu::before {
         position: absolute;
         top: 0;
         right: 16rem;
         width: 1px;
         height: 100%;
         background-color: #e3e9ef;
         content: "";
         /* added */
         opacity: 0.5;
     }
     .navbar-expand-xxl .dropdown-menu {
         margin-top: 0;
         padding-top: .5rem
     }
     .navbar-expand-xxl .dropdown-menu.dropdown-menu-dark {
         border: 1px solid rgba(255, 255, 255, .12);
         background-color: #373f50
     }
     .navbar-expand-xxl .dropdown-menu.dropdown-menu-end {
         left: auto;
         right: 0
     }
     .navbar-expand-xxl .dropdown-menu.show {
         display: none
     }
     .navbar-expand-xxl .dropdown-menu>.dropdown>.dropdown-toggle {
         position: relative;
         padding-right: 1.95rem
     }
     .navbar-expand-xxl .dropdown-menu>.dropdown>.dropdown-toggle::after {
         display: inline-block;
         margin-left: .23375rem;
         vertical-align: .23375rem;
         content: "";
         border-top: .275rem solid rgba(0, 0, 0, 0);
         border-right: 0;
         border-bottom: .275rem solid rgba(0, 0, 0, 0);
         border-left: .275rem solid
     }
     .navbar-expand-xxl .dropdown-menu>.dropdown>.dropdown-toggle:empty::after {
         margin-left: 0
     }
     .navbar-expand-xxl .dropdown-menu>.dropdown>.dropdown-toggle::after {
         position: absolute;
         display: block;
         top: 50%;
         right: 1rem;
         margin-top: -0.3em
     }
     .navbar-expand-xxl .dropdown-menu>.dropdown .dropdown-menu {
         display: none;
         top: 0;
         right: auto;
         left: 100%;
         width: auto;
         margin-top: -0.5rem;
         margin-right: 0;
         margin-left: -0.25rem
     }
     .navbar-expand-xxl .dropdown-menu>.dropdown:hover>.dropdown-menu {
         animation: fade-in .25s ease-in-out
     }
     .navbar-expand-xxl .dropdown-menu:not(.dropdown-menu-dark) {
         border-color: #fff;
         background-color: #fff;
         box-shadow: 0 .25rem .5625rem -0.0625rem rgba(0, 0, 0, .03), 0 .275rem 1.25rem -0.0625rem rgba(0, 0, 0, .05)
     }
     .navbar-expand-xxl .dropdown-menu:not(.dropdown-menu-dark) .dropdown-menu {
         background-color: #fff
     }
     .navbar-expand-xxl .dropdown:hover>.dropdown-menu {
         display: block;
         animation: slide-up .25s ease-in-out
     }
     .navbar-expand-xxl .navbar-tool-text {
         display: block
     }
     .navbar-expand-xxl .mega-dropdown-column {
         width: 15rem
     }
 }
 
 .navbar-expand.fixed-top {
     position: fixed
 }
 
 .navbar-expand .navbar-collapse {
     width: auto;
     flex-basis: auto
 }
 
 .navbar-expand .navbar-nav .nav-header-item {
     margin-bottom: 0;
     background-color: rgba(0, 0, 0, 0)
 }
 
 .navbar-expand .navbar-nav .nav-header-item>.dropdown-menu>li>.dropdown-item {
     font-weight: normal
 }
 
 .navbar-expand .navbar-nav .nav-header-link {
     padding-top: 1.125rem;
     padding-bottom: .875rem;
     font-weight: normal
 }
 
 .navbar-expand .navbar-nav:not(.navbar-mega-nav) .nav-header-link.dropdown-toggle::after {
     display: none
 }
 
 .navbar-expand .navbar-mega-nav::after {
     display: block
 }
 
 .navbar-expand .navbar-mega-nav .dropdown-menu>.dropdown .dropdown-menu {
     top: .35rem
 }
 
 .navbar-expand .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu {
     top: .375rem;
     min-height: 100%;
     min-height: calc(100% + .25rem);
     animation: none !important
 }
 
 .navbar-expand .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu::before {
     position: absolute;
     top: 0;
     right: 16rem;
     width: 1px;
     height: 100%;
     background-color: #e3e9ef;
     content: "";
     /* added */
     opacity: 0.5;
 }
 
 .navbar-expand .dropdown-menu {
     margin-top: 0;
     padding-top: .5rem
 }
 
 .navbar-expand .dropdown-menu.dropdown-menu-dark {
     border: 1px solid rgba(255, 255, 255, .12);
     background-color: #373f50
 }
 
 .navbar-expand .dropdown-menu.dropdown-menu-end {
     left: auto;
     right: 0
 }
 
 .navbar-expand .dropdown-menu.show {
     display: none
 }
 
 .navbar-expand .dropdown-menu>.dropdown>.dropdown-toggle {
     position: relative;
     padding-right: 1.95rem
 }
 
 .navbar-expand .dropdown-menu>.dropdown>.dropdown-toggle::after {
     display: inline-block;
     margin-left: .23375rem;
     vertical-align: .23375rem;
     content: "";
     border-top: .275rem solid rgba(0, 0, 0, 0);
     border-right: 0;
     border-bottom: .275rem solid rgba(0, 0, 0, 0);
     border-left: .275rem solid
 }
 
 .navbar-expand .dropdown-menu>.dropdown>.dropdown-toggle:empty::after {
     margin-left: 0
 }
 
 .navbar-expand .dropdown-menu>.dropdown>.dropdown-toggle::after {
     position: absolute;
     display: block;
     top: 50%;
     right: 1rem;
     margin-top: -0.3em
 }
 
 .navbar-expand .dropdown-menu>.dropdown .dropdown-menu {
     display: none;
     top: 0;
     right: auto;
     left: 100%;
     width: auto;
     margin-top: -0.5rem;
     margin-right: 0;
     margin-left: -0.25rem
 }
 
 .navbar-expand .dropdown-menu>.dropdown:hover>.dropdown-menu {
     animation: fade-in .25s ease-in-out
 }
 
 .navbar-expand .dropdown-menu:not(.dropdown-menu-dark) {
     border-color: #fff;
     background-color: #fff;
     box-shadow: 0 .25rem .5625rem -0.0625rem rgba(0, 0, 0, .03), 0 .275rem 1.25rem -0.0625rem rgba(0, 0, 0, .05)
 }
 
 .navbar-expand .dropdown-menu:not(.dropdown-menu-dark) .dropdown-menu {
     background-color: #fff
 }
 
 .navbar-expand .dropdown:hover>.dropdown-menu {
     display: block;
     animation: slide-up .25s ease-in-out
 }
 
 .navbar-expand .navbar-tool-text {
     display: block
 }
 
 .navbar-expand .mega-dropdown-column {
     width: 15rem
 }
 
 .navbar-stuck-toggler {
     display: none
 }
 
 @media(min-width: 992px) {
     .navbar-sticky.navbar-stuck {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         animation: navbar-show .25s;
         box-shadow: 0 .25rem .5625rem -0.0625rem rgba(0, 0, 0, .03), 0 .275rem 1.25rem -0.0625rem rgba(0, 0, 0, .05);
         z-index: 1030
     }
     .navbar-sticky.navbar-stuck .navbar-stuck-toggler {
         display: flex
     }
     .navbar-sticky.navbar-stuck .navbar-stuck-barnd {
         display: block !important
     }
     .navbar-sticky.navbar-stuck .navbar-stuck-menu {
         display: none
     }
     .navbar-sticky.navbar-stuck .navbar-stuck-menu.show {
         display: block
     }
     .navbar-sticky.navbar-stuck.right-15 {
         right: 15px;
         width: calc(100% - 15px)
     }
     .navbar-sticky.position-absolute.navbar-light,
     .navbar-sticky.position-absolute.navbar-dark {
         background-color: rgba(0, 0, 0, 0)
     }
     .navbar-sticky.position-absolute.navbar-stuck {
         position: fixed !important
     }
     .navbar-sticky.position-absolute.navbar-stuck.navbar-light {
         background-color: #fff
     }
     .navbar-sticky.position-absolute.navbar-stuck.navbar-dark {
         background-color: #373f50
     }
 }
 
 .fixed-top.right-15,
 .fixed-bottom.right-15 {
     right: 15px
 }
 
 @keyframes navbar-show {
     from {
         transform: translateY(-0.625rem);
         opacity: 0
     }
     to {
         transform: translateY(0);
         opacity: 1
     }
 }
 
 .navbar-light .nav-header-link>i {
     transition: color .25s ease-in-out, background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out;
     color: #7d879c
 }
 
 .navbar-light .nav-header-item {
     background-color: #f6f9fc
 }
 
 .navbar-light .nav-header-item:hover .nav-header-link:not(.disabled),
 .navbar-light .nav-header-item:hover .nav-header-link:not(.disabled)>i {
     color: var(--cz-primary)
 }
 
 .navbar-light .nav-header-item.active .nav-header-link:not(.disabled)>i,
 .navbar-light .nav-header-item.show .nav-header-link:not(.disabled)>i,
 .navbar-light .nav-header-item.dropdown .nav-header-link:focus:not(.disabled)>i,
 .navbar-light .nav-header-item.active .nav-header-link:not(.disabled),
 .navbar-light .nav-header-item.show .nav-header-link:not(.disabled),
 .navbar-light .nav-header-item.dropdown .nav-header-link:focus:not(.disabled) {
     color: var(--cz-primary)
 }
 
 .navbar-light .navbar-tool-icon-box {
     color: #4b566b
 }
 
 .navbar-light .navbar-tool-icon-box.bg-secondary {
     background-color: #f3f5f9 !important
 }
 
 .navbar-light .navbar-tool:hover .navbar-tool-icon-box {
     color: #2b3445
 }
 
 .navbar-light .navbar-tool:hover .navbar-tool-icon-box.bg-secondary {
     background-color: #f3f5f9 !important
 }
 
 .navbar-light.bg-secondary .navbar-tool-icon-box.bg-secondary,
 .navbar-light[class^=bg-faded] .navbar-tool-icon-box.bg-secondary,
 .navbar-light[class*=" bg-faded"] .navbar-tool-icon-box.bg-secondary,
 .navbar-light[style^=background-color] .navbar-tool-icon-box.bg-secondary,
 .navbar-light[style*=" background-color"] .navbar-tool-icon-box.bg-secondary {
     background-color: #e9edf4 !important
 }
 
 .navbar-light.bg-secondary .navbar-tool:hover .navbar-tool-icon-box.bg-secondary,
 .navbar-light[class^=bg-faded] .navbar-tool:hover .navbar-tool-icon-box.bg-secondary,
 .navbar-light[class*=" bg-faded"] .navbar-tool:hover .navbar-tool-icon-box.bg-secondary,
 .navbar-light[style^=background-color] .navbar-tool:hover .navbar-tool-icon-box.bg-secondary,
 .navbar-light[style*=" background-color"] .navbar-tool:hover .navbar-tool-icon-box.bg-secondary {
     background-color: #e9edf4 !important
 }
 
 .navbar-light .navbar-tool-text {
     color: #4b566b
 }
 
 .navbar-light .navbar-tool-text>small,
 .navbar-light .navbar-tool-text>.small {
     color: #7d879c
 }
 
 .navbar-light .navbar-tool:hover .navbar-tool-text {
     color: #2b3445
 }
 
 .navbar-light .navbar-mega-nav::after {
     background-color: #e3e9ef
 }
 
 .navbar-dark .nav-header-link>i {
     transition: color .25s ease-in-out, background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out;
     color: rgba(255, 255, 255, .5)
 }
 
 .navbar-dark .nav-header-item {
     background-color: rgba(255, 255, 255, .05)
 }
 
 .navbar-dark .nav-header-item:hover .nav-header-link:not(.disabled) {
     color: #fff
 }
 
 .navbar-dark .nav-header-item.active .nav-header-link:not(.disabled)>i,
 .navbar-dark .nav-header-item.show .nav-header-link:not(.disabled)>i,
 .navbar-dark .nav-header-item.dropdown .nav-header-link:focus:not(.disabled)>i,
 .navbar-dark .nav-header-item.active .nav-header-link:not(.disabled),
 .navbar-dark .nav-header-item.show .nav-header-link:not(.disabled),
 .navbar-dark .nav-header-item.dropdown .nav-header-link:focus:not(.disabled) {
     color: #fff
 }
 
 .navbar-dark .navbar-tool-icon-box {
     color: #fff
 }
 
 .navbar-dark .navbar-tool-icon-box.bg-secondary {
     background-color: rgba(255, 255, 255, .08) !important
 }
 
 .navbar-dark .navbar-tool-text {
     color: #fff
 }
 
 .navbar-dark .navbar-tool-text>small,
 .navbar-dark .navbar-tool-text>.small {
     color: rgba(255, 255, 255, .5)
 }
 
 .navbar-dark .navbar-tool:hover .navbar-tool-text {
     color: #fff
 }
 
 .navbar-dark .navbar-mega-nav::after {
     background-color: rgba(255, 255, 255, .12)
 }
 
 .topbar {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: .625rem 0;
     font-size: .875rem
 }
 
 
 
 .topbar .topbar-text,
 .topbar .topbar-link {
     display: inline-block;
     margin-bottom: 0;
     text-decoration: none !important
 }
 
 .topbar .topbar-text>i,
 .topbar .topbar-link>i {
     margin-right: .375rem;
     font-size: 1.15em;
     vertical-align: middle
 }
 
 .topbar .tns-carousel [data-controls] {
     margin-top: -1rem;
     width: 2rem;
     height: 2rem;
     transition: color .2s ease-in-out;
     border: 0;
     background: 0;
     font-size: .9555rem;
     line-height: 2rem
 }
 
 .topbar .tns-carousel [data-controls=prev] {
     left: -2.2rem
 }
 
 .topbar .tns-carousel [data-controls=next] {
     right: -2.2rem
 }
 
 @-moz-document url-prefix() {
     .topbar .tns-carousel [data-controls] {
         margin-top: -0.875rem
     }
 }
 
 .topbar-light .topbar-text,
 .topbar-light .topbar-link {
     color: rgba(75, 86, 107, .9)
 }
 
 .topbar-light .topbar-text>i,
 .topbar-light .topbar-link>i {
     color: var(--cz-primary)
 }
 
 .topbar-light .topbar-text.text-muted,
 .topbar-light .topbar-text>.text-muted,
 .topbar-light .topbar-link.text-muted,
 .topbar-light .topbar-link>.text-muted {
     color: rgba(125, 135, 156, .9) !important
 }
 
 .topbar-light .topbar-link:hover {
     color: #373f50
 }
 
 .topbar-light .topbar-link.active {
     color: #373f50
 }
 
 .topbar-light .show .topbar-link {
     color: #373f50
 }
 
 .topbar-light .tns-carousel [data-controls] {
     color: rgba(75, 86, 107, .9)
 }
 
 .topbar-light .tns-carousel [data-controls]:hover {
     color: #373f50
 }
 
 .topbar-dark .topbar-text,
 .topbar-dark .topbar-link {
     color: rgba(255, 255, 255, .65)
 }
 
 .topbar-dark .topbar-text>i,
 .topbar-dark .topbar-link>i {
     color: var(--cz-primary)
 }
 
 .topbar-dark .topbar-text.text-muted,
 .topbar-dark .topbar-text>.text-muted,
 .topbar-dark .topbar-link.text-muted,
 .topbar-dark .topbar-link>.text-muted {
     color: rgba(255, 255, 255, .45) !important
 }
 
 .topbar-dark .topbar-link:hover {
     color: #fff
 }
 
 .topbar-dark .topbar-link.active {
     color: #fff
 }
 
 .topbar-dark .show .topbar-link {
     color: #fff
 }
 
 .topbar-dark .tns-carousel [data-controls] {
     color: rgba(255, 255, 255, .65)
 }
 
 .topbar-dark .tns-carousel [data-controls]:hover {
     color: #fff
 }
 
 /* ---------- end -------------------- */

 /* end here -- .accordion */
 
 .accordion-button {
     font-weight: 500
 }
 
 .accordion-button::after {
     width: 2.125rem;
     height: 2.125rem;
     border-radius: 50%;
     background-position: center;
     background-color: #f3f5f9
 }
 
 .accordion-button:focus {
     box-shadow: none
 }
 
 .accordion-button:not(.collapsed) {
     box-shadow: inset 0 -1px 0 #dde4eb
 }
 
 .breadcrumb-item::before {
     margin-top: .0625rem;
     font-family: "cartzilla-icons";
     font-size: .9em;
     vertical-align: middle
 }
 
 .breadcrumb-item>a {
     transition: color .25s ease-in-out, background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out;
     color: #4b566b
 }
 
 .breadcrumb-item>a:hover {
     color: var(--cz-primary)
 }
 
 .breadcrumb-item>a>i {
     margin-top: -0.175rem;
     margin-right: .375rem;
     font-size: 1.05em;
     vertical-align: middle
 }
 
 .breadcrumb-item.active {
     cursor: default
 }
 
 .breadcrumb-light .breadcrumb-item::before {
     color: rgba(255, 255, 255, .5)
 }
 
 .breadcrumb-light .breadcrumb-item>a {
     color: #fff
 }
 
 .breadcrumb-light .breadcrumb-item>a:hover {
     color: #fff
 }
 
 .breadcrumb-light .breadcrumb-item.active {
     color: rgba(255, 255, 255, .6)
 }
 
 .pagination {
     margin-bottom: 0;
     user-select: none
 }
 
 .page-link {
     position: relative;
     transition: color .25s ease-in-out, border-color .25s ease-in-out, background-color .25s ease-in-out
 }
 
 .page-link:focus,
 .page-link:hover {
     color: #4b566b
 }
 
 .page-link.page-link-static:hover {
     border-color: rgba(0, 0, 0, 0);
     background-color: rgba(0, 0, 0, 0);
     color: #4b566b
 }
 
 .page-link>i {
     margin-top: -0.125rem;
     vertical-align: middle
 }
 
 .page-item {
     margin: .15rem
 }
 
 .page-item.active {
     position: relative;
     z-index: 5;
     cursor: default
 }
 
 .page-item.active>.page-link {
     box-shadow: 0 .5rem 1.125rem -0.425rem rgba(var(--cz-primary-rgb), 0.9)
 }
 
 .pagination .page-link {
     border-radius: .3125rem;
     font-size: .9375rem
 }
 
 .pagination-sm .page-link {
     border-radius: .25rem;
     font-size: .8125rem
 }
 
 .pagination-lg .page-link {
     border-radius: .4375rem;
     font-size: 1rem
 }
 
 .entry-navigation {
     display: flex;
     border: 1px solid #e3e9ef;
     border-radius: .4375rem;
     background-color: #fff
 }
 
 .entry-navigation-link {
     flex-basis: 0;
     flex-grow: 1;
     max-width: 100%;
     padding: 1.25rem .75rem;
     transition: color .25s ease-in-out, background-color .25s ease-in-out;
     border-right: 1px solid #e3e9ef;
     color: #4b566b;
     font-weight: normal;
     text-align: center;
     text-decoration: none
 }
 
 .entry-navigation-link:last-child {
     border-right: 0
 }
 
 .entry-navigation-link>i {
     margin-top: -0.1875rem;
     vertical-align: middle
 }
 
 .entry-navigation-link:hover {
     color: var(--cz-primary);
     text-decoration: none
 }
 
 .badge.bg-secondary,
 .badge.bg-light {
     color: #373f50
 }
 
 .bg-primary.badge-shadow {
     box-shadow: 0 .5rem 1.125rem -0.275rem rgba(254, 105, 106, .9)
 }
 
 .bg-accent.badge-shadow {
     box-shadow: 0 .5rem 1.125rem -0.275rem rgba(78, 84, 200, .9)
 }
 
 .bg-secondary.badge-shadow {
     box-shadow: 0 .5rem 1.125rem -0.275rem rgba(243, 245, 249, .9)
 }
 
 .bg-success.badge-shadow {
     box-shadow: 0 .5rem 1.125rem -0.275rem rgba(66, 214, 151, .9)
 }
 
 .bg-info.badge-shadow {
     box-shadow: 0 .5rem 1.125rem -0.275rem rgba(105, 179, 254, .9)
 }
 
 .bg-warning.badge-shadow {
     box-shadow: 0 .5rem 1.125rem -0.275rem rgba(254, 165, 105, .9)
 }
 
 .bg-danger.badge-shadow {
     box-shadow: 0 .5rem 1.125rem -0.275rem rgba(243, 71, 112, .9)
 }
 
 .bg-light.badge-shadow {
     box-shadow: 0 .5rem 1.125rem -0.275rem rgba(255, 255, 255, .9)
 }
 
 .bg-dark.badge-shadow {
     box-shadow: 0 .5rem 1.125rem -0.275rem rgba(55, 63, 80, .9)
 }
 
 .bg-secondary.badge-shadow,
 .bg-light.badge-shadow {
     box-shadow: 0 .5rem 1.125rem -0.275rem rgba(0, 0, 0, .25)
 }
 
 .alert-secondary {
     border-color: #e3e9ef;
     background-color: #f6f9fc
 }
 
 .alert-secondary,
 .alert-light {
     color: #4b566b
 }
 
 .alert-secondary .alert-link,
 .alert-light .alert-link {
     color: #2b3445
 }
 
 .alert-dark {
     border-color: #373f50;
     background-color: #373f50;
     color: #fff
 }
 
 .alert-dark .alert-link {
     color: #fff
 }
 
 .alert [class^=ci-],
 .alert [class*=" ci-"] {
     margin-top: .1875rem
 }
 
 .alert hr {
     color: rgba(0, 0, 0, .1)
 }
 
 .alert-link {
     text-decoration: underline
 }
 
 .alert-link:hover {
     text-decoration: none
 }
 
 .alert-icon {
     display: flex;
     align-items: center;
     margin-top: -0.75rem;
     margin-right: 1.125rem;
     margin-bottom: -0.75rem;
     margin-left: -1.125rem;
     padding: .75em;
     border-top-left-radius: .4375rem;
     border-bottom-left-radius: .4375rem;
     font-size: 1.125rem
 }
 
 .alert-primary .alert-icon {
     background-color: rgba(254, 105, 106, .1)
 }
 
 .alert-accent .alert-icon {
     background-color: rgba(78, 84, 200, .1)
 }
 
 .alert-secondary .alert-icon {
     background-color: rgba(243, 245, 249, .1)
 }
 
 .alert-success .alert-icon {
     background-color: rgba(66, 214, 151, .1)
 }
 
 .alert-info .alert-icon {
     background-color: rgba(105, 179, 254, .1)
 }
 
 .alert-warning .alert-icon {
     background-color: rgba(254, 165, 105, .1)
 }
 
 .alert-danger .alert-icon {
     background-color: rgba(243, 71, 112, .1)
 }
 
 .alert-light .alert-icon {
     background-color: rgba(255, 255, 255, .1)
 }
 
 .alert-dark .alert-icon {
     background-color: rgba(55, 63, 80, .1)
 }
 
 .alert-secondary .alert-icon {
     background-color: #e3e9ef
 }
 
 .alert-light .alert-icon {
     background-color: #f3f5f9
 }
 
 .alert-dismissible .btn-close {
     padding-top: 1.125rem;
     padding-bottom: 1.125rem
 }
 
 .list-group-item-action {
     transition: all .2s ease-in-out
 }
 
 .list-group-item-action:active {
     transition: none
 }
 
 .list-group-item.active {
     box-shadow: 0 .5rem 1.125rem -0.5rem rgba(var(--cz-primary-rgb), 0.9)
 }
 
 .list-group-item-action.list-group-item-primary:hover,
 .list-group-item-action.list-group-item-primary:active,
 .list-group-item-action.list-group-item-primary:focus {
     background-color: rgba(254, 105, 106, .2)
 }
 
 .list-group-item-primary.active {
     background-color: #fe696a !important;
     border-color: #fe696a;
     box-shadow: none
 }
 
 .list-group-item-action.list-group-item-accent:hover,
 .list-group-item-action.list-group-item-accent:active,
 .list-group-item-action.list-group-item-accent:focus {
     background-color: rgba(78, 84, 200, .2)
 }
 
 .list-group-item-accent.active {
     background-color: #4e54c8 !important;
     border-color: #4e54c8;
     box-shadow: none
 }
 
 .list-group-item-action.list-group-item-secondary:hover,
 .list-group-item-action.list-group-item-secondary:active,
 .list-group-item-action.list-group-item-secondary:focus {
     background-color: rgba(243, 245, 249, .2)
 }
 
 .list-group-item-secondary.active {
     background-color: #f3f5f9 !important;
     border-color: #f3f5f9;
     box-shadow: none
 }
 
 .list-group-item-action.list-group-item-success:hover,
 .list-group-item-action.list-group-item-success:active,
 .list-group-item-action.list-group-item-success:focus {
     background-color: rgba(66, 214, 151, .2)
 }
 
 .list-group-item-success.active {
     background-color: #42d697 !important;
     border-color: #42d697;
     box-shadow: none
 }
 
 .list-group-item-action.list-group-item-info:hover,
 .list-group-item-action.list-group-item-info:active,
 .list-group-item-action.list-group-item-info:focus {
     background-color: rgba(105, 179, 254, .2)
 }
 
 .list-group-item-info.active {
     background-color: #69b3fe !important;
     border-color: #69b3fe;
     box-shadow: none
 }
 
 .list-group-item-action.list-group-item-warning:hover,
 .list-group-item-action.list-group-item-warning:active,
 .list-group-item-action.list-group-item-warning:focus {
     background-color: rgba(254, 165, 105, .2)
 }
 
 .list-group-item-warning.active {
     background-color: #fea569 !important;
     border-color: #fea569;
     box-shadow: none
 }
 
 .list-group-item-action.list-group-item-danger:hover,
 .list-group-item-action.list-group-item-danger:active,
 .list-group-item-action.list-group-item-danger:focus {
     background-color: rgba(243, 71, 112, .2)
 }
 
 .list-group-item-danger.active {
     background-color: #f34770 !important;
     border-color: #f34770;
     box-shadow: none
 }
 
 .list-group-item-action.list-group-item-light:hover,
 .list-group-item-action.list-group-item-light:active,
 .list-group-item-action.list-group-item-light:focus {
     background-color: rgba(255, 255, 255, .2)
 }
 
 .list-group-item-light.active {
     background-color: #fff !important;
     border-color: #fff;
     box-shadow: none
 }
 
 .list-group-item-action.list-group-item-dark:hover,
 .list-group-item-action.list-group-item-dark:active,
 .list-group-item-action.list-group-item-dark:focus {
     background-color: rgba(55, 63, 80, .2)
 }
 
 .list-group-item-dark.active {
     background-color: #373f50 !important;
     border-color: #373f50;
     box-shadow: none
 }
 
 .list-group-item-secondary,
 .list-group-item-light {
     color: #4b566b !important
 }
 
 .list-group-item-secondary {
     background-color: #f6f9fc !important
 }
 
 .list-group-item-light {
     background-color: #fff !important
 }
 
 .btn-close {
     transition: opacity .15s ease-in-out
 }
 
 .toast-header [class*=ci-] {
     font-size: 1.25em
 }
 
 .toast-header:not([class*=bg-]) {
     border-bottom: 1px solid rgba(227, 233, 239, .75)
 }
 
 .popover-header {
     font-size: 0.9375rem
 }
 
 .popover.bs-popover-bottom .popover-arrow::after,
 .popover.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
     border-bottom-color: #f6f9fc
 }
 
 .modal-quick-view .modal-dialog {
     max-width: 1140px !important
 }
 
 @media(min-width: 500px) {
     .modal-quick-view {
         padding-left: 1rem
     }
 }
 
 /* tns carousel ---- */

 .tns-carousel {
     position: relative
 }
 
 .tns-carousel .tns-carousel-inner {
     position: relative;
     display: flex;
     overflow: hidden;
     touch-action: manipulation;
     opacity: 0
 }
 
 .tns-carousel .tns-carousel-inner:active {
     cursor: grab
 }
 
 .tns-carousel .tns-carousel-inner.tns-slider {
     display: block;
     opacity: 1
 }
 
 .tns-carousel .tns-carousel-inner>* {
     backface-visibility: hidden
 }
 
 .tns-carousel .tns-controls:focus {
     outline: none
 }
 
 .tns-carousel [data-controls] {
     position: absolute;
     top: 50%;
     width: 2.75rem;
     height: 2.75rem;
     margin-top: -1.375rem;
     transition: all .3s ease-in-out;
     border: 1px solid #e3e9ef;
     border-radius: 50%;
     background-color: #fff;
     font-size: .8085rem;
     line-height: 2.625rem;
     text-align: center;
     z-index: 10
 }
 
 .tns-carousel [data-controls][disabled] {
     opacity: 0 !important
 }
 
 .tns-carousel [data-controls=prev] {
     left: 1.75rem
 }
 
 .tns-carousel [data-controls=next] {
     right: 1.75rem
 }
 
 .tns-carousel.tns-controls-lg [data-controls] {
     width: 3.25rem;
     height: 3.25rem;
     margin-top: -1.625rem;
     font-size: .9555rem;
     line-height: 3.125rem
 }
 
 .tns-carousel.tns-controls-sm [data-controls] {
     width: 2.25rem;
     height: 2.25rem;
     margin-top: -1.125rem;
     font-size: .6615rem;
     line-height: 2.125rem
 }
 
 .tns-carousel:not(.tns-controls-static) [data-controls] {
     opacity: 0
 }
 
 .tns-carousel:not(.tns-controls-static) [data-controls=prev] {
     transform: translateX(1rem)
 }
 
 .tns-carousel:not(.tns-controls-static) [data-controls=next] {
     transform: translateX(-1rem)
 }
 
 .tns-carousel:not(.tns-controls-static):hover [data-controls] {
     transform: none;
     opacity: 1
 }
 
 .tns-carousel.tns-controls-outside {
     padding: 0 1.375rem
 }
 
 .tns-carousel.tns-controls-outside [data-controls=prev] {
     left: 0
 }
 
 .tns-carousel.tns-controls-outside [data-controls=next] {
     right: 0
 }
 
 .tns-carousel.tns-controls-outside.tns-controls-lg {
     padding: 0 1.625rem
 }
 
 .tns-carousel.tns-controls-outside.tns-controls-sm {
     padding: 0 1.125rem
 }
 
 .tns-carousel.tns-nav-enabled:not(.tns-nav-inside) [data-controls] {
     margin-top: -3.0625rem
 }
 
 .tns-carousel.tns-nav-enabled:not(.tns-nav-inside).tns-controls-lg [data-controls] {
     margin-top: -3.3125rem
 }
 
 .tns-carousel.tns-nav-enabled:not(.tns-nav-inside).tns-controls-sm [data-controls] {
     margin-top: -2.8125rem
 }
 
 .tns-carousel .tns-nav {
     padding-top: .875rem;
     padding-bottom: .5rem;
     text-align: center
 }
 
 .tns-carousel.tns-nav-start .tns-nav {
     text-align: left
 }
 
 .tns-carousel.tns-nav-end .tns-nav {
     text-align: right
 }
 
 .tns-carousel [data-nav] {
     display: inline-block;
     width: .3125rem;
     height: .3125rem;
     margin: 0 .375rem;
     padding: 0;
     transition: width .2s ease-in-out, background-color .2s ease-in-out;
     border: 0;
     border-radius: .15625rem;
     background-color: #b6bcc5
 }
 
 .tns-carousel [data-nav]:focus {
     outline: none
 }
 
 .tns-carousel [data-nav].tns-nav-active {
     width: 1.25rem;
     background-color: var(--cz-primary)
 }
 
 .tns-carousel.tns-nav-light [data-nav] {
     background-color: #fff
 }
 
 .tns-carousel.tns-nav-inside .tns-nav {
     position: absolute;
     left: 0;
     width: 100%;
     bottom: 1rem
 }
 
 .tns-carousel-controls {
     white-space: nowrap
 }
 
 .tns-carousel-controls button {
     display: none
 }
 
 .tns-carousel-controls:focus {
     outline: none
 }
 
 .tns-carousel-controls [data-controls] {
     display: inline-block;
     width: 2.25rem;
     height: 2.25rem;
     margin: .0625rem;
     transition: all .3s ease-in-out;
     border: 1px solid #e3e9ef;
     border-radius: 50%;
     background-color: #fff;
     font-size: .6615rem;
     line-height: 2.125rem;
     text-align: center;
     z-index: 10
 }
 
 .tns-carousel-controls [data-controls][disabled] {
     opacity: 0 !important
 }
 
 .tns-item {
     user-select: none
 }
 
 .tns-item .from-top,
 .tns-item .from-bottom,
 .tns-item .from-start,
 .tns-item .from-end,
 .tns-item .scale-up,
 .tns-item .scale-down {
     transition: all .45s .3s ease-in-out;
     opacity: 0;
     backface-visibility: hidden
 }
 
 .tns-item .from-top {
     transform: translateY(-45px)
 }
 
 .tns-item .from-bottom {
     transform: translateY(45px)
 }
 
 .tns-item .from-start {
     transform: translateX(-45px)
 }
 
 .tns-item .from-end {
     transform: translateX(45px)
 }
 
 .tns-item .scale-up {
     transform: scale(0.8)
 }
 
 .tns-item .scale-down {
     transform: scale(1.2)
 }
 
 .tns-item .delay-1 {
     transition-delay: .5s
 }
 
 .tns-item .delay-2 {
     transition-delay: .7s
 }
 
 .tns-item .delay-3 {
     transition-delay: .9s
 }
 
 .tns-item .delay-4 {
     transition-delay: 1.1s
 }
 
 .tns-item.tns-slide-active .from-top,
 .tns-item.tns-slide-active .from-bottom {
     transform: translateY(0);
     opacity: 1
 }
 
 .tns-item.tns-slide-active .from-start,
 .tns-item.tns-slide-active .from-end {
     transform: translateX(0);
     opacity: 1
 }
 
 .tns-item.tns-slide-active .scale-up,
 .tns-item.tns-slide-active .scale-down {
     transform: scale(1);
     opacity: 1
 }

 /* tns carousel end -- here */
 
 /* .gallery-item { start here... */

/* .flatpickr-time input.flatpickr-hour { end here.. */

 
/* re-bring here */
.bg-darker {
    --cz-bg-opacity: 1;
    background-color: #2b3445 !important
}

.bg-darker .simplebar-track,
.dropdown-menu-dark .simplebar-track {
    background-color: rgba(0, 0, 0, 0)
}

.bg-dark .simplebar-track .simplebar-scrollbar,
.bg-darker .simplebar-track .simplebar-scrollbar,
.dropdown-menu-dark .simplebar-track .simplebar-scrollbar {
    background-color: #58647d
}

.border-bottom {
    border-bottom: var(--cz-border-width) var(--cz-border-style) var(--cz-border-color) !important
}

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

.border-light {
    --cz-border-opacity: 0.35;
    border-color: rgba(255, 255, 255, .12) !important
}

/* added -nav  */
.bg-dark-nav {
    --cz-bg-opacity: 1;
    background-color: rgba(var(--cz-dark-rgb), var(--cz-bg-opacity)) !important;
}

.translate-middle-y {
    transform: translateY(-50%) !important
}



/* ----- nav-container width control here ---------- */

/* container chaned to nav-nav-container */

.navbar>.nav-container {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.topbar>.nav-container{
     display: flex;
     align-items: center;
     justify-content: space-between
 }

.nav-container{
     --cz-gutter-x: 1.875rem;
     --cz-gutter-y: 0;
     width: 100%;
     padding-right: calc(var(--cz-gutter-x)*.5);
     padding-left: calc(var(--cz-gutter-x)*.5);
     margin-right: auto;
     margin-left: auto
 }
 
 @media(min-width: 500px) {
     .nav-container {
         max-width: 100%
     }
 }
 
 @media(min-width: 768px) {
     .nav-container {
         max-width: 100%
     }
 }
 
 @media(min-width: 992px) {
     .nav-container {
         max-width: 100%
     }
 }
 
 @media(min-width: 1280px) {
     .nav-container {
         max-width: 1260px
     }
 }

/* nav-container end here---------- */

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}
.flex-sm-nowrap {
    flex-wrap: nowrap !important
}

/* widget list----------------- */
   
.widget-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.widget-list[data-simplebar] {
    overflow-x: hidden
}

.widget-title {
    margin-bottom: 1.125rem;
    font-size: 1.0625rem;
    font-weight: 500
}

.widget-categories .accordion-item {
    border: 0;
    border-radius: 0
}

.widget-categories .accordion-body {
    padding: .625rem 0
}

.widget-categories .accordion-button {
    padding: .444rem 0;
    font-size: .9375rem;
    font-weight: normal;
    color: var(--cz-primary);
    box-shadow: none
}

.widget-categories .accordion-button::after {
    width: 1.375rem;
    height: 1.375rem;
    padding-top: .0625rem;
    background-image: none;
    background-color: rgba(var(--cz-primary-rgb), 0.1);
    font-family: "cartzilla-icons";
    font-size: .5rem;
    font-weight: bold;
    content: "";
    text-align: center;
    line-height: 1.375rem
}

.widget-categories .accordion-button.collapsed {
    color: #4b566b
}

.widget-categories .accordion-button.collapsed::after {
    background-color: #f3f5f9
}

.widget-categories .accordion-button:hover {
    color: var(--cz-primary)
}

.widget-categories .accordion-button:hover::after {
    background-color: rgba(var(--cz-primary-rgb), 0.1)
}

.widget-categories .widget-list-item {
    margin-bottom: .375rem;
    padding-left: .75rem
}

.widget-categories .widget-list:not([data-simplebar]) {
    border-right: 2px solid #e3e9ef
}

.widget-categories .widget-list:not([data-simplebar]) .widget-list-item {
    padding-right: 1rem
}

.widget-categories .widget-list:not([data-simplebar]) .widget-list-item .widget-list:not([data-simplebar]) {
    border-right: 0
}

.widget-list-item {
    margin-bottom: .5rem
}

.widget-list-item:last-child {
    margin-bottom: 0
}

.widget-list-link {
    display: block;
    transition: color .25s ease-in-out;
    color: #4b566b;
    font-size: .875rem;
    font-weight: normal
}

.widget-list-link:hover {
    color: var(--cz-primary)
}

.active>.widget-list-link {
    color: var(--cz-primary)
}

.widget-light .widget-list-link {
    color: rgba(255, 255, 255, .65)
}

.widget-light .widget-list-link:hover {
    color: #fff
}

.widget-light .active>.widget-list-link {
    color: #fff
}

.widget-product-title {
    margin-bottom: .25rem;
    font-size: .875rem;
    font-weight: 500
}

.widget-product-title>a {
    color: #373f50
}

.widget-product-title:hover>a {
    color: var(--cz-primary)
}

.widget-product-meta {
    font-size: .875rem
}

.widget-cart-item {
    position: relative
}

.widget-cart-item .btn-close {
    position: absolute;
    top: 50%;
    left: 0;
    height: auto;
    padding: 0;
    transform: translateY(-50%);
    transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
    background: none;
    font-size: 1.5rem;
    font-weight: 300;
    visibility: hidden;
    opacity: 0
}

.widget-cart-item>.d-flex {
    transition: all .25s ease-in-out
}

.widget-cart-item:hover>.d-flex {
    transform: translateX(1.125rem)
}

.widget-cart-item:hover .btn-close {
    visibility: visible;
    opacity: 1
}


/* widget end ----------------*/

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

.flex-shrink-0 {
    flex-shrink: 0 !important
}

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

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

/* change logs */
/* .nav-link to .nav-header-link - num-100 */
/* .nav-item to .nav-header-item - num-42 */
.translate-middle-y {
    transform: translateY(-50%) !important
}

/* social btns */
.btn-social {
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0);
    transition: border-color .25s ease-in-out, background-color .25s ease-in-out, color .25s ease-in-out, box-shadow .25s ease-in-out;
    border-radius: .3125rem;
    background-color: #f3f5f9;
    color: #4b566b;
    font-size: .875rem;
    text-align: center;
    text-decoration: none !important
}

.btn-social>i {
    line-height: 2.125rem
}

.btn-social:hover {
    color: #fff
}

.btn-social:focus {
    outline: none
}

.btn-social:active {
    transition: none;
    box-shadow: none !important
}

.btn-social.bs-light {
    background-color: rgba(255, 255, 255, .08);
    color: #fff
}

.btn-social.bs-light:hover {
    background-color: #fff !important;
    box-shadow: none !important
}

/* social media */
       
.bs-facebook:hover {
    background-color: #3b5998;
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(59, 89, 152, .9)
}

.bs-facebook:hover.bs-light {
    color: #3b5998
}

.bs-twitter:hover {
    background-color: #1da1f2;
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(29, 161, 242, .9)
}

.bs-twitter:hover.bs-light {
    color: #1da1f2
}

.bs-instagram:hover {
    background-color: #5851db;
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(88, 81, 219, .9)
}

.bs-instagram:hover.bs-light {
    color: #5851db
}

.bs-google:hover {
    background-color: #ea4335;
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(234, 67, 53, .9)
}

.bs-google:hover.bs-light {
    color: #ea4335
}

.bs-linkedin:hover {
    background-color: #0077b5;
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(0, 119, 181, .9)
}

.bs-linkedin:hover.bs-light {
    color: #0077b5
}

.bs-pinterest:hover {
    background-color: #bd081c;
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(189, 8, 28, .9)
}

.bs-pinterest:hover.bs-light {
    color: #bd081c
}

.bs-tumblr:hover {
    background-color: #35465c;
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(53, 70, 92, .9)
}

.bs-tumblr:hover.bs-light {
    color: #35465c
}

.bs-behance:hover {
    background-color: #1769ff;
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(23, 105, 255, .9)
}

.bs-behance:hover.bs-light {
    color: #1769ff
}

.bs-dribbble:hover {
    background-color: #ea4c89;
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(234, 76, 137, .9)
}

.bs-dribbble:hover.bs-light {
    color: #ea4c89
}

.bs-vk:hover {
    background-color: #45668e;
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(69, 102, 142, .9)
}

.bs-vk:hover.bs-light {
    color: #45668e
}

.bs-odnoklassniki:hover {
    background-color: #ed812b;
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(237, 129, 43, .9)
}

.bs-odnoklassniki:hover.bs-light {
    color: #ed812b
}

.bs-skype:hover {
    background-color: #00aff0;
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(0, 175, 240, .9)
}

.bs-skype:hover.bs-light {
    color: #00aff0
}

.bs-hangouts:hover {
    background-color: #0f9d58;
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(15, 157, 88, .9)
}

.bs-hangouts:hover.bs-light {
    color: #0f9d58
}

.bs-messenger:hover {
    background-color: #0084ff;
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(0, 132, 255, .9)
}

.bs-messenger:hover.bs-light {
    color: #0084ff
}

.bs-viber:hover {
    background-color: #59267c;
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(89, 38, 124, .9)
}

.bs-viber:hover.bs-light {
    color: #59267c
}

.bs-telegram:hover {
    background-color: #08c;
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(0, 136, 204, .9)
}

.bs-telegram:hover.bs-light {
    color: #08c
}

.bs-youtube:hover {
    background-color: red;
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(255, 0, 0, .9)
}

.bs-youtube:hover.bs-light {
    color: red
}

.bs-vimeo:hover {
    background-color: #1ab7ea;
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(26, 183, 234, .9)
}

.bs-vimeo:hover.bs-light {
    color: #1ab7ea
}

.bs-wechat:hover {
    background-color: #7bb32e;
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(123, 179, 46, .9)
}

.bs-wechat:hover.bs-light {
    color: #7bb32e
}

.bs-discord:hover {
    background-color: #7289da;
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(114, 137, 218, .9)
}

.bs-discord:hover.bs-light {
    color: #7289da
}

.bs-tiktok:hover {
    background-color: #25f4ee;
    box-shadow: 0 .5rem 1.125rem -0.5rem #25f4ee
}

.bs-tiktok:hover.bs-light {
    color: #25f4ee
}

.bs-whatsapp:hover {
    background-color: #25d366;
    box-shadow: 0 .5rem 1.125rem -0.5rem #25d366
}

.bs-whatsapp:hover.bs-light {
    color: #25d366
}

.btn-share {
    display: inline-block;
    padding: .25rem .625rem;
    transition: color .25s ease-in-out, background-color .25s ease-in-out;
    border-radius: .25rem;
    font-size: .875rem;
    text-decoration: none !important;
    vertical-align: middle
}

.btn-share>i {
    margin-top: -0.125rem;
    margin-right: .3125rem;
    font-size: 1.1em;
    vertical-align: middle
}

.btn-share.btn-twitter {
    background-color: rgba(29, 161, 242, .08);
    color: #1da1f2
}

.btn-share.btn-twitter:hover {
    background-color: #1da1f2
}

.btn-share.btn-instagram {
    background-color: rgba(88, 81, 219, .08);
    color: #5851db
}

.btn-share.btn-instagram:hover {
    background-color: #5851db
}

.btn-share.btn-facebook {
    background-color: rgba(59, 89, 152, .08);
    color: #3b5998
}

.btn-share.btn-facebook:hover {
    background-color: #3b5998
}

.btn-share:hover {
    color: #fff;
    box-shadow: none
}

/* .btn-share:hover end here */