@charset "UTF-8";

/* :root,#1bc437
[data-bs-theme=light] {
  --bs-blue: #007bff;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #e83e8c;
  --bs-red: #d6293e;
  --bs-orange: #fd7e14;
  --bs-yellow: #f7c32e;
  --bs-green: #0cbc87;
  --bs-teal: #20c997;
  --bs-cyan: #4f9ef8;
  --bs-black: #000000;
  --bs-white: #ffffff;
  --bs-gray-100: #f7f8f9;
  --bs-gray-200: #eff2f6;
  --bs-gray-300: #eef0f2;
  --bs-gray-400: #e1e4e6;
  --bs-gray-500: #a1a1a8;
  --bs-gray-600: #676a79;
  --bs-gray-700: #29292e;
  --bs-gray-800: #14191e;
  --bs-gray-900: #0f0f10;
  --bs-primary: var(--bs-primary);
  --bs-secondary: #14191e;
  --bs-success: #0cbc87;
  --bs-info: #4f9ef8;
  --bs-warning: #f7c32e;
  --bs-danger: #d6293e;
  --bs-light: #eef0f2;
  --bs-dark: #14191e;
  --bs-primary-rgb: 27 196 55;
  --bs-secondary-rgb: 20, 25, 30;
  --bs-success-rgb: 12, 188, 135;
  --bs-info-rgb: 79, 158, 248;
  --bs-warning-rgb: 247, 195, 46;
  --bs-danger-rgb: 214, 41, 62;
  --bs-light-rgb: 238, 240, 242;
  --bs-dark-rgb: 20, 25, 30;
  --bs-primary-text: var(--bs-primary);
  --bs-secondary-text: #6c757d;
  --bs-success-text: #146c43;
  --bs-info-text: var(--bs-primary);
  --bs-warning-text: #997404;
  --bs-danger-text: #b02a37;
  --bs-light-text: #6c757d;
  --bs-dark-text: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #f8f9fa;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #e9ecef;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 103, 106, 121;
  --bs-body-bg-rgb: 239, 242, 246;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: "Inter", sans-serif;
  --bs-body-font-size: 0.9375rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #676a79;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
 /* --bs-body-bg: #eff2f6;
  --bs-body-bg-rgb: 239, 242, 246;*/
 /* --bs-heading-color: var(--bs-gray-800);
  --bs-link-color: var(--bs-primary);
  --bs-link-color-rgb: 15, 111, 236;
  --bs-link-decoration: none;
  --bs-link-hover-color: var(--bs-primary);
  --bs-link-hover-color-rgb: 12, 89, 189;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: rgba(0, 0, 0, 0.1);
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.4rem;
  --bs-border-radius-sm: 0.2rem;
  --bs-border-radius-lg: 0.7rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0px 0px 20px rgba(93, 83, 84, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(83, 88, 93, 0.15);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(83, 88, 93, 0.15);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075);
  --bs-emphasis-color: #000;
  --bs-form-control-bg: var(--bs-body-bg);
  --bs-form-control-disabled-bg: var(--bs-secondary-bg);
  --bs-highlight-bg: #fff3cd;
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
 /* --bs-card-bg: var(--bs-body-bg);
}*/

/*[data-bs-theme=dark] {
  --bs-body-color: #a1a1a8;
  --bs-body-color-rgb: 161, 161, 168;
  --bs-body-bg: #0f0f10;
  --bs-body-bg-rgb: 15, 15, 16;
  --bs-emphasis-color: #f7f8f9;
  --bs-emphasis-color-rgb: 247, 248, 249;
  --bs-secondary-color: rgba(161, 161, 168, 0.75);
  --bs-secondary-color-rgb: 161, 161, 168;
  --bs-secondary-bg: #14191e;
  --bs-secondary-bg-rgb: 20, 25, 30;
  --bs-tertiary-color: rgba(161, 161, 168, 0.5);
  --bs-tertiary-color-rgb: 161, 161, 168;
  --bs-tertiary-bg: #121417;
  --bs-tertiary-bg-rgb: 18, 20, 23;
  --bs-emphasis-color: #ffffff;
  --bs-primary-text: #6ea8fe;
  --bs-secondary-text: #eef0f2;
  --bs-success-text: #75b798;
  --bs-info-text: #6edff6;
  --bs-warning-text: #ffda6a;
  --bs-danger-text: #ea868f;
  --bs-light-text: #f7f8f9;
  --bs-dark-text: #eef0f2;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #0f0f10;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #14191e;
  --bs-dark-bg-subtle: #0a0d0f;
  --bs-primary-border-subtle: var(--bs-primary);
  --bs-secondary-border-subtle: #29292e;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #055160;
  --bs-warning-border-subtle: #664d03;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #29292e;
  --bs-dark-border-subtle: #14191e;
  --bs-heading-color: #fff;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: var(--bs-primary);
  --bs-link-color-rgb: 15, 111, 236;
  --bs-link-hover-color-rgb: 12, 89, 189;
  --bs-code-color: #e685b5;
  --bs-border-color: #29292e;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-black: #ffffff;
  --bs-black-rgb: 255, 255, 255;
}

.btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #5bdd70;
  --bs-btn-hover-border-color: #5bdd70;
  --bs-btn-focus-shadow-rgb: 51, 133, 239;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #5bdd70;
  --bs-btn-active-border-color: #5bdd70;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
} */

p {
  color: var(--bs-black);
}

.input-spinner{max-width:140px;flex-wrap:nowrap;display:inline-flex}
.input-spinner input.form-control{text-align:center;border-color:#dee2e6;padding-left:3px;padding-right:3px}

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

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb) / var(--bs-bg-opacity)) !important;
} */
.card-box {
  padding: 15px;
  border-radius: var(--bs-border-radius);
  border: 1px solid #ededf2;
}

.price-wrap{line-height:1.2}
.price{color:#212529}
.price-old{color:#9da1a7;margin-left:3px;font-size:90%}

.gallery-wrap .img-big-wrap{
  display:block;text-align:center;width:100%;height:450px;margin-bottom:1rem;
  overflow:hidden;background-color:#ffffff
}
.gallery-wrap .img-big-wrap a{
  text-align:center;display:block;height:100%
}
.gallery-wrap .img-big-wrap img{
  max-width:100%;max-height:100%;height:auto;cursor:zoom-in
}
.gallery-wrap .thumbs-wrap{text-align:center}
.gallery-wrap .thumbs-wrap .item-thumb{
  width:100;height:100px;border:1px solid #dee2e6;border-radius:.35rem;margin:3px;
  display:inline-block;overflow:hidden}
.gallery-wrap .thumbs-wrap a.item-thumb:hover{border-color:#9da1a7}
.gallery-wrap .thumbs-wrap img{
  max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover;cursor:zoom-in
}

.top-5 {top:5%!important;}

.top-10 {top:10%!important;}

.top-15 {top:15%!important;}

.top-20 {top:20%!important;}

.top-25 {top:25%!important;}

.top-30 {top:30%!important;}

.top-35 {top:35%!important;}

.top-40 {top:40%!important;}

.top-45 {top:45%!important;}

.top-55 {top:55%!important;}

.top-60 {top:60%!important;}

.top-65{top:65%!important;}

.top-70 {top:70%!important;}

.top-75 {top:75%!important;}

.top-80 {top:80%!important;}

.top-85 {top:85%!important;}

.top-90 {top:90%!important;}

.top-95 {top:95%!important;}

.bottom-5 {bottom:5%!important;}

.bottom-10 {bottom:10%!important;}

.bottom-15 {bottom:15%!important;}

.bottom-20 {bottom:20%!important;}

.bottom-25 {bottom:25%!important;}

.bottom-30 {bottom:30%!important;}

.bottom-35 {bottom:35%!important;}

.bottom-40 {bottom:40%!important;}

.bottom-45 {bottom:45%!important;}

.bottom-55 {bottom:55%!important;}

.bottom-60 {bottom:60%!important;}

.bottom-65{bottom:65%!important;}

.bottom-70 {bottom:70%!important;}

.bottom-75 {bottom:75%!important;}

.bottom-80 {bottom:80%!important;}

.bottom-85 {bottom:85%!important;}

.bottom-90 {bottom:90%!important;}

.bottom-95 {bottom:95%!important;}

.btn-fill-out {
	background-color: transparent;
	border: 1px solid var(--bs-primary);
	color: #ffffff;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.btn-fill-out::before, .btn-fill-out::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background-color: var(--bs-primary);
	z-index: -1;
	transition: all 0.3s ease-in-out;
	width: 51%;
}

.btn-fill-out::after {
	right: 0;
	left: auto;
}

.btn-fill-out:hover:before, .btn-fill-out:hover:after {
	width: 0;
}

.btn-white {
	background-color: transparent;
	border: 1px solid #ffffff;
	color: #292b2c !important;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.btn-fill-out-dark {
	background-color: #333;
	border: 1px solid #333;
	color: var(--bs-primary);
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.btn-fill-out-dark:hover {
	color: var(--bs-primary) !important;
}

.btn-fill-out-dark::before, .btn-fill-out-dark::after {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
	content: '';
	background-color: #333;
	transition: all 0.3s ease-in-out;
}

.btn-link {
  --bs-btn-font-weight: 500;
  text-decoration: none;
}
/* .btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #eef0f2;
  --bs-btn-border-color: #eef0f2;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #caccce;
  --bs-btn-hover-border-color: #bec0c2;
  --bs-btn-focus-shadow-rgb: 202, 204, 206;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #bec0c2;
  --bs-btn-active-border-color: #b3b4b6;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #eef0f2;
  --bs-btn-disabled-border-color: #eef0f2;
} */

  .w-20px {width: 20px !important;}
  .w-30px {width: 30px !important;}
  .w-40px {width: 40px !important;}
  .w-50px {width: 50px !important;}
  .w-60px {width: 60px !important;}
  .w-70px {width: 70px !important;}
  .w-80px {width: 80px !important;}
  .w-90px {width: 90px !important;}
  .w-100px {width: 100px !important;}
  .w-150px {width: 150px !important;}
  .w-200px {width: 200px !important;}
  .w-300px {width: 300px !important;}
  .w-400px {width: 400px !important;}
  
  .h-20px {height: 20px !important;}
  .h-30px {height: 30px !important;}
  .h-40px {height: 40px !important;}
  .h-50px {height: 50px !important;}
  .h-60px {height: 60px !important; }
  .h-70px {height: 70px !important;}
  .h-80px {height: 80px !important;}
  .h-90px {height: 90px !important;}
  .h-100px {height: 100px !important;}
  .h-150px {height: 150px !important;}
  .h-200px {height: 200px !important;}
  .h-300px {height: 300px !important;}
  .h-400px {height: 400px !important;}

  .mx-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  
  .mx-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  
  .mx-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  
  .mx-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  
  .mx-n5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }
  
  .my-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  
  .my-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  
  .my-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  
  .my-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  
  .my-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  
  .mt-n1 {margin-top: -0.25rem !important;}
  .mt-n2 {margin-top: -0.5rem !important;}
  .mt-n3 {margin-top: -1rem !important;}
  .mt-n4 {margin-top: -1.5rem !important; }
  .mt-n5 {margin-top: -3rem !important;}
  
  .me-n1 {margin-right: -0.25rem !important;}
  .me-n2 {margin-right: -0.5rem !important;}
  .me-n3 {margin-right: -1rem !important;}
  .me-n4 {margin-right: -1.5rem !important;}
  .me-n5 {margin-right: -3rem !important;}

  .mb-n1 {margin-bottom: -0.25rem !important;}
  .mb-n2 {margin-bottom: -0.5rem !important;}
  .mb-n3 {margin-bottom: -1rem !important;}
  .mb-n4 {margin-bottom: -1.5rem !important;}
  .mb-n5 {margin-bottom: -3rem !important;}
  
  .fill-primary {fill: var(--bs-primary) !important;}
  .fill-secondary {fill: #14191e !important;}
  .fill-success {fill: #0cbc87 !important;}
  .fill-info {fill: #4f9ef8 !important;}
  .fill-warning {fill: #f7c32e !important;}
  .fill-danger {fill: #d6293e !important;}
  .fill-light {fill: #eef0f2 !important;}
  .fill-dark {fill: #14191e !important;}
  .fill-white {fill: #ffffff !important;}
  
  .z-index-0 {z-index: 0 !important;}
  .z-index-1 {z-index: 1 !important;}
  .z-index-9 {z-index: 9 !important;}
  .z-index-99 {z-index: 99 !important;}
  .z-index-n9 {z-index: -9 !important;}
  
  .opacity-0 {opacity: 0 !important;}
  .opacity-1 {opacity: 0.1 !important;}
  .opacity-2 {opacity: 0.2 !important;}
  .opacity-3 {opacity: 0.3 !important;}
  .opacity-4 {opacity: 0.4 !important;}
  .opacity-5 {opacity: 0.5 !important;}
  .opacity-6 {opacity: 0.6 !important;}
  .opacity-7 {opacity: 0.7 !important;}
  .opacity-8 {opacity: 0.8 !important;}
  .opacity-9 {opacity: 0.9 !important;}
  
  .blur-1 {-webkit-filter: blur(0.2rem) !important;filter: blur(0.2rem) !important; }
  .blur-2 {-webkit-filter: blur(0.4rem) !important;filter: blur(0.4rem) !important;}
  .blur-3 {-webkit-filter: blur(0.6rem) !important;filter: blur(0.6rem) !important;}
  .blur-4 {-webkit-filter: blur(0.8rem) !important;filter: blur(0.8rem) !important;}
  .blur-5 {-webkit-filter: blur(1rem) !important;filter: blur(1rem) !important;}
  .blur-6 {-webkit-filter: blur(1.2rem) !important;filter: blur(1.2rem) !important;}
  .blur-7 {-webkit-filter: blur(2rem) !important;filter: blur(2rem) !important;}
  .blur-8 {-webkit-filter: blur(5rem) !important;filter: blur(5rem) !important;}
  .blur-9 {-webkit-filter: blur(9rem) !important;filter: blur(9rem) !important;}
  
  .border-dashed {
    border-style: dashed !important;
  }
  
  .rounded-start-top-0 {
    border-top-left-radius: 0 !important;
  }
  
  .accordion.accordion-icon .accordion-item {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--bs-border-color);
  }
  .accordion.accordion-icon .accordion-header {
    position: relative;
  }
  .accordion.accordion-icon .accordion-header .accordion-button {
    background: transparent;
    font-size: inherit;
    -webkit-transition: none;
    transition: none;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  .accordion.accordion-icon .accordion-header .accordion-button[aria-expanded=true] {
    border-bottom: 1px solid var(--bs-border-color);
  }
  .accordion.accordion-icon .accordion-header .accordion-button:after {
    content: "";
    background: var(--bs-gray-800) !important;
    width: 10px;
    height: 2px;
    display: block;
    position: absolute;
    top: 47%;
    right: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
    z-index: 9;
  }
  .accordion.accordion-icon .accordion-header .accordion-button:before {
    content: "";
    background: var(--bs-gray-800) !important;
    width: 10px;
    height: 2px;
    display: block;
    position: absolute;
    top: 47%;
    right: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
    z-index: 9;
  }
  .accordion.accordion-icon .accordion-header .accordion-button[aria-expanded=false]:after {
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
  }
  .accordion.accordion-icon .accordion-header .accordion-button[aria-expanded=true]:before {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  .accordion.accordion-icon .accordion-collapse {
    border: none;
  }
  .accordion.accordion-icon .accordion-body {
    padding: 1rem;
  }
  
  .breadcrumb-item {
    font-size: 0.8125rem;
  }
  .breadcrumb-item a {
    color: #676a79;
  }
  .breadcrumb-item a:hover {
    color: var(--bs-primary);
  }
  
  .breadcrumb.breadcrumb-dots .breadcrumb-item + .breadcrumb-item::before {
    content: "•";
    font-size: 22px;
    line-height: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  
  .btn-link {
    padding: 0;
  }
  
  .btn {
    outline: 0;
  }
  
  .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    border-color: transparent !important;
  }
  
  .input-group .btn {
    margin-bottom: 0;
  }
  
  .btn-xs {
    padding: 0.4rem 0.6rem;
    font-size: 0.6rem;
    line-height: 1.2;
    border-radius: 0.2rem;
  }
  
  .btn-light.active, .btn-light:active, .btn-light:focus, .btn-light:hover {
    background: var(--bs-gray-400);
    color: var(--bs-gray-900);
    border: 1px solid transparent !important;
  }
  
  .btn-white {
    background: var(--bs-white);
    color: #14191e;
  }
  .btn-white.active, .btn-white:active, .btn-white:focus, .btn-white:hover {
    background: var(--bs-white);
    color: #14191e;
  }
  
  .btn-outline-light {
    background: transparent;
    border-color: var(--bs-gray-400);
    color: var(--bs-body-color);
  }
  
  .btn-outline-light:hover,
  .btn-outline-light:focus,
  .btn-outline-light:active,
  .btn-check:checked + .btn-outline-light {
    background: var(--bs-gray-400);
    border-color: var(--bs-gray-400);
    color: var(--bs-gray-800);
  }
  
  .btn-primary-soft {
    color: var(--bs-primary);
    background-color: rgba(15, 111, 236, 0.1);
  }
  .btn-primary-soft:active, .btn-primary-soft:hover, .btn-primary-soft:focus {
    color: #ffffff !important;
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
  }
  
  .btn-secondary-soft {
    color: #14191e;
    background-color: rgba(20, 25, 30, 0.1);
  }
  .btn-secondary-soft:active, .btn-secondary-soft:hover, .btn-secondary-soft:focus {
    color: #ffffff !important;
    background-color: #14191e !important;
    border-color: #14191e !important;
  }
  
  .btn-success-soft {
    color: #0cbc87;
    background-color: rgba(12, 188, 135, 0.1);
  }
  .btn-success-soft:active, .btn-success-soft:hover, .btn-success-soft:focus {
    color: #ffffff !important;
    background-color: #0cbc87 !important;
    border-color: #0cbc87 !important;
  }
  
  .btn-info-soft {
    color: #4f9ef8;
    background-color: rgba(79, 158, 248, 0.1);
  }
  .btn-info-soft:active, .btn-info-soft:hover, .btn-info-soft:focus {
    color: #ffffff !important;
    background-color: #4f9ef8 !important;
    border-color: #4f9ef8 !important;
  }
  
  .btn-warning-soft {
    color: #f7c32e;
    background-color: rgba(247, 195, 46, 0.1);
  }
  .btn-warning-soft:active, .btn-warning-soft:hover, .btn-warning-soft:focus {
    color: #000000 !important;
    background-color: #f7c32e !important;
    border-color: #f7c32e !important;
  }
  
  .btn-danger-soft {
    color: #d6293e;
    background-color: rgba(214, 41, 62, 0.1);
  }
  .btn-danger-soft:active, .btn-danger-soft:hover, .btn-danger-soft:focus {
    color: #fff !important;
    background-color: #d6293e !important;
    border-color: #d6293e !important;
  }
  
  .btn-light-soft {
    color: #eef0f2;
    background-color: rgba(238, 240, 242, 0.1);
  }
  .btn-light-soft:active, .btn-light-soft:hover, .btn-light-soft:focus {
    color: #000 !important;
    background-color: #eef0f2 !important;
    border-color: #eef0f2 !important;
  }
  
  .btn-dark-soft {
    color: #14191e;
    background-color: rgba(20, 25, 30, 0.1);
  }
  .btn-dark-soft:active, .btn-dark-soft:hover, .btn-dark-soft:focus {
    color: #ffffff !important;
    background-color: #14191e !important;
    border-color: #14191e !important;
  }
  
  .btn-primary-soft-hover:hover:hover {
    color: var(--bs-primary) !important;
    background-color: rgba(15, 111, 236, 0.1);
  }
  
  .btn-secondary-soft-hover:hover:hover {
    color: #14191e !important;
    background-color: rgba(20, 25, 30, 0.1);
  }
  
  .btn-success-soft-hover:hover:hover {
    color: #0cbc87 !important;
    background-color: rgba(12, 188, 135, 0.1);
  }
  
  .btn-info-soft-hover:hover:hover {
    color: #4f9ef8 !important;
    background-color: rgba(79, 158, 248, 0.1);
  }
  
  .btn-warning-soft-hover:hover:hover {
    color: #f7c32e !important;
    background-color: rgba(247, 195, 46, 0.1);
  }
  
  .btn-danger-soft-hover:hover:hover {
    color: #d6293e !important;
    background-color: rgba(214, 41, 62, 0.1);
  }
  
  .btn-light-soft-hover:hover:hover {
    color: #eef0f2 !important;
    background-color: rgba(238, 240, 242, 0.1);
  }
  
  .btn-dark-soft-hover:hover:hover {
    color: #14191e !important;
    background-color: rgba(20, 25, 30, 0.1);
  }
  
  .btn-dashed {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--bs-border-color)), color-stop(50%, transparent)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, var(--bs-border-color)), color-stop(50%, transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, var(--bs-border-color)), color-stop(50%, transparent)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, var(--bs-border-color)), color-stop(50%, transparent));
    background: linear-gradient(90deg, var(--bs-border-color) 50%, transparent 50%), linear-gradient(0deg, var(--bs-border-color) 50%, transparent 50%), linear-gradient(90deg, var(--bs-border-color) 50%, transparent 50%), linear-gradient(0deg, var(--bs-border-color) 50%, transparent 50%);
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 10px 2px, 2px 10px, 10px 2px, 2px 10px;
    background-position: left top, right top, left bottom, left top;
    padding: 0.5rem, 1rem;
  }
  .btn-dashed:hover {
    -webkit-animation: border-dance 4s infinite linear;
            animation: border-dance 4s infinite linear;
  }
  
  @-webkit-keyframes border-dance {
    0% {
      background-position: left top, right top, right bottom, left bottom;
    }
    100% {
      background-position: right top, right bottom, left bottom, left top;
    }
  }
  
  @keyframes border-dance {
    0% {
      background-position: left top, right top, right bottom, left bottom;
    }
    100% {
      background-position: right top, right bottom, left bottom, left top;
    }
  }
  .btn-loader {
    position: relative;
    text-align: center;
  }
  .btn-loader .load-icon {
    display: none;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .btn-loader .load-text {
    opacity: 1;
    visibility: visible;
  }
  
  .btn-loader.active .load-text {
    opacity: 0;
    visibility: hidden;
  }
  .btn-loader.active .load-icon {
    display: block;
  }
  
  .spinner-dots {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  
  .spinner-dot {
    background-color: var(--bs-gray-500);
    display: inline-block;
    height: 4px;
    margin: 2px;
    border-radius: 50%;
    width: 4px;
  }
  
  @-webkit-keyframes dot {
    0% {
      background-color: var(--bs-gray-500);
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      background-color: var(--bs-gray-600);
      -webkit-transform: scale(1.3);
              transform: scale(1.3);
    }
    100% {
      background-color: var(--bs-gray-500);
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  
  @keyframes dot {
    0% {
      background-color: var(--bs-gray-500);
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      background-color: var(--bs-gray-600);
      -webkit-transform: scale(1.3);
              transform: scale(1.3);
    }
    100% {
      background-color: var(--bs-gray-500);
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  .btn-link-loader.active .spinner-dots .spinner-dot {
    -webkit-animation: dot ease-in-out 1s infinite;
            animation: dot ease-in-out 1s infinite;
  }
  .btn-link-loader.active .spinner-dots .spinner-dot:nth-of-type(2) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
  }
  .btn-link-loader.active .spinner-dots .spinner-dot:nth-of-type(3) {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
  }
  
  .card.overflow-hidden {
    will-change: transform;
  }
  
  .card .card-image {
    position: relative;
  }
  .card .card-image .card-element-hover {
    visibility: hidden;
    margin-top: 20px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 9;
  }
  .card:hover .card-image .card-element-hover {
    visibility: visible;
    margin-top: 0px;
    opacity: 1;
  }
  
  .card.card-overlay-bottom {
    overflow: hidden;
  }
  .card.card-overlay-bottom:before {
    content: "";
    position: absolute;
    height: 50%;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));
    background-image: linear-gradient(180deg, transparent, black);
    z-index: 1;
  }
  .card .card-img-overlay {
    z-index: 2;
  }
  
  .dropdown-menu {
    -webkit-box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.1), 0px 0px 30px rgba(83, 88, 93, 0.2);
            box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.1), 0px 0px 30px rgba(83, 88, 93, 0.2);
  }
  
  .dropdown-item.active {
    color: var(--bs-primary);
  }
  
  .dropdown-toggle:after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-size: 0.5rem;
    margin-left: 0.35rem;
    font-weight: 900;
    vertical-align: middle;
    border: none;
  }
  
  .dropup .dropdown-toggle:after {
    content: "\f077";
    font-family: "Font Awesome 6 Free";
    font-size: 0.7rem;
    margin-left: 0.35rem;
    font-weight: 900;
    vertical-align: middle;
    border: none;
  }
  
  .dropdown-menu .dropdown-toggle:after {
    position: absolute;
    right: 25px;
    top: 10px;
  }
  .dropdown-menu .dropdown-toggle:before {
    position: absolute;
    right: 25px;
    top: 10px;
  }
  
  .dropdown-menu-size-md {
    min-width: 22rem;
  }
  
  @media (max-width: 575.98px) {
    .dropdown-menu-size-md {
      min-width: 16rem;
    }
  }
  .list-group-borderless .list-group-item {
    border: none;
    padding: 0.425rem 0;
  }
  .list-group-borderless a.list-group-item:hover {
    background-color: transparent;
    color: var(--bs-primary);
  }
  
  .nav .nav-item .nav-link.active {
    color: var(--bs-primary);
  }
  
  .nav-pills .nav-link {
    cursor: pointer;
    margin-bottom: 15px;
    padding: 0.5rem 1rem;
  }
  
  .nav-pills.nav-pills-light .nav-link:hover {
    background-color: var(--bs-light);
  }
  .nav-pills.nav-pills-light .nav-link.active {
    background-color: var(--bs-light);
  }
  
  .nav-pills-soft .nav-link.active,
  .nav-pills-soft .show > .nav-link {
    background-color: rgba(var(--bs-primary-rgb) / 0.1);
  }
  
  .nav.nav-bottom-line {
    border-bottom: solid 1px var(--bs-border-color);
  }
  .nav.nav-bottom-line .nav-link {
    padding: 0.75rem 0.975rem;
  }
  .nav.nav-bottom-line .nav-link, .nav.nav-bottom .nav-link {
    border: transparent;
    font-weight: 600;
  }
  .nav.nav-bottom-line .nav-item:first-child .nav-link {
    padding-left: 0;
  }

  .nav.nav-bottom-line .nav-link, .nav.nav-bottom .nav-link {
    background: transparent;
    color: var(--bs-black);
    border-bottom: 3px solid transparent;
  }
  
  
  [data-bs-theme=dark] .nav.nav-bottom-line .nav-link, [data-bs-theme=dark] .nav.nav-bottom .nav-link {
    background: transparent;
    color: #ffffff;
    border-bottom: 3px solid transparent;
  }

  .nav.nav-bottom-line .nav-link.active, .nav.nav-bottom .nav-link.active {
    background: transparent;
    color: var(--bs-primary);
    border-bottom: 3px solid var(--bs-primary);
  }

  .nav.nav-bottom-line .nav-item {
    margin-bottom: -2px;
  }
  
  .nav.flex-column:not(.nav-pills) .nav-link {
    padding-left: 0;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
  }
  
  .tab-content {
    padding: 25px 0;
    margin-bottom: 20px;
  }
  
  .nav-tabs .nav-link {
    padding: 0.5rem 1rem;
  }
  .nav-tabs-white {
    border-radius: 0.4rem;
  }
  .nav-tabs-white .nav-item .nav-link {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 0;
    border-radius: 0.4rem;
    margin-right: 4px;
    font-weight: 600;
  }
  .nav-tabs-white .nav-item:last-child .nav-link {
    margin-right: 0;
  }
  .nav-tabs-white .nav-item .nav-link.active, .nav-tabs-white .nav-item .nav-link:hover {
    background: #ffffff;
    color: var(--bs-primary);
  }
  
  .nav.nav-divider .nav-item + .nav-item:before {
    content: "•";
    color: inherit;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    opacity: 0.8;
  }
  .nav.nav-divider .nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .nav.nav-divider .nav-link {
    padding: 0;
  }
  
  .nav-link-secondary .nav-item .nav-link {
    color: var(--bs-gray-800);
  }
  .nav-link-secondary .nav-item .nav-link:hover, .nav-link-secondary .nav-item .nav-link.active {
    color: var(--bs-primary);
  }
  
  .nav-stack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    gap: 0.7rem;
  }
  .nav-stack .nav-link {
    padding-left: 0;
    padding-right: 0;
  }
  
  .nav .nav-item .nav-link .nav-icon {
    background: var(--bs-light);
    height: 2.1rem;
    width: 2.1rem;
    font-size: 1.1em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .nav .nav-item .nav-link:hover .nav-icon {
    background: var(--bs-primary);
    color: var(--bs-white);
  }
  
  @media (min-width: 992px) {
    .nav-sidenav {
      width: 5rem;
      -webkit-transition: width 0.3s;
      transition: width 0.3s;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 9;
      margin-top: 56px;
    }
    .nav-sidenav .nav-link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      white-space: nowrap;
      padding-left: 0;
    }
    .nav-sidenav .nav-text {
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
    }
    .sidebar-start-enabled .nav-sidenav {
      width: 270px;
    }
    .sidebar-start-enabled .nav-sidenav .nav-text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      opacity: 1;
      visibility: visible;
      padding-left: 10px;
    }
  }
  @media (max-width: 991.98px) {
    .nav-sidenav {
      width: 270px;
      left: 0;
      -webkit-transition: -webkit-transform 0.3s ease-in-out;
      transition: -webkit-transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
      position: fixed;
      top: 0;
      z-index: 9;
      margin-top: 56px;
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
    }
    .nav-sidenav .nav-text {
      padding-left: 10px;
    }
    .sidebar-start-enabled .nav-sidenav {
      -webkit-transform: none;
              transform: none;
    }
  }
  @media (min-width: 992px) {
    .sidebar-end {
      width: 5rem;
      -webkit-transition: width 0.3s;
      transition: width 0.3s;
      position: fixed;
      right: 0;
      top: 0;
      margin-top: 56px;
      z-index: 9;
    }
    .sidebar-end .sidebar-end-alignment {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
    .sidebar-end .nav-link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
    .sidebar-end .contact-name, .sidebar-end .contact-search, .sidebar-end .contact-title, .sidebar-end .contact-status {
      opacity: 0;
      display: none;
      visibility: hidden;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      white-space: nowrap;
    }
    .sidebar-end-enabled .sidebar-end {
      width: 270px;
    }
    .sidebar-end-enabled .sidebar-end .sidebar-end-alignment {
      -webkit-box-align: inherit;
          -ms-flex-align: inherit;
              align-items: inherit;
    }
    .sidebar-end-enabled .sidebar-end .contact-name, .sidebar-end-enabled .sidebar-end .contact-search, .sidebar-end-enabled .sidebar-end .contact-title, .sidebar-end-enabled .sidebar-end .contact-status {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      opacity: 1;
      visibility: visible;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
    }
  }
  @media (max-width: 991.98px) {
    .sidebar-end {
      width: 270px;
      right: 0;
      -webkit-transition: -webkit-transform 0.3s ease-in-out;
      transition: -webkit-transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
      position: fixed;
      top: 0;
      z-index: 9;
      -webkit-transform: translateX(100%);
              transform: translateX(100%);
    }
    .sidebar-end-enabled .sidebar-end {
      -webkit-transform: none;
              transform: none;
    }
  }
  /*header {
    height: 67px;
  }*/
  
  .navbar-nav .nav-link {
    font-size: 0.9375rem;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 56px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .navbar-nav .nav-link .nav-icon {
    margin-right: 0.3rem;
  }
  .navbar-nav .nav-item:last-child .nav-link {
    padding-right: 0;
  }
  
  .offcanvas .navbar-nav .nav-link {
    line-height: inherit;
    padding: 0.25rem 0.75rem;
  }
  
  .navbar-toggler {
    margin-bottom: 0;
    border: 0;
    background-color: var(--bs-light);
  }
  
  .navbar-transparent {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  
  .navbar-dark .navbar-top span:not(.dropdown-item-text) {
    color: #fff;
  }
  .navbar-dark .navbar-top a:not(.dropdown-item) {
    color: #fff;
  }
  .navbar-dark .navbar-top a:not(.dropdown-item):hover {
    color: var(--bs-primary);
  }
  
  .navbar-dark .nav .nav-link {
    color: #fff;
  }
  .navbar-dark .nav .nav-link:hover {
    color: var(--bs-primary);
  }
  
  @media (max-width: 991.98px) {
    .navbar-dark .navbar-nav .nav-link {
      color: var(--bs-gray-600);
    }
  }
  /*.navbar-brand {
    padding-top: 10px;
    padding-bottom: 10px;
  }*/
  .navbar-brand .navbar-brand-item {
    height: auto;
    display: block;
    width: auto;
  }
  
  @media (max-width: 991.98px) {
    /*.navbar-brand {
      padding-top: 10px;
      padding-bottom: 10px;
    }*/
    /*.navbar-brand .navbar-brand-item {
      height: 36px;
    }*/
  }
  .navbar .dropdown-menu .dropdown-submenu.dropend .dropdown-toggle:after {
    content: "\f00d";
    font-family: "Font Awesome 6 Free";
    font-size: 10px;
    top: 10px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: none !important;
    margin: 0;
  }
  
  @media (hover: hover) {
    .navbar .dropdown-menu .dropdown-submenu.dropend:hover > .dropdown-toggle:after {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
    }
  }
  .navbar .dropdown-menu .dropdown-submenu.dropend .dropdown-opened.dropdown-toggle:after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  
  .navbar .dropdown-menu .dropdown-submenu.dropstart .dropdown-toggle:before {
    content: "\f00d";
    font-family: "Font Awesome 6 Free";
    font-size: 10px;
    top: 8px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: none !important;
    margin: 0;
    font-weight: 900;
  }
  
  .navbar .dropdown-menu .dropdown-submenu.dropstart:hover > .dropdown-toggle:before {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  
  @media (min-width: 576px) {
    .navbar-expand-sm .navbar-nav .dropdown-menu {
      top: 120%;
      visibility: hidden;
      opacity: 0;
      display: block;
      -webkit-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
    }
    .navbar-expand-sm .navbar-nav .dropdown:hover > .dropdown-menu {
      top: 100%;
      visibility: visible;
      opacity: 1;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    .navbar-expand-sm .navbar-nav .dropdown-submenu:hover > .dropdown-menu {
      top: 0;
      visibility: visible;
      opacity: 1;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    .navbar-expand-sm .dropdown-submenu {
      position: relative;
    }
  }
  @media (max-width: 575.98px) {
    .navbar-expand-sm .navbar-collapse {
      -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
              box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
      position: absolute;
      left: 0;
      right: 0;
      top: 100%;
      background: #ffffff;
      border-top: 1px solid var(--bs-border-color);
    }
    .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-toggle::after {
      position: absolute;
      right: 25px;
    }
    .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu {
      -webkit-box-shadow: none;
              box-shadow: none;
    }
    .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu:before {
      content: none;
    }
    .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-submenu .dropdown-menu {
      padding-left: 20px;
      padding-bottom: 0px;
    }
    .navbar-expand-sm .navbar-collapse .navbar-nav > .nav-item {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding: 5px 30px;
      position: relative;
    }
    .navbar-expand-sm .navbar-collapse .navbar-nav > .nav-item .nav-link {
      line-height: 40px;
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
      position: static;
      float: none;
    }
    .navbar-expand-sm .navbar-nav .nav-item > .dropdown-menu {
      background: rgba(103, 106, 121, 0.04);
      padding: 20px 0px;
      margin: 10px 0;
    }
    .navbar-expand-sm .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu {
      background: rgba(103, 106, 121, 0.06);
      padding: 10px 0px !important;
    }
  }
  @media (min-width: 768px) {
    .navbar-expand-md .navbar-nav .dropdown-menu {
      top: 120%;
      visibility: hidden;
      opacity: 0;
      display: block;
      -webkit-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
    }
    .navbar-expand-md .navbar-nav .dropdown:hover > .dropdown-menu {
      top: 100%;
      visibility: visible;
      opacity: 1;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    .navbar-expand-md .navbar-nav .dropdown-submenu:hover > .dropdown-menu {
      top: 0;
      visibility: visible;
      opacity: 1;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    .navbar-expand-md .dropdown-submenu {
      position: relative;
    }
  }
  @media (max-width: 767.98px) {
    .navbar-expand-md .navbar-collapse {
      -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
              box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
      position: absolute;
      left: 0;
      right: 0;
      top: 100%;
      background: #fff;
      border-top: 1px solid var(--bs-border-color);
    }
    .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-toggle::after {
      position: absolute;
      right: 25px;
    }
    .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu {
      -webkit-box-shadow: none;
              box-shadow: none;
    }
    .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu:before {
      content: none;
    }
    .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-submenu .dropdown-menu {
      padding-left: 20px;
      padding-bottom: 0px;
    }
    .navbar-expand-md .navbar-collapse .navbar-nav > .nav-item {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding: 5px 30px;
      position: relative;
    }
    .navbar-expand-md .navbar-collapse .navbar-nav > .nav-item .nav-link {
      line-height: 40px;
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
      position: static;
      float: none;
    }
    .navbar-expand-md .navbar-nav .nav-item > .dropdown-menu {
      background: rgba(103, 106, 121, 0.04);
      padding: 20px 0px;
      margin: 10px 0;
    }
    .navbar-expand-md .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu {
      background: rgba(103, 106, 121, 0.06);
      padding: 10px 0px !important;
    }
  }
  @media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
      top: 120%;
      visibility: hidden;
      opacity: 0;
      display: block;
      -webkit-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
    }
    .navbar-expand-lg .navbar-nav .dropdown:hover > .dropdown-menu {
      top: 100%;
      visibility: visible;
      opacity: 1;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    .navbar-expand-lg .navbar-nav .dropdown-submenu:hover > .dropdown-menu {
      top: 0;
      visibility: visible;
      opacity: 1;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    .navbar-expand-lg .dropdown-submenu {
      position: relative;
    }
  }
  @media (max-width: 991.98px) {
    .navbar-expand-lg .navbar-collapse {
      -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
              box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
      position: absolute;
      left: 0;
      right: 0;
      top: 100%;
      background: #fff;
      border-top: 1px solid var(--bs-border-color);
    }
    .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-toggle::after {
      position: absolute;
      right: 25px;
    }
    .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu {
      -webkit-box-shadow: none;
              box-shadow: none;
    }
    .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu:before {
      content: none;
    }
    .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-submenu .dropdown-menu {
      padding-left: 20px;
      padding-bottom: 0px;
    }
    .navbar-expand-lg .navbar-collapse .navbar-nav > .nav-item {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding: 5px 30px;
      position: relative;
    }
    .navbar-expand-lg .navbar-collapse .navbar-nav > .nav-item .nav-link {
      line-height: 40px;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
      position: static;
      float: none;
    }
    .navbar-expand-lg .navbar-nav .nav-item > .dropdown-menu {
      background: rgba(103, 106, 121, 0.04);
      padding: 20px 0px;
      margin: 10px 0;
    }
    .navbar-expand-lg .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu {
      background: rgba(103, 106, 121, 0.06);
      padding: 10px 0px !important;
    }
  }
  @media (min-width: 1200px) {
    .navbar-expand-xl .navbar-nav .dropdown-menu {
      top: 120%;
      visibility: hidden;
      opacity: 0;
      display: block;
      -webkit-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
    }
    .navbar-expand-xl .navbar-nav .dropdown:hover > .dropdown-menu {
      top: 100%;
      visibility: visible;
      opacity: 1;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    .navbar-expand-xl .navbar-nav .dropdown-submenu:hover > .dropdown-menu {
      top: 0;
      visibility: visible;
      opacity: 1;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    .navbar-expand-xl .dropdown-submenu {
      position: relative;
    }
  }
  @media (max-width: 1199.98px) {
    .navbar-expand-xl .navbar-collapse {
      -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
              box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
      position: absolute;
      left: 0;
      right: 0;
      top: 100%;
      background: #fff;
      border-top: 1px solid var(--bs-border-color);
    }
    .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-toggle::after {
      position: absolute;
      right: 25px;
    }
    .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu {
      -webkit-box-shadow: none;
              box-shadow: none;
    }
    .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu:before {
      content: none;
    }
    .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-submenu .dropdown-menu {
      padding-left: 20px;
      padding-bottom: 0px;
    }
    .navbar-expand-xl .navbar-collapse .navbar-nav > .nav-item {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding: 5px 30px;
      position: relative;
    }
    .navbar-expand-xl .navbar-collapse .navbar-nav > .nav-item .nav-link {
      line-height: 40px;
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
      position: static;
      float: none;
    }
    .navbar-expand-xl .navbar-nav .nav-item > .dropdown-menu {
      background: rgba(103, 106, 121, 0.04);
      padding: 20px 0px;
      margin: 10px 0;
    }
    .navbar-expand-xl .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu {
      background: rgba(103, 106, 121, 0.06);
      padding: 10px 0px !important;
    }
  }
  @media (min-width: 1400px) {
    .navbar-expand-xxl .navbar-nav .dropdown-menu {
      top: 120%;
      visibility: hidden;
      opacity: 0;
      display: block;
      -webkit-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
    }
    .navbar-expand-xxl .navbar-nav .dropdown:hover > .dropdown-menu {
      top: 100%;
      visibility: visible;
      opacity: 1;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    .navbar-expand-xxl .navbar-nav .dropdown-submenu:hover > .dropdown-menu {
      top: 0;
      visibility: visible;
      opacity: 1;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    .navbar-expand-xxl .dropdown-submenu {
      position: relative;
    }
  }
  @media (max-width: 1399.98px) {
    .navbar-expand-xxl .navbar-collapse {
      -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
              box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
      position: absolute;
      left: 0;
      right: 0;
      top: 100%;
      background: #fff;
      border-top: 1px solid var(--bs-border-color);
    }
    .navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-toggle::after {
      position: absolute;
      right: 25px;
    }
    .navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-menu {
      -webkit-box-shadow: none;
              box-shadow: none;
    }
    .navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-menu:before {
      content: none;
    }
    .navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-submenu .dropdown-menu {
      padding-left: 20px;
      padding-bottom: 0px;
    }
    .navbar-expand-xxl .navbar-collapse .navbar-nav > .nav-item {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding: 5px 30px;
      position: relative;
    }
    .navbar-expand-xxl .navbar-collapse .navbar-nav > .nav-item .nav-link {
      line-height: 40px;
    }
    .navbar-expand-xxl .navbar-nav .dropdown-menu {
      position: static;
      float: none;
    }
    .navbar-expand-xxl .navbar-nav .nav-item > .dropdown-menu {
      background: rgba(103, 106, 121, 0.04);
      padding: 20px 0px;
      margin: 10px 0;
    }
    .navbar-expand-xxl .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu {
      background: rgba(103, 106, 121, 0.06);
      padding: 10px 0px !important;
    }
  }
  .navbar-expand .navbar-nav .dropdown-menu {
    top: 120%;
    visibility: hidden;
    opacity: 0;
    display: block;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
  .navbar-expand .navbar-nav .dropdown:hover > .dropdown-menu {
    top: 100%;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .navbar-expand .navbar-nav .dropdown-submenu:hover > .dropdown-menu {
    top: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .navbar-expand .dropdown-submenu {
    position: relative;
  }
  .navbar-expand .navbar-collapse {
    -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
            box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #fff;
    border-top: 1px solid var(--bs-border-color);
  }
  .navbar-expand .navbar-collapse .navbar-nav .dropdown-toggle::after {
    position: absolute;
    right: 25px;
  }
  .navbar-expand .navbar-collapse .navbar-nav .dropdown-menu {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-expand .navbar-collapse .navbar-nav .dropdown-menu:before {
    content: none;
  }
  .navbar-expand .navbar-collapse .navbar-nav .dropdown-submenu .dropdown-menu {
    padding-left: 20px;
    padding-bottom: 0px;
  }
  .navbar-expand .navbar-collapse .navbar-nav > .nav-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px 30px;
    position: relative;
  }
  .navbar-expand .navbar-collapse .navbar-nav > .nav-item .nav-link {
    line-height: 40px;
  }
  .navbar-expand .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
  .navbar-expand .navbar-nav .nav-item > .dropdown-menu {
    background: rgba(103, 106, 121, 0.04);
    padding: 20px 0px;
    margin: 10px 0;
  }
  .navbar-expand .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu {
    background: rgba(103, 106, 121, 0.06);
    padding: 10px 0px !important;
  }
  
  .navbar.navbar-icon .navbar-nav .nav-item {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
  }
  .navbar.navbar-icon .navbar-nav .nav-item .nav-link {
    font-size: 1.3rem;
    color: var(--bs-gray-700);
    padding: 0 1.2rem;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    position: relative;
  }
  .navbar.navbar-icon .navbar-nav .nav-item .nav-link:hover {
    color: var(--bs-primary);
    -webkit-box-shadow: inset 0px 4px 0px var(--bs-primary);
            box-shadow: inset 0px 4px 0px var(--bs-primary);
  }
  .navbar.navbar-icon .navbar-nav .nav-item .nav-link.active {
    color: var(--bs-primary);
    -webkit-box-shadow: inset 0px 4px 0px var(--bs-primary);
            box-shadow: inset 0px 4px 0px var(--bs-primary);
  }
  .navbar.navbar-icon .navbar-nav .nav-item .nav-link.active:before {
    position: absolute;
    top: 100%;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: var(--bs-white) transparent transparent transparent;
  }
  .navbar.navbar-icon .navbar-nav .nav-item .nav-link:last-child {
    padding-right: 1.2rem;
  }
  .navbar.navbar-icon .navbar-nav .nav-item .notif-badge {
    width: 6px;
    height: 6px;
    background: #d6293e;
    border-radius: 50%;
    position: absolute;
    top: inherit;
    bottom: 10px;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 1;
  }
  @media (min-width: 992px) {
    .navbar.navbar-icon .navbar-nav .nav-item .nav-link .nav-text {
      display: none;
    }
  }
  @media (max-width: 991.98px) {
    .navbar.navbar-icon .navbar-collapse {
      width: 100%;
      margin: 0 auto;
      text-align: center;
    }
    .navbar.navbar-icon .navbar-collapse .navbar-nav .nav-item {
      padding: 0 10px;
    }
    .navbar.navbar-icon .navbar-collapse .navbar-nav .nav-item .nav-link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 1rem;
      padding: 0.2rem 1.2rem;
    }
    .navbar.navbar-icon .navbar-collapse .navbar-nav .nav-item .nav-link::before {
      display: none;
    }
    .navbar.navbar-icon .navbar-collapse .navbar-nav .nav-item .nav-link .nav-text {
      margin-left: 0.4rem;
    }
    .navbar.navbar-icon .navbar-collapse .navbar-nav .nav-item .nav-link .badge-notif.badge-notif-bottom {
      position: static;
      margin: inherit;
    }
    .navbar.navbar-icon .navbar-collapse .navbar-nav .nav-item .notif-badge {
      bottom: inherit;
      right: inherit;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
    }
  }
  
  @media (min-width: 992px) {
    .navbar-vertical {
      bottom: 0;
      display: block;
      max-width: 300px;
      position: fixed;
      z-index: 9;
      height: 100vh;
      top: 56px;
      width: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    .navbar-vertical .offcanvas-start {
      top: 1.5rem;
      left: inherit;
      position: relative;
      width: auto;
      border: none !important;
      -webkit-transform: none;
              transform: none;
      height: calc(100% - 6rem);
      visibility: visible !important;
    }
    .navbar-vertical + .page-content {
      margin-left: calc(300px + 1.5rem);
    }
    .page-content {
      position: relative;
      height: 100%;
      display: block;
      padding: 0 0.7rem 0 0;
    }
  }
  header.fixed-top + main {
    padding-top: calc(1.5rem + 56px);
    margin-bottom: 1.5rem;
  }
  
  .navbar-toggler .navbar-toggler-animation {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-image: none;
    position: relative;
    height: 18px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }
  
  .navbar-toggler .navbar-toggler-animation span {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    height: 2px;
    background: var(--bs-gray-600);
    display: block;
    position: absolute;
    width: 100%;
    border-radius: 30px;
  }
  
  .navbar-toggler .navbar-toggler-animation span:nth-child(1) {
    top: 10%;
  }
  
  .navbar-toggler .navbar-toggler-animation span:nth-child(2) {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  
  .navbar-toggler .navbar-toggler-animation span:nth-child(3) {
    bottom: 10%;
  }
  
  .navbar-toggler[data-bs-toggle=collapse][aria-expanded=true] .navbar-toggler-animation span:nth-child(1) {
    -webkit-transform: rotateZ(45deg) translateY(-50%);
            transform: rotateZ(45deg) translateY(-50%);
    top: 47%;
    -webkit-transform-origin: 47% 0;
            transform-origin: 47% 0;
    width: 100%;
  }
  
  .navbar-toggler[data-bs-toggle=collapse][aria-expanded=true] .navbar-toggler-animation span:nth-child(2) {
    visibility: hidden;
    -webkit-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
  }
  
  .navbar-toggler[data-bs-toggle=collapse][aria-expanded=true] .navbar-toggler-animation span:nth-child(3) {
    -webkit-transform: rotateZ(-45deg) translateY(-50%);
            transform: rotateZ(-45deg) translateY(-50%);
    bottom: 42%;
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    width: 100%;
  }
  
  .pagination .page-item {
    margin-bottom: 5px;
    float: left;
  }
  
  .pagination-light .page-item {
    margin: 2px;
  }
  .pagination-light .page-item.active .page-link {
    background-color: var(--bs-primary) !important;
  }
  .pagination-light .page-item.disabled .page-link {
    background-color: transparent !important;
  }
  .pagination-light .page-link {
    border-color: var(--bs-light);
    background-color: var(--bs-light);
    border-radius: 0.2rem;
  }
  .pagination-light .page-link:hover {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
  }
  
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
    overflow-x: hidden;
    z-index: 0;
    position: relative;
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  
  [data-bs-theme=dark] body {
     background-color: var(--bs-body-bg); 
  }
  
  body {
    background-color: var(--bs-gray-200);
  }
  
  [data-bs-theme=dark] main {
     background-color: var(--bs-body-bg); 
  }
  
  main {
    background-color: var(--bs-gray-200);
  }
  
  header {
    position: relative;
    z-index: 1020;
  }
  
  a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  *:focus {
    outline: none !important;
  }
  
  h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a, .h1 > a, .h2 > a, .h3 > a, .h4 > a, .h5 > a, .h6 > a {
    color: var(--bs-gray-800);
  }

  h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover, .h1 > a:hover, .h2 > a:hover, .h3 > a:hover, .h4 > a:hover, .h5 > a:hover, .h6 > a:hover {
    color: var(--bs-primary);
    text-decoration: none;
  }
  
  img {
    max-width: 100%;
    height: auto;
  }
  
  video {
    background-size: cover;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
  }
  
  section {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  
  @media (max-width: 767.98px) {
    section {
      padding-top: 4rem;
      padding-bottom: 3rem;
    }
  }
  small, .small {
    font-weight: 400;
  }
  
  .smaller {
    font-size: 60%;
    font-weight: 500;
  }
  
  .dropcap {
    font-size: 4em;
    font-weight: bold;
    display: block;
    float: left;
    margin: 0.04em 0.2em 0 0;
    color: var(--bs-gray-800);
    line-height: 1;
  }
  
  .bg-overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  
  .blockquote {
    position: relative;
    padding-left: 80px;
  }
  .blockquote:before {
    content: '"';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 8rem;
    line-height: 0.8em;
    font-weight: 700;
    color: var(--bs-primary);
  }
  
  .blockquote-footer {
    margin-top: 12px;
    padding-left: 80px;
  }
  
  a.badge:hover {
    color: #fff;
  }
  
  .badge-unread {
    background: var(--bs-light);
  }
  .badge-unread:hover {
    background: var(--bs-light);
  }
  .badge-unread:before {
    content: "";
    width: 7px;
    height: 7px;
    background: var(--bs-primary);
    border-radius: 50%;
    position: absolute;
    top: 40px;
    left: 4px;
  }
  
  .badge-notif {
    width: 8px;
    height: 8px;
    background: #d6293e;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: -3px;
    z-index: 1;
  }
  .badge-notif.badge-notif-bottom {
    width: 6px;
    height: 6px;
    top: inherit;
    bottom: 5px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  
  .offcanvas-sm {
    width: 270px;
  }
  
  @media (max-width: 767.98px) {
    .offcanvas-start {
      width: 260px !important;
    }
  }
  .toast-chat {
    position: fixed;
    right: calc(400px + 1rem);
    bottom: 0;
    z-index: 11;
  }
  
  @media (max-width: 575.98px) {
    .toast {
      width: 288px;
    }
  }
  .bg-mode {
    background: #ffffff;
  }
  
  .grayscale {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }
  .grayscale:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
  }
  
  .fw-icon {
    text-align: center;
    width: 1.25em;
    display: inline-block;
  }
  
  .icon-xs {
    height: 1.5rem;
    width: 1.5rem;
    font-size: 0.6em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  
  .icon-sm {
    height: 2rem;
    width: 2rem;
    font-size: 0.7em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  
  .icon-md {
    height: 2.5rem;
    width: 2.5rem;
    font-size: 0.9em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  
  .icon-lg {
    height: 3rem;
    width: 3rem;
    font-size: 1em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  
  .icon-xl {
    height: 4rem;
    width: 4rem;
    font-size: 1.6em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  
  .icon-xxl {
    height: 5.125rem;
    width: 5.125rem;
    font-size: 2em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  
  .plyr__control--overlaid,
  .plyr--video .plyr__control.plyr__tab-focus,
  .plyr--video .plyr__control:hover,
  .plyr--video .plyr__control[aria-expanded=true] {
    background: var(--bs-primary);
  }
  
  .plyr--full-ui input[type=range] {
    color: var(--bs-primary);
  }
  
  /* rtl:raw:
  .glightbox-clean .gclose, .glightbox-modern .gclose{
    right: auto !important;
    left: 20px;
  }
  */
  .password-strength-meter {
    background-color: var(--bs-gray-200) !important;
  }
  
  .glightbox-clean .gslide-description {
    background: #fff;
  }
  
  .plyr__controls-none .plyr__controls {
    display: none;
  }
  .plyr__controls-none .plyr--video {
    border-radius: 20px;
  }
  
  .nav-search .dropdown-menu {
    top: 120%;
    visibility: hidden;
    opacity: 0;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 300px;
    left: auto;
    right: 0;
  }
  
  .nav-search .dropdown-menu.show {
    top: 100%;
    visibility: visible;
    opacity: 1;
  }
  
  @media (max-width: 575.98px) {
    .nav-search .dropdown-menu {
      width: 100%;
    }
  }
  /* rtl:raw:
    .rtl-flip {
      transform: scaleX(-1);
    }
    .rtl-flip.bi:before{
      transform: inherit;
    }
  */
  .preloader {
    background-color: #ffffff;
    position: fixed;
    z-index: 1190;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }
  .preloader .preloader-item {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  
  .comment-wrap .comment-item {
    position: relative;
  }
  .comment-wrap .comment-item .avatar {
    position: relative;
    z-index: 1;
  }
  .comment-wrap .comment-item:last-child .comment-line-inner {
    background: var(--bs-light);
    height: 20px;
  }
  .comment-wrap .comment-item-nested {
    padding-left: 2.75rem;
  }
  .comment-wrap > .comment-item .comment-line-inner {
    position: absolute;
    left: 16px;
    top: 0;
    width: 2px;
    background-color: var(--bs-light);
    height: 100%;
  }
  
  .comment-item-nested .comment-item {
    position: relative;
  }
  .comment-item-nested .comment-item .comment-line-inner {
    position: absolute;
    left: -28px;
    top: 0;
    width: 2px;
    background-color: var(--bs-light);
    height: 100%;
  }
  .comment-item-nested .comment-item .comment-line-inner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 20px;
    height: 2px;
    width: 26px;
    background: var(--bs-light);
  }
  
  @media (min-width: 992px) {
    .rounded-end-lg-0 {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
    .rounded-start-lg-0 {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
    .border-end-lg-0 {
      border-right: 0;
    }
  }
  .rounded-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  
  .rounded-bottom-0 {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  
  .flip-horizontal {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
    display: inline-block;
  }
  
  .timeline {
    width: 100%;
  }
  .timeline .timeline-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 1.5rem;
    position: relative;
  }
  .timeline .timeline-item:last-child {
    margin-bottom: 0;
  }
  .timeline .timeline-item .timeline-icon {
    margin-right: 0.8rem;
    position: relative;
    position: relative;
  }
  .timeline .timeline-item .timeline-content {
    width: 100%;
  }
  .timeline .timeline-item:before {
    content: "";
    position: absolute;
    width: 2px;
    height: calc(100% - 1rem);
    background-color: var(--bs-light);
    top: 2.5rem;
    left: 1.5rem;
    -webkit-transform: translatex(-50%);
            transform: translatex(-50%);
  }
  .timeline .timeline-item:last-child:before {
    height: calc(100% - 2.5rem);
  }
  
  @media (min-width: 992px) {
    .card-chat {
      height: calc(100vh - 5.1125rem - 1.5rem);
    }
    .card-chat-list {
      height: calc(100vh - 10.112rem - 1.5rem);
    }
    .chat-conversation-content {
      height: calc(100% - 5.25rem);
    }
    .chat-tab-list {
      height: calc(100% - 0.75rem);
    }
  }
  .typing .dot {
    -webkit-animation: TypingAnimation 1.8s infinite ease-in-out;
            animation: TypingAnimation 1.8s infinite ease-in-out;
    background-color: rgba(var(--bs-secondary-rgb), 0.7);
    border-radius: 50%;
    height: 7px;
    margin-right: 4px;
    vertical-align: middle;
    width: 7px;
    display: inline-block;
  }
  .typing .dot:nth-child(1) {
    -webkit-animation-delay: 200ms;
            animation-delay: 200ms;
  }
  .typing .dot:nth-child(2) {
    -webkit-animation-delay: 300ms;
            animation-delay: 300ms;
  }
  .typing .dot:nth-child(3) {
    -webkit-animation-delay: 400ms;
            animation-delay: 400ms;
  }
  .typing .dot:last-child {
    margin-right: 0;
  }
  
  @-webkit-keyframes TypingAnimation {
    0% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      background-color: rgba(var(--bs-secondary-rgb), 0.7);
    }
    28% {
      -webkit-transform: translateY(-7px);
              transform: translateY(-7px);
      background-color: rgba(var(--bs-secondary-rgb), 0.4);
    }
    44% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      background-color: rgba(var(--bs-secondary-rgb), 0.2);
    }
  }
  
  @keyframes TypingAnimation {
    0% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      background-color: rgba(var(--bs-secondary-rgb), 0.7);
    }
    28% {
      -webkit-transform: translateY(-7px);
              transform: translateY(-7px);
      background-color: rgba(var(--bs-secondary-rgb), 0.4);
    }
    44% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      background-color: rgba(var(--bs-secondary-rgb), 0.2);
    }
  }
  .bi::before,
  [class^=bi-]::before,
  [class*=" bi-"]::before {
    line-height: 1.5;
  }
  
  .fakepasswordicon {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
  }
  
  .fakepasswordicon.fa-eye:before {
    content: "\f06e" !important;
  }
  
  .ticket-border {
    border-left: 2px dashed var(--bs-gray-900);
    padding-left: 50px;
    position: relative;
  }
  .ticket-border:before {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    content: "";
    top: -50px;
    left: -25px;
    position: absolute;
  }
  .ticket-border:after {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    content: "";
    bottom: -50px;
    left: -25px;
    position: absolute;
  }
  
  @media (max-width: 575.98px) {
    .ticket-border {
      padding-left: 0;
      border: 0;
    }
    .ticket-border:after, .ticket-border:before {
      display: none;
    }
  }
  .plyr--audio .plyr__controls {
    background: transparent;
  }
  
  .plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
    background: var(--bs-primary);
  }
  
  [data-autoresize] {
    resize: none;
  }
  
  .tooltip-text-start .tooltip-inner {
    text-align: left;
  }
  
  [class*=status-]:before {
    content: "";
    position: absolute;
    z-index: 1;
    border-radius: 100%;
    border: 2px solid #fff;
    height: 12px;
    width: 12px;
    right: -2px;
    top: -2px;
  }
  
  .status-online:before {
    background-color: #0cbc87;
  }
  
  .status-away:before {
    background-color: #f7c32e;
  }
  
  .status-offline:before {
    background-color: #d6293e;
  }
  
  .avatar.avatar-lg[class*=status-]:before {
    right: 2px;
    top: 2px;
  }
  
  .avatar.avatar-xl[class*=status-]:before {
    right: 4px;
    top: 4px;
  }
  
  .avatar.avatar-xxl[class*=status-]:before {
    right: 12px;
    top: 12px;
  }
  
  .avatar.avatar-xxxl[class*=status-]:before {
    right: 18px;
    top: 18px;
  }
  
  .avatar {
    height: 3rem;
    width: 3rem;
    position: relative;
    display: inline-block;
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  
  .avatar-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .avatar-group {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .avatar-group > li {
    position: relative;
  }
  .avatar-group > li:not(:last-child) {
    margin-right: -0.8rem;
  }
  .avatar-group .avatar-img {
    border: 2px solid #ffffff;
  }
  
  .avatar-group-two {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
  }
  .avatar-group-two > li {
    margin-top: 0.8rem;
    position: relative;
  }
  .avatar-group-two > li:not(:last-child) {
    margin-right: -1.2rem;
    margin-top: 0;
  }
  
  .avatar-group-three {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
    padding-right: 1.2rem;
    position: relative;
  }
  .avatar-group-three > li {
    position: relative;
  }
  .avatar-group-three > li:not(:last-child) {
    margin-right: -1.2rem;
  }
  .avatar-group-three > li:last-child {
    position: absolute;
    bottom: -30px;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
  }
  
  .avatar-group-four {
    display: inline-grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: auto auto;
    gap: 0px 0px;
  }
  .avatar-group-four li {
    margin: 0;
  }
  .avatar-group-four li:not(:last-child) {
    margin: 0;
  }
  
  .avatar-xxs {
    height: 1.5rem;
    width: 1.5rem;
  }
  
  .avatar-xs {
    height: 2.1875rem;
    width: 2.1875rem;
  }
  
  .avatar-sm {
    height: 2.5rem;
    width: 2.5rem;
  }
  
  .avatar-lg {
    height: 4rem;
    width: 4rem;
  }
  
  .avatar-xl {
    height: 5.125rem;
    width: 5.125rem;
  }
  
  .avatar-xxl {
    height: 5.125rem;
    width: 5.125rem;
  }
  @media (min-width: 768px) {
    .avatar-xxl {
      width: 8rem;
      height: 8rem;
    }
  }
  
  .avatar-xxxl {
    height: 8rem;
    width: 8rem;
  }
  @media (min-width: 768px) {
    .avatar-xxxl {
      width: 11rem;
      height: 11rem;
    }
  }
  
  .avatar-story {
    position: relative;
    padding: 4px;
    z-index: 1;
  }
  .avatar-story:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    border: 2px solid var(--bs-primary);
    z-index: -1;
  }
  
  .avatar-uploader {
    position: relative;
  }
  .avatar-uploader .avatar-edit {
    position: absolute;
    right: 0;
    z-index: 1;
    top: 0;
  }
  .avatar-uploader .avatar-edit input {
    display: none;
  }
  .avatar-uploader .avatar-edit input + label {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: var(--bs-gray-200);
    border: 1px solid transparent;
    -webkit-box-shadow: 0px 0px 20px rgba(93, 83, 84, 0.15);
            box-shadow: 0px 0px 20px rgba(93, 83, 84, 0.15);
    cursor: pointer;
    font-weight: normal;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .avatar-uploader .avatar-edit input + label:after {
    content: "\f303";
    font-family: "Font Awesome 6 Free";
    color: #14191e;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: 900;
    -webkit-transform: translate(0, -56%);
            transform: translate(0, -56%);
    margin: 0 auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .avatar-uploader .avatar-edit input + label:hover {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
  }
  .avatar-uploader .avatar-edit input + label:hover:after {
    color: #ffffff;
  }
  .avatar-uploader img#avatar-preview {
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .tns-outer {
    position: relative;
  }
  
  .tns-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  
  .tiny-slider .item {
    position: relative;
  }
  
  .tns-controls [data-controls] {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 0.4rem;
    display: block;
    z-index: 9;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: rgba(var(--bs-primary-rgb), 0.3);
    color: #ffffff;
    border: none;
    padding: 0;
    margin: 0 5px;
  }
  .tns-controls [data-controls]:hover {
    background-color: var(--bs-primary);
    color: #ffffff;
  }
  .tns-controls [data-controls] i {line-height: inherit;}
  .tns-controls [data-controls=prev] {left: 0;}
  .tns-controls [data-controls=next] {right: 0;}
  
  /* rtl:raw:
  .tiny-slider .tns-controls [data-controls]{
    transform: scaleX(-1) translateY(-50%);
  }
  .tns-visually-hidden {
    right: -10000em !important;
    left: 0 !important;
  }
  */
  .arrow-dark [data-controls] {
    background: #14191e;
    color: #ffffff;
  }
  
  .arrow-white [data-controls] {
    background-color: var(--bs-gray-200);
    color: #676a79;
  }
  
  .arrow-round [data-controls] {
    border-radius: 50%;
  }
  
  .arrow-hover {
    overflow: hidden;
  }
  .arrow-hover [data-controls=prev] {
    left: -60px;
  }
  .arrow-hover [data-controls=next] {
    right: -60px;
  }
  .arrow-hover:hover [data-controls=prev] {
    left: 0px;
  }
  .arrow-hover:hover [data-controls=next] {
    right: 0px;
  }
  
  .tns-nav {
    position: absolute;
    top: 100%;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 10;
    width: auto;
    text-align: center;
    white-space: nowrap;
  }
  .tns-nav [data-nav] {
    position: relative;
    display: inline-block;
    margin: 0 4px;
    padding: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    overflow: hidden;
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 0 2px var(--bs-gray-500);
            box-shadow: inset 0 0 0 2px var(--bs-gray-500);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 0;
  }
  .tns-nav .tns-nav-active {
    background-color: #ffffff;
  }
  
  .dots-inside .tns-nav {
    top: auto;
    padding-bottom: 20px;
  }
  
  .dots-white .tns-nav [data-nav] {
    -webkit-box-shadow: inset 0 0 0 2px #ffffff;
            box-shadow: inset 0 0 0 2px #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .dots-white .tns-nav [data-nav]:after {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 1px #ffffff;
            box-shadow: 0 0 1px #ffffff;
  }
  
  .dots-dark .tns-nav [data-nav] {
    -webkit-box-shadow: inset 0 0 0 2px var(--bs-gray-800);
            box-shadow: inset 0 0 0 2px var(--bs-gray-800);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .dots-dark .tns-nav [data-nav]:after {
    background-color: var(--bs-gray-800);
    -webkit-box-shadow: 0 0 1px var(--bs-gray-800);
            box-shadow: 0 0 1px var(--bs-gray-800);
  }
  
  .gslide-description.description-left,
  .gslide-description.description-right {
    max-width: 360px;
  }
  
  .gdesc-inner {
    width: 100%;
  }
  
  .glightbox-container .gslide {
    -webkit-user-select: inherit;
       -moz-user-select: inherit;
        -ms-user-select: inherit;
            user-select: inherit;
  }
  
  .glightbox-clean .gslide-desc {
    font-family: "Inter", sans-serif;
  }
  
  .glightbox-mobile .glightbox-container .gslide-desc .bg-light {
    background: #14191e !important;
  }
  .glightbox-mobile .glightbox-container .gslide-desc .form-control {
    border-color: rgba(0, 0, 0, 0.1);
  }
  .glightbox-mobile .glightbox-container .gslide-desc .text-secondary {
    color: #ffffff !important;
  }
  .glightbox-mobile .glightbox-container .gslide-desc .dropdown-menu {
    background: #14191e !important;
  }
  .glightbox-mobile .glightbox-container .gslide-desc a {
    font-weight: normal;
  }
  .glightbox-mobile .glightbox-container .gslide-desc .nav.nav-divider .nav-item {
    color: #ffffff !important;
  }
  
  .choices .choices__inner {
    background-color: #ffffff;
    color: var(--bs-gray-700);
    border: 1px solid var(--bs-gray-400);
    line-height: 1.5;
    border-radius: 0.4rem;
    min-height: auto;
    padding: 0.5rem 1rem !important;
    font-size: 0.9375rem;
  }
  .choices .choices__list--multiple .choices__item {
    background-color: var(--bs-light);
    border: 1px solid var(--bs-light);
    border-radius: 0.4rem;
    color: var(--bs-gray-700);
  }
  .choices .choices__list--dropdown {
    background: #ffffff;
    border: 1px solid var(--bs-gray-400);
    visibility: visible !important;
  }
  .choices .choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: var(--bs-light);
  }
  .choices .choices__list--dropdown .choices__item {
    color: var(--bs-gray-600);
  }
  .choices .choices__input {
    background: transparent;
    padding: 0;
    color: var(--bs-gray-700);
  }
  .choices .choices__list--dropdown,
  .choices .choices__list[aria-expanded] {
    margin-top: 0px;
  }
  .choices.is-open .choices__list--dropdown, .choices.is-open .choices__list[aria-expanded] {
    margin-top: -1px;
  }
  
  .choices[data-type*=select-one] .choices__input {
    background: var(--bs-white);
    color: var(--bs-body-color);
    border-color: var(--bs-gray-400) !important;
  }
  
  .choices__list--single {
    padding: 0;
  }
  
  .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
    border-left: 1px solid #14191e;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  }
  
  .choices[data-type*=select-one]:after {
    content: "";
    height: 10px;
    width: 10px;
    border: none;
    border-width: 5px;
    position: absolute;
    right: 11.5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin-top: 0;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 12px;
  }
  
  .choices[data-type*=select-one].is-open:after {
    margin-top: 0;
  }
  
  .choices[data-type*=select-one] .choices__input {
    background: #ffffff;
    border-color: #ffffff;
  }
  
  .choices.is-focused .choices__inner {
    border-color: var(--bs-primary);
  }
  
  .choices[data-type*=select-one] .choices__list > .choices__list > .choices__item--selectable, .choices[data-type*=select-multiple] .choices__list > .choices__list > .choices__item--selectable {
    padding-right: 0px;
  }
  
  .choices[data-type*=select-one] .choices__list > .choices__list > .choices__item--selectable::after, .choices[data-type*=select-multiple] .choices__list > .choices__list > .choices__item--selectable::after {
    display: none;
  }
  
  .dropzone {
    min-height: auto;
    border-radius: 0.4rem;
    position: relative;
    z-index: 0;
    border: 2px dashed #eef0f2;
  }
  .dropzone .dz-preview.dz-image-preview {
    background: transparent;
  }
  
  .dropzone-custom {
    position: relative;
  }
  .dropzone-custom .dz-cover-preview {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
  }
  .dropzone-custom .dz-cover-preview .dz-cover-preview-wrap {
    position: absolute;
    height: 100%;
    width: 100%;
    border: 0 !important;
    overflow: hidden;
  }
  .dropzone-custom .dz-preview {
    min-height: auto;
    margin: 0;
    width: 100%;
  }
  .dropzone-custom .dz-preview.dz-cover-preview .dz-cover-preview-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 0.375rem;
  }
  .dropzone-custom.dropzone-cover .dz-message {
    padding: 6rem 2rem;
  }
  .dropzone-custom.dropzone-cover.dz-file-processing .dz-message {
    display: none;
  }
  .dropzone-custom.dropzone-cover.dz-file-processing.dz-file-complete .dz-message {
    display: block;
  }
  .dropzone-custom.dropzone-cover.dz-max-files-reached .dz-message {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-color: transparent;
  }
  .dropzone-custom.dropzone-cover .dz-preview.dz-cover-preview .dz-cover-preview-img {
    width: 100%;
    height: 100%;
  }
  .dropzone-custom .dz-message {
    position: relative;
    padding: 2rem;
    margin: 0;
  }
  .dropzone-custom.dropzone .dz-preview {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  
  .dropzone-custom.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
    cursor: pointer;
  }
  
  .dropzone-custom.dropzone-cover.dz-max-files-reached:focus .dz-message, .dropzone.dropzone-cover.dz-max-files-reached:hover .dz-message {
    opacity: 1;
  }
  
  .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
  .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(var(--bs-secondary-rgb), 0.15);
  }
  
  .iphone-x {
    position: relative;
    margin: 40px auto;
    width: 360px;
    height: 780px;
    background-color: #14191e;
    border-radius: 40px;
    -webkit-box-shadow: 0px 0px 0px 11px #14191e, 0px 0px 0px 13px #14191e, 0px 0px 0px 20px #101418;
            box-shadow: 0px 0px 0px 11px #14191e, 0px 0px 0px 13px #14191e, 0px 0px 0px 20px #101418;
  }
  .iphone-x:before, .iphone-x:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .iphone-x:after {
    bottom: 7px;
    width: 140px;
    height: 4px;
    background-color: #eef0f2;
    border-radius: 10px;
  }
  .iphone-x:before {
    top: 0px;
    width: 56%;
    height: 30px;
    background-color: #14191e;
    border-radius: 0px 0px 40px 40px;
  }
  .iphone-x i,
  .iphone-x b,
  .iphone-x s,
  .iphone-x span {
    position: absolute;
    display: block;
    color: transparent;
  }
  .iphone-x i {
    top: 0px;
    left: 50%;
    -webkit-transform: translate(-50%, 6px);
            transform: translate(-50%, 6px);
    height: 8px;
    width: 15%;
    background-color: #000;
    border-radius: 8px;
    -webkit-box-shadow: inset 0px -3px 3px 0px rgba(255, 255, 255, 0.2);
            box-shadow: inset 0px -3px 3px 0px rgba(255, 255, 255, 0.2);
  }
  .iphone-x b {
    left: 10%;
    top: 0px;
    -webkit-transform: translate(180px, 4px);
            transform: translate(180px, 4px);
    width: 12px;
    height: 12px;
    background-color: #000;
    border-radius: 12px;
    -webkit-box-shadow: inset 0px -3px 2px 0px rgba(255, 255, 255, 0.2);
            box-shadow: inset 0px -3px 2px 0px rgba(255, 255, 255, 0.2);
  }
  .iphone-x b:after {
    content: "";
    position: absolute;
    background-color: rgba(15, 111, 236, 0.5);
    width: 6px;
    height: 6px;
    top: 2px;
    left: 2px;
    top: 3px;
    left: 3px;
    display: block;
    border-radius: 4px;
    -webkit-box-shadow: inset 0px -2px 2px rgba(0, 0, 0, 0.5);
            box-shadow: inset 0px -2px 2px rgba(0, 0, 0, 0.5);
  }
  .iphone-x s {
    top: 50px;
    text-align: center;
    text-decoration: none;
    width: 100%;
    font-size: 70px;
    font-weight: 100;
    padding-top: 60px;
  }
  .iphone-x span {
    bottom: 50px;
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    left: 30px;
  }
  .iphone-x span + span {
    left: auto;
    right: 30px;
  }
  
  .iphone-x.iphone-x-small {
    margin: 40px auto;
    width: 300px;
    height: 600px;
  }
  
  .iphone-x.iphone-x-half {
    height: 300px;
    background-image: url(../images/mockup/app-placeholder3.jpg);
  }
  
  @media (max-width: 575.98px) {
    .iphone-x, .iphone-x.iphone-x-small {
      width: 260px;
      height: 540px;
      background-size: 100%;
    }
    .iphone-x.iphone-x-half {
      width: 240px;
      height: 280px;
      background-size: 100%;
    }
    .iphone-x b {
      left: -6%;
    }
  }
  .mac_container {
    width: 100%;
    margin: 10px auto;
  }
  
  .mac_scaler {
    margin: auto;
    width: 100%;
    padding-top: 57.875%;
    height: 0px;
    position: relative;
  }
  
  .mac_holder {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
  }
  
  .mac_screen {
    margin: auto;
    background: #14191e;
    width: 86%;
    height: 100%;
    border-top-left-radius: 2% 3%;
    border-top-right-radius: 2% 3%;
    border-bottom-left-radius: 5% 3%;
    border-bottom-right-radius: 5% 3%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 3%;
    position: relative;
    overflow: hidden;
    border: 1px solid #eef0f2;
  }
  .mac_screen:before {
    content: "";
    position: absolute;
    right: 0.3%;
    top: 0.5%;
    width: 36.5%;
    height: 35%;
    border: 1px solid #14191e;
    border-bottom: none;
    border-left: none;
    border-top-right-radius: 4.5% 7%;
  }
  .mac_screen:after {
    content: "";
    position: absolute;
    right: -25%;
    top: -25%;
    width: 40%;
    height: 150%;
    background: rgba(238, 240, 242, 0.2);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), color-stop(40%, rgba(238, 240, 242, 0)));
    background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(238, 240, 242, 0) 40%);
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
  
  .mac_camera {
    background: #333;
    border-radius: 50%;
    width: 1%;
    height: 1.5%;
    position: absolute;
    left: 49.5%;
    top: 2%;
  }
  .mac_camera:after {
    content: "";
    position: absolute;
    left: 35%;
    top: 40%;
    width: 30%;
    height: 30%;
    border-radius: 50%;
    background: #777;
  }
  
  .mac_bottom {
    background: #e9e9e9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ccc), to(#444));
    background: linear-gradient(#ccc 50%, #444);
    width: 100%;
    height: 3%;
    position: relative;
    top: -1.7%;
    border-bottom-left-radius: 6% 50%;
    border-bottom-right-radius: 6% 50%;
  }
  
  .mac_bottom_top_half {
    width: 100%;
    height: 50%;
    background: #e9e9e9;
    background: -webkit-gradient(linear, left top, right top, from(#aaa), color-stop(0.5%, #f3f3f3), color-stop(2.5%, #aaa), color-stop(5.5%, #f3f3f3), color-stop(94.5%, #f3f3f3), color-stop(97.5%, #aaa), color-stop(99.5%, #f3f3f3), to(#aaa));
    background: linear-gradient(90deg, #aaa, #f3f3f3 0.5%, #aaa 2.5%, #f3f3f3 5.5%, #f3f3f3 94.5%, #aaa 97.5%, #f3f3f3 99.5%, #aaa);
  }
  
  .mac_bottom:after {
    content: "";
    position: absolute;
    right: 1%;
    bottom: 11%;
    width: 98%;
    height: 0%;
    -webkit-box-shadow: 1px 0px 8px 1px #333;
            box-shadow: 1px 0px 8px 1px #333;
  }
  
  .mac_thumb_space {
    background: #bbb;
    background: radial-gradient(90% 150% at 50% 1%, #eee 49%, #888);
    margin: auto;
    width: 15%;
    height: 60%;
    border-bottom-left-radius: 8% 100%;
    border-bottom-right-radius: 8% 100%;
  }
  
  .mac_screen_content {
    width: 100%;
    height: 100%;
    text-align: center;
  }
  
  .flatpickr-calendar {
    background: #ffffff;
    border-color: #ffffff;
    -webkit-box-shadow: 0px 0px 20px rgba(93, 83, 84, 0.15);
            box-shadow: 0px 0px 20px rgba(93, 83, 84, 0.15);
  }
  
  .flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.1);
  }
  
  .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
    border-top-color: #ffffff;
  }
  
  .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after, .flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: #ffffff;
  }
  
  .flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: var(--bs-gray-500);
  }
  
  .flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: var(--bs-gray-500);
  }
  
  .flatpickr-months {
    position: relative;
  }
  
  .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    border-radius: 0.4rem;
    margin: 3px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
    height: 12px;
    width: 12px;
  }
  .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
    background: rgba(var(--bs-primary-rgb), 0.1);
  }
  .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
    fill: var(--bs-primary);
  }
  
  .flatpickr-day, span.flatpickr-weekday, .flatpickr-months .flatpickr-month {
    color: var(--bs-gray-500);
  }
  
  .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
    color: var(--bs-gray-400);
  }
  
  .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    fill: var(--bs-gray-500);
  }
  
  .flatpickr-day.today, .flatpickr-day.today:hover, .flatpickr-day.today:focus {
    background: rgba(var(--bs-primary-rgb), 0.1);
    color: var(--bs-primary);
    border-color: rgba(var(--bs-primary-rgb), 0.1);
  }
  
  .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: var(--bs-primary);
    color: #ffffff;
    border-color: var(--bs-primary);
  }
  
  .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
    background: var(--bs-light);
    border-color: var(--bs-light);
    color: var(--bs-gray-500);
  }
  
  .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange {
    background: rgba(var(--bs-primary-rgb), 0.1);
    color: var(--bs-primary);
    border-color: rgba(var(--bs-primary-rgb), 0.1);
  }
  
  .flatpickr-day.inRange {
    -webkit-box-shadow: -5px 0 0 var(--bs-light), 5px 0 0 var(--bs-light);
            box-shadow: -5px 0 0 var(--bs-light), 5px 0 0 var(--bs-light);
  }
  
  .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 var(--bs-primary);
            box-shadow: -10px 0 0 var(--bs-primary);
  }
  
  .flatpickr-input:disabled, .flatpickr-input[readonly] {
    background-color: #ffffff;
  }
  
  .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
    background: var(--bs-light);
  }
  
  .flatpickr-calendar.hasTime .flatpickr-time {
    border-top-color: rgba(0, 0, 0, 0.1);
  }
  
  .flatpickr-current-month {
    font-size: 120%;
    padding: 9.48px 0 0 0;
    border-radius: 0.4rem;
  }
  
  .flatpickr-time input {
    color: var(--bs-gray-500);
  }
  .flatpickr-time .flatpickr-am-pm {
    color: var(--bs-gray-500);
  }
  
  @media (max-width: 575.98px) {
    .flatpickr-calendar, .flatpickr-days, .dayContainer {
      width: 100%;
      min-width: 100%;
      max-width: 100%;
    }
  }
  .stories .story > .item-link {
    text-decoration: none;
    color: var(--bs-gray-800);
  }
  
  .stories .story > .item-link > .item-preview {
    border-radius: 50%;
    padding: 2px;
    background: var(--bs-primary);
    height: 5.125rem !important;
    width: 5.125rem !important;
  }
  
  .stories.carousel .story {
    height: auto !important;
    width: 5.125rem !important;
  }
  
  .stories .story > .item-link > .item-preview img {
    border-radius: 50%;
    border: 2px solid #ffffff;
  }
  
  .stories .story.seen {
    opacity: 0.5;
  }
  
  .stories .story.seen > a > .item-preview {
    background: #a1a1a8;
  }
  
  .stories .story.seen > a {
    color: #676a79 !important;
  }
  
  .stories.carousel .story > .item-link > .info .name {
    font-weight: 500;
    font-size: 0.8203125rem;
  }
  
  #zuck-modal-content .story-viewer .head .right {
    padding: 0px 30px;
  }
  #zuck-modal-content .story-viewer .head .right .close {
    color: #ffffff;
  }
  
  #zuck-modal.with-effects {
    height: 100vh !important;
  }
  
  .stories-square.stories .story > .item-link > .item-preview {
    border-radius: 5px;
    height: 150px !important;
    -o-object-fit: cover;
       object-fit: cover;
    width: auto !important;
    max-height: inherit !important;
    padding: 0 !important;
  }
  
  .stories-square.stories.carousel .story {
    border-radius: 0;
    height: 150px !important;
    position: relative;
    width: 120px !important;
    max-width: inherit !important;
    margin-bottom: 4px;
  }
  
  .stories-square.stories.carousel .story > .item-link > .info {
    position: absolute;
    left: 10px;
    bottom: 6px;
    color: #ffffff;
    text-align: left;
    z-index: 1;
  }
  
  .stories-square.stories.carousel .story > .item-link > .item-preview img {
    border-radius: 5px;
    border: none;
  }
  
  .stories-square.stories .story.seen > a > .item-preview {
    background: transparent;
  }
  
  .stories-square.stories .item-preview {
    position: relative;
  }
  
  .stories-square.stories .item-preview:before {
    content: "";
    position: absolute;
    height: 50%;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));
    background-image: linear-gradient(180deg, transparent, black);
    z-index: 1;
  }
  
  @media (max-width: 1024px) {
    #zuck-modal-content .story-viewer.with-back-button .head .left > .back {
      color: #ffffff;
    }
  }
  .scroll-enable.stories.carousel::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: #ffffff;
  }
  .scroll-enable.stories.carousel::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    border-radius: 5px;
    background-color: #ffffff;
  }
  .scroll-enable.stories.carousel::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
    background-color: #e1e4e6;
  }
  
  [data-bs-theme=dark] {
    --bs-gray-100: #313235;
    --bs-gray-200: #464950;
    --bs-gray-300: #5f5f68;
    --bs-gray-400: #a1a1a8;
    --bs-gray-500: #bfc0c9;
    --bs-gray-600: #c5c6cc;
    --bs-gray-700: #ffffffb3;
    --bs-gray-800: #fffffff9;
    --bs-gray-900: #ffffff;
    --bs-light: #202227;
    --bs-secondary-rgb: 197, 198, 204;
    --bs-body-bg: #191a1f;
    --bs-body-color: #a1a1a8;
    --bs-mode:#0f0f10;
    --bs-mode-rgb:15, 15, 16;
    --bs-border-color: rgba(255, 255, 255, 0.07);
    --bs-card-bg-dark: #141519;
  }
  [data-bs-theme=dark] p {color: var(--bs-gray-900);}
  [data-bs-theme=dark] .navbar {
    --bs-navbar-color: var(--bs-gray-600);
    --bs-navbar-disabled-color: var(--bs-gray-400);
  }
  [data-bs-theme=dark] .navbar-dark {
    --bs-navbar-color: var(--bs-gray-900);
  }
  [data-bs-theme=dark] .dropdown-menu {
    --bs-dropdown-bg: var(--bs-mode);
    --bs-dropdown-link-disabled-color: var(--bs-gray-200);
    -webkit-box-shadow: none;
            box-shadow: none;
    --bs-dropdown-divider-bg: var(--bs-border-color);
    border: 1px solid var(--bs-border-color);
  }
  [data-bs-theme=dark] .alert-light {
    --bs-alert-bg: var(--bs-gray-600);
    --bs-alert-border-color: var(--bs-gray-600);
  }
  [data-bs-theme=dark] .bg-light {
    background-color: var(--bs-light) !important;
  }
  [data-bs-theme=dark] .btn-dark {
    --bs-btn-bg: var(--bs-mode);
  }
  [data-bs-theme=dark] .btn-close {
    -webkit-filter: invert(1) grayscale(100%) brightness(300%);
            filter: invert(1) grayscale(100%) brightness(300%);
  }
  [data-bs-theme=dark] .btn-secondary-soft {
    background-color: rgba(var(--bs-secondary-rgb), 0.1);
    color: var(--bs-gray-600);
  }
  [data-bs-theme=dark] .btn-secondary-soft:hover {
    background-color: rgba(var(--bs-secondary-rgb)) !important;
    color: var(--bs-body-bg) !important;
  }
  [data-bs-theme=dark] .btn-secondary-soft-hover:hover {
    background-color: rgba(var(--bs-secondary-rgb), 0.1);
    color: var(--bs-gray-600) !important;
  }
  [data-bs-theme=dark] .btn-light {
    --bs-btn-bg: var(--bs-light);
    --bs-btn-color: var(--bs-gray-800);
    --bs-btn-border-color: var(--bs-light);
    --bs-btn-active-bg: var(--bs-gray-200);
    --bs-btn-active-color: var(--bs-gray-800);
  }
  [data-bs-theme=dark] .modal {
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-footer-border-color: var(--bs-border-color);
  }
  [data-bs-theme=dark] .card {
    --bs-card-cap-bg: var(--bs-card-bg-dark) !important;
    --bs-card-bg: var(--bs-card-bg-dark) !important;
    --bs-card-border-color: var(--bs-light);
  }
  [data-bs-theme=dark] .offcanvas, [data-bs-theme=dark] .offcanvas-xxl, [data-bs-theme=dark] .offcanvas-xl, [data-bs-theme=dark] .offcanvas-lg, [data-bs-theme=dark] .offcanvas-md, [data-bs-theme=dark] .offcanvas-sm {
    --bs-offcanvas-bg: var(--bs-body-bg);
  }
  [data-bs-theme=dark] .popover {
    --bs-popover-bg:var(--bs-body-bg);
  }
  [data-bs-theme=dark] .accordion {
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-active-bg: var(--bs-body-bg);
  }
  [data-bs-theme=dark] .accordion-item {
    background-color: var(--bs-body-bg);
    color: var(--bs-gray-400);
  }
  [data-bs-theme=dark] .accordion-item .accordion-button {
    color: var(--bs-gray-400);
  }
  [data-bs-theme=dark] .bg-mode {
    background: var(--bs-mode);
  }
  [data-bs-theme=dark] .text-muted {
    color: var(--bs-gray-800) !important;
  }
  [data-bs-theme=dark] hr {
    color: var(--bs-gray-300);
  }
  [data-bs-theme=dark] .fill-secondary {
    fill: rgba(var(--bs-secondary-rgb)) !important;
  }
  [data-bs-theme=dark] .shadow, [data-bs-theme=dark] .shadow-lg, [data-bs-theme=dark] .shadow-sm {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  [data-bs-theme=dark] .navbar-nav .dropdown .dropdown-submenu:hover > .dropdown-menu {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  [data-bs-theme=dark] .iphone-x {
    -webkit-box-shadow: 0px 0px 0px 11px var(--bs-gray-600), 0px 0px 0px 13px var(--bs-gray-600), 0px 0px 0px 20px var(--bs-gray-400);
            box-shadow: 0px 0px 0px 11px var(--bs-gray-600), 0px 0px 0px 13px var(--bs-gray-600), 0px 0px 0px 20px var(--bs-gray-400);
  }
  [data-bs-theme=dark] .iphone-x:after {
    background-color: var(--bs-light);
  }
  [data-bs-theme=dark] .iphone-x:before {
    background-color: var(--bs-gray-600);
  }
  [data-bs-theme=dark] .mac_screen {
    background: var(--bs-gray-700);
  }
  [data-bs-theme=dark] .mac_screen:before {
    border: none;
  }
  [data-bs-theme=dark] .form-control {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-gray-100);
  }
  [data-bs-theme=dark] .form-control:focus {
    border-color: var(--bs-primary);
  }
  [data-bs-theme=dark] .choices .choices__inner {
    background-color: var(--bs-body-bg);
    border: 1px solid var(--bs-gray-100);
  }
  [data-bs-theme=dark] .choices .choices__list--dropdown {
    background-color: var(--bs-body-bg);
    border: 1px solid var(--bs-gray-100);
  }
  [data-bs-theme=dark] .choices[data-type*=select-one] .choices__input {
    background: var(--bs-body-bg);
  }
  [data-bs-theme=dark] .flatpickr-calendar {
    background: var(--bs-mode);
    border-color: var(--bs-mode);
  }
  [data-bs-theme=dark] .flatpickr-current-month .flatpickr-monthDropdown-months, [data-bs-theme=dark] .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background: var(--bs-mode);
  }
  [data-bs-theme=dark] .flatpickr-calendar.arrowBottom:before, [data-bs-theme=dark] .flatpickr-calendar.arrowBottom:after {
    border-top-color: var(--bs-mode);
  }
  [data-bs-theme=dark] .flatpickr-calendar.arrowTop:before, [data-bs-theme=dark] .flatpickr-calendar.arrowTop:after, [data-bs-theme=dark] .flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: var(--bs-mode);
  }
  [data-bs-theme=dark] .nav-tabs-white .nav-item .nav-link.active, [data-bs-theme=dark] .nav-tabs-white .nav-item .nav-link:hover {
    background: var(--bs-mode);
  }
  [data-bs-theme=dark] .navbar.navbar-icon .navbar-nav .nav-item .nav-link.active:before {
    border-color: var(--bs-mode) transparent transparent transparent;
  }
  @media (max-width: 575.98px) {
    [data-bs-theme=dark] .navbar-expand-sm .navbar-collapse {
      background: var(--bs-mode) !important;
    }
  }
  @media (max-width: 767.98px) {
    [data-bs-theme=dark] .navbar-expand-md .navbar-collapse {
      background: var(--bs-mode) !important;
    }
  }
  @media (max-width: 991.98px) {
    [data-bs-theme=dark] .navbar-expand-lg .navbar-collapse {
      background: var(--bs-mode) !important;
    }
  }
  @media (max-width: 1199.98px) {
    [data-bs-theme=dark] .navbar-expand-xl .navbar-collapse {
      background: var(--bs-mode) !important;
    }
  }
  @media (max-width: 1399.98px) {
    [data-bs-theme=dark] .navbar-expand-xxl .navbar-collapse {
      background: var(--bs-mode) !important;
    }
  }
  [data-bs-theme=dark] .navbar-expand .navbar-collapse {
    background: var(--bs-mode) !important;
  }
  [data-bs-theme=dark] .glightbox-clean .gslide-description {
    background: var(--bs-mode);
  }
  [data-bs-theme=dark] .preloader {
    background-color: var(--bs-mode);
  }
  [data-bs-theme=dark] .ticket-border:before {
    background: var(--bs-mode);
  }
  [data-bs-theme=dark] .ticket-border:after {
    background: var(--bs-mode);
  }
  [data-bs-theme=dark] .stories .story > .item-link > .item-preview img {
    border: 2px solid var(--bs-mode);
  }
  [data-bs-theme=dark] .scroll-enable.stories.carousel::-webkit-scrollbar-track {
    background-color: var(--bs-gray-200);
  }
  [data-bs-theme=dark] .scroll-enable.stories.carousel::-webkit-scrollbar {
    background-color: var(--bs-gray-200);
  }
  [data-bs-theme=dark] .scroll-enable.stories.carousel::-webkit-scrollbar-thumb {
    background-color: var(--bs-gray-400);
  }
  
  .modeswitch-item .btn-modeswitch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transform: translateX(-14%);
            transform: translateX(-14%);
    height: 40px;
    width: 40px;
    background: var(--bs-light);
    border-radius: 0.4rem;
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  .modeswitch-item .btn-modeswitch svg {
    fill: var(--bs-gray-900);
  }
  .modeswitch-item .btn-modeswitch.active {
    background: var(--bs-primary);
  }
  .modeswitch-item .btn-modeswitch.active svg {
    fill: var(--bs-white);
  }
  
  .dark-mode-item {
    display: none !important;
  }
  
  [data-bs-theme=dark] .dark-mode-item {
    display: inline-block !important;
  }
  [data-bs-theme=dark] .light-mode-item {
    display: none !important;
  }
  
.nav-bottom {
  position:fixed;bottom:0;left:0;width:100%;max-height:60px;z-index:12;
  -webkit-box-shadow:0 2px 7px 0 rgba(0,0,0,0.2);
  box-shadow:0 2px 7px 0 rgba(0,0,0,0.2);
  display:-webkit-box;display:-ms-flexbox;
  display:flex;-ms-flex-pack:distribute;
  justify-content:space-around;
  background: #ffffff;
}

[data-bs-theme=dark] .nav-bottom {
  background: var(--bs-mode);
}

.nav-bottom .nav-link{
    text-align:center;
    display:inline-block;
    padding:7px
}.nav-bottom .nav-link .icon{
    display:inline-block;
    font-size:26px
}